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