bitboss-ui 2.0.116 → 2.0.118

package/dist/index37.js

@@ -1,39 +1,41 @@
-import { defineComponent as _e, defineAsyncComponent as Ge, ref as f, computed as y, toRef as L, openBlock as h, createBlock as T, normalizeClass as Z, withCtx as i, renderSlot as c, createVNode as K, unref as V, createElementVNode as x, createElementBlock as F, Fragment as ee, toDisplayString as je, createCommentVNode as te, withDirectives as Je, withModifiers as p, withKeys as g, vModelDynamic as Qe, renderList as Xe, mergeProps as le, normalizeStyle as Ye, nextTick as U } from "vue";
+import { defineComponent as _e, ref as f, computed as y, toRef as T, openBlock as h, createBlock as L, normalizeClass as Z, withCtx as r, renderSlot as c, createVNode as K, unref as V, createElementVNode as F, createElementBlock as H, Fragment as ee, toDisplayString as Ge, createCommentVNode as te, withDirectives as je, withModifiers as p, withKeys as g, vModelDynamic as Je, renderList as Qe, mergeProps as le, normalizeStyle as Xe, nextTick as U } from "vue";
 /* empty css       */
 /* empty css       */
-import { useId as Ze } from "./index8.js";
-import { useMobile as et } from "./index9.js";
-import tt from "./index128.js";
+import { useId as Ye } from "./index8.js";
+import { useMobile as Ze } from "./index9.js";
+import et from "./index128.js";
 /* empty css         */
-import { last as lt } from "./index230.js";
+import { last as tt } from "./index214.js";
 import { matchAnyKey as ae } from "./index253.js";
-import { useFloating as at } from "./index222.js";
-import { useIntersectionObserver as ot } from "./index132.js";
-import { wait as H } from "./index130.js";
-import { when as nt } from "./index211.js";
-import it from "./index254.js";
+import { useFloating as lt } from "./index206.js";
+import { useIntersectionObserver as at } from "./index132.js";
+import { wait as E } from "./index130.js";
+import { when as ot } from "./index241.js";
+import nt from "./index254.js";
 /* empty css         */
-import ut from "./index256.js";
+import it from "./index256.js";
 /* empty css         */
-import rt from "./index207.js";
+import rt from "./index220.js";
 /* empty css         */
-import st from "./index209.js";
-import { waitFor as dt } from "./index234.js";
-import ct from "./index235.js";
-import { useItemsGetter as pt } from "./index215.js";
-import { usePrefill as mt } from "./index221.js";
-import { useArray as ft } from "./index258.js";
-import { useBaseOptions as vt } from "./index217.js";
-import { useIndexById as oe } from "./index216.js";
-import { useCoherence as yt } from "./index218.js";
-import { hash as ht } from "./index219.js";
-import { useHashedWatcher as ne } from "./index220.js";
-import { useLocale as bt } from "./index232.js";
-import { autoUpdate as gt, flip as wt, offset as Bt, shift as Vt } from "./index237.js";
-const It = { class: "bb-base-select__input-container" }, St = {
+import ut from "./index222.js";
+import { waitFor as st } from "./index218.js";
+import dt from "./index219.js";
+import { useItemsGetter as ct } from "./index245.js";
+import { usePrefill as pt } from "./index250.js";
+import { useArray as mt } from "./index258.js";
+import { useBaseOptions as ft } from "./index247.js";
+import { useIndexById as oe } from "./index246.js";
+import { useCoherence as vt } from "./index248.js";
+import { hash as yt } from "./index231.js";
+import { useHashedWatcher as ne } from "./index249.js";
+import { useLocale as ht } from "./index216.js";
+import { isEmpty as bt } from "./index224.js";
+import gt from "./index259.js";
+import { autoUpdate as wt, flip as Bt, offset as Vt, shift as It } from "./index225.js";
+const kt = { class: "bb-base-select__input-container" }, St = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, kt = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], ol = /* @__PURE__ */ _e({
+}, Ct = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], rl = /* @__PURE__ */ _e({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -41,6 +43,7 @@ const It = { class: "bb-base-select__input-container" }, St = {
     ariaDescribedby: {},
     autocomplete: { default: "off" },
     autofocus: {},
+    clearable: { type: Boolean },
     comma: { type: Boolean },
     compact: { type: Boolean },
     dependencies: { default: () => [] },
@@ -75,72 +78,75 @@ const It = { class: "bb-base-select__input-container" }, St = {
     updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
-  setup(ie, { emit: ue }) {
-    const t = ie, u = ue;
+  setup(ie, { emit: re }) {
+    const t = ie, i = re;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: re } = bt(), se = Ge(() => import("./index252.js")), A = f(null), I = f(null), n = f(null), R = f(null), _ = f(null), s = y(
+    const { t: ue } = ht(), x = f(null), I = f(null), n = f(null), R = f(null), _ = f(null), s = y(
       () => t.comma ? R.value : _.value
-    ), { isMobile: de } = et(), ce = y(
-      () => t.allowWriting === "not-mobile" && de.value ? "none" : void 0
-    ), G = t.id || Ze().id.value;
-    ot(
+    ), { isMobile: se } = Ze(), de = y(
+      () => t.allowWriting === "not-mobile" && se.value ? "none" : void 0
+    ), G = t.id || Ye().id.value;
+    at(
+      // @ts-expect-error - wrong inferred type
       I,
       ([{ intersectionRatio: e }]) => {
-        e !== 1 && k();
+        e !== 1 && S();
       },
       { threshold: [0, 1] }
     );
-    const { floatingStyles: pe } = at(
+    const { floatingStyles: ce } = lt(
+      // @ts-expect-error - wrong inferred type
       I,
       n,
       {
         placement: "bottom",
-        whileElementsMounted: gt,
-        middleware: [wt(), Bt(5), Vt()]
+        whileElementsMounted: wt,
+        middleware: [Bt(), Vt(5), It()]
       }
-    ), me = y(() => {
+    ), pe = y(() => {
       var l;
       const e = {
-        ...pe.value,
+        ...ce.value,
         zIndex: "10"
       };
       return I.value && (e.width = `${(l = I.value) == null ? void 0 : l.$el.clientWidth}px`), e;
-    }), E = f(null), q = () => {
-      E.value instanceof HTMLInputElement && E.value.focus();
-    }, fe = async (e) => {
-      u("focus", e), We(), document.addEventListener("click", D), document.addEventListener("focusin", D);
-    }, ve = () => {
-      t.prefill === "focus" && !$e.value && !J.value && Oe();
-    }, ye = async (e) => {
-      u("blur", e);
-    }, he = (e) => u("change", e), be = (e) => {
+    }), A = f(null), q = () => {
+      A.value instanceof HTMLInputElement && A.value.focus();
+    }, me = async (e) => {
+      i("focus", e), Ne(), document.addEventListener("click", $), document.addEventListener("focusin", $);
+    }, fe = () => {
+      t.prefill === "focus" && !$e.value && !J.value && De();
+    }, ve = async (e) => {
+      i("blur", e);
+    }, ye = (e) => i("change", e), he = (e) => {
       var l;
-      u("input", e), a.value === "" && (t.multiple || u("update:modelValue", null)), (l = s.value) == null || l.blur(), N.value && S(), Ce(a.value, !1, t.modelValue);
-    }, D = async (e) => {
-      if (e.target instanceof Node && A.value && n.value && !A.value.$el.contains(e.target) && !n.value.$el.contains(e.target)) {
-        k(), ze(), document.removeEventListener("click", D), document.removeEventListener("focusin", D), await H(t.transitionDuration), b();
+      i("input", e), a.value === "" && (t.multiple || i("update:modelValue", null)), (l = s.value) == null || l.blur(), N.value && k(), Se(a.value, !1, t.modelValue);
+    }, $ = async (e) => {
+      var l, o;
+      if (e.target instanceof Node && x.value && !x.value.$el.contains(e.target) && !((o = (l = n.value) == null ? void 0 : l.$el) != null && o.contains(e.target))) {
+        S(), We(), document.removeEventListener("click", $), document.removeEventListener("focusin", $), await E(t.transitionDuration), b();
         return;
       }
-    }, w = y(() => !(t.readonly || t.disabled || O.value || !s.value && t.multiple && r.value.length <= t.maxSelectedLabels)), ge = async () => {
+    }, w = y(() => !(t.readonly || t.disabled || O.value || !s.value && t.multiple && u.value.length <= t.maxSelectedLabels)), be = async () => {
       var e, l, o;
-      w.value && ((e = s.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusPrevious() : (await S(), await H(t.transitionDuration), (o = n.value) == null || o.focusLastSelected()));
-    }, we = async () => {
+      w.value && ((e = s.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusPrevious() : (await k(), await E(t.transitionDuration), (o = n.value) == null || o.focusLastSelected()));
+    }, ge = async () => {
       var e, l, o;
-      w.value && ((e = s.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusNext() : (await S(), await H(t.transitionDuration), (o = n.value) == null || o.focusFirstSelected()));
-    }, Be = (e) => {
+      w.value && ((e = s.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusNext() : (await k(), await E(t.transitionDuration), (o = n.value) == null || o.focusFirstSelected()));
+    }, we = (e) => {
       var o, d, v, C;
-      if (!w.value || !t.multiple || a.value || (e.preventDefault(), (o = n.value) == null || o.blur(), !r.value.length)) return;
+      if (!w.value || !t.multiple || a.value || (e.preventDefault(), (o = n.value) == null || o.blur(), !u.value.length)) return;
       (d = s.value) == null || d.focusPrevious();
       const l = (v = s.value) == null ? void 0 : v.getHighlighted();
       l && ((C = n.value) == null || C.focusByHash(l.valueHash));
-    }, Ve = (e) => {
+    }, Be = (e) => {
       var o, d, v, C;
-      if (!w.value || !t.multiple || a.value || (e.preventDefault(), (o = n.value) == null || o.blur(), !r.value.length)) return;
+      if (!w.value || !t.multiple || a.value || (e.preventDefault(), (o = n.value) == null || o.blur(), !u.value.length)) return;
       (d = s.value) == null || d.focusNext();
       const l = (v = s.value) == null ? void 0 : v.getHighlighted();
       l && ((C = n.value) == null || C.focusByHash(l.valueHash));
-    }, Ie = async () => {
+    }, Ve = async () => {
       var l, o;
       if (!w.value)
         return;
@@ -150,32 +156,32 @@ const It = { class: "bb-base-select__input-container" }, St = {
           return;
         }
       } else {
-        await S(), await H(t.transitionDuration), r.value.length && ((l = n.value) == null || l.focusFirstSelected());
+        await k(), await E(t.transitionDuration), u.value.length && ((l = n.value) == null || l.focusFirstSelected());
         return;
       }
       const e = a.value.trim();
-      Ae(e) || (u("option:add", e), a.value = "");
-    }, Se = async () => {
-      m.value && await k();
+      Ee(e) || (i("option:add", e), a.value = "");
+    }, Ie = async () => {
+      m.value && await S();
     }, ke = async () => {
       var e, l;
-      !w.value || a.value || !r.value.length || ((e = s.value) != null && e.getHighlighted() && s.value.confirmOption(), await U(), (l = s.value) == null || l.focusPrevious());
+      !w.value || a.value || !u.value.length || ((e = s.value) != null && e.getHighlighted() && s.value.confirmOption(), await U(), (l = s.value) == null || l.focusPrevious());
     }, a = f(""), {
       getter: M,
-      debouncedGetter: Ce,
-      items: De,
+      debouncedGetter: Se,
+      items: Ce,
       loading: j
-    } = pt({
-      items: L(t, "items"),
+    } = ct({
+      items: T(t, "items"),
       debounce: t.queryDebounceTime
     }), P = () => {
       var e, l;
-      t.enforceCoherence && !Y.value && (t.multiple ? u("update:modelValue", Pe.value.coherent) : u("update:modelValue", null), (e = s.value) == null || e.blur(), (l = n.value) == null || l.blur());
+      t.enforceCoherence && !Y.value && (t.multiple ? i("update:modelValue", Me.value.coherent) : i("update:modelValue", null), (e = s.value) == null || e.blur(), (l = n.value) == null || l.blur());
     }, {
       hasPrefilled: J,
       isPrefilling: $e,
-      prefill: Oe
-    } = mt({
+      prefill: De
+    } = pt({
       onStart: t.prefill === !0,
       currentValue: t.modelValue,
       multiple: t.multiple,
@@ -183,52 +189,52 @@ const It = { class: "bb-base-select__input-container" }, St = {
         await M(a.value, e, t.modelValue), P(), b();
       }
     }), {
-      array: Le,
+      array: Oe,
       add: Te,
-      remove: xe,
+      remove: Le,
       set: Fe
-    } = ft(), r = y(() => $.value.filter((e) => e.selected)), He = y(() => r.value.length ? "" : t.placeholder), { data: Q, get: Ae } = oe({
-      items: L(t, "modelValue")
-    }), { options: $ } = vt({
-      disabled: L(t, "disabled"),
-      items: y(() => [...De.value, ...Le.value]),
+    } = mt(), u = y(() => D.value.filter((e) => e.selected)), He = y(() => u.value.length ? "" : t.placeholder), { data: Q, get: Ee } = oe({
+      items: T(t, "modelValue")
+    }), { options: D } = ft({
+      disabled: T(t, "disabled"),
+      items: y(() => [...Ce.value, ...Oe.value]),
       itemText: t.itemText,
       itemValue: t.itemValue,
       max: t.max,
       selectable: !0,
       selectedIndexedByHash: Q
-    }), O = y(() => !!(j.value || t.loading)), Ee = y(() => {
+    }), O = y(() => !!(j.value || t.loading)), xe = y(() => {
       let e = [];
-      const l = r.value.some(
+      const l = u.value.some(
         (d) => d.text === a.value
       );
-      return (t.multiple && a.value || a.value && !l && !t.multiple) && t.filterBy ? e = $.value.filter((d) => {
+      return (t.multiple && a.value || a.value && !l && !t.multiple) && t.filterBy ? e = D.value.filter((d) => {
         let v = !1;
         return typeof t.filterBy == "function" ? v = t.filterBy(d.value, d.item) : Array.isArray(t.filterBy) && t.filterBy.length && (v = v || ae(d.item, t.filterBy, a.value.trim())), v || ae(d, ["text"], a.value.trim());
-      }) : e = $.value, e;
+      }) : e = D.value, e;
     }), b = () => {
       if (t.multiple) {
         a.value = "";
         return;
       }
       let e;
-      r.value && (e = lt(r.value)), a.value = (e == null ? void 0 : e.text) || "";
-    }, qe = async (e) => {
-      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && Te(e.item), b()) : (t.stash && Fe(e.item), u("update:modelValue", e.value), await U(), b()), q(), t.multiple || k();
+      u.value && (e = tt(u.value)), a.value = (e == null ? void 0 : e.text) || "";
+    }, Ae = async (e) => {
+      t.multiple ? (i("update:modelValue", t.modelValue.concat(e.value)), t.stash && Te(e.item), b()) : (t.stash && Fe(e.item), i("update:modelValue", e.value), await U(), b()), q(), t.multiple || S();
     }, X = async (e) => {
-      if (xe((l) => l.valueHash !== e.valueHash), t.multiple) {
+      if (Le((l) => l.valueHash !== e.valueHash), t.multiple) {
         const l = { ...Q.value };
-        delete l[e.valueHash], u("update:modelValue", Object.values(l));
+        delete l[e.valueHash], i("update:modelValue", Object.values(l));
       } else
-        u("update:modelValue", null), await U(), b();
+        i("update:modelValue", null), await U(), b();
       q();
-    }, { data: Me } = oe({
-      items: $,
+    }, { data: qe } = oe({
+      items: D,
       key: "valueHash"
-    }), { coherent: Y, status: Pe } = yt({
-      modelValue: L(t, "modelValue"),
+    }), { coherent: Y, status: Me } = vt({
+      modelValue: T(t, "modelValue"),
       multiple: t.multiple,
-      iteratee: (e) => !!Me.value[ht(e)]
+      iteratee: (e) => !!qe.value[yt(e)]
     });
     let B = 0;
     ne(
@@ -248,32 +254,35 @@ const It = { class: "bb-base-select__input-container" }, St = {
         debounce: t.depsDebounceTime
       }
     );
-    const m = f(!1), N = f(!0), W = f(!1), S = async () => {
-      W.value = !0, await dt(() => !!n.value), N.value = !1, m.value = !0;
-    }, k = async () => {
+    const m = f(!1), N = f(!0), W = f(!1), k = async () => {
+      W.value = !0, await st(() => !!n.value), N.value = !1, m.value = !0;
+    }, S = async () => {
       var e;
       m.value = !1, N.value = !0, (e = s.value) == null || e.blur();
-    }, Ne = () => m.value ? k() : S(), z = f(!1), We = () => {
+    }, Pe = () => m.value ? S() : k(), z = f(!1), Ne = () => {
       z.value = !0;
-    }, ze = () => {
-      z.value = !1, u("inactive");
-    }, Ke = (e) => {
-      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (q(), Ne());
-    }, Ue = nt(
+    }, We = () => {
+      z.value = !1, i("inactive");
+    }, ze = (e) => {
+      e.preventDefault(), i("click", e), !(t.disabled || t.readonly) && (q(), Pe());
+    }, Ke = ot(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Re = y(() => [].concat(t.modelValue).map((e) => {
-      const l = Ue(e);
+    ), Ue = y(() => [].concat(t.modelValue).map((e) => {
+      const l = Ke(e);
       return {
         disabled: t.disabled,
         name: t.name,
         type: "hidden",
         value: l
       };
-    }));
-    return (e, l) => (h(), T(st, {
+    })), Re = () => {
+      let e = null;
+      t.multiple && (e = []), i("update:modelValue", e);
+    };
+    return (e, l) => (h(), L(ut, {
       ref_key: "outerContainer",
-      ref: A,
+      ref: x,
       class: Z({
         "bb-base-select": !0,
         "bb-base-select--active": z.value,
@@ -284,56 +293,58 @@ const It = { class: "bb-base-select__input-container" }, St = {
         "bb-base-select--readonly": e.readonly,
         "bb-base-select--compact": e.compact
       }),
-      onClick: Ke
+      onClick: ze
     }, {
-      "prepend-outer": i(() => [
+      "prepend-outer": r(() => [
         c(e.$slots, "prepend-outer", { query: a.value })
       ]),
-      "append-outer": i(() => [
+      "append-outer": r(() => [
         c(e.$slots, "append-outer", { query: a.value })
       ]),
-      default: i(() => [
+      default: r(() => [
         K(rt, {
           ref_key: "innerContainer",
           ref: I,
           "append:icon": t["append:icon"],
+          clearable: e.clearable && !V(bt)(e.modelValue),
           "prepend:icon": t["prepend:icon"],
-          "prevent-focus": !0
+          "prevent-focus": !0,
+          "onClick:clear": Re
         }, {
-          prepend: i(() => [
+          prepend: r(() => [
             c(e.$slots, "prepend", { query: a.value })
           ]),
-          prefix: i(() => [
+          prefix: r(() => [
             c(e.$slots, "prefix")
           ]),
-          append: i(() => [
+          append: r(() => [
             c(e.$slots, "append", { query: a.value })
           ]),
-          suffix: i(() => [
+          suffix: r(() => [
             c(e.$slots, "suffix")
           ]),
-          default: i(() => [
-            K(V(tt), { tag: "span" }, {
-              default: i(() => [
-                x("span", It, [
-                  e.multiple && r.value.length <= e.maxSelectedLabels ? (h(), F(ee, { key: 0 }, [
-                    e.comma ? (h(), T(ut, {
+          default: r(() => [
+            K(V(et), { tag: "span" }, {
+              default: r(() => [
+                F("span", kt, [
+                  e.multiple && u.value.length <= e.maxSelectedLabels ? (h(), H(ee, { key: 0 }, [
+                    e.comma ? (h(), L(it, {
                       key: 0,
                       ref_key: "commaBox",
                       ref: R,
-                      options: r.value
-                    }, null, 8, ["options"])) : (h(), T(it, {
+                      options: u.value
+                    }, null, 8, ["options"])) : (h(), L(nt, {
                       key: 1,
                       ref_key: "chipsBox",
                       ref: _,
-                      options: r.value,
+                      options: u.value,
                       "onOption:unselected": X
                     }, null, 8, ["options"]))
-                  ], 64)) : e.multiple ? (h(), F("span", St, je(e.selectedLabelsFn ? e.selectedLabelsFn(r.value.length) : V(re)("select.multipleMaxReached", r.value.length)), 1)) : te("", !0),
-                  Je(x("input", {
+                  ], 64)) : e.multiple ? (h(), H("span", St, Ge(e.selectedLabelsFn ? e.selectedLabelsFn(u.value.length) : V(ue)("select.multipleMaxReached", u.value.length)), 1)) : te("", !0),
+                  je(F("input", {
                     id: V(G),
                     ref_key: "input",
-                    ref: E,
+                    ref: A,
                     "onUpdate:modelValue": l[0] || (l[0] = (o) => a.value = o),
                     "aria-autocomplete": "list",
                     "aria-controls": W.value ? `${V(G)}_listbox` : void 0,
@@ -343,29 +354,29 @@ const It = { class: "bb-base-select__input-container" }, St = {
                     autofocus: e.autofocus,
                     class: Z("bb-base-select__text-input"),
                     disabled: e.disabled,
-                    inputmode: ce.value,
+                    inputmode: de.value,
                     placeholder: He.value,
                     readonly: e.readonly || !e.allowWriting,
                     required: e.required && (!e.multiple || !e.modelValue.length),
                     role: "combobox",
                     size: "1",
                     type: "text",
-                    onBlur: p(ye, ["stop"]),
-                    onChange: p(he, ["stop"]),
-                    onFocusOnce: p(ve, ["stop"]),
-                    onFocus: p(fe, ["stop"]),
-                    onInput: p(be, ["stop"]),
+                    onBlur: p(ve, ["stop"]),
+                    onChange: p(ye, ["stop"]),
+                    onFocusOnce: p(fe, ["stop"]),
+                    onFocus: p(me, ["stop"]),
+                    onInput: p(he, ["stop"]),
                     onKeydown: [
                       g(p(ke, ["stop"]), ["delete"]),
-                      g(p(Be, ["stop"]), ["left"]),
-                      g(p(we, ["stop", "prevent"]), ["down"]),
-                      g(p(Ie, ["stop", "prevent"]), ["enter"]),
-                      g(p(Se, ["stop", "prevent"]), ["esc"]),
-                      g(p(ge, ["stop", "prevent"]), ["up"]),
-                      g(p(Ve, ["stop"]), ["right"])
+                      g(p(we, ["stop"]), ["left"]),
+                      g(p(ge, ["stop", "prevent"]), ["down"]),
+                      g(p(Ve, ["stop", "prevent"]), ["enter"]),
+                      g(p(Ie, ["stop", "prevent"]), ["esc"]),
+                      g(p(be, ["stop", "prevent"]), ["up"]),
+                      g(p(Be, ["stop"]), ["right"])
                     ]
-                  }, null, 40, kt), [
-                    [Qe, a.value]
+                  }, null, 40, Ct), [
+                    [Je, a.value]
                   ])
                 ])
               ]),
@@ -375,12 +386,12 @@ const It = { class: "bb-base-select__input-container" }, St = {
               loading: !!V(j),
               shown: m.value
             }, () => [
-              l[1] || (l[1] = x("svg", {
+              l[1] || (l[1] = F("svg", {
                 class: "bb-base-select__chevron",
                 viewBox: "0 0 24 24",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                x("path", {
+                F("path", {
                   d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                   fill: "currentColor"
                 })
@@ -388,17 +399,17 @@ const It = { class: "bb-base-select__input-container" }, St = {
             ])
           ]),
           _: 3
-        }, 8, ["append:icon", "prepend:icon"]),
-        (h(!0), F(ee, null, Xe(Re.value, (o) => (h(), F("input", le({
+        }, 8, ["append:icon", "clearable", "prepend:icon"]),
+        (h(!0), H(ee, null, Qe(Ue.value, (o) => (h(), H("input", le({
           key: o.value,
           ref_for: !0
         }, o), null, 16))), 128)),
-        W.value ? (h(), T(ct, {
+        W.value ? (h(), L(dt, {
           key: 0,
           target: e.teleportTarget
         }, {
-          default: i(() => [
-            K(V(se), {
+          default: r(() => [
+            K(gt, {
               ref_key: "optionsContainer",
               ref: n,
               compact: e.compact,
@@ -406,24 +417,24 @@ const It = { class: "bb-base-select__input-container" }, St = {
               "loading-text": e.loadingText,
               "no-data-text": e.noDataText,
               open: m.value,
-              options: Ee.value,
-              style: Ye(me.value),
-              "onOption:selected": qe,
+              options: xe.value,
+              style: Xe(pe.value),
+              "onOption:selected": Ae,
               "onOption:unselected": X
             }, {
-              "options:prepend": i(() => [
+              "options:prepend": r(() => [
                 c(e.$slots, "options:prepend")
               ]),
-              loading: i(() => [
+              loading: r(() => [
                 c(e.$slots, "loading", { query: a.value })
               ]),
-              "no-data": i(() => [
+              "no-data": r(() => [
                 c(e.$slots, "no-data", { query: a.value })
               ]),
-              "options:append": i(() => [
+              "options:append": r(() => [
                 c(e.$slots, "options:append")
               ]),
-              option: i((o) => [
+              option: r((o) => [
                 c(e.$slots, "option", le({
                   hasErrors: e.hasErrors,
                   loading: O.value
@@ -440,5 +451,5 @@ const It = { class: "bb-base-select__input-container" }, St = {
   }
 });
 export {
-  ol as default
+  rl as default
 };

package/dist/index39.js

@@ -1,11 +1,11 @@
 import { defineComponent as U, ref as d, computed as h, onMounted as W, watch as Z, openBlock as g, createElementBlock as w, mergeProps as T, renderSlot as f, createElementVNode as c, Fragment as ee, renderList as ae, createCommentVNode as H, normalizeProps as re, guardReactiveProps as te, unref as b, normalizeClass as F, normalizeStyle as I } from "vue";
 import { clamp as le } from "./index205.js";
-import { head as O } from "./index250.js";
-import { isCssColor as Y } from "./index210.js";
-import { isNil as P } from "./index251.js";
+import { head as O } from "./index251.js";
+import { isCssColor as Y } from "./index240.js";
+import { isNil as P } from "./index252.js";
 import { isNotNil as ne } from "./index134.js";
 import { transposeValue as y } from "./index131.js";
-import { hash as J } from "./index219.js";
+import { hash as J } from "./index231.js";
 const oe = { class: "bb-base-slider__slider-container" }, ie = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index41.js

@@ -1,6 +1,6 @@
 import { defineComponent as I, ref as f, computed as n, watch as S, openBlock as h, createElementBlock as y, normalizeProps as r, guardReactiveProps as d, mergeProps as V, createCommentVNode as A, createElementVNode as l, renderSlot as F } from "vue";
-import { isCssColor as b } from "./index210.js";
-import { when as N } from "./index211.js";
+import { isCssColor as b } from "./index240.js";
+import { when as N } from "./index241.js";
 const x = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {

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 "./index213.js";
+import N from "./index243.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index215.js";
-import { useIndexById as T } from "./index216.js";
-import { useBaseOptions as q } from "./index217.js";
-import { useCoherence as J } from "./index218.js";
-import { hash as Q } from "./index219.js";
-import { useHashedWatcher as E } from "./index220.js";
-import { usePrefill as X } from "./index221.js";
+import { useItemsGetter as U } from "./index245.js";
+import { useIndexById as T } from "./index246.js";
+import { useBaseOptions as q } from "./index247.js";
+import { useCoherence as J } from "./index248.js";
+import { hash as Q } from "./index231.js";
+import { useHashedWatcher as E } from "./index249.js";
+import { usePrefill as X } from "./index250.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {