@skdx/vue 0.28.0 → 0.30.0

package/dist/progress/Progress.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const g=require("../utils/id.cjs"),u=require("./context.cjs"),x=require("./ProgressAnatomy.vue.cjs");let a=require("vue");var h=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-state","data-value","data-min","data-max"],V=(0,a.defineComponent)({__name:"Progress",props:{value:{default:null},min:{default:0},max:{default:100},buffer:{default:null},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},circular:{type:Boolean,default:!1},label:{default:void 0},showValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},diameter:{default:48},strokeWidth:{default:4}},setup(l){const e=l,m=(0,a.computed)(()=>e.indeterminate?null:e.value);function f(t,i,v){return e.getValueLabel!==void 0?e.getValueLabel(t,i,v):e.formatOptions!==void 0||e.locale!==void 0?new Intl.NumberFormat(e.locale,e.formatOptions).format(t):`${Math.round(u.getProgressPercent(t,i,v))}%`}const r=(0,a.computed)(()=>u.clampProgressValue(m.value,e.min,e.max)),p=(0,a.computed)(()=>u.clampProgressValue(e.buffer,e.min,e.max)),o=(0,a.computed)(()=>e.min),d=(0,a.computed)(()=>e.max),b=(0,a.computed)(()=>u.getProgressState(r.value,e.max)),n=(0,a.computed)(()=>r.value!=null?f(r.value,e.min,e.max):void 0),s=g.nextId("progress-label"),c=(0,a.ref)(!1);return(0,a.provide)(u.PROGRESS_CONTEXT,{value:r,min:o,max:d,buffer:p,labelId:s,setHasLabel:t=>{c.value=t},valueLabel:n}),(t,i)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:"progressbar","aria-valuemin":o.value,"aria-valuemax":d.value,"aria-valuenow":r.value??void 0,"aria-valuetext":n.value,"aria-labelledby":c.value?(0,a.unref)(s):void 0,"data-state":b.value,"data-value":r.value??void 0,"data-min":o.value,"data-max":d.value},[(0,a.renderSlot)(t.$slots,"default",{},()=>[(0,a.createVNode)(x.default,{circular:l.circular,label:l.label,"show-value":l.showValue,diameter:l.diameter,"stroke-width":l.strokeWidth},null,8,["circular","label","show-value","diameter","stroke-width"])])],8,h))}});exports.default=V;
+const w=require("../utils/id.cjs"),n=require("./context.cjs"),P=require("./ProgressAnatomy.vue.cjs");let a=require("vue");var k=["role","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-state","data-value","data-min","data-max","data-range"],y=(0,a.defineComponent)({__name:"Progress",props:{value:{default:null},role:{default:"progressbar"},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},min:{default:0},max:{default:100},buffer:{default:null},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},circular:{type:Boolean,default:!1},label:{},showValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},diameter:{default:48},strokeWidth:{default:4}},setup(o){const e=o,r=(0,a.computed)(()=>e.role==="meter"),p=(0,a.computed)(()=>r.value?e.value??0:e.indeterminate?null:e.value);function g(d,i,f){return e.getValueLabel!==void 0?e.getValueLabel(d,i,f):e.formatOptions!==void 0||e.locale!==void 0?new Intl.NumberFormat(e.locale,e.formatOptions).format(d):`${Math.round(n.getProgressPercent(d,i,f))}%`}const t=(0,a.computed)(()=>e.min),l=(0,a.computed)(()=>r.value?Math.max(e.max,e.min):e.max),u=(0,a.computed)(()=>n.clampProgressValue(p.value,t.value,l.value)),b=(0,a.computed)(()=>r.value?null:n.clampProgressValue(e.buffer,t.value,l.value)),v=(0,a.computed)(()=>r.value&&u.value!=null?n.getProgressRange(u.value,t.value,l.value,{low:e.low,high:e.high,optimum:e.optimum}):void 0),h=(0,a.computed)(()=>r.value?void 0:n.getProgressState(u.value,l.value)),s=(0,a.computed)(()=>u.value!=null?g(u.value,t.value,l.value):void 0),x=(0,a.computed)(()=>r.value&&!n.announcesValueText(e.getValueLabel,e.formatOptions,e.locale,t.value,l.value)?void 0:s.value),c=w.nextId("progress-label"),m=(0,a.ref)(0),V=(0,a.computed)(()=>m.value>0);return(0,a.provide)(n.PROGRESS_CONTEXT,{value:u,min:t,max:l,buffer:b,role:(0,a.computed)(()=>e.role),range:v,labelId:c,setHasLabel:d=>{m.value+=d?1:-1},valueLabel:s}),(d,i)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:o.role,"aria-valuemin":t.value,"aria-valuemax":l.value,"aria-valuenow":u.value??void 0,"aria-valuetext":x.value,"aria-labelledby":V.value?(0,a.unref)(c):void 0,"data-state":h.value,"data-value":u.value??void 0,"data-min":t.value,"data-max":l.value,"data-range":v.value},[(0,a.renderSlot)(d.$slots,"default",{},()=>[(0,a.createVNode)(P.default,{circular:!r.value&&o.circular,label:o.label,"show-value":o.showValue,diameter:o.diameter,"stroke-width":o.strokeWidth},null,8,["circular","label","show-value","diameter","stroke-width"])])],8,k))}});exports.default=y;

package/dist/progress/Progress.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextId as a}from"../utils/id.js";import{PROGRESS_CONTEXT as e,clampProgressValue as l,getProgressPercent as t,getProgressState as r}from"./context.js";import o from"./ProgressAnatomy.vue.js";import{computed as u,createElementBlock as s,createVNode as d,defineComponent as i,openBlock as n,provide as m,ref as v,renderSlot as f,unref as p}from"vue";var c=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-state","data-value","data-min","data-max"],b=/* @__PURE__ */i({__name:"Progress",props:{value:{default:null},min:{default:0},max:{default:100},buffer:{default:null},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},circular:{type:Boolean,default:!1},label:{default:void 0},showValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},diameter:{default:48},strokeWidth:{default:4}},setup(i){const b=i,x=u(()=>b.indeterminate?null:b.value),g=u(()=>l(x.value,b.min,b.max)),h=u(()=>l(b.buffer,b.min,b.max)),w=u(()=>b.min),k=u(()=>b.max),y=u(()=>r(g.value,b.max)),P=u(()=>{return null!=g.value?(a=g.value,e=b.min,l=b.max,void 0!==b.getValueLabel?b.getValueLabel(a,e,l):void 0!==b.formatOptions||void 0!==b.locale?new Intl.NumberFormat(b.locale,b.formatOptions).format(a):`${Math.round(t(a,e,l))}%`):void 0;var a,e,l}),V=a("progress-label"),B=v(!1);return m(e,{value:g,min:w,max:k,buffer:h,labelId:V,setHasLabel:a=>{B.value=a},valueLabel:P}),(a,e)=>(n(),s("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:"progressbar","aria-valuemin":w.value,"aria-valuemax":k.value,"aria-valuenow":g.value??void 0,"aria-valuetext":P.value,"aria-labelledby":B.value?p(V):void 0,"data-state":y.value,"data-value":g.value??void 0,"data-min":w.value,"data-max":k.value},[f(a.$slots,"default",{},()=>[d(o,{circular:i.circular,label:i.label,"show-value":i.showValue,diameter:i.diameter,"stroke-width":i.strokeWidth},null,8,["circular","label","show-value","diameter","stroke-width"])])],8,c))}});export{b as default};
+import{nextId as a}from"../utils/id.js";import{PROGRESS_CONTEXT as e,announcesValueText as l,clampProgressValue as t,getProgressPercent as u,getProgressRange as o,getProgressState as r}from"./context.js";import v from"./ProgressAnatomy.vue.js";import{computed as d,createElementBlock as i,createVNode as s,defineComponent as n,openBlock as m,provide as f,ref as p,renderSlot as c,unref as g}from"vue";var b=["role","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-state","data-value","data-min","data-max","data-range"],x=/* @__PURE__ */n({__name:"Progress",props:{value:{default:null},role:{default:"progressbar"},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},min:{default:0},max:{default:100},buffer:{default:null},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},circular:{type:Boolean,default:!1},label:{},showValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},diameter:{default:48},strokeWidth:{default:4}},setup(n){const x=n,h=d(()=>"meter"===x.role),w=d(()=>h.value?x.value??0:x.indeterminate?null:x.value),V=d(()=>x.min),k=d(()=>h.value?Math.max(x.max,x.min):x.max),P=d(()=>t(w.value,V.value,k.value)),y=d(()=>h.value?null:t(x.buffer,V.value,k.value)),L=d(()=>h.value&&null!=P.value?o(P.value,V.value,k.value,{low:x.low,high:x.high,optimum:x.optimum}):void 0),O=d(()=>h.value?void 0:r(P.value,k.value)),B=d(()=>{return null!=P.value?(a=P.value,e=V.value,l=k.value,void 0!==x.getValueLabel?x.getValueLabel(a,e,l):void 0!==x.formatOptions||void 0!==x.locale?new Intl.NumberFormat(x.locale,x.formatOptions).format(a):`${Math.round(u(a,e,l))}%`):void 0;var a,e,l}),S=d(()=>h.value&&!l(x.getValueLabel,x.formatOptions,x.locale,V.value,k.value)?void 0:B.value),j=a("progress-label"),E=p(0),I=d(()=>E.value>0);return f(e,{value:P,min:V,max:k,buffer:y,role:d(()=>x.role),range:L,labelId:j,setHasLabel:a=>{E.value+=a?1:-1},valueLabel:B}),(a,e)=>(m(),i("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:n.role,"aria-valuemin":V.value,"aria-valuemax":k.value,"aria-valuenow":P.value??void 0,"aria-valuetext":S.value,"aria-labelledby":I.value?g(j):void 0,"data-state":O.value,"data-value":P.value??void 0,"data-min":V.value,"data-max":k.value,"data-range":L.value},[c(a.$slots,"default",{},()=>[s(v,{circular:!h.value&&n.circular,label:n.label,"show-value":n.showValue,diameter:n.diameter,"stroke-width":n.strokeWidth},null,8,["circular","label","show-value","diameter","stroke-width"])])],8,b))}});export{x as default};

package/dist/progress/ProgressAnatomy.vue.d.cts

@@ -1,20 +1,16 @@
-/**
- * Anatomy when default slot empty: optional Label, linear/circular Indicator (by `circular`),
- * optional Value. React port's `ProgressAnatomy.tsx` must stay synchronized.
- * @internal
- */
+/** @internal Renders optional Label, linear/circular Indicator, and optional Value. */
 type __VLS_Props = {
-    circular?: boolean;
-    label?: string;
-    showValue?: boolean;
-    diameter?: number;
-    strokeWidth?: number;
+    circular?: boolean | undefined;
+    label?: string | undefined;
+    showValue?: boolean | undefined;
+    diameter?: number | undefined;
+    strokeWidth?: number | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    diameter: number;
-    strokeWidth: number;
-    circular: boolean;
-    showValue: boolean;
+    label: string | undefined;
+    diameter: number | undefined;
+    strokeWidth: number | undefined;
+    circular: boolean | undefined;
+    showValue: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/progress/ProgressAnatomy.vue.d.ts

@@ -1,20 +1,16 @@
-/**
- * Anatomy when default slot empty: optional Label, linear/circular Indicator (by `circular`),
- * optional Value. React port's `ProgressAnatomy.tsx` must stay synchronized.
- * @internal
- */
+/** @internal Renders optional Label, linear/circular Indicator, and optional Value. */
 type __VLS_Props = {
-    circular?: boolean;
-    label?: string;
-    showValue?: boolean;
-    diameter?: number;
-    strokeWidth?: number;
+    circular?: boolean | undefined;
+    label?: string | undefined;
+    showValue?: boolean | undefined;
+    diameter?: number | undefined;
+    strokeWidth?: number | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    diameter: number;
-    strokeWidth: number;
-    circular: boolean;
-    showValue: boolean;
+    label: string | undefined;
+    diameter: number | undefined;
+    strokeWidth: number | undefined;
+    circular: boolean | undefined;
+    showValue: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/progress/ProgressCircle.vue.d.cts

@@ -1,35 +1,23 @@
-/**
- * Circular geometry host, no SVG of its own. Publishes ring arithmetic as CSS
- * custom properties: size/thickness (echoed props), radius, circumference,
- * dasharray/offset for consumer's SVG. Carries same data-state/data-value/
- * data-min/data-max as linear parts. ARIA on parent `<SkdxProgress>`.
- */
+/** Circular geometry host, with no SVG of its own, that publishes ring arithmetic as CSS custom properties. */
 type __VLS_Props = {
     /**
-     * Outer diameter of the ring, in unitless SVG user units — the number you
-     * also put in your own `viewBox="0 0 diameter diameter"`. Named `diameter`,
-     * not `size`, so it stops colliding with the appearance rung the system
-     * reserves that word for. Unitless rather than a
-     * CSS length because it feeds `stroke-dasharray`/`stroke-dashoffset`,
-     * which are path lengths, not lengths CSS can convert.
-     * @default 48 — a ring that reads at body-text scale, so the default renders visibly with no config.
+     * Outer diameter of the ring, in unitless SVG user units, matching the `viewBox` on your own SVG.
+     * @default 48 — a ring that reads at body-text scale.
      */
-    diameter?: number;
+    diameter?: number | undefined;
     /**
-     * Stroke width of the ring, in the same unitless units as `diameter`.
-     * Insets the radius by half its value so the stroke stays inside the
-     * `diameter` box.
-     * @default 4 — about a twelfth of the default `diameter`, thick enough to see and thin enough not to close the hole.
+     * Stroke width of the ring, in the same unitless units as `diameter`; insets the radius by half its value.
+     * @default 4 — thick enough to see, thin enough not to close the hole.
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    diameter: number;
-    strokeWidth: number;
+    diameter: number | undefined;
+    strokeWidth: number | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/progress/ProgressCircle.vue.d.ts

@@ -1,35 +1,23 @@
-/**
- * Circular geometry host, no SVG of its own. Publishes ring arithmetic as CSS
- * custom properties: size/thickness (echoed props), radius, circumference,
- * dasharray/offset for consumer's SVG. Carries same data-state/data-value/
- * data-min/data-max as linear parts. ARIA on parent `<SkdxProgress>`.
- */
+/** Circular geometry host, with no SVG of its own, that publishes ring arithmetic as CSS custom properties. */
 type __VLS_Props = {
     /**
-     * Outer diameter of the ring, in unitless SVG user units — the number you
-     * also put in your own `viewBox="0 0 diameter diameter"`. Named `diameter`,
-     * not `size`, so it stops colliding with the appearance rung the system
-     * reserves that word for. Unitless rather than a
-     * CSS length because it feeds `stroke-dasharray`/`stroke-dashoffset`,
-     * which are path lengths, not lengths CSS can convert.
-     * @default 48 — a ring that reads at body-text scale, so the default renders visibly with no config.
+     * Outer diameter of the ring, in unitless SVG user units, matching the `viewBox` on your own SVG.
+     * @default 48 — a ring that reads at body-text scale.
      */
-    diameter?: number;
+    diameter?: number | undefined;
     /**
-     * Stroke width of the ring, in the same unitless units as `diameter`.
-     * Insets the radius by half its value so the stroke stays inside the
-     * `diameter` box.
-     * @default 4 — about a twelfth of the default `diameter`, thick enough to see and thin enough not to close the hole.
+     * Stroke width of the ring, in the same unitless units as `diameter`; insets the radius by half its value.
+     * @default 4 — thick enough to see, thin enough not to close the hole.
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    diameter: number;
-    strokeWidth: number;
+    diameter: number | undefined;
+    strokeWidth: number | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/progress/ProgressCircle.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let e=require("vue");var v=["data-state","data-value","data-min","data-max"],p=(0,e.defineComponent)({__name:"ProgressCircle",props:{diameter:{default:48},strokeWidth:{default:4}},setup(d){const r=d,o=(0,e.inject)(a.PROGRESS_CONTEXT);if(!o)throw new Error("<SkdxProgressCircle> must be used inside <SkdxProgress>.");const t=o,c=(0,e.computed)(()=>r.diameter),l=(0,e.computed)(()=>r.strokeWidth),s=(0,e.computed)(()=>a.getCircleRadius(r.diameter,r.strokeWidth)),u=(0,e.computed)(()=>2*Math.PI*s.value),i=(0,e.computed)(()=>a.getProgressState(t.value.value,t.max.value)),n=(0,e.computed)(()=>({"--skdx-progress-circle-size":r.diameter,"--skdx-progress-circle-thickness":r.strokeWidth,"--skdx-progress-circle-radius":a.roundGeometry(s.value),...a.getCircleVars(u.value,t.value.value,t.min.value,t.max.value)}));return(0,e.provide)(a.PROGRESS_CIRCLE_CONTEXT,{diameter:c,strokeWidth:l,radius:s,circumference:u}),(m,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-progress__circle","data-part":"circle","data-state":i.value,"data-value":(0,e.unref)(t).value.value??void 0,"data-min":(0,e.unref)(t).min.value,"data-max":(0,e.unref)(t).max.value,style:(0,e.normalizeStyle)(n.value)},[(0,e.renderSlot)(m.$slots,"default")],12,v))}});exports.default=p;
+const m=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var v=["data-state","data-value","data-min","data-max"],p=(0,e.defineComponent)({__name:"ProgressCircle",props:{diameter:{default:48},strokeWidth:{default:4}},setup(d){const r=d,t=m.injectRequired(a.PROGRESS_CONTEXT,"<SkdxProgressCircle> must be used inside <SkdxProgress>."),i=(0,e.computed)(()=>r.diameter),o=(0,e.computed)(()=>r.strokeWidth),s=(0,e.computed)(()=>a.getCircleRadius(r.diameter,r.strokeWidth)),u=(0,e.computed)(()=>2*Math.PI*s.value),c=(0,e.computed)(()=>a.getProgressState(t.value.value,t.max.value)),l=(0,e.computed)(()=>({"--skdx-progress-circle-size":r.diameter,"--skdx-progress-circle-thickness":r.strokeWidth,"--skdx-progress-circle-radius":a.roundGeometry(s.value),...a.getCircleVars(u.value,t.value.value,t.min.value,t.max.value)}));return(0,e.provide)(a.PROGRESS_CIRCLE_CONTEXT,{diameter:i,strokeWidth:o,radius:s,circumference:u}),(n,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-progress__circle","data-part":"circle","data-state":c.value,"data-value":(0,e.unref)(t).value.value??void 0,"data-min":(0,e.unref)(t).min.value,"data-max":(0,e.unref)(t).max.value,style:(0,e.normalizeStyle)(l.value)},[(0,e.renderSlot)(n.$slots,"default")],12,v))}});exports.default=p;

package/dist/progress/ProgressCircle.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PROGRESS_CIRCLE_CONTEXT as e,PROGRESS_CONTEXT as a,getCircleRadius as s,getCircleVars as r,getProgressState as t,roundGeometry as d}from"./context.js";import{computed as i,createElementBlock as l,defineComponent as o,inject as u,normalizeStyle as c,openBlock as m,provide as n,renderSlot as v,unref as p}from"vue";var k=["data-state","data-value","data-min","data-max"],x=/* @__PURE__ */o({__name:"ProgressCircle",props:{diameter:{default:48},strokeWidth:{default:4}},setup(o){const x=o,g=u(a);if(!g)throw new Error("<SkdxProgressCircle> must be used inside <SkdxProgress>.");const f=g,C=i(()=>x.diameter),S=i(()=>x.strokeWidth),h=i(()=>s(x.diameter,x.strokeWidth)),E=i(()=>2*Math.PI*h.value),P=i(()=>t(f.value.value,f.max.value)),_=i(()=>({"--skdx-progress-circle-size":x.diameter,"--skdx-progress-circle-thickness":x.strokeWidth,"--skdx-progress-circle-radius":d(h.value),...r(E.value,f.value.value,f.min.value,f.max.value)}));return n(e,{diameter:C,strokeWidth:S,radius:h,circumference:E}),(e,a)=>(m(),l("div",{class:"skdx-progress__circle","data-part":"circle","data-state":P.value,"data-value":p(f).value.value??void 0,"data-min":p(f).min.value,"data-max":p(f).max.value,style:c(_.value)},[v(e.$slots,"default")],12,k))}});export{x as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{PROGRESS_CIRCLE_CONTEXT as a,PROGRESS_CONTEXT as s,getCircleRadius as r,getCircleVars as t,getProgressState as i,roundGeometry as d}from"./context.js";import{computed as l,createElementBlock as u,defineComponent as o,normalizeStyle as m,openBlock as c,provide as v,renderSlot as n,unref as p}from"vue";var k=["data-state","data-value","data-min","data-max"],x=/* @__PURE__ */o({__name:"ProgressCircle",props:{diameter:{default:48},strokeWidth:{default:4}},setup(o){const x=o,g=e(s,"<SkdxProgressCircle> must be used inside <SkdxProgress>."),f=l(()=>x.diameter),C=l(()=>x.strokeWidth),S=l(()=>r(x.diameter,x.strokeWidth)),R=l(()=>2*Math.PI*S.value),h=l(()=>i(g.value.value,g.max.value)),P=l(()=>({"--skdx-progress-circle-size":x.diameter,"--skdx-progress-circle-thickness":x.strokeWidth,"--skdx-progress-circle-radius":d(S.value),...t(R.value,g.value.value,g.min.value,g.max.value)}));return v(a,{diameter:f,strokeWidth:C,radius:S,circumference:R}),(e,a)=>(c(),u("div",{class:"skdx-progress__circle","data-part":"circle","data-state":h.value,"data-value":p(g).value.value??void 0,"data-min":p(g).min.value,"data-max":p(g).max.value,style:m(P.value)},[n(e.$slots,"default")],12,k))}});export{x as default};

package/dist/progress/ProgressCircleIndicator.vue.d.cts

@@ -1,6 +1,5 @@
 /**
- * Swept arc for `<SkdxProgressCircle>`. Mirrors data-state/value/max and
- * exposes CSS properties. Render as circle/path via `as` prop.
+ * Swept arc for `<SkdxProgressCircle>`, mirroring data-state/value/max and exposing CSS properties.
  *
  * @example
  * ```vue

package/dist/progress/ProgressCircleIndicator.vue.d.ts

@@ -1,6 +1,5 @@
 /**
- * Swept arc for `<SkdxProgressCircle>`. Mirrors data-state/value/max and
- * exposes CSS properties. Render as circle/path via `as` prop.
+ * Swept arc for `<SkdxProgressCircle>`, mirroring data-state/value/max and exposing CSS properties.
  *
  * @example
  * ```vue

package/dist/progress/ProgressCircleIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let t=require("vue");var c=(0,t.defineComponent)({__name:"ProgressCircleIndicator",props:{as:{default:"div"}},setup(l){const r=(0,t.inject)(a.PROGRESS_CONTEXT);if(!r)throw new Error("<SkdxProgressCircleIndicator> must be used inside <SkdxProgress>.");const s=(0,t.inject)(a.PROGRESS_CIRCLE_CONTEXT);if(!s)throw new Error("<SkdxProgressCircleIndicator> must be used inside <SkdxProgressCircle>.");const e=r,n=s,u=(0,t.computed)(()=>a.getProgressState(e.value.value,e.max.value)),o=(0,t.computed)(()=>({"--skdx-progress":e.value.value!=null?`${a.getProgressPercent(e.value.value,e.min.value,e.max.value)}%`:void 0,...a.getCircleVars(n.circumference.value,e.value.value,e.min.value,e.max.value)}));return(i,d)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(l.as),{class:"skdx-progress__circle-indicator","data-part":"circle-indicator","data-state":u.value,"data-value":(0,t.unref)(e).value.value??void 0,"data-min":(0,t.unref)(e).min.value,"data-max":(0,t.unref)(e).max.value,style:(0,t.normalizeStyle)(o.value)},null,8,["data-state","data-value","data-min","data-max","style"]))}});exports.default=c;
+const t=require("../utils/injectRequired.cjs"),r=require("./context.cjs");let a=require("vue");var n=(0,a.defineComponent)({__name:"ProgressCircleIndicator",props:{as:{default:"div"}},setup(u){const e=t.injectRequired(r.PROGRESS_CONTEXT,"<SkdxProgressCircleIndicator> must be used inside <SkdxProgress>."),s=t.injectRequired(r.PROGRESS_CIRCLE_CONTEXT,"<SkdxProgressCircleIndicator> must be used inside <SkdxProgressCircle>."),l=(0,a.computed)(()=>r.getProgressState(e.value.value,e.max.value)),i=(0,a.computed)(()=>({"--skdx-progress":e.value.value!=null?`${r.getProgressPercent(e.value.value,e.min.value,e.max.value)}%`:void 0,...r.getCircleVars(s.circumference.value,e.value.value,e.min.value,e.max.value)}));return(c,o)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(u.as),{class:"skdx-progress__circle-indicator","data-part":"circle-indicator","data-state":l.value,"data-value":(0,a.unref)(e).value.value??void 0,"data-min":(0,a.unref)(e).min.value,"data-max":(0,a.unref)(e).max.value,style:(0,a.normalizeStyle)(i.value)},null,8,["data-state","data-value","data-min","data-max","style"]))}});exports.default=n;

package/dist/progress/ProgressCircleIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PROGRESS_CIRCLE_CONTEXT as e,PROGRESS_CONTEXT as a,getCircleVars as r,getProgressPercent as s,getProgressState as t}from"./context.js";import{computed as l,createBlock as o,defineComponent as u,inject as i,normalizeStyle as n,openBlock as d,resolveDynamicComponent as c,unref as v}from"vue";var m=/* @__PURE__ */u({__name:"ProgressCircleIndicator",props:{as:{default:"div"}},setup(u){const m=i(a);if(!m)throw new Error("<SkdxProgressCircleIndicator> must be used inside <SkdxProgress>.");const x=i(e);if(!x)throw new Error("<SkdxProgressCircleIndicator> must be used inside <SkdxProgressCircle>.");const p=m,g=x,C=l(()=>t(p.value.value,p.max.value)),P=l(()=>({"--skdx-progress":null!=p.value.value?`${s(p.value.value,p.min.value,p.max.value)}%`:void 0,...r(g.circumference.value,p.value.value,p.min.value,p.max.value)}));return(e,a)=>(d(),o(c(u.as),{class:"skdx-progress__circle-indicator","data-part":"circle-indicator","data-state":C.value,"data-value":v(p).value.value??void 0,"data-min":v(p).min.value,"data-max":v(p).max.value,style:n(P.value)},null,8,["data-state","data-value","data-min","data-max","style"]))}});export{m as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{PROGRESS_CIRCLE_CONTEXT as a,PROGRESS_CONTEXT as s,getCircleVars as r,getProgressPercent as t,getProgressState as l}from"./context.js";import{computed as u,createBlock as i,defineComponent as o,normalizeStyle as d,openBlock as n,resolveDynamicComponent as c,unref as v}from"vue";var m=/* @__PURE__ */o({__name:"ProgressCircleIndicator",props:{as:{default:"div"}},setup(o){const m=e(s,"<SkdxProgressCircleIndicator> must be used inside <SkdxProgress>."),p=e(a,"<SkdxProgressCircleIndicator> must be used inside <SkdxProgressCircle>."),x=u(()=>l(m.value.value,m.max.value)),g=u(()=>({"--skdx-progress":null!=m.value.value?`${t(m.value.value,m.min.value,m.max.value)}%`:void 0,...r(p.circumference.value,m.value.value,m.min.value,m.max.value)}));return(e,a)=>(n(),i(c(o.as),{class:"skdx-progress__circle-indicator","data-part":"circle-indicator","data-state":x.value,"data-value":v(m).value.value??void 0,"data-min":v(m).min.value,"data-max":v(m).max.value,style:d(g.value)},null,8,["data-state","data-value","data-min","data-max","style"]))}});export{m as default};

package/dist/progress/ProgressIndicator.vue.d.cts

@@ -1,8 +1,14 @@
-/**
- * Visual fill of a progress bar. Sets `--skdx-progress` (percentage) and
- * `--skdx-progress-buffer` (if provided) as CSS custom properties. Must be
- * used inside `<SkdxProgress>`.
- */
+/** Visual fill of the bar or gauge, setting `--skdx-progress` and `--skdx-progress-buffer` as CSS custom properties. */
 type __VLS_Props = {};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/progress/ProgressIndicator.vue.d.ts

@@ -1,8 +1,14 @@
-/**
- * Visual fill of a progress bar. Sets `--skdx-progress` (percentage) and
- * `--skdx-progress-buffer` (if provided) as CSS custom properties. Must be
- * used inside `<SkdxProgress>`.
- */
+/** Visual fill of the bar or gauge, setting `--skdx-progress` and `--skdx-progress-buffer` as CSS custom properties. */
 type __VLS_Props = {};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/progress/ProgressIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const t=require("./context.cjs");let a=require("vue");var n=["data-state","data-value","data-min","data-max"],l=(0,a.defineComponent)({__name:"ProgressIndicator",setup(d){const r=(0,a.inject)(t.PROGRESS_CONTEXT);if(!r)throw new Error("<SkdxProgressIndicator> must be used inside <SkdxProgress>.");const e=r,s=(0,a.computed)(()=>t.getProgressState(e.value.value,e.max.value)),u=(0,a.computed)(()=>e.value.value!=null?`${t.getProgressPercent(e.value.value,e.min.value,e.max.value)}%`:void 0),o=(0,a.computed)(()=>e.buffer.value!=null?`${t.getProgressPercent(e.buffer.value,e.min.value,e.max.value)}%`:void 0);return(v,c)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-progress__indicator","data-part":"indicator","data-state":s.value,"data-value":(0,a.unref)(e).value.value??void 0,"data-min":(0,a.unref)(e).min.value,"data-max":(0,a.unref)(e).max.value,style:(0,a.normalizeStyle)({"--skdx-progress":u.value,"--skdx-progress-buffer":o.value})},null,12,n))}});exports.default=l;
+const n=require("../utils/injectRequired.cjs"),r=require("./context.cjs");let a=require("vue");var o=["data-state","data-range","data-value","data-min","data-max"],d=(0,a.defineComponent)({__name:"ProgressIndicator",setup(v){const e=n.injectRequired(r.PROGRESS_CONTEXT,"<SkdxProgressIndicator> must be used inside <SkdxProgress>."),t=(0,a.computed)(()=>e.role.value==="meter"?void 0:r.getProgressState(e.value.value,e.max.value)),u=(0,a.computed)(()=>e.value.value!=null?`${r.getProgressPercent(e.value.value,e.min.value,e.max.value)}%`:void 0),s=(0,a.computed)(()=>e.buffer.value!=null?`${r.getProgressPercent(e.buffer.value,e.min.value,e.max.value)}%`:void 0);return(l,i)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-progress__indicator","data-part":"indicator","data-state":t.value,"data-range":(0,a.unref)(e).range.value,"data-value":(0,a.unref)(e).value.value??void 0,"data-min":(0,a.unref)(e).min.value,"data-max":(0,a.unref)(e).max.value,style:(0,a.normalizeStyle)({"--skdx-progress":u.value,"--skdx-progress-buffer":s.value})},[(0,a.renderSlot)(l.$slots,"default")],12,o))}});exports.default=d;

package/dist/progress/ProgressIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PROGRESS_CONTEXT as a,getProgressPercent as e,getProgressState as s}from"./context.js";import{computed as t,createElementBlock as r,defineComponent as l,inject as u,normalizeStyle as o,openBlock as n,unref as v}from"vue";var d=["data-state","data-value","data-min","data-max"],i=/* @__PURE__ */l({__name:"ProgressIndicator",setup(l){const i=u(a);if(!i)throw new Error("<SkdxProgressIndicator> must be used inside <SkdxProgress>.");const m=i,c=t(()=>s(m.value.value,m.max.value)),x=t(()=>null!=m.value.value?`${e(m.value.value,m.min.value,m.max.value)}%`:void 0),f=t(()=>null!=m.buffer.value?`${e(m.buffer.value,m.min.value,m.max.value)}%`:void 0);return(a,e)=>(n(),r("div",{class:"skdx-progress__indicator","data-part":"indicator","data-state":c.value,"data-value":v(m).value.value??void 0,"data-min":v(m).min.value,"data-max":v(m).max.value,style:o({"--skdx-progress":x.value,"--skdx-progress-buffer":f.value})},null,12,d))}});export{i as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{PROGRESS_CONTEXT as e,getProgressPercent as t,getProgressState as r}from"./context.js";import{computed as s,createElementBlock as l,defineComponent as u,normalizeStyle as o,openBlock as d,renderSlot as v,unref as n}from"vue";var i=["data-state","data-range","data-value","data-min","data-max"],m=/* @__PURE__ */u({__name:"ProgressIndicator",setup(u){const m=a(e,"<SkdxProgressIndicator> must be used inside <SkdxProgress>."),c=s(()=>"meter"===m.role.value?void 0:r(m.value.value,m.max.value)),f=s(()=>null!=m.value.value?`${t(m.value.value,m.min.value,m.max.value)}%`:void 0),g=s(()=>null!=m.buffer.value?`${t(m.buffer.value,m.min.value,m.max.value)}%`:void 0);return(a,e)=>(d(),l("div",{class:"skdx-progress__indicator","data-part":"indicator","data-state":c.value,"data-range":n(m).range.value,"data-value":n(m).value.value??void 0,"data-min":n(m).min.value,"data-max":n(m).max.value,style:o({"--skdx-progress":f.value,"--skdx-progress-buffer":g.value})},[v(a.$slots,"default")],12,i))}});export{m as default};

package/dist/progress/ProgressLabel.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * The bar's visible name. A `<span>`, not a `<label>`:
- * `role="progressbar"` is not labelable, so `<label for>` would name nothing.
- * Must be inside `<SkdxProgress>`.
- */
+/** The bar's visible name, rendered as a `<span>` since `role="progressbar"` isn't labelable by `<label for>`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/progress/ProgressLabel.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * The bar's visible name. A `<span>`, not a `<label>`:
- * `role="progressbar"` is not labelable, so `<label for>` would name nothing.
- * Must be inside `<SkdxProgress>`.
- */
+/** The bar's visible name, rendered as a `<span>` since `role="progressbar"` isn't labelable by `<label for>`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/progress/ProgressLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("./context.cjs");let e=require("vue");var l=["id","data-state"],n=(0,e.defineComponent)({__name:"ProgressLabel",setup(u){const r=(0,e.inject)(s.PROGRESS_CONTEXT);if(!r)throw new Error("<SkdxProgressLabel> must be used inside <SkdxProgress>.");const t=r;(0,e.onMounted)(()=>t.setHasLabel(!0)),(0,e.onBeforeUnmount)(()=>t.setHasLabel(!1));const a=(0,e.computed)(()=>s.getProgressState(t.value.value,t.max.value));return(o,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-progress__label","data-part":"label",id:(0,e.unref)(t).labelId,"data-state":a.value},[(0,e.renderSlot)(o.$slots,"default")],8,l))}});exports.default=n;
+const u=require("../utils/injectRequired.cjs"),r=require("./context.cjs");let e=require("vue");var o=["id","data-state"],l=(0,e.defineComponent)({__name:"ProgressLabel",setup(n){const t=u.injectRequired(r.PROGRESS_CONTEXT,"<SkdxProgressLabel> must be used inside <SkdxProgress>.");(0,e.onMounted)(()=>t.setHasLabel(!0)),(0,e.onBeforeUnmount)(()=>t.setHasLabel(!1));const s=(0,e.computed)(()=>r.getProgressState(t.value.value,t.max.value));return(a,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{id:(0,e.unref)(t).labelId,class:"skdx-progress__label","data-part":"label","data-state":s.value},[(0,e.renderSlot)(a.$slots,"default")],8,o))}});exports.default=l;

package/dist/progress/ProgressLabel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PROGRESS_CONTEXT as e,getProgressState as a}from"./context.js";import{computed as s,createElementBlock as t,defineComponent as o,inject as r,onBeforeUnmount as l,onMounted as n,openBlock as d,renderSlot as u,unref as m}from"vue";var c=["id","data-state"],p=/* @__PURE__ */o({__name:"ProgressLabel",setup(o){const p=r(e);if(!p)throw new Error("<SkdxProgressLabel> must be used inside <SkdxProgress>.");const i=p;n(()=>i.setHasLabel(!0)),l(()=>i.setHasLabel(!1));const b=s(()=>a(i.value.value,i.max.value));return(e,a)=>(d(),t("span",{class:"skdx-progress__label","data-part":"label",id:m(i).labelId,"data-state":b.value},[u(e.$slots,"default")],8,c))}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{PROGRESS_CONTEXT as a,getProgressState as s}from"./context.js";import{computed as t,createElementBlock as o,defineComponent as r,onBeforeUnmount as l,onMounted as n,openBlock as d,renderSlot as u,unref as i}from"vue";var m=["id","data-state"],p=/* @__PURE__ */r({__name:"ProgressLabel",setup(r){const p=e(a,"<SkdxProgressLabel> must be used inside <SkdxProgress>.");n(()=>p.setHasLabel(!0)),l(()=>p.setHasLabel(!1));const c=t(()=>s(p.value.value,p.max.value));return(e,a)=>(d(),o("span",{id:i(p).labelId,class:"skdx-progress__label","data-part":"label","data-state":c.value},[u(e.$slots,"default")],8,m))}});export{p as default};

package/dist/progress/ProgressValue.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Visible readout, aria-hidden (same as `aria-valuetext` to prevent double-reading).
- * Shows slot content or default label, nothing while indeterminate. Must be used in `SkdxProgress`.
- */
+/** Visible readout, aria-hidden so it doesn't double up with `aria-valuetext`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/progress/ProgressValue.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Visible readout, aria-hidden (same as `aria-valuetext` to prevent double-reading).
- * Shows slot content or default label, nothing while indeterminate. Must be used in `SkdxProgress`.
- */
+/** Visible readout, aria-hidden so it doesn't double up with `aria-valuetext`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/progress/ProgressValue.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let e=require("vue");var n=["data-state"],c=(0,e.defineComponent)({__name:"ProgressValue",setup(d){const a=(0,e.inject)(r.PROGRESS_CONTEXT);if(!a)throw new Error("<SkdxProgressValue> must be used inside <SkdxProgress>.");const t=a,s=(0,e.useSlots)(),o=(0,e.computed)(()=>r.getProgressState(t.value.value,t.max.value)),u=(0,e.computed)(()=>s.default!=null);return(l,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-progress__value","data-part":"value","aria-hidden":"true","data-state":o.value},[u.value?(0,e.renderSlot)(l.$slots,"default",{key:0}):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(t).valueLabel.value),1)],64))],8,n))}});exports.default=c;
+const o=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var n=["data-state","data-range"],d=(0,e.defineComponent)({__name:"ProgressValue",setup(c){const t=o.injectRequired(a.PROGRESS_CONTEXT,"<SkdxProgressValue> must be used inside <SkdxProgress>."),r=(0,e.useSlots)(),s=(0,e.computed)(()=>t.role.value==="meter"?void 0:a.getProgressState(t.value.value,t.max.value)),u=(0,e.computed)(()=>r.default!=null);return(l,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-progress__value","data-part":"value","aria-hidden":"true","data-state":s.value,"data-range":(0,e.unref)(t).range.value},[u.value?(0,e.renderSlot)(l.$slots,"default",{key:0}):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(t).valueLabel.value),1)],64))],8,n))}});exports.default=d;

package/dist/progress/ProgressValue.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PROGRESS_CONTEXT as e,getProgressState as a}from"./context.js";import{Fragment as s,computed as t,createElementBlock as r,createTextVNode as o,defineComponent as l,inject as u,openBlock as n,renderSlot as d,toDisplayString as i,unref as m,useSlots as p}from"vue";var v=["data-state"],c=/* @__PURE__ */l({__name:"ProgressValue",setup(l){const c=u(e);if(!c)throw new Error("<SkdxProgressValue> must be used inside <SkdxProgress>.");const f=c,g=p(),S=t(()=>a(f.value.value,f.max.value)),k=t(()=>null!=g.default);return(e,a)=>(n(),r("span",{class:"skdx-progress__value","data-part":"value","aria-hidden":"true","data-state":S.value},[k.value?d(e.$slots,"default",{key:0}):(n(),r(s,{key:1},[o(i(m(f).valueLabel.value),1)],64))],8,v))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{PROGRESS_CONTEXT as a,getProgressState as s}from"./context.js";import{Fragment as t,computed as r,createElementBlock as l,createTextVNode as u,defineComponent as o,openBlock as d,renderSlot as n,toDisplayString as i,unref as m,useSlots as v}from"vue";var p=["data-state","data-range"],g=/* @__PURE__ */o({__name:"ProgressValue",setup(o){const g=e(a,"<SkdxProgressValue> must be used inside <SkdxProgress>."),c=v(),f=r(()=>"meter"===g.role.value?void 0:s(g.value.value,g.max.value)),S=r(()=>null!=c.default);return(e,a)=>(d(),l("span",{class:"skdx-progress__value","data-part":"value","aria-hidden":"true","data-state":f.value,"data-range":m(g).range.value},[S.value?n(e.$slots,"default",{key:0}):(d(),l(t,{key:1},[u(i(m(g).valueLabel.value),1)],64))],8,p))}});export{g as default};

package/dist/progress/context.cjs

@@ -1 +1 @@
-var a=Symbol("skdx-progress-context");function c(r,e){return r==null?"indeterminate":r>=e?"complete":"loading"}function o(r,e,t){const s=t-e;return s>0?(r-e)/s*100:0}function g(r,e,t){return r==null?null:Math.min(Math.max(r,e),t)}var l=Symbol("skdx-progress-circle-context");function n(r){return Math.round(r*1e4)/1e4}function u(r,e){return Math.max((r-e)/2,0)}function i(r,e,t,s){return{"--skdx-progress-circle-circumference":n(r),"--skdx-progress-dasharray":n(r),"--skdx-progress-circle-offset":e==null?void 0:n(r*(1-o(e,t,s)/100))}}exports.PROGRESS_CIRCLE_CONTEXT=l;exports.PROGRESS_CONTEXT=a;exports.clampProgressValue=g;exports.getCircleRadius=u;exports.getCircleVars=i;exports.getProgressPercent=o;exports.getProgressState=c;exports.roundGeometry=n;
+var m=Symbol("skdx-progress-context");function d(r,t){return r==null?"indeterminate":r>=t?"complete":"loading"}function l(r,t,e){const n=e-t;return n>0?(r-t)/n*100:0}function p(r,t,e){return r==null?null:Math.min(Math.max(r,t),e)}function f(r,t,e,n,s){return r!==void 0||t!==void 0||e!==void 0||n===0&&s===100}function h(r,t,e,n){const{low:s,high:a,optimum:c}=n;if(s==null&&a==null&&c==null)return;const o=Math.min(Math.max(s??t,t),e),i=Math.min(Math.max(a??e,o),e),g=Math.min(Math.max(c??(t+e)/2,t),e);return g<o?r<=o?"optimum":r<=i?"suboptimal":"poor":g>i?r>=i?"optimum":r>=o?"suboptimal":"poor":r>=o&&r<=i?"optimum":"suboptimal"}var P=Symbol("skdx-progress-circle-context");function u(r){return Math.round(r*1e4)/1e4}function R(r,t){return Math.max((r-t)/2,0)}function C(r,t,e,n){return{"--skdx-progress-circle-circumference":u(r),"--skdx-progress-dasharray":u(r),"--skdx-progress-circle-offset":t==null?void 0:u(r*(1-l(t,e,n)/100))}}exports.PROGRESS_CIRCLE_CONTEXT=P;exports.PROGRESS_CONTEXT=m;exports.announcesValueText=f;exports.clampProgressValue=p;exports.getCircleRadius=R;exports.getCircleVars=C;exports.getProgressPercent=l;exports.getProgressRange=h;exports.getProgressState=d;exports.roundGeometry=u;

package/dist/progress/context.d.cts

@@ -1,10 +1,18 @@
 import type { ComputedRef, CSSProperties, InjectionKey } from 'vue';
+/** What the root reports: a task in flight, or a static scalar within a known range. */
+export type ProgressRole = 'progressbar' | 'meter';
+/** Which band of the range the current value falls in, once `low`/`high`/`optimum` are supplied. */
+export type ProgressRange = 'optimum' | 'suboptimal' | 'poor';
 /** @internal Injection key a Progress provides so its parts can mirror the range. */
 export interface ProgressContext {
     value: ComputedRef<number | null>;
     min: ComputedRef<number>;
     max: ComputedRef<number>;
     buffer: ComputedRef<number | null>;
+    /** What the root reports, which decides whether the parts publish a band. */
+    role: ComputedRef<ProgressRole>;
+    /** The band the value falls in under `role="meter"`; undefined with no thresholds. */
+    range: ComputedRef<ProgressRange | undefined>;
     /** The id `<SkdxProgressLabel>` takes, and the root points `aria-labelledby` at while one is mounted. */
     labelId: string;
     /** Registers the presence of a Label part, so the root only wires `aria-labelledby` when one exists. */
@@ -23,6 +31,14 @@ export declare function getProgressState(value: number | null, max: number): 'in
 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 Whether aria-valuetext may emit under `role="meter"`; the default percentage is valid only on a 0..100 range. */
+export declare function announcesValueText(getValueLabel: ((value: number, min: number, max: number) => string) | undefined, formatOptions: Intl.NumberFormatOptions | undefined, locale: string | undefined, min: number, max: number): boolean;
+/** @internal Band the value falls in, per the `<meter>` rules; undefined if no thresholds are given. */
+export declare function getProgressRange(value: number, min: number, max: number, thresholds: {
+    low?: number | undefined;
+    high?: number | undefined;
+    optimum?: number | undefined;
+}): ProgressRange | undefined;
 /** @internal Ring geometry a ProgressCircle provides so its Indicator part can reuse the same arithmetic. */
 export interface ProgressCircleContext {
     diameter: ComputedRef<number>;

package/dist/progress/context.d.ts

@@ -1,10 +1,18 @@
 import type { ComputedRef, CSSProperties, InjectionKey } from 'vue';
+/** What the root reports: a task in flight, or a static scalar within a known range. */
+export type ProgressRole = 'progressbar' | 'meter';
+/** Which band of the range the current value falls in, once `low`/`high`/`optimum` are supplied. */
+export type ProgressRange = 'optimum' | 'suboptimal' | 'poor';
 /** @internal Injection key a Progress provides so its parts can mirror the range. */
 export interface ProgressContext {
     value: ComputedRef<number | null>;
     min: ComputedRef<number>;
     max: ComputedRef<number>;
     buffer: ComputedRef<number | null>;
+    /** What the root reports, which decides whether the parts publish a band. */
+    role: ComputedRef<ProgressRole>;
+    /** The band the value falls in under `role="meter"`; undefined with no thresholds. */
+    range: ComputedRef<ProgressRange | undefined>;
     /** The id `<SkdxProgressLabel>` takes, and the root points `aria-labelledby` at while one is mounted. */
     labelId: string;
     /** Registers the presence of a Label part, so the root only wires `aria-labelledby` when one exists. */
@@ -23,6 +31,14 @@ export declare function getProgressState(value: number | null, max: number): 'in
 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 Whether aria-valuetext may emit under `role="meter"`; the default percentage is valid only on a 0..100 range. */
+export declare function announcesValueText(getValueLabel: ((value: number, min: number, max: number) => string) | undefined, formatOptions: Intl.NumberFormatOptions | undefined, locale: string | undefined, min: number, max: number): boolean;
+/** @internal Band the value falls in, per the `<meter>` rules; undefined if no thresholds are given. */
+export declare function getProgressRange(value: number, min: number, max: number, thresholds: {
+    low?: number | undefined;
+    high?: number | undefined;
+    optimum?: number | undefined;
+}): ProgressRange | undefined;
 /** @internal Ring geometry a ProgressCircle provides so its Indicator part can reuse the same arithmetic. */
 export interface ProgressCircleContext {
     diameter: ComputedRef<number>;

package/dist/progress/context.js

@@ -1 +1 @@
-var r=/* @__PURE__ */Symbol("skdx-progress-context");function e(r,e){return null==r?"indeterminate":r>=e?"complete":"loading"}function s(r,e,s){const t=s-e;return t>0?(r-e)/t*100:0}function t(r,e,s){return null==r?null:Math.min(Math.max(r,e),s)}var n=/* @__PURE__ */Symbol("skdx-progress-circle-context");function o(r){return Math.round(1e4*r)/1e4}function a(r,e){return Math.max((r-e)/2,0)}function c(r,e,t,n){return{"--skdx-progress-circle-circumference":o(r),"--skdx-progress-dasharray":o(r),"--skdx-progress-circle-offset":null==e?void 0:o(r*(1-s(e,t,n)/100))}}export{n as PROGRESS_CIRCLE_CONTEXT,r as PROGRESS_CONTEXT,t as clampProgressValue,a as getCircleRadius,c as getCircleVars,s as getProgressPercent,e as getProgressState,o as roundGeometry};
+var r=/* @__PURE__ */Symbol("skdx-progress-context");function t(r,t){return null==r?"indeterminate":r>=t?"complete":"loading"}function e(r,t,e){const n=e-t;return n>0?(r-t)/n*100:0}function n(r,t,e){return null==r?null:Math.min(Math.max(r,t),e)}function o(r,t,e,n,o){return void 0!==r||void 0!==t||void 0!==e||0===n&&100===o}function s(r,t,e,n){const{low:o,high:s,optimum:a}=n;if(null==o&&null==s&&null==a)return;const u=Math.min(Math.max(o??t,t),e),i=Math.min(Math.max(s??e,u),e),l=Math.min(Math.max(a??(t+e)/2,t),e);return l<u?r<=u?"optimum":r<=i?"suboptimal":"poor":l>i?r>=i?"optimum":r>=u?"suboptimal":"poor":r>=u&&r<=i?"optimum":"suboptimal"}var a=/* @__PURE__ */Symbol("skdx-progress-circle-context");function u(r){return Math.round(1e4*r)/1e4}function i(r,t){return Math.max((r-t)/2,0)}function l(r,t,n,o){return{"--skdx-progress-circle-circumference":u(r),"--skdx-progress-dasharray":u(r),"--skdx-progress-circle-offset":null==t?void 0:u(r*(1-e(t,n,o)/100))}}export{a as PROGRESS_CIRCLE_CONTEXT,r as PROGRESS_CONTEXT,o as announcesValueText,n as clampProgressValue,i as getCircleRadius,l as getCircleVars,e as getProgressPercent,s as getProgressRange,t as getProgressState,u as roundGeometry};

package/dist/progress/index.d.cts

@@ -1 +1,2 @@
 export { default as SkdxProgress } from './Progress.vue.cjs';
+export type { ProgressRange, ProgressRole } from './context.cjs';

package/dist/progress/index.d.ts

@@ -1 +1,2 @@
 export { default as SkdxProgress } from './Progress.vue.js';
+export type { ProgressRange, ProgressRole } from './context.js';

package/dist/progress/primitives.d.cts

@@ -1,8 +1,5 @@
 /**
- * Advanced primitives for `SkdxProgress` — the parts the recipe composes.
- * Use when you need a different structure (e.g., custom label, SVG ring).
- * Progress here is the barrel export, derives body from `circular`/`label`/
- * `showValue` with no children.
+ * Advanced primitives for `SkdxProgress`, for a different structure such as a custom label or SVG ring.
  *
  * @example
  * ```vue
@@ -25,3 +22,4 @@ export { default as SkdxProgressValue } from './ProgressValue.vue.cjs';
 export { default as SkdxProgressIndicator } from './ProgressIndicator.vue.cjs';
 export { default as SkdxProgressCircle } from './ProgressCircle.vue.cjs';
 export { default as SkdxProgressCircleIndicator } from './ProgressCircleIndicator.vue.cjs';
+export type { ProgressRange, ProgressRole } from './context.cjs';

package/dist/progress/primitives.d.ts

@@ -1,8 +1,5 @@
 /**
- * Advanced primitives for `SkdxProgress` — the parts the recipe composes.
- * Use when you need a different structure (e.g., custom label, SVG ring).
- * Progress here is the barrel export, derives body from `circular`/`label`/
- * `showValue` with no children.
+ * Advanced primitives for `SkdxProgress`, for a different structure such as a custom label or SVG ring.
  *
  * @example
  * ```vue
@@ -25,3 +22,4 @@ export { default as SkdxProgressValue } from './ProgressValue.vue.js';
 export { default as SkdxProgressIndicator } from './ProgressIndicator.vue.js';
 export { default as SkdxProgressCircle } from './ProgressCircle.vue.js';
 export { default as SkdxProgressCircleIndicator } from './ProgressCircleIndicator.vue.js';
+export type { ProgressRange, ProgressRole } from './context.js';