@rdsaude/pulso-react-components/dist/components/progress-indicator/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 d=Object.defineProperty,T=Object.defineProperties,D=Object.getOwnPropertyDescriptor,G=Object.getOwnPropertyDescriptors,L=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var g=(r,e,a)=>e in r?d(r,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[e]=a,E=(r,e)=>{for(var a in e||(e={}))R.call(e,a)&&g(r,a,e[a]);if(c)for(var a of c(e))P.call(e,a)&&g(r,a,e[a]);return r},b=(r,e)=>T(r,G(e));var S=(r,e)=>{var a={};for(var t in r)R.call(r,t)&&e.indexOf(t)<0&&(a[t]=r[t]);if(r!=null&&c)for(var t of c(r))e.indexOf(t)<0&&P.call(r,t)&&(a[t]=r[t]);return a};var U=(r,e)=>{for(var a in e)d(r,a,{get:e[a],enumerable:!0})},C=(r,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of L(e))!R.call(r,n)&&n!==a&&d(r,n,{get:()=>e[n],enumerable:!(t=D(e,n))||t.enumerable});return r};var X=r=>C(d({},"__esModule",{value:!0}),r);var z={};U(z,{ProgressIndicator:()=>_});module.exports=X(z);var h=require("react");var v=require("clsx"),O=require("tailwind-merge"),f=(...r)=>(0,O.twMerge)((0,v.clsx)(...r));var M=require("tailwind-variants"),N=(0,M.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var o=require("react");function x(r,e,a){let[u,s]=(0,o.useState)(Math.min(Math.max(r,0),100));return(0,o.useEffect)(()=>{s(Math.min(Math.max(r,0),100)),r===100&&a&&a()},[r,a]),(0,o.useEffect)(()=>{if(e){let i=e/100,l=0,I=setInterval(()=>{l+=1,s(p=>Math.min(Math.max(p+1,0),100)),l>=100&&(clearInterval(I),a==null||a())},i);return()=>clearInterval(I)}},[e,a]),{currentPercentage:u,PROGRESS_INDICATOR_MIN_VALUE:0,PROGRESS_INDICATOR_MAX_VALUE:100}}var m=require("react/jsx-runtime"),k=N({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"}}),_=(0,h.forwardRef)((I,l)=>{var p=I,{variant:r,size:e,percentage:a=0,duration:t=0,onComplete:n,bgTransparent:u,className:s}=p,i=S(p,["variant","size","percentage","duration","onComplete","bgTransparent","className"]);if(a>0&&t)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:A,PROGRESS_INDICATOR_MIN_VALUE:V,PROGRESS_INDICATOR_MAX_VALUE:y}=x(a,t,n),w=f(k({variant:r,size:e,className:u?"bg-transparent":"bg-[--color-fill-neutral-fallback]"}),s);return(0,m.jsx)("div",b(E({},i),{role:"meter",ref:l,className:w,style:{"--color-fill-neutral-fallback":"#E6E6E6","--progress-width":`${A}%`},"aria-valuenow":A,"aria-valuemin":V,"aria-valuemax":y,children:(0,m.jsx)("span",{className:f("block h-full w-[--progress-width] rounded-tr-pill rounded-br-pill transition-transform ease-linear")})}))});_.displayName="ProgressIndicator";0&&(module.exports={ProgressIndicator});
//# sourceMappingURL=index.cjs.map