@pantograph/vue 0.23.3 → 0.23.4

package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-BWLdpspA.js → IndentLevel.vue_vue_type_style_index_0_lang-CjaQqD7w.js}

@@ -1,11 +1,11 @@
 import { defineComponent as z, computed as v, createElementBlock as r, openBlock as o, normalizeClass as u, unref as l, Fragment as d, renderList as I, createBlock as f, createCommentVNode as m, createVNode as C, withCtx as N, renderSlot as S } from "vue";
-import { getBemBlock as $, getBemElement as L, generateVariantClassList as t, getBemModifier as R } from "@pantograph/utils";
+import { getBemBlock as $, getBemElement as g, generateVariantClassList as t, getBemModifier as R } from "@pantograph/utils";
 import { cva as D } from "class-variance-authority";
 import { g as E } from "./options-D4et5euX.js";
-import { _ as g } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
-import { _ as V } from "./Spinner.vue_vue_type_style_index_0_lang-DxV3D_9N.js";
-import { _ } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BZCn44kG.js";
-import { n as M } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { _ as L } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
+import { _ as V } from "./Spinner.vue_vue_type_style_index_0_lang-Dc9P7GsT.js";
+import { _ } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-C7HScEPN.js";
+import { g as M } from "./FormItem.vue_vue_type_style_index_0_lang-CwxlEgep.js";
 const F = ["2xsm", "xsm", "sm"], Q = ["last", "all", "before", "self"], O = { key: 0 }, T = /* @__PURE__ */ z({
   ...E("IndentLevel"),
   __name: "IndentLevel",
@@ -21,7 +21,7 @@ const F = ["2xsm", "xsm", "sm"], Q = ["last", "all", "before", "self"], O = { ke
     noRotateBranch: { type: Boolean }
   },
   setup(b) {
-    const n = b, s = $("indent_level"), p = L(s, "item"), y = L(p, "branch"), B = D(s, {
+    const n = b, s = $("indent_level"), p = g(s, "item"), y = g(p, "branch"), B = D(s, {
       variants: {
         size: t(F, s),
         expanded: t("expanded", s),
@@ -73,13 +73,13 @@ const F = ["2xsm", "xsm", "sm"], Q = ["last", "all", "before", "self"], O = { ke
                 ]),
                 _: 3
               }, 8, ["size", "icon", "class"]),
-              e.expanded && c.value ? (o(), f(g, {
+              e.expanded && c.value ? (o(), f(L, {
                 key: 1,
                 type: "vertical"
               })) : m("", !0)
             ], 64))
           ], 64)) : m("", !0)
-        ], 64)) : ["all", "before"].includes(e.showLine) || e.showLine === "last" && a === i.value - 1 || k(a) ? (o(), f(g, {
+        ], 64)) : ["all", "before"].includes(e.showLine) || e.showLine === "last" && a === i.value - 1 || k(a) ? (o(), f(L, {
           key: 1,
           type: "vertical"
         })) : m("", !0)

package/dist/IndentLevel.vue_vue_type_style_index_0_lang-DD2920xJ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@pantograph/utils"),h=require("class-variance-authority"),_=require("./options-CWrQ7gsa.js"),u=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),g=require("./Spinner.vue_vue_type_style_index_0_lang-RE3hFFZA.js"),k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BlFC2U5K.js"),L=require("./FormItem.vue_vue_type_style_index_0_lang-s7o6crR0.js"),d=["2xsm","xsm","sm"],y=["last","all","before","self"],b={key:0},C=e.defineComponent({..._.getComponentOptions("IndentLevel"),__name:"IndentLevel",props:{size:{default:"xsm"},showLine:{type:[Number,Boolean]},children:{type:Boolean},level:{default:1},expanded:{type:Boolean},loading:{type:Boolean},class:{},branchIcon:{default:"tabler:chevron-right"},noRotateBranch:{type:Boolean}},setup(m){const t=m,a=o.getBemBlock("indent_level"),i=o.getBemElement(a,"item"),p=o.getBemElement(i,"branch"),v=h.cva(a,{variants:{size:o.generateVariantClassList(d,a),expanded:o.generateVariantClassList("expanded",a),branchSlot:o.generateVariantClassList("branch-slot",a),selfDivider:o.generateVariantClassList("self-divider",a),noRotateBranch:o.generateVariantClassList("no-rotate-branch",a),loading:o.generateVariantClassList("loading",a)}}),r=e.computed(()=>{const n=Number(t.level);return n<1?1:n%10===0?n:Math.floor(n)}),s=e.computed(()=>{if(t.showLine)return typeof t.showLine=="string"?["all","self"].includes(t.showLine):L.isNumber(t.showLine)&&t.showLine<=Number(t.level)}),f=n=>typeof t.showLine=="number"?t.showLine<=Number(n):!1;return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(v)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:n.$slots.default,selfDivider:s.value,loading:n.loading}),t.class])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,l=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i),{[e.unref(o.getBemModifier)(e.unref(a),"expand")]:l===r.value}]),key:l},[l===r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.children?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.loading?(e.openBlock(),e.createBlock(g._sfc_main,{key:1,size:n.size},null,8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.expanded&&s.value?(e.openBlock(),e.createElementBlock("div",b)):e.createCommentVNode("",!0),e.createVNode(k._sfc_main,{size:n.size,icon:n.branchIcon,color:"none",class:e.normalizeClass(e.unref(p)),onClick:c[0]||(c[0]=B=>n.$emit("toggleExpand",B))},{icon:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["size","icon","class"]),n.expanded&&s.value?(e.openBlock(),e.createBlock(u._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&l===r.value-1||f(l)?(e.openBlock(),e.createBlock(u._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],2))),128))],2))}});exports.IndentLevelShowLines=y;exports.IndentLevelSizes=d;exports._sfc_main=C;

package/dist/Indicator/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-B1mn9s7i.js";
+import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-D5xqdZRn.js";
 export {
   r as Indicator,
   t as default

package/dist/Indicator/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Indicator.vue_vue_type_script_setup_true_lang-_V0q7Zly.js");exports.Indicator=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Indicator.vue_vue_type_script_setup_true_lang-Bnqpi2bU.js");exports.Indicator=e._sfc_main;exports.default=e._sfc_main;

package/dist/Indicator.vue_vue_type_script_setup_true_lang-Bnqpi2bU.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./omit-DEPypqqe.js"),_=require("./BaseBadge.vue_vue_type_style_index_0_lang-CA4e9gEN.js"),d=require("./options-CWrQ7gsa.js"),g=require("./BaseBadge.model-imnRO6DY.js"),n=require("@pantograph/tokens"),C=e.defineComponent({...d.getComponentOptions("Indicator",!1),__name:"Indicator",props:{class:{},size:{},color:{}},setup(c){const t=c,i=e.useAttrs(),a=e.computed(()=>({bg:Object.fromEntries(g.BadgeColors.map(o=>[o,n.getCssCoreColor(`${o}-5`)]))[t.color]??n.getCssCoreColor("primary-5")})),p=e.computed(()=>({...m.omit(i,"type","text","icon","mode"),...t,...a.value})),u=e.useSlots();return(s,o)=>(e.openBlock(),e.createBlock(_._sfc_main,e.mergeProps(p.value,{type:"minify",mode:"bold"}),e.createSlots({_:2},[e.renderList(Object.keys(u),r=>({name:r,fn:e.withCtx(l=>[e.renderSlot(s.$slots,r,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=C;

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-B1mn9s7i.js → Indicator.vue_vue_type_script_setup_true_lang-D5xqdZRn.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as d, computed as s, useSlots as u, createBlock as g, openBlock as _, mergeProps as b, createSlots as C, renderList as y, withCtx as B, renderSlot as k, normalizeProps as v, guardReactiveProps as x } from "vue";
-import { o as O } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
-import { _ as P } from "./BaseBadge.vue_vue_type_style_index_0_lang-BMX9MX3W.js";
+import { o as O } from "./omit-B3e_dACs.js";
+import { _ as P } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bhdde0lY.js";
 import { g as S } from "./options-D4et5euX.js";
 import { B as $ } from "./BaseBadge.model-BIyWEBkY.js";
 import { getCssCoreColor as n } from "@pantograph/tokens";

package/dist/Input/Input.d.ts

@@ -52,15 +52,15 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     select: () => any;
     setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => any;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    clear: () => any;
-    "update:modelValue": (value?: string | undefined) => any;
     blur: (event: InputEvent) => any;
     focus: (event: InputEvent) => any;
+    clear: () => any;
+    "update:modelValue": (value?: string | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
-    onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
     onBlur?: ((event: InputEvent) => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
     clearIcon: string;

package/dist/Input/index.js

@@ -1,4 +1,4 @@
-import { _ as t, I as u, a as e, _ as p } from "../Input.vue_vue_type_style_index_0_lang-BFNYYFfe.js";
+import { _ as t, I as u, a as e, _ as p } from "../Input.vue_vue_type_style_index_0_lang-C-jEi11-.js";
 export {
   t as Input,
   u as InputSizes,

package/dist/Input/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_style_index_0_lang-HuiLdgsj.js");exports.Input=e._sfc_main;exports.InputSizes=e.InputSizes;exports.InputStatuses=e.InputStatuses;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_style_index_0_lang-5iaTCkoa.js");exports.Input=e._sfc_main;exports.InputSizes=e.InputSizes;exports.InputStatuses=e.InputStatuses;exports.default=e._sfc_main;

package/dist/Input.vue_vue_type_style_index_0_lang-5iaTCkoa.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),E=require("@vueuse/core"),a=require("@pantograph/utils"),w=require("class-variance-authority"),c=require("./FormItem.vue_vue_type_style_index_0_lang-s7o6crR0.js"),N=require("./omit-DEPypqqe.js"),R=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),x=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),F=require("./options-CWrQ7gsa.js"),B=require("./useInputDataStates-DEfYzXQl.js"),f=["sm","md","lg"],y=["error","warning","success"],L=e.defineComponent({...F.getComponentOptions("Input",!1),__name:"Input",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},modelValue:{},defaultValue:{},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},size:{},status:{}},emits:["update:modelValue","clear","blur","focus"],setup(S,{expose:_,emit:z}){const l=S,d=e.useSlots(),m=z,r=E.useVModel(l,"modelValue",m,{defaultValue:l.defaultValue,passive:!1}),s=a.getBemBlock("input"),V=w.cva(s,{variants:{size:a.generateVariantClassList(f,s),status:a.generateVariantClassList(y,s),bordered:a.generateVariantClassList("bordered",s)}}),k=e.useAttrs(),{getDisabled:p,getStatus:v,getSize:g}=B.useFormInput({getSize:()=>l.size&&f.includes(l.size)?l.size:"md"}),{rootBindings:b,inputBindings:I}=B.UseInputDataStates({getDisabled:()=>p.value,emit:m,blurCallBack:t=>{const n=t.target;n!=null&&n.value&&(n.value=c.cloneDeep(r.value))}}),q=e.computed(()=>c.omitBy({...c.pick(l,"id","maxlength","type","disabled","required","placeholder"),disabled:p.value,...N.omit(k,"value"),...I.value},c.isUndefined)),h=e.computed(()=>{switch(g.value){case"sm":return"2xsm";default:return"xsm"}}),C=e.computed(()=>{switch(g.value){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}}),D=()=>{r.value="",m("clear")},i=e.ref();return _({input:i,focus:t=>{var n;return(n=i.value)==null?void 0:n.focus(t)},blur:()=>{var t;return(t=i.value)==null?void 0:t.blur()},select:()=>{var t;return(t=i.value.input)==null?void 0:t.select()},setSelectionRange:(t,n,o)=>{var u;return(u=i.value.input)==null?void 0:u.setSelectionRange(t,n,o)}}),(t,n)=>{var o;return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(V)({size:e.unref(g),status:e.unref(v)==="success"&&!e.unref(r)?void 0:e.unref(v),bordered:t.bordered}),l.class]},e.unref(b)),[d.leading||l.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(s),"leading"),t.leadingCls])},[e.renderSlot(t.$slots,"leading",{iconSize:C.value},()=>[e.createTextVNode(e.toDisplayString(t.leading),1)])],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"inputRef",ref:i,"onUpdate:modelValue":n[0]||(n[0]=u=>e.isRef(r)?r.value=u:null)},q.value,{class:[e.unref(a.getBemElement)(e.unref(s),"input")]}),null,16),[[e.vModelDynamic,e.unref(r)]]),d.trailing||l.trailing||t.allowClear?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(s),"trailing"),t.trailingCls])},[!e.unref(p)&&t.allowClear&&((o=e.unref(r))!=null&&o.length)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(R._sfc_main,{icon:t.clearIcon,size:h.value,onClick:e.withModifiers(D,["stop"]),class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(s),"clear_icon"),t.clearIconCls])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"clearIcon")]),_:3},8,["icon","size","class"]),d.trailing||l.trailing?(e.openBlock(),e.createBlock(x._sfc_main,{key:0,type:"vertical",class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(s),"divider"),t.dividerCls])},null,8,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"trailing",{iconSize:C.value},()=>[e.createTextVNode(e.toDisplayString(t.trailing),1)])],2)):e.createCommentVNode("",!0)],16)}}});exports.InputSizes=f;exports.InputStatuses=y;exports._sfc_main=L;

package/dist/{Input.vue_vue_type_style_index_0_lang-BFNYYFfe.js → Input.vue_vue_type_style_index_0_lang-C-jEi11-.js}

@@ -1,13 +1,15 @@
-import { defineComponent as j, useSlots as A, useAttrs as L, computed as b, ref as O, createElementBlock as d, openBlock as o, mergeProps as V, unref as s, createCommentVNode as m, withDirectives as P, normalizeClass as p, renderSlot as z, createTextVNode as k, toDisplayString as I, createElementVNode as T, isRef as _, vModelDynamic as x, Fragment as G, createVNode as H, createBlock as J, withCtx as K } from "vue";
-import { useVModel as Q } from "@vueuse/core";
-import { getBemBlock as W, generateVariantClassList as B, getBemElement as r } from "@pantograph/utils";
-import { cva as X } from "class-variance-authority";
-import { q as Y, o as Z, j as ee, f as se, r as le, s as te } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
-import { _ as ae } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
-import { g as ie } from "./options-D4et5euX.js";
-import { u as ne, U as oe } from "./useInputDataStates-BVOCxFWp.js";
-const h = ["sm", "md", "lg"], re = ["error", "warning", "success"], Se = /* @__PURE__ */ j({
-  ...ie("Input", !1),
+import { defineComponent as _, useSlots as j, useAttrs as A, computed as b, ref as L, createElementBlock as d, openBlock as o, mergeProps as V, unref as s, createCommentVNode as m, withDirectives as O, normalizeClass as p, renderSlot as z, createTextVNode as k, toDisplayString as I, createElementVNode as P, isRef as T, vModelDynamic as x, Fragment as G, createVNode as H, createBlock as J, withModifiers as K, withCtx as Q } from "vue";
+import { useVModel as W } from "@vueuse/core";
+import { getBemBlock as X, generateVariantClassList as B, getBemElement as r } from "@pantograph/utils";
+import { cva as Y } from "class-variance-authority";
+import { o as Z, f as ee, h as se, j as te } from "./FormItem.vue_vue_type_style_index_0_lang-CwxlEgep.js";
+import { o as le } from "./omit-B3e_dACs.js";
+import { _ as ae } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
+import { _ as ie } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
+import { g as ne } from "./options-D4et5euX.js";
+import { u as oe, U as re } from "./useInputDataStates-CtuCKcP6.js";
+const h = ["sm", "md", "lg"], ue = ["error", "warning", "success"], ke = /* @__PURE__ */ _({
+  ...ne("Input", !1),
   __name: "Input",
   props: {
     id: {},
@@ -33,35 +35,35 @@ const h = ["sm", "md", "lg"], re = ["error", "warning", "success"], Se = /* @__P
   },
   emits: ["update:modelValue", "clear", "blur", "focus"],
   setup(w, { expose: D, emit: R }) {
-    const t = w, g = A(), f = R, i = Q(t, "modelValue", f, {
-      defaultValue: t.defaultValue,
-      passive: t.modelValue === void 0
-    }), a = W("input"), $ = X(a, {
+    const l = w, g = j(), f = R, i = W(l, "modelValue", f, {
+      defaultValue: l.defaultValue,
+      passive: !1
+    }), a = X("input"), $ = Y(a, {
       variants: {
         size: B(h, a),
-        status: B(re, a),
+        status: B(ue, a),
         bordered: B("bordered", a)
       }
-    }), N = L(), { getDisabled: v, getStatus: S, getSize: C } = ne({
-      getSize: () => t.size && h.includes(t.size) ? t.size : "md"
-    }), { rootBindings: U, inputBindings: q } = oe({
+    }), N = A(), { getDisabled: v, getStatus: S, getSize: C } = oe({
+      getSize: () => l.size && h.includes(l.size) ? l.size : "md"
+    }), { rootBindings: U, inputBindings: E } = re({
       getDisabled: () => v.value,
       emit: f,
       blurCallBack: (e) => {
-        const l = e.target;
-        l != null && l.value && (l.value = le(i.value));
+        const t = e.target;
+        t != null && t.value && (t.value = se(i.value));
       }
-    }), E = b(
-      () => Y(
+    }), M = b(
+      () => Z(
         {
-          ...ee(t, "id", "maxlength", "type", "disabled", "required", "placeholder"),
+          ...ee(l, "id", "maxlength", "type", "disabled", "required", "placeholder"),
           disabled: v.value,
-          ...Z(N, "value"),
-          ...q.value
+          ...le(N, "value"),
+          ...E.value
         },
         te
       )
-    ), F = b(() => {
+    ), q = b(() => {
       switch (C.value) {
         case "sm":
           return "2xsm";
@@ -77,14 +79,14 @@ const h = ["sm", "md", "lg"], re = ["error", "warning", "success"], Se = /* @__P
         default:
           return "sm";
       }
-    }), M = () => {
+    }), F = () => {
       i.value = "", f("clear");
-    }, n = O();
+    }, n = L();
     return D({
       input: n,
       focus: (e) => {
-        var l;
-        return (l = n.value) == null ? void 0 : l.focus(e);
+        var t;
+        return (t = n.value) == null ? void 0 : t.focus(e);
       },
       blur: () => {
         var e;
@@ -94,11 +96,11 @@ const h = ["sm", "md", "lg"], re = ["error", "warning", "success"], Se = /* @__P
         var e;
         return (e = n.value.input) == null ? void 0 : e.select();
       },
-      setSelectionRange: (e, l, u) => {
+      setSelectionRange: (e, t, u) => {
         var c;
-        return (c = n.value.input) == null ? void 0 : c.setSelectionRange(e, l, u);
+        return (c = n.value.input) == null ? void 0 : c.setSelectionRange(e, t, u);
       }
-    }), (e, l) => {
+    }), (e, t) => {
       var u;
       return o(), d("div", V({
         class: [
@@ -107,10 +109,10 @@ const h = ["sm", "md", "lg"], re = ["error", "warning", "success"], Se = /* @__P
             status: s(S) === "success" && !s(i) ? void 0 : s(S),
             bordered: e.bordered
           }),
-          t.class
+          l.class
         ]
       }, s(U)), [
-        g.leading || t.leading ? (o(), d("div", {
+        g.leading || l.leading ? (o(), d("div", {
           key: 0,
           class: p([s(r)(s(a), "leading"), e.leadingCls])
         }, [
@@ -118,32 +120,32 @@ const h = ["sm", "md", "lg"], re = ["error", "warning", "success"], Se = /* @__P
             k(I(e.leading), 1)
           ])
         ], 2)) : m("", !0),
-        P(T("input", V({
+        O(P("input", V({
           ref_key: "inputRef",
           ref: n,
-          "onUpdate:modelValue": l[0] || (l[0] = (c) => _(i) ? i.value = c : null)
-        }, E.value, {
+          "onUpdate:modelValue": t[0] || (t[0] = (c) => T(i) ? i.value = c : null)
+        }, M.value, {
           class: [s(r)(s(a), "input")]
         }), null, 16), [
           [x, s(i)]
         ]),
-        g.trailing || t.trailing || e.allowClear ? (o(), d("div", {
+        g.trailing || l.trailing || e.allowClear ? (o(), d("div", {
           key: 1,
           class: p([s(r)(s(a), "trailing"), e.trailingCls])
         }, [
           !s(v) && e.allowClear && ((u = s(i)) != null && u.length) ? (o(), d(G, { key: 0 }, [
-            H(se, {
+            H(ae, {
               icon: e.clearIcon,
-              size: F.value,
-              onClick: M,
+              size: q.value,
+              onClick: K(F, ["stop"]),
               class: p([s(r)(s(a), "clear_icon"), e.clearIconCls])
             }, {
-              default: K(() => [
+              default: Q(() => [
                 z(e.$slots, "clearIcon")
               ]),
               _: 3
             }, 8, ["icon", "size", "class"]),
-            g.trailing || t.trailing ? (o(), J(ae, {
+            g.trailing || l.trailing ? (o(), J(ie, {
               key: 0,
               type: "vertical",
               class: p([s(r)(s(a), "divider"), e.dividerCls])
@@ -159,6 +161,6 @@ const h = ["sm", "md", "lg"], re = ["error", "warning", "success"], Se = /* @__P
 });
 export {
   h as I,
-  Se as _,
-  re as a
+  ke as _,
+  ue as a
 };

package/dist/Kbd/index.js

@@ -1,4 +1,4 @@
-import { _ as e, _ as f } from "../Kbd.vue_vue_type_style_index_0_lang-uEudChpD.js";
+import { _ as e, _ as f } from "../Kbd.vue_vue_type_style_index_0_lang-BQkzD8ay.js";
 export {
   e as Kbd,
   f as default

package/dist/Kbd/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Kbd.vue_vue_type_style_index_0_lang-CuYfgo6l.js");exports.Kbd=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Kbd.vue_vue_type_style_index_0_lang-CjNtLg1e.js");exports.Kbd=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Kbd.vue_vue_type_style_index_0_lang-uEudChpD.js → Kbd.vue_vue_type_style_index_0_lang-BQkzD8ay.js}

@@ -1,7 +1,7 @@
 import { defineComponent as m, createElementBlock as i, openBlock as t, normalizeClass as a, unref as s, createBlock as p, renderSlot as r, createTextVNode as f, toDisplayString as d, withCtx as y } from "vue";
 import { getBemBlock as C, generateVariantClassList as k, getBemElement as B } from "@pantograph/utils";
 import { cva as g } from "class-variance-authority";
-import { f as u } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { _ as u } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
 import { g as v } from "./options-D4et5euX.js";
 const z = /* @__PURE__ */ m({
   ...v("Kbd"),

package/dist/Kbd.vue_vue_type_style_index_0_lang-CjNtLg1e.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),r=require("class-variance-authority"),l=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),a=require("./options-CWrQ7gsa.js"),u=e.defineComponent({...a.getComponentOptions("Kbd"),__name:"Kbd",props:{iconOnly:{type:Boolean},class:{},containerCls:{},text:{default:void 0},icon:{}},setup(c){const o=c,t=s.getBemBlock("kbd"),i=r.cva(t,{variants:{iconOnly:s.generateVariantClassList("icon-only",t)}});return(n,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i)({iconOnly:o.iconOnly}),o.class])},[n.iconOnly?(e.openBlock(),e.createBlock(l._sfc_main,{key:1,icon:n.icon,size:"2xsm"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),_:3},8,["icon"])):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(t),"container"),o.containerCls])},[e.renderSlot(n.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])],2))],2))}});exports._sfc_main=u;

package/dist/Label/index.js

@@ -1,4 +1,4 @@
-import { e as s, L as l, e as L } from "../Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { e as s, L as l, e as L } from "../FormItem.vue_vue_type_style_index_0_lang-CwxlEgep.js";
 export {
   s as Label,
   l as LabelSizes,

package/dist/Label/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Icon.vue_vue_type_style_index_0_lang-Cc8Uh2lr.js");exports.Label=e._sfc_main$2;exports.LabelSizes=e.LabelSizes;exports.default=e._sfc_main$2;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../FormItem.vue_vue_type_style_index_0_lang-s7o6crR0.js");exports.Label=e._sfc_main$2;exports.LabelSizes=e.LabelSizes;exports.default=e._sfc_main$2;

package/dist/Link/index.js

@@ -1,4 +1,4 @@
-import { _ as e, L as t, _ as L } from "../Link.vue_vue_type_style_index_0_lang-AsoIRQm_.js";
+import { _ as e, L as t, _ as L } from "../Link.vue_vue_type_style_index_0_lang-BrS3jRuX.js";
 export {
   e as Link,
   t as LinkStyles,

package/dist/Link/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Link.vue_vue_type_style_index_0_lang-BgwJE1ku.js");exports.Link=e._sfc_main;exports.LinkStyles=e.LinkStyles;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Link.vue_vue_type_style_index_0_lang-C1i1VsGw.js");exports.Link=e._sfc_main;exports.LinkStyles=e.LinkStyles;exports.default=e._sfc_main;

package/dist/{Link.vue_vue_type_style_index_0_lang-AsoIRQm_.js → Link.vue_vue_type_style_index_0_lang-BrS3jRuX.js}

@@ -1,9 +1,10 @@
 import { defineComponent as y, useSlots as x, computed as c, useAttrs as z, createElementBlock as L, openBlock as o, normalizeClass as m, unref as s, createBlock as d, createCommentVNode as u, createElementVNode as S, withCtx as f, renderSlot as i, createTextVNode as b, toDisplayString as E } from "vue";
 import { getBemBlock as V, generateVariantClassList as p, getBemElement as $ } from "@pantograph/utils";
 import { g as D } from "./options-D4et5euX.js";
-import { t as N, f as g } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
-import { cva as w } from "class-variance-authority";
-const _ = ["body", "overline", "caption", "label", "title"], A = ["href"], F = /* @__PURE__ */ y({
+import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
+import { cva as N } from "class-variance-authority";
+import { i as _ } from "./isEmpty-wdqPTIXx.js";
+const w = ["body", "overline", "caption", "label", "title"], A = ["href"], G = /* @__PURE__ */ y({
   ...D("Link"),
   __name: "Link",
   props: {
@@ -17,19 +18,19 @@ const _ = ["body", "overline", "caption", "label", "title"], A = ["href"], F = /
   },
   emits: ["click"],
   setup(k, { emit: I }) {
-    const l = k, a = x(), v = I, t = V("link"), C = w(t, {
+    const r = k, l = x(), v = I, t = V("link"), C = N(t, {
       variants: {
-        txs: p(_, t),
+        txs: p(w, t),
         underline: p("underline", t)
       }
-    }), r = c(() => {
-      switch (l.txs) {
+    }), a = c(() => {
+      switch (r.txs) {
         case "title":
           return "2xsm";
         default:
           return "3xsm";
       }
-    }), n = z(), h = c(() => N(n.href) ? "#" : n.href), B = (e) => {
+    }), n = z(), h = c(() => _(n.href) ? "#" : n.href), B = (e) => {
       if (n.href || e.preventDefault(), n.disabled) {
         e.stopPropagation(), e.preventDefault();
         return;
@@ -37,13 +38,13 @@ const _ = ["body", "overline", "caption", "label", "title"], A = ["href"], F = /
       v("click", e);
     };
     return (e, H) => (o(), L("a", {
-      class: m([s(C)({ txs: e.txs, underline: e.underline }), l.class]),
+      class: m([s(C)({ txs: e.txs, underline: e.underline }), r.class]),
       href: h.value,
       onClick: B
     }, [
-      a.leadingIcon || e.leadingIcon ? (o(), d(g, {
+      l.leadingIcon || e.leadingIcon ? (o(), d(g, {
         key: 0,
-        size: r.value,
+        size: a.value,
         icon: e.leadingIcon
       }, {
         default: f(() => [
@@ -58,9 +59,9 @@ const _ = ["body", "overline", "caption", "label", "title"], A = ["href"], F = /
           b(E(e.text), 1)
         ])
       ], 2),
-      a.trailingIcon || e.trailingIcon ? (o(), d(g, {
+      l.trailingIcon || e.trailingIcon ? (o(), d(g, {
         key: 1,
-        size: r.value,
+        size: a.value,
         icon: e.trailingIcon
       }, {
         default: f(() => [
@@ -72,6 +73,6 @@ const _ = ["body", "overline", "caption", "label", "title"], A = ["href"], F = /
   }
 });
 export {
-  _ as L,
-  F as _
+  w as L,
+  G as _
 };

package/dist/Link.vue_vue_type_style_index_0_lang-C1i1VsGw.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@pantograph/utils"),k=require("./options-CWrQ7gsa.js"),a=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),C=require("class-variance-authority"),v=require("./isEmpty-bCllo8T9.js"),c=["body","overline","caption","label","title"],y=["href"],B=e.defineComponent({...k.getComponentOptions("Link"),__name:"Link",props:{class:{},textCls:{},leadingIcon:{},underline:{type:Boolean},trailingIcon:{},text:{},txs:{default:"body"}},emits:["click"],setup(u,{emit:d}){const i=u,r=e.useSlots(),m=d,n=o.getBemBlock("link"),p=C.cva(n,{variants:{txs:o.generateVariantClassList(c,n),underline:o.generateVariantClassList("underline",n)}}),l=e.computed(()=>{switch(i.txs){case"title":return"2xsm";default:return"3xsm"}}),s=e.useAttrs(),f=e.computed(()=>v.isEmpty(s.href)?"#":s.href),g=t=>{if(s.href||t.preventDefault(),s.disabled){t.stopPropagation(),t.preventDefault();return}m("click",t)};return(t,I)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass([e.unref(p)({txs:t.txs,underline:t.underline}),i.class]),href:f.value,onClick:g},[r.leadingIcon||t.leadingIcon?(e.openBlock(),e.createBlock(a._sfc_main,{key:0,size:l.value,icon:t.leadingIcon},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"leadingIcon")]),_:3},8,["size","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(n),"text"),t.textCls])},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2),r.trailingIcon||t.trailingIcon?(e.openBlock(),e.createBlock(a._sfc_main,{key:1,size:l.value,icon:t.trailingIcon},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"trailingIcon")]),_:3},8,["size","icon"])):e.createCommentVNode("",!0)],10,y))}});exports.LinkStyles=c;exports._sfc_main=B;

package/dist/Menu/Menu.d.ts

@@ -3,8 +3,8 @@ import { MenuItemProps } from '../MenuItem';
 import { MenuItemSize } from '../MenuItem/MenuItem.model';
 import { Class } from '../types';
 import { MenuGap } from './Menu.model';
-import { ComputedRef } from 'vue';
-export type MenuItemType = MenuItemProps & {
+import { SubMenuProps } from '../SubMenu/index.js';
+export type MenuItemType = SubMenuProps & {
     key: string | number;
 };
 export interface MenuProps {
@@ -26,18 +26,11 @@ export interface MenuProps {
     gap?: MenuGap;
 }
 type MenuItemData = MenuItemType & {
-    hasChildren: boolean;
-    parentKeys: (string | number)[];
+    hasChildren?: boolean;
+    parentKeys?: (string | number)[];
 };
 interface Context {
-    size: ComputedRef<MenuItemSize | undefined>;
-    forceMountSubmenu: ComputedRef<boolean | undefined>;
-    hoverTrailing?: ComputedRef<boolean | undefined>;
-    leadingCenter?: ComputedRef<boolean | undefined>;
-    subMenuCloseDelay?: ComputedRef<number | undefined>;
-    subMenuOpenDelay?: ComputedRef<number | undefined>;
-    submenuCls?: ComputedRef<Class | undefined>;
-    triggerSubMenuAction?: ComputedRef<'hover' | 'click' | undefined>;
+    props: MenuProps;
     onClick?: (item: MenuItemData, event: MouseEvent) => void;
     onChildrenOpenChange?: (item: MenuItemData, value: boolean) => void;
     isItemSelected?: (item: MenuItemData) => boolean;
@@ -64,8 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Me
     onDeselect?: ((...args: any[]) => any) | undefined;
 }>, {
     size: MenuItemSize;
-    triggerSubMenuAction: "hover" | "click";
     selectable: boolean;
+    triggerSubMenuAction: "hover" | "click";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
     default?: () => never;
     header?: () => never;

package/dist/Menu/MenuItemWrapper.d.ts

@@ -0,0 +1,15 @@
+import { SubMenuProps, SubMenuSlots } from '../SubMenu/SubMenu';
+declare function __VLS_template(): {
+    slots: Readonly<SubMenuSlots> & SubMenuSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SubMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Menu/index.js

@@ -1,4 +1,4 @@
-import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-CFuwm984.js";
+import { _ as n, M as t, _ as s, i as o, p as u } from "../MenuItem.vue_vue_type_style_index_0_lang-DGaSx-eQ.js";
 export {
   n as Menu,
   t as MenuGaps,

package/dist/Menu/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-CiyZmFBO.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-DL9Njg73.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;

package/dist/MenuItem/MenuItem.d.ts

@@ -1,20 +1,6 @@
-import { ComputedRef } from 'vue';
 import { MenuItemContentProps, MenuItemLeadingProps } from './MenuItemContent';
-export interface MenuItemProps extends Omit<MenuItemContentProps, 'hasChildren'> {
-    subMenuCloseDelay?: number;
-    subMenuOpenDelay?: number;
-    triggerSubMenuAction?: 'hover' | 'click';
-    submenuTriggerCls?: string;
-    submenuCls?: string;
-    forceMountSubmenu?: boolean;
-    items?: (MenuItemProps & {
-        key: string | number;
-    })[];
-}
+export type MenuItemProps = Omit<MenuItemContentProps, 'hasChildren' | 'branchCls' | 'branchIcon'>;
 export interface MenuItemSlots {
-    items?: (props: MenuItemProps & {
-        key: string;
-    }) => never;
     title?: (props: MenuItemContentProps & {
         key: string;
     }) => never;
@@ -27,25 +13,15 @@ export interface MenuItemSlots {
     trailing?: (props: MenuItemContentProps & MenuItemLeadingProps & {
         key: string;
     }) => never;
-    branchIcon?: (props: MenuItemContentProps & MenuItemLeadingProps & {
-        key: string;
-    }) => never;
-}
-export interface Context {
-    parentKeys?: ComputedRef<(string | number)[]>;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<MenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MenuItemProps> & Readonly<{}>, {
     size: import('./MenuItem.model.ts', { with: { "resolution-mode": "import" } }).MenuItemSize;
-    disabled: boolean;
     danger: boolean;
+    disabled: boolean;
     selected: boolean;
     hoverTrailing: boolean;
     unFocusable: boolean;
     leadingCenter: boolean;
-    branchIcon: string;
-    subMenuCloseDelay: number;
-    subMenuOpenDelay: number;
-    forceMountSubmenu: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<MenuItemSlots> & MenuItemSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/MenuItem/MenuItemContent.d.ts

@@ -20,6 +20,7 @@ export interface MenuItemContentProps {
     disabled?: boolean;
     class?: Class;
     leadingCls?: Class;
+    leadingContentCls?: Class;
     contentCls?: Class;
     titleCls?: Class;
     descriptionCls?: Class;
@@ -33,7 +34,7 @@ export interface MenuItemLeadingProps {
     iconSize?: IconSize;
     avatarSize?: AvatarSize;
     checkboxSize?: CheckboxSize;
-    checkIconSize?: IconSize;
+    checkIconSize: IconSize;
     switchSize?: SwitchSize;
     buttonSize?: ButtonSize;
     badgeSize?: BadgeSize;

package/dist/MenuItem/index.js

@@ -1,4 +1,4 @@
-import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-CFuwm984.js";
+import { a as s, b as t, a as m } from "../MenuItem.vue_vue_type_style_index_0_lang-DGaSx-eQ.js";
 export {
   s as MenuItem,
   t as MenuItemSizes,

package/dist/MenuItem/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-CiyZmFBO.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-DL9Njg73.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;