@snowball-tech/fractal/dist/Stepper/Stepper.js

Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS

import{a as e}from"../constants-CW2-utNH.js";import{n as t,r as n}from"../helpers-DBEwVIlX.js";import{Progress as r}from"../Progress/Progress.js";import{GROUP_NAME as i}from"./Stepper.constants.js";import a from"lodash/fp/isFunction.js";import o from"lodash/fp/omit.js";import{jsx as s}from"react/jsx-runtime";import c from"lodash/fp/range.js";const l=({current:l=0,currentAs:u=`step`,getValueLabel:d,length:f,max:p=100,value:m=0,...h})=>{let g=a(d)?d(l,f):d===null?void 0:`${l} / ${f}`;return s(`div`,{"aria-label":g,className:n(`${e}-${i}`,`${e}-${i}--current-as-${u}`,`flex max-w-full gap-1`,h.className),title:g,...o([`className`],h),children:c(0,f).map(n=>n===l?s(r,{className:t(`${e}-${i}__step`,`${e}-${i}__step--current`,`w-full`,u===`step`?`!max-w-5`:``),getValueLabel:null,max:u===`step`?5:p,value:u===`step`?1:m},n):s(r,{className:t(`${e}-${i}__step`,`w-full !max-w-5`),getValueLabel:null,max:1,value:+(l>n),...l>n?{"data-completed":!0}:{},...l===n?{"data-active":!0}:{}},n))})};l.displayName=`Stepper`;export{l as Stepper,l as default};
//# sourceMappingURL=Stepper.js.map