{"version":3,"file":"shared-lib.CY35jE-R.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/lXrPxG09sSBOJmPeGjA2/0hEPFy74jYDKEs7rTHqs/PpvUjISQy.js","https:/framerusercontent.com/modules/58cDac7M20Q879dpHSdV/KKsUPAPOpyYoiESGNW8S/siteMetadata.js"],"sourcesContent":["// Generated by Framer (8ebf084)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"WYteO9q1x\",\"XPS4d1NLs\",\"ldJfZzjNS\"];const serializationHash=\"framer-MSELb\";const variantClassNames={ldJfZzjNS:\"framer-v-1990gn\",WYteO9q1x:\"framer-v-4z0f4j\",XPS4d1NLs:\"framer-v-jh13le\"};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={Desktop:\"WYteO9q1x\",Phone:\"ldJfZzjNS\",Tablet:\"XPS4d1NLs\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"WYteO9q1x\"};};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:\"WYteO9q1x\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"ldJfZzjNS\")return false;return true;};const isDisplayed1=()=>{if([\"XPS4d1NLs\",\"ldJfZzjNS\"].includes(baseVariant))return false;return true;};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-4z0f4j\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"WYteO9q1x\",ref:refBinding,style:{...style},...addPropertyOverrides({ldJfZzjNS:{\"data-framer-name\":\"Phone\"},XPS4d1NLs:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1cssfmn\",\"data-border\":true,\"data-framer-name\":\"spacing\",layoutDependency:layoutDependency,layoutId:\"fwIM6mupE\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d53d5eee-ff4d-4b1e-98d0-a707e3ce1541, rgb(0, 0, 0))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",opacity:.05}}),isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-if85jk\",\"data-border\":true,\"data-framer-name\":\"spacing\",layoutDependency:layoutDependency,layoutId:\"e9RvFMNsG\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d53d5eee-ff4d-4b1e-98d0-a707e3ce1541, rgb(0, 0, 0))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",opacity:.05}}),isDisplayed1()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1xrtqqc\",\"data-border\":true,\"data-framer-name\":\"spacing\",layoutDependency:layoutDependency,layoutId:\"UopXcsrBv\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d53d5eee-ff4d-4b1e-98d0-a707e3ce1541, rgb(0, 0, 0))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",opacity:.05}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1wskm6c\",\"data-border\":true,\"data-framer-name\":\"spacing\",layoutDependency:layoutDependency,layoutId:\"GeXm6WvVD\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d53d5eee-ff4d-4b1e-98d0-a707e3ce1541, rgb(0, 0, 0))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",opacity:.05}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-6k6zxi\",\"data-border\":true,\"data-framer-name\":\"spacing\",layoutDependency:layoutDependency,layoutId:\"PH3iAq3zc\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d53d5eee-ff4d-4b1e-98d0-a707e3ce1541, rgb(0, 0, 0))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",opacity:.05}})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-MSELb.framer-1bsc314, .framer-MSELb .framer-1bsc314 { display: block; }\",\".framer-MSELb.framer-4z0f4j { display: grid; gap: 0px 0px; grid-auto-rows: minmax(0, 1fr); grid-template-columns: repeat(5, minmax(50px, 1fr)); grid-template-rows: repeat(1, minmax(0, 1fr)); height: 800px; justify-content: center; overflow: hidden; padding: 0px 40px 0px 40px; position: relative; width: 1200px; }\",\".framer-MSELb .framer-1cssfmn, .framer-MSELb .framer-if85jk, .framer-MSELb .framer-1xrtqqc, .framer-MSELb .framer-1wskm6c, .framer-MSELb .framer-6k6zxi { align-self: start; flex: none; height: 100%; justify-self: start; overflow: hidden; position: relative; width: 100%; }\",\".framer-MSELb.framer-v-jh13le.framer-4z0f4j { grid-template-columns: repeat(4, minmax(50px, 1fr)); height: 770px; width: 810px; }\",\".framer-MSELb.framer-v-1990gn.framer-4z0f4j { grid-template-columns: repeat(3, minmax(50px, 1fr)); height: 667px; width: 390px; }\",'.framer-MSELb[data-border=\"true\"]::after, .framer-MSELb [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 800\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"XPS4d1NLs\":{\"layout\":[\"fixed\",\"fixed\"]},\"ldJfZzjNS\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerPpvUjISQy=withCSS(Component,css,\"framer-MSELb\");export default FramerPpvUjISQy;FramerPpvUjISQy.displayName=\"Background Grid\";FramerPpvUjISQy.defaultProps={height:800,width:1200};addPropertyControls(FramerPpvUjISQy,{variant:{options:[\"WYteO9q1x\",\"XPS4d1NLs\",\"ldJfZzjNS\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerPpvUjISQy,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerPpvUjISQy\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"1200\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"XPS4d1NLs\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ldJfZzjNS\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"800\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PpvUjISQy.map","// Generated by Framer (3bdc3c5)\nexport default function metadata(params,activeLocale){return{description:\"Kanvas is a design studio creating clear, intentional digital experiences through branding, UI, and no-code sites. Built with care, not complexity.\",favicon:\"https://framerusercontent.com/assets/TowvAekpoW8DLbK6XSvz9TJm8Iw.jpg\",robots:\"max-image-preview:large\",socialImage:\"https://framerusercontent.com/assets/9QcPtXMFnVNpGfgtEwRypZsodM.jpg\",title:\"Kanvas | Branding, UI Design, and No-Code Websites\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}