@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
3 lines • 984 B
JavaScript
'use client';
import{a as m}from"./chunk-7RV4UC6Y.js";import{b as e}from"./chunk-CMFNILWJ.js";import{a as l,b as a}from"./chunk-XYM7TA65.js";import*as s from"@radix-ui/react-progress";import f from"lodash/fp/isFunction";import P from"lodash/fp/omit";import{jsx as d}from"react/jsx-runtime";var c=({getValueLabel:r,max:t=100,value:o=0,...i})=>{let n=f(r)?r(o,t):r!==null?`${o}`:void 0;return d(s.Root,{"aria-label":n,className:a(`${e}-${m}`,"relative h-1 w-full max-w-full overflow-hidden rounded-full border-1 border-normal bg-highlight",i.className),max:t,title:n,value:o,...f(r)?{getValueLabel:r}:{},...P(["className"],i),children:d(s.Indicator,{className:l(`${e}-${m}__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)]",i.className),style:{transform:`translateX(-${100-o/t*100}%)`}})})};c.displayName="Progress";var N=c;export{c as a,N as b};
//# sourceMappingURL=chunk-G6AC72TO.js.map