@pantograph/vue 0.10.0 → 0.10.2

package/dist/IndentLevel.vue_vue_type_style_index_0_lang-ZZ1uEhji.js

@@ -0,0 +1,94 @@
+import { defineComponent as z, computed as v, createElementBlock as a, 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 { g as $, a as r, b as g, c as R } from "./class-DziTeW9B.js";
+import { cva as D } from "class-variance-authority";
+import { g as E } from "./options-JBqnVZUl.js";
+import { _ as L } from "./Divider.vue_vue_type_style_index_0_lang-CRs1KEcj.js";
+import { _ as V } from "./Spinner.vue_vue_type_style_index_0_lang-BYqqSQAx.js";
+import { _ } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BEZ6FkRf.js";
+import { i as M } from "./isNumber-DlKYWCo3.js";
+const F = ["2xsm", "xsm", "sm"], Q = ["last", "all", "before", "self"], O = { key: 0 }, T = /* @__PURE__ */ z({
+  ...E("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(b) {
+    const n = b, s = $("indent_level"), p = g(s, "item"), y = g(p, "branch"), B = D(s, {
+      variants: {
+        size: r(F, s),
+        expanded: r("expanded", s),
+        branchSlot: r("branch-slot", s),
+        selfDivider: r("self-divider", s),
+        noRotateBranch: r("no-rotate-branch", s),
+        loading: r("loading", s)
+      }
+    }), i = v(() => {
+      const e = Number(n.level);
+      return e < 1 ? 1 : e % 10 === 0 ? e : Math.floor(e);
+    }), c = v(() => {
+      if (n.showLine)
+        return typeof n.showLine == "string" ? ["all", "self"].includes(n.showLine) : M(n.showLine) && n.showLine <= Number(n.level);
+    }), k = (e) => typeof n.showLine == "number" ? n.showLine <= Number(e) : !1;
+    return (e, h) => (o(), a("div", {
+      class: u([
+        l(B)({
+          size: e.size,
+          expanded: e.expanded,
+          noRotateBranch: e.noRotateBranch,
+          branchSlot: e.$slots.default,
+          selfDivider: c.value,
+          loading: e.loading
+        }),
+        n.class
+      ])
+    }, [
+      (o(!0), a(d, null, I(i.value, (t) => (o(), a("div", {
+        class: u([l(p), { [l(R)(l(s), "expand")]: t === i.value }]),
+        key: t
+      }, [
+        t === i.value ? (o(), a(d, { key: 0 }, [
+          e.children ? (o(), a(d, { key: 0 }, [
+            e.loading ? (o(), f(V, {
+              key: 1,
+              size: e.size
+            }, null, 8, ["size"])) : (o(), a(d, { key: 0 }, [
+              e.expanded && c.value ? (o(), a("div", O)) : m("", !0),
+              C(_, {
+                size: e.size,
+                icon: e.branchIcon,
+                color: "none",
+                class: u(l(y)),
+                onClick: h[0] || (h[0] = (w) => e.$emit("toggleExpand", w))
+              }, {
+                icon: N(() => [
+                  S(e.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["size", "icon", "class"]),
+              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" && t === i.value - 1 || k(t) ? (o(), f(L, {
+          key: 1,
+          type: "vertical"
+        })) : m("", !0)
+      ], 2))), 128))
+    ], 2));
+  }
+});
+export {
+  F as I,
+  T as _,
+  Q as a
+};

package/dist/Indicator/Indicator.d.ts

@@ -1,10 +1,17 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
 import { BadgeColor } from '../Base/BaseBadge/BaseBadge.model.js';
-export type IndicatorProps = Partial<Pick<BaseBadgeProps, 'as' | 'class'>> & {
+export type IndicatorProps = Partial<Pick<BaseBadgeProps, 'class'>> & {
     size?: 'tiny' | 'tinier';
     color?: BadgeColor;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
+declare function __VLS_template(): {
+    slots: Readonly<BaseBadgeSlots> & BaseBadgeSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IndicatorProps> & 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 (): {

package/dist/Indicator/index.js.js

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

package/dist/Indicator/index.umd.cjs.js

@@ -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-DpPAMjWw.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-BibzfVax.js");exports.Indicator=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-DURlzRTQ.js → Indicator.vue_vue_type_script_setup_true_lang-B16OmZLF.js}

@@ -1,13 +1,12 @@
 import { defineComponent as d, useAttrs as f, computed as s, useSlots as u, createBlock as g, openBlock as _, mergeProps as b, createSlots as y, renderList as C, withCtx as k, renderSlot as v, normalizeProps as x, guardReactiveProps as B } from "vue";
-import { o as O } from "./omit-BHZMfUBv.js";
-import { a as P, _ as S } from "./BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js";
+import { o as O } from "./omit-BEkBWXra.js";
+import { a as P, _ as S } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bh1152XC.js";
 import { g as $ } from "./options-JBqnVZUl.js";
 import { getCssVar as n } from "@pantograph/tokens";
 const w = /* @__PURE__ */ d({
   ...$("Indicator", !1),
   __name: "Indicator",
   props: {
-    as: {},
     class: {},
     size: {},
     color: {}

package/dist/Indicator.vue_vue_type_script_setup_true_lang-BibzfVax.js

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

package/dist/Input/Input.d.ts

@@ -1,6 +1,7 @@
 import { Class } from '../types';
 import { InputSize, InputStatus } from './Input.model';
 import { IconSize } from '../Icon/Icon.model';
+import { HasRootInputEmits } from '../utils';
 export interface InputProps {
     id?: string;
     maxlength?: number;
@@ -32,18 +33,24 @@ export interface InputSlots {
     }) => never;
     clearIcon?: () => never;
 }
-export interface InputEmits {
+export interface InputEmits extends HasRootInputEmits {
     (e: 'update:modelValue', value?: string): void;
     (e: 'clear'): void;
-    (e: 'blur', event: InputEvent): void;
-    (e: 'focus', event: InputEvent): void;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<InputProps, {
+declare function __VLS_template(): {
+    slots: Readonly<InputSlots> & InputSlots;
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     input: import('vue').Ref<any, any>;
-    focus: (option?: FocusOptions | undefined) => any;
+    focus: (option?: FocusOptions) => any;
     blur: () => any;
     select: () => any;
-    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => any;
+    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => any;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (event: InputEvent) => any;
     focus: (event: InputEvent) => any;
@@ -58,7 +65,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     disabled: boolean;
     clearIcon: string;
     bordered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<InputSlots> & InputSlots>;
+}, {}, {}, {}, 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 (): {

package/dist/Input/index.d.ts

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

package/dist/Input/index.js.js

@@ -0,0 +1,7 @@
+import { _ as t, I as u, a as e, _ as p } from "../Input.vue_vue_type_style_index_0_lang-CcR6oCIR.js";
+export {
+  t as Input,
+  u as InputSizes,
+  e as InputStatuses,
+  p as default
+};

package/dist/Input/index.umd.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_style_index_0_lang-DVN491cI.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-CcR6oCIR.js

@@ -0,0 +1,407 @@
+import { defineComponent as te, useSlots as le, computed as L, useAttrs as ue, ref as fe, createElementBlock as I, openBlock as E, mergeProps as x, unref as A, createCommentVNode as B, withDirectives as oe, normalizeClass as b, renderSlot as G, createTextVNode as q, toDisplayString as K, createElementVNode as de, isRef as ge, vModelDynamic as ce, Fragment as pe, createVNode as ve, createBlock as me, withCtx as Ae } from "vue";
+import { useVModel as ye } from "@vueuse/core";
+import { g as we, a as U, b as S } from "./class-DziTeW9B.js";
+import { cva as Oe } from "class-variance-authority";
+import { h as Re, b as Pe, p as Te } from "./pick-DLskPTKb.js";
+import { p as Ee, U as H, q as X, l as h, j as J, r as D, k as Se, i as _e, s as Ce, u as ee, t as ne, b as Le, v as Ie, w as Be, x as be } from "./_flatRest-CHX8vV1P.js";
+import { S as Me, c as De, s as $e, g as Ge } from "./get-Q8GXlj-L.js";
+import { S as Q, i as Y } from "./isObjectLike-BatpeCIi.js";
+import { i as z } from "./isArray-WzO_os3q.js";
+import { _ as Ue } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { _ as Ne } from "./Divider.vue_vue_type_style_index_0_lang-CRs1KEcj.js";
+import { g as ze } from "./options-JBqnVZUl.js";
+import { U as Fe } from "./useInputDataStates-CZbdWpyp.js";
+function xe(e) {
+  return e === void 0;
+}
+function qe(e, n) {
+  for (var i = -1, r = e == null ? 0 : e.length; ++i < r; )
+    if (n(e[i], i, e))
+      return !0;
+  return !1;
+}
+var Ke = 1, He = 2;
+function re(e, n, i, r, t, a) {
+  var s = i & Ke, l = e.length, f = n.length;
+  if (l != f && !(s && f > l))
+    return !1;
+  var o = a.get(e), c = a.get(n);
+  if (o && c)
+    return o == n && c == e;
+  var g = -1, d = !0, w = i & He ? new Me() : void 0;
+  for (a.set(e, n), a.set(n, e); ++g < l; ) {
+    var p = e[g], v = n[g];
+    if (r)
+      var O = s ? r(v, p, g, n, e, a) : r(p, v, g, e, n, a);
+    if (O !== void 0) {
+      if (O)
+        continue;
+      d = !1;
+      break;
+    }
+    if (w) {
+      if (!qe(n, function(m, R) {
+        if (!De(w, R) && (p === m || t(p, m, i, r, a)))
+          return w.push(R);
+      })) {
+        d = !1;
+        break;
+      }
+    } else if (!(p === v || t(p, v, i, r, a))) {
+      d = !1;
+      break;
+    }
+  }
+  return a.delete(e), a.delete(n), d;
+}
+function Xe(e) {
+  var n = -1, i = Array(e.size);
+  return e.forEach(function(r, t) {
+    i[++n] = [t, r];
+  }), i;
+}
+var he = 1, Je = 2, Qe = "[object Boolean]", Ye = "[object Date]", Ze = "[object Error]", Ve = "[object Map]", We = "[object Number]", je = "[object RegExp]", ke = "[object Set]", en = "[object String]", nn = "[object Symbol]", rn = "[object ArrayBuffer]", an = "[object DataView]", Z = Q ? Q.prototype : void 0, N = Z ? Z.valueOf : void 0;
+function sn(e, n, i, r, t, a, s) {
+  switch (i) {
+    case an:
+      if (e.byteLength != n.byteLength || e.byteOffset != n.byteOffset)
+        return !1;
+      e = e.buffer, n = n.buffer;
+    case rn:
+      return !(e.byteLength != n.byteLength || !a(new H(e), new H(n)));
+    case Qe:
+    case Ye:
+    case We:
+      return Ee(+e, +n);
+    case Ze:
+      return e.name == n.name && e.message == n.message;
+    case je:
+    case en:
+      return e == n + "";
+    case Ve:
+      var l = Xe;
+    case ke:
+      var f = r & he;
+      if (l || (l = $e), e.size != n.size && !f)
+        return !1;
+      var o = s.get(e);
+      if (o)
+        return o == n;
+      r |= Je, s.set(e, n);
+      var c = re(l(e), l(n), r, t, a, s);
+      return s.delete(e), c;
+    case nn:
+      if (N)
+        return N.call(e) == N.call(n);
+  }
+  return !1;
+}
+var tn = 1, ln = Object.prototype, un = ln.hasOwnProperty;
+function fn(e, n, i, r, t, a) {
+  var s = i & tn, l = X(e), f = l.length, o = X(n), c = o.length;
+  if (f != c && !s)
+    return !1;
+  for (var g = f; g--; ) {
+    var d = l[g];
+    if (!(s ? d in n : un.call(n, d)))
+      return !1;
+  }
+  var w = a.get(e), p = a.get(n);
+  if (w && p)
+    return w == n && p == e;
+  var v = !0;
+  a.set(e, n), a.set(n, e);
+  for (var O = s; ++g < f; ) {
+    d = l[g];
+    var m = e[d], R = n[d];
+    if (r)
+      var $ = s ? r(R, m, d, n, e, a) : r(m, R, d, e, n, a);
+    if (!($ === void 0 ? m === R || t(m, R, i, r, a) : $)) {
+      v = !1;
+      break;
+    }
+    O || (O = d == "constructor");
+  }
+  if (v && !O) {
+    var P = e.constructor, T = n.constructor;
+    P != T && "constructor" in e && "constructor" in n && !(typeof P == "function" && P instanceof P && typeof T == "function" && T instanceof T) && (v = !1);
+  }
+  return a.delete(e), a.delete(n), v;
+}
+var on = 1, V = "[object Arguments]", W = "[object Array]", M = "[object Object]", dn = Object.prototype, j = dn.hasOwnProperty;
+function gn(e, n, i, r, t, a) {
+  var s = z(e), l = z(n), f = s ? W : h(e), o = l ? W : h(n);
+  f = f == V ? M : f, o = o == V ? M : o;
+  var c = f == M, g = o == M, d = f == o;
+  if (d && J(e)) {
+    if (!J(n))
+      return !1;
+    s = !0, c = !1;
+  }
+  if (d && !c)
+    return a || (a = new D()), s || Se(e) ? re(e, n, i, r, t, a) : sn(e, n, f, i, r, t, a);
+  if (!(i & on)) {
+    var w = c && j.call(e, "__wrapped__"), p = g && j.call(n, "__wrapped__");
+    if (w || p) {
+      var v = w ? e.value() : e, O = p ? n.value() : n;
+      return a || (a = new D()), t(v, O, i, r, a);
+    }
+  }
+  return d ? (a || (a = new D()), fn(e, n, i, r, t, a)) : !1;
+}
+function F(e, n, i, r, t) {
+  return e === n ? !0 : e == null || n == null || !Y(e) && !Y(n) ? e !== e && n !== n : gn(e, n, i, r, F, t);
+}
+var cn = 1, pn = 2;
+function vn(e, n, i, r) {
+  var t = i.length, a = t;
+  if (e == null)
+    return !a;
+  for (e = Object(e); t--; ) {
+    var s = i[t];
+    if (s[2] ? s[1] !== e[s[0]] : !(s[0] in e))
+      return !1;
+  }
+  for (; ++t < a; ) {
+    s = i[t];
+    var l = s[0], f = e[l], o = s[1];
+    if (s[2]) {
+      if (f === void 0 && !(l in e))
+        return !1;
+    } else {
+      var c = new D(), g;
+      if (!(g === void 0 ? F(o, f, cn | pn, r, c) : g))
+        return !1;
+    }
+  }
+  return !0;
+}
+function ie(e) {
+  return e === e && !_e(e);
+}
+function mn(e) {
+  for (var n = Ce(e), i = n.length; i--; ) {
+    var r = n[i], t = e[r];
+    n[i] = [r, t, ie(t)];
+  }
+  return n;
+}
+function ae(e, n) {
+  return function(i) {
+    return i == null ? !1 : i[e] === n && (n !== void 0 || e in Object(i));
+  };
+}
+function An(e) {
+  var n = mn(e);
+  return n.length == 1 && n[0][2] ? ae(n[0][0], n[0][1]) : function(i) {
+    return i === e || vn(i, e, n);
+  };
+}
+var yn = 1, wn = 2;
+function On(e, n) {
+  return ee(e) && ie(n) ? ae(ne(e), n) : function(i) {
+    var r = Ge(i, e);
+    return r === void 0 && r === n ? Re(i, e) : F(n, r, yn | wn);
+  };
+}
+function Rn(e) {
+  return function(n) {
+    return n == null ? void 0 : n[e];
+  };
+}
+function Pn(e) {
+  return function(n) {
+    return Le(n, e);
+  };
+}
+function Tn(e) {
+  return ee(e) ? Rn(ne(e)) : Pn(e);
+}
+function se(e) {
+  return typeof e == "function" ? e : e == null ? Ie : typeof e == "object" ? z(e) ? On(e[0], e[1]) : An(e) : Tn(e);
+}
+var En = "Expected a function";
+function Sn(e) {
+  if (typeof e != "function")
+    throw new TypeError(En);
+  return function() {
+    var n = arguments;
+    switch (n.length) {
+      case 0:
+        return !e.call(this);
+      case 1:
+        return !e.call(this, n[0]);
+      case 2:
+        return !e.call(this, n[0], n[1]);
+      case 3:
+        return !e.call(this, n[0], n[1], n[2]);
+    }
+    return !e.apply(this, n);
+  };
+}
+function _n(e, n) {
+  if (e == null)
+    return {};
+  var i = Be(be(e), function(r) {
+    return [r];
+  });
+  return n = se(n), Pe(e, i, function(r, t) {
+    return n(r, t[0]);
+  });
+}
+function Cn(e, n) {
+  return _n(e, Sn(se(n)));
+}
+const k = ["sm", "md", "lg"], Ln = ["error", "warning"], Kn = /* @__PURE__ */ te({
+  ...ze("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(e, { expose: n, emit: i }) {
+    const r = e, t = le(), a = i, s = ye(r, "modelValue", a, {
+      defaultValue: r.defaultValue,
+      passive: r.modelValue === void 0
+    }), l = we("input"), f = Oe(l, {
+      variants: {
+        size: U(k, l),
+        status: U(Ln, l),
+        bordered: U("bordered", l)
+      }
+    }), o = L(() => r.size && k.includes(r.size) ? r.size : "md"), c = ue(), { rootBindings: g, inputBindings: d } = Fe({
+      getDisabled: () => r.disabled,
+      emit: a,
+      blurCallBack: (u) => {
+        const y = u.target;
+        y != null && y.value && (y.value = s.value);
+      }
+    }), w = L(
+      () => Cn(
+        {
+          ...Te(r, "id", "maxlength", "type", "disabled", "required", "placeholder"),
+          ...c,
+          ...d.value
+        },
+        xe
+      )
+    ), p = L(() => {
+      switch (o.value) {
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), v = L(() => {
+      switch (o.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+          return "xsm";
+        default:
+          return "sm";
+      }
+    }), O = () => {
+      s.value = "", a("clear");
+    }, m = fe();
+    return n({
+      input: m,
+      focus: (u) => {
+        var y;
+        return (y = m.value) == null ? void 0 : y.focus(u);
+      },
+      blur: () => {
+        var u;
+        return (u = m.value) == null ? void 0 : u.blur();
+      },
+      select: () => {
+        var u;
+        return (u = m.value.input) == null ? void 0 : u.select();
+      },
+      setSelectionRange: (u, y, _) => {
+        var C;
+        return (C = m.value.input) == null ? void 0 : C.setSelectionRange(u, y, _);
+      }
+    }), (u, y) => {
+      var _;
+      return E(), I("div", x({
+        class: [
+          A(f)({
+            size: o.value,
+            status: u.status,
+            bordered: u.bordered
+          }),
+          r.class
+        ]
+      }, A(g)), [
+        t.leading || r.leading ? (E(), I("div", {
+          key: 0,
+          class: b([A(S)(A(l), "leading"), u.leadingCls])
+        }, [
+          G(u.$slots, "leading", { iconSize: v.value }, () => [
+            q(K(u.leading), 1)
+          ])
+        ], 2)) : B("", !0),
+        oe(de("input", x({
+          ref_key: "inputRef",
+          ref: m,
+          "onUpdate:modelValue": y[0] || (y[0] = (C) => ge(s) ? s.value = C : null)
+        }, w.value, {
+          class: [A(S)(A(l), "input")]
+        }), null, 16), [
+          [ce, A(s)]
+        ]),
+        t.trailing || r.trailing || u.allowClear ? (E(), I("div", {
+          key: 1,
+          class: b([A(S)(A(l), "trailing"), u.trailingCls])
+        }, [
+          !u.disabled && u.allowClear && ((_ = A(s)) != null && _.length) ? (E(), I(pe, { key: 0 }, [
+            ve(Ue, {
+              icon: u.clearIcon,
+              size: p.value,
+              onClick: O,
+              class: b([A(S)(A(l), "clear_icon"), u.clearIconCls])
+            }, {
+              default: Ae(() => [
+                G(u.$slots, "clearIcon")
+              ]),
+              _: 3
+            }, 8, ["icon", "size", "class"]),
+            t.trailing || r.trailing ? (E(), me(Ne, {
+              key: 0,
+              type: "vertical",
+              class: b([A(S)(A(l), "divider"), u.dividerCls])
+            }, null, 8, ["class"])) : B("", !0)
+          ], 64)) : B("", !0),
+          G(u.$slots, "trailing", { iconSize: v.value }, () => [
+            q(K(u.trailing), 1)
+          ])
+        ], 2)) : B("", !0)
+      ], 16);
+    };
+  }
+});
+export {
+  k as I,
+  Kn as _,
+  Ln as a
+};

package/dist/Input.vue_vue_type_style_index_0_lang-DVN491cI.js

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),h=require("@vueuse/core"),E=require("./class-CjZYGZDW.js"),J=require("class-variance-authority"),N=require("./pick-C-ap2Lj0.js"),o=require("./_flatRest-R59G2N4m.js"),L=require("./get-B4UJlXpC.js"),I=require("./isObjectLike-kO9e4B7g.js"),M=require("./isArray-B7z6QoM5.js"),Q=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),Y=require("./Divider.vue_vue_type_style_index_0_lang-BELWThBf.js"),Z=require("./options-B4iSAKol.js"),W=require("./useInputDataStates-CbRgNQqU.js");function k(e){return e===void 0}function j(e,n){for(var i=-1,t=e==null?0:e.length;++i<t;)if(n(e[i],i,e))return!0;return!1}var ee=1,ne=2;function F(e,n,i,t,a,s){var l=i&ee,u=e.length,c=n.length;if(u!=c&&!(l&&c>u))return!1;var d=s.get(e),v=s.get(n);if(d&&v)return d==n&&v==e;var p=-1,g=!0,S=i&ne?new L.SetCache:void 0;for(s.set(e,n),s.set(n,e);++p<u;){var m=e[p],y=n[p];if(t)var C=l?t(y,m,p,n,e,s):t(m,y,p,e,n,s);if(C!==void 0){if(C)continue;g=!1;break}if(S){if(!j(n,function(A,O){if(!L.cacheHas(S,O)&&(m===A||a(m,A,i,t,s)))return S.push(O)})){g=!1;break}}else if(!(m===y||a(m,y,i,t,s))){g=!1;break}}return s.delete(e),s.delete(n),g}function re(e){var n=-1,i=Array(e.size);return e.forEach(function(t,a){i[++n]=[a,t]}),i}var te=1,ie=2,se="[object Boolean]",le="[object Date]",ae="[object Error]",ue="[object Map]",fe="[object Number]",oe="[object RegExp]",ce="[object Set]",de="[object String]",ge="[object Symbol]",pe="[object ArrayBuffer]",ve="[object DataView]",z=I.Symbol?I.Symbol.prototype:void 0,D=z?z.valueOf:void 0;function me(e,n,i,t,a,s,l){switch(i){case ve:if(e.byteLength!=n.byteLength||e.byteOffset!=n.byteOffset)return!1;e=e.buffer,n=n.buffer;case pe:return!(e.byteLength!=n.byteLength||!s(new o.Uint8Array(e),new o.Uint8Array(n)));case se:case le:case fe:return o.eq(+e,+n);case ae:return e.name==n.name&&e.message==n.message;case oe:case de:return e==n+"";case ue:var u=re;case ce:var c=t&te;if(u||(u=L.setToArray),e.size!=n.size&&!c)return!1;var d=l.get(e);if(d)return d==n;t|=ie,l.set(e,n);var v=F(u(e),u(n),t,a,s,l);return l.delete(e),v;case ge:if(D)return D.call(e)==D.call(n)}return!1}var ye=1,Ae=Object.prototype,_e=Ae.hasOwnProperty;function Se(e,n,i,t,a,s){var l=i&ye,u=o.getAllKeys(e),c=u.length,d=o.getAllKeys(n),v=d.length;if(c!=v&&!l)return!1;for(var p=c;p--;){var g=u[p];if(!(l?g in n:_e.call(n,g)))return!1}var S=s.get(e),m=s.get(n);if(S&&m)return S==n&&m==e;var y=!0;s.set(e,n),s.set(n,e);for(var C=l;++p<c;){g=u[p];var A=e[g],O=n[g];if(t)var b=l?t(O,A,g,n,e,s):t(A,O,g,e,n,s);if(!(b===void 0?A===O||a(A,O,i,t,s):b)){y=!1;break}C||(C=g=="constructor")}if(y&&!C){var B=e.constructor,R=n.constructor;B!=R&&"constructor"in e&&"constructor"in n&&!(typeof B=="function"&&B instanceof B&&typeof R=="function"&&R instanceof R)&&(y=!1)}return s.delete(e),s.delete(n),y}var Ce=1,G="[object Arguments]",U="[object Array]",P="[object Object]",Ee=Object.prototype,x=Ee.hasOwnProperty;function Oe(e,n,i,t,a,s){var l=M.isArray(e),u=M.isArray(n),c=l?U:o.getTag(e),d=u?U:o.getTag(n);c=c==G?P:c,d=d==G?P:d;var v=c==P,p=d==P,g=c==d;if(g&&o.isBuffer(e)){if(!o.isBuffer(n))return!1;l=!0,v=!1}if(g&&!v)return s||(s=new o.Stack),l||o.isTypedArray(e)?F(e,n,i,t,a,s):me(e,n,c,i,t,a,s);if(!(i&Ce)){var S=v&&x.call(e,"__wrapped__"),m=p&&x.call(n,"__wrapped__");if(S||m){var y=S?e.value():e,C=m?n.value():n;return s||(s=new o.Stack),a(y,C,i,t,s)}}return g?(s||(s=new o.Stack),Se(e,n,i,t,a,s)):!1}function $(e,n,i,t,a){return e===n?!0:e==null||n==null||!I.isObjectLike(e)&&!I.isObjectLike(n)?e!==e&&n!==n:Oe(e,n,i,t,$,a)}var Be=1,Re=2;function we(e,n,i,t){var a=i.length,s=a;if(e==null)return!s;for(e=Object(e);a--;){var l=i[a];if(l[2]?l[1]!==e[l[0]]:!(l[0]in e))return!1}for(;++a<s;){l=i[a];var u=l[0],c=e[u],d=l[1];if(l[2]){if(c===void 0&&!(u in e))return!1}else{var v=new o.Stack,p;if(!(p===void 0?$(d,c,Be|Re,t,v):p))return!1}}return!0}function K(e){return e===e&&!o.isObject(e)}function Te(e){for(var n=o.keys(e),i=n.length;i--;){var t=n[i],a=e[t];n[i]=[t,a,K(a)]}return n}function V(e,n){return function(i){return i==null?!1:i[e]===n&&(n!==void 0||e in Object(i))}}function Pe(e){var n=Te(e);return n.length==1&&n[0][2]?V(n[0][0],n[0][1]):function(i){return i===e||we(i,e,n)}}var Le=1,Ie=2;function be(e,n){return o.isKey(e)&&K(n)?V(o.toKey(e),n):function(i){var t=L.get(i,e);return t===void 0&&t===n?N.hasIn(i,e):$(n,t,Le|Ie)}}function De(e){return function(n){return n==null?void 0:n[e]}}function Me(e){return function(n){return o.baseGet(n,e)}}function qe(e){return o.isKey(e)?De(o.toKey(e)):Me(e)}function H(e){return typeof e=="function"?e:e==null?o.identity:typeof e=="object"?M.isArray(e)?be(e[0],e[1]):Pe(e):qe(e)}var Ne="Expected a function";function $e(e){if(typeof e!="function")throw new TypeError(Ne);return function(){var n=arguments;switch(n.length){case 0:return!e.call(this);case 1:return!e.call(this,n[0]);case 2:return!e.call(this,n[0],n[1]);case 3:return!e.call(this,n[0],n[1],n[2])}return!e.apply(this,n)}}function ze(e,n){if(e==null)return{};var i=o.arrayMap(o.getAllKeysIn(e),function(t){return[t]});return n=H(n),N.basePickBy(e,i,function(t,a){return n(t,a[0])})}function Ge(e,n){return ze(e,$e(H(n)))}const q=["sm","md","lg"],X=["error","warning"],Ue=r.defineComponent({...Z.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(e,{expose:n,emit:i}){const t=e,a=r.useSlots(),s=i,l=h.useVModel(t,"modelValue",s,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),u=E.getBemBlock("input"),c=J.cva(u,{variants:{size:E.generateVariantClassList(q,u),status:E.generateVariantClassList(X,u),bordered:E.generateVariantClassList("bordered",u)}}),d=r.computed(()=>t.size&&q.includes(t.size)?t.size:"md"),v=r.useAttrs(),{rootBindings:p,inputBindings:g}=W.UseInputDataStates({getDisabled:()=>t.disabled,emit:s,blurCallBack:f=>{const _=f.target;_!=null&&_.value&&(_.value=l.value)}}),S=r.computed(()=>Ge({...N.pick(t,"id","maxlength","type","disabled","required","placeholder"),...v,...g.value},k)),m=r.computed(()=>{switch(d.value){case"sm":return"2xsm";default:return"xsm"}}),y=r.computed(()=>{switch(d.value){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}}),C=()=>{l.value="",s("clear")},A=r.ref();return n({input:A,focus:f=>{var _;return(_=A.value)==null?void 0:_.focus(f)},blur:()=>{var f;return(f=A.value)==null?void 0:f.blur()},select:()=>{var f;return(f=A.value.input)==null?void 0:f.select()},setSelectionRange:(f,_,w)=>{var T;return(T=A.value.input)==null?void 0:T.setSelectionRange(f,_,w)}}),(f,_)=>{var w;return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:[r.unref(c)({size:d.value,status:f.status,bordered:f.bordered}),t.class]},r.unref(p)),[a.leading||t.leading?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass([r.unref(E.getBemElement)(r.unref(u),"leading"),f.leadingCls])},[r.renderSlot(f.$slots,"leading",{iconSize:y.value},()=>[r.createTextVNode(r.toDisplayString(f.leading),1)])],2)):r.createCommentVNode("",!0),r.withDirectives(r.createElementVNode("input",r.mergeProps({ref_key:"inputRef",ref:A,"onUpdate:modelValue":_[0]||(_[0]=T=>r.isRef(l)?l.value=T:null)},S.value,{class:[r.unref(E.getBemElement)(r.unref(u),"input")]}),null,16),[[r.vModelDynamic,r.unref(l)]]),a.trailing||t.trailing||f.allowClear?(r.openBlock(),r.createElementBlock("div",{key:1,class:r.normalizeClass([r.unref(E.getBemElement)(r.unref(u),"trailing"),f.trailingCls])},[!f.disabled&&f.allowClear&&((w=r.unref(l))!=null&&w.length)?(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[r.createVNode(Q._sfc_main,{icon:f.clearIcon,size:m.value,onClick:C,class:r.normalizeClass([r.unref(E.getBemElement)(r.unref(u),"clear_icon"),f.clearIconCls])},{default:r.withCtx(()=>[r.renderSlot(f.$slots,"clearIcon")]),_:3},8,["icon","size","class"]),a.trailing||t.trailing?(r.openBlock(),r.createBlock(Y._sfc_main,{key:0,type:"vertical",class:r.normalizeClass([r.unref(E.getBemElement)(r.unref(u),"divider"),f.dividerCls])},null,8,["class"])):r.createCommentVNode("",!0)],64)):r.createCommentVNode("",!0),r.renderSlot(f.$slots,"trailing",{iconSize:y.value},()=>[r.createTextVNode(r.toDisplayString(f.trailing),1)])],2)):r.createCommentVNode("",!0)],16)}}});exports.InputSizes=q;exports.InputStatuses=X;exports._sfc_main=Ue;

package/dist/Kbd/Kbd.d.ts

@@ -1,20 +1,24 @@
-import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../types';
-export interface KbdProps extends Omit<PrimitiveProps, 'asChild'> {
+export interface KbdProps {
     iconOnly?: boolean;
     class?: Class;
     containerCls?: Class;
-    containerAs?: PrimitiveProps['as'];
     text?: string;
     icon?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<KbdProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+declare function __VLS_template(): {
+    slots: {
+        text?(_: {}): any;
+        icon?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<KbdProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KbdProps> & Readonly<{}>, {
     text: string;
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    icon?(_: {}): any;
-    text?(_: {}): any;
-}>;
+}, {}, {}, {}, 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 (): {