@snowball-tech/fractal/dist/Progress/Progress.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{GROUP_NAME as r}from"./Progress.constants.js";import i from"lodash/fp/isFunction.js";import a from"lodash/fp/omit.js";import{jsx as o}from"react/jsx-runtime";import*as s from"@radix-ui/react-progress";const c=({getValueLabel:c,max:l=100,value:u=0,...d})=>{let f=i(c)?c(u,l):c===null?void 0:`${u}`;return o(s.Root,{"aria-label":f,className:n(`${e}-${r}`,`relative h-1 w-full max-w-full overflow-hidden rounded-full border-1 border-normal bg-highlight`,d.className),max:l,title:f,value:u,...i(c)?{getValueLabel:c}:{},...a([`className`],d),children:o(s.Indicator,{className:t(`${e}-${r}__indicator`,`h-full w-full rounded-full bg-secondary transition-transform delay-100 duration-600 [transition-property:cubic-bezier(0.65,0,0.35,1)]`,d.className),style:{transform:`translateX(-${100-u/l*100}%)`}})})};c.displayName=`Progress`;export{c as Progress,c as default};
//# sourceMappingURL=Progress.js.map