@rdsaude/pulso-react-components/dist/components/stepper/index.cjs

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.

"use strict";var R=Object.defineProperty,C=Object.defineProperties,G=Object.getOwnPropertyDescriptor,U=Object.getOwnPropertyDescriptors,X=Object.getOwnPropertyNames,I=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var h=(r,e,t)=>e in r?R(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,S=(r,e)=>{for(var t in e||(e={}))A.call(e,t)&&h(r,t,e[t]);if(I)for(var t of I(e))O.call(e,t)&&h(r,t,e[t]);return r},_=(r,e)=>C(r,U(e));var b=(r,e)=>{var t={};for(var a in r)A.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(r!=null&&I)for(var a of I(r))e.indexOf(a)<0&&O.call(r,a)&&(t[a]=r[a]);return t};var k=(r,e)=>{for(var t in e)R(r,t,{get:e[t],enumerable:!0})},z=(r,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of X(e))!A.call(r,n)&&n!==t&&R(r,n,{get:()=>e[n],enumerable:!(a=G(e,n))||a.enumerable});return r};var H=r=>z(R({},"__esModule",{value:!0}),r);var Q={};k(Q,{Stepper:()=>w});module.exports=H(Q);var D=require("react");var N=require("tailwind-variants"),d=(0,N.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var L=require("react");var M=require("clsx"),T=require("tailwind-merge"),x=(...r)=>(0,T.twMerge)((0,M.clsx)(...r));var P=require("react");function V(r,e,t){let[m,f]=(0,P.useState)(Math.min(Math.max(r,0),100));return(0,P.useEffect)(()=>{f(Math.min(Math.max(r,0),100)),r===100&&t&&t()},[r,t]),(0,P.useEffect)(()=>{if(e){let i=e/100,l=0,u=setInterval(()=>{l+=1,f(p=>Math.min(Math.max(p+1,0),100)),l>=100&&(clearInterval(u),t==null||t())},i);return()=>clearInterval(u)}},[e,t]),{currentPercentage:m,PROGRESS_INDICATOR_MIN_VALUE:0,PROGRESS_INDICATOR_MAX_VALUE:100}}var y=require("react/jsx-runtime"),q=d({base:"flex w-full min-w-48 overflow-hidden rounded-pill p-none",variants:{variant:{brand:"*:bg-action-fill-brand-primary-enabled",neutral:"*:bg-text-neutral","neutral-readonly":"*:bg-text-neutral-readonly",inverse:"*:bg-text-neutral-inverse",informative:"*:bg-text-informative-alternative",success:"*:bg-text-success-alternative",warning:"*:bg-text-warning-alternative",danger:"*:bg-text-danger-alternative"},size:{tiny:"h-tiny",mini:"h-3",micro:"h-2",nano:"h-1",pico:"h-[0.125rem]"}},defaultVariants:{variant:"brand",size:"tiny"}}),v=(0,L.forwardRef)((u,l)=>{var p=u,{variant:r,size:e,percentage:t=0,duration:a=0,onComplete:n,bgTransparent:m,className:f}=p,i=b(p,["variant","size","percentage","duration","onComplete","bgTransparent","className"]);if(t>0&&a)throw new Error("As propriedades 'percentage' e 'duration' s\xE3o mutuamente exclusivas. Por favor, forne\xE7a apenas uma delas.");i["aria-labelledby"]||console.warn('A propriedade "aria-labelledby" \xE9 obrigat\xF3ria para acessibilidade. Por favor, forne\xE7a um r\xF3tulo para o componente.');let{currentPercentage:o,PROGRESS_INDICATOR_MIN_VALUE:s,PROGRESS_INDICATOR_MAX_VALUE:g}=V(t,a,n),E=x(q({variant:r,size:e,className:m?"bg-transparent":"bg-[--color-fill-neutral-fallback]"}),f);return(0,y.jsx)("div",_(S({},i),{role:"meter",ref:l,className:E,style:{"--color-fill-neutral-fallback":"#E6E6E6","--progress-width":`${o}%`},"aria-valuenow":o,"aria-valuemin":s,"aria-valuemax":g,children:(0,y.jsx)("span",{className:x("block h-full w-[--progress-width] rounded-tr-pill rounded-br-pill transition-transform ease-linear")})}))});v.displayName="ProgressIndicator";var c=require("react/jsx-runtime"),W=7,B=100,$=2,K=d({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"}}),F=d({base:"flex w-full flex-row items-start justify-between"}),J=d({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"}}}),w=(0,D.forwardRef)((f,m)=>{var i=f,{steps:r,completed:e=0,size:t,label:a=!1}=i,n=b(i,["steps","completed","size","label"]);if(r>W)throw new Error('O valor de "steps" n\xE3o pode ser maior que 7.');function l(o){return o===1||o===2?"default":o}function u(o){return o<e?B:$}function p(){return Array.from({length:r},(s,g)=>{let E=g===0?"first":"default";return{id:`stepper-${g}`,percentage:u(g),className:J({spacing:E,width:l(r)})}}).map(s=>(0,c.jsx)(v,{"aria-label":s.id,"aria-labelledby":s.id,variant:"neutral",size:t,percentage:s.percentage,className:s.className},s.id))}return(0,c.jsxs)("div",_(S({className:K({size:t}),ref:m},n),{children:[a&&(0,c.jsxs)("span",{className:"mb-[0.125rem] text-left leading-[150%]",children:["Passo ",e," de ",r]}),(0,c.jsx)("div",{className:F(),children:p()})]}))});w.displayName="Stepper";0&&(module.exports={Stepper});
//# sourceMappingURL=index.cjs.map