@pantograph/vue 0.30.8 → 0.30.10

package/dist/Steps/index.js

@@ -1,17 +1,17 @@
-import { defineComponent as $, createBlock as V, openBlock as y, h as b, useSlots as w, unref as l, normalizeClass as h, withCtx as C, createElementVNode as D, createVNode as k, computed as M, normalizeStyle as O, renderSlot as v, normalizeProps as U, guardReactiveProps as X, createElementBlock as Y, Fragment as q, renderList as A, mergeProps as S } from "vue";
-import { cva as x } from "class-variance-authority";
-import { getComponentOptions as T, getBemElement as m, isEmptyLikeLodash as H, normCls as d, getBemModifier as J, generateVariantClassList as I, getBemBlock as K, getValidNumber as Q, getComponentName as F } from "@pantograph/utils";
-import { isEmptyElement as B, useVModel as W, installComponent as G } from "@pantograph/utils-vue";
-import { _ as Z } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
+import { defineComponent as k, createBlock as x, openBlock as h, h as y, useSlots as L, unref as i, normalizeClass as B, withCtx as C, createElementVNode as T, createVNode as N, computed as G, normalizeStyle as R, renderSlot as S, normalizeProps as M, guardReactiveProps as U, createElementBlock as X, Fragment as Y, renderList as q, mergeProps as v } from "vue";
+import { cva as z } from "class-variance-authority";
+import { getComponentOptions as I, getBemElement as f, isEmptyLikeLodash as H, normCls as m, getBemModifier as J, generateVariantClassList as j, getBemBlock as K, getValidNumber as Q, getComponentName as E } from "@pantograph/utils";
+import { isEmptyElement as _, useVModel as W, installComponent as D } from "@pantograph/utils-vue";
+import { _ as Z } from "../Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
 import { omit as ee } from "es-toolkit";
-import { createContext as R, RovingFocusItem as te, RovingFocusGroup as se } from "reka-ui";
-const oe = ["completed", "current", "upcoming", "error"], Se = ["number", "icon"], ne = /* @__PURE__ */ $({
-  ...T("StepLeading"),
+import { createContext as w, RovingFocusItem as te, RovingFocusGroup as ne } from "reka-ui";
+const re = ["completed", "current", "upcoming", "error"], Se = ["number", "icon"], oe = /* @__PURE__ */ k({
+  ...I("StepLeading"),
   __name: "StepLeading",
-  setup(_) {
-    const r = re(), o = m(u, "leading"), a = () => {
-      if (r.props.icon) return r.props.icon;
-      switch (r.props.status) {
+  setup(c) {
+    const s = se(), n = f(d, "leading"), a = () => {
+      if (s.props.icon) return s.props.icon;
+      switch (s.props.status) {
         case "current":
           return "tabler:progress";
         case "upcoming":
@@ -21,39 +21,39 @@ const oe = ["completed", "current", "upcoming", "error"], Se = ["number", "icon"
         case "completed":
           return "tabler:circle-check-filled";
       }
-    }, c = () => {
-      var L, z, E, N;
-      const f = (z = (L = r.slots).leading) == null ? void 0 : z.call(L, {}), p = !B(f), g = () => b(
+    }, p = () => {
+      var P, $, A, V;
+      const g = ($ = (P = s.slots).leading) == null ? void 0 : $.call(P, {}), u = !_(g), b = () => y(
         "div",
-        { class: d(m(o, "number"), r.props.numberCls) },
-        p ? f : r.props.number
-      ), s = a(), i = (N = (E = r.slots).icon) == null ? void 0 : N.call(E, {});
+        { class: m(f(n, "number"), s.props.numberCls) },
+        u ? g : s.props.number
+      ), o = a(), l = (V = (A = s.slots).icon) == null ? void 0 : V.call(A, {});
       let e = !1;
-      const t = () => (e = !0, b(
+      const t = () => (e = !0, y(
         Z,
         {
-          ...ee(r.props, ["status", "number", "iconCls", "numberCls"]),
-          icon: s,
+          ...ee(s.props, ["status", "number", "iconCls", "numberCls"]),
+          icon: o,
           size: "xsm",
-          class: d(r.props.iconCls)
+          class: m(s.props.iconCls)
         },
-        () => i
+        () => l
       ));
-      let n;
-      return p ? n = g() : !B(i) || r.props.icon || H(r.props.number) ? n = t() : n = g(), b(
+      let r;
+      return u ? r = b() : !_(l) || s.props.icon || H(s.props.number) ? r = t() : r = b(), y(
         "div",
         {
-          class: d(o, r.props.leadingCls, {
-            [J(o, "icon")]: e
+          class: m(n, s.props.leadingCls, {
+            [J(n, "icon")]: e
           })
         },
-        n
+        r
       );
     };
-    return (f, p) => (y(), V(c));
+    return (g, u) => (h(), x(p));
   }
-}), [re, ie] = R("Step"), j = /* @__PURE__ */ $({
-  ...T("Step"),
+}), [se, le] = w("Step"), F = /* @__PURE__ */ k({
+  ...I("Step"),
   __name: "Step",
   props: {
     index: {},
@@ -61,16 +61,16 @@ const oe = ["completed", "current", "upcoming", "error"], Se = ["number", "icon"
     number: {},
     title: {},
     description: {},
-    containerCls: {},
-    contentCls: {},
-    titleCls: {},
-    descriptionCls: {},
-    iconCls: {},
-    numberCls: {},
-    leadingCls: {},
+    containerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    contentCls: { type: [Array, Object, String, Number, null, Boolean] },
+    titleCls: { type: [Array, Object, String, Number, null, Boolean] },
+    descriptionCls: { type: [Array, Object, String, Number, null, Boolean] },
+    iconCls: { type: [Array, Object, String, Number, null, Boolean] },
+    numberCls: { type: [Array, Object, String, Number, null, Boolean] },
+    leadingCls: { type: [Array, Object, String, Number, null, Boolean] },
     disabled: { type: Boolean, default: void 0 },
     size: {},
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     icon: {},
     flipOnDir: {},
     customStroke: { type: Boolean },
@@ -78,147 +78,147 @@ const oe = ["completed", "current", "upcoming", "error"], Se = ["number", "icon"
     flipY: { type: Boolean }
   },
   emits: ["click"],
-  setup(_, { emit: r }) {
-    const o = _, a = w(), c = x(u, {
+  setup(c, { emit: s }) {
+    const n = c, a = L(), p = z(d, {
       variants: {
-        status: I(oe, u),
-        vertical: I("vertical", u)
+        status: j(re, d),
+        vertical: j("vertical", d)
       }
     });
-    ie({
-      props: o,
+    le({
+      props: n,
       slots: a
     });
-    const f = le(), p = (e) => {
-      o.disabled && (e.preventDefault(), e.stopPropagation());
-    }, g = () => {
-      var n;
+    const g = ie(), u = (e) => {
+      n.disabled && (e.preventDefault(), e.stopPropagation());
+    }, b = () => {
+      var r;
       let e;
-      const t = (n = a.title) == null ? void 0 : n.call(a, {});
-      if (B(t) ? e = o.title : e = t, e)
-        return b("div", { class: d(m(u, "title"), o.titleCls) }, e);
-    }, s = () => {
-      var n;
+      const t = (r = a.title) == null ? void 0 : r.call(a, {});
+      if (_(t) ? e = n.title : e = t, e)
+        return y("div", { class: m(f(d, "title"), n.titleCls) }, e);
+    }, o = () => {
+      var r;
       let e;
-      const t = (n = a.description) == null ? void 0 : n.call(a, {});
-      if (B(t) ? e = o.description : e = t, e)
-        return b(
+      const t = (r = a.description) == null ? void 0 : r.call(a, {});
+      if (_(t) ? e = n.description : e = t, e)
+        return y(
           "div",
           {
-            class: d(m(u, "description"), "paragraph", o.descriptionCls)
+            class: m(f(d, "description"), "paragraph", n.descriptionCls)
           },
           e
         );
-    }, i = () => {
-      const e = g(), t = s();
+    }, l = () => {
+      const e = b(), t = o();
       if (e || t)
-        return b("div", { class: d(m(u, "content"), o.contentCls) }, [
+        return y("div", { class: m(f(d, "content"), n.contentCls) }, [
           e,
           t
         ]);
     };
     return (e, t) => {
-      var n;
-      return y(), V(l(te), {
+      var r;
+      return h(), x(i(te), {
         as: "button",
-        tabStopId: (n = e.index) == null ? void 0 : n.toString(),
-        onPointerdown: p,
-        disabled: e.disabled,
-        class: h(
-          l(d)(
-            l(c)({
-              status: e.status,
-              vertical: l(f).props.vertical
+        tabStopId: (r = c.index) == null ? void 0 : r.toString(),
+        onPointerdown: u,
+        disabled: c.disabled,
+        class: B(
+          i(m)(
+            i(p)({
+              status: c.status,
+              vertical: i(g).props.vertical
             }),
-            o.class
+            n.class
           )
         )
       }, {
         default: C(() => [
-          D("div", {
-            class: h(l(m)(l(u), "line"))
+          T("div", {
+            class: B(i(f)(i(d), "line"))
           }, null, 2),
-          D("div", {
-            class: h(l(d)(l(m)(l(u), "container"), e.containerCls))
+          T("div", {
+            class: B(i(m)(i(f)(i(d), "container"), c.containerCls))
           }, [
-            k(ne),
-            k(i)
+            N(oe),
+            N(l)
           ], 2)
         ]),
         _: 1
       }, 8, ["tabStopId", "disabled", "class"]);
     };
   }
-}), P = K("steps"), u = m(P, "step"), [le, ae] = R("Steps"), ce = /* @__PURE__ */ $({
-  ...T("Steps"),
+}), O = K("steps"), d = f(O, "step"), [ie, ae] = w("Steps"), ce = /* @__PURE__ */ k({
+  ...I("Steps"),
   __name: "Steps",
   props: {
     items: { default: () => [] },
     modelValue: { default: 0 },
     vertical: { type: Boolean },
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     leadingType: { default: "icon" }
   },
   emits: ["update:modelValue", "change"],
-  setup(_, { emit: r }) {
-    const o = _, a = r;
-    w();
-    const c = W(o, "modelValue", a, {
-      onChange: (s) => {
-        a("change", s);
+  setup(c, { emit: s }) {
+    const n = c, a = s;
+    L();
+    const p = W(n, "modelValue", a, {
+      onChange: (o) => {
+        a("change", o);
       },
       defaultValue: 0
-    }), f = x(P, {
+    }), g = z(O, {
       variants: {
-        vertical: I("vertical", P)
+        vertical: j("vertical", O)
       }
-    }), p = M(() => {
-      var s;
-      return ((s = o.items) == null ? void 0 : s.map((i, e) => {
-        const t = e < c.value ? "completed" : e === c.value ? "current" : "upcoming", n = i.error ? "error" : t;
+    }), u = G(() => {
+      var o;
+      return ((o = n.items) == null ? void 0 : o.map((l, e) => {
+        const t = e < p.value ? "completed" : e === p.value ? "current" : "upcoming", r = l.error ? "error" : t;
         return {
-          ...i,
+          ...l,
           "data-completed": t === "completed" ? "" : void 0,
-          status: n,
+          status: r,
           index: e,
-          number: o.leadingType === "number" ? e + 1 : void 0,
-          disabled: i.disabled ? i.disabled : e > c.value + 1
+          number: n.leadingType === "number" ? e + 1 : void 0,
+          disabled: l.disabled ? l.disabled : e > p.value + 1
         };
       })) ?? [];
-    }), g = (s) => {
-      const i = Q(s);
-      i !== void 0 && i !== c.value && (c.value = i);
+    }), b = (o) => {
+      const l = Q(o);
+      l !== void 0 && l !== p.value && (p.value = l);
     };
-    return ae({ props: o }), (s, i) => {
+    return ae({ props: n }), (o, l) => {
       var e;
-      return y(), V(l(se), {
+      return h(), x(i(ne), {
         as: "div",
-        style: O({
-          gridTemplateColumns: s.vertical ? "repeat(1, minmax(0, 1fr))" : `repeat(${p.value.length}, minmax(0, 1fr))`
+        style: R({
+          gridTemplateColumns: c.vertical ? "repeat(1, minmax(0, 1fr))" : `repeat(${u.value.length}, minmax(0, 1fr))`
         }),
-        orientation: s.vertical ? "vertical" : "horizontal",
-        currentTabStopId: (e = l(c)) == null ? void 0 : e.toString(),
-        "onUpdate:currentTabStopId": g,
-        class: h(l(d)(l(f)({ vertical: s.vertical }), o.class))
+        orientation: c.vertical ? "vertical" : "horizontal",
+        currentTabStopId: (e = i(p)) == null ? void 0 : e.toString(),
+        "onUpdate:currentTabStopId": b,
+        class: B(i(m)(i(g)({ vertical: c.vertical }), n.class))
       }, {
         default: C(() => [
-          v(s.$slots, "default", U(X({ items: p.value })), () => [
-            (y(!0), Y(q, null, A(p.value, (t, n) => v(s.$slots, "item", S({
-              key: n,
+          S(o.$slots, "default", M(U({ items: u.value })), () => [
+            (h(!0), X(Y, null, q(u.value, (t, r) => S(o.$slots, "item", v({
+              key: r,
               ref_for: !0
             }, t), () => [
-              k(j, S({ ref_for: !0 }, t), {
+              N(F, v({ ref_for: !0 }, t), {
                 leading: C(() => [
-                  v(s.$slots, "leading", S({ ref_for: !0 }, t))
+                  S(o.$slots, "leading", v({ ref_for: !0 }, t))
                 ]),
                 title: C(() => [
-                  v(s.$slots, "title", S({ ref_for: !0 }, t))
+                  S(o.$slots, "title", v({ ref_for: !0 }, t))
                 ]),
                 description: C(() => [
-                  v(s.$slots, "description", S({ ref_for: !0 }, t))
+                  S(o.$slots, "description", v({ ref_for: !0 }, t))
                 ]),
                 icon: C(() => [
-                  v(s.$slots, "icon", S({ ref_for: !0 }, t))
+                  S(o.$slots, "icon", v({ ref_for: !0 }, t))
                 ]),
                 _: 2
               }, 1040)
@@ -229,19 +229,19 @@ const oe = ["completed", "current", "upcoming", "error"], Se = ["number", "icon"
       }, 8, ["style", "orientation", "currentTabStopId", "class"]);
     };
   }
-}), Ce = G(ce, F("Steps")), be = G(j, F("Step"));
+}), ve = D(ce, E("Steps")), Ce = D(F, E("Step"));
 export {
-  j as Step,
+  F as Step,
   Se as StepLeadingTypes,
-  be as StepPlugin,
-  oe as StepStatuses,
+  Ce as StepPlugin,
+  re as StepStatuses,
   ce as Steps,
-  Ce as StepsPlugin,
+  ve as StepsPlugin,
   ce as default,
-  re as injectStepContext,
-  le as injectStepsContext,
-  ie as provideStepContext,
+  se as injectStepContext,
+  ie as injectStepsContext,
+  le as provideStepContext,
   ae as provideStepsContext,
-  u as stepPrefix,
-  P as stepsPrefix
+  d as stepPrefix,
+  O as stepsPrefix
 };

package/dist/Steps/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),P=require("class-variance-authority"),n=require("@pantograph/utils"),f=require("@pantograph/utils-vue"),L=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),z=require("es-toolkit"),v=require("reka-ui"),k=["completed","current","upcoming","error"],N=["number","icon"],$=e.defineComponent({...n.getComponentOptions("StepLeading"),__name:"StepLeading",setup(C){const i=V(),r=n.getBemElement(u,"leading"),c=()=>{if(i.props.icon)return i.props.icon;switch(i.props.status){case"current":return"tabler:progress";case"upcoming":return"tabler:circle-dashed";case"error":return"tabler:progress-alert";case"completed":return"tabler:circle-check-filled"}},p=()=>{var _,B,y,E;const m=(B=(_=i.slots).leading)==null?void 0:B.call(_,{}),d=!f.isEmptyElement(m),g=()=>e.h("div",{class:n.normCls(n.getBemElement(r,"number"),i.props.numberCls)},d?m:i.props.number),o=c(),a=(E=(y=i.slots).icon)==null?void 0:E.call(y,{});let t=!1;const s=()=>(t=!0,e.h(L._sfc_main,{...z.omit(i.props,["status","number","iconCls","numberCls"]),icon:o,size:"xsm",class:n.normCls(i.props.iconCls)},()=>a));let l;return d?l=g():!f.isEmptyElement(a)||i.props.icon||n.isEmptyLikeLodash(i.props.number)?l=s():l=g(),e.h("div",{class:n.normCls(r,i.props.leadingCls,{[n.getBemModifier(r,"icon")]:t})},l)};return(m,d)=>(e.openBlock(),e.createBlock(p))}}),[V,x]=v.createContext("Step"),b=e.defineComponent({...n.getComponentOptions("Step"),__name:"Step",props:{index:{},status:{default:"upcoming"},number:{},title:{},description:{},containerCls:{},contentCls:{},titleCls:{},descriptionCls:{},iconCls:{},numberCls:{},leadingCls:{},disabled:{type:Boolean,default:void 0},size:{},class:{},icon:{},flipOnDir:{},customStroke:{type:Boolean},flipX:{type:Boolean},flipY:{type:Boolean}},emits:["click"],setup(C,{emit:i}){const r=C,c=e.useSlots(),p=P.cva(u,{variants:{status:n.generateVariantClassList(k,u),vertical:n.generateVariantClassList("vertical",u)}});x({props:r,slots:c});const m=I(),d=t=>{r.disabled&&(t.preventDefault(),t.stopPropagation())},g=()=>{var l;let t;const s=(l=c.title)==null?void 0:l.call(c,{});if(f.isEmptyElement(s)?t=r.title:t=s,t)return e.h("div",{class:n.normCls(n.getBemElement(u,"title"),r.titleCls)},t)},o=()=>{var l;let t;const s=(l=c.description)==null?void 0:l.call(c,{});if(f.isEmptyElement(s)?t=r.description:t=s,t)return e.h("div",{class:n.normCls(n.getBemElement(u,"description"),"paragraph",r.descriptionCls)},t)},a=()=>{const t=g(),s=o();if(t||s)return e.h("div",{class:n.normCls(n.getBemElement(u,"content"),r.contentCls)},[t,s])};return(t,s)=>{var l;return e.openBlock(),e.createBlock(e.unref(v.RovingFocusItem),{as:"button",tabStopId:(l=t.index)==null?void 0:l.toString(),onPointerdown:d,disabled:t.disabled,class:e.normalizeClass(e.unref(n.normCls)(e.unref(p)({status:t.status,vertical:e.unref(m).props.vertical}),r.class))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(u),"line"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(u),"container"),t.containerCls))},[e.createVNode($),e.createVNode(a)],2)]),_:1},8,["tabStopId","disabled","class"])}}}),S=n.getBemBlock("steps"),u=n.getBemElement(S,"step"),[I,T]=v.createContext("Steps"),h=e.defineComponent({...n.getComponentOptions("Steps"),__name:"Steps",props:{items:{default:()=>[]},modelValue:{default:0},vertical:{type:Boolean},class:{},leadingType:{default:"icon"}},emits:["update:modelValue","change"],setup(C,{emit:i}){const r=C,c=i;e.useSlots();const p=f.useVModel(r,"modelValue",c,{onChange:o=>{c("change",o)},defaultValue:0}),m=P.cva(S,{variants:{vertical:n.generateVariantClassList("vertical",S)}}),d=e.computed(()=>{var o;return((o=r.items)==null?void 0:o.map((a,t)=>{const s=t<p.value?"completed":t===p.value?"current":"upcoming",l=a.error?"error":s;return{...a,"data-completed":s==="completed"?"":void 0,status:l,index:t,number:r.leadingType==="number"?t+1:void 0,disabled:a.disabled?a.disabled:t>p.value+1}}))??[]}),g=o=>{const a=n.getValidNumber(o);a!==void 0&&a!==p.value&&(p.value=a)};return T({props:r}),(o,a)=>{var t;return e.openBlock(),e.createBlock(e.unref(v.RovingFocusGroup),{as:"div",style:e.normalizeStyle({gridTemplateColumns:o.vertical?"repeat(1, minmax(0, 1fr))":`repeat(${d.value.length}, minmax(0, 1fr))`}),orientation:o.vertical?"vertical":"horizontal",currentTabStopId:(t=e.unref(p))==null?void 0:t.toString(),"onUpdate:currentTabStopId":g,class:e.normalizeClass(e.unref(n.normCls)(e.unref(m)({vertical:o.vertical}),r.class))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({items:d.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(s,l)=>e.renderSlot(o.$slots,"item",e.mergeProps({key:l,ref_for:!0},s),()=>[e.createVNode(b,e.mergeProps({ref_for:!0},s),{leading:e.withCtx(()=>[e.renderSlot(o.$slots,"leading",e.mergeProps({ref_for:!0},s))]),title:e.withCtx(()=>[e.renderSlot(o.$slots,"title",e.mergeProps({ref_for:!0},s))]),description:e.withCtx(()=>[e.renderSlot(o.$slots,"description",e.mergeProps({ref_for:!0},s))]),icon:e.withCtx(()=>[e.renderSlot(o.$slots,"icon",e.mergeProps({ref_for:!0},s))]),_:2},1040)])),128))])]),_:3},8,["style","orientation","currentTabStopId","class"])}}}),w=f.installComponent(h,n.getComponentName("Steps")),q=f.installComponent(b,n.getComponentName("Step"));exports.Step=b;exports.StepLeadingTypes=N;exports.StepPlugin=q;exports.StepStatuses=k;exports.Steps=h;exports.StepsPlugin=w;exports.default=h;exports.injectStepContext=V;exports.injectStepsContext=I;exports.provideStepContext=x;exports.provideStepsContext=T;exports.stepPrefix=u;exports.stepsPrefix=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("class-variance-authority"),t=require("@pantograph/utils"),f=require("@pantograph/utils-vue"),O=require("../Icon.vue_vue_type_style_index_0_lang-D9YESScE.js"),I=require("es-toolkit"),b=require("reka-ui"),P=["completed","current","upcoming","error"],T=["number","icon"],A=e.defineComponent({...t.getComponentOptions("StepLeading"),__name:"StepLeading",setup(u){const i=N(),o=t.getBemElement(m,"leading"),c=()=>{if(i.props.icon)return i.props.icon;switch(i.props.status){case"current":return"tabler:progress";case"upcoming":return"tabler:circle-dashed";case"error":return"tabler:progress-alert";case"completed":return"tabler:circle-check-filled"}},p=()=>{var B,h,_,x;const g=(h=(B=i.slots).leading)==null?void 0:h.call(B,{}),d=!f.isEmptyElement(g),C=()=>e.h("div",{class:t.normCls(t.getBemElement(o,"number"),i.props.numberCls)},d?g:i.props.number),l=c(),a=(x=(_=i.slots).icon)==null?void 0:x.call(_,{});let n=!1;const r=()=>(n=!0,e.h(O._sfc_main,{...I.omit(i.props,["status","number","iconCls","numberCls"]),icon:l,size:"xsm",class:t.normCls(i.props.iconCls)},()=>a));let s;return d?s=C():!f.isEmptyElement(a)||i.props.icon||t.isEmptyLikeLodash(i.props.number)?s=r():s=C(),e.h("div",{class:t.normCls(o,i.props.leadingCls,{[t.getBemModifier(o,"icon")]:n})},s)};return(g,d)=>(e.openBlock(),e.createBlock(p))}}),[N,k]=b.createContext("Step"),v=e.defineComponent({...t.getComponentOptions("Step"),__name:"Step",props:{index:{},status:{default:"upcoming"},number:{},title:{},description:{},containerCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},iconCls:{type:[Array,Object,String,Number,null,Boolean]},numberCls:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},disabled:{type:Boolean,default:void 0},size:{},class:{type:[Array,Object,String,Number,null,Boolean]},icon:{},flipOnDir:{},customStroke:{type:Boolean},flipX:{type:Boolean},flipY:{type:Boolean}},emits:["click"],setup(u,{emit:i}){const o=u,c=e.useSlots(),p=E.cva(m,{variants:{status:t.generateVariantClassList(P,m),vertical:t.generateVariantClassList("vertical",m)}});k({props:o,slots:c});const g=V(),d=n=>{o.disabled&&(n.preventDefault(),n.stopPropagation())},C=()=>{var s;let n;const r=(s=c.title)==null?void 0:s.call(c,{});if(f.isEmptyElement(r)?n=o.title:n=r,n)return e.h("div",{class:t.normCls(t.getBemElement(m,"title"),o.titleCls)},n)},l=()=>{var s;let n;const r=(s=c.description)==null?void 0:s.call(c,{});if(f.isEmptyElement(r)?n=o.description:n=r,n)return e.h("div",{class:t.normCls(t.getBemElement(m,"description"),"paragraph",o.descriptionCls)},n)},a=()=>{const n=C(),r=l();if(n||r)return e.h("div",{class:t.normCls(t.getBemElement(m,"content"),o.contentCls)},[n,r])};return(n,r)=>{var s;return e.openBlock(),e.createBlock(e.unref(b.RovingFocusItem),{as:"button",tabStopId:(s=u.index)==null?void 0:s.toString(),onPointerdown:d,disabled:u.disabled,class:e.normalizeClass(e.unref(t.normCls)(e.unref(p)({status:u.status,vertical:e.unref(g).props.vertical}),o.class))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(m),"line"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(m),"container"),u.containerCls))},[e.createVNode(A),e.createVNode(a)],2)]),_:1},8,["tabStopId","disabled","class"])}}}),S=t.getBemBlock("steps"),m=t.getBemElement(S,"step"),[V,j]=b.createContext("Steps"),y=e.defineComponent({...t.getComponentOptions("Steps"),__name:"Steps",props:{items:{default:()=>[]},modelValue:{default:0},vertical:{type:Boolean},class:{type:[Array,Object,String,Number,null,Boolean]},leadingType:{default:"icon"}},emits:["update:modelValue","change"],setup(u,{emit:i}){const o=u,c=i;e.useSlots();const p=f.useVModel(o,"modelValue",c,{onChange:l=>{c("change",l)},defaultValue:0}),g=E.cva(S,{variants:{vertical:t.generateVariantClassList("vertical",S)}}),d=e.computed(()=>{var l;return((l=o.items)==null?void 0:l.map((a,n)=>{const r=n<p.value?"completed":n===p.value?"current":"upcoming",s=a.error?"error":r;return{...a,"data-completed":r==="completed"?"":void 0,status:s,index:n,number:o.leadingType==="number"?n+1:void 0,disabled:a.disabled?a.disabled:n>p.value+1}}))??[]}),C=l=>{const a=t.getValidNumber(l);a!==void 0&&a!==p.value&&(p.value=a)};return j({props:o}),(l,a)=>{var n;return e.openBlock(),e.createBlock(e.unref(b.RovingFocusGroup),{as:"div",style:e.normalizeStyle({gridTemplateColumns:u.vertical?"repeat(1, minmax(0, 1fr))":`repeat(${d.value.length}, minmax(0, 1fr))`}),orientation:u.vertical?"vertical":"horizontal",currentTabStopId:(n=e.unref(p))==null?void 0:n.toString(),"onUpdate:currentTabStopId":C,class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({vertical:u.vertical}),o.class))},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps({items:d.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(r,s)=>e.renderSlot(l.$slots,"item",e.mergeProps({key:s,ref_for:!0},r),()=>[e.createVNode(v,e.mergeProps({ref_for:!0},r),{leading:e.withCtx(()=>[e.renderSlot(l.$slots,"leading",e.mergeProps({ref_for:!0},r))]),title:e.withCtx(()=>[e.renderSlot(l.$slots,"title",e.mergeProps({ref_for:!0},r))]),description:e.withCtx(()=>[e.renderSlot(l.$slots,"description",e.mergeProps({ref_for:!0},r))]),icon:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",e.mergeProps({ref_for:!0},r))]),_:2},1040)])),128))])]),_:3},8,["style","orientation","currentTabStopId","class"])}}}),L=f.installComponent(y,t.getComponentName("Steps")),z=f.installComponent(v,t.getComponentName("Step"));exports.Step=v;exports.StepLeadingTypes=T;exports.StepPlugin=z;exports.StepStatuses=P;exports.Steps=y;exports.StepsPlugin=L;exports.default=y;exports.injectStepContext=N;exports.injectStepsContext=V;exports.provideStepContext=k;exports.provideStepsContext=j;exports.stepPrefix=m;exports.stepsPrefix=S;

package/dist/SubMenu/index.js

@@ -1,4 +1,4 @@
-import { c as o } from "../MenuItem.vue_vue_type_style_index_0_lang-BhdOsuVb.js";
+import { c as o } from "../MenuItem.vue_vue_type_style_index_0_lang-DsicR4mL.js";
 import { installComponent as n } from "@pantograph/utils-vue";
 import { getComponentName as m } from "@pantograph/utils";
 const a = n(o, m("SubMenu"));

package/dist/SubMenu/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-DYhvQVbp.js"),u=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),t=u.installComponent(e._sfc_main$2,n.getComponentName("SubMenu"));exports.SubMenu=e._sfc_main$2;exports.default=e._sfc_main$2;exports.SubMenuPlugin=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-Bwl4xGwb.js"),u=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),t=u.installComponent(e._sfc_main$2,n.getComponentName("SubMenu"));exports.SubMenu=e._sfc_main$2;exports.default=e._sfc_main$2;exports.SubMenuPlugin=t;

package/dist/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import { SwitchRootProps, SwitchRootEmits, CheckboxRootEmits } from 'reka-ui';
 import { SwitchSize } from './Switch.model';
 import { IconSize } from '../Icon';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface SwitchProps extends Omit<SwitchRootProps, 'asChild'> {
     checked?: SwitchRootProps['modelValue'];
     size?: SwitchSize;

package/dist/Switch/index.js

@@ -1,5 +1,5 @@
-import { _ as t } from "../Switch.vue_vue_type_style_index_0_lang-DM0BBZ3s.js";
-import { S as p } from "../Switch.vue_vue_type_style_index_0_lang-DM0BBZ3s.js";
+import { _ as t } from "../Switch.vue_vue_type_style_index_0_lang-BmsIxVHQ.js";
+import { S as p } from "../Switch.vue_vue_type_style_index_0_lang-BmsIxVHQ.js";
 import { installComponent as o } from "@pantograph/utils-vue";
 import { getComponentName as i } from "@pantograph/utils";
 const e = o(t, i("Switch"));

package/dist/Switch/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Switch.vue_vue_type_style_index_0_lang-BWuuLt7A.js"),t=require("@pantograph/utils-vue"),i=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,i.getComponentName("Switch"));exports.Switch=e._sfc_main;exports.SwitchSizes=e.SwitchSizes;exports.default=e._sfc_main;exports.SwitchPlugin=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Switch.vue_vue_type_style_index_0_lang-DGgteB6-.js"),t=require("@pantograph/utils-vue"),i=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,i.getComponentName("Switch"));exports.Switch=e._sfc_main;exports.SwitchSizes=e.SwitchSizes;exports.default=e._sfc_main;exports.SwitchPlugin=n;

package/dist/Switch.vue_vue_type_style_index_0_lang-BmsIxVHQ.js

@@ -0,0 +1,137 @@
+import { defineComponent as O, useSlots as j, computed as a, ref as U, watch as L, createElementBlock as h, openBlock as v, mergeProps as x, unref as e, createVNode as S, createCommentVNode as b, withCtx as z, normalizeClass as r, renderSlot as n, createElementVNode as I, createTextVNode as q, toDisplayString as F } from "vue";
+import { getComponentOptions as R, getBemBlock as G, generateVariantClassList as f, usePCId as H, normCls as k, getBemElement as c } from "@pantograph/utils";
+import { cva as J } from "class-variance-authority";
+import { useEmitAsProps as K, SwitchRoot as M, SwitchThumb as Q } from "reka-ui";
+import { omit as w } from "es-toolkit";
+import { useFormInput as W, useInputDataStates as X } from "@pantograph/utils-vue";
+import "./Icon/index.js";
+const Y = ["2xsm", "xsm", "sm"], Z = ["for"], ne = /* @__PURE__ */ O({
+  ...R("Switch"),
+  __name: "Switch",
+  props: {
+    checked: { type: [Boolean, null], default: void 0 },
+    size: { default: "xsm" },
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    rootCls: { type: [Array, Object, String, Number, null, Boolean] },
+    labelCls: { type: [Array, Object, String, Number, null, Boolean] },
+    label: {},
+    defaultValue: { type: Boolean },
+    modelValue: { type: [Boolean, null], default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    id: {},
+    value: {},
+    as: {},
+    name: {},
+    required: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:checked", "change", "blur", "focus", "update:modelValue"],
+  setup(o, { emit: T }) {
+    const s = o, i = T, N = K(i), l = G("switch"), P = J(l, {
+      variants: {
+        size: f(Y, l),
+        innerText: f("inner-text", l),
+        innerIcon: f("inner-icon", l)
+      }
+    }), u = j(), g = a(() => s.id ?? H(l)), { getDisabled: B } = W({
+      exports: ["getDisabled"]
+    }), { rootBindings: $, inputBindings: A } = X({
+      getDisabled: () => B.value,
+      emit: i
+    }), D = a(() => ({
+      ...w(s, [
+        "size",
+        "class",
+        "id",
+        "rootCls",
+        "labelCls",
+        "label",
+        "disabled",
+        "modelValue",
+        "checked"
+      ]),
+      disabled: B.value,
+      ...w(N, ["onUpdate:modelValue", "onUpdate:checked"]),
+      id: g.value,
+      ...A.value
+    })), m = a(() => s.size === "xsm" ? "3xsm" : "2xsm"), V = a(() => !!(u.label || s.label)), d = a(() => s.modelValue ?? s.checked), p = U(d.value ?? !1);
+    L(
+      () => [s.modelValue, s.checked],
+      () => {
+        p.value = d.value ?? !1;
+      }
+    );
+    const y = a({
+      get() {
+        return d.value !== void 0 ? d.value : p.value;
+      },
+      set(t) {
+        d.value === void 0 && (p.value = t), i("update:checked", t), i("update:modelValue", t), i("change", t);
+      }
+    });
+    return (t, C) => (v(), h("div", x({
+      key: V.value,
+      class: e(k)(e(c)(e(l), "root"), s.rootCls)
+    }, e($)), [
+      S(e(M), x({
+        class: e(k)(
+          e(P)({
+            size: o.size,
+            innerText: !!(u.checkedText || u.uncheckedText),
+            innerIcon: !!(u.checkedIcon || u.uncheckedIcon)
+          }),
+          s.class
+        )
+      }, D.value, {
+        modelValue: y.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (E) => y.value = E)
+      }), {
+        default: z(() => [
+          S(e(Q), {
+            class: r(e(c)(e(l), "thumb"))
+          }, {
+            default: z(() => [
+              ["xsm", "sm"].includes(o.size) ? n(t.$slots, "thumb", {
+                key: 0,
+                size: m.value
+              }) : b("", !0)
+            ]),
+            _: 3
+          }, 8, ["class"]),
+          ["xsm", "sm"].includes(o.size) ? (v(), h("div", {
+            key: 0,
+            class: r(e(c)(e(l), "inner"))
+          }, [
+            I("div", {
+              class: r(e(c)(e(l), "inner__checked"))
+            }, [
+              n(t.$slots, "checkedText", {}, () => [
+                n(t.$slots, "checkedIcon", { size: m.value })
+              ])
+            ], 2),
+            I("div", {
+              class: r(e(c)(e(l), "inner__unchecked"))
+            }, [
+              n(t.$slots, "uncheckedText", {}, () => [
+                n(t.$slots, "uncheckedIcon", { size: m.value })
+              ])
+            ], 2)
+          ], 2)) : b("", !0)
+        ]),
+        _: 3
+      }, 16, ["class", "modelValue"]),
+      V.value ? (v(), h("label", {
+        key: 0,
+        class: r(e(k)(e(c)(e(l), "label"), o.labelCls)),
+        for: g.value
+      }, [
+        n(t.$slots, "label", {}, () => [
+          q(F(o.label), 1)
+        ])
+      ], 10, Z)) : b("", !0)
+    ], 16));
+  }
+});
+export {
+  Y as S,
+  ne as _
+};

package/dist/Switch.vue_vue_type_style_index_0_lang-DGgteB6-.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),E=require("class-variance-authority"),d=require("reka-ui"),k=require("es-toolkit"),b=require("@pantograph/utils-vue");require("./Icon/index.umd.cjs");const g=["2xsm","xsm","sm"],N=["for"],w=e.defineComponent({...t.getComponentOptions("Switch"),__name:"Switch",props:{checked:{type:[Boolean,null],default:void 0},size:{default:"xsm"},class:{type:[Array,Object,String,Number,null,Boolean]},rootCls:{type:[Array,Object,String,Number,null,Boolean]},labelCls:{type:[Array,Object,String,Number,null,Boolean]},label:{},defaultValue:{type:Boolean},modelValue:{type:[Boolean,null],default:void 0},disabled:{type:Boolean,default:void 0},id:{},value:{},as:{},name:{},required:{type:Boolean,default:void 0}},emits:["update:checked","change","blur","focus","update:modelValue"],setup(o,{emit:B}){const s=o,a=B,C=d.useEmitAsProps(a),l=t.getBemBlock("switch"),V=E.cva(l,{variants:{size:t.generateVariantClassList(g,l),innerText:t.generateVariantClassList("inner-text",l),innerIcon:t.generateVariantClassList("inner-icon",l)}}),r=e.useSlots(),m=e.computed(()=>s.id??t.usePCId(l)),{getDisabled:f}=b.useFormInput({exports:["getDisabled"]}),{rootBindings:S,inputBindings:z}=b.useInputDataStates({getDisabled:()=>f.value,emit:a}),y=e.computed(()=>({...k.omit(s,["size","class","id","rootCls","labelCls","label","disabled","modelValue","checked"]),disabled:f.value,...k.omit(C,["onUpdate:modelValue","onUpdate:checked"]),id:m.value,...z.value})),c=e.computed(()=>s.size==="xsm"?"3xsm":"2xsm"),h=e.computed(()=>!!(r.label||s.label)),u=e.computed(()=>s.modelValue??s.checked),i=e.ref(u.value??!1);e.watch(()=>[s.modelValue,s.checked],()=>{i.value=u.value??!1});const p=e.computed({get(){return u.value!==void 0?u.value:i.value},set(n){u.value===void 0&&(i.value=n),a("update:checked",n),a("update:modelValue",n),a("change",n)}});return(n,v)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:h.value,class:e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"root"),s.rootCls)},e.unref(S)),[e.createVNode(e.unref(d.SwitchRoot),e.mergeProps({class:e.unref(t.normCls)(e.unref(V)({size:o.size,innerText:!!(r.checkedText||r.uncheckedText),innerIcon:!!(r.checkedIcon||r.uncheckedIcon)}),s.class)},y.value,{modelValue:p.value,"onUpdate:modelValue":v[0]||(v[0]=x=>p.value=x)}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.SwitchThumb),{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"thumb"))},{default:e.withCtx(()=>[["xsm","sm"].includes(o.size)?e.renderSlot(n.$slots,"thumb",{key:0,size:c.value}):e.createCommentVNode("",!0)]),_:3},8,["class"]),["xsm","sm"].includes(o.size)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"inner"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"inner__checked"))},[e.renderSlot(n.$slots,"checkedText",{},()=>[e.renderSlot(n.$slots,"checkedIcon",{size:c.value})])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"inner__unchecked"))},[e.renderSlot(n.$slots,"uncheckedText",{},()=>[e.renderSlot(n.$slots,"uncheckedIcon",{size:c.value})])],2)],2)):e.createCommentVNode("",!0)]),_:3},16,["class","modelValue"]),h.value?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"label"),o.labelCls)),for:m.value},[e.renderSlot(n.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])],10,N)):e.createCommentVNode("",!0)],16))}});exports.SwitchSizes=g;exports._sfc_main=w;

package/dist/Table/TBody.d.ts

@@ -1,4 +1,4 @@
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface TBodyProps {
     class?: ClassValue;
 }

package/dist/Table/TFoot.d.ts

@@ -1,4 +1,4 @@
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface TFootProps {
     class?: ClassValue;
     sticky?: boolean;

package/dist/Table/THead.d.ts

@@ -1,4 +1,4 @@
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface THeadProps {
     class?: ClassValue;
     sticky?: boolean;

package/dist/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import { TableSize } from './Table.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export declare const tablePrefix: string;
 export interface TableProps {
     size?: TableSize;

package/dist/Table/Td.d.ts

@@ -1,5 +1,5 @@
 import { TableSize } from './Table.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface TdProps {
     class?: ClassValue;
     size?: TableSize;