@rdsaude/pulso-react-components/dist/chunk-QTWI2L3L.js

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

import{a as d}from"./chunk-KHGZGE7B.js";import{a as o}from"./chunk-2DETME2W.js";import{a as l,b as i,c as m}from"./chunk-UABQX4UA.js";import{forwardRef as v}from"react";import{jsx as f,jsxs as c}from"react/jsx-runtime";var h=7,E=100,N=2,T=o({base:`
    flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none
    font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]
    py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder
    text-threepulse leading-[150%] tracking-none
  `,variants:{size:{nano:"h-1",pico:"h-[0.125rem]"}},defaultVariants:{size:"nano"}}),M=o({base:"flex w-full flex-row items-start justify-between"}),C=o({variants:{spacing:{first:"ml-0",default:"ml-[0.5rem]"},width:{3:"min-w-[6.5rem]",4:"min-w-[4.75rem]",5:"min-w-[3.75rem]",6:"min-w-12",7:"min-w-10",default:"min-w-48"}}}),u=v((_,y)=>{var p=_,{steps:t,completed:n=0,size:s,label:g=!1}=p,w=m(p,["steps","completed","size","label"]);if(t>h)throw new Error('O valor de "steps" n\xE3o pode ser maior que 7.');function S(e){return e===1||e===2?"default":e}function P(e){return e<n?E:N}function b(){return Array.from({length:t},(r,a)=>{let x=a===0?"first":"default";return{id:`stepper-${a}`,percentage:P(a),className:C({spacing:x,width:S(t)})}}).map(r=>f(d,{"aria-label":r.id,"aria-labelledby":r.id,variant:"neutral",size:s,percentage:r.percentage,className:r.className},r.id))}return c("div",i(l({className:T({size:s}),ref:y},w),{children:[g&&c("span",{className:"mb-[0.125rem] text-left leading-[150%]",children:["Passo ",n," de ",t]}),f("div",{className:M(),children:b()})]}))});u.displayName="Stepper";export{u as a};
//# sourceMappingURL=chunk-QTWI2L3L.js.map