{"version":3,"file":"CardGrid.CxH3Fzem.mjs","names":["_Fragment","c"],"sources":["https:/framerusercontent.com/modules/47HldN43yEX2yTWdM9tC/hNl7AVGtkTv3YQa9Hp5p/CardGrid.js"],"sourcesContent":["// SECUVANTA CardGrid: a grid of icon sticker cards for principles, topics or capabilities. Each card has a pastel icon\n// tile, title, one-line description and an optional link; cards lift with Pluto's springy hover. Columns follow the\n// number of cards (up to 5 across) and collapse on smaller screens.\n// Cards are lines: \"Title | Description | icon | /link (optional)\".\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{Section,Head,Reveal,Icon,IconTile,lines,cells,headControls,toneControl,T,ICON_NAMES}from\"https://framerusercontent.com/modules/bQyZvZBUrOegqB5qcQTx/qlwgsZLmUv5GgpkaH17K/Kit.js\";const CSS=`\n.sv-cg .grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:22px;margin-top:64px}\n.sv-cg .card{display:flex;flex-direction:column;gap:14px;height:100%;padding:24px 22px}\n.sv-cg .card h3{font-family:var(--display);font-weight:700;font-size:clamp(17px,1.5cqw,21px);line-height:1.2;color:var(--text)}\n.sv-cg .card p{font-size:15px;line-height:1.5;color:var(--body)}\n.sv-cg .card .go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--text)}\n.sv-cg a.card .go svg{transition:translate .2s var(--pop)}\n.sv-cg a.card:hover .go svg{translate:3px 0}\n.sv-cg [data-style=\"flat\"] .card{box-shadow:none;border-radius:20px}\n@container (max-width:1100px){.sv-cg .grid{grid-template-columns:repeat(min(var(--cols,4),3),minmax(0,1fr))}}\n@container (max-width:800px){.sv-cg .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@container (max-width:520px){.sv-cg .grid{grid-template-columns:1fr;gap:16px;margin-top:44px}}\n`;const TILES=[T.butter,T.peach,T.lime,T.pink,T.mint,T.coral];export default function CardGrid(props){const{tone,eyebrow,title,body,items,linkText,cardStyle,sectionId}=props;const list=lines(items).map(l=>{const[t,d,ic,href]=cells(l);return{t,d:d||\"\",ic:ICON_NAMES.includes(ic)?ic:\"sparkles\",href:href||\"\"};});const cols=Math.max(1,Math.min(5,list.length));return /*#__PURE__*/_jsx(Section,{tone:tone,id:sectionId,className:\"sv-cg\",css:CSS,label:\"Cards\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"sv-wrap\",\"data-style\":cardStyle,children:[/*#__PURE__*/_jsx(Head,{eyebrow:eyebrow,title:title,body:body,align:\"center\"}),/*#__PURE__*/_jsx(\"ul\",{className:\"grid\",style:{[\"--cols\"]:cols},children:list.map((c,i)=>{const inner=/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(IconTile,{name:c.ic,tile:TILES[i%TILES.length],size:52,icon:24}),/*#__PURE__*/_jsx(\"h3\",{children:c.t}),c.d&&/*#__PURE__*/_jsx(\"p\",{children:c.d}),c.href&&linkText&&/*#__PURE__*/_jsxs(\"span\",{className:\"go\",children:[linkText,/*#__PURE__*/_jsx(Icon,{name:\"arrow-right\",size:15,stroke:2})]})]});return /*#__PURE__*/_jsx(Reveal,{as:\"li\",delay:.06*i,children:c.href?/*#__PURE__*/_jsx(\"a\",{className:\"sv-card hover card\",href:c.href,children:inner}):/*#__PURE__*/_jsx(\"article\",{className:\"sv-card hover card\",children:inner})},i);})})]})});}addPropertyControls(CardGrid,{tone:toneControl(\"white\"),...headControls({eyebrow:\"Principles\",title:\"What guides how we *build.*\",body:\"\"}),items:{type:ControlType.String,title:\"Cards\",displayTextArea:true,description:\"One per line: Title | Description | icon | /link (optional)\",defaultValue:\"Clarity over complexity | Make important security information easier to understand. | eye\\nProtection by design | Treat security as part of the AI lifecycle, not an afterthought. | shield-check\\nHuman-led decisions | Give teams the context needed to make informed choices. | users\\nResponsible innovation | Help organizations pursue AI adoption with stronger oversight. | sparkles\"},linkText:{type:ControlType.String,title:\"Card link text\",defaultValue:\"Explore\",description:\"Shown on cards that have a link.\"},cardStyle:{type:ControlType.Enum,title:\"Card style\",options:[\"sticker\",\"flat\"],optionTitles:[\"Sticker (shadow)\",\"Flat\"],defaultValue:\"sticker\",displaySegmentedControl:true},sectionId:{type:ControlType.String,title:\"Section ID\",defaultValue:\"principles\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CardGrid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CardGrid.map"],"mappings":"2RAgB8D,SAAwB,EAAS,EAAM,CAAC,GAAK,CAAC,OAAK,UAAQ,QAAM,OAAK,QAAM,WAAS,YAAU,aAAW,EAAY,EAAK,EAAM,CAAK,CAAC,CAAC,IAAI,GAAG,CAAC,GAAK,CAAC,EAAE,EAAE,EAAG,GAAM,EAAM,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,EAAW,SAAS,CAAE,EAAE,EAAG,WAAW,KAAK,GAAM,EAAE,CAAE,CAAC,EAAQ,EAAK,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,EAAK,MAAM,CAAC,EAAE,OAAoB,EAAK,EAAQ,CAAM,OAAK,GAAG,EAAU,UAAU,QAAQ,IAAI,EAAI,MAAM,QAAQ,SAAsB,EAAM,MAAM,CAAC,UAAU,UAAU,aAAa,EAAU,SAAS,CAAc,EAAK,EAAK,CAAS,UAAc,QAAW,OAAK,MAAM,QAAQ,CAAC,EAAe,EAAK,KAAK,CAAC,UAAU,OAAO,MAAM,CAAE,SAAU,CAAI,EAAE,SAAS,EAAK,KAAK,EAAE,IAAI,CAAC,IAAM,EAAmB,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,EAAS,CAAC,KAAKC,EAAE,GAAG,KAAK,EAAM,EAAE,EAAM,QAAQ,KAAK,GAAG,KAAK,EAAE,CAAC,EAAe,EAAK,KAAK,CAAC,SAASA,EAAE,CAAC,CAAC,EAAEA,EAAE,GAAgB,EAAK,IAAI,CAAC,SAASA,EAAE,CAAC,CAAC,EAAEA,EAAE,MAAM,GAAuB,EAAM,OAAO,CAAC,UAAU,KAAK,SAAS,CAAC,EAAsB,EAAK,EAAK,CAAC,KAAK,cAAc,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAoB,EAAK,EAAO,CAAC,GAAG,KAAK,MAAM,IAAI,EAAE,SAASA,EAAE,KAAkB,EAAK,IAAI,CAAC,UAAU,qBAAqB,KAAKA,EAAE,KAAK,SAAS,CAAK,CAAC,EAAe,EAAK,UAAU,CAAC,UAAU,qBAAqB,SAAS,CAAK,CAAC,CAAC,EAAE,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,qBAZztC,IAAoD,IAAwL,EAAO,EAAI;;;;;;;;;;;;EAY7T,EAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAA4uC,EAAoB,EAAS,CAAC,KAAK,EAAY,OAAO,EAAE,GAAG,EAAa,CAAC,QAAQ,aAAa,MAAM,8BAA8B,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,gBAAgB,GAAK,YAAY,8DAA8D,aAAa;;;mGAA8X,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,iBAAiB,aAAa,UAAU,YAAY,kCAAkC,EAAE,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,QAAQ,CAAC,UAAU,MAAM,EAAE,aAAa,CAAC,mBAAmB,MAAM,EAAE,aAAa,UAAU,wBAAwB,EAAI,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,YAAY,CAAC,CAAC"}