@skdx/react 0.28.0 → 0.30.0

package/dist/primitives/transfer.cjs

@@ -1 +1,2 @@
+'use client';
 "use strict";var a=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var L=(s,r)=>{for(var t in r)a(s,t,{get:r[t],enumerable:!0})},d=(s,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of P(r))!M.call(s,o)&&o!==t&&a(s,o,{get:()=>r[o],enumerable:!(n=g(r,o))||n.enumerable});return s};var h=s=>d(a({},"__esModule",{value:!0}),s);var v={};L(v,{Transfer:()=>e.Transfer,TransferControls:()=>i.TransferControls,TransferEmpty:()=>c.TransferEmpty,TransferItem:()=>m.TransferItem,TransferList:()=>f.TransferList,TransferListHeader:()=>T.TransferListHeader,TransferListSearch:()=>p.TransferListSearch,TransferMoveAllTrigger:()=>x.TransferMoveAllTrigger,TransferMoveTrigger:()=>l.TransferMoveTrigger,matchesFilterMode:()=>e.matchesFilterMode,moveAnnouncement:()=>e.moveAnnouncement,searchResultsAnnouncement:()=>e.searchResultsAnnouncement});module.exports=h(v);var e=require("../transfer/Transfer.cjs"),f=require("../transfer/Transfer.cjs"),T=require("../transfer/Transfer.cjs"),p=require("../transfer/Transfer.cjs"),m=require("../transfer/Transfer.cjs"),i=require("../transfer/Transfer.cjs"),l=require("../transfer/Transfer.cjs"),x=require("../transfer/Transfer.cjs"),c=require("../transfer/Transfer.cjs");0&&(module.exports={Transfer,TransferControls,TransferEmpty,TransferItem,TransferList,TransferListHeader,TransferListSearch,TransferMoveAllTrigger,TransferMoveTrigger,matchesFilterMode,moveAnnouncement,searchResultsAnnouncement});

package/dist/primitives/transfer.js

@@ -1 +1,2 @@
+'use client';
 import{Transfer as s,moveAnnouncement as o,searchResultsAnnouncement as t,matchesFilterMode as a}from"../transfer/Transfer.js";import{TransferList as f}from"../transfer/Transfer.js";import{TransferListHeader as p}from"../transfer/Transfer.js";import{TransferListSearch as i}from"../transfer/Transfer.js";import{TransferItem as x}from"../transfer/Transfer.js";import{TransferControls as g}from"../transfer/Transfer.js";import{TransferMoveTrigger as M}from"../transfer/Transfer.js";import{TransferMoveAllTrigger as d}from"../transfer/Transfer.js";import{TransferEmpty as v}from"../transfer/Transfer.js";export{s as Transfer,g as TransferControls,v as TransferEmpty,x as TransferItem,f as TransferList,p as TransferListHeader,i as TransferListSearch,d as TransferMoveAllTrigger,M as TransferMoveTrigger,a as matchesFilterMode,o as moveAnnouncement,t as searchResultsAnnouncement};

package/dist/primitives/tree-select.cjs

@@ -1 +1,2 @@
-"use strict";var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var i=(r,e)=>{for(var l in e)c(r,l,{get:e[l],enumerable:!0})},y=(r,e,l,T)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of I(e))!g.call(r,o)&&o!==l&&c(r,o,{get:()=>e[o],enumerable:!(T=u(e,o))||T.enumerable});return r};var d=r=>y(c({},"__esModule",{value:!0}),r);var C={};i(C,{TreeSelect:()=>t.TreeSelect,TreeSelectContent:()=>a.TreeSelectContent,TreeSelectEmpty:()=>x.TreeSelectEmpty,TreeSelectInput:()=>n.TreeSelectInput,TreeSelectItem:()=>P.TreeSelectItem,TreeSelectItemIndicator:()=>s.TreeSelectItemIndicator,TreeSelectPortal:()=>m.TreeSelectPortal,TreeSelectTree:()=>f.TreeSelectTree,TreeSelectTrigger:()=>p.TreeSelectTrigger,TreeSelectValue:()=>S.TreeSelectValue,defaultGetMatchCountLabel:()=>t.defaultGetMatchCountLabel,defaultTreeSelectFilter:()=>t.defaultTreeSelectFilter});module.exports=d(C);var t=require("../tree-select/TreeSelect.cjs"),p=require("../tree-select/TreeSelect.cjs"),S=require("../tree-select/TreeSelect.cjs"),m=require("../tree-select/TreeSelect.cjs"),a=require("../tree-select/TreeSelect.cjs"),f=require("../tree-select/TreeSelect.cjs"),P=require("../tree-select/TreeSelect.cjs"),s=require("../tree-select/TreeSelect.cjs"),x=require("../tree-select/TreeSelect.cjs"),n=require("../tree-select/TreeSelect.cjs");0&&(module.exports={TreeSelect,TreeSelectContent,TreeSelectEmpty,TreeSelectInput,TreeSelectItem,TreeSelectItemIndicator,TreeSelectPortal,TreeSelectTree,TreeSelectTrigger,TreeSelectValue,defaultGetMatchCountLabel,defaultTreeSelectFilter});
+'use client';
+"use strict";var c=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var i=(r,e)=>{for(var l in e)c(r,l,{get:e[l],enumerable:!0})},C=(r,e,l,T)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of y(e))!g.call(r,o)&&o!==l&&c(r,o,{get:()=>e[o],enumerable:!(T=I(e,o))||T.enumerable});return r};var d=r=>C(c({},"__esModule",{value:!0}),r);var V={};i(V,{TreeSelect:()=>t.TreeSelect,TreeSelectColumns:()=>f.TreeSelectColumns,TreeSelectContent:()=>a.TreeSelectContent,TreeSelectEmpty:()=>n.TreeSelectEmpty,TreeSelectInput:()=>u.TreeSelectInput,TreeSelectItem:()=>P.TreeSelectItem,TreeSelectItemIndicator:()=>x.TreeSelectItemIndicator,TreeSelectPortal:()=>m.TreeSelectPortal,TreeSelectTree:()=>s.TreeSelectTree,TreeSelectTrigger:()=>S.TreeSelectTrigger,TreeSelectValue:()=>p.TreeSelectValue,defaultGetMatchCountLabel:()=>t.defaultGetMatchCountLabel,defaultTreeSelectFilter:()=>t.defaultTreeSelectFilter});module.exports=d(V);var t=require("../tree-select/TreeSelect.cjs"),S=require("../tree-select/TreeSelect.cjs"),p=require("../tree-select/TreeSelect.cjs"),m=require("../tree-select/TreeSelect.cjs"),a=require("../tree-select/TreeSelect.cjs"),f=require("../tree-select/TreeSelect.cjs"),s=require("../tree-select/TreeSelect.cjs"),P=require("../tree-select/TreeSelect.cjs"),x=require("../tree-select/TreeSelect.cjs"),n=require("../tree-select/TreeSelect.cjs"),u=require("../tree-select/TreeSelect.cjs");0&&(module.exports={TreeSelect,TreeSelectColumns,TreeSelectContent,TreeSelectEmpty,TreeSelectInput,TreeSelectItem,TreeSelectItemIndicator,TreeSelectPortal,TreeSelectTree,TreeSelectTrigger,TreeSelectValue,defaultGetMatchCountLabel,defaultTreeSelectFilter});

package/dist/primitives/tree-select.js

@@ -1 +1,2 @@
-import{TreeSelect as t,defaultTreeSelectFilter as o,defaultGetMatchCountLabel as l}from"../tree-select/TreeSelect.js";import{TreeSelectTrigger as T}from"../tree-select/TreeSelect.js";import{TreeSelectValue as S}from"../tree-select/TreeSelect.js";import{TreeSelectPortal as a}from"../tree-select/TreeSelect.js";import{TreeSelectContent as P}from"../tree-select/TreeSelect.js";import{TreeSelectTree as x}from"../tree-select/TreeSelect.js";import{TreeSelectItem as u}from"../tree-select/TreeSelect.js";import{TreeSelectItemIndicator as g}from"../tree-select/TreeSelect.js";import{TreeSelectEmpty as y}from"../tree-select/TreeSelect.js";import{TreeSelectInput as C}from"../tree-select/TreeSelect.js";export{t as TreeSelect,P as TreeSelectContent,y as TreeSelectEmpty,C as TreeSelectInput,u as TreeSelectItem,g as TreeSelectItemIndicator,a as TreeSelectPortal,x as TreeSelectTree,T as TreeSelectTrigger,S as TreeSelectValue,l as defaultGetMatchCountLabel,o as defaultTreeSelectFilter};
+'use client';
+import{TreeSelect as t,defaultTreeSelectFilter as o,defaultGetMatchCountLabel as l}from"../tree-select/TreeSelect.js";import{TreeSelectTrigger as T}from"../tree-select/TreeSelect.js";import{TreeSelectValue as p}from"../tree-select/TreeSelect.js";import{TreeSelectPortal as a}from"../tree-select/TreeSelect.js";import{TreeSelectContent as s}from"../tree-select/TreeSelect.js";import{TreeSelectColumns as x}from"../tree-select/TreeSelect.js";import{TreeSelectTree as u}from"../tree-select/TreeSelect.js";import{TreeSelectItem as y}from"../tree-select/TreeSelect.js";import{TreeSelectItemIndicator as i}from"../tree-select/TreeSelect.js";import{TreeSelectEmpty as d}from"../tree-select/TreeSelect.js";import{TreeSelectInput as h}from"../tree-select/TreeSelect.js";export{t as TreeSelect,x as TreeSelectColumns,s as TreeSelectContent,d as TreeSelectEmpty,h as TreeSelectInput,y as TreeSelectItem,i as TreeSelectItemIndicator,a as TreeSelectPortal,u as TreeSelectTree,T as TreeSelectTrigger,p as TreeSelectValue,l as defaultGetMatchCountLabel,o as defaultTreeSelectFilter};

package/dist/primitives/tree.cjs

@@ -1 +1,2 @@
+'use client';
 "use strict";var T=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var s=(r,e)=>{for(var t in e)T(r,t,{get:e[t],enumerable:!0})},x=(r,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of l(e))!I.call(r,o)&&o!==t&&T(r,o,{get:()=>e[o],enumerable:!(a=f(e,o))||a.enumerable});return r};var P=r=>x(T({},"__esModule",{value:!0}),r);var c={};s(c,{Tree:()=>p.Tree,TreeGroup:()=>d.TreeGroup,TreeItem:()=>m.TreeItem,TreeItemIndicator:()=>n.TreeItemIndicator,defaultGetLoadedLabel:()=>p.defaultGetLoadedLabel});module.exports=P(c);var p=require("../tree/Tree.cjs"),m=require("../tree/Tree.cjs"),d=require("../tree/Tree.cjs"),n=require("../tree/Tree.cjs");0&&(module.exports={Tree,TreeGroup,TreeItem,TreeItemIndicator,defaultGetLoadedLabel});

package/dist/primitives/tree.js

@@ -1 +1,2 @@
+'use client';
 import{Tree as o,defaultGetLoadedLabel as t}from"../tree/Tree.js";import{TreeItem as T}from"../tree/Tree.js";import{TreeGroup as m}from"../tree/Tree.js";import{TreeItemIndicator as n}from"../tree/Tree.js";export{o as Tree,m as TreeGroup,T as TreeItem,n as TreeItemIndicator,t as defaultGetLoadedLabel};

package/dist/progress/Progress.cjs

@@ -1 +1,2 @@
-"use strict";var pr=Object.create;var g=Object.defineProperty;var Pr=Object.getOwnPropertyDescriptor;var gr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,br=Object.prototype.hasOwnProperty;var Cr=(r,e)=>{for(var s in e)g(r,s,{get:e[s],enumerable:!0})},H=(r,e,s,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of gr(e))!br.call(r,o)&&o!==s&&g(r,o,{get:()=>e[o],enumerable:!(t=Pr(e,o))||t.enumerable});return r};var u=(r,e,s)=>(s=r!=null?pr(xr(r)):{},H(e||!r||!r.__esModule?g(s,"default",{value:r,enumerable:!0}):s,r)),vr=r=>H(g({},"__esModule",{value:!0}),r);var Rr={};Cr(Rr,{Progress:()=>N,ProgressCircle:()=>C,ProgressCircleIndicator:()=>v,ProgressCircleProvider:()=>A,ProgressIndicator:()=>y,ProgressLabel:()=>R,ProgressProvider:()=>or,ProgressValue:()=>h,clampProgressValue:()=>L,getCircleVars:()=>b,getProgressPercent:()=>m,getState:()=>i,useProgressCircleContext:()=>I,useProgressContext:()=>l});module.exports=vr(Rr);var c=u(require("react"),1),er=require("../utils/createContext.cjs"),sr=require("../utils/part.cjs"),tr=require("../utils/primitive.cjs");var W=u(require("react"),1),E=require("../utils/createContext.cjs"),D=require("../utils/part.cjs"),T=require("../utils/primitive.cjs");var V=require("react/jsx-runtime"),[A,I]=(0,E.createSafeContext)("ProgressCircle"),x=r=>Math.round(r*1e4)/1e4;function yr(r,e){return Math.max((r-e)/2,0)}function b(r,e,s,t){return{"--skdx-progress-circle-circumference":x(r),"--skdx-progress-dasharray":x(r),"--skdx-progress-circle-offset":e==null?void 0:x(r*(1-m(e,s,t)/100))}}var C=W.forwardRef(({diameter:r=48,strokeWidth:e=4,...s},t)=>{let{value:o,min:a,max:f}=l("ProgressCircle"),p=yr(r,e),P=2*Math.PI*p;return(0,V.jsx)(A,{diameter:r,strokeWidth:e,radius:p,circumference:P,children:(0,V.jsx)(T.Primitive.div,{"data-state":i(o,f),"data-value":o??void 0,"data-min":a,"data-max":f,...s,...(0,D.skdxPart)("progress","circle",s.className),ref:t,style:{"--skdx-progress-circle-size":r,"--skdx-progress-circle-thickness":e,"--skdx-progress-circle-radius":x(p),...b(P,o,a,f),...s.style}})})});C.displayName="ProgressCircle";var F=u(require("react"),1),z=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var O=require("react/jsx-runtime"),v=F.forwardRef((r,e)=>{let{value:s,min:t,max:o}=l("ProgressCircleIndicator"),{circumference:a}=I("ProgressCircleIndicator");return(0,O.jsx)(B.Primitive.div,{"data-state":i(s,o),"data-value":s??void 0,"data-min":t,"data-max":o,...r,...(0,z.skdxPart)("progress","circle-indicator",r.className),ref:e,style:{"--skdx-progress":s!=null?`${m(s,t,o)}%`:void 0,...b(a,s,t,o),...r.style}})});v.displayName="ProgressCircleIndicator";var q=u(require("react"),1),G=require("../utils/part.cjs"),J=require("../utils/primitive.cjs");var K=require("react/jsx-runtime"),y=q.forwardRef((r,e)=>{let{value:s,min:t,max:o,buffer:a}=l("ProgressIndicator");return(0,K.jsx)(J.Primitive.div,{"data-state":i(s,o),"data-value":s??void 0,"data-min":t,"data-max":o,...r,...(0,G.skdxPart)("progress","indicator",r.className),ref:e,style:{"--skdx-progress":s!=null?`${m(s,t,o)}%`:void 0,"--skdx-progress-buffer":a!=null?`${m(a,t,o)}%`:void 0,...r.style}})});y.displayName="ProgressIndicator";var S=u(require("react"),1),Q=require("../utils/part.cjs"),U=require("../utils/primitive.cjs");var X=require("react/jsx-runtime"),R=S.forwardRef((r,e)=>{let{labelId:s,setHasLabel:t,value:o,max:a}=l("ProgressLabel");return S.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,X.jsx)(U.Primitive.span,{id:s,"data-state":i(o,a),...r,...(0,Q.skdxPart)("progress","label",r.className),ref:e})});R.displayName="ProgressLabel";var Y=u(require("react"),1),Z=require("../utils/part.cjs"),_=require("../utils/primitive.cjs");var j=require("react/jsx-runtime"),h=Y.forwardRef(({children:r,...e},s)=>{let{value:t,max:o,valueLabel:a}=l("ProgressValue");return(0,j.jsx)(_.Primitive.span,{"aria-hidden":!0,"data-state":i(t,o),...e,...(0,Z.skdxPart)("progress","value",e.className),ref:s,children:r??a})});h.displayName="ProgressValue";var n=require("react/jsx-runtime"),rr=({circular:r,label:e,showValue:s,diameter:t,strokeWidth:o})=>(0,n.jsxs)(n.Fragment,{children:[e?(0,n.jsx)(R,{children:e}):null,r?(0,n.jsx)(C,{diameter:t,strokeWidth:o,children:(0,n.jsx)("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,children:(0,n.jsx)(v,{asChild:!0,children:(0,n.jsx)("circle",{cx:t/2,cy:t/2,r:Math.max((t-o)/2,0),fill:"none",strokeWidth:o,stroke:"currentColor",style:{strokeDasharray:"var(--skdx-progress-dasharray)",strokeDashoffset:"var(--skdx-progress-circle-offset)",transform:"rotate(-90deg)",transformOrigin:"50% 50%"}})})})}):(0,n.jsx)(y,{}),s?(0,n.jsx)(h,{}):null]});var k=require("react/jsx-runtime"),[or,l]=(0,er.createSafeContext)("Progress");function Sr(r,e,s,t,o,a){return t!==void 0?t(r,e,s):o!==void 0||a!==void 0?new Intl.NumberFormat(a,o).format(r):`${Math.round(m(r,e,s))}%`}function m(r,e,s){let t=s-e;return t>0?(r-e)/t*100:0}function L(r,e,s){return r==null?null:Math.min(Math.max(r,e),s)}function i(r,e){return r==null?"indeterminate":r>=e?"complete":"loading"}var N=c.forwardRef(({value:r=null,min:e=0,max:s=100,buffer:t=null,getValueLabel:o,formatOptions:a,locale:f,circular:p=!1,label:P,showValue:ar=!1,indeterminate:ir=!1,diameter:nr=48,strokeWidth:lr=4,children:mr,...M},dr)=>{let d=L(ir?null:r,e,s),ur=L(t,e,s),w=`${c.useId()}-label`,[cr,fr]=c.useState(!1),$=d!=null?Sr(d,e,s,o,a,f):void 0;return(0,k.jsx)(or,{value:d,min:e,max:s,buffer:ur,labelId:w,setHasLabel:fr,valueLabel:$,children:(0,k.jsx)(tr.Primitive.div,{role:"progressbar","aria-valuemin":e,"aria-valuemax":s,"aria-valuenow":d??void 0,"aria-valuetext":$,"aria-labelledby":cr?w:void 0,"data-state":i(d,s),"data-value":d??void 0,"data-min":e,"data-max":s,...M,...(0,sr.skdxPart)("progress","root",M.className),ref:dr,children:mr??(0,k.jsx)(rr,{circular:p,label:P,showValue:ar,diameter:nr,strokeWidth:lr})})})});N.displayName="Progress";0&&(module.exports={Progress,ProgressCircle,ProgressCircleIndicator,ProgressCircleProvider,ProgressIndicator,ProgressLabel,ProgressProvider,ProgressValue,clampProgressValue,getCircleVars,getProgressPercent,getState,useProgressCircleContext,useProgressContext});
+'use client';
+"use strict";var Se=Object.create;var x=Object.defineProperty;var Ve=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var Ne=(r,e)=>{for(var t in e)x(r,t,{get:e[t],enumerable:!0})},H=(r,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of ke(e))!Ie.call(r,o)&&o!==t&&x(r,o,{get:()=>e[o],enumerable:!(s=Ve(e,o))||s.enumerable});return r};var A=(r,e,t)=>(t=r!=null?Se(Le(r)):{},H(e||!r||!r.__esModule?x(t,"default",{value:r,enumerable:!0}):t,r)),Me=r=>H(x({},"__esModule",{value:!0}),r);var Fe={};Ne(Fe,{Progress:()=>w,ProgressCircle:()=>h,ProgressCircleIndicator:()=>y,ProgressCircleProvider:()=>X,ProgressIndicator:()=>R,ProgressLabel:()=>S,ProgressProvider:()=>ne,ProgressValue:()=>V,clampProgressValue:()=>L,getCircleVars:()=>v,getProgressPercent:()=>f,getProgressRange:()=>ie,getState:()=>l,useProgressCircleContext:()=>M,useProgressContext:()=>d});module.exports=Me(Fe);var P=A(require("react"),1),se=require("../utils/createContext.cjs"),oe=require("../utils/part.cjs"),ae=require("../utils/primitive.cjs");var D=require("../utils/createContext.cjs"),E=require("../utils/part.cjs"),J=require("../utils/primitive.cjs");var N=require("react/jsx-runtime"),[X,M]=(0,D.createSafeContext)("ProgressCircle"),C=r=>Math.round(r*1e4)/1e4;function we(r,e){return Math.max((r-e)/2,0)}function v(r,e,t,s){return{"--skdx-progress-circle-circumference":C(r),"--skdx-progress-dasharray":C(r),"--skdx-progress-circle-offset":e==null?void 0:C(r*(1-f(e,t,s)/100))}}var h=({diameter:r=48,strokeWidth:e=4,ref:t,...s})=>{let{value:o,min:a,max:n}=d("ProgressCircle"),i=we(r,e),u=2*Math.PI*i;return(0,N.jsx)(X,{diameter:r,strokeWidth:e,radius:i,circumference:u,children:(0,N.jsx)(J.Primitive.div,{"data-state":l(o,n),"data-value":o??void 0,"data-min":a,"data-max":n,...s,...(0,E.skdxPart)("progress","circle",s.className),ref:t,style:{"--skdx-progress-circle-size":r,"--skdx-progress-circle-thickness":e,"--skdx-progress-circle-radius":C(i),...v(u,o,a,n),...s.style}})})};h.displayName="ProgressCircle";var z=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),y=({ref:r,...e})=>{let{value:t,min:s,max:o}=d("ProgressCircleIndicator"),{circumference:a}=M("ProgressCircleIndicator");return(0,q.jsx)(B.Primitive.div,{"data-state":l(t,o),"data-value":t??void 0,"data-min":s,"data-max":o,...e,...(0,z.skdxPart)("progress","circle-indicator",e.className),ref:r,style:{"--skdx-progress":t!=null?`${f(t,s,o)}%`:void 0,...v(a,t,s,o),...e.style}})};y.displayName="ProgressCircleIndicator";var G=require("../utils/part.cjs"),K=require("../utils/primitive.cjs");var Q=require("react/jsx-runtime"),R=({ref:r,...e})=>{let{value:t,min:s,max:o,buffer:a,role:n,range:i}=d("ProgressIndicator");return(0,Q.jsx)(K.Primitive.div,{"data-state":n==="meter"?void 0:l(t,o),"data-value":t??void 0,"data-min":s,"data-max":o,"data-range":i,...e,...(0,G.skdxPart)("progress","indicator",e.className),ref:r,style:{"--skdx-progress":t!=null?`${f(t,s,o)}%`:void 0,"--skdx-progress-buffer":a!=null?`${f(a,s,o)}%`:void 0,...e.style}})};R.displayName="ProgressIndicator";var U=A(require("react"),1),Y=require("../utils/part.cjs"),Z=require("../utils/primitive.cjs");var _=require("react/jsx-runtime"),S=({ref:r,...e})=>{let{labelId:t,setHasLabel:s,value:o,max:a}=d("ProgressLabel");return U.useEffect(()=>(s(!0),()=>s(!1)),[s]),(0,_.jsx)(Z.Primitive.span,{id:t,"data-state":l(o,a),...e,...(0,Y.skdxPart)("progress","label",e.className),ref:r})};S.displayName="ProgressLabel";var j=require("../utils/part.cjs"),ee=require("../utils/primitive.cjs");var re=require("react/jsx-runtime"),V=({children:r,ref:e,...t})=>{let{value:s,max:o,role:a,valueLabel:n}=d("ProgressValue");return(0,re.jsx)(ee.Primitive.span,{"aria-hidden":!0,"data-state":a==="meter"?void 0:l(s,o),...t,...(0,j.skdxPart)("progress","value",t.className),ref:e,children:r??n})};V.displayName="ProgressValue";var m=require("react/jsx-runtime"),te=({circular:r,label:e,showValue:t,diameter:s,strokeWidth:o})=>(0,m.jsxs)(m.Fragment,{children:[e?(0,m.jsx)(S,{children:e}):null,r?(0,m.jsx)(h,{diameter:s,strokeWidth:o,children:(0,m.jsx)("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:(0,m.jsx)(y,{asChild:!0,children:(0,m.jsx)("circle",{cx:s/2,cy:s/2,r:Math.max((s-o)/2,0),fill:"none",strokeWidth:o,stroke:"currentColor",style:{strokeDasharray:"var(--skdx-progress-dasharray)",strokeDashoffset:"var(--skdx-progress-circle-offset)"}})})})}):(0,m.jsx)(R,{}),t?(0,m.jsx)(V,{}):null]});var k=require("react/jsx-runtime"),[ne,d]=(0,se.createSafeContext)("Progress");function $e(r){let{value:e,min:t,max:s,getValueLabel:o,formatOptions:a,locale:n}=r;return o!==void 0?o(e,t,s):a!==void 0||n!==void 0?new Intl.NumberFormat(n,a).format(e):`${Math.round(f(e,t,s))}%`}function f(r,e,t){let s=t-e;return s>0?(r-e)/s*100:0}function L(r,e,t){return r==null?null:Math.min(Math.max(r,e),t)}function Oe(r,e,t,s){return L(r?null:e,t,s)}function ie(r,e,t,s){let{low:o,high:a,optimum:n}=s;if(o==null&&a==null&&n==null)return;let i=Math.min(Math.max(o??e,e),t),u=Math.min(Math.max(a??t,i),t),p=Math.min(Math.max(n??(e+t)/2,e),t);return p<i?r<=i?"optimum":r<=u?"suboptimal":"poor":p>u?r>=u?"optimum":r>=i?"suboptimal":"poor":r>=i&&r<=u?"optimum":"suboptimal"}function We(r,e,t,s,o){return r!==void 0||e!==void 0||t!==void 0||s===0&&o===100}function l(r,e){return r==null?"indeterminate":r>=e?"complete":"loading"}function Te(r){let{meter:e,min:t,indeterminate:s,low:o,high:a,optimum:n,getValueLabel:i,formatOptions:u,locale:p}=r,c=e?Math.max(r.max,t):r.max,g=e?L(r.value??t,t,c):Oe(s,r.value,t,c),b=g!=null?$e({value:g,min:t,max:c,getValueLabel:i,formatOptions:u,locale:p}):void 0;return{value:g,max:c,buffer:e?null:L(r.buffer,t,c),range:e&&g!=null?ie(g,t,c,{low:o,high:a,optimum:n}):void 0,state:e?void 0:l(g,c),valueLabel:b,valueText:e&&!We(i,u,p,t,c)?void 0:b}}var w=({value:r=null,role:e="progressbar",min:t=0,max:s=100,low:o,high:a,optimum:n,buffer:i=null,getValueLabel:u,formatOptions:p,locale:c,circular:g=!1,label:b,showValue:ue=!1,indeterminate:le=!1,diameter:me=48,strokeWidth:de=4,children:ce,ref:fe,...$})=>{let{value:O,max:I,buffer:ge,range:W,state:pe,valueLabel:Pe,valueText:be}=Te({meter:e==="meter",value:r,min:t,max:s,buffer:i,indeterminate:le,low:o,high:a,optimum:n,getValueLabel:u,formatOptions:p,locale:c}),T=`${P.useId()}-label`,[xe,Ce]=P.useState(0),ve=P.useCallback(ye=>{Ce(Re=>Re+(ye?1:-1))},[]),he=xe>0,F=O??void 0;return(0,k.jsx)(ne,{value:O,min:t,max:I,buffer:ge,role:e,range:W,labelId:T,setHasLabel:ve,valueLabel:Pe,children:(0,k.jsx)(ae.Primitive.div,{role:e,"aria-valuemin":t,"aria-valuemax":I,"aria-valuenow":F,"aria-valuetext":be,"aria-labelledby":he?T:void 0,"data-state":pe,"data-value":F,"data-min":t,"data-max":I,"data-range":W,...$,...(0,oe.skdxPart)("progress","root",$.className),ref:fe,children:ce??(0,k.jsx)(te,{circular:g,label:b,showValue:ue,diameter:me,strokeWidth:de})})})};w.displayName="Progress";0&&(module.exports={Progress,ProgressCircle,ProgressCircleIndicator,ProgressCircleProvider,ProgressIndicator,ProgressLabel,ProgressProvider,ProgressValue,clampProgressValue,getCircleVars,getProgressPercent,getProgressRange,getState,useProgressCircleContext,useProgressContext});

package/dist/progress/Progress.d.cts

@@ -1,41 +1,35 @@
 import * as React from 'react';
-import type { ProgressContextValue, ProgressProps } from './types.cjs';
-export declare const ProgressProvider: {
-    (props: ProgressContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useProgressContext: (consumerName: string) => ProgressContextValue;
-/**
- * @internal Position of `value` inside `[min, max]` as a percentage. Returns `0` for degenerate range (not `NaN`).
- */
+import type { ProgressContextValue, ProgressProps, ProgressRange } from './types.cjs';
+export declare const ProgressProvider: React.FC<ProgressContextValue & {
+    children: React.ReactNode;
+}>, useProgressContext: (consumerName: string) => ProgressContextValue;
+/** @internal Position of `value` inside `[min, max]` as a percentage; returns `0` for a degenerate range. */
 export declare function getProgressPercent(value: number, min: number, max: number): number;
 /** @internal Clamps a value into `[min, max]`, leaving `null` (indeterminate, or no buffer) alone. */
 export declare function clampProgressValue(value: number | null, min: number, max: number): number | null;
+/** @internal The band `value` falls in, following the HTML `<meter>` element's region rules; `undefined` when no threshold was supplied. */
+export declare function getProgressRange(value: number, min: number, max: number, bands: {
+    low?: number | undefined;
+    high?: number | undefined;
+    optimum?: number | undefined;
+}): ProgressRange | undefined;
 /** @internal Maps a progress `value`/`max` to the `data-state` string: `'indeterminate'` when `value` is null, `'complete'` at or above `max`, else `'loading'`. */
-export declare function getState(value: number | null, max: number): "loading" | "indeterminate" | "complete";
+export declare function getState(value: number | null, max: number): 'indeterminate' | 'complete' | 'loading';
 /**
  * Root of a progress bar: clamps `value` into `[min, max]`, renders
- * `role="progressbar"` with `aria-valuemin`/`aria-valuemax`/`aria-valuenow`/
- * `aria-valuetext`, and exposes `data-state` (`"indeterminate"` | `"loading"`
- * | `"complete"`), `data-value`, `data-min` and `data-max` for styling. Hands
- * the range down to `ProgressIndicator`, `ProgressLabel` and `ProgressValue`
- * via context.
- *
- * **Not Spinner.** Progress is for work with a measurable value; a
- * `Spinner` is for work of unknown duration with no value to report. If you
- * have a number, you are in the right family; if you do not, reach for
- * `Spinner` rather than leaving `value` at `null` forever.
- *
- * Given no `children` it draws the derived anatomy from `circular`/`label`/
- * `showValue`/`diameter`/`strokeWidth`. Given children, they are rendered
- * verbatim for full manual composition — only presence is inspected, never
- * what the children are; reach for `@skdx/react/primitives/progress` for the
- * parts.
+ * `role="progressbar"` with the matching ARIA attributes, and exposes
+ * `data-state`/`data-value`/`data-min`/`data-max` for styling. Under
+ * `role="meter"` it is a static scalar instead — always valued, banded by
+ * `low`/`high`/`optimum` into `data-range`, with no indeterminate or buffer.
  *
  * @example
  * ```tsx
  * <Progress value={66} label="Uploading report" showValue />
+ *
+ * <Progress role="meter" aria-label="Disk usage" value={82} low={50} high={80} optimum={10} showValue />
  * ```
  */
-export declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Progress: {
+    ({ value: valueProp, role, min, max: maxProp, low, high, optimum, buffer: bufferProp, getValueLabel, formatOptions, locale, circular, label, showValue, indeterminate, diameter, strokeWidth, children, ref: forwardedRef, ...props }: ProgressProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/Progress.d.ts

@@ -1,41 +1,35 @@
 import * as React from 'react';
-import type { ProgressContextValue, ProgressProps } from './types.js';
-export declare const ProgressProvider: {
-    (props: ProgressContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useProgressContext: (consumerName: string) => ProgressContextValue;
-/**
- * @internal Position of `value` inside `[min, max]` as a percentage. Returns `0` for degenerate range (not `NaN`).
- */
+import type { ProgressContextValue, ProgressProps, ProgressRange } from './types.js';
+export declare const ProgressProvider: React.FC<ProgressContextValue & {
+    children: React.ReactNode;
+}>, useProgressContext: (consumerName: string) => ProgressContextValue;
+/** @internal Position of `value` inside `[min, max]` as a percentage; returns `0` for a degenerate range. */
 export declare function getProgressPercent(value: number, min: number, max: number): number;
 /** @internal Clamps a value into `[min, max]`, leaving `null` (indeterminate, or no buffer) alone. */
 export declare function clampProgressValue(value: number | null, min: number, max: number): number | null;
+/** @internal The band `value` falls in, following the HTML `<meter>` element's region rules; `undefined` when no threshold was supplied. */
+export declare function getProgressRange(value: number, min: number, max: number, bands: {
+    low?: number | undefined;
+    high?: number | undefined;
+    optimum?: number | undefined;
+}): ProgressRange | undefined;
 /** @internal Maps a progress `value`/`max` to the `data-state` string: `'indeterminate'` when `value` is null, `'complete'` at or above `max`, else `'loading'`. */
-export declare function getState(value: number | null, max: number): "loading" | "indeterminate" | "complete";
+export declare function getState(value: number | null, max: number): 'indeterminate' | 'complete' | 'loading';
 /**
  * Root of a progress bar: clamps `value` into `[min, max]`, renders
- * `role="progressbar"` with `aria-valuemin`/`aria-valuemax`/`aria-valuenow`/
- * `aria-valuetext`, and exposes `data-state` (`"indeterminate"` | `"loading"`
- * | `"complete"`), `data-value`, `data-min` and `data-max` for styling. Hands
- * the range down to `ProgressIndicator`, `ProgressLabel` and `ProgressValue`
- * via context.
- *
- * **Not Spinner.** Progress is for work with a measurable value; a
- * `Spinner` is for work of unknown duration with no value to report. If you
- * have a number, you are in the right family; if you do not, reach for
- * `Spinner` rather than leaving `value` at `null` forever.
- *
- * Given no `children` it draws the derived anatomy from `circular`/`label`/
- * `showValue`/`diameter`/`strokeWidth`. Given children, they are rendered
- * verbatim for full manual composition — only presence is inspected, never
- * what the children are; reach for `@skdx/react/primitives/progress` for the
- * parts.
+ * `role="progressbar"` with the matching ARIA attributes, and exposes
+ * `data-state`/`data-value`/`data-min`/`data-max` for styling. Under
+ * `role="meter"` it is a static scalar instead — always valued, banded by
+ * `low`/`high`/`optimum` into `data-range`, with no indeterminate or buffer.
  *
  * @example
  * ```tsx
  * <Progress value={66} label="Uploading report" showValue />
+ *
+ * <Progress role="meter" aria-label="Disk usage" value={82} low={50} high={80} optimum={10} showValue />
  * ```
  */
-export declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Progress: {
+    ({ value: valueProp, role, min, max: maxProp, low, high, optimum, buffer: bufferProp, getValueLabel, formatOptions, locale, circular, label, showValue, indeterminate, diameter, strokeWidth, children, ref: forwardedRef, ...props }: ProgressProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/Progress.js

@@ -1 +1,2 @@
-import*as u from"react";import{createSafeContext as dr}from"../utils/createContext.js";import{skdxPart as ur}from"../utils/part.js";import{Primitive as cr}from"../utils/primitive.js";import*as L from"react";import{createSafeContext as J}from"../utils/createContext.js";import{skdxPart as K}from"../utils/part.js";import{Primitive as Q}from"../utils/primitive.js";import{jsx as I}from"react/jsx-runtime";var[U,N]=J("ProgressCircle"),P=r=>Math.round(r*1e4)/1e4;function X(r,e){return Math.max((r-e)/2,0)}function x(r,e,s,t){return{"--skdx-progress-circle-circumference":P(r),"--skdx-progress-dasharray":P(r),"--skdx-progress-circle-offset":e==null?void 0:P(r*(1-l(e,s,t)/100))}}var b=L.forwardRef(({diameter:r=48,strokeWidth:e=4,...s},t)=>{let{value:o,min:a,max:c}=n("ProgressCircle"),f=X(r,e),p=2*Math.PI*f;return I(U,{diameter:r,strokeWidth:e,radius:f,circumference:p,children:I(Q.div,{"data-state":i(o,c),"data-value":o??void 0,"data-min":a,"data-max":c,...s,...K("progress","circle",s.className),ref:t,style:{"--skdx-progress-circle-size":r,"--skdx-progress-circle-thickness":e,"--skdx-progress-circle-radius":P(f),...x(p,o,a,c),...s.style}})})});b.displayName="ProgressCircle";import*as M from"react";import{skdxPart as Y}from"../utils/part.js";import{Primitive as Z}from"../utils/primitive.js";import{jsx as _}from"react/jsx-runtime";var C=M.forwardRef((r,e)=>{let{value:s,min:t,max:o}=n("ProgressCircleIndicator"),{circumference:a}=N("ProgressCircleIndicator");return _(Z.div,{"data-state":i(s,o),"data-value":s??void 0,"data-min":t,"data-max":o,...r,...Y("progress","circle-indicator",r.className),ref:e,style:{"--skdx-progress":s!=null?`${l(s,t,o)}%`:void 0,...x(a,s,t,o),...r.style}})});C.displayName="ProgressCircleIndicator";import*as w from"react";import{skdxPart as j}from"../utils/part.js";import{Primitive as rr}from"../utils/primitive.js";import{jsx as er}from"react/jsx-runtime";var v=w.forwardRef((r,e)=>{let{value:s,min:t,max:o,buffer:a}=n("ProgressIndicator");return er(rr.div,{"data-state":i(s,o),"data-value":s??void 0,"data-min":t,"data-max":o,...r,...j("progress","indicator",r.className),ref:e,style:{"--skdx-progress":s!=null?`${l(s,t,o)}%`:void 0,"--skdx-progress-buffer":a!=null?`${l(a,t,o)}%`:void 0,...r.style}})});v.displayName="ProgressIndicator";import*as g from"react";import{skdxPart as sr}from"../utils/part.js";import{Primitive as tr}from"../utils/primitive.js";import{jsx as or}from"react/jsx-runtime";var y=g.forwardRef((r,e)=>{let{labelId:s,setHasLabel:t,value:o,max:a}=n("ProgressLabel");return g.useEffect(()=>(t(!0),()=>t(!1)),[t]),or(tr.span,{id:s,"data-state":i(o,a),...r,...sr("progress","label",r.className),ref:e})});y.displayName="ProgressLabel";import*as $ from"react";import{skdxPart as ar}from"../utils/part.js";import{Primitive as ir}from"../utils/primitive.js";import{jsx as nr}from"react/jsx-runtime";var S=$.forwardRef(({children:r,...e},s)=>{let{value:t,max:o,valueLabel:a}=n("ProgressValue");return nr(ir.span,{"aria-hidden":!0,"data-state":i(t,o),...e,...ar("progress","value",e.className),ref:s,children:r??a})});S.displayName="ProgressValue";import{Fragment as lr,jsx as m,jsxs as mr}from"react/jsx-runtime";var H=({circular:r,label:e,showValue:s,diameter:t,strokeWidth:o})=>mr(lr,{children:[e?m(y,{children:e}):null,r?m(b,{diameter:t,strokeWidth:o,children:m("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,children:m(C,{asChild:!0,children:m("circle",{cx:t/2,cy:t/2,r:Math.max((t-o)/2,0),fill:"none",strokeWidth:o,stroke:"currentColor",style:{strokeDasharray:"var(--skdx-progress-dasharray)",strokeDashoffset:"var(--skdx-progress-circle-offset)",transform:"rotate(-90deg)",transformOrigin:"50% 50%"}})})})}):m(v,{}),s?m(S,{}):null]});import{jsx as R}from"react/jsx-runtime";var[fr,n]=dr("Progress");function pr(r,e,s,t,o,a){return t!==void 0?t(r,e,s):o!==void 0||a!==void 0?new Intl.NumberFormat(a,o).format(r):`${Math.round(l(r,e,s))}%`}function l(r,e,s){let t=s-e;return t>0?(r-e)/t*100:0}function W(r,e,s){return r==null?null:Math.min(Math.max(r,e),s)}function i(r,e){return r==null?"indeterminate":r>=e?"complete":"loading"}var E=u.forwardRef(({value:r=null,min:e=0,max:s=100,buffer:t=null,getValueLabel:o,formatOptions:a,locale:c,circular:f=!1,label:p,showValue:D=!1,indeterminate:T=!1,diameter:A=48,strokeWidth:F=4,children:z,...h},B)=>{let d=W(T?null:r,e,s),O=W(t,e,s),k=`${u.useId()}-label`,[q,G]=u.useState(!1),V=d!=null?pr(d,e,s,o,a,c):void 0;return R(fr,{value:d,min:e,max:s,buffer:O,labelId:k,setHasLabel:G,valueLabel:V,children:R(cr.div,{role:"progressbar","aria-valuemin":e,"aria-valuemax":s,"aria-valuenow":d??void 0,"aria-valuetext":V,"aria-labelledby":q?k:void 0,"data-state":i(d,s),"data-value":d??void 0,"data-min":e,"data-max":s,...h,...ur("progress","root",h.className),ref:B,children:z??R(H,{circular:f,label:p,showValue:D,diameter:A,strokeWidth:F})})})});E.displayName="Progress";export{E as Progress,b as ProgressCircle,C as ProgressCircleIndicator,U as ProgressCircleProvider,v as ProgressIndicator,y as ProgressLabel,fr as ProgressProvider,S as ProgressValue,W as clampProgressValue,x as getCircleVars,l as getProgressPercent,i as getState,N as useProgressCircleContext,n as useProgressContext};
+'use client';
+import*as P from"react";import{createSafeContext as Ce}from"../utils/createContext.js";import{skdxPart as ve}from"../utils/part.js";import{Primitive as he}from"../utils/primitive.js";import{createSafeContext as ee}from"../utils/createContext.js";import{skdxPart as re}from"../utils/part.js";import{Primitive as te}from"../utils/primitive.js";import{jsx as O}from"react/jsx-runtime";var[se,W]=ee("ProgressCircle"),x=t=>Math.round(t*1e4)/1e4;function oe(t,e){return Math.max((t-e)/2,0)}function v(t,e,r,s){return{"--skdx-progress-circle-circumference":x(t),"--skdx-progress-dasharray":x(t),"--skdx-progress-circle-offset":e==null?void 0:x(t*(1-f(e,r,s)/100))}}var h=({diameter:t=48,strokeWidth:e=4,ref:r,...s})=>{let{value:o,min:a,max:n}=d("ProgressCircle"),i=oe(t,e),u=2*Math.PI*i;return O(se,{diameter:t,strokeWidth:e,radius:i,circumference:u,children:O(te.div,{"data-state":l(o,n),"data-value":o??void 0,"data-min":a,"data-max":n,...s,...re("progress","circle",s.className),ref:r,style:{"--skdx-progress-circle-size":t,"--skdx-progress-circle-thickness":e,"--skdx-progress-circle-radius":x(i),...v(u,o,a,n),...s.style}})})};h.displayName="ProgressCircle";import{skdxPart as ae}from"../utils/part.js";import{Primitive as ne}from"../utils/primitive.js";import{jsx as ie}from"react/jsx-runtime";var y=({ref:t,...e})=>{let{value:r,min:s,max:o}=d("ProgressCircleIndicator"),{circumference:a}=W("ProgressCircleIndicator");return ie(ne.div,{"data-state":l(r,o),"data-value":r??void 0,"data-min":s,"data-max":o,...e,...ae("progress","circle-indicator",e.className),ref:t,style:{"--skdx-progress":r!=null?`${f(r,s,o)}%`:void 0,...v(a,r,s,o),...e.style}})};y.displayName="ProgressCircleIndicator";import{skdxPart as ue}from"../utils/part.js";import{Primitive as le}from"../utils/primitive.js";import{jsx as me}from"react/jsx-runtime";var R=({ref:t,...e})=>{let{value:r,min:s,max:o,buffer:a,role:n,range:i}=d("ProgressIndicator");return me(le.div,{"data-state":n==="meter"?void 0:l(r,o),"data-value":r??void 0,"data-min":s,"data-max":o,"data-range":i,...e,...ue("progress","indicator",e.className),ref:t,style:{"--skdx-progress":r!=null?`${f(r,s,o)}%`:void 0,"--skdx-progress-buffer":a!=null?`${f(a,s,o)}%`:void 0,...e.style}})};R.displayName="ProgressIndicator";import*as T from"react";import{skdxPart as de}from"../utils/part.js";import{Primitive as ce}from"../utils/primitive.js";import{jsx as fe}from"react/jsx-runtime";var S=({ref:t,...e})=>{let{labelId:r,setHasLabel:s,value:o,max:a}=d("ProgressLabel");return T.useEffect(()=>(s(!0),()=>s(!1)),[s]),fe(ce.span,{id:r,"data-state":l(o,a),...e,...de("progress","label",e.className),ref:t})};S.displayName="ProgressLabel";import{skdxPart as ge}from"../utils/part.js";import{Primitive as pe}from"../utils/primitive.js";import{jsx as Pe}from"react/jsx-runtime";var V=({children:t,ref:e,...r})=>{let{value:s,max:o,role:a,valueLabel:n}=d("ProgressValue");return Pe(pe.span,{"aria-hidden":!0,"data-state":a==="meter"?void 0:l(s,o),...r,...ge("progress","value",r.className),ref:e,children:t??n})};V.displayName="ProgressValue";import{Fragment as be,jsx as p,jsxs as xe}from"react/jsx-runtime";var F=({circular:t,label:e,showValue:r,diameter:s,strokeWidth:o})=>xe(be,{children:[e?p(S,{children:e}):null,t?p(h,{diameter:s,strokeWidth:o,children:p("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:p(y,{asChild:!0,children:p("circle",{cx:s/2,cy:s/2,r:Math.max((s-o)/2,0),fill:"none",strokeWidth:o,stroke:"currentColor",style:{strokeDasharray:"var(--skdx-progress-dasharray)",strokeDashoffset:"var(--skdx-progress-circle-offset)"}})})})}):p(R,{}),r?p(V,{}):null]});import{jsx as k}from"react/jsx-runtime";var[ye,d]=Ce("Progress");function Re(t){let{value:e,min:r,max:s,getValueLabel:o,formatOptions:a,locale:n}=t;return o!==void 0?o(e,r,s):a!==void 0||n!==void 0?new Intl.NumberFormat(n,a).format(e):`${Math.round(f(e,r,s))}%`}function f(t,e,r){let s=r-e;return s>0?(t-e)/s*100:0}function L(t,e,r){return t==null?null:Math.min(Math.max(t,e),r)}function Se(t,e,r,s){return L(t?null:e,r,s)}function Ve(t,e,r,s){let{low:o,high:a,optimum:n}=s;if(o==null&&a==null&&n==null)return;let i=Math.min(Math.max(o??e,e),r),u=Math.min(Math.max(a??r,i),r),g=Math.min(Math.max(n??(e+r)/2,e),r);return g<i?t<=i?"optimum":t<=u?"suboptimal":"poor":g>u?t>=u?"optimum":t>=i?"suboptimal":"poor":t>=i&&t<=u?"optimum":"suboptimal"}function ke(t,e,r,s,o){return t!==void 0||e!==void 0||r!==void 0||s===0&&o===100}function l(t,e){return t==null?"indeterminate":t>=e?"complete":"loading"}function Le(t){let{meter:e,min:r,indeterminate:s,low:o,high:a,optimum:n,getValueLabel:i,formatOptions:u,locale:g}=t,m=e?Math.max(t.max,r):t.max,c=e?L(t.value??r,r,m):Se(s,t.value,r,m),b=c!=null?Re({value:c,min:r,max:m,getValueLabel:i,formatOptions:u,locale:g}):void 0;return{value:c,max:m,buffer:e?null:L(t.buffer,r,m),range:e&&c!=null?Ve(c,r,m,{low:o,high:a,optimum:n}):void 0,state:e?void 0:l(c,m),valueLabel:b,valueText:e&&!ke(i,u,g,r,m)?void 0:b}}var H=({value:t=null,role:e="progressbar",min:r=0,max:s=100,low:o,high:a,optimum:n,buffer:i=null,getValueLabel:u,formatOptions:g,locale:m,circular:c=!1,label:b,showValue:A=!1,indeterminate:D=!1,diameter:E=48,strokeWidth:J=4,children:X,ref:z,...I})=>{let{value:N,max:C,buffer:B,range:M,state:q,valueLabel:G,valueText:K}=Le({meter:e==="meter",value:t,min:r,max:s,buffer:i,indeterminate:D,low:o,high:a,optimum:n,getValueLabel:u,formatOptions:g,locale:m}),w=`${P.useId()}-label`,[Q,U]=P.useState(0),Y=P.useCallback(_=>{U(j=>j+(_?1:-1))},[]),Z=Q>0,$=N??void 0;return k(ye,{value:N,min:r,max:C,buffer:B,role:e,range:M,labelId:w,setHasLabel:Y,valueLabel:G,children:k(he.div,{role:e,"aria-valuemin":r,"aria-valuemax":C,"aria-valuenow":$,"aria-valuetext":K,"aria-labelledby":Z?w:void 0,"data-state":q,"data-value":$,"data-min":r,"data-max":C,"data-range":M,...I,...ve("progress","root",I.className),ref:z,children:X??k(F,{circular:c,label:b,showValue:A,diameter:E,strokeWidth:J})})})};H.displayName="Progress";export{H as Progress,h as ProgressCircle,y as ProgressCircleIndicator,se as ProgressCircleProvider,R as ProgressIndicator,S as ProgressLabel,ye as ProgressProvider,V as ProgressValue,L as clampProgressValue,v as getCircleVars,f as getProgressPercent,Ve as getProgressRange,l as getState,W as useProgressCircleContext,d as useProgressContext};

package/dist/progress/ProgressAnatomy.d.cts

@@ -1,11 +1,9 @@
-/**
- * Renders Progress anatomy from `circular`, `label`, and `showValue`. Ring markup is the recipe's own; ProgressCircle publishes only geometry.
- * @internal
- */
+import type { JSX } from 'react';
+/** @internal Renders Progress anatomy from `circular`, `label`, and `showValue`. */
 export declare const ProgressAnatomy: ({ circular, label, showValue, diameter, strokeWidth, }: {
     circular: boolean;
-    label?: string;
+    label?: string | undefined;
     showValue: boolean;
     diameter: number;
     strokeWidth: number;
-}) => import("react").JSX.Element;
+}) => JSX.Element;

package/dist/progress/ProgressAnatomy.d.ts

@@ -1,11 +1,9 @@
-/**
- * Renders Progress anatomy from `circular`, `label`, and `showValue`. Ring markup is the recipe's own; ProgressCircle publishes only geometry.
- * @internal
- */
+import type { JSX } from 'react';
+/** @internal Renders Progress anatomy from `circular`, `label`, and `showValue`. */
 export declare const ProgressAnatomy: ({ circular, label, showValue, diameter, strokeWidth, }: {
     circular: boolean;
-    label?: string;
+    label?: string | undefined;
     showValue: boolean;
     diameter: number;
     strokeWidth: number;
-}) => import("react").JSX.Element;
+}) => JSX.Element;

package/dist/progress/ProgressCircle.d.cts

@@ -1,26 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ProgressCircleContextValue, ProgressCircleProps } from './types.cjs';
-export declare const ProgressCircleProvider: {
-    (props: ProgressCircleContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useProgressCircleContext: (consumerName: string) => ProgressCircleContextValue;
-/**
- * @internal Value-dependent ring geometry, shared by ProgressCircle and ProgressCircleIndicator.
- * Offset omitted when indeterminate; unset property falls through to consumer animation.
- */
-export declare function getCircleVars(circumference: number, value: number | null, min: number, max: number): {
-    '--skdx-progress-circle-circumference': number;
-    '--skdx-progress-dasharray': number;
-    '--skdx-progress-circle-offset': number | undefined;
-};
+export declare const ProgressCircleProvider: React.FC<ProgressCircleContextValue & {
+    children: React.ReactNode;
+}>, useProgressCircleContext: (consumerName: string) => ProgressCircleContextValue;
+type CSSPropertiesWithVars = React.CSSProperties & Record<`--skdx-${string}`, string | number | undefined>;
+/** @internal Value-dependent ring geometry, shared by ProgressCircle and ProgressCircleIndicator. */
+export declare function getCircleVars(circumference: number, value: number | null, min: number, max: number): CSSPropertiesWithVars;
 /**
- * Circular geometry host; publishes ring arithmetic as CSS custom properties.
- * Consumer brings own SVG; drives `stroke-dasharray` / `stroke-dashoffset` from CSS.
- * Properties: `size`, `thickness`, `radius`, `circumference`, `dasharray`, `offset` (omitted indeterminate).
- * Shares `data-state` / `data-value` / `data-min` / `data-max` with linear parts.
- * ARIA on parent Progress; no second `role="progressbar"`.
+ * Circular geometry host that publishes ring arithmetic as CSS custom
+ * properties for a caller-supplied SVG to drive with `stroke-dasharray`/`stroke-dashoffset`.
  *
  * @example
  * ```tsx
@@ -35,4 +23,8 @@ export declare function getCircleVars(circumference: number, value: number | nul
  * </Progress>
  * ```
  */
-export declare const ProgressCircle: React.ForwardRefExoticComponent<Omit<ProgressCircleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressCircle: {
+    ({ diameter, strokeWidth, ref: forwardedRef, ...props }: ProgressCircleProps): React.ReactNode;
+    displayName: string;
+};
+export {};

package/dist/progress/ProgressCircle.d.ts

@@ -1,26 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ProgressCircleContextValue, ProgressCircleProps } from './types.js';
-export declare const ProgressCircleProvider: {
-    (props: ProgressCircleContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useProgressCircleContext: (consumerName: string) => ProgressCircleContextValue;
-/**
- * @internal Value-dependent ring geometry, shared by ProgressCircle and ProgressCircleIndicator.
- * Offset omitted when indeterminate; unset property falls through to consumer animation.
- */
-export declare function getCircleVars(circumference: number, value: number | null, min: number, max: number): {
-    '--skdx-progress-circle-circumference': number;
-    '--skdx-progress-dasharray': number;
-    '--skdx-progress-circle-offset': number | undefined;
-};
+export declare const ProgressCircleProvider: React.FC<ProgressCircleContextValue & {
+    children: React.ReactNode;
+}>, useProgressCircleContext: (consumerName: string) => ProgressCircleContextValue;
+type CSSPropertiesWithVars = React.CSSProperties & Record<`--skdx-${string}`, string | number | undefined>;
+/** @internal Value-dependent ring geometry, shared by ProgressCircle and ProgressCircleIndicator. */
+export declare function getCircleVars(circumference: number, value: number | null, min: number, max: number): CSSPropertiesWithVars;
 /**
- * Circular geometry host; publishes ring arithmetic as CSS custom properties.
- * Consumer brings own SVG; drives `stroke-dasharray` / `stroke-dashoffset` from CSS.
- * Properties: `size`, `thickness`, `radius`, `circumference`, `dasharray`, `offset` (omitted indeterminate).
- * Shares `data-state` / `data-value` / `data-min` / `data-max` with linear parts.
- * ARIA on parent Progress; no second `role="progressbar"`.
+ * Circular geometry host that publishes ring arithmetic as CSS custom
+ * properties for a caller-supplied SVG to drive with `stroke-dasharray`/`stroke-dashoffset`.
  *
  * @example
  * ```tsx
@@ -35,4 +23,8 @@ export declare function getCircleVars(circumference: number, value: number | nul
  * </Progress>
  * ```
  */
-export declare const ProgressCircle: React.ForwardRefExoticComponent<Omit<ProgressCircleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressCircle: {
+    ({ diameter, strokeWidth, ref: forwardedRef, ...props }: ProgressCircleProps): React.ReactNode;
+    displayName: string;
+};
+export {};

package/dist/progress/ProgressCircleIndicator.d.cts

@@ -1,10 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ProgressCircleIndicatorProps } from './types.cjs';
 /**
- * Swept arc of a `ProgressCircle`. Mirrors the root's `data-state` / `data-value` /
- * `data-max`, and repeats value-dependent ring properties plus `--skdx-progress`
- * as a percentage. Usually rendered with `asChild` onto the `<circle>`/`<path>`
- * since a `div` has no stroke. Must be used inside a `ProgressCircle`.
+ * Swept arc of a `ProgressCircle`, publishing value-dependent ring
+ * properties as CSS custom properties for the arc's stroke.
  *
  * @example
  * ```tsx
@@ -19,4 +17,7 @@ import type { ProgressCircleIndicatorProps } from './types.cjs';
  * </ProgressCircleIndicator>
  * ```
  */
-export declare const ProgressCircleIndicator: React.ForwardRefExoticComponent<Omit<ProgressCircleIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressCircleIndicator: {
+    ({ ref: forwardedRef, ...props }: ProgressCircleIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/ProgressCircleIndicator.d.ts

@@ -1,10 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ProgressCircleIndicatorProps } from './types.js';
 /**
- * Swept arc of a `ProgressCircle`. Mirrors the root's `data-state` / `data-value` /
- * `data-max`, and repeats value-dependent ring properties plus `--skdx-progress`
- * as a percentage. Usually rendered with `asChild` onto the `<circle>`/`<path>`
- * since a `div` has no stroke. Must be used inside a `ProgressCircle`.
+ * Swept arc of a `ProgressCircle`, publishing value-dependent ring
+ * properties as CSS custom properties for the arc's stroke.
  *
  * @example
  * ```tsx
@@ -19,4 +17,7 @@ import type { ProgressCircleIndicatorProps } from './types.js';
  * </ProgressCircleIndicator>
  * ```
  */
-export declare const ProgressCircleIndicator: React.ForwardRefExoticComponent<Omit<ProgressCircleIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressCircleIndicator: {
+    ({ ref: forwardedRef, ...props }: ProgressCircleIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/ProgressIndicator.d.cts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ProgressIndicatorProps } from './types.cjs';
 /**
- * The visual progress bar fill. Mirrors root `data-*` attributes and sets
- * `--skdx-progress` (and `--skdx-progress-buffer` if given) for CSS-driven sizing.
- * Must be inside a `Progress`.
+ * The visual progress bar fill; sets `--skdx-progress` (and
+ * `--skdx-progress-buffer` if given) for CSS-driven sizing, and mirrors the
+ * root's band as `data-range` under `role="meter"`.
  *
  * @example
  * ```tsx
@@ -12,4 +12,7 @@ import type { ProgressIndicatorProps } from './types.cjs';
  * </Progress>
  * ```
  */
-export declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressIndicator: {
+    ({ ref: forwardedRef, ...props }: ProgressIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/ProgressIndicator.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ProgressIndicatorProps } from './types.js';
 /**
- * The visual progress bar fill. Mirrors root `data-*` attributes and sets
- * `--skdx-progress` (and `--skdx-progress-buffer` if given) for CSS-driven sizing.
- * Must be inside a `Progress`.
+ * The visual progress bar fill; sets `--skdx-progress` (and
+ * `--skdx-progress-buffer` if given) for CSS-driven sizing, and mirrors the
+ * root's band as `data-range` under `role="meter"`.
  *
  * @example
  * ```tsx
@@ -12,4 +12,7 @@ import type { ProgressIndicatorProps } from './types.js';
  * </Progress>
  * ```
  */
-export declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressIndicator: {
+    ({ ref: forwardedRef, ...props }: ProgressIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/ProgressLabel.d.cts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import type { ProgressLabelProps } from './types.cjs';
 /**
- * The bar's visible name, wired via `aria-labelledby`. A `<span>` (not
- * `<label>`): `progressbar` is not labelable and takes no name from
- * contents. Registers on mount so the root only wires the id while this part
- * exists.
+ * The bar's visible name, rendered as a `<span>` and wired via `aria-labelledby`.
  *
  * @example
  * ```tsx
@@ -14,4 +11,7 @@ import type { ProgressLabelProps } from './types.cjs';
  * </Progress>
  * ```
  */
-export declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ProgressLabel: {
+    ({ ref: forwardedRef, ...props }: ProgressLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/ProgressLabel.d.ts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import type { ProgressLabelProps } from './types.js';
 /**
- * The bar's visible name, wired via `aria-labelledby`. A `<span>` (not
- * `<label>`): `progressbar` is not labelable and takes no name from
- * contents. Registers on mount so the root only wires the id while this part
- * exists.
+ * The bar's visible name, rendered as a `<span>` and wired via `aria-labelledby`.
  *
  * @example
  * ```tsx
@@ -14,4 +11,7 @@ import type { ProgressLabelProps } from './types.js';
  * </Progress>
  * ```
  */
-export declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ProgressLabel: {
+    ({ ref: forwardedRef, ...props }: ProgressLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/ProgressValue.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ProgressValueProps } from './types.cjs';
 /**
- * The visible readout — hidden from accessibility to avoid duplicate
- * announcements of `aria-valuetext`. Renders `getValueLabel(value, min, max)`
- * by default, or nothing while indeterminate.
+ * The visible readout, hidden from accessibility and rendering nothing while indeterminate.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { ProgressValueProps } from './types.cjs';
  * </Progress>
  * ```
  */
-export declare const ProgressValue: React.ForwardRefExoticComponent<Omit<ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ProgressValue: {
+    ({ children, ref: forwardedRef, ...props }: ProgressValueProps): React.ReactNode;
+    displayName: string;
+};

package/dist/progress/ProgressValue.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ProgressValueProps } from './types.js';
 /**
- * The visible readout — hidden from accessibility to avoid duplicate
- * announcements of `aria-valuetext`. Renders `getValueLabel(value, min, max)`
- * by default, or nothing while indeterminate.
+ * The visible readout, hidden from accessibility and rendering nothing while indeterminate.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { ProgressValueProps } from './types.js';
  * </Progress>
  * ```
  */
-export declare const ProgressValue: React.ForwardRefExoticComponent<Omit<ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ProgressValue: {
+    ({ children, ref: forwardedRef, ...props }: ProgressValueProps): React.ReactNode;
+    displayName: string;
+};