{"version":3,"file":"MobileShell.DurAXRKX.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/7KZSLMlN19erxhuCqyUL/BeJnFbW4QKxaXF0MlnpN/MobileShell.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";function HouseIcon({color}){return /*#__PURE__*/_jsxs(\"svg\",{width:\"22\",height:\"22\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:color,strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M3 11.5L12 4l9 7.5\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M5.5 10v9.5a1 1 0 0 0 1 1H17.5a1 1 0 0 0 1-1V10\"})]});}function FlaskIcon({color}){return /*#__PURE__*/_jsxs(\"svg\",{width:\"20\",height:\"20\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:color,strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M9 2.5h6\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M10 3v6.2L4.8 18.4A1.5 1.5 0 0 0 6.1 20.5h11.8a1.5 1.5 0 0 0 1.3-2.1L14 9.2V3\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M7.5 15.5h9\"})]});}function CloseIcon({color}){return /*#__PURE__*/_jsxs(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:color,strokeWidth:\"1.5\",strokeLinecap:\"round\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M5 5l14 14\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M19 5L5 19\"})]});}export default function MobileShell(props){const{backgroundColor,textColor,borderColor,fontFamily,homeLink,ingredientLookupLink,howItWorksLink,pricingLink,infoPageLink,contactLink,wordmark,menuDesktopNote,accountMessage}=props;const[menuOpen,setMenuOpen]=useState(false);const[accountNoticeOpen,setAccountNoticeOpen]=useState(false);const navItemStyle={display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:\"5px\",flex:1,height:\"100%\",background:\"none\",border:\"none\",cursor:\"pointer\",padding:0,textDecoration:\"none\"};const navLabelStyle={fontSize:\"10px\",fontWeight:600,letterSpacing:\"0.08em\",textTransform:\"uppercase\",color:textColor,fontFamily};const menuLinkStyle={display:\"block\",padding:\"18px 0\",borderBottom:\"1px solid \"+borderColor,fontSize:\"15px\",fontWeight:700,textTransform:\"uppercase\",letterSpacing:\"0.02em\",color:textColor,textDecoration:\"none\",fontFamily};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",bottom:0,left:0,width:\"100%\",height:\"64px\",backgroundColor,borderTop:\"1px solid \"+borderColor,display:\"flex\",alignItems:\"stretch\",boxSizing:\"border-box\",zIndex:1e3},children:[/*#__PURE__*/_jsx(\"a\",{href:homeLink,style:navItemStyle,children:/*#__PURE__*/_jsx(HouseIcon,{color:textColor})}),/*#__PURE__*/_jsx(\"button\",{onClick:function(){setMenuOpen(!menuOpen);setAccountNoticeOpen(false);},style:navItemStyle,children:/*#__PURE__*/_jsx(\"div\",{style:navLabelStyle,children:menuOpen?\"Close\":\"Menu\"})}),/*#__PURE__*/_jsx(\"a\",{href:ingredientLookupLink,style:navItemStyle,children:/*#__PURE__*/_jsx(FlaskIcon,{color:textColor})}),/*#__PURE__*/_jsx(\"button\",{onClick:function(){setAccountNoticeOpen(!accountNoticeOpen);setMenuOpen(false);},style:navItemStyle,children:/*#__PURE__*/_jsx(\"div\",{style:navLabelStyle,children:\"Account\"})})]}),/*#__PURE__*/_jsx(\"div\",{onClick:function(){setMenuOpen(false);},style:{position:\"fixed\",inset:0,backgroundColor:\"rgba(45,45,45,0.35)\",opacity:menuOpen?1:0,pointerEvents:menuOpen?\"auto\":\"none\",transition:\"opacity 0.25s ease\",zIndex:1100}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",top:0,left:0,height:\"100%\",width:\"82%\",maxWidth:\"340px\",backgroundColor,fontFamily,color:textColor,boxSizing:\"border-box\",padding:\"28px 24px\",display:\"flex\",flexDirection:\"column\",transform:menuOpen?\"translateX(0)\":\"translateX(-100%)\",transition:\"transform 0.28s ease\",zIndex:1200,boxShadow:menuOpen?\"4px 0 24px rgba(45,45,45,0.12)\":\"none\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",marginBottom:\"32px\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"15px\",fontWeight:700,letterSpacing:\"0.12em\",textTransform:\"uppercase\",fontFamily},children:wordmark}),/*#__PURE__*/_jsx(\"button\",{onClick:function(){setMenuOpen(false);},style:{background:\"none\",border:\"none\",cursor:\"pointer\",padding:\"4px\"},children:/*#__PURE__*/_jsx(CloseIcon,{color:textColor})})]}),/*#__PURE__*/_jsx(\"a\",{href:ingredientLookupLink,style:menuLinkStyle,children:\"Ingredient Lookup\"}),/*#__PURE__*/_jsx(\"a\",{href:howItWorksLink,style:menuLinkStyle,children:\"How It Works\"}),/*#__PURE__*/_jsx(\"a\",{href:pricingLink,style:menuLinkStyle,children:\"Pricing\"}),/*#__PURE__*/_jsx(\"a\",{href:infoPageLink,style:menuLinkStyle,children:\"About & Legal\"}),/*#__PURE__*/_jsx(\"a\",{href:contactLink,style:menuLinkStyle,children:\"Contact\"}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"12px\",opacity:.5,lineHeight:1.7,marginTop:\"28px\",fontFamily},children:menuDesktopNote})]}),/*#__PURE__*/_jsx(\"div\",{onClick:function(){setAccountNoticeOpen(false);},style:{position:\"fixed\",inset:0,backgroundColor:\"rgba(45,45,45,0.35)\",opacity:accountNoticeOpen?1:0,pointerEvents:accountNoticeOpen?\"auto\":\"none\",transition:\"opacity 0.25s ease\",zIndex:1100}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",left:0,bottom:accountNoticeOpen?\"64px\":\"-220px\",width:\"100%\",backgroundColor,fontFamily,color:textColor,boxSizing:\"border-box\",padding:\"28px 24px 32px\",borderTop:\"1px solid \"+borderColor,transition:\"bottom 0.28s ease\",zIndex:1200,boxShadow:\"0 -4px 24px rgba(45,45,45,0.12)\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"13px\",fontWeight:700,textTransform:\"uppercase\",letterSpacing:\"0.05em\",marginBottom:\"10px\",fontFamily},children:\"Account\"}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"13px\",opacity:.6,lineHeight:1.7,marginBottom:\"20px\",fontFamily},children:accountMessage}),/*#__PURE__*/_jsx(\"button\",{onClick:function(){setAccountNoticeOpen(false);},style:{padding:\"11px 24px\",backgroundColor:\"transparent\",color:textColor,border:\"1px solid \"+borderColor,fontSize:\"11px\",fontWeight:700,letterSpacing:\"0.08em\",textTransform:\"uppercase\",cursor:\"pointer\",fontFamily},children:\"Got it\"})]})]});}MobileShell.defaultProps={backgroundColor:\"#FFFEFC\",textColor:\"#2D2D2D\",borderColor:\"rgba(45,45,45,0.15)\",fontFamily:\"Glacial Indifference, sans-serif\",homeLink:\"/\",ingredientLookupLink:\"/ingredient-lookup\",howItWorksLink:\"/how-it-works\",pricingLink:\"/pricing\",infoPageLink:\"/info\",contactLink:\"/contact-page\",wordmark:\"Mellows Marks\",menuDesktopNote:\"Formula audits, CPSR readiness, exposure checks, and account features are available on desktop.\",accountMessage:\"Login and account features are available on desktop. On mobile, you can search ingredients free, no account needed.\"};addPropertyControls(MobileShell,{backgroundColor:{type:ControlType.Color,title:\"Background\"},textColor:{type:ControlType.Color,title:\"Text\"},borderColor:{type:ControlType.Color,title:\"Border\"},fontFamily:{type:ControlType.String,title:\"Font\"},homeLink:{type:ControlType.String,title:\"Home Link\"},ingredientLookupLink:{type:ControlType.String,title:\"Ingredient Lookup Link\"},howItWorksLink:{type:ControlType.String,title:\"How It Works Link\"},pricingLink:{type:ControlType.String,title:\"Pricing Link\"},infoPageLink:{type:ControlType.String,title:\"Info Page Link\"},contactLink:{type:ControlType.String,title:\"Contact Link\"},wordmark:{type:ControlType.String,title:\"Wordmark\"},menuDesktopNote:{type:ControlType.String,title:\"Menu Desktop Note\"},accountMessage:{type:ControlType.String,title:\"Account Message\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MobileShell\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MobileShell.map"],"mappings":"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"}