{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/42kcb4tdvlxjDghqe7WF/B1OGOnCi6DYEQAbSvc6e/XNslClf_P.js"], "sourcesContent": ["// Generated by Framer (9f1494d)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,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=[\"MRlsti87N\",\"Qv34sxyHT\",\"ofUG06cde\",\"YWH0yYR9X\"];const serializationHash=\"framer-plrd6\";const variantClassNames={MRlsti87N:\"framer-v-xjaflm\",ofUG06cde:\"framer-v-qyt4iw\",Qv34sxyHT:\"framer-v-18da51b\",YWH0yYR9X:\"framer-v-p5tbqd\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};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={\"Bottom / Desktop / 01\":\"Qv34sxyHT\",\"Bottom / Desktop / 02\":\"YWH0yYR9X\",\"Top / Desktop / 01\":\"MRlsti87N\",\"Top / Desktop / 02\":\"ofUG06cde\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"MRlsti87N\"};};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:\"MRlsti87N\",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__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-xjaflm\",className,classNames),\"data-framer-name\":\"Top / Desktop / 01\",layoutDependency:layoutDependency,layoutId:\"MRlsti87N\",ref:refBinding,style:{...style},...addPropertyOverrides({ofUG06cde:{\"data-framer-name\":\"Top / Desktop / 02\"},Qv34sxyHT:{\"data-framer-name\":\"Bottom / Desktop / 01\"},YWH0yYR9X:{\"data-framer-name\":\"Bottom / Desktop / 02\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SVG,{className:\"framer-13adbcs\",\"data-framer-name\":\"Vector 1\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:130,intrinsicWidth:3503,layoutDependency:layoutDependency,layoutId:\"KWPYIiBqr\",style:{rotate:0},svg:'\\n\\n\\n',variants:{ofUG06cde:{rotate:0},Qv34sxyHT:{rotate:180},YWH0yYR9X:{rotate:180}},withExternalLayout:true})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-plrd6.framer-12npgh5, .framer-plrd6 .framer-12npgh5 { display: block; }\",\".framer-plrd6.framer-xjaflm { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 83px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 3200px; }\",\".framer-plrd6 .framer-13adbcs { aspect-ratio: 26.946153846153845 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 130px); left: -151px; position: absolute; right: -152px; top: -38px; z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-plrd6.framer-xjaflm { gap: 0px; } .framer-plrd6.framer-xjaflm > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-plrd6.framer-xjaflm > :first-child { margin-left: 0px; } .framer-plrd6.framer-xjaflm > :last-child { margin-right: 0px; } }\",\".framer-plrd6.framer-v-18da51b .framer-13adbcs { bottom: -41px; top: unset; }\",\".framer-plrd6.framer-v-qyt4iw .framer-13adbcs { aspect-ratio: unset; bottom: -8px; height: unset; left: -263px; right: -1301px; top: -39px; }\",\".framer-plrd6.framer-v-p5tbqd .framer-13adbcs { aspect-ratio: unset; bottom: -41px; height: unset; left: -263px; right: -1301px; top: -6px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 83\n * @framerIntrinsicWidth 3200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"Qv34sxyHT\":{\"layout\":[\"fixed\",\"fixed\"]},\"ofUG06cde\":{\"layout\":[\"fixed\",\"fixed\"]},\"YWH0yYR9X\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerXNslClf_P=withCSS(Component,css,\"framer-plrd6\");export default FramerXNslClf_P;FramerXNslClf_P.displayName=\"v2 / Shapes / Sand\";FramerXNslClf_P.defaultProps={height:83,width:3200};addPropertyControls(FramerXNslClf_P,{variant:{options:[\"MRlsti87N\",\"Qv34sxyHT\",\"ofUG06cde\",\"YWH0yYR9X\"],optionTitles:[\"Top / Desktop / 01\",\"Bottom / Desktop / 01\",\"Top / Desktop / 02\",\"Bottom / Desktop / 02\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerXNslClf_P,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerXNslClf_P\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"3200\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"83\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Qv34sxyHT\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ofUG06cde\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"YWH0yYR9X\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./XNslClf_P.map"], "mappings": "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", "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "scopingClassNames", "cx", "LayoutGroup", "SVG", "css", "FramerXNslClf_P", "withCSS", "XNslClf_P_default", "addPropertyControls", "ControlType", "addFonts"] }