{"version":3,"file":"StepNumbers.83x_JsA8.mjs","names":[],"sources":["https:/framerusercontent.com/modules/DXyeMOavAMazaZHeGuFr/s1XVaqgarKZxuKGo1JRd/StepNumbers.js"],"sourcesContent":["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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"}