@pantograph/vue 0.25.3 → 0.25.5

package/dist/IconButton/index.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-DIVceNgM.js";
+import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-B2mwpDQo.js";
 export {
   a as IconButton,
   e as default

package/dist/IconButton/index.umd.cjs

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

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-DIVceNgM.js → IconButton.vue_vue_type_script_setup_true_lang-B2mwpDQo.js}

@@ -1,6 +1,6 @@
 import { defineComponent as i, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as _, mergeProps as b, createSlots as d, renderList as g, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as k } from "vue";
-import { o as x } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-BaXVOcYh.js";
+import { omit as x } from "es-toolkit";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-C90xeF5w.js";
 import { g as R } from "./options-Bh1s18jm.js";
 const z = /* @__PURE__ */ i({
   ...R("IconButton", !1),
@@ -19,7 +19,15 @@ const z = /* @__PURE__ */ i({
   },
   setup(n, { expose: r }) {
     const s = n, a = l(), c = m(() => ({
-      ...x(a, "variant", "preIcon", "postIcon", "text", "action", "active", "badgeText"),
+      ...x(a, [
+        "variant",
+        "preIcon",
+        "postIcon",
+        "text",
+        "action",
+        "active",
+        "badgeText"
+      ]),
       ...s
     })), e = u();
     return r({

package/dist/IconButton.vue_vue_type_script_setup_true_lang-DGXtxJVO.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("es-toolkit"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-C_rzn0QQ.js"),_=require("./options-CY2uxp5A.js"),f=e.defineComponent({..._.getComponentOptions("IconButton",!1),__name:"IconButton",props:{class:{},type:{},color:{},loading:{type:Boolean},icon:{},size:{},flipOnDir:{},block:{type:Boolean},htmlType:{},noRing:{type:Boolean}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...l.omit(i,["variant","preIcon","postIcon","text","action","active","badgeText"]),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(p._sfc_main,e.mergeProps(a.value,{variant:"icon",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Image/index.js

@@ -1,4 +1,4 @@
-import { _ as s, a as g, I as m, b as I, _ as t } from "../Image.vue_vue_type_style_index_0_lang-S9KjdezV.js";
+import { _ as s, a as g, I as m, b as I, _ as t } from "../Image.vue_vue_type_style_index_0_lang-_1Vqh4mv.js";
 export {
   s as Image,
   g as ImageAspectRatios,

package/dist/Image/index.umd.cjs

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

package/dist/Image.vue_vue_type_style_index_0_lang-Dxp0n_0A.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("@pantograph/utils"),S=require("class-variance-authority"),L=require("./Spinner.vue_vue_type_style_index_0_lang-y2U5MnVr.js"),g=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),V=require("./options-CY2uxp5A.js");require("es-toolkit");const k=["xsm","sm","md","lg"],h=["1:1","4:3","3:2","16:9","2:1"],i=["vertical","horizontal"],I=["alt","src"],j=e.defineComponent({...V.getComponentOptions("Image"),__name:"Image",props:{src:{default:""},fallback:{},width:{},hovered:{type:Boolean},alt:{},class:{},imageCls:{},hoverCls:{},sizeRange:{},aspectRatio:{},type:{default:"horizontal"},objectFit:{default:"cover"},objectPosition:{default:"center"},fallbackDescription:{default:"This image couldn't be loaded."}},emits:["load","error"],setup(b,{emit:y}){const t=b,u=y,s=l.getBemBlock("image"),C=S.cva(s,{variants:{type:l.generateVariantClassList(i,s),aspectRatio:l.generateVariantClassList(h,s),sizeRange:l.generateVariantClassList(k,s),hovered:l.generateVariantClassList("hovered",s),loaded:l.generateVariantClassList("loaded",s),"fallback-content":l.generateVariantClassList("fallback-content",s)}}),m=e.useSlots(),n=e.ref(!1),o=e.ref(!1),r=e.ref(!1),f=e.toRef(()=>t.src);e.watch(f,()=>{o.value=!1,r.value=!1,n.value=!1});const c=e.toRef(()=>t.fallback);e.watch(c,()=>{r.value&&(r.value=!1,n.value=!1)});const d=e.computed(()=>o.value&&!m.fallback&&c.value?"fallback":"src"),_=e.computed(()=>d.value==="src"?f.value:c.value),z=()=>{n.value=!0,u("load")},B=()=>{d.value==="fallback"?(r.value=!0,n.value=!0):(o.value=!0,n.value=!0),u("error")},R=e.computed(()=>{const a=typeof t.width;if(["string","number"].includes(a))return a==="number"?`${t.width}px`:t.width}),E=e.computed(()=>{const a=String(t.width).replace("px",""),v=/^\d+(?:\.\d+)?$/,p=t.width&&v.test(a)?Number(a):t.width;return t.sizeRange==="xsm"||g.isNumber(p)&&p<100?"3xsm":"sm"}),w=e.computed(()=>{let a=`filter: ${n?"none":"blur(30px)"}`;return t.objectFit&&(a+=`;object-fit: ${t.objectFit}`),t.objectPosition&&(a+=`;object-position: ${t.objectPosition}`),a});return(a,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(C)({sizeRange:t.sizeRange,type:!t.type||!e.unref(i).includes(t.type)?"vertical":t.type,aspectRatio:t.aspectRatio,hovered:t.hovered,loaded:n.value,"fallback-content":o.value&&(!c.value||r.value)}),t.class)),style:e.normalizeStyle({width:R.value})},[o.value&&(!c.value||r.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(s),"fallback"))},[e.renderSlot(a.$slots,"fallback",{},()=>[e.createVNode(g._sfc_main$2,{size:"sm",icon:"tabler:photo-exclamation",class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(s),"fallback__icon"))},null,8,["class"]),!a.sizeRange||["md","lg"].includes(a.sizeRange)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(s),"fallback__text"))},e.toDisplayString(a.fallbackDescription),3)):e.createCommentVNode("",!0)])],2)):(e.openBlock(),e.createElementBlock("img",{key:1,alt:a.alt,style:e.normalizeStyle(w.value),src:_.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(s),"img"),a.imageCls)),onLoad:z,onError:B},null,46,I)),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L._sfc_main,{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(s),"loading")),size:E.value},null,8,["class","size"])),n.value&&!o.value&&(a.hovered||m.actions)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(s),"hover_actions"),"pantograph-tokens pantograph-dark",t.hoverCls))},[e.renderSlot(a.$slots,"actions")],2)):e.createCommentVNode("",!0)],6))}});exports.ImageAspectRatios=h;exports.ImageSizeRanges=k;exports.ImageTypes=i;exports._sfc_main=j;

package/dist/{Image.vue_vue_type_style_index_0_lang-S9KjdezV.js → Image.vue_vue_type_style_index_0_lang-_1Vqh4mv.js}

@@ -1,10 +1,11 @@
 import { defineComponent as P, useSlots as V, ref as v, toRef as w, watch as C, computed as m, createElementBlock as f, openBlock as i, normalizeStyle as _, normalizeClass as o, unref as t, createBlock as T, createCommentVNode as p, renderSlot as S, createVNode as A, toDisplayString as O } from "vue";
 import { getBemBlock as W, generateVariantClassList as c, normCls as g, getBemElement as u } from "@pantograph/utils";
 import { cva as q } from "class-variance-authority";
-import { r as G, k as H } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { _ as J } from "./Spinner.vue_vue_type_style_index_0_lang-CRuHKobG.js";
+import { _ as G } from "./Spinner.vue_vue_type_style_index_0_lang-ypYtsXl_.js";
+import { o as H, e as J } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
 import { g as K } from "./options-Bh1s18jm.js";
-const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $ = ["vertical", "horizontal"], U = ["alt", "src"], se = /* @__PURE__ */ P({
+import "es-toolkit";
+const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $ = ["vertical", "horizontal"], U = ["alt", "src"], le = /* @__PURE__ */ P({
   ...K("Image"),
   __name: "Image",
   props: {
@@ -52,7 +53,7 @@ const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $
         return a === "number" ? `${e.width}px` : e.width;
     }), N = m(() => {
       const a = String(e.width).replace("px", ""), z = /^\d+(?:\.\d+)?$/, R = e.width && z.test(a) ? Number(a) : e.width;
-      return e.sizeRange === "xsm" || G(R) && R < 100 ? "3xsm" : "sm";
+      return e.sizeRange === "xsm" || H(R) && R < 100 ? "3xsm" : "sm";
     }), D = m(() => {
       let a = `filter: ${l ? "none" : "blur(30px)"}`;
       return e.objectFit && (a += `;object-fit: ${e.objectFit}`), e.objectPosition && (a += `;object-position: ${e.objectPosition}`), a;
@@ -78,7 +79,7 @@ const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $
         class: o(t(u)(t(s), "fallback"))
       }, [
         S(a.$slots, "fallback", {}, () => [
-          A(H, {
+          A(J, {
             size: "sm",
             icon: "tabler:photo-exclamation",
             class: o(t(u)(t(s), "fallback__icon"))
@@ -97,7 +98,7 @@ const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $
         onLoad: L,
         onError: x
       }, null, 46, U)),
-      l.value ? p("", !0) : (i(), T(J, {
+      l.value ? p("", !0) : (i(), T(G, {
         key: 2,
         class: o(t(u)(t(s), "loading")),
         size: N.value
@@ -119,7 +120,7 @@ const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $
 });
 export {
   M as I,
-  se as _,
+  le as _,
   Q as a,
   $ as b
 };

package/dist/IndentLevel/IndentLevel.d.ts

@@ -1,11 +1,13 @@
 import { IndentLevelShowLine, IndentLevelSize } from './IndentLevel.model';
 import { ClassValue } from 'class-variance-authority/types';
+import { Direction } from '../ConfigProvider/index.js';
 export interface IndentLevelProps {
     size?: IndentLevelSize;
     showLine?: IndentLevelShowLine | number | false;
     children?: boolean;
     level?: number | string;
     expanded?: boolean;
+    dir?: Direction;
     loading?: boolean;
     class?: ClassValue;
     branchIcon?: string;

package/dist/IndentLevel/index.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-CkNqK_Vg.js";
+import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-DPL6yVwu.js";
 export {
   a as IndentLevel,
   s as IndentLevelShowLines,

package/dist/IndentLevel/index.umd.cjs

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

package/dist/IndentLevel.vue_vue_type_style_index_0_lang-BNXXU--A.js

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

package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-CkNqK_Vg.js → IndentLevel.vue_vue_type_style_index_0_lang-DPL6yVwu.js}

@@ -1,11 +1,11 @@
-import { defineComponent as C, computed as v, createElementBlock as r, openBlock as o, normalizeClass as u, unref as t, Fragment as d, renderList as I, createBlock as f, createCommentVNode as m, createVNode as N, withCtx as S, renderSlot as $ } from "vue";
-import { getBemBlock as R, getBemElement as L, generateVariantClassList as a, normCls as g, getBemModifier as D } from "@pantograph/utils";
+import { defineComponent as C, computed as v, createElementBlock as s, openBlock as o, normalizeClass as u, unref as t, Fragment as d, renderList as I, createBlock as f, createCommentVNode as m, createVNode as N, withCtx as S, renderSlot as $ } from "vue";
+import { getBemBlock as R, getBemElement as g, generateVariantClassList as a, normCls as L, getBemModifier as D } from "@pantograph/utils";
 import { cva as E } from "class-variance-authority";
 import { g as V } from "./options-Bh1s18jm.js";
-import { _ as b } from "./Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { _ } from "./Spinner.vue_vue_type_style_index_0_lang-CRuHKobG.js";
-import { _ as M } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D6efb688.js";
-import { r as F } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
+import { _ as y } from "./Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
+import { _ as M } from "./Spinner.vue_vue_type_style_index_0_lang-ypYtsXl_.js";
+import { _ } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BZWcWAd8.js";
+import { o as F } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
 const O = ["2xsm", "xsm", "sm"], T = ["last", "all", "before", "self"], j = { key: 0 }, U = /* @__PURE__ */ C({
   ...V("IndentLevel"),
   __name: "IndentLevel",
@@ -15,20 +15,21 @@ const O = ["2xsm", "xsm", "sm"], T = ["last", "all", "before", "self"], j = { ke
     children: { type: Boolean },
     level: { default: 1 },
     expanded: { type: Boolean },
+    dir: {},
     loading: { type: Boolean },
     class: {},
     branchIcon: { default: "tabler:chevron-right" },
     noRotateBranch: { type: Boolean }
   },
-  setup(y) {
-    const n = y, s = R("indent_level"), p = L(s, "item"), B = L(p, "branch"), k = E(s, {
+  setup(b) {
+    const n = b, r = R("indent_level"), p = g(r, "item"), B = g(p, "branch"), k = E(r, {
       variants: {
-        size: a(O, s),
-        expanded: a("expanded", s),
-        branchSlot: a("branch-slot", s),
-        selfDivider: a("self-divider", s),
-        noRotateBranch: a("no-rotate-branch", s),
-        loading: a("loading", s)
+        size: a(O, r),
+        expanded: a("expanded", r),
+        branchSlot: a("branch-slot", r),
+        selfDivider: a("self-divider", r),
+        noRotateBranch: a("no-rotate-branch", r),
+        loading: a("loading", r)
       }
     }), i = v(() => {
       const e = Number(n.level);
@@ -37,9 +38,9 @@ const O = ["2xsm", "xsm", "sm"], T = ["last", "all", "before", "self"], j = { ke
       if (n.showLine)
         return typeof n.showLine == "string" ? ["all", "self"].includes(n.showLine) : F(n.showLine) && n.showLine <= Number(n.level);
     }), w = (e) => typeof n.showLine == "number" ? n.showLine <= Number(e) : !1;
-    return (e, h) => (o(), r("div", {
+    return (e, h) => (o(), s("div", {
       class: u(
-        t(g)(
+        t(L)(
           t(k)({
             size: e.size,
             expanded: e.expanded,
@@ -48,22 +49,23 @@ const O = ["2xsm", "xsm", "sm"], T = ["last", "all", "before", "self"], j = { ke
             selfDivider: c.value,
             loading: e.loading
           }),
+          n.dir && e.dir,
           n.class
         )
       )
     }, [
-      (o(!0), r(d, null, I(i.value, (l) => (o(), r("div", {
-        class: u(t(g)(t(p), { [t(D)(t(s), "expand")]: l === i.value })),
+      (o(!0), s(d, null, I(i.value, (l) => (o(), s("div", {
+        class: u(t(L)(t(p), { [t(D)(t(r), "expand")]: l === i.value })),
         key: l
       }, [
-        l === i.value ? (o(), r(d, { key: 0 }, [
-          e.children ? (o(), r(d, { key: 0 }, [
-            e.loading ? (o(), f(_, {
+        l === i.value ? (o(), s(d, { key: 0 }, [
+          e.children ? (o(), s(d, { key: 0 }, [
+            e.loading ? (o(), f(M, {
               key: 1,
               size: e.size
-            }, null, 8, ["size"])) : (o(), r(d, { key: 0 }, [
-              e.expanded && c.value ? (o(), r("div", j)) : m("", !0),
-              N(M, {
+            }, null, 8, ["size"])) : (o(), s(d, { key: 0 }, [
+              e.expanded && c.value ? (o(), s("div", j)) : m("", !0),
+              N(_, {
                 size: e.size,
                 icon: e.branchIcon,
                 color: "none",
@@ -75,13 +77,14 @@ const O = ["2xsm", "xsm", "sm"], T = ["last", "all", "before", "self"], j = { ke
                 ]),
                 _: 3
               }, 8, ["size", "icon", "class"]),
-              e.expanded && c.value ? (o(), f(b, {
+              e.expanded && c.value ? (o(), f(y, {
                 key: 1,
-                type: "vertical"
+                type: "vertical",
+                style: { "min-height": "0" }
               })) : m("", !0)
             ], 64))
           ], 64)) : m("", !0)
-        ], 64)) : ["all", "before"].includes(e.showLine) || e.showLine === "last" && l === i.value - 1 || w(l) ? (o(), f(b, {
+        ], 64)) : ["all", "before"].includes(e.showLine) || e.showLine === "last" && l === i.value - 1 || w(l) ? (o(), f(y, {
           key: 1,
           type: "vertical"
         })) : m("", !0)

package/dist/Indicator/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-Ca5Des7U.js";
+import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-BZQujvXX.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-DaUZMDk0.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-BAJid2ch.js");exports.Indicator=e._sfc_main;exports.default=e._sfc_main;

package/dist/Indicator.vue_vue_type_script_setup_true_lang-BAJid2ch.js

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

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-Ca5Des7U.js → Indicator.vue_vue_type_script_setup_true_lang-BZQujvXX.js}

@@ -1,8 +1,8 @@
 import { defineComponent as d, useAttrs as f, computed as e, useSlots as g, createBlock as _, openBlock as C, mergeProps as y, createSlots as B, renderList as b, withCtx as k, renderSlot as v, normalizeProps as x, guardReactiveProps as P } from "vue";
-import { o as S } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { _ as $ } from "./BaseBadge.vue_vue_type_style_index_0_lang-Dk4czjh8.js";
+import { omit as S } from "es-toolkit";
+import { _ as $ } from "./BaseBadge.vue_vue_type_style_index_0_lang-iBj3bp4f.js";
 import { g as h } from "./options-Bh1s18jm.js";
-import { B as t } from "./BaseBadge.model-CahZXsyM.js";
+import { B as t } from "./BaseBadge.model-D4ZfMIfM.js";
 import { getCssCoreColor as s } from "@pantograph/tokens";
 const R = /* @__PURE__ */ d({
   ...h("Indicator", !1),
@@ -16,7 +16,7 @@ const R = /* @__PURE__ */ d({
     const o = n, c = f(), i = () => o.color && t.includes(o.color) && t.includes(o.color) ? s(`${o.color}-5`) : s("primary-5"), m = e(() => ({
       bg: i()
     })), a = e(() => ({
-      ...S(c, "type", "text", "icon", "mode"),
+      ...S(c, ["type", "text", "icon", "mode"]),
       ...o,
       ...m.value
     })), l = g();

package/dist/Input/Input.d.ts

@@ -1,41 +1,21 @@
-import { InputSize, InputStatus } from './Input.model';
-import { IconSize } from '../Icon/Icon.model';
 import { HasRootInputEmits } from '../utils';
-import { ClassValue } from 'class-variance-authority/types';
-export interface InputProps {
+import { BaseInputProps, BaseInputSlots, BaseInputEmits } from '../Base/BaseInput/BaseInput';
+export interface InputProps extends Omit<BaseInputProps, 'hasValue'> {
     id?: string;
     maxlength?: number;
     type?: string;
     placeholder?: string;
     disabled?: boolean;
     required?: boolean;
-    modelValue?: string | number | null;
+    readonly?: boolean;
+    modelValue?: string | null;
     defaultValue?: string | null;
-    leading?: string;
-    trailing?: string;
-    clearIcon?: string;
-    trailingCls?: ClassValue;
-    clearIconCls?: ClassValue;
-    dividerCls?: ClassValue;
-    leadingCls?: ClassValue;
-    class?: ClassValue;
-    allowClear?: boolean;
-    bordered?: boolean;
-    size?: InputSize;
-    status?: InputStatus;
 }
-export interface InputSlots {
-    leading?: (data: {
-        iconSize: IconSize;
-    }) => never;
-    trailing?: (data: {
-        iconSize: IconSize;
-    }) => never;
-    clearIcon?: () => never;
+export interface InputSlots extends Omit<BaseInputSlots, 'default' | 'extra'> {
 }
-export interface InputEmits extends HasRootInputEmits {
-    (e: 'update:modelValue', value?: string): void;
-    (e: 'clear'): void;
+export interface InputEmits extends HasRootInputEmits, BaseInputEmits {
+    (e: 'update:modelValue', value?: string | null): void;
+    (e: 'change', value?: string | null): void;
 }
 declare function __VLS_template(): {
     slots: Readonly<InputSlots> & InputSlots;
@@ -46,21 +26,23 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<InputProps, {
-    input: import('vue').Ref<any, any>;
-    focus: (option?: FocusOptions) => any;
-    blur: () => any;
-    select: () => any;
-    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => any;
+    input: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    focus: (option?: FocusOptions) => void | undefined;
+    blur: () => void | undefined;
+    select: () => void | undefined;
+    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (event: InputEvent) => any;
+    change: (value?: string | null | undefined) => any;
     focus: (event: InputEvent) => any;
     clear: () => any;
-    "update:modelValue": (value?: string | undefined) => any;
+    "update:modelValue": (value?: string | null | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
     onBlur?: ((event: InputEvent) => any) | undefined;
+    onChange?: ((value?: string | null | undefined) => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: string | null | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
     clearIcon: string;

package/dist/Input/index.d.ts

@@ -1,2 +1,2 @@
 export { type InputProps, type InputEmits, type InputSlots, default, default as Input, } from './Input';
-export * from './Input.model';
+export * from '../Base/BaseInput/BaseInput.model.ts';

package/dist/Input/index.js

@@ -1,7 +1,8 @@
-import { _ as t, I as u, a as e, _ as p } from "../Input.vue_vue_type_style_index_0_lang-DbW60HOk.js";
+import { _ as s, _ as e } from "../Input.vue_vue_type_script_setup_true_lang-BhpGixbX.js";
+import { I as u, a as o } from "../BaseInput.vue_vue_type_style_index_0_lang-Bh5c8r40.js";
 export {
-  t as Input,
+  s as Input,
   u as InputSizes,
-  e as InputStatuses,
-  p as default
+  o as InputStatuses,
+  e as default
 };

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-DEQgofJ1.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_script_setup_true_lang-P-pBp4sf.js"),t=require("../BaseInput.vue_vue_type_style_index_0_lang-D1-OgRQO.js");exports.Input=e._sfc_main;exports.default=e._sfc_main;exports.InputSizes=t.InputSizes;exports.InputStatuses=t.InputStatuses;

package/dist/Input.vue_vue_type_script_setup_true_lang-BhpGixbX.js

@@ -0,0 +1,111 @@
+import { defineComponent as E, useSlots as P, useAttrs as q, computed as u, ref as D, createBlock as R, openBlock as U, mergeProps as d, createSlots as w, withCtx as p, createElementVNode as O, unref as o, renderList as $, renderSlot as j, normalizeProps as A, guardReactiveProps as F } from "vue";
+import { normCls as L, getBemElement as M } from "@pantograph/utils";
+import { u as N, l as G } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import "@tanstack/vue-virtual";
+import { u as H, _ as J, i as K, I as Q } from "./BaseInput.vue_vue_type_style_index_0_lang-Bh5c8r40.js";
+import { g as T } from "./options-Bh1s18jm.js";
+import { u as W, U as X } from "./useInputDataStates-COzmxWTw.js";
+import { omitBy as c, pick as m, isUndefined as f, omit as Y } from "es-toolkit";
+const Z = ["value"], re = /* @__PURE__ */ E({
+  ...T("Input", !1),
+  __name: "Input",
+  props: {
+    id: {},
+    maxlength: {},
+    type: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: void 0 },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    leading: {},
+    trailing: {},
+    clearIcon: { default: "tabler:circle-x" },
+    trailingCls: {},
+    clearIconCls: {},
+    dividerCls: {},
+    leadingCls: {},
+    class: {},
+    allowClear: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    simple: { type: Boolean },
+    size: {},
+    status: {},
+    steps: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change", "blur", "focus", "clear"],
+  setup(g, { expose: v, emit: B }) {
+    const e = g, y = P(), a = B, l = N(e, "modelValue", a, {
+      defaultValue: e.defaultValue,
+      passive: e.modelValue === void 0,
+      onChange(t) {
+        a("change", t);
+      }
+    }), _ = q(), { getDisabled: n, getStatus: h, getSize: b } = W({
+      getSize: () => e.size && Q.includes(e.size) ? e.size : "md"
+    }), { rootBindings: C, inputBindings: V } = X({
+      getDisabled: () => n.value,
+      emit: a
+    }), I = u(
+      () => c(
+        {
+          ...m(e, [
+            "id",
+            "maxlength",
+            "type",
+            "disabled",
+            "required",
+            "placeholder",
+            "readonly"
+          ]),
+          ...C.value,
+          ...e,
+          disabled: n.value,
+          status: h.value,
+          size: b.value,
+          hasValue: !G(l.value)
+        },
+        f
+      )
+    ), x = (t) => {
+      const s = t.target;
+      l.value = (s == null ? void 0 : s.value) ?? "";
+    }, z = u(
+      () => c(
+        {
+          ...m(e, ["id", "maxlength", "type", "disabled", "required", "placeholder"]),
+          disabled: n.value,
+          ...Y(_, ["value"]),
+          ...V.value
+        },
+        f
+      )
+    ), S = () => {
+      l.value = "", a("clear");
+    }, i = D();
+    return v(H(i)), (t, s) => (U(), R(J, d(I.value, { onClear: S }), w({
+      default: p(() => [
+        O("input", d({
+          ref_key: "inputRef",
+          ref: i,
+          value: o(l),
+          onInput: x
+        }, z.value, {
+          class: o(L)(o(M)(o(K), "input"))
+        }), null, 16, Z)
+      ]),
+      _: 2
+    }, [
+      $(Object.keys(y), (r) => ({
+        name: r,
+        fn: p((k) => [
+          j(t.$slots, r, A(F(k)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  re as _
+};

package/dist/Input.vue_vue_type_script_setup_true_lang-P-pBp4sf.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("@pantograph/utils"),p=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js");require("@tanstack/vue-virtual");const i=require("./BaseInput.vue_vue_type_style_index_0_lang-D1-OgRQO.js"),S=require("./options-CY2uxp5A.js"),m=require("./useInputDataStates-BWZ4Q3rt.js"),n=require("es-toolkit"),k=["value"],P=e.defineComponent({...S.getComponentOptions("Input",!1),__name:"Input",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},emits:["update:modelValue","change","blur","focus","clear"],setup(_,{expose:g,emit:v}){const t=_,f=e.useSlots(),l=v,a=p.useVModel(t,"modelValue",l,{defaultValue:t.defaultValue,passive:t.modelValue===void 0,onChange(s){l("change",s)}}),y=e.useAttrs(),{getDisabled:u,getStatus:B,getSize:h}=m.useFormInput({getSize:()=>t.size&&i.InputSizes.includes(t.size)?t.size:"md"}),{rootBindings:C,inputBindings:I}=m.UseInputDataStates({getDisabled:()=>u.value,emit:l}),b=e.computed(()=>n.omitBy({...n.pick(t,["id","maxlength","type","disabled","required","placeholder","readonly"]),...C.value,...t,disabled:u.value,status:B.value,size:h.value,hasValue:!p.isEmpty(a.value)},n.isUndefined)),q=s=>{const o=s.target;a.value=(o==null?void 0:o.value)??""},x=e.computed(()=>n.omitBy({...n.pick(t,["id","maxlength","type","disabled","required","placeholder"]),disabled:u.value,...n.omit(y,["value"]),...I.value},n.isUndefined)),V=()=>{a.value="",l("clear")},r=e.ref();return g(i.useInputExposes(r)),(s,o)=>(e.openBlock(),e.createBlock(i._sfc_main,e.mergeProps(b.value,{onClear:V}),e.createSlots({default:e.withCtx(()=>[e.createElementVNode("input",e.mergeProps({ref_key:"inputRef",ref:r,value:e.unref(a),onInput:q},x.value,{class:e.unref(c.normCls)(e.unref(c.getBemElement)(e.unref(i.inputPrefix),"input"))}),null,16,k)]),_:2},[e.renderList(Object.keys(f),d=>({name:d,fn:e.withCtx(z=>[e.renderSlot(s.$slots,d,e.normalizeProps(e.guardReactiveProps(z)))])}))]),1040))}});exports._sfc_main=P;

package/dist/InputNumber/InputNumber.d.ts

@@ -0,0 +1,79 @@
+import { HasRootInputEmits } from '../utils';
+import { BaseInputProps, BaseInputSlots, BaseInputEmits } from '../Base/BaseInput/BaseInput';
+export interface InputNumberProps extends Omit<BaseInputProps, 'hasValue'> {
+    id?: string;
+    type?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    modelValue?: number | null;
+    min?: number;
+    max?: number;
+    step?: number;
+    controls?: boolean;
+    readonly?: boolean;
+}
+export interface InputNumberSlots extends Omit<BaseInputSlots, 'default' | 'extra'> {
+}
+export interface InputNumberEmits extends HasRootInputEmits, BaseInputEmits {
+    (e: 'update:modelValue', value?: number): void;
+    (e: 'change', value?: number): void;
+    (e: 'input', event?: any): void;
+    (e: 'pressEnter', event: KeyboardEvent): void;
+    (e: 'step', event: {
+        offset: number;
+        type: 'up' | 'down';
+    }): void;
+}
+declare function __VLS_template(): {
+    slots: Readonly<InputNumberSlots> & InputNumberSlots;
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
+    input: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    focus: (option?: FocusOptions) => void | undefined;
+    blur: () => void | undefined;
+    select: () => void | undefined;
+    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    input: (event?: any) => any;
+    blur: (event: InputEvent) => any;
+    change: (value?: number | undefined) => any;
+    focus: (event: InputEvent) => any;
+    clear: () => any;
+    "update:modelValue": (value?: number | undefined) => any;
+    step: (event: {
+        offset: number;
+        type: "up" | "down";
+    }) => any;
+    pressEnter: (event: KeyboardEvent) => any;
+}, string, import('vue').PublicProps, Readonly<InputNumberProps> & Readonly<{
+    onInput?: ((event?: any) => any) | undefined;
+    onBlur?: ((event: InputEvent) => any) | undefined;
+    onChange?: ((value?: number | undefined) => any) | undefined;
+    onFocus?: ((event: InputEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
+    onStep?: ((event: {
+        offset: number;
+        type: "up" | "down";
+    }) => any) | undefined;
+    onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    clearIcon: string;
+    bordered: boolean;
+    step: number;
+    controls: boolean;
+}, {}, {}, {}, 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/InputNumber/index.d.ts

@@ -0,0 +1,2 @@
+export { type InputNumberProps, type InputNumberEmits, type InputNumberSlots, default, default as InputNumber, } from './InputNumber';
+export * from '../Base/BaseInput/BaseInput.model.ts';

package/dist/InputNumber/index.js

@@ -0,0 +1,8 @@
+import { _ as s, _ as e } from "../InputNumber.vue_vue_type_script_setup_true_lang-yrowDfWL.js";
+import { I as p, a as r } from "../BaseInput.vue_vue_type_style_index_0_lang-Bh5c8r40.js";
+export {
+  s as InputNumber,
+  p as InputSizes,
+  r as InputStatuses,
+  e as default
+};

package/dist/InputNumber/index.umd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../InputNumber.vue_vue_type_script_setup_true_lang-DcGG4i1C.js"),t=require("../BaseInput.vue_vue_type_style_index_0_lang-D1-OgRQO.js");exports.InputNumber=e._sfc_main;exports.default=e._sfc_main;exports.InputSizes=t.InputSizes;exports.InputStatuses=t.InputStatuses;