UNPKG

@rdsaude/pulso-react-components

Version:

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.

2 lines 2.36 kB
import{a as A}from"./chunk-2MB3Y6WI.js";import{a as _,b as m,c as p}from"./chunk-DDCCLFYC.js";import{forwardRef as M}from"react";import{clsx as v}from"clsx";import{twMerge as O}from"tailwind-merge";var d=(...e)=>O(v(...e));import{useEffect as f,useState as N}from"react";function u(e,a,r){let[l,t]=N(Math.min(Math.max(e,0),100));return f(()=>{t(Math.min(Math.max(e,0),100)),e===100&&r&&r()},[e,r]),f(()=>{if(a){let n=a/100,o=0,c=setInterval(()=>{o+=1,t(s=>Math.min(Math.max(s+1,0),100)),o>=100&&(clearInterval(c),r==null||r())},n);return()=>clearInterval(c)}},[a,r]),{currentPercentage:l,PROGRESS_INDICATOR_MIN_VALUE:0,PROGRESS_INDICATOR_MAX_VALUE:100}}import{jsx as E}from"react/jsx-runtime";var x=A({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"}}),P=M((c,o)=>{var s=c,{variant:e,size:a,percentage:r=0,duration:i=0,onComplete:I,bgTransparent:l,className:t}=s,n=p(s,["variant","size","percentage","duration","onComplete","bgTransparent","className"]);if(r>0&&i)throw new Error("As propriedades 'percentage' e 'duration' s\xE3o mutuamente exclusivas. Por favor, forne\xE7a apenas uma delas.");n["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:R,PROGRESS_INDICATOR_MIN_VALUE:g,PROGRESS_INDICATOR_MAX_VALUE:S}=u(r,i,I),b=d(x({variant:e,size:a,className:l?"bg-transparent":"bg-[--color-fill-neutral-fallback]"}),t);return E("div",m(_({},n),{role:"meter",ref:o,className:b,style:{"--color-fill-neutral-fallback":"#E6E6E6","--progress-width":`${R}%`},"aria-valuenow":R,"aria-valuemin":g,"aria-valuemax":S,children:E("span",{className:d("block h-full w-[--progress-width] rounded-tr-pill rounded-br-pill transition-transform ease-linear")})}))});P.displayName="ProgressIndicator";export{d as a,P as b}; //# sourceMappingURL=chunk-ZMM3D57J.js.map