liquidify-react
Version:
🚀 Production-ready React component library inspired by Apple's new design language post-WWDC 2025. Built with Panda CSS and React, using Bun as runtime (npm compatible). Helps developers maintain design consistency for Apple platform apps. 47+ components
3 lines (2 loc) • 1.07 kB
JavaScript
;const s=require("react/jsx-runtime"),e=require("@ark-ui/react"),V=require("react"),a=require("./create-recipe-D4OItzir.cjs"),i=a.createRecipe("progress-circular",{size:"md"},[]),n={size:["sm","md","lg"]},o=Object.keys(n),c=Object.assign(a.memo(i.recipeFn),{__recipe__:!0,__name__:"progressCircular",__getCompoundVariantCss__:i.__getCompoundVariantCss__,raw:r=>r,variantKeys:o,variantMap:n,merge(r){return a.mergeRecipes(this,r)},splitVariantProps(r){return a.splitProps(r,o)},getVariantProps:i.getVariantProps}),p=V.forwardRef(({label:r,value:g=0,max:l=100,size:u,children:t,className:P,..._},C)=>{const[m,j]=c.splitVariantProps({size:u});return s.jsxs(e.Progress.Root,{ref:C,className:[c(m),P].filter(Boolean).join(" "),value:g,max:l,...j,..._,children:[(r||t)&&s.jsx(e.Progress.Label,{children:r||t}),s.jsxs(e.Progress.Circle,{children:[s.jsx(e.Progress.CircleTrack,{}),s.jsx(e.Progress.CircleRange,{})]}),s.jsx(e.Progress.ValueText,{})]})});p.displayName="ProgressCircular";exports.ProgressCircular=p;
//# sourceMappingURL=progressCircular-BczBLkh9.cjs.map