@indielayer/ui 1.8.1 → 1.8.2

package/docs/pages/component/select/usage.vue

@@ -4,7 +4,7 @@ import { ref } from 'vue'
 const selected = ref<undefined | string>()
 const selectedMultiple = ref<string[]>(['A', 'B'])
 const options = ref([
-  { value: 'A', label: 'Option A' },
+  { value: 'A', label: 'Option A', disabled: true },
   { value: 'B', label: 'Option B' },
 ])
 
@@ -35,8 +35,8 @@ for (let i = 0; i < 20; i++) {
       v-model="selectedMultiple"
       label="Multi select"
       placeholder="Multiple"
-      filterable
       :options="options"
+      filterable
       multiple
     />
   </div>

package/docs/pages/component/tag/usage.vue

@@ -11,9 +11,10 @@ const notifications = useNotifications()
     <x-tag outlined>I'm a tag</x-tag>
     <x-tag rounded outlined color="pink">I'm a tag</x-tag>
     <x-tag color="pink">I'm a tag</x-tag>
-    <x-tag removable @remove="notifications?.log('remove me')">I'm a tag</x-tag>
-    <x-tag removable size="xs" @remove="notifications?.log('remove me')">I'm a tag</x-tag>
-    <x-tag removable size="lg" @remove="notifications?.log('remove me')">I'm a tag</x-tag>
-    <x-tag removable size="xl" @remove="notifications?.log('remove me')">I'm a tag</x-tag>
+    <x-tag removable size="xs" @remove="notifications?.log('remove me')">I'm a xs tag</x-tag>
+    <x-tag removable size="sm" @remove="notifications?.log('remove me')">I'm a sm tag</x-tag>
+    <x-tag removable disabled @remove="notifications?.log('remove me')">I'm a md tag</x-tag>
+    <x-tag removable size="lg" @remove="notifications?.log('remove me')">I'm a lg tag</x-tag>
+    <x-tag removable size="xl" @remove="notifications?.log('remove me')">I'm a xl tag</x-tag>
   </div>
 </template>

package/lib/components/select/Select.vue.js

@@ -1,40 +1,37 @@
-import { defineComponent as ye, ref as y, computed as R, watch as _, nextTick as G, unref as s, onUnmounted as be, resolveComponent as he, openBlock as r, createBlock as b, mergeProps as J, toHandlers as Q, withCtx as A, createElementVNode as z, createElementBlock as n, normalizeClass as h, Fragment as c, renderList as L, createTextVNode as B, toDisplayString as k, createVNode as T, renderSlot as E, createCommentVNode as Y, withDirectives as ke, vModelSelect as ge } from "vue";
-import { useEventListener as we } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { useColors as Ae } from "../../composables/useColors.js";
-import { useCommon as ee } from "../../composables/useCommon.js";
-import { useInputtable as F } from "../../composables/useInputtable.js";
-import { useInteractive as le } from "../../composables/useInteractive.js";
-import { useTheme as Ve } from "../../composables/useTheme.js";
-import { checkIcon as Re, selectIcon as Ie } from "../../common/icons.js";
-import $e from "../label/Label.vue.js";
-import Z from "../tag/Tag.vue.js";
-import Ce from "../icon/Icon.vue.js";
-import Se from "../menu/MenuItem.vue.js";
-import _e from "../spinner/Spinner.vue.js";
-import ze from "../popover/Popover.vue.js";
+import { defineComponent as he, ref as y, computed as w, watch as L, nextTick as Q, unref as s, onUnmounted as ke, resolveComponent as ge, openBlock as n, createBlock as A, mergeProps as Y, toHandlers as Z, withCtx as C, createElementVNode as B, createElementBlock as r, normalizeClass as b, Fragment as h, createTextVNode as E, toDisplayString as V, createVNode as F, renderSlot as P, createCommentVNode as ee, renderList as q, withDirectives as we, vModelSelect as Ae } from "vue";
+import { useEventListener as Ve } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { useColors as Ie } from "../../composables/useColors.js";
+import { useCommon as le } from "../../composables/useCommon.js";
+import { useInputtable as U } from "../../composables/useInputtable.js";
+import { useInteractive as ie } from "../../composables/useInteractive.js";
+import { useTheme as Re } from "../../composables/useTheme.js";
+import { checkIcon as $e, selectIcon as Ce } from "../../common/icons.js";
+import _e from "../label/Label.vue.js";
+import Se from "../tag/Tag.vue.js";
+import ze from "../icon/Icon.vue.js";
+import Le from "../menu/MenuItem.vue.js";
+import Be from "../spinner/Spinner.vue.js";
+import De from "../popover/Popover.vue.js";
 import "../popover/Popover.vue3.js";
-import Le from "../popover/PopoverContainer.vue.js";
-import Be from "../inputFooter/InputFooter.vue.js";
-const Ne = { class: "relative" }, Oe = {
-  key: 0,
-  class: "flex gap-1 flex-wrap"
-}, De = {
+import Ne from "../popover/PopoverContainer.vue.js";
+import Oe from "../inputFooter/InputFooter.vue.js";
+const Te = { class: "relative" }, Ee = {
   key: 0,
   class: "text-secondary-400 dark:text-secondary-500"
-}, Te = { key: 1 }, Ee = {
+}, Fe = { key: 1 }, Pe = {
   key: 0,
   class: "flex gap-1 flex-wrap"
-}, Fe = {
+}, qe = {
   key: 0,
   class: "text-secondary-400 dark:text-secondary-500"
-}, Pe = { key: 1 }, qe = {
+}, Ue = { key: 1 }, je = {
   key: 1,
   class: "px-2 text-center text-secondary-400"
-}, Ue = ["id", "name", "disabled", "multiple", "readonly"], je = ["value", "disabled"], Me = {
-  ...Ae.props("primary"),
-  ...ee.props(),
+}, Me = ["id", "name", "disabled", "multiple", "readonly"], Xe = ["value", "disabled"], xe = {
+  ...Ie.props("primary"),
   ...le.props(),
-  ...F.props(),
+  ...ie.props(),
+  ...U.props(),
   placeholder: String,
   options: Array,
   multiple: Boolean,
@@ -45,67 +42,67 @@ const Ne = { class: "relative" }, Oe = {
     type: String,
     default: "Filter by..."
   }
-}, Xe = {
+}, He = {
   name: "XSelect",
   validators: {
-    ...ee.validators()
+    ...le.validators()
   }
-}, sl = /* @__PURE__ */ ye({
-  ...Xe,
-  props: Me,
-  emits: F.emits(),
-  setup(ie, { expose: te, emit: oe }) {
-    const a = ie, I = oe, N = y(null), O = y(null), $ = y(null), v = y(null), u = y(), g = y(""), D = y(null), t = R({
+}, dl = /* @__PURE__ */ he({
+  ...He,
+  props: xe,
+  emits: U.emits(),
+  setup(te, { expose: oe, emit: ae }) {
+    const t = te, _ = ae, D = y(null), N = y(null), S = y(null), v = y(null), u = y(), k = y(""), O = y(null), I = w(() => t.disabled || t.loading || t.readonly), a = w({
       get() {
-        return a.multiple ? a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue] : [] : a.modelValue;
+        return t.multiple ? t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : [] : t.modelValue;
       },
       set(e) {
-        I("update:modelValue", e);
+        _("update:modelValue", e);
       }
-    }), d = R(() => !a.options || a.options.length === 0 ? [] : a.options.filter((e) => g.value === "" || e.label.toLowerCase().includes(g.value.toLowerCase())).map((e) => {
+    }), d = w(() => !t.options || t.options.length === 0 ? [] : t.options.filter((e) => k.value === "" || e.label.toLowerCase().includes(k.value.toLowerCase())).map((e) => {
       let l = !1;
-      return a.multiple && Array.isArray(t.value) ? l = t.value.includes(e.value) : l = e.value === t.value, {
+      return t.multiple && Array.isArray(a.value) ? l = a.value.includes(e.value) : l = e.value === a.value, {
         value: e.value,
         label: e.label,
         active: l,
         disabled: e.disabled,
-        iconRight: l ? Re : void 0,
-        onClick: () => U(e.value)
+        iconRight: l ? $e : void 0,
+        onClick: () => X(e.value)
       };
-    })), P = R(() => d.value.filter((e) => !e.disabled)), w = R(() => {
+    })), j = w(() => d.value.filter((e) => !e.disabled)), g = w(() => {
       var e;
       return (e = v.value) == null ? void 0 : e.isOpen;
     });
-    _(g, (e) => {
-      e && (u.value = void 0, C(-1));
-    }), _(w, (e) => {
-      e ? (re(), (a.multiple || typeof u.value > "u") && C(-1), setTimeout(() => {
+    L(k, (e) => {
+      e && (u.value = void 0, z(-1));
+    }), L(g, (e) => {
+      e ? (ne(), (t.multiple || typeof u.value > "u") && z(-1), setTimeout(() => {
         requestAnimationFrame(() => {
           var l;
-          q(u.value || 0), a.filterable && ((l = D.value) == null || l.focus());
+          M(u.value || 0), t.filterable && ((l = O.value) == null || l.focus());
         });
-      }, 50)) : a.filterable && (g.value = "");
+      }, 50)) : t.filterable && (k.value = "");
     });
-    function re() {
-      if (a.multiple) {
-        if (Array.isArray(t.value) && t.value.length > 0) {
-          const e = d.value.findIndex((l) => l.value === t.value[0]);
+    function ne() {
+      if (t.multiple) {
+        if (Array.isArray(a.value) && a.value.length > 0) {
+          const e = d.value.findIndex((l) => l.value === a.value[0]);
           e !== -1 && (u.value = e);
         }
       } else {
-        const e = d.value.findIndex((l) => l.value === t.value);
+        const e = d.value.findIndex((l) => l.value === a.value);
         e !== -1 && (u.value = e);
       }
     }
-    function q(e) {
+    function M(e) {
       var l;
-      $.value && ((l = $.value[e]) == null || l.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
+      S.value && ((l = S.value[e]) == null || l.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
     }
-    _(u, (e) => {
-      typeof e < "u" && $.value && q(e);
+    L(u, (e) => {
+      typeof e < "u" && S.value && M(e);
     });
-    function C(e, l = "down") {
-      if (!P.value || P.value.length === 0) {
+    function z(e, l = "down") {
+      if (!j.value || j.value.length === 0) {
         u.value = void 0;
         return;
       }
@@ -121,178 +118,164 @@ const Ne = { class: "relative" }, Oe = {
         u.value = o;
       }
     }
-    function U(e) {
+    function X(e) {
       var o;
-      const l = (o = a.options) == null ? void 0 : o.find((i) => i.value === e);
+      const l = (o = t.options) == null ? void 0 : o.find((i) => i.value === e);
       if (!(!l || l.disabled)) {
-        if (a.multiple) {
-          if (Array.isArray(t.value)) {
-            const i = t.value.indexOf(e);
-            i !== -1 ? t.value.splice(i, 1) : (t.value.push(e), I("update:modelValue", t.value));
+        if (t.multiple) {
+          if (Array.isArray(a.value)) {
+            const i = a.value.indexOf(e);
+            i !== -1 ? a.value.splice(i, 1) : (a.value.push(e), _("update:modelValue", a.value));
           } else
-            t.value = [e];
-          a.filterable && setTimeout(() => {
+            a.value = [e];
+          t.filterable && setTimeout(() => {
             var i;
-            (i = D.value) == null || i.focus();
+            (i = O.value) == null || i.focus();
           });
         } else
-          t.value = e;
-        a.native || G(() => {
+          a.value = e;
+        t.native || Q(() => {
           var i;
-          W(), (i = O.value) == null || i.$el.focus();
+          G(), (i = N.value) == null || i.$el.focus();
         });
       }
     }
-    function j(e) {
+    function x(e) {
       return !!(typeof e > "u" || e === null || e === "" || Array.isArray(e) && e.length === 0 || !Array.isArray(e) && typeof e == "object" && Object.keys(e).length === 0);
     }
-    function M(e, l) {
-      e.stopPropagation();
-      const o = t.value.indexOf(l);
-      o !== -1 && (t.value.splice(o, 1), I("update:modelValue", t.value));
+    function re(e, l) {
+      if (e.stopPropagation(), I.value)
+        return;
+      const o = a.value.indexOf(l);
+      o !== -1 && (a.value.splice(o, 1), _("update:modelValue", a.value));
     }
-    function S(e) {
+    function T(e) {
       var o;
-      const l = (o = a.options) == null ? void 0 : o.find((i) => i.value === e);
+      const l = (o = t.options) == null ? void 0 : o.find((i) => i.value === e);
       return l ? l.label : "";
     }
-    const { focus: X, blur: ae } = le(N), {
-      errorInternal: H,
-      hideFooterInternal: ne,
-      inputListeners: K,
-      reset: se,
-      validate: W,
-      setError: ue,
-      isFocused: de,
-      isInsideForm: fe
-    } = F(a, { focus: X, emit: I, withListeners: !0 }), ve = R(() => {
-      const { focus: e, blur: l } = s(K);
+    const { focus: H, blur: se } = ie(D), {
+      errorInternal: K,
+      hideFooterInternal: ue,
+      inputListeners: W,
+      reset: de,
+      validate: G,
+      setError: fe,
+      isFocused: ve,
+      isInsideForm: pe
+    } = U(t, { focus: H, emit: _, withListeners: !0 }), ce = w(() => {
+      const { focus: e, blur: l } = s(W);
       return {
         focus: e,
         blur: l
       };
     });
     let m = null;
-    _([de, w], ([e, l]) => {
-      e || l ? m || (m = we(document, "keydown", pe)) : m && (m(), m = null);
+    L([ve, g], ([e, l]) => {
+      e || l ? m || (m = Ve(document, "keydown", me)) : m && (m(), m = null);
     }, {
       immediate: !0
-    }), be(() => {
+    }), ke(() => {
       m && m();
     });
-    function pe(e) {
-      var l, o, i, f, V;
+    function me(e) {
+      var l, o, i, f, c;
       if (d.value.length !== 0)
         if (e.code === "ArrowDown") {
-          if (e.preventDefault(), !w.value) {
+          if (e.preventDefault(), !g.value) {
             (l = v.value) == null || l.show();
             return;
           }
-          C(u.value, "down");
+          z(u.value, "down");
         } else if (e.code === "ArrowUp") {
-          if (e.preventDefault(), !w.value) {
+          if (e.preventDefault(), !g.value) {
             (o = v.value) == null || o.show();
             return;
           }
-          C(u.value, "up");
+          z(u.value, "up");
         } else if (e.code === "Enter" || e.code === "Space") {
-          if (e.code === "Space" && a.filterable)
+          if (e.code === "Space" && t.filterable)
             return;
-          if (e.preventDefault(), e.stopPropagation(), !w.value) {
+          if (e.preventDefault(), e.stopPropagation(), !g.value) {
             (i = v.value) == null || i.show();
             return;
           }
-          typeof u.value < "u" && d.value[u.value] && (U(d.value[u.value].value), a.multiple || (f = v.value) == null || f.hide());
+          typeof u.value < "u" && d.value[u.value] && (X(d.value[u.value].value), t.multiple || (f = v.value) == null || f.hide());
         } else
-          e.code === "Tab" && w.value && (e.preventDefault(), (V = v.value) == null || V.hide(), a.native || G(() => {
-            var x;
-            (x = O.value) == null || x.$el.focus();
+          e.code === "Tab" && g.value && (e.preventDefault(), (c = v.value) == null || c.hide(), t.native || Q(() => {
+            var R;
+            (R = N.value) == null || R.$el.focus();
           }));
     }
-    const { styles: ce, classes: p, className: me } = Ve("Select", {}, a, { errorInternal: H });
-    return te({ focus: X, blur: ae, reset: se, validate: W, setError: ue }), (e, l) => {
-      const o = he("x-input");
-      return r(), b($e, J({
+    const { styles: ye, classes: p, className: be } = Re("Select", {}, t, { errorInternal: K });
+    return oe({ focus: H, blur: se, reset: de, validate: G, setError: fe }), (e, l) => {
+      const o = ge("x-input");
+      return n(), A(_e, Y({
         ref_key: "labelRef",
-        ref: O,
+        ref: N,
         tabindex: "0",
         class: ["group", [
-          s(me),
+          s(be),
           s(p).wrapper
         ]],
-        style: s(ce),
-        disabled: e.disabled,
+        style: s(ye),
+        disabled: I.value,
         required: e.required,
-        "is-inside-form": s(fe),
+        "is-inside-form": s(pe),
         label: e.label,
         tooltip: e.tooltip
-      }, Q(ve.value)), {
-        default: A(() => [
-          z("div", Ne, [
-            e.native && !e.multiple ? (r(), n("div", {
+      }, Z(ce.value)), {
+        default: C(() => [
+          B("div", Te, [
+            e.native && !e.multiple ? (n(), r("div", {
               key: 0,
-              class: h(s(p).box),
+              class: b(s(p).box),
               onClick: l[0] || (l[0] = (i) => {
                 var f;
-                return (f = N.value) == null ? void 0 : f.click();
+                return (f = D.value) == null ? void 0 : f.click();
               })
             }, [
-              e.multiple && Array.isArray(t.value) && t.value.length > 0 ? (r(), n("div", Oe, [
-                (r(!0), n(c, null, L(t.value, (i) => (r(), b(Z, {
-                  key: i,
-                  size: "xs",
-                  outlined: "",
-                  removable: "",
-                  onRemove: (f) => {
-                    M(f, i);
-                  }
-                }, {
-                  default: A(() => [
-                    B(k(S(i)), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onRemove"]))), 128))
-              ])) : !e.multiple && !j(t.value) ? (r(), n(c, { key: 1 }, [
-                B(k(S(t.value)), 1)
-              ], 64)) : (r(), n(c, { key: 2 }, [
-                e.placeholder ? (r(), n("div", De, k(e.placeholder), 1)) : (r(), n("div", Te, " "))
+              x(a.value) ? (n(), r(h, { key: 1 }, [
+                e.placeholder ? (n(), r("div", Ee, V(e.placeholder), 1)) : (n(), r("div", Fe, " "))
+              ], 64)) : (n(), r(h, { key: 0 }, [
+                E(V(T(a.value)), 1)
               ], 64))
-            ], 2)) : (r(), b(ze, {
+            ], 2)) : (n(), A(De, {
               key: 1,
               ref_key: "popoverRef",
               ref: v,
-              disabled: e.disabled || e.loading || e.readonly
+              disabled: I.value
             }, {
-              content: A(() => [
-                T(Le, {
-                  class: h(s(p).content)
+              content: C(() => [
+                F(Ne, {
+                  class: b(s(p).content)
                 }, {
-                  default: A(() => [
-                    E(e.$slots, "content-header", {}, () => [
-                      e.filterable ? (r(), n("div", {
+                  default: C(() => [
+                    P(e.$slots, "content-header", {}, () => [
+                      e.filterable ? (n(), r("div", {
                         key: 0,
-                        class: h(s(p).search)
+                        class: b(s(p).search)
                       }, [
-                        T(o, {
+                        F(o, {
                           ref_key: "filterRef",
-                          ref: D,
-                          modelValue: g.value,
-                          "onUpdate:modelValue": l[1] || (l[1] = (i) => g.value = i),
+                          ref: O,
+                          modelValue: k.value,
+                          "onUpdate:modelValue": l[1] || (l[1] = (i) => k.value = i),
                           placeholder: e.filterPlaceholder,
                           "skip-form-registry": "",
                           size: "sm"
                         }, null, 8, ["modelValue", "placeholder"])
-                      ], 2)) : Y("", !0)
+                      ], 2)) : ee("", !0)
                     ]),
-                    d.value.length > 0 ? (r(), n("div", {
+                    d.value.length > 0 ? (n(), r("div", {
                       key: 0,
-                      class: h(s(p).contentBody)
+                      class: b(s(p).contentBody)
                     }, [
-                      (r(!0), n(c, null, L(d.value, (i, f) => (r(), b(Se, {
+                      (n(!0), r(h, null, q(d.value, (i, f) => (n(), A(Le, {
                         key: f,
                         ref_for: !0,
                         ref_key: "itemsRef",
-                        ref: $,
+                        ref: S,
                         item: i,
                         size: e.size,
                         disabled: i.disabled,
@@ -300,81 +283,85 @@ const Ne = { class: "relative" }, Oe = {
                         color: e.color,
                         filled: "",
                         onClick: l[2] || (l[2] = () => {
-                          var V;
-                          return !e.multiple && ((V = v.value) == null ? void 0 : V.hide());
+                          var c;
+                          return !e.multiple && ((c = v.value) == null ? void 0 : c.hide());
                         })
                       }, null, 8, ["item", "size", "disabled", "selected", "color"]))), 128))
-                    ], 2)) : (r(), n("div", qe, " No options ")),
-                    E(e.$slots, "content-footer")
+                    ], 2)) : (n(), r("div", je, " No options ")),
+                    P(e.$slots, "content-footer")
                   ]),
                   _: 3
                 }, 8, ["class"])
               ]),
-              default: A(() => [
-                z("div", {
-                  class: h([s(p).box])
+              default: C(() => [
+                B("div", {
+                  class: b([s(p).box])
                 }, [
-                  e.multiple && Array.isArray(t.value) && t.value.length > 0 ? (r(), n("div", Ee, [
-                    (r(!0), n(c, null, L(t.value, (i) => (r(), b(Z, {
-                      key: i,
-                      size: "xs",
-                      outlined: "",
-                      removable: "",
-                      onRemove: (f) => {
-                        M(f, i);
-                      }
-                    }, {
-                      default: A(() => [
-                        B(k(S(i)), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["onRemove"]))), 128))
-                  ])) : !e.multiple && !j(t.value) ? (r(), n(c, { key: 1 }, [
-                    B(k(S(t.value)), 1)
-                  ], 64)) : (r(), n(c, { key: 2 }, [
-                    e.placeholder ? (r(), n("div", Fe, k(e.placeholder), 1)) : (r(), n("div", Pe, " "))
+                  e.multiple && Array.isArray(a.value) && a.value.length > 0 ? (n(), r("div", Pe, [
+                    (n(!0), r(h, null, q(a.value, (i) => {
+                      var f, c, R, J;
+                      return n(), A(Se, {
+                        key: i,
+                        size: "xs",
+                        removable: "",
+                        outlined: !(I.value || (c = (f = e.options) == null ? void 0 : f.find(($) => $.value === i)) != null && c.disabled),
+                        disabled: I.value || ((J = (R = e.options) == null ? void 0 : R.find(($) => $.value === i)) == null ? void 0 : J.disabled),
+                        onRemove: ($) => {
+                          re($, i);
+                        }
+                      }, {
+                        default: C(() => [
+                          E(V(T(i)), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["outlined", "disabled", "onRemove"]);
+                    }), 128))
+                  ])) : !e.multiple && !x(a.value) ? (n(), r(h, { key: 1 }, [
+                    E(V(T(a.value)), 1)
+                  ], 64)) : (n(), r(h, { key: 2 }, [
+                    e.placeholder ? (n(), r("div", qe, V(e.placeholder), 1)) : (n(), r("div", Ue, " "))
                   ], 64))
                 ], 2)
               ]),
               _: 3
             }, 8, ["disabled"])),
-            ke(z("select", J({
+            we(B("select", Y({
               id: e.id,
               ref_key: "elRef",
-              ref: N,
-              "onUpdate:modelValue": l[3] || (l[3] = (i) => t.value = i),
+              ref: D,
+              "onUpdate:modelValue": l[3] || (l[3] = (i) => a.value = i),
               tabindex: "-1",
               class: e.native && !e.multiple ? "absolute inset-0 w-full h-full cursor-pointer opacity-0" : "hidden",
               name: e.name,
               disabled: e.disabled || e.loading,
               multiple: e.multiple,
               readonly: e.readonly
-            }, Q(s(K), !0)), [
-              (r(!0), n(c, null, L(e.options, (i, f) => (r(), n("option", {
+            }, Z(s(W), !0)), [
+              (n(!0), r(h, null, q(e.options, (i, f) => (n(), r("option", {
                 key: f,
                 value: i.value,
                 disabled: i.disabled
-              }, k(i.label), 9, je))), 128))
-            ], 16, Ue), [
-              [ge, t.value]
+              }, V(i.label), 9, Xe))), 128))
+            ], 16, Me), [
+              [Ae, a.value]
             ]),
-            z("div", {
-              class: h(s(p).iconWrapper)
+            B("div", {
+              class: b(s(p).iconWrapper)
             }, [
-              e.loading ? (r(), b(_e, {
+              e.loading ? (n(), A(Be, {
                 key: 0,
                 size: e.size
-              }, null, 8, ["size"])) : E(e.$slots, "icon", { key: 1 }, () => [
-                T(Ce, {
-                  icon: s(Ie),
-                  class: h([s(p).icon])
+              }, null, 8, ["size"])) : P(e.$slots, "icon", { key: 1 }, () => [
+                F(ze, {
+                  icon: s(Ce),
+                  class: b([s(p).icon])
                 }, null, 8, ["icon", "class"])
               ])
             ], 2)
           ]),
-          s(ne) ? Y("", !0) : (r(), b(Be, {
+          s(ue) ? ee("", !0) : (n(), A(Oe, {
             key: 0,
-            error: s(H),
+            error: s(K),
             helper: e.helper
           }, null, 8, ["error", "helper"]))
         ]),
@@ -384,5 +371,5 @@ const Ne = { class: "relative" }, Oe = {
   }
 });
 export {
-  sl as default
+  dl as default
 };

package/lib/components/tag/Tag.vue.d.ts

@@ -8,6 +8,7 @@ declare const tagProps: {
     rounded: BooleanConstructor;
     removable: BooleanConstructor;
     outlined: BooleanConstructor;
+    disabled: BooleanConstructor;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -30,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     rounded: BooleanConstructor;
     removable: BooleanConstructor;
     outlined: BooleanConstructor;
+    disabled: BooleanConstructor;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -47,6 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     rounded: BooleanConstructor;
     removable: BooleanConstructor;
     outlined: BooleanConstructor;
+    disabled: BooleanConstructor;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -59,6 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     onRemove?: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
     tag: string;
     outlined: boolean;
     removable: boolean;