{"version":3,"file":"TwoButtonToggle.D0Pr7XY7.mjs","names":[],"sources":["https:/framerusercontent.com/modules/QnJNPrt4FSu6OtC4JrBR/8gwmut1mw1lPTK5OO1Fq/ThreeButtonToggle.js","https:/framerusercontent.com/modules/XaIhi7ZhZhPPw7Z6PrLy/EL0UlIABS7HJSGkfaG63/TwoButtonToggle.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function ThreeButtonToggle({options=[\"A\",\"B\",\"C\"],selected=\"\",onChange}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",gap:\"12px\",width:\"100%\"},children:options.map(label=>{const isSelected=label===selected;return /*#__PURE__*/_jsxs(\"button\",{// Only trigger onChange if the button isn't already selected\nonClick:()=>!isSelected&&onChange?.(label),style:{flex:1,minHeight:\"52px\",padding:\"8px 6px\",borderRadius:\"20px\",border:\"none\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:\"2px\",// Visual States\nbackgroundColor:isSelected?\"#f5f2ed\":\"#f8f5f2\",color:isSelected?\"#120a8f\":\"#6D6D8A\",fontSize:\"12px\",fontWeight:isSelected?600:400,fontFamily:\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\",// Cursor: Default arrow for selected, Pointer for clickable\ncursor:isSelected?\"default\":\"pointer\",outline:\"none\",userSelect:\"none\",transition:\"all 0.4s cubic-bezier(0.23, 1, 0.32, 1)\",// Neumorphic Shadows\nboxShadow:isSelected?\"inset 4px 4px 8px rgba(140, 140, 178, 0.15), inset -4px -4px 8px rgba(255, 255, 255, 0.8)\":\"-4px -4px 10px rgba(255, 255, 255, 0.7), 4px 4px 10px rgba(140, 140, 178, 0.1)\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{textAlign:\"center\",lineHeight:\"1.1\",pointerEvents:\"none\"},children:label}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"3px\",height:\"3px\",borderRadius:\"50%\",backgroundColor:\"#120a8f\",opacity:isSelected?1:0,transition:\"opacity 0.3s ease\",pointerEvents:\"none\"}})]},label);})});}addPropertyControls(ThreeButtonToggle,{options:{type:ControlType.Array,control:{type:ControlType.String},defaultValue:[\"Small (<3cm)\",\"Medium (3-6cm)\",\"Large (>6cm)\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ThreeButtonToggle\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ThreeButtonToggle.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function TwoButtonToggle({options=[\"Yes\",\"No\"],selected=\"\",onChange}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",gap:\"12px\",width:\"100%\",background:\"transparent\"},children:options.map(label=>{const isSelected=label===selected;return /*#__PURE__*/_jsxs(\"button\",{// Only trigger onChange if the button isn't already selected\nonClick:()=>!isSelected&&onChange?.(label),style:{// Layout & Sizing\nflex:1,minHeight:\"52px\",padding:\"8px 6px\",borderRadius:\"20px\",border:\"none\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:\"2px\",// Visual States\nbackgroundColor:isSelected?\"#f5f2ed\":\"#f8f5f2\",color:isSelected?\"#120a8f\":\"#6D6D8A\",fontSize:\"12px\",fontWeight:isSelected?600:400,fontFamily:\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\",// Cursor Logic: Arrow for selected, Pointer for clickable\ncursor:isSelected?\"default\":\"pointer\",outline:\"none\",userSelect:\"none\",transition:\"all 0.4s cubic-bezier(0.23, 1, 0.32, 1)\",// Neumorphic Shadows\nboxShadow:isSelected?\"inset 4px 4px 8px rgba(140, 140, 178, 0.15), inset -4px -4px 8px rgba(255, 255, 255, 0.8)\":\"-4px -4px 10px rgba(255, 255, 255, 0.7), 4px 4px 10px rgba(140, 140, 178, 0.1)\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{textAlign:\"center\",lineHeight:\"1.1\",pointerEvents:\"none\"},children:label}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"3px\",height:\"3px\",borderRadius:\"50%\",backgroundColor:\"#120a8f\",opacity:isSelected?1:0,transition:\"opacity 0.3s ease\",pointerEvents:\"none\"}})]},label);})});}addPropertyControls(TwoButtonToggle,{options:{type:ControlType.Array,control:{type:ControlType.String},defaultValue:[\"Superficial\",\"Deep\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TwoButtonToggle\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TwoButtonToggle.map"],"mappings":"8JAGG,SAAwB,EAAkB,CAAC,UAAQ,CAAC,IAAI,IAAI,GAAG,EAAE,WAAS,GAAG,YAAU,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,IAAI,OAAO,MAAM,MAAM,EAAE,SAAS,EAAQ,IAAI,GAAO,CAAC,IAAM,EAAW,IAAQ,EAAS,OAAoB,EAAM,SAAS,CAC5Q,YAAY,CAAC,GAAY,IAAW,CAAK,EAAE,MAAM,CAAC,KAAK,EAAE,UAAU,OAAO,QAAQ,UAAU,aAAa,OAAO,OAAO,OAAO,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,eAAe,SAAS,IAAI,MACpN,gBAAgB,EAAW,UAAU,UAAU,MAAM,EAAW,UAAU,UAAU,SAAS,OAAO,WAAW,EAAW,IAAI,IAAI,WAAW,sFAC7I,OAAO,EAAW,UAAU,UAAU,QAAQ,OAAO,WAAW,OAAO,WAAW,0CAClF,UAAU,EAAW,4FAA4F,gFAAgF,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,UAAU,SAAS,WAAW,MAAM,cAAc,MAAM,EAAE,SAAS,CAAK,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,MAAM,OAAO,MAAM,aAAa,MAAM,gBAAgB,UAAU,QAAQ,KAAe,WAAW,oBAAoB,cAAc,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAK,CAAE,CAAC,CAAC,CAAC,CAAE,iBAPnc,IAAoD,EAOgZ,EAAoB,EAAkB,CAAC,QAAQ,CAAC,KAAK,EAAY,MAAM,QAAQ,CAAC,KAAK,EAAY,MAAM,EAAE,aAAa,CAAC,eAAe,iBAAiB,cAAc,CAAC,CAAC,CAAC,KCJjqB,SAAwB,EAAgB,CAAC,UAAQ,CAAC,MAAM,IAAI,EAAE,WAAS,GAAG,YAAU,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,IAAI,OAAO,MAAM,OAAO,WAAW,aAAa,EAAE,SAAS,EAAQ,IAAI,GAAO,CAAC,IAAM,EAAW,IAAQ,EAAS,OAAoB,EAAM,SAAS,CAClS,YAAY,CAAC,GAAY,IAAW,CAAK,EAAE,MAAM,CACjD,KAAK,EAAE,UAAU,OAAO,QAAQ,UAAU,aAAa,OAAO,OAAO,OAAO,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,eAAe,SAAS,IAAI,MAClK,gBAAgB,EAAW,UAAU,UAAU,MAAM,EAAW,UAAU,UAAU,SAAS,OAAO,WAAW,EAAW,IAAI,IAAI,WAAW,sFAC7I,OAAO,EAAW,UAAU,UAAU,QAAQ,OAAO,WAAW,OAAO,WAAW,0CAClF,UAAU,EAAW,4FAA4F,gFAAgF,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,UAAU,SAAS,WAAW,MAAM,cAAc,MAAM,EAAE,SAAS,CAAK,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,MAAM,OAAO,MAAM,aAAa,MAAM,gBAAgB,UAAU,QAAQ,KAAe,WAAW,oBAAoB,cAAc,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAK,CAAE,CAAC,CAAC,CAAC,CAAE,iBARnc,IAAoD,EAQgZ,EAAoB,EAAgB,CAAC,QAAQ,CAAC,KAAK,EAAY,MAAM,QAAQ,CAAC,KAAK,EAAY,MAAM,EAAE,aAAa,CAAC,cAAc,MAAM,CAAC,CAAC,CAAC"}