{"version":3,"file":"CS_System.Ck3STrrd.mjs","names":["React.useMemo"],"sources":["https:/framerusercontent.com/modules/rZl4E0B8En14atESH9FY/ZO1Fin0jxvUxf78FcjSB/CS_System.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const T={bg:\"#FCFCFA\",ink:\"rgb(26,22,18)\",ink45:\"rgba(26,22,18,0.45)\",ink60:\"rgba(26,22,18,0.6)\",coral:\"#FC3D23\",blue:\"#A8B8CC\",bdr:\"rgba(26,22,18,0.1)\",font:\"Inter, system-ui, sans-serif\"};const uid=()=>Math.random().toString(36).slice(2,7);/** @framerSupportedLayoutWidth any @framerSupportedLayoutHeight any */export default function CS_System(props){const{sectionLabel=\"Design System\",col1Label=\"Colour Tokens\",col1Caption=\"Light and dark mode — full semantic colour set.\",col1Image=\"\",col2Label=\"Type + Spacing\",col2Caption=\"Type scale, weights, and spacing tokens.\",col2Image=\"\",col3Label=\"Components\",col3Caption=\"Every state defined before any screen was built.\",col3Image=\"\",accentColor=T.coral,topPadding=80,bottomPadding=80,style}=props;const id=React.useMemo(()=>`cssy-${uid()}`,[]);const Slot=({label,caption,image})=>/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:9,letterSpacing:\"0.16em\",textTransform:\"uppercase\",color:accentColor,marginBottom:12},children:label}),/*#__PURE__*/_jsx(\"div\",{style:{borderRadius:12,overflow:\"hidden\",border:`1px solid ${T.bdr}`,minHeight:280,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",marginBottom:14},children:image?/*#__PURE__*/_jsx(\"img\",{src:image,alt:label,style:{width:\"100%\",height:\"auto\",display:\"block\",objectFit:\"contain\"}}):/*#__PURE__*/_jsx(\"span\",{style:{fontSize:9,letterSpacing:\"0.14em\",textTransform:\"uppercase\",color:\"rgba(26,22,18,0.18)\"},children:\"Upload screenshot →\"})}),caption&&/*#__PURE__*/_jsx(\"p\",{style:{margin:0,fontSize:12,fontWeight:300,color:T.ink45,lineHeight:1.6},children:caption})]});return /*#__PURE__*/_jsxs(\"div\",{style:{...style,width:\"100%\",background:\"transparent\",padding:`${topPadding}px clamp(20px,4vw,40px) ${bottomPadding}px`,boxSizing:\"border-box\",fontFamily:T.font,WebkitFontSmoothing:\"antialiased\",borderTop:`1px solid ${T.bdr}`},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .${id}-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }\n                @media (max-width: 640px) { .${id}-grid { grid-template-columns: 1fr; gap: 40px; } }\n            `}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:10,marginBottom:48},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:9,letterSpacing:\"0.18em\",textTransform:\"uppercase\",color:T.ink45},children:sectionLabel}),/*#__PURE__*/_jsx(\"div\",{style:{width:28,height:1,background:T.blue,opacity:.6}})]}),/*#__PURE__*/_jsxs(\"div\",{className:`${id}-grid`,children:[/*#__PURE__*/_jsx(Slot,{label:col1Label,caption:col1Caption,image:col1Image}),/*#__PURE__*/_jsx(Slot,{label:col2Label,caption:col2Caption,image:col2Image}),/*#__PURE__*/_jsx(Slot,{label:col3Label,caption:col3Caption,image:col3Image})]})]});}addPropertyControls(CS_System,{sectionLabel:{type:ControlType.String,title:\"Section Label\",defaultValue:\"Design System\"},col1Label:{type:ControlType.String,title:\"Col 1 Label\",defaultValue:\"Colour Tokens\"},col1Caption:{type:ControlType.String,title:\"Col 1 Caption\",defaultValue:\"Light and dark mode — full semantic colour set.\",displayTextArea:true},col1Image:{type:ControlType.Image,title:\"Col 1 Image\"},col2Label:{type:ControlType.String,title:\"Col 2 Label\",defaultValue:\"Type + Spacing\"},col2Caption:{type:ControlType.String,title:\"Col 2 Caption\",defaultValue:\"Type scale, weights, and spacing tokens.\",displayTextArea:true},col2Image:{type:ControlType.Image,title:\"Col 2 Image\"},col3Label:{type:ControlType.String,title:\"Col 3 Label\",defaultValue:\"Components\"},col3Caption:{type:ControlType.String,title:\"Col 3 Caption\",defaultValue:\"Every state defined before any screen was built.\",displayTextArea:true},col3Image:{type:ControlType.Image,title:\"Col 3 Image\"},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#FC3D23\"},topPadding:{type:ControlType.Number,title:\"Top Padding\",defaultValue:80,min:0,max:200,step:8},bottomPadding:{type:ControlType.Number,title:\"Bottom Padding\",defaultValue:80,min:0,max:200,step:8}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CS_System\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CS_System.map"],"mappings":"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"}