@codefast/ui 0.3.9 → 0.3.10

package/dist/primitives/progress-circle.cjs

@@ -1,2 +1,199 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var o in r)__webpack_require__.o(r,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{createProgressCircleScope:()=>createProgressCircleScope,ProgressCircleValue:()=>ProgressCircleValue,ProgressCircle:()=>ProgressCircle,Indicator:()=>ProgressCircleIndicator,ProgressCircleIndicator:()=>ProgressCircleIndicator,ProgressCircleProvider:()=>ProgressCircleProvider,Provider:()=>ProgressCircleProvider,ProgressCircleSVG:()=>ProgressCircleSVG,Root:()=>ProgressCircle,ProgressCircleTrack:()=>ProgressCircleTrack,SVG:()=>ProgressCircleSVG,Value:()=>ProgressCircleValue,Track:()=>ProgressCircleTrack});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),react_context_namespaceObject=require("@radix-ui/react-context"),PROGRESS_CIRCLE_PROVIDER_NAME="ProgressCircleProvider",[createProgressCircleContext,createProgressCircleScope]=(0,react_context_namespaceObject.createContextScope)(PROGRESS_CIRCLE_PROVIDER_NAME),[ProgressCircleContextProvider,useProgressCircleContext]=createProgressCircleContext(PROGRESS_CIRCLE_PROVIDER_NAME);function ProgressCircleProvider({__scopeProgressCircle:e,children:r,formatValue:o,id:s,max:t=100,min:c=0,size:_=48,startAngle:a=-90,strokeWidth:i=4,thresholds:l,value:n}){let p=(0,external_react_namespaceObject.useId)(),P=Math.max(0,_),u=Math.max(0,i),C=c,g=t;C>g&&([C,g]=[g,C]);let x=null==n?void 0:clamp(C,g,n),d=g-C,b=void 0!==x&&d>0?(x-C)/d*100:0,k=void 0!==x&&o?o(x):`${Math.round(b).toString()}%`,m=(0,external_react_namespaceObject.useMemo)(()=>l&&l.length>0?[...l].toSorted((e,r)=>e.value-r.value):[],[l]),S=(0,external_react_namespaceObject.useMemo)(()=>{if(void 0!==x){for(let e of m)if(x<=e.value)return e;return m.at(-1)}},[m,x]),v=P/2,f=Math.max(0,v-u/2),w=2*Math.PI*f,R=`rotate(${(a%360).toString()}, 0, 0)`;return(0,jsx_runtime_namespaceObject.jsx)(ProgressCircleContextProvider,{center:v,circumference:w,clampedValue:x,id:s??p,max:g,min:C,radius:f,rotationTransform:R,scope:e,size:P,strokeDashoffset:w-b/100*w,strokeWidth:u,threshold:S,value:n??0,valueText:k,children:r})}function ProgressCircle({__scopeProgressCircle:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{...r})}const PROGRESS_CIRCLE_SVG_NAME="ProgressCircleSVG";function ProgressCircleSVG({__scopeProgressCircle:e,...r}){let{clampedValue:o,id:s,max:t,min:c,size:_,valueText:a}=useProgressCircleContext("ProgressCircleSVG",e);return(0,jsx_runtime_namespaceObject.jsx)("svg",{"aria-label":"Progress","aria-valuemax":t,"aria-valuemin":c,"aria-valuenow":o,"aria-valuetext":void 0===o?void 0:a,height:_,id:s,role:"progressbar",viewBox:`0 0 ${_.toString()} ${_.toString()}`,width:_,...r})}const PROGRESS_CIRCLE_TRACK_NAME="ProgressCircleTrack";function ProgressCircleTrack({__scopeProgressCircle:e,...r}){let{center:o,radius:s,strokeWidth:t,threshold:c}=useProgressCircleContext("ProgressCircleTrack",e);return(0,jsx_runtime_namespaceObject.jsx)("circle",{cx:o,cy:o,fill:"transparent",r:s,stroke:c?.background??"currentColor",strokeWidth:t,...r})}const PROGRESS_CIRCLE_INDICATOR_NAME="ProgressCircleIndicator";function ProgressCircleIndicator({__scopeProgressCircle:e,...r}){let{center:o,circumference:s,radius:t,rotationTransform:c,strokeDashoffset:_,strokeWidth:a,threshold:i}=useProgressCircleContext("ProgressCircleIndicator",e);return(0,jsx_runtime_namespaceObject.jsx)("circle",{cx:o,cy:o,fill:"transparent",r:t,stroke:i?.color??"currentColor",strokeDasharray:s,strokeDashoffset:_,strokeLinecap:"round",strokeWidth:a,transform:c,...r})}const PROGRESS_CIRCLE_VALUE_NAME="ProgressCircleValue";function ProgressCircleValue({__scopeProgressCircle:e,children:r,...o}){let{clampedValue:s,valueText:t}=useProgressCircleContext("ProgressCircleValue",e);return"function"==typeof r?r({value:s,valueText:t}):(0,jsx_runtime_namespaceObject.jsx)("div",{...o,children:r??t})}function clamp(e,r,o){return Math.min(r,Math.max(e,o))}for(var __webpack_i__ in exports.Indicator=__webpack_exports__.Indicator,exports.ProgressCircle=__webpack_exports__.ProgressCircle,exports.ProgressCircleIndicator=__webpack_exports__.ProgressCircleIndicator,exports.ProgressCircleProvider=__webpack_exports__.ProgressCircleProvider,exports.ProgressCircleSVG=__webpack_exports__.ProgressCircleSVG,exports.ProgressCircleTrack=__webpack_exports__.ProgressCircleTrack,exports.ProgressCircleValue=__webpack_exports__.ProgressCircleValue,exports.Provider=__webpack_exports__.Provider,exports.Root=__webpack_exports__.Root,exports.SVG=__webpack_exports__.SVG,exports.Track=__webpack_exports__.Track,exports.Value=__webpack_exports__.Value,exports.createProgressCircleScope=__webpack_exports__.createProgressCircleScope,__webpack_exports__)-1===["Indicator","ProgressCircle","ProgressCircleIndicator","ProgressCircleProvider","ProgressCircleSVG","ProgressCircleTrack","ProgressCircleValue","Provider","Root","SVG","Track","Value","createProgressCircleScope"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    createProgressCircleScope: ()=>createProgressCircleScope,
+    ProgressCircleValue: ()=>ProgressCircleValue,
+    ProgressCircle: ()=>ProgressCircle,
+    Indicator: ()=>ProgressCircleIndicator,
+    ProgressCircleIndicator: ()=>ProgressCircleIndicator,
+    ProgressCircleProvider: ()=>ProgressCircleProvider,
+    Provider: ()=>ProgressCircleProvider,
+    ProgressCircleSVG: ()=>ProgressCircleSVG,
+    Root: ()=>ProgressCircle,
+    ProgressCircleTrack: ()=>ProgressCircleTrack,
+    SVG: ()=>ProgressCircleSVG,
+    Value: ()=>ProgressCircleValue,
+    Track: ()=>ProgressCircleTrack
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const external_react_namespaceObject = require("react");
+const PROGRESS_CIRCLE_PROVIDER_NAME = 'ProgressCircleProvider';
+const [createProgressCircleContext, createProgressCircleScope] = (0, react_context_namespaceObject.createContextScope)(PROGRESS_CIRCLE_PROVIDER_NAME);
+const [ProgressCircleContextProvider, useProgressCircleContext] = createProgressCircleContext(PROGRESS_CIRCLE_PROVIDER_NAME);
+function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max = 100, min = 0, size = 48, startAngle = -90, strokeWidth = 4, thresholds, value }) {
+    const uniqueId = (0, external_react_namespaceObject.useId)();
+    const id = propertyId ?? uniqueId;
+    const validSize = Math.max(0, size);
+    const validStrokeWidth = Math.max(0, strokeWidth);
+    const validStartAngle = startAngle % 360;
+    let validMin = min;
+    let validMax = max;
+    if (validMin > validMax) [validMin, validMax] = [
+        validMax,
+        validMin
+    ];
+    const isIndeterminate = null == value;
+    const clampedValue = isIndeterminate ? void 0 : clamp(validMin, validMax, value);
+    const range = validMax - validMin;
+    const percentage = void 0 !== clampedValue && range > 0 ? (clampedValue - validMin) / range * 100 : 0;
+    const valueText = void 0 !== clampedValue && formatValue ? formatValue(clampedValue) : `${Math.round(percentage).toString()}%`;
+    const sortedThresholds = (0, external_react_namespaceObject.useMemo)(()=>thresholds && thresholds.length > 0 ? [
+            ...thresholds
+        ].toSorted((a, b)=>a.value - b.value) : [], [
+        thresholds
+    ]);
+    const threshold = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (void 0 === clampedValue) return;
+        for (const sortedThreshold of sortedThresholds)if (clampedValue <= sortedThreshold.value) return sortedThreshold;
+        return sortedThresholds.at(-1);
+    }, [
+        sortedThresholds,
+        clampedValue
+    ]);
+    const center = validSize / 2;
+    const radius = Math.max(0, center - validStrokeWidth / 2);
+    const circumference = 2 * Math.PI * radius;
+    const strokeDashoffset = circumference - percentage / 100 * circumference;
+    const rotationTransform = `rotate(${validStartAngle.toString()}, 0, 0)`;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProgressCircleContextProvider, {
+        center: center,
+        circumference: circumference,
+        clampedValue: clampedValue,
+        id: id,
+        max: validMax,
+        min: validMin,
+        radius: radius,
+        rotationTransform: rotationTransform,
+        scope: __scopeProgressCircle,
+        size: validSize,
+        strokeDashoffset: strokeDashoffset,
+        strokeWidth: validStrokeWidth,
+        threshold: threshold,
+        value: value ?? 0,
+        valueText: valueText,
+        children: children
+    });
+}
+function ProgressCircle({ __scopeProgressCircle, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props
+    });
+}
+const PROGRESS_CIRCLE_SVG_NAME = 'ProgressCircleSVG';
+function ProgressCircleSVG({ __scopeProgressCircle, ...props }) {
+    const { clampedValue, id, max, min, size, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_SVG_NAME, __scopeProgressCircle);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+        "aria-label": "Progress",
+        "aria-valuemax": max,
+        "aria-valuemin": min,
+        "aria-valuenow": clampedValue,
+        "aria-valuetext": void 0 === clampedValue ? void 0 : valueText,
+        height: size,
+        id: id,
+        role: "progressbar",
+        viewBox: `0 0 ${size.toString()} ${size.toString()}`,
+        width: size,
+        ...props
+    });
+}
+const PROGRESS_CIRCLE_TRACK_NAME = 'ProgressCircleTrack';
+function ProgressCircleTrack({ __scopeProgressCircle, ...props }) {
+    const { center, radius, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_TRACK_NAME, __scopeProgressCircle);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
+        cx: center,
+        cy: center,
+        fill: "transparent",
+        r: radius,
+        stroke: threshold?.background ?? 'currentColor',
+        strokeWidth: strokeWidth,
+        ...props
+    });
+}
+const PROGRESS_CIRCLE_INDICATOR_NAME = 'ProgressCircleIndicator';
+function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
+    const { center, circumference, radius, rotationTransform, strokeDashoffset, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_INDICATOR_NAME, __scopeProgressCircle);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
+        cx: center,
+        cy: center,
+        fill: "transparent",
+        r: radius,
+        stroke: threshold?.color ?? 'currentColor',
+        strokeDasharray: circumference,
+        strokeDashoffset: strokeDashoffset,
+        strokeLinecap: "round",
+        strokeWidth: strokeWidth,
+        transform: rotationTransform,
+        ...props
+    });
+}
+const PROGRESS_CIRCLE_VALUE_NAME = 'ProgressCircleValue';
+function ProgressCircleValue({ __scopeProgressCircle, children, ...props }) {
+    const { clampedValue, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_VALUE_NAME, __scopeProgressCircle);
+    if ('function' == typeof children) return children({
+        value: clampedValue,
+        valueText
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        children: children ?? valueText
+    });
+}
+function clamp(min, max, value) {
+    return Math.min(max, Math.max(min, value));
+}
+exports.Indicator = __webpack_exports__.Indicator;
+exports.ProgressCircle = __webpack_exports__.ProgressCircle;
+exports.ProgressCircleIndicator = __webpack_exports__.ProgressCircleIndicator;
+exports.ProgressCircleProvider = __webpack_exports__.ProgressCircleProvider;
+exports.ProgressCircleSVG = __webpack_exports__.ProgressCircleSVG;
+exports.ProgressCircleTrack = __webpack_exports__.ProgressCircleTrack;
+exports.ProgressCircleValue = __webpack_exports__.ProgressCircleValue;
+exports.Provider = __webpack_exports__.Provider;
+exports.Root = __webpack_exports__.Root;
+exports.SVG = __webpack_exports__.SVG;
+exports.Track = __webpack_exports__.Track;
+exports.Value = __webpack_exports__.Value;
+exports.createProgressCircleScope = __webpack_exports__.createProgressCircleScope;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Indicator",
+    "ProgressCircle",
+    "ProgressCircleIndicator",
+    "ProgressCircleProvider",
+    "ProgressCircleSVG",
+    "ProgressCircleTrack",
+    "ProgressCircleValue",
+    "Provider",
+    "Root",
+    "SVG",
+    "Track",
+    "Value",
+    "createProgressCircleScope"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/primitives/progress-circle.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, ReactNode } from "react";
-import type { Scope } from "@radix-ui/react-context";
+import type { Scope } from '@radix-ui/react-context';
+import type { ComponentProps, ReactNode } from 'react';
 type ScopedProps<P> = P & {
     __scopeProgressCircle?: Scope;
 };
@@ -71,35 +71,35 @@ interface ProgressCircleProviderProps {
  * ```
  */
 declare function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max, min, size, startAngle, strokeWidth, thresholds, value, }: ScopedProps<ProgressCircleProviderProps>): ReactNode;
-type ProgressCircleProps = ComponentProps<"div">;
+type ProgressCircleProps = ComponentProps<'div'>;
 /**
  * Root component for the progress circle
  *
  * Serves as a wrapper for other progress circle components.
  */
 declare function ProgressCircle({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleProps>): ReactNode;
-type ProgressCircleSVGProps = ComponentProps<"svg">;
+type ProgressCircleSVGProps = ComponentProps<'svg'>;
 /**
  * SVG container for the progress circle
  *
  * Renders the SVG with accessibility attributes and supports indeterminate state.
  */
 declare function ProgressCircleSVG({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleSVGProps>): ReactNode;
-type ProgressCircleTrackProps = ComponentProps<"circle">;
+type ProgressCircleTrackProps = ComponentProps<'circle'>;
 /**
  * Background circle for the progress indicator
  *
  * Renders the static track of the progress circle.
  */
 declare function ProgressCircleTrack({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleTrackProps>): ReactNode;
-type ProgressCircleIndicatorProps = ComponentProps<"circle">;
+type ProgressCircleIndicatorProps = ComponentProps<'circle'>;
 /**
  * Foreground circle showing progress
  *
  * Renders the dynamic progress indicator with stroke dash properties.
  */
 declare function ProgressCircleIndicator({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleIndicatorProps>): ReactNode;
-interface ProgressCircleValueProps extends Omit<ComponentProps<"div">, "children"> {
+interface ProgressCircleValueProps extends Omit<ComponentProps<'div'>, 'children'> {
     children?: ((context: {
         value: number | undefined;
         valueText: string;

package/dist/primitives/progress-circle.js

@@ -1,2 +1,129 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{useId as e,useMemo as o}from"react";import{createContextScope as t}from"@radix-ui/react-context";let i="ProgressCircleProvider",[a,s]=t(i),[c,l]=a(i);function n({__scopeProgressCircle:t,children:i,formatValue:a,id:s,max:l=100,min:n=0,size:u=48,startAngle:d=-90,strokeWidth:g=4,thresholds:f,value:v}){let P=e(),h=Math.max(0,u),m=Math.max(0,g),C=n,x=l;C>x&&([C,x]=[x,C]);let k=null==v?void 0:Math.min(x,Math.max(C,v)),p=x-C,S=void 0!==k&&p>0?(k-C)/p*100:0,V=void 0!==k&&a?a(k):`${Math.round(S).toString()}%`,M=o(()=>f&&f.length>0?[...f].toSorted((r,e)=>r.value-e.value):[],[f]),T=o(()=>{if(void 0!==k){for(let r of M)if(k<=r.value)return r;return M.at(-1)}},[M,k]),I=h/2,y=Math.max(0,I-m/2),G=2*Math.PI*y;return r(c,{center:I,circumference:G,clampedValue:k,id:s??P,max:x,min:C,radius:y,rotationTransform:`rotate(${(d%360).toString()}, 0, 0)`,scope:t,size:h,strokeDashoffset:G-S/100*G,strokeWidth:m,threshold:T,value:v??0,valueText:V,children:i})}function u({__scopeProgressCircle:e,...o}){return r("div",{...o})}function d({__scopeProgressCircle:e,...o}){let{clampedValue:t,id:i,max:a,min:s,size:c,valueText:n}=l("ProgressCircleSVG",e);return r("svg",{"aria-label":"Progress","aria-valuemax":a,"aria-valuemin":s,"aria-valuenow":t,"aria-valuetext":void 0===t?void 0:n,height:c,id:i,role:"progressbar",viewBox:`0 0 ${c.toString()} ${c.toString()}`,width:c,...o})}function g({__scopeProgressCircle:e,...o}){let{center:t,radius:i,strokeWidth:a,threshold:s}=l("ProgressCircleTrack",e);return r("circle",{cx:t,cy:t,fill:"transparent",r:i,stroke:s?.background??"currentColor",strokeWidth:a,...o})}function f({__scopeProgressCircle:e,...o}){let{center:t,circumference:i,radius:a,rotationTransform:s,strokeDashoffset:c,strokeWidth:n,threshold:u}=l("ProgressCircleIndicator",e);return r("circle",{cx:t,cy:t,fill:"transparent",r:a,stroke:u?.color??"currentColor",strokeDasharray:i,strokeDashoffset:c,strokeLinecap:"round",strokeWidth:n,transform:s,...o})}function v({__scopeProgressCircle:e,children:o,...t}){let{clampedValue:i,valueText:a}=l("ProgressCircleValue",e);return"function"==typeof o?o({value:i,valueText:a}):r("div",{...t,children:o??a})}export{f as Indicator,u as ProgressCircle,f as ProgressCircleIndicator,n as ProgressCircleProvider,d as ProgressCircleSVG,g as ProgressCircleTrack,v as ProgressCircleValue,n as Provider,u as Root,d as SVG,g as Track,v as Value,s as createProgressCircleScope};
+import { jsx } from "react/jsx-runtime";
+import { createContextScope } from "@radix-ui/react-context";
+import { useId, useMemo } from "react";
+const PROGRESS_CIRCLE_PROVIDER_NAME = 'ProgressCircleProvider';
+const [createProgressCircleContext, createProgressCircleScope] = createContextScope(PROGRESS_CIRCLE_PROVIDER_NAME);
+const [ProgressCircleContextProvider, useProgressCircleContext] = createProgressCircleContext(PROGRESS_CIRCLE_PROVIDER_NAME);
+function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max = 100, min = 0, size = 48, startAngle = -90, strokeWidth = 4, thresholds, value }) {
+    const uniqueId = useId();
+    const id = propertyId ?? uniqueId;
+    const validSize = Math.max(0, size);
+    const validStrokeWidth = Math.max(0, strokeWidth);
+    const validStartAngle = startAngle % 360;
+    let validMin = min;
+    let validMax = max;
+    if (validMin > validMax) [validMin, validMax] = [
+        validMax,
+        validMin
+    ];
+    const isIndeterminate = null == value;
+    const clampedValue = isIndeterminate ? void 0 : clamp(validMin, validMax, value);
+    const range = validMax - validMin;
+    const percentage = void 0 !== clampedValue && range > 0 ? (clampedValue - validMin) / range * 100 : 0;
+    const valueText = void 0 !== clampedValue && formatValue ? formatValue(clampedValue) : `${Math.round(percentage).toString()}%`;
+    const sortedThresholds = useMemo(()=>thresholds && thresholds.length > 0 ? [
+            ...thresholds
+        ].toSorted((a, b)=>a.value - b.value) : [], [
+        thresholds
+    ]);
+    const threshold = useMemo(()=>{
+        if (void 0 === clampedValue) return;
+        for (const sortedThreshold of sortedThresholds)if (clampedValue <= sortedThreshold.value) return sortedThreshold;
+        return sortedThresholds.at(-1);
+    }, [
+        sortedThresholds,
+        clampedValue
+    ]);
+    const center = validSize / 2;
+    const radius = Math.max(0, center - validStrokeWidth / 2);
+    const circumference = 2 * Math.PI * radius;
+    const strokeDashoffset = circumference - percentage / 100 * circumference;
+    const rotationTransform = `rotate(${validStartAngle.toString()}, 0, 0)`;
+    return /*#__PURE__*/ jsx(ProgressCircleContextProvider, {
+        center: center,
+        circumference: circumference,
+        clampedValue: clampedValue,
+        id: id,
+        max: validMax,
+        min: validMin,
+        radius: radius,
+        rotationTransform: rotationTransform,
+        scope: __scopeProgressCircle,
+        size: validSize,
+        strokeDashoffset: strokeDashoffset,
+        strokeWidth: validStrokeWidth,
+        threshold: threshold,
+        value: value ?? 0,
+        valueText: valueText,
+        children: children
+    });
+}
+function ProgressCircle({ __scopeProgressCircle, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        ...props
+    });
+}
+const PROGRESS_CIRCLE_SVG_NAME = 'ProgressCircleSVG';
+function ProgressCircleSVG({ __scopeProgressCircle, ...props }) {
+    const { clampedValue, id, max, min, size, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_SVG_NAME, __scopeProgressCircle);
+    return /*#__PURE__*/ jsx("svg", {
+        "aria-label": "Progress",
+        "aria-valuemax": max,
+        "aria-valuemin": min,
+        "aria-valuenow": clampedValue,
+        "aria-valuetext": void 0 === clampedValue ? void 0 : valueText,
+        height: size,
+        id: id,
+        role: "progressbar",
+        viewBox: `0 0 ${size.toString()} ${size.toString()}`,
+        width: size,
+        ...props
+    });
+}
+const PROGRESS_CIRCLE_TRACK_NAME = 'ProgressCircleTrack';
+function ProgressCircleTrack({ __scopeProgressCircle, ...props }) {
+    const { center, radius, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_TRACK_NAME, __scopeProgressCircle);
+    return /*#__PURE__*/ jsx("circle", {
+        cx: center,
+        cy: center,
+        fill: "transparent",
+        r: radius,
+        stroke: threshold?.background ?? 'currentColor',
+        strokeWidth: strokeWidth,
+        ...props
+    });
+}
+const PROGRESS_CIRCLE_INDICATOR_NAME = 'ProgressCircleIndicator';
+function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
+    const { center, circumference, radius, rotationTransform, strokeDashoffset, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_INDICATOR_NAME, __scopeProgressCircle);
+    return /*#__PURE__*/ jsx("circle", {
+        cx: center,
+        cy: center,
+        fill: "transparent",
+        r: radius,
+        stroke: threshold?.color ?? 'currentColor',
+        strokeDasharray: circumference,
+        strokeDashoffset: strokeDashoffset,
+        strokeLinecap: "round",
+        strokeWidth: strokeWidth,
+        transform: rotationTransform,
+        ...props
+    });
+}
+const PROGRESS_CIRCLE_VALUE_NAME = 'ProgressCircleValue';
+function ProgressCircleValue({ __scopeProgressCircle, children, ...props }) {
+    const { clampedValue, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_VALUE_NAME, __scopeProgressCircle);
+    if ('function' == typeof children) return children({
+        value: clampedValue,
+        valueText
+    });
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        children: children ?? valueText
+    });
+}
+function clamp(min, max, value) {
+    return Math.min(max, Math.max(min, value));
+}
+export { ProgressCircleIndicator as Indicator, ProgressCircle, ProgressCircleIndicator, ProgressCircleProvider, ProgressCircleSVG, ProgressCircleTrack, ProgressCircleValue, ProgressCircleProvider as Provider, ProgressCircle as Root, ProgressCircleSVG as SVG, ProgressCircleTrack as Track, ProgressCircleValue as Value, createProgressCircleScope };