{"version":3,"file":"StepNumbers.DGPpj3Oo.mjs","names":[],"sources":["https:/framerusercontent.com/modules/JMLl4EMDt9VhACskN0jb/9Vqb6JOHssTY0Y5GQVh3/Ap33guI_X.js","https:/framerusercontent.com/modules/DXyeMOavAMazaZHeGuFr/s1XVaqgarKZxuKGo1JRd/StepNumbers.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 10 0 C 4.48 0 0 4.48 0 10 C 0 15.52 4.48 20 10 20 C 15.52 20 20 15.52 20 10 C 20 4.48 15.52 0 10 0 Z M 10 18 C 5.59 18 2 14.41 2 10 C 2 5.59 5.59 2 10 2 C 14.41 2 18 5.59 18 10 C 18 14.41 14.41 18 10 18 Z M 14.59 5.58 L 8 12.17 L 5.41 9.59 L 4 11 L 8 15 L 16 7 Z\" fill=\"var(--esondr, rgb(0,0,0))\" height=\"20px\" id=\"SHo_Rma10\" transform=\"translate(2 2)\" width=\"20px\"/></svg>\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({fill,height,id,width,...props})=>{return{...props,K5AAorpEW:fill??props.K5AAorpEW??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,K5AAorpEW,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-D5KEl\",className),layoutId:layoutId,ref:ref,style:{\"--esondr\":K5AAorpEW,...style}});});const css=[`.framer-D5KEl { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--esondr); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"K5AAorpEW\":\"fill\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Check Circle\",\"color\":{\"type\":\"variable\",\"value\":\"esondr\"},\"set\":{\"localId\":\"vectorSet/DnLsXE00W\",\"id\":\"DnLsXE00W\",\"moduleId\":\"JIScivAkNLgXrcOUxHXD\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-D5KEl\");Icon.displayName=\"Check Circle\";export default Icon;addPropertyControls(Icon,{K5AAorpEW:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Fill\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"24\",\"framerContractVersion\":\"1\",\"framerVector\":\"{\\\"name\\\":\\\"Check Circle\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"esondr\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/DnLsXE00W\\\",\\\"id\\\":\\\"DnLsXE00W\\\",\\\"moduleId\\\":\\\"JIScivAkNLgXrcOUxHXD\\\"}}\",\"framerDisableUnlink\":\"true\",\"framerVariables\":\"{\\\"K5AAorpEW\\\":\\\"fill\\\"}\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const COLORS=[\"#3DD9C5\",\"#2ABACB\",\"#C09878\",\"#E8735A\"];const CONNECTOR_GRADIENTS=[{from:\"#3DD9C5\",to:\"#2ABACB\"},{from:\"#2ABACB\",to:\"#9FB8A8\"},{from:\"#9FB8A8\",to:\"#E8735A\"}];const DEFAULT_LABELS=[\"Eligibility\",\"KYC / KYB\",\"Compliance\",\"Account setup\"];export default function StepNumbers({steps=DEFAULT_LABELS,showLabels=true,numberOpacity=20,fontSize=44,orientation=\"horizontal\",stepSpacing=120}){const count=steps.length;const isVertical=orientation===\"vertical\";if(isVertical){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",width:\"100%\"},children:steps.map((label,i)=>{const color=COLORS[Math.min(i,COLORS.length-1)];const grad=CONNECTOR_GRADIENTS[i];const isLast=i===count-1;const gradId=`sg-v-${i}`;const numHeight=fontSize*1.2;return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"row\",alignItems:\"flex-start\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",width:fontSize*1.6,flexShrink:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Urbanist, Inter, sans-serif\",fontSize,fontWeight:800,lineHeight:1,letterSpacing:\"-0.03em\",color,opacity:numberOpacity/100,height:numHeight,display:\"flex\",alignItems:\"center\"},children:String(i+1).padStart(2,\"0\")}),!isLast&&grad&&/*#__PURE__*/_jsxs(\"svg\",{style:{width:2,height:stepSpacing,flexShrink:0},viewBox:\"0 0 2 100\",preserveAspectRatio:\"none\",children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsxs(\"linearGradient\",{id:gradId,x1:\"0\",y1:\"0\",x2:\"0\",y2:\"1\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:grad.from,stopOpacity:.45}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:grad.to,stopOpacity:.45})]})}),/*#__PURE__*/_jsx(\"rect\",{x:\"0\",y:\"0\",width:\"2\",height:\"100\",fill:`url(#${gradId})`})]})]}),showLabels&&/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Inter, sans-serif\",fontSize:11,fontWeight:600,letterSpacing:\"0.07em\",textTransform:\"uppercase\",color,opacity:.55,marginLeft:14,height:numHeight,display:\"flex\",alignItems:\"center\"},children:label})]},i);})});}// Horizontal layout (original)\nreturn /*#__PURE__*/_jsx(\"div\",{style:{display:\"grid\",gridTemplateColumns:`repeat(${count}, 1fr)`,width:\"100%\"},children:steps.map((label,i)=>{const color=COLORS[Math.min(i,COLORS.length-1)];const grad=CONNECTOR_GRADIENTS[i];const isLast=i===count-1;const gradId=`sg-h-${i}`;return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"flex-start\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",width:\"100%\",height:fontSize*1.3},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Urbanist, Inter, sans-serif\",fontSize,fontWeight:800,lineHeight:1,letterSpacing:\"-0.03em\",color,opacity:numberOpacity/100,flexShrink:0,width:fontSize*1.6},children:String(i+1).padStart(2,\"0\")}),!isLast&&grad&&/*#__PURE__*/_jsxs(\"svg\",{style:{flex:1,height:2,marginLeft:6,overflow:\"visible\"},viewBox:\"0 0 100 2\",preserveAspectRatio:\"none\",children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsxs(\"linearGradient\",{id:gradId,x1:\"0\",y1:\"0\",x2:\"1\",y2:\"0\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:grad.from,stopOpacity:.45}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:grad.to,stopOpacity:.45})]})}),/*#__PURE__*/_jsx(\"rect\",{x:\"0\",y:\"0\",width:\"100\",height:\"2\",fill:`url(#${gradId})`})]})]}),showLabels&&/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Inter, sans-serif\",fontSize:11,fontWeight:600,letterSpacing:\"0.07em\",textTransform:\"uppercase\",color,opacity:.55,marginTop:5},children:label})]},i);})});}addPropertyControls(StepNumbers,{orientation:{type:ControlType.Enum,title:\"Orientation\",options:[\"horizontal\",\"vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"],defaultValue:\"horizontal\"},steps:{type:ControlType.Array,title:\"Step labels\",control:{type:ControlType.String},defaultValue:DEFAULT_LABELS},showLabels:{type:ControlType.Boolean,title:\"Show labels\",defaultValue:true},numberOpacity:{type:ControlType.Number,title:\"Opacity %\",min:5,max:60,step:1,defaultValue:20},fontSize:{type:ControlType.Number,title:\"Font size\",min:28,max:72,step:2,defaultValue:44},stepSpacing:{type:ControlType.Number,title:\"Step spacing\",min:8,max:600,step:8,defaultValue:120,hidden:props=>props.orientation!==\"vertical\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"StepNumbers\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StepNumbers.map"],"mappings":"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"}