{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/BhAoMPebr9zWn5eTB5XM/wlTejHmfeK9EhKGKxf3k/SNZ1ApD6G.js"],
  "sourcesContent": ["// Generated by Framer (a2fb474)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,Link,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const enabledGestures={SZDWaDCVQ:{hover:true}};const serializationHash=\"framer-sfHXS\";const variantClassNames={SZDWaDCVQ:\"framer-v-ihos77\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?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 getProps=({cover,height,id,link,width,...props})=>{return{...props,duPayD9BU:cover!==null&&cover!==void 0?cover:props.duPayD9BU,y3faeiBGv:link!==null&&link!==void 0?link:props.y3faeiBGv};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,duPayD9BU,y3faeiBGv,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"SZDWaDCVQ\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:y3faeiBGv,nodeId:\"SZDWaDCVQ\",openInNewTab:false,children:/*#__PURE__*/_jsx(motion.a,{...restProps,...gestureHandlers,\"aria-label\":\"More about this Design System\",className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-ihos77\",className,classNames)} framer-mbu2u9`,\"data-border\":true,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"SZDWaDCVQ\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgb(213, 213, 213)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",backgroundColor:\"rgb(255, 255, 255)\",...style},...addPropertyOverrides({\"SZDWaDCVQ-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",loading:getLoadingLazyAtYPosition(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.y)||0)+24+(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.height)||192)-48-(Math.max(0,(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.height)||192)-48-0)/1)*1+0)+0+0)),sizes:`calc(${(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\"} - 48px)`,...toResponsiveImage(duPayD9BU),...{positionX:\"center\",positionY:\"center\"}},className:\"framer-1dcmr1f\",layoutDependency:layoutDependency,layoutId:\"NIQwTYgWR\",style:{filter:\"grayscale(1)\",WebkitFilter:\"grayscale(1)\"},variants:{\"SZDWaDCVQ-hover\":{filter:\"grayscale(0)\",WebkitFilter:\"grayscale(0)\"}},...addPropertyOverrides({\"SZDWaDCVQ-hover\":{background:{alt:\"\",fit:\"fit\",loading:getLoadingLazyAtYPosition(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.y)||0)+16+(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.height)||192)-32-(Math.max(0,(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.height)||192)-32-0)/1)*1+0)+0+0)),sizes:`calc(${(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\"} - 32px)`,...toResponsiveImage(duPayD9BU),...{positionX:\"center\",positionY:\"center\"}}}},baseVariant,gestureVariant)})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-sfHXS.framer-mbu2u9, .framer-sfHXS .framer-mbu2u9 { display: block; }\",\".framer-sfHXS.framer-ihos77 { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex-direction: column; flex-wrap: wrap; gap: 16px; height: 192px; justify-content: flex-end; overflow: hidden; padding: 24px; position: relative; text-decoration: none; width: 248px; }\",\".framer-sfHXS .framer-1dcmr1f { flex: 1 0 0px; height: 1px; position: relative; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-sfHXS.framer-ihos77 { gap: 0px; } .framer-sfHXS.framer-ihos77 > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } .framer-sfHXS.framer-ihos77 > :first-child { margin-top: 0px; } .framer-sfHXS.framer-ihos77 > :last-child { margin-bottom: 0px; } }\",\".framer-sfHXS.framer-v-ihos77.hover.framer-ihos77 { aspect-ratio: 1.2903225806451613 / 1; height: var(--framer-aspect-ratio-supported, 192px); padding: 16px; }\",'.framer-sfHXS[data-border=\"true\"]::after, .framer-sfHXS [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 192\n * @framerIntrinsicWidth 248\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"nBAJB3esy\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"duPayD9BU\":\"cover\",\"y3faeiBGv\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerSNZ1ApD6G=withCSS(Component,css,\"framer-sfHXS\");export default FramerSNZ1ApD6G;FramerSNZ1ApD6G.displayName=\"Design System Card\";FramerSNZ1ApD6G.defaultProps={height:192,width:248};addPropertyControls(FramerSNZ1ApD6G,{duPayD9BU:{title:\"Cover\",type:ControlType.ResponsiveImage},y3faeiBGv:{title:\"Link\",type:ControlType.Link}});addFonts(FramerSNZ1ApD6G,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerSNZ1ApD6G\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"nBAJB3esy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"192\",\"framerVariables\":\"{\\\"duPayD9BU\\\":\\\"cover\\\",\\\"y3faeiBGv\\\":\\\"link\\\"}\",\"framerIntrinsicWidth\":\"248\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SNZ1ApD6G.map"],
  "mappings": "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",
  "names": ["enabledGestures", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "toResponsiveImage", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "getProps", "cover", "height", "id", "link", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "duPayD9BU", "y3faeiBGv", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "Link", "cx", "Image2", "getLoadingLazyAtYPosition", "css", "FramerSNZ1ApD6G", "withCSS", "SNZ1ApD6G_default", "addPropertyControls", "ControlType", "addFonts"]
}