@pantograph/vue 0.26.0 → 0.27.1

package/dist/{Progress.vue_vue_type_style_index_0_lang-DHMo6akY.js → Progress.vue_vue_type_script_setup_true_lang-fxFcm9WO.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 O, 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, w as me, n as ge, q as ve } from "./Icon.vue_vue_type_style_index_0_lang-26YK1SwL.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-DJv20Efl.js";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import { _ as ve } from "./Divider.vue_vue_type_script_setup_true_lang-BHkXVZCN.js";
+import { i as _e } from "./isEmpty-CgVXdsCr.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: O(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)),
-            style: O(a.value)
+          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: O({ 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,46 +362,47 @@ 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 q = g.map((v) => L.findIndex((C) => C === v.color)).sort(), re = Array.from({ length: L.length }, (v, C) => C).filter(
-          (v) => !q.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 !== q.length) {
-                const D = re.shift();
-                if (ve(D))
-                  return q.push(D), L[D];
+              if (L.length !== D.length) {
+                const O = re.shift();
+                if (fe(O))
+                  return D.push(O), L[O];
               }
               return K++, L[K % L.length];
             }
             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/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-Zo3ozdqk.js";
+import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-w2aa6VhW.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-B9rRuGDt.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-B_-7GgYM.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-B_-7GgYM.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-BDTw4CRD.js"),b=require("./useInputDataStates-CVQJAe1K.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;

package/dist/RadioGroup.vue_vue_type_script_setup_true_lang-w2aa6VhW.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-DJv20Efl.js";
+import { U as O, u as T } from "./useInputDataStates-DCxDvkM-.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
+};