{"version":3,"file":"UUWSdMFlw.DCbfJ_Ue.mjs","names":["React.useContext","React.useMemo","React.Fragment","useRef","React.useId","SVG"],"sources":["https:/framerusercontent.com/modules/cQbEGpvVUII1arD1bo98/2AYQn52wFwia7u9IkLVt/UUWSdMFlw.js"],"sourcesContent":["// Generated by Framer (2797bee)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"luVcDswVI\",\"apbxYiMKG\"];const serializationHash=\"framer-a5UJQ\";const variantClassNames={apbxYiMKG:\"framer-v-wuhh7a\",luVcDswVI:\"framer-v-1qjgo7a\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transformTemplate1=(_,t)=>`translateY(-50%) ${t}`;const transformTemplate2=(_,t)=>`translate(-50%, -50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={Grid:\"luVcDswVI\",List:\"apbxYiMKG\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"luVcDswVI\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"luVcDswVI\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1qjgo7a\",className,classNames),\"data-framer-name\":\"Grid\",layoutDependency:layoutDependency,layoutId:\"luVcDswVI\",ref:refBinding,style:{backgroundColor:\"rgb(235, 235, 235)\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,...style},...addPropertyOverrides({apbxYiMKG:{\"data-framer-name\":\"List\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(Link,{motionChild:true,nodeId:\"yEN78gS2A\",scopeId:\"UUWSdMFlw\",...addPropertyOverrides({apbxYiMKG:{href:{webPageId:\"El3_3iuvC\"},openInNewTab:false}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-1qjf92 framer-yrqbp2\",\"data-framer-name\":\"Grid Button\",layoutDependency:layoutDependency,layoutId:\"yEN78gS2A\",style:{borderBottomLeftRadius:6,borderBottomRightRadius:6,borderTopLeftRadius:6,borderTopRightRadius:6},transformTemplate:transformTemplate1,children:/*#__PURE__*/_jsx(SVG,{className:\"framer-10gzdmg\",\"data-framer-name\":\"grid\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"HIXlMli9C\",opacity:1,style:{opacity:1},svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 20 20\"><path d=\"M 3.75 3 C 3.341 3 3 3.341 3 3.75 L 3 9 C 3 9.409 3.341 9.75 3.75 9.75 L 9 9.75 C 9.409 9.75 9.75 9.409 9.75 9 L 9.75 3.75 C 9.75 3.341 9.409 3 9 3 Z M 12 3 C 11.591 3 11.25 3.341 11.25 3.75 L 11.25 9 C 11.25 9.409 11.591 9.75 12 9.75 L 17.25 9.75 C 17.659 9.75 18 9.409 18 9 L 18 3.75 C 18 3.341 17.659 3 17.25 3 Z M 3.75 11.25 C 3.341 11.25 3 11.591 3 12 L 3 17.25 C 3 17.659 3.341 18 3.75 18 L 9 18 C 9.409 18 9.75 17.659 9.75 17.25 L 9.75 12 C 9.75 11.591 9.409 11.25 9 11.25 Z M 12 11.25 C 11.591 11.25 11.25 11.591 11.25 12 L 11.25 17.25 C 11.25 17.659 11.591 18 12 18 L 17.25 18 C 17.659 18 18 17.659 18 17.25 L 18 12 C 18 11.591 17.659 11.25 17.25 11.25 Z\" fill=\"rgb(0, 0, 0)\"></path></svg>',svgContentId:12355137383,variants:{apbxYiMKG:{opacity:.4}},withExternalLayout:true,...addPropertyOverrides({apbxYiMKG:{opacity:.4,svgContentId:9885381510}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(Link,{href:{webPageId:\"lT3N708Pu\"},motionChild:true,nodeId:\"aeLlOBtTP\",scopeId:\"UUWSdMFlw\",children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-1uxcek8 framer-yrqbp2\",\"data-framer-name\":\"List Button\",layoutDependency:layoutDependency,layoutId:\"aeLlOBtTP\",style:{borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8},transformTemplate:transformTemplate2,children:/*#__PURE__*/_jsx(SVG,{className:\"framer-4fqtpl\",\"data-framer-name\":\"list\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:16,intrinsicWidth:24,layoutDependency:layoutDependency,layoutId:\"LQJ6ajBXc\",style:{opacity:.4},svg:'<svg width=\"24\" height=\"16\" viewBox=\"0 0 24 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\\n<path d=\"M23.587 14.4891C23.587 15.0471 23.1341 15.5 22.5761 15.5H7.75C7.192 15.5 6.73913 15.0471 6.73913 14.4891C6.73913 13.9311 7.192 13.4783 7.75 13.4783H22.5761C23.1341 13.4783 23.587 13.9311 23.587 14.4891ZM7.75 2.02174H22.5761C23.1341 2.02174 23.587 1.56887 23.587 1.01087C23.587 0.45287 23.1341 0 22.5761 0H7.75C7.192 0 6.73913 0.45287 6.73913 1.01087C6.73913 1.56887 7.192 2.02174 7.75 2.02174ZM22.5761 6.73913H7.75C7.192 6.73913 6.73913 7.192 6.73913 7.75C6.73913 8.308 7.192 8.76087 7.75 8.76087H22.5761C23.1341 8.76087 23.587 8.308 23.587 7.75C23.587 7.192 23.1341 6.73913 22.5761 6.73913ZM3.70652 13.4783H1.01087C0.45287 13.4783 0 13.9311 0 14.4891C0 15.0471 0.45287 15.5 1.01087 15.5H3.70652C4.26452 15.5 4.71739 15.0471 4.71739 14.4891C4.71739 13.9311 4.26452 13.4783 3.70652 13.4783ZM3.70652 6.73913H1.01087C0.45287 6.73913 0 7.192 0 7.75C0 8.308 0.45287 8.76087 1.01087 8.76087H3.70652C4.26452 8.76087 4.71739 8.308 4.71739 7.75C4.71739 7.192 4.26452 6.73913 3.70652 6.73913ZM3.70652 0H1.01087C0.45287 0 0 0.45287 0 1.01087C0 1.56887 0.45287 2.02174 1.01087 2.02174H3.70652C4.26452 2.02174 4.71739 1.56887 4.71739 1.01087C4.71739 0.45287 4.26452 0 3.70652 0Z\" fill=\"black\"/>\\n</svg>\\n',variants:{apbxYiMKG:{opacity:1}},withExternalLayout:true})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-uqtv4g\",\"data-framer-name\":\"Active state indicator\",layoutDependency:layoutDependency,layoutId:\"Pvk94Vm8B\",style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:6,borderBottomRightRadius:6,borderTopLeftRadius:6,borderTopRightRadius:6,boxShadow:\"0px 2px 4px 0px rgba(0, 0, 0, 0.1)\"}})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-a5UJQ.framer-yrqbp2, .framer-a5UJQ .framer-yrqbp2 { display: block; }\",\".framer-a5UJQ.framer-1qjgo7a { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 40px; justify-content: flex-start; overflow: visible; padding: 10px 50px 10px 10px; position: relative; width: 109px; }\",\".framer-a5UJQ .framer-1qjf92 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 7px 30px 7px 30px; position: absolute; right: 38px; top: 48%; width: min-content; z-index: 2; }\",\".framer-a5UJQ .framer-10gzdmg { flex: none; height: 20px; position: relative; width: 20px; }\",\".framer-a5UJQ .framer-1uxcek8 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; left: 76%; overflow: visible; padding: 7px 15px 7px 15px; position: absolute; text-decoration: none; top: 50%; width: min-content; z-index: 2; }\",\".framer-a5UJQ .framer-4fqtpl { aspect-ratio: 1.5 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 11px); position: relative; width: 17px; }\",\".framer-a5UJQ .framer-uqtv4g { flex: none; height: 27px; left: 7px; position: absolute; top: calc(50.00000000000002% - 27px / 2); width: 50px; z-index: 1; }\",\".framer-a5UJQ.framer-v-wuhh7a .framer-1qjf92 { text-decoration: none; }\",\".framer-a5UJQ.framer-v-wuhh7a .framer-uqtv4g { left: unset; right: 3px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 40\n * @framerIntrinsicWidth 109\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"apbxYiMKG\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerUUWSdMFlw=withCSS(Component,css,\"framer-a5UJQ\");export default FramerUUWSdMFlw;FramerUUWSdMFlw.displayName=\"Grid-List Toggle\";FramerUUWSdMFlw.defaultProps={height:40,width:109};addPropertyControls(FramerUUWSdMFlw,{variant:{options:[\"luVcDswVI\",\"apbxYiMKG\"],optionTitles:[\"Grid\",\"List\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerUUWSdMFlw,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerUUWSdMFlw\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"apbxYiMKG\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"109\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"40\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./UUWSdMFlw.map"],"mappings":"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"}