{"version":3,"file":"Steps.upswv3eF.mjs","names":[],"sources":["https:/framerusercontent.com/modules/aW8wPCZ2nsyVZAQKRhEg/Bq7nQosKPfKY0KySmMPi/Steps.js"],"sourcesContent":["// SECUVANTA Steps: a numbered journey. Big numbered sticker circles on a dashed progress line, each with a title,\n// one-liner and a small status chip (the \"mini UI state\" for that step). A marker travels along the line and the\n// active step lights up in turn. Works for 3 to 6 steps; becomes a vertical list on small screens.\n// Steps are lines: \"Title | Description | status chip\".\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{Section,Head,Reveal,Icon,useTicker,lines,cells,headControls,toneControl,T}from\"https://framerusercontent.com/modules/bQyZvZBUrOegqB5qcQTx/qlwgsZLmUv5GgpkaH17K/Kit.js\";const CSS=`\n.sv-steps .track{position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:20px;margin-top:72px}\n.sv-steps .line{position:absolute;left:calc(100% / var(--n,5) / 2);right:calc(100% / var(--n,5) / 2);top:36px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 16px)}\n.sv-steps .line i{position:absolute;left:0;top:0;height:100%;background:${T.orange};transition:width .6s var(--e)}\n.sv-steps .st{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}\n.sv-steps .no{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:${T.white};border:1.5px solid ${T.ink};box-shadow:3px 3px 0 0 ${T.ink};font-family:var(--display);font-weight:800;font-size:22px;color:${T.ink};transition:background-color .35s,translate .25s var(--pop),box-shadow .25s var(--pop)}\n.sv-steps .st[data-on] .no{background:${T.butter};translate:-2px -3px;box-shadow:5px 6px 0 0 ${T.ink}}\n.sv-steps .st[data-done] .no{background:${T.lime}}\n.sv-steps .st h3{font-family:var(--display);font-weight:700;font-size:clamp(16px,1.35cqw,19px);line-height:1.2;color:var(--text)}\n.sv-steps .st p{font-size:14.5px;line-height:1.5;color:var(--body);max-width:260px}\n.sv-steps .chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px dashed ${T.ink};background:${T.white};font-size:12px;font-weight:600;color:${T.ink};transition:background-color .35s}\n.sv-steps .st[data-on] .chip{background:${T.butter};border-style:solid}\n@container (max-width:900px){.sv-steps .track{grid-template-columns:1fr;gap:26px;margin-top:48px}.sv-steps .line{left:35px;right:auto;top:36px;bottom:36px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--line) 0 8px,transparent 8px 16px)}.sv-steps .line i{display:none}\n  .sv-steps .st{display:grid;grid-template-columns:72px 1fr;align-items:start;text-align:left;column-gap:18px;row-gap:6px}.sv-steps .st .no{grid-row:span 3}.sv-steps .st p{max-width:none}.sv-steps .chip{justify-self:start}}\n`;export default function Steps(props){const{tone,eyebrow,title,body,steps,sectionId}=props;const list=lines(steps).map(l=>{const[t,d,chip]=cells(l);return{t,d:d||\"\",chip:chip||\"\"};});const n=Math.max(1,Math.min(6,list.length));const[ref,on]=useTicker(n,1800);return /*#__PURE__*/_jsx(Section,{tone:tone,id:sectionId,className:\"sv-steps\",css:CSS,label:\"Steps\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"sv-wrap\",children:[/*#__PURE__*/_jsx(Head,{eyebrow:eyebrow,title:title,body:body,align:\"center\"}),/*#__PURE__*/_jsxs(\"div\",{ref:ref,className:\"track\",style:{[\"--n\"]:n},children:[/*#__PURE__*/_jsx(\"span\",{className:\"line\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"i\",{style:{width:n>1?`${on/(n-1)*100}%`:\"0%\"}})}),list.slice(0,n).map((s,i)=>/*#__PURE__*/_jsx(Reveal,{delay:.08*i,className:\"st\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"st\",\"data-on\":i===on?\"\":undefined,\"data-done\":i<on?\"\":undefined,style:{display:\"contents\"},children:[/*#__PURE__*/_jsx(\"span\",{className:\"no\",\"aria-hidden\":\"true\",children:i<on?/*#__PURE__*/_jsx(Icon,{name:\"check\",size:26,stroke:2.6}):String(i+1).padStart(2,\"0\")}),/*#__PURE__*/_jsxs(\"h3\",{children:[/*#__PURE__*/_jsxs(\"span\",{className:\"sv-sr\",children:[\"Step \",i+1,\": \"]}),s.t]}),s.d&&/*#__PURE__*/_jsx(\"p\",{children:s.d}),s.chip&&/*#__PURE__*/_jsx(\"span\",{className:\"chip\",children:s.chip})]})},i))]})]})});}addPropertyControls(Steps,{tone:toneControl(\"cream\"),...headControls({eyebrow:\"Use-case workflow\",title:\"From discovery to remediation,\\nwith *fewer blind spots.*\",body:\"\"}),steps:{type:ControlType.String,title:\"Steps\",displayTextArea:true,description:\"3–6 lines: Title | Description | status chip\",defaultValue:\"Discover | Discover an unknown AI asset. | 1 new asset found\\nAssess | Assess its risk and access. | Risk: High\\nAssign | Assign an owner and remediation task. | Owner: IT Ops\\nApply | Apply the appropriate policy. | Policy applied\\nReview | Review the updated security status. | Status: Secured\"},sectionId:{type:ControlType.String,title:\"Section ID\",defaultValue:\"workflow\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Steps\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Steps.map"],"mappings":"uRAkBE,SAAwB,EAAM,EAAM,CAAC,GAAK,CAAC,OAAK,UAAQ,QAAM,OAAK,QAAM,aAAW,EAAY,EAAK,EAAM,CAAK,CAAC,CAAC,IAAI,GAAG,CAAC,GAAK,CAAC,EAAE,EAAE,GAAM,EAAM,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,GAAG,KAAK,GAAM,EAAE,CAAE,CAAC,EAAQ,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,EAAK,MAAM,CAAC,EAAO,CAAC,EAAI,GAAI,EAAU,EAAE,IAAI,EAAE,OAAoB,EAAK,EAAQ,CAAM,OAAK,GAAG,EAAU,UAAU,WAAW,IAAI,EAAI,MAAM,QAAQ,SAAsB,EAAM,MAAM,CAAC,UAAU,UAAU,SAAS,CAAc,EAAK,EAAK,CAAS,UAAc,QAAW,OAAK,MAAM,QAAQ,CAAC,EAAe,EAAM,MAAM,CAAK,MAAI,UAAU,QAAQ,MAAM,CAAE,MAAO,CAAC,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,UAAU,OAAO,cAAc,OAAO,SAAsB,EAAK,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,GAAG,GAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAK,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,IAAiB,EAAK,EAAO,CAAC,MAAM,IAAI,EAAE,UAAU,KAAK,SAAsB,EAAM,MAAM,CAAC,UAAU,KAAK,UAAU,IAAI,EAAG,GAAG,IAAA,GAAU,YAAY,EAAE,EAAG,GAAG,IAAA,GAAU,MAAM,CAAC,QAAQ,UAAU,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,UAAU,KAAK,cAAc,OAAO,SAAS,EAAE,EAAgB,EAAK,EAAK,CAAC,KAAK,QAAQ,KAAK,GAAG,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EAAe,EAAM,KAAK,CAAC,SAAS,CAAc,EAAM,OAAO,CAAC,UAAU,QAAQ,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GAAgB,EAAK,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,MAAmB,EAAK,OAAO,CAAC,UAAU,OAAO,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,mBAd1xC,IAAoD,IAA8K,EAAO,EAAI;;;0EAG3N,EAAE,OAAO;;gIAE6C,EAAE,MAAM,sBAAsB,EAAE,IAAI,0BAA0B,EAAE,IAAI,mEAAmE,EAAE,IAAI;wCACrO,EAAE,OAAO,8CAA8C,EAAE,IAAI;0CAC3D,EAAE,KAAK;;;kIAGiF,EAAE,IAAI,cAAc,EAAE,MAAM,wCAAwC,EAAE,IAAI;0CAClK,EAAE,OAAO;;;EAGgyC,EAAoB,EAAM,CAAC,KAAK,EAAY,OAAO,EAAE,GAAG,EAAa,CAAC,QAAQ,oBAAoB,MAAM;2BAA4D,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,gBAAgB,GAAK,YAAY,+CAA+C,aAAa;;;;+DAAyS,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,UAAU,CAAC,CAAC"}