@pantograph/vue 0.25.8 → 0.27.0

package/dist/{Progress.vue_vue_type_style_index_0_lang-BXhIqXDx.js → Progress.vue_vue_type_script_setup_true_lang-BvwWC_7K.js}

@@ -1,13 +1,18 @@
-import { defineComponent as b, ref as Q, watch as U, computed as k, createBlock as x, openBlock as p, unref as n, withCtx as se, createElementVNode as A, createElementBlock as S, createCommentVNode as X, normalizeClass as M, normalizeStyle as q, h as u, Fragment as N, createVNode as B, renderList as Y, useSlots as ne } from "vue";
+import { defineComponent as b, ref as Q, watch as U, computed as x, createBlock as k, openBlock as p, unref as n, withCtx as se, createElementVNode as G, createElementBlock as S, createCommentVNode as X, normalizeClass as M, normalizeStyle as q, h as u, Fragment as N, createVNode as B, renderList as Y, useSlots as ne } from "vue";
 import { getBemBlock as oe, getBemElement as m, generateVariantClassList as T, normCls as Z, usePCId as ae } from "@pantograph/utils";
 import { cva as F } from "class-variance-authority";
-import { a as le, g as ce } from "./BaseBadge.model-D4ZfMIfM.js";
-import { createContext as ie, Primitive as pe } from "reka-ui";
-import { g as $ } from "./options-Bh1s18jm.js";
+import { a as le, g as ie } from "./BaseBadge.model-CahZXsyM.js";
+import { createContext as ce, Primitive as pe } from "reka-ui";
+import { a as $ } from "./options-J8HfRMSU.js";
+import "@pantograph/tokens";
 import { sortBy as ue } from "es-toolkit";
-import { k as z, e as de, v as me, l as ge, o as ve } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
-import { _ as fe } from "./Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { u as _e } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
+import { g as z, e as de, A as me, u as ge, w as fe } from "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import { _ as ve } from "./Divider.vue_vue_type_script_setup_true_lang-BxSyJj4Y.js";
+import { i as _e } from "./isEmpty-Cqj4i6ou.js";
+import { u as he } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
+import ye from "@pantograph/style/progress.css?raw";
 const L = [
   "red",
   "orange",
@@ -26,7 +31,7 @@ const L = [
   "amethyst",
   "fuchsia",
   "mallard"
-], Ge = [...L, "primary", ...le], h = oe("progress"), G = m(h, "circle"), V = m(h, "line"), he = ["2xsm", "xsm", "sm", "md", "lg"], ye = ["progress", "warning", "error", "success"], ke = ["circle", "line"], [R, xe] = ie("progress"), Pe = ["d", "stroke-width", "stroke-linecap", "stroke"], Ce = ["from", "to", "dur"], W = /* @__PURE__ */ b({
+], Je = [...L, "primary", ...le], h = oe("progress"), A = m(h, "circle"), V = m(h, "line"), xe = ["2xsm", "xsm", "sm", "md", "lg"], ke = ["progress", "warning", "error", "success"], Pe = ["circle", "line"], [R, Ce] = ce("progress"), Se = ["d", "stroke-width", "stroke-linecap", "stroke"], be = ["from", "to", "dur"], W = /* @__PURE__ */ b({
   ...$("ProgressCirclePath"),
   __name: "ProgressCirclePath",
   props: {
@@ -40,10 +45,10 @@ const L = [
     color: {}
   },
   setup(P) {
-    const e = P, i = m(G, "path"), o = F(i, {
+    const e = P, c = m(A, "path"), o = F(c, {
       variants: {
-        trail: T("trail", i),
-        indeterminate: T("indeterminate", i)
+        trail: T("trail", c),
+        indeterminate: T("indeterminate", c)
       }
     }), s = R(), l = Q(0);
     U(
@@ -60,10 +65,10 @@ const L = [
         immediate: !0
       }
     );
-    const a = k(() => e.circleRadius - e.strokeWidth / 2), y = k(() => {
+    const a = x(() => e.circleRadius - e.strokeWidth / 2), y = x(() => {
       const t = e.circleRadius * 2 - e.strokeWidth;
       return `M ${e.circleRadius},${e.circleRadius} m 0,-${a.value} a ${a.value},${a.value} 0 1 1 0,${t} a ${a.value},${a.value} 0 1 1 0,-${t}`;
-    }), f = k(() => {
+    }), v = x(() => {
       const t = 2 * Math.PI * a.value, r = l.value / 100;
       return {
         "stroke-dasharray": e.trail ? void 0 : t,
@@ -71,21 +76,21 @@ const L = [
         "--ptc-progress-animation-duration": s.duration.value
       };
     });
-    return (t, r) => (p(), x(n(pe), {
+    return (t, r) => (p(), k(n(pe), {
       as: "g",
       "as-child": !t.indeterminate,
       key: String(t.indeterminate)
     }, {
       default: se(() => [
-        A("path", {
+        G("path", {
           d: y.value,
           "stroke-width": t.strokeWidth,
           fill: "none",
-          style: q(f.value),
+          style: q(v.value),
           "stroke-linecap": t.strokeLinecap,
           class: M(n(o)({ trail: t.trail, indeterminate: t.indeterminate })),
           stroke: t.color ?? "currentColor"
-        }, null, 14, Pe),
+        }, null, 14, Se),
         t.indeterminate ? (p(), S("animateTransform", {
           key: 0,
           attributeName: "transform",
@@ -94,7 +99,7 @@ const L = [
           to: `360 ${e.circleRadius} ${e.circleRadius}`,
           dur: `${n(s).duration.value || 700}s`,
           repeatCount: "indefinite"
-        }, null, 8, Ce)) : X("", !0)
+        }, null, 8, be)) : X("", !0)
       ]),
       _: 1
     }, 8, ["as-child"]));
@@ -103,7 +108,7 @@ const L = [
   ...$("ProgressLabel"),
   __name: "ProgressLabel",
   setup(P) {
-    const e = R(), i = () => {
+    const e = R(), c = () => {
       var l, a;
       const o = (a = (l = e.slots).label) == null ? void 0 : a.call(l, {}), s = !z(o);
       return s || e.props.label ? u(
@@ -112,13 +117,13 @@ const L = [
         s ? o : e.props.label
       ) : null;
     };
-    return (o, s) => (p(), x(i));
+    return (o, s) => (p(), k(c));
   }
 }), J = /* @__PURE__ */ b({
   ...$("ProgressHelperText"),
   __name: "ProgressHelperText",
   setup(P) {
-    const e = R(), i = () => {
+    const e = R(), c = () => {
       var l, a;
       const o = (a = (l = e.slots).helperText) == null ? void 0 : a.call(l, {}), s = !z(o);
       return s || e.props.helperText ? u(
@@ -127,38 +132,38 @@ const L = [
         s ? o : e.props.helperText
       ) : null;
     };
-    return (o, s) => (p(), x(i));
+    return (o, s) => (p(), k(c));
   }
 }), te = /* @__PURE__ */ b({
   ...$("ProgressLegend"),
   __name: "ProgressLegend",
   setup(P) {
-    const e = R(), i = m(h, "legend"), o = m(i, "item"), s = (r) => u("div", {
+    const e = R(), c = m(h, "legend"), o = m(c, "item"), s = (r) => u("div", {
       class: m(o, "indicator"),
       style: { background: e.getColor(r.color) }
     }), l = (r) => u("div", { class: m(o, "title") }, r.title), a = (r) => u("div", { class: Z(m(o, "percent"), "en") }, `(${r._percent}%)`), y = (r) => u("div", { class: o }, [
       s(r),
       l(r),
       a(r)
-    ]), f = () => {
+    ]), v = () => {
       var r;
       return (r = e.getSteps.value) == null ? void 0 : r.map((d) => {
         var g, _;
-        const c = (_ = (g = e.slots).legendItem) == null ? void 0 : _.call(g, d);
-        return z(c) ? y(d) : c;
+        const i = (_ = (g = e.slots).legendItem) == null ? void 0 : _.call(g, d);
+        return z(i) ? y(d) : i;
       });
     }, t = () => {
-      var c, g, _;
-      const r = (g = (c = e.slots).legend) == null ? void 0 : g.call(c, {}), d = !z(r);
-      return d || e.props.legend && ((_ = e.getSteps.value) != null && _.length) ? u("div", { class: i }, d ? r : f()) : null;
+      var i, g, _;
+      const r = (g = (i = e.slots).legend) == null ? void 0 : g.call(i, {}), d = !z(r);
+      return d || e.props.legend && ((_ = e.getSteps.value) != null && _.length) ? u("div", { class: c }, d ? r : v()) : null;
     };
-    return (r, d) => (p(), x(t));
+    return (r, d) => (p(), k(t));
   }
-}), Se = { viewBox: "0 0 32 32" }, be = /* @__PURE__ */ b({
+}), $e = { viewBox: "0 0 32 32" }, Ie = /* @__PURE__ */ b({
   ...$("ProgressCircle"),
   __name: "ProgressCircle",
   setup(P) {
-    const e = R(), i = k(() => {
+    const e = R(), c = x(() => {
       switch (e.props.size) {
         case "2xsm":
         case "xsm":
@@ -170,32 +175,32 @@ const L = [
         case "lg":
           return "sm";
       }
-    }), o = F(G, {
+    }), o = F(A, {
       variants: {
-        size: T(he, G)
+        size: T(xe, A)
       }
     }), s = () => {
-      var f, t;
-      const a = (t = (f = e.slots).icon) == null ? void 0 : t.call(f, {}), y = !z(a);
+      var v, t;
+      const a = (t = (v = e.slots).icon) == null ? void 0 : t.call(v, {}), y = !z(a);
       if (e.statusIcon.value || y) {
         let r = a;
         return y || (r = u(de, {
           icon: e.statusIcon.value,
-          size: i.value
-        })), u("div", { class: m(G, "content") }, r);
+          size: c.value
+        })), u("div", { class: m(A, "content") }, r);
       }
       return null;
-    }, l = k(
+    }, l = x(
       () => ue(e.getSteps.value ?? [], ["percent"]).reverse()
     );
     return (a, y) => {
-      var f;
+      var v;
       return p(), S(N, null, [
-        A("div", {
+        G("div", {
           class: M(n(o)(n(e).props))
         }, [
-          (p(), S("svg", Se, [
-            n(e).props.indeterminate ? (p(), x(W, {
+          (p(), S("svg", $e, [
+            n(e).props.indeterminate ? (p(), k(W, {
               key: 1,
               indeterminate: "",
               "stroke-linecap": "round",
@@ -205,12 +210,12 @@ const L = [
                 "stroke-linecap": n(e).props.strokeLinecap,
                 trail: ""
               }, null, 8, ["stroke-linecap"]),
-              (f = n(e).getSteps.value) != null && f.length ? (p(!0), S(N, { key: 0 }, Y(l.value, (t) => (p(), x(W, {
+              (v = n(e).getSteps.value) != null && v.length ? (p(!0), S(N, { key: 0 }, Y(l.value, (t) => (p(), k(W, {
                 key: t.step_id,
                 "stroke-linecap": n(e).props.strokeLinecap,
                 color: n(e).getColor(t.color),
                 percent: t.percent
-              }, null, 8, ["stroke-linecap", "color", "percent"]))), 128)) : (p(), x(W, {
+              }, null, 8, ["stroke-linecap", "color", "percent"]))), 128)) : (p(), k(W, {
                 key: 1,
                 "stroke-linecap": n(e).props.strokeLinecap,
                 color: n(e).props.status ? void 0 : n(e).getColor(n(e).props.color),
@@ -226,11 +231,11 @@ const L = [
       ], 64);
     };
   }
-}), $e = /* @__PURE__ */ b({
+}), Le = /* @__PURE__ */ b({
   ...$("ProgressValidationMessage"),
   __name: "ProgressValidationMessage",
   setup(P) {
-    const e = R(), i = () => {
+    const e = R(), c = () => {
       var o, s;
       if (e.props.status) {
         const l = (s = (o = e.slots).validationMessage) == null ? void 0 : s.call(o, {});
@@ -245,13 +250,13 @@ const L = [
       }
       return null;
     };
-    return (o, s) => (p(), x(i));
+    return (o, s) => (p(), k(c));
   }
-}), Ie = /* @__PURE__ */ b({
+}), Be = /* @__PURE__ */ b({
   ...$("ProgressLine"),
   __name: "ProgressLine",
   setup(P) {
-    const e = R(), i = m(V, "value"), o = F(V, {
+    const e = R(), c = m(V, "value"), o = F(V, {
       variants: {
         notRounded: T("not-rounded", V),
         indeterminate: T("indeterminate", V)
@@ -276,7 +281,7 @@ const L = [
         if (!((t = e.getSteps.value) != null && t.length))
           return e.getColor(e.props.color);
       }
-    }, a = k(() => ({
+    }, a = x(() => ({
       width: s.value ? `${s.value}%` : void 0,
       background: l(),
       "--ptc-progress-animation-duration": e.duration.value
@@ -292,11 +297,11 @@ const L = [
         );
       }
       return null;
-    }, f = () => {
+    }, v = () => {
       if (e.props.status || e.props.indeterminate) {
-        const t = u(J), r = u($e), d = [], c = ge(e.slots.label || e.props.label) && (e.slots.helperText || e.props.helperText);
-        if (c && d.push(t), (e.slots.validationMessage || e.props.validationMessage) && !e.props.indeterminate && e.statusIcon.value && (c && d.push(
-          u(fe, { type: "vertical", class: m(h, "divider") })
+        const t = u(J), r = u(Le), d = [], i = _e(e.slots.label || e.props.label) && (e.slots.helperText || e.props.helperText);
+        if (i && d.push(t), (e.slots.validationMessage || e.props.validationMessage) && !e.props.indeterminate && e.statusIcon.value && (i && d.push(
+          u(ve, { type: "vertical", class: m(h, "divider") })
         ), d.push(r)), d.length)
           return u("div", { class: m(h, "line_validation_box") }, d);
       } else
@@ -307,7 +312,7 @@ const L = [
       var d;
       return p(), S(N, null, [
         B(y),
-        A("div", {
+        G("div", {
           class: M(
             n(o)({
               notRounded: n(e).props.notRounded,
@@ -315,22 +320,22 @@ const L = [
             })
           )
         }, [
-          A("div", {
-            class: M(n(i)),
+          G("div", {
+            class: M(n(c)),
             style: q(a.value)
           }, [
-            (d = n(e).getSteps.value) != null && d.length && !n(e).props.indeterminate ? (p(!0), S(N, { key: 0 }, Y(n(e).getSteps.value, (c) => (p(), S("div", {
-              class: M(n(m)(n(i), "step")),
-              key: c.step_id,
-              style: q({ background: n(e).getColor(c.color), width: `${c.percent ?? 0}%` })
+            (d = n(e).getSteps.value) != null && d.length && !n(e).props.indeterminate ? (p(!0), S(N, { key: 0 }, Y(n(e).getSteps.value, (i) => (p(), S("div", {
+              class: M(n(m)(n(c), "step")),
+              key: i.step_id,
+              style: q({ background: n(e).getColor(i.color), width: `${i.percent ?? 0}%` })
             }, null, 6))), 128)) : X("", !0)
           ], 6)
         ], 2),
-        B(f)
+        B(v)
       ], 64);
     };
   }
-}), Le = ["dir"], Ae = /* @__PURE__ */ b({
+}), Te = ["dir"], Ke = /* @__PURE__ */ b({
   ...$("Progress"),
   __name: "Progress",
   props: {
@@ -357,38 +362,39 @@ const L = [
     color: { default: "primary" }
   },
   setup(P) {
-    const e = P, i = ne(), o = ce, s = (c, g = !0) => {
-      const _ = Number(c);
+    ge("progress", ye);
+    const e = P, c = ne(), o = ie, s = (i, g = !0) => {
+      const _ = Number(i);
       if (!(isNaN(_) || g && (_ > 100 || _ < 0)))
         return _;
-    }, l = k(() => s(e.percent) ?? 0), a = k(() => {
-      var c;
-      if ((c = e.steps) != null && c.length && !e.status) {
-        const g = e.steps.map((v) => ({
-          ...v,
+    }, l = x(() => s(e.percent) ?? 0), a = x(() => {
+      var i;
+      if ((i = e.steps) != null && i.length && !e.status) {
+        const g = e.steps.map((f) => ({
+          ...f,
           step_id: ae(h)
         }));
         let _ = 0;
-        const j = g.reduce((v, C) => {
+        const j = g.reduce((f, C) => {
           const w = s(C.percent);
           w === void 0 && _++;
           const H = g.findIndex((I) => I.step_id === C.step_id);
-          return H !== -1 && (g[H].percent = w), v + (w || 0);
+          return H !== -1 && (g[H].percent = w), f + (w || 0);
         }, 0);
         if (l.value > 100 || l.value < 0 || j > 100 || j < 0)
           throw "Invalid percentage";
         let E = 0;
-        const D = g.map((v) => L.findIndex((C) => C === v.color)).sort(), re = Array.from({ length: L.length }, (v, C) => C).filter(
-          (v) => !D.includes(v)
+        const D = g.map((f) => L.findIndex((C) => C === f.color)).sort(), re = Array.from({ length: L.length }, (f, C) => C).filter(
+          (f) => !D.includes(f)
         );
         let K = -1;
-        return g.map((v) => {
-          const C = (100 - j) / _, w = (I = !0) => v.percent === void 0 ? e.type === "circle" && I ? (E += C, E * ((l.value || 100) / 100)) : C : e.type === "circle" && I ? (E += v.percent, E) : v.percent, H = () => {
-            const I = o(v.color);
+        return g.map((f) => {
+          const C = (100 - j) / _, w = (I = !0) => f.percent === void 0 ? e.type === "circle" && I ? (E += C, E * ((l.value || 100) / 100)) : C : e.type === "circle" && I ? (E += f.percent, E) : f.percent, H = () => {
+            const I = o(f.color);
             if (!I) {
               if (L.length !== D.length) {
                 const O = re.shift();
-                if (ve(O))
+                if (fe(O))
                   return D.push(O), L[O];
               }
               return K++, L[K % L.length];
@@ -396,7 +402,7 @@ const L = [
             return I;
           };
           return {
-            ...v,
+            ...f,
             percent: w(),
             _percent: w(!1),
             color: H()
@@ -405,10 +411,10 @@ const L = [
       }
     }), y = F(h, {
       variants: {
-        status: T(ye, h),
-        type: T(ke, h)
+        status: T(ke, h),
+        type: T(Pe, h)
       }
-    }), f = k(() => e.noAnimate ? 0 : (s(e.duration, !1) || 0) / 1e3), { getDir: t } = _e(), r = t(), d = k(() => {
+    }), v = x(() => e.noAnimate ? 0 : (s(e.duration, !1) || 0) / 1e3), { getDir: t } = he(), r = t(), d = x(() => {
       switch (e.status) {
         case "success":
           return e.type === "circle" ? "tabler:check" : "tabler:circle-check";
@@ -418,33 +424,33 @@ const L = [
           return e.type === "circle" ? "tabler:x" : "tabler:circle-x";
       }
     });
-    return xe({
+    return Ce({
       props: e,
       getColor: o,
       getSteps: a,
       percentProp: l,
       getPercent: s,
-      duration: f,
-      slots: i,
+      duration: v,
+      slots: c,
       statusIcon: d
-    }), (c, g) => (p(), S("div", {
+    }), (i, g) => (p(), S("div", {
       class: M(n(y)(e)),
       dir: n(r)
     }, [
-      c.type === "circle" ? (p(), x(be, { key: 0 })) : (p(), x(Ie, { key: 1 }))
-    ], 10, Le));
+      i.type === "circle" ? (p(), k(Ie, { key: 0 })) : (p(), k(Be, { key: 1 }))
+    ], 10, Te));
   }
 });
 export {
   L as P,
-  Ae as _,
-  Ge as a,
+  Ke as _,
+  Je as a,
   h as b,
-  G as c,
+  A as c,
   V as d,
-  he as e,
-  ye as f,
-  ke as g,
+  xe as e,
+  ke as f,
+  Pe as g,
   R as i,
-  xe as p
+  Ce as p
 };

package/dist/Progress.vue_vue_type_script_setup_true_lang-Cwyk5uVB.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@pantograph/utils"),V=require("class-variance-authority"),w=require("./BaseBadge.model-DecqxaGN.js"),M=require("reka-ui"),y=require("./options-CY2uxp5A.js");require("@pantograph/tokens");const D=require("es-toolkit"),h=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js");require("@vueuse/core");require("@tanstack/vue-virtual");const U=require("./Divider.vue_vue_type_script_setup_true_lang-Bs3xi5Tz.js"),J=require("./isEmpty-BKZMdy8h.js"),K=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),Q=require("@pantograph/style/progress.css?raw"),B=["red","orange","yellow","lime","green","sky","blue","pink","violet","gray","amber","teal","cyan","ocean","amethyst","fuchsia","mallard"],X=[...B,"primary",...w.BadgeColorsSubtle],v=o.getBemBlock("progress"),L=o.getBemElement(v,"circle"),S=o.getBemElement(v,"line"),O=["2xsm","xsm","sm","md","lg"],F=["progress","warning","error","success"],H=["circle","line"],[P,W]=M.createContext("progress"),Y=["d","stroke-width","stroke-linecap","stroke"],Z=["from","to","dur"],I=e.defineComponent({...y.getComponentOptions("ProgressCirclePath"),__name:"ProgressCirclePath",props:{strokeLinecap:{default:"round"},trail:{type:Boolean},indeterminate:{type:Boolean},percent:{},delay:{default:0},strokeWidth:{default:2.4},circleRadius:{default:16},color:{}},setup(k){const t=k,p=o.getBemElement(L,"path"),l=V.cva(p,{variants:{trail:o.generateVariantClassList("trail",p),indeterminate:o.generateVariantClassList("indeterminate",p)}}),s=P(),c=e.ref(0);e.watch(()=>[t.trail,t.percent],()=>{const r=s.getPercent(t.percent);if(!t.trail&&r!==void 0){const n=setTimeout(()=>{c.value=r,clearTimeout(n)},t.delay)}},{immediate:!0});const a=e.computed(()=>t.circleRadius-t.strokeWidth/2),_=e.computed(()=>{const r=t.circleRadius*2-t.strokeWidth;return`M ${t.circleRadius},${t.circleRadius} m 0,-${a.value} a ${a.value},${a.value} 0 1 1 0,${r} a ${a.value},${a.value} 0 1 1 0,-${r}`}),g=e.computed(()=>{const r=2*Math.PI*a.value,n=c.value/100;return{"stroke-dasharray":t.trail?void 0:r,"stroke-dashoffset":t.trail?void 0:r*(1-n),"--ptc-progress-animation-duration":s.duration.value}});return(r,n)=>(e.openBlock(),e.createBlock(e.unref(M.Primitive),{as:"g","as-child":!r.indeterminate,key:String(r.indeterminate)},{default:e.withCtx(()=>[e.createElementVNode("path",{d:_.value,"stroke-width":r.strokeWidth,fill:"none",style:e.normalizeStyle(g.value),"stroke-linecap":r.strokeLinecap,class:e.normalizeClass(e.unref(l)({trail:r.trail,indeterminate:r.indeterminate})),stroke:r.color??"currentColor"},null,14,Y),r.indeterminate?(e.openBlock(),e.createElementBlock("animateTransform",{key:0,attributeName:"transform",type:"rotate",from:`0 ${t.circleRadius} ${t.circleRadius}`,to:`360 ${t.circleRadius} ${t.circleRadius}`,dur:`${e.unref(s).duration.value||700}s`,repeatCount:"indefinite"},null,8,Z)):e.createCommentVNode("",!0)]),_:1},8,["as-child"]))}}),A=e.defineComponent({...y.getComponentOptions("ProgressLabel"),__name:"ProgressLabel",setup(k){const t=P(),p=()=>{var c,a;const l=(a=(c=t.slots).label)==null?void 0:a.call(c,{}),s=!h.isEmptyElement(l);return s||t.props.label?e.h("div",{class:o.getBemElement(v,"label")},s?l:t.props.label):null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),q=e.defineComponent({...y.getComponentOptions("ProgressHelperText"),__name:"ProgressHelperText",setup(k){const t=P(),p=()=>{var c,a;const l=(a=(c=t.slots).helperText)==null?void 0:a.call(c,{}),s=!h.isEmptyElement(l);return s||t.props.helperText?e.h("div",{class:o.normCls(o.getBemElement(v,"helper_text"),t.props.helperTextCls)},s?l:t.props.helperText):null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),G=e.defineComponent({...y.getComponentOptions("ProgressLegend"),__name:"ProgressLegend",setup(k){const t=P(),p=o.getBemElement(v,"legend"),l=o.getBemElement(p,"item"),s=n=>e.h("div",{class:o.getBemElement(l,"indicator"),style:{background:t.getColor(n.color)}}),c=n=>e.h("div",{class:o.getBemElement(l,"title")},n.title),a=n=>e.h("div",{class:o.normCls(o.getBemElement(l,"percent"),"en")},`(${n._percent}%)`),_=n=>e.h("div",{class:l},[s(n),c(n),a(n)]),g=()=>{var n;return(n=t.getSteps.value)==null?void 0:n.map(u=>{var d,f;const i=(f=(d=t.slots).legendItem)==null?void 0:f.call(d,u);return h.isEmptyElement(i)?_(u):i})},r=()=>{var i,d,f;const n=(d=(i=t.slots).legend)==null?void 0:d.call(i,{}),u=!h.isEmptyElement(n);return u||t.props.legend&&((f=t.getSteps.value)!=null&&f.length)?e.h("div",{class:p},u?n:g()):null};return(n,u)=>(e.openBlock(),e.createBlock(r))}}),ee={viewBox:"0 0 32 32"},te=e.defineComponent({...y.getComponentOptions("ProgressCircle"),__name:"ProgressCircle",setup(k){const t=P(),p=e.computed(()=>{switch(t.props.size){case"2xsm":case"xsm":return"3xsm";case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}}),l=V.cva(L,{variants:{size:o.generateVariantClassList(O,L)}}),s=()=>{var g,r;const a=(r=(g=t.slots).icon)==null?void 0:r.call(g,{}),_=!h.isEmptyElement(a);if(t.statusIcon.value||_){let n=a;return _||(n=e.h(h._sfc_main$2,{icon:t.statusIcon.value,size:p.value})),e.h("div",{class:o.getBemElement(L,"content")},n)}return null},c=e.computed(()=>D.sortBy(t.getSteps.value??[],["percent"]).reverse());return(a,_)=>{var g;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)(e.unref(t).props))},[(e.openBlock(),e.createElementBlock("svg",ee,[e.unref(t).props.indeterminate?(e.openBlock(),e.createBlock(I,{key:1,indeterminate:"","stroke-linecap":"round",percent:75})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(I,{"stroke-linecap":e.unref(t).props.strokeLinecap,trail:""},null,8,["stroke-linecap"]),(g=e.unref(t).getSteps.value)!=null&&g.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.value,r=>(e.openBlock(),e.createBlock(I,{key:r.step_id,"stroke-linecap":e.unref(t).props.strokeLinecap,color:e.unref(t).getColor(r.color),percent:r.percent},null,8,["stroke-linecap","color","percent"]))),128)):(e.openBlock(),e.createBlock(I,{key:1,"stroke-linecap":e.unref(t).props.strokeLinecap,color:e.unref(t).props.status?void 0:e.unref(t).getColor(e.unref(t).props.color),percent:e.unref(t).percentProp.value},null,8,["stroke-linecap","color","percent"]))],64))])),e.createVNode(s)],2),e.createVNode(A),e.createVNode(q),e.createVNode(G)],64)}}}),re=e.defineComponent({...y.getComponentOptions("ProgressValidationMessage"),__name:"ProgressValidationMessage",setup(k){const t=P(),p=()=>{var l,s;if(t.props.status){const c=(s=(l=t.slots).validationMessage)==null?void 0:s.call(l,{});if(!h.isEmptyElement(c)||t.props.validationMessage)return e.h(h._sfc_main$4,{status:t.props.status,message:t.props.validationMessage},{message:c})}return null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),ne=e.defineComponent({...y.getComponentOptions("ProgressLine"),__name:"ProgressLine",setup(k){const t=P(),p=o.getBemElement(S,"value"),l=V.cva(S,{variants:{notRounded:o.generateVariantClassList("not-rounded",S),indeterminate:o.generateVariantClassList("indeterminate",S)}}),s=e.ref(0);e.watch(()=>[t.percentProp.value,t.props.indeterminate],()=>{const r=setTimeout(()=>{var n;t.props.indeterminate?s.value=void 0:!t.percentProp.value&&((n=t.getSteps.value)!=null&&n.length)?s.value=100:s.value=t.percentProp.value??0,clearTimeout(r)},t.props.delay??0)},{immediate:!0});const c=()=>{var r;if(!t.props.indeterminate){if(t.props.status)return"currentColor";if(!((r=t.getSteps.value)!=null&&r.length))return t.getColor(t.props.color)}},a=e.computed(()=>({width:s.value?`${s.value}%`:void 0,background:c(),"--ptc-progress-animation-duration":t.duration.value})),_=()=>{if(t.slots.label||t.props.label){const r=e.h(A),n=e.h(q,{renderIfHasLabel:!0});return e.h("div",{class:o.getBemElement(v,"line_content")},[r,n])}return null},g=()=>{if(t.props.status||t.props.indeterminate){const r=e.h(q),n=e.h(re),u=[],i=J.isEmptyLikeLodash(t.slots.label||t.props.label)&&(t.slots.helperText||t.props.helperText);if(i&&u.push(r),(t.slots.validationMessage||t.props.validationMessage)&&!t.props.indeterminate&&t.statusIcon.value&&(i&&u.push(e.h(U._sfc_main,{type:"vertical",class:o.getBemElement(v,"divider")})),u.push(n)),u.length)return e.h("div",{class:o.getBemElement(v,"line_validation_box")},u)}else return e.h(G);return null};return(r,n)=>{var u;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(_),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)({notRounded:e.unref(t).props.notRounded,indeterminate:e.unref(t).props.indeterminate}))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)),style:e.normalizeStyle(a.value)},[(u=e.unref(t).getSteps.value)!=null&&u.length&&!e.unref(t).props.indeterminate?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(t).getSteps.value,i=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(p),"step")),key:i.step_id,style:e.normalizeStyle({background:e.unref(t).getColor(i.color),width:`${i.percent??0}%`})},null,6))),128)):e.createCommentVNode("",!0)],6)],2),e.createVNode(g)],64)}}}),se=["dir"],oe=e.defineComponent({...y.getComponentOptions("Progress"),__name:"Progress",props:{steps:{},type:{default:"line"},legend:{type:Boolean},indeterminate:{type:Boolean},noAnimate:{type:Boolean},size:{default:"md"},status:{},label:{},validationMessage:{},helperText:{},helperTextCls:{},notRounded:{type:Boolean},duration:{default:700},dir:{},strokeLinecap:{default:"round"},trail:{type:Boolean},percent:{},delay:{},strokeWidth:{},circleRadius:{},color:{default:"primary"}},setup(k){h.useComponentStyle("progress",Q);const t=k,p=e.useSlots(),l=w.getBadgeColor,s=(i,d=!0)=>{const f=Number(i);if(!(isNaN(f)||d&&(f>100||f<0)))return f},c=e.computed(()=>s(t.percent)??0),a=e.computed(()=>{var i;if((i=t.steps)!=null&&i.length&&!t.status){const d=t.steps.map(m=>({...m,step_id:o.usePCId(v)}));let f=0;const T=d.reduce((m,C)=>{const E=s(C.percent);E===void 0&&f++;const $=d.findIndex(x=>x.step_id===C.step_id);return $!==-1&&(d[$].percent=E),m+(E||0)},0);if(c.value>100||c.value<0||T>100||T<0)throw"Invalid percentage";let b=0;const N=d.map(m=>B.findIndex(C=>C===m.color)).sort(),j=Array.from({length:B.length},(m,C)=>C).filter(m=>!N.includes(m));let R=-1;return d.map(m=>{const C=(100-T)/f,E=(x=!0)=>m.percent===void 0?t.type==="circle"&&x?(b+=C,b*((c.value||100)/100)):C:t.type==="circle"&&x?(b+=m.percent,b):m.percent,$=()=>{const x=l(m.color);if(!x){if(B.length!==N.length){const z=j.shift();if(h.isNumber(z))return N.push(z),B[z]}return R++,B[R%B.length]}return x};return{...m,percent:E(),_percent:E(!1),color:$()}})}}),_=V.cva(v,{variants:{status:o.generateVariantClassList(F,v),type:o.generateVariantClassList(H,v)}}),g=e.computed(()=>t.noAnimate?0:(s(t.duration,!1)||0)/1e3),{getDir:r}=K.useConfig(),n=r(),u=e.computed(()=>{switch(t.status){case"success":return t.type==="circle"?"tabler:check":"tabler:circle-check";case"warning":return t.type==="circle"?"tabler:exclamation-mark":"tabler:exclamation-circle";case"error":return t.type==="circle"?"tabler:x":"tabler:circle-x"}});return W({props:t,getColor:l,getSteps:a,percentProp:c,getPercent:s,duration:g,slots:p,statusIcon:u}),(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_)(t)),dir:e.unref(n)},[i.type==="circle"?(e.openBlock(),e.createBlock(te,{key:0})):(e.openBlock(),e.createBlock(ne,{key:1}))],10,se))}});exports.ProgressBoldColors=B;exports.ProgressColors=X;exports.ProgressSizes=O;exports.ProgressStatuses=F;exports.ProgressTypes=H;exports._sfc_main=oe;exports.injectProgressContext=P;exports.progressCirclePrefix=L;exports.progressLinePrefix=S;exports.progressPrefix=v;exports.provideProgressContext=W;

package/dist/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupRootProps } from 'reka-ui';
+import { RadioGroupRootEmits, RadioGroupRootProps } from 'reka-ui';
 import { RadioGroupItemProps } from './RadioGroupItem';
 import { RadioGroupSize } from './RadioGroup.model';
 import { ClassValue } from 'class-variance-authority/types';
@@ -9,6 +9,9 @@ export interface RadioGroupProps extends RadioGroupRootProps {
     size?: RadioGroupSize;
     class?: ClassValue;
 }
+export interface RadioGroupEmits extends RadioGroupRootEmits {
+    change: RadioGroupRootEmits['update:modelValue'];
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -20,10 +23,13 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<RadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (payload: string) => any;
+    change: (payload: string) => any;
 }, string, import('vue').PublicProps, Readonly<RadioGroupProps> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+    onChange?: ((payload: string) => any) | undefined;
 }>, {
     size: RadioGroupSize;
+    disabled: boolean;
     orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/RadioGroup/RadioGroupItem.d.ts

@@ -1,12 +1,12 @@
 import { RadioGroupItemProps as RadixRadioGroupItemProps } from 'reka-ui';
 import { ClassValue } from 'class-variance-authority/types';
+export declare const radioGroupPrefix: string;
 export interface RadioGroupItemProps extends Omit<RadixRadioGroupItemProps, 'asChild' | 'as'> {
     class?: ClassValue;
     rootCls?: ClassValue;
     labelCls?: ClassValue;
     label?: string;
 }
-export declare const radioGroupPrefix: string;
 export interface RadioGroupSlots {
     label?: () => never;
 }

package/dist/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-NO2KpdR5.js";
+import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-BADpfqTO.js";
 export {
   r as RadioGroup,
   d as RadioGroupItem,

package/dist/RadioGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../RadioGroup.vue_vue_type_script_setup_true_lang-D-9WHezS.js");exports.RadioGroup=e._sfc_main;exports.RadioGroupItem=e._sfc_main$1;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../RadioGroup.vue_vue_type_script_setup_true_lang-BLfj2wLT.js");exports.RadioGroup=e._sfc_main;exports.RadioGroupItem=e._sfc_main$1;exports.default=e._sfc_main;

package/dist/RadioGroup.vue_vue_type_script_setup_true_lang-BADpfqTO.js

@@ -0,0 +1,110 @@
+import { defineComponent as R, useSlots as D, computed as l, createElementBlock as v, openBlock as r, mergeProps as u, unref as e, createVNode as h, createCommentVNode as I, withCtx as k, normalizeClass as y, renderSlot as x, createTextVNode as P, toDisplayString as U, createBlock as V, Fragment as L, renderList as N } from "vue";
+import { RadioGroupItem as $, RadioGroupIndicator as q, RadioGroupRoot as w } from "reka-ui";
+import { cva as E } from "class-variance-authority";
+import { omit as S } from "es-toolkit";
+import { a as z } from "./options-J8HfRMSU.js";
+import { u as F } from "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import { U as O, u as T } from "./useInputDataStates-Db6zJZ1T.js";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import j from "@pantograph/style/radio.css?raw";
+import { getBemBlock as A, getBemElement as d, usePCId as H, normCls as m, generateVariantClassList as G } from "@pantograph/utils";
+import "@pantograph/tokens";
+const J = ["for"], p = A("radio_group"), K = /* @__PURE__ */ R({
+  ...z("RadioGroupItem"),
+  __name: "RadioGroupItem",
+  props: {
+    class: {},
+    rootCls: {},
+    labelCls: {},
+    label: {},
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(c, { emit: f }) {
+    F("radio", j);
+    const o = c, t = d(p, "item"), b = D(), C = f, i = l(() => o.id ?? H(t)), { rootBindings: g, inputBindings: n } = O({
+      getDisabled: () => o.disabled,
+      emit: C
+    }), s = l(() => ({
+      ...S(o, ["class", "id", "rootCls", "labelCls", "label"]),
+      id: i.value,
+      ...n.value
+    })), B = l(() => !!(b.label || o.label));
+    return (a, _) => (r(), v("label", u({
+      class: e(m)(e(d)(e(t), "root"), a.rootCls)
+    }, e(g), { for: i.value }), [
+      h(e($), u({
+        class: e(m)(e(t), o.class)
+      }, s.value), {
+        default: k(() => [
+          h(e(q), {
+            class: y(e(d)(e(t), "indicator")),
+            as: "div"
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["class"]),
+      B.value ? (r(), v("span", {
+        key: 0,
+        class: y(e(m)(e(d)(e(t), "label"), a.labelCls))
+      }, [
+        x(a.$slots, "label", {}, () => [
+          P(U(a.label), 1)
+        ])
+      ], 2)) : I("", !0)
+    ], 16, J));
+  }
+}), M = ["2xsm", "xsm"], ie = /* @__PURE__ */ R({
+  ...z("RadioGroup"),
+  __name: "RadioGroup",
+  props: {
+    items: {},
+    options: {},
+    size: { default: "xsm" },
+    class: {},
+    modelValue: {},
+    defaultValue: {},
+    disabled: { type: Boolean, default: void 0 },
+    orientation: { default: "vertical" },
+    dir: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(c, { emit: f }) {
+    const o = c, t = f, b = l(() => S(o, ["items", "options", "class"])), C = (s) => {
+      t("update:modelValue", s), t("change", s);
+    }, i = E(p, {
+      variants: {
+        size: G(M, p),
+        orientation: G(["vertical", "horizontal"], p)
+      }
+    }), { getDisabled: g } = T(), n = l(() => o.options ?? o.items);
+    return (s, B) => (r(), V(e(w), u({ ...b.value, disabled: e(g) }, {
+      "onUpdate:modelValue": C,
+      class: e(m)(e(i)(o), o.class)
+    }), {
+      default: k(() => [
+        x(s.$slots, "default", {}, () => {
+          var a;
+          return [
+            (a = n.value) != null && a.length ? (r(!0), v(L, { key: 0 }, N(n.value, (_) => (r(), V(K, u({ ref_for: !0 }, _), null, 16))), 256)) : I("", !0)
+          ];
+        })
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  ie as _,
+  K as a
+};

package/dist/RadioGroup.vue_vue_type_script_setup_true_lang-BLfj2wLT.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),f=require("reka-ui"),k=require("class-variance-authority"),B=require("es-toolkit"),_=require("./options-CY2uxp5A.js"),q=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js"),b=require("./useInputDataStates-B2KtpFr0.js");require("@vueuse/core");require("@tanstack/vue-virtual");const V=require("@pantograph/style/radio.css?raw"),o=require("@pantograph/utils");require("@pantograph/tokens");const h=["for"],i=o.getBemBlock("radio_group"),v=e.defineComponent({..._.getComponentOptions("RadioGroupItem"),__name:"RadioGroupItem",props:{class:{},rootCls:{},labelCls:{},label:{},id:{},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:["update:modelValue","blur","focus"],setup(u,{emit:c}){q.useComponentStyle("radio",V);const t=u,s=o.getBemElement(i,"item"),d=e.useSlots(),m=c,n=e.computed(()=>t.id??o.usePCId(s)),{rootBindings:p,inputBindings:l}=b.UseInputDataStates({getDisabled:()=>t.disabled,emit:m}),a=e.computed(()=>({...B.omit(t,["class","id","rootCls","labelCls","label"]),id:n.value,...l.value})),C=e.computed(()=>!!(d.label||t.label));return(r,g)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({class:e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"root"),r.rootCls)},e.unref(p),{for:n.value}),[e.createVNode(e.unref(f.RadioGroupItem),e.mergeProps({class:e.unref(o.normCls)(e.unref(s),t.class)},a.value),{default:e.withCtx(()=>[e.createVNode(e.unref(f.RadioGroupIndicator),{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(s),"indicator")),as:"div"},null,8,["class"])]),_:1},16,["class"]),C.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"label"),r.labelCls))},[e.renderSlot(r.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(r.label),1)])],2)):e.createCommentVNode("",!0)],16,h))}}),y=["2xsm","xsm"],G=e.defineComponent({..._.getComponentOptions("RadioGroup"),__name:"RadioGroup",props:{items:{},options:{},size:{default:"xsm"},class:{},modelValue:{},defaultValue:{},disabled:{type:Boolean,default:void 0},orientation:{default:"vertical"},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["change","update:modelValue"],setup(u,{emit:c}){const t=u,s=c,d=e.computed(()=>B.omit(t,["items","options","class"])),m=a=>{s("update:modelValue",a),s("change",a)},n=k.cva(i,{variants:{size:o.generateVariantClassList(y,i),orientation:o.generateVariantClassList(["vertical","horizontal"],i)}}),{getDisabled:p}=b.useFormInput(),l=e.computed(()=>t.options??t.items);return(a,C)=>(e.openBlock(),e.createBlock(e.unref(f.RadioGroupRoot),e.mergeProps({...d.value,disabled:e.unref(p)},{"onUpdate:modelValue":m,class:e.unref(o.normCls)(e.unref(n)(t),t.class)}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>{var r;return[(r=l.value)!=null&&r.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.value,g=>(e.openBlock(),e.createBlock(v,e.mergeProps({ref_for:!0},g),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=G;exports._sfc_main$1=v;