bitboss-ui 2.0.115 → 2.0.117

package/dist/index43.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, openBlock as z, createBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as h, guardReactiveProps as v, createVNode as R, mergeProps as w, createSlots as W } from "vue";
 import K from "./index41.js";
 /* empty css        */
-import N from "./index207.js";
+import N from "./index229.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index209.js";
-import { useIndexById as T } from "./index210.js";
-import { useBaseOptions as q } from "./index211.js";
-import { useCoherence as J } from "./index212.js";
-import { hash as Q } from "./index213.js";
-import { useHashedWatcher as E } from "./index214.js";
-import { usePrefill as X } from "./index215.js";
+import { useItemsGetter as U } from "./index231.js";
+import { useIndexById as T } from "./index232.js";
+import { useBaseOptions as q } from "./index233.js";
+import { useCoherence as J } from "./index234.js";
+import { hash as Q } from "./index235.js";
+import { useHashedWatcher as E } from "./index236.js";
+import { usePrefill as X } from "./index237.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {

package/dist/index45.js

@@ -1,19 +1,20 @@
-import { defineComponent as R, ref as u, computed as m, toRef as E, watch as j, openBlock as v, createBlock as k, normalizeClass as Q, withCtx as l, renderSlot as s, createVNode as I, unref as Z, createElementVNode as $, createElementBlock as G, Fragment as J, createCommentVNode as W, withDirectives as X, mergeProps as Y, withModifiers as d, withKeys as y, vModelDynamic as ee, nextTick as te } from "vue";
+import { defineComponent as Q, ref as u, computed as f, toRef as E, watch as Z, openBlock as v, createBlock as k, normalizeClass as G, withCtx as n, renderSlot as s, createVNode as I, unref as $, createElementVNode as O, createElementBlock as J, Fragment as W, createCommentVNode as X, withDirectives as Y, mergeProps as ee, withModifiers as d, withKeys as y, vModelDynamic as te, nextTick as oe } from "vue";
 /* empty css       */
 /* empty css       */
-import oe from "./index128.js";
+import ae from "./index128.js";
 /* empty css         */
-import { last as ae } from "./index223.js";
-import { useBaseOptions as ne } from "./index211.js";
-import { useIndexById as le } from "./index210.js";
-import re from "./index254.js";
+import { last as le } from "./index222.js";
+import { useBaseOptions as ne } from "./index233.js";
+import { useIndexById as re } from "./index232.js";
+import ie from "./index255.js";
 /* empty css         */
-import ie from "./index256.js";
+import ue from "./index257.js";
 /* empty css         */
-import ue from "./index234.js";
+import se from "./index207.js";
 /* empty css         */
-import se from "./index236.js";
-const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], $e = /* @__PURE__ */ R({
+import de from "./index209.js";
+import { isEmpty as pe } from "./index227.js";
+const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Le = /* @__PURE__ */ Q({
   __name: "BaseTag",
   props: {
     "append:icon": {},
@@ -21,6 +22,7 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
     autocomplete: { default: "off" },
     autofocus: {},
     comma: { type: Boolean },
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     disabled: { type: Boolean },
     divider: { default: "Enter" },
@@ -37,19 +39,19 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
     required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
-  setup(O, { emit: D }) {
-    const t = O, n = D;
+  setup(D, { emit: L }) {
+    const t = D, l = L;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const b = u(null), L = u(null), B = u(null), V = u(null), r = m(
+    const b = u(null), A = u(null), B = u(null), V = u(null), r = f(
       () => t.comma ? B.value : V.value
-    ), p = u(null), A = () => {
+    ), p = u(null), H = () => {
       p.value instanceof HTMLInputElement && p.value.focus();
-    }, o = u(""), i = m(() => K.value.filter((e) => e.selected)), { data: w, get: H } = le({
+    }, o = u(""), i = f(() => T.value.filter((e) => e.selected)), { data: w, get: K } = re({
       items: E(t, "modelValue")
-    }), { options: K } = ne({
+    }), { options: T } = ne({
       disabled: E(t, "disabled"),
-      items: m(() => [].concat(t.modelValue)),
+      items: f(() => [].concat(t.modelValue)),
       itemText: void 0,
       itemValue: void 0,
       max: t.max,
@@ -61,84 +63,87 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
         return;
       }
       let e;
-      i.value && (e = ae(i.value)), o.value = (e == null ? void 0 : e.text) || "";
-    }, T = async (e) => {
+      i.value && (e = le(i.value)), o.value = (e == null ? void 0 : e.text) || "";
+    }, q = async (e) => {
       if (t.multiple) {
         const a = { ...w.value };
-        delete a[e.valueHash], n("update:modelValue", Object.values(a));
+        delete a[e.valueHash], l("update:modelValue", Object.values(a));
       } else
-        n("update:modelValue", null);
-      A();
+        l("update:modelValue", null);
+      H();
     };
-    j(
+    Z(
       () => t.modelValue,
       async () => {
         C();
       }
     );
-    const g = u(!1), q = () => {
+    const g = u(!1), M = () => {
       g.value = !0;
-    }, M = () => {
-      g.value = !1, n("inactive");
-    }, h = m(() => !(t.readonly || t.disabled || !r.value && t.multiple)), N = (e) => {
+    }, N = () => {
+      g.value = !1, l("inactive");
+    }, h = f(() => !(t.readonly || t.disabled || !r.value && t.multiple)), P = (e) => {
       var a;
       h.value && (!t.multiple || o.value || (e.preventDefault(), i.value.length && ((a = r.value) == null || a.focusPrevious())));
-    }, _ = (e) => {
+    }, z = (e) => {
       var a;
       h.value && (!t.multiple || o.value || (e.preventDefault(), i.value.length && ((a = r.value) == null || a.focusNext())));
-    }, P = async () => {
+    }, F = async () => {
       var e, a;
-      !h.value || o.value || !i.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await te(), (a = r.value) == null || a.focusPrevious());
-    }, x = () => {
+      !h.value || o.value || !i.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await oe(), (a = r.value) == null || a.focusPrevious());
+    }, S = () => {
       var e;
       (e = r.value) == null || e.blur();
-    }, z = async (e) => {
+    }, U = async (e) => {
       var a;
-      if (n("keydown", e), t.readonly || t.disabled) {
+      if (l("keydown", e), t.readonly || t.disabled) {
         e.preventDefault();
         return;
       }
       if (/^[A-Za-z0-9]$/.test(e.key) && ((a = r.value) == null || a.blur()), e.key === t.divider || e.key === "Unidentified" && o.value.includes(t.divider)) {
         if (t.divider.length === 1 && o.value.includes(t.divider)) {
-          const f = o.value.split(t.divider)[0];
-          if (f)
-            o.value = f;
+          const m = o.value.split(t.divider)[0];
+          if (m)
+            o.value = m;
           else {
             o.value = "";
             return;
           }
         }
         if (!o.value) {
-          n("keydown", e);
+          l("keydown", e);
           return;
         }
-        if (e.preventDefault(), H(o.value))
-          n("duplicate", o.value), o.value = "";
+        if (e.preventDefault(), K(o.value))
+          l("duplicate", o.value), o.value = "";
         else {
           if (t.max && i.value.length >= t.max)
             return;
-          t.multiple ? n("update:modelValue", t.modelValue.concat(o.value)) : n("update:modelValue", o.value);
+          t.multiple ? l("update:modelValue", t.modelValue.concat(o.value)) : l("update:modelValue", o.value);
         }
       }
-    }, F = (e) => {
-      n("focus", e), q(), document.addEventListener("click", c), document.addEventListener("focusin", c);
-    }, S = (e) => {
-      n("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
+    }, _ = (e) => {
+      l("focus", e), M(), document.addEventListener("click", c), document.addEventListener("focusin", c);
+    }, R = (e) => {
+      l("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
     }, c = async (e) => {
       if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
-        M(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), C();
+        N(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), C();
         return;
       }
-    }, U = {
-      onBlur: (e) => n("blur", e),
-      onChange: (e) => n("change", e),
-      onKeyup: (e) => n("keyup", e),
-      onInput: (e) => n("input", e)
+    }, j = {
+      onBlur: (e) => l("blur", e),
+      onChange: (e) => l("change", e),
+      onKeyup: (e) => l("keyup", e),
+      onInput: (e) => l("input", e)
+    }, x = () => {
+      let e = null;
+      t.multiple && (e = []), l("update:modelValue", e);
     };
-    return (e, a) => (v(), k(se, {
+    return (e, a) => (v(), k(de, {
       ref_key: "outerContainer",
       ref: b,
-      class: Q({
+      class: G({
         "bb-base-tag": !0,
         "bb-base-tag--active": g.value,
         "bb-base-tag--disabled": e.disabled,
@@ -147,58 +152,60 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
         "bb-base-tag--readonly": e.readonly,
         "bb-base-tag--compact": e.compact
       }),
-      onClick: S
+      onClick: R
     }, {
-      "prepend-outer": l(() => [
+      "prepend-outer": n(() => [
         s(e.$slots, "prepend-outer")
       ]),
-      "append-outer": l(() => [
+      "append-outer": n(() => [
         s(e.$slots, "append-outer")
       ]),
-      default: l(() => [
-        I(ue, {
+      default: n(() => [
+        I(se, {
           ref_key: "innerContainer",
-          ref: L,
+          ref: A,
           "append:icon": t["append:icon"],
+          clearable: e.clearable && !$(pe)(e.modelValue),
           "prepend:icon": t["prepend:icon"],
-          "prevent-focus": !0
+          "prevent-focus": !0,
+          "onClick:clear": x
         }, {
-          prepend: l(() => [
+          prepend: n(() => [
             s(e.$slots, "prepend")
           ]),
-          prefix: l(() => [
+          prefix: n(() => [
             s(e.$slots, "prefix")
           ]),
-          append: l(() => [
+          append: n(() => [
             s(e.$slots, "append")
           ]),
-          suffix: l(() => [
+          suffix: n(() => [
             s(e.$slots, "suffix")
           ]),
-          default: l(() => [
-            I(Z(oe), { tag: "span" }, {
-              default: l(() => [
-                $("span", de, [
-                  e.multiple ? (v(), G(J, { key: 0 }, [
-                    e.comma ? (v(), k(ie, {
+          default: n(() => [
+            I($(ae), { tag: "span" }, {
+              default: n(() => [
+                O("span", ce, [
+                  e.multiple ? (v(), J(W, { key: 0 }, [
+                    e.comma ? (v(), k(ue, {
                       key: 0,
                       ref_key: "commaBox",
                       ref: B,
                       options: i.value
-                    }, null, 8, ["options"])) : (v(), k(re, {
+                    }, null, 8, ["options"])) : (v(), k(ie, {
                       key: 1,
                       ref_key: "chipsBox",
                       ref: V,
                       options: i.value,
-                      "onOption:unselected": T
+                      "onOption:unselected": q
                     }, null, 8, ["options"]))
-                  ], 64)) : W("", !0),
-                  X($("input", Y({
+                  ], 64)) : X("", !0),
+                  Y(O("input", ee({
                     id: e.id,
                     ref_key: "input",
                     ref: p
-                  }, U, {
-                    "onUpdate:modelValue": a[0] || (a[0] = (f) => o.value = f),
+                  }, j, {
+                    "onUpdate:modelValue": a[0] || (a[0] = (m) => o.value = m),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
@@ -210,16 +217,16 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
                     required: e.required && (!e.multiple || !e.modelValue.length),
                     size: "1",
                     type: "text",
-                    onFocus: d(F, ["stop"]),
+                    onFocus: d(_, ["stop"]),
                     onKeydown: [
-                      d(z, ["stop"]),
-                      y(d(P, ["stop"]), ["delete"]),
-                      y(d(N, ["stop"]), ["left"]),
-                      y(d(x, ["stop", "prevent"]), ["esc"]),
-                      y(d(_, ["stop"]), ["right"])
+                      d(U, ["stop"]),
+                      y(d(F, ["stop"]), ["delete"]),
+                      y(d(P, ["stop"]), ["left"]),
+                      y(d(S, ["stop", "prevent"]), ["esc"]),
+                      y(d(z, ["stop"]), ["right"])
                     ]
-                  }), null, 16, pe), [
-                    [ee, o.value]
+                  }), null, 16, me), [
+                    [te, o.value]
                   ])
                 ])
               ]),
@@ -227,12 +234,12 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
             })
           ]),
           _: 3
-        }, 8, ["append:icon", "prepend:icon"])
+        }, 8, ["append:icon", "clearable", "prepend:icon"])
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  $e as default
+  Le as default
 };

package/dist/index47.js

@@ -1,10 +1,11 @@
-import { defineComponent as w, ref as y, computed as u, onMounted as g, watch as B, nextTick as x, openBlock as V, createBlock as k, normalizeClass as $, withCtx as t, renderSlot as r, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index236.js";
-import E from "./index234.js";
+import { defineComponent as h, ref as y, computed as u, onMounted as g, watch as B, nextTick as V, openBlock as $, createBlock as k, normalizeClass as C, withCtx as r, renderSlot as t, createVNode as i, unref as T, createElementVNode as v, mergeProps as x } from "vue";
+import E from "./index209.js";
+import G from "./index207.js";
 /* empty css         */
-import G from "./index128.js";
+import M from "./index128.js";
 /* empty css         */
-const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], z = /* @__PURE__ */ w({
+import { isNotNil as q } from "./index134.js";
+const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], Y = /* @__PURE__ */ h({
   __name: "BaseTextarea",
   props: {
     "append:icon": {},
@@ -12,6 +13,7 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
     autocomplete: {},
     autoGrow: { type: Boolean },
     autofocus: {},
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
@@ -44,23 +46,23 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       () => o.modelValue ? o.modelValue : ""
     );
     g(() => {
-      o.autoGrow && o.modelValue && l();
+      o.autoGrow && o.modelValue && s();
     }), B(
       () => o.modelValue,
       () => {
-        o.autoGrow && x(l);
+        o.autoGrow && V(s);
       }
     );
     function b(e) {
       if (e.stopPropagation(), e.target instanceof HTMLTextAreaElement) {
-        let s = e.target.value;
-        a("input", e), a("update:modelValue", s || null);
+        let l = e.target.value;
+        a("input", e), a("update:modelValue", l || null);
       }
     }
     function f(e) {
       e.stopPropagation(), e.target instanceof HTMLTextAreaElement && a("keydown", e);
     }
-    const h = {
+    const w = {
       onBlur: (e) => a("blur", e),
       onChange: (e) => a("change", e),
       onClick: (e) => a("click", e),
@@ -68,39 +70,41 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       onMousedown: (e) => a("mousedown", e),
       onMouseup: (e) => a("mouseup", e)
     };
-    function l() {
+    function s() {
       n.value && (n.value.style.height = "0px", n.value.style.height = `${n.value.scrollHeight}px`);
     }
-    return (e, s) => (V(), k(v, {
-      class: $(c.value)
+    return (e, l) => ($(), k(E, {
+      class: C(c.value)
     }, {
-      "prepend-outer": t(() => [
-        r(e.$slots, "prepend-outer")
+      "prepend-outer": r(() => [
+        t(e.$slots, "prepend-outer")
       ]),
-      "append-outer": t(() => [
-        r(e.$slots, "append-outer")
+      "append-outer": r(() => [
+        t(e.$slots, "append-outer")
       ]),
-      default: t(() => [
-        i(E, {
+      default: r(() => [
+        i(G, {
           "append:icon": o["append:icon"],
-          "prepend:icon": o["prepend:icon"]
+          clearable: e.clearable && T(q)(e.modelValue),
+          "prepend:icon": o["prepend:icon"],
+          "onClick:clear": l[0] || (l[0] = (N) => e.$emit("update:modelValue", null))
         }, {
-          prepend: t(() => [
-            r(e.$slots, "prepend")
+          prepend: r(() => [
+            t(e.$slots, "prepend")
           ]),
-          prefix: t(() => [
-            r(e.$slots, "prefix")
+          prefix: r(() => [
+            t(e.$slots, "prefix")
           ]),
-          append: t(() => [
-            r(e.$slots, "append")
+          append: r(() => [
+            t(e.$slots, "append")
           ]),
-          suffix: t(() => [
-            r(e.$slots, "suffix")
+          suffix: r(() => [
+            t(e.$slots, "suffix")
           ]),
-          default: t(() => [
-            i(G, { tag: "span" }, {
-              default: t(() => [
-                C("textarea", T({
+          default: r(() => [
+            i(M, { tag: "span" }, {
+              default: r(() => [
+                v("textarea", x({
                   id: e.id,
                   ref_key: "textarea",
                   ref: n,
@@ -115,21 +119,21 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
                   required: e.required,
                   rows: e.rows,
                   value: m.value
-                }, h, {
+                }, w, {
                   onInput: b,
                   onKeydown: f
-                }), null, 16, M)
+                }), null, 16, H)
               ]),
               _: 1
             })
           ]),
           _: 3
-        }, 8, ["append:icon", "prepend:icon"])
+        }, 8, ["append:icon", "clearable", "prepend:icon"])
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  z as default
+  Y as default
 };

package/dist/index49.js

@@ -1,14 +1,16 @@
-import { defineComponent as m, computed as c, openBlock as b, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as h, withCtx as n, renderSlot as t, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index234.js";
+import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as B, withCtx as n, renderSlot as l, unref as g, createElementVNode as p, mergeProps as h } from "vue";
+import $ from "./index207.js";
 /* empty css         */
-import k from "./index236.js";
-const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
+import k from "./index209.js";
+import { isNotNil as C } from "./index134.js";
+const V = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], M = /* @__PURE__ */ m({
   __name: "BaseTextInput",
   props: {
     "append:icon": {},
     ariaDescribedby: {},
     autocomplete: {},
     autofocus: {},
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
@@ -23,55 +25,57 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     type: { default: "text" }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: d }) {
-    const a = s, o = d, u = c(() => ({
+  setup(s, { emit: u }) {
+    const o = s, a = u, d = b(() => ({
       "bb-base-text-input": !0,
-      "bb-base-text-input--disabled": a.disabled,
-      "bb-base-text-input--errors": a.hasErrors,
-      "bb-base-text-input--loading": a.loading,
-      "bb-base-text-input--readonly": a.readonly,
-      "bb-base-text-input--compact": a.compact
+      "bb-base-text-input--disabled": o.disabled,
+      "bb-base-text-input--errors": o.hasErrors,
+      "bb-base-text-input--loading": o.loading,
+      "bb-base-text-input--readonly": o.readonly,
+      "bb-base-text-input--compact": o.compact
     })), i = {
-      onBlur: (e) => o("blur", e),
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => o("focus", e),
-      onKeydown: (e) => o("keydown", e),
+      onBlur: (e) => a("blur", e),
+      onChange: (e) => a("change", e),
+      onClick: (e) => a("click", e),
+      onFocus: (e) => a("focus", e),
+      onKeydown: (e) => a("keydown", e),
       onInput: (e) => {
-        e.target instanceof HTMLInputElement && o("update:modelValue", e.target.value || null), o("input", e);
+        e.target instanceof HTMLInputElement && a("update:modelValue", e.target.value || null), a("input", e);
       },
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e)
+      onMousedown: (e) => a("mousedown", e),
+      onMouseup: (e) => a("mouseup", e)
     };
-    return (e, p) => (b(), f(y, null, [
+    return (e, t) => (c(), f(y, null, [
       r(k, {
-        class: h(u.value)
+        class: B(d.value)
       }, {
         "prepend-outer": n(() => [
-          t(e.$slots, "prepend-outer")
+          l(e.$slots, "prepend-outer")
         ]),
         "append-outer": n(() => [
-          t(e.$slots, "append-outer")
+          l(e.$slots, "append-outer")
         ]),
         default: n(() => [
-          r(B, {
-            "append:icon": a["append:icon"],
-            "prepend:icon": a["prepend:icon"]
+          r($, {
+            "append:icon": o["append:icon"],
+            clearable: o.clearable && g(C)(o.modelValue),
+            "prepend:icon": o["prepend:icon"],
+            "onClick:clear": t[0] || (t[0] = (v) => e.$emit("update:modelValue", null))
           }, {
             prepend: n(() => [
-              t(e.$slots, "prepend")
+              l(e.$slots, "prepend")
             ]),
             prefix: n(() => [
-              t(e.$slots, "prefix")
+              l(e.$slots, "prefix")
             ]),
             append: n(() => [
-              t(e.$slots, "append")
+              l(e.$slots, "append")
             ]),
             suffix: n(() => [
-              t(e.$slots, "suffix")
+              l(e.$slots, "suffix")
             ]),
             default: n(() => [
-              l("input", g({
+              p("input", h({
                 id: e.id,
                 ref: "input",
                 "aria-describedby": e.ariaDescribedby,
@@ -87,17 +91,17 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
                 size: "1",
                 type: e.type,
                 value: e.modelValue
-              }, i), null, 16, w)
+              }, i), null, 16, V)
             ]),
             _: 3
-          }, 8, ["append:icon", "prepend:icon"])
+          }, 8, ["append:icon", "clearable", "prepend:icon"])
         ]),
         _: 3
       }, 8, ["class"]),
-      p[0] || (p[0] = l("span", null, null, -1))
+      t[1] || (t[1] = p("span", null, null, -1))
     ], 64));
   }
 });
 export {
-  V as default
+  M as default
 };