bitboss-ui 2.0.148 → 2.0.151

package/dist/index37.js

@@ -1,41 +1,41 @@
-import { defineComponent as Ge, ref as f, computed as y, toRef as T, openBlock as h, createBlock as H, normalizeClass as ee, withCtx as r, renderSlot as c, createVNode as j, unref as V, createElementVNode as L, createElementBlock as F, Fragment as te, toDisplayString as Je, createCommentVNode as R, withDirectives as Qe, normalizeStyle as le, withModifiers as p, withKeys as g, vModelDynamic as _e, renderList as Xe, mergeProps as ae, nextTick as G } from "vue";
+import { defineComponent as Je, ref as f, computed as y, onMounted as Qe, toRef as H, openBlock as h, createBlock as L, normalizeClass as ee, withCtx as r, renderSlot as c, createVNode as U, unref as g, createElementVNode as j, createElementBlock as $, Fragment as te, toDisplayString as _e, createCommentVNode as R, withDirectives as Xe, normalizeStyle as le, withModifiers as p, withKeys as w, vModelDynamic as Ye, renderList as Ze, mergeProps as ae, nextTick as G } from "vue";
 /* empty css       */
 /* empty css       */
-import { useId as Ye } from "./index8.js";
-import { useMobile as Ze } from "./index9.js";
-import et from "./index128.js";
+import { useId as et } from "./index8.js";
+import { useMobile as tt } from "./index9.js";
+import lt from "./index128.js";
 /* empty css         */
-import { last as tt } from "./index245.js";
-import { matchAnyKey as oe } from "./index261.js";
-import { useFloating as lt } from "./index262.js";
-import { useIntersectionObserver as at } from "./index132.js";
-import { wait as E } from "./index130.js";
-import { when as ot } from "./index208.js";
-import nt from "./index257.js";
+import { last as at } from "./index215.js";
+import { matchAnyKey as oe } from "./index255.js";
+import { useFloating as ot } from "./index256.js";
+import { useMounted as nt, useIntersectionObserver as ut } from "./index132.js";
+import { wait as F } from "./index130.js";
+import { when as rt } from "./index236.js";
+import it from "./index257.js";
 /* empty css         */
-import ut from "./index259.js";
+import st from "./index259.js";
 /* empty css         */
-import rt from "./index222.js";
+import dt from "./index222.js";
 /* empty css         */
-import it from "./index224.js";
-import { waitFor as st } from "./index234.js";
-import dt from "./index237.js";
-import { useItemsGetter as ct } from "./index214.js";
-import { usePrefill as pt } from "./index220.js";
-import { useArray as mt } from "./index263.js";
-import { useBaseOptions as ft } from "./index216.js";
-import { useIndexById as ne } from "./index215.js";
-import { useCoherence as vt } from "./index217.js";
-import { hash as yt } from "./index218.js";
-import { useHashedWatcher as ue } from "./index219.js";
-import { useLocale as ht } from "./index232.js";
-import { isEmpty as bt } from "./index246.js";
-import gt from "./index264.js";
-import { autoUpdate as wt, flip as Bt, offset as Vt, shift as It } from "./index265.js";
-const kt = { class: "bb-base-select__input-container" }, Ct = {
+import ct from "./index224.js";
+import { waitFor as pt } from "./index219.js";
+import mt from "./index248.js";
+import { useItemsGetter as ft } from "./index240.js";
+import { usePrefill as vt } from "./index245.js";
+import { useArray as yt } from "./index261.js";
+import { useBaseOptions as ht } from "./index242.js";
+import { useIndexById as ne } from "./index241.js";
+import { useCoherence as bt } from "./index243.js";
+import { hash as gt } from "./index228.js";
+import { useHashedWatcher as ue } from "./index244.js";
+import { useLocale as wt } from "./index217.js";
+import { isEmpty as Bt } from "./index225.js";
+import Vt from "./index262.js";
+import { autoUpdate as kt, flip as It, offset as Ct, shift as St } from "./index263.js";
+const $t = { class: "bb-base-select__input-container" }, Ot = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, St = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], rl = /* @__PURE__ */ Ge({
+}, Dt = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], dl = /* @__PURE__ */ Je({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -83,73 +83,73 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
     const t = re, u = ie;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: se } = ht(), A = f(null), I = f(null), n = f(null), J = f(null), Q = f(null), s = y(
+    const { t: se } = wt(), de = nt(), E = f(null), k = f(null), n = f(null), J = f(null), Q = f(null), s = y(
       () => t.comma ? J.value : Q.value
-    ), { isMobile: de } = Ze(), ce = y(
-      () => t.allowWriting === "not-mobile" && de.value ? "none" : void 0
-    ), _ = t.id || Ye().id.value;
-    at(
+    ), { isMobile: ce } = tt(), pe = y(
+      () => t.allowWriting === "not-mobile" && ce.value ? "none" : void 0
+    ), _ = t.id || et().id.value;
+    ut(
       // @ts-expect-error - wrong inferred type
-      I,
+      k,
       ([{ intersectionRatio: e }]) => {
         e !== 1 && C();
       },
       { threshold: [0, 1] }
     );
-    const { floatingStyles: pe } = lt(
+    const { floatingStyles: me } = ot(
       // @ts-expect-error - wrong inferred type
-      I,
+      k,
       n,
       {
         placement: "bottom",
-        whileElementsMounted: wt,
-        middleware: [Bt(), Vt(5), It()]
+        whileElementsMounted: kt,
+        middleware: [It(), Ct(5), St()]
       }
-    ), me = y(() => {
+    ), fe = y(() => {
       var l;
       const e = {
-        ...pe.value,
+        ...me.value,
         zIndex: "10"
       };
-      return I.value && (e.width = `${(l = I.value) == null ? void 0 : l.$el.clientWidth}px`), e;
-    }), q = f(null), x = () => {
-      q.value instanceof HTMLInputElement && q.value.focus();
-    }, fe = async (e) => {
-      u("focus", e), We(), document.addEventListener("click", O), document.addEventListener("focusin", O);
-    }, ve = () => {
-      t.prefill === "focus" && !$e.value && !Y.value && De();
-    }, ye = async (e) => {
+      return k.value && (e.width = `${(l = k.value) == null ? void 0 : l.$el.clientWidth}px`), e;
+    }), A = f(null), q = () => {
+      A.value instanceof HTMLInputElement && A.value.focus();
+    }, ve = async (e) => {
+      u("focus", e), ze(), document.addEventListener("click", O), document.addEventListener("focusin", O);
+    }, ye = () => {
+      t.prefill === "focus" && !De.value && !Y.value && Te();
+    }, he = async (e) => {
       u("blur", e);
-    }, he = (e) => u("change", e), be = (e) => {
+    }, be = (e) => u("change", e), ge = (e) => {
       var l;
-      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), (l = s.value) == null || l.blur(), z.value && k(), Se(o.value, !1, t.modelValue);
+      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), (l = s.value) == null || l.blur(), W.value && I(), $e(o.value, !1, t.modelValue);
     }, O = async (e) => {
       var l, a;
-      if (e.target instanceof Node && A.value && !A.value.$el.contains(e.target) && !((a = (l = n.value) == null ? void 0 : l.$el) != null && a.contains(e.target))) {
-        C(), ze(), document.removeEventListener("click", O), document.removeEventListener("focusin", O), await E(t.transitionDuration), b();
+      if (e.target instanceof Node && E.value && !E.value.$el.contains(e.target) && !((a = (l = n.value) == null ? void 0 : l.$el) != null && a.contains(e.target))) {
+        C(), Ke(), document.removeEventListener("click", O), document.removeEventListener("focusin", O), await F(t.transitionDuration), b();
         return;
       }
-    }, w = y(() => !(t.readonly || t.disabled || D.value || !s.value && t.multiple && i.value.length <= t.maxSelectedLabels)), ge = async () => {
+    }, B = y(() => !(t.readonly || t.disabled || T.value || !s.value && t.multiple && i.value.length <= t.maxSelectedLabels)), we = async () => {
       var e, l, a;
-      w.value && ((e = s.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusPrevious() : (await k(), await E(t.transitionDuration), (a = n.value) == null || a.focusLastSelected()));
-    }, we = async () => {
+      B.value && ((e = s.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusPrevious() : (await I(), await F(t.transitionDuration), (a = n.value) == null || a.focusLastSelected()));
+    }, Be = async () => {
       var e, l, a;
-      w.value && ((e = s.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusNext() : (await k(), await E(t.transitionDuration), (a = n.value) == null || a.focusFirstSelected()));
-    }, Be = (e) => {
+      B.value && ((e = s.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusNext() : (await I(), await F(t.transitionDuration), (a = n.value) == null || a.focusFirstSelected()));
+    }, Ve = (e) => {
       var a, d, v, S;
-      if (!w.value || !t.multiple || o.value || (e.preventDefault(), (a = n.value) == null || a.blur(), !i.value.length)) return;
+      if (!B.value || !t.multiple || o.value || (e.preventDefault(), (a = n.value) == null || a.blur(), !i.value.length)) return;
       (d = s.value) == null || d.focusPrevious();
       const l = (v = s.value) == null ? void 0 : v.getHighlighted();
       l && ((S = n.value) == null || S.focusByHash(l.valueHash));
-    }, Ve = (e) => {
+    }, ke = (e) => {
       var a, d, v, S;
-      if (!w.value || !t.multiple || o.value || (e.preventDefault(), (a = n.value) == null || a.blur(), !i.value.length)) return;
+      if (!B.value || !t.multiple || o.value || (e.preventDefault(), (a = n.value) == null || a.blur(), !i.value.length)) return;
       (d = s.value) == null || d.focusNext();
       const l = (v = s.value) == null ? void 0 : v.getHighlighted();
       l && ((S = n.value) == null || S.focusByHash(l.valueHash));
     }, Ie = async () => {
       var l, a;
-      if (!w.value)
+      if (!B.value)
         return;
       if (m.value) {
         if ((a = n.value) != null && a.getHighlighted()) {
@@ -157,96 +157,100 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
           return;
         }
       } else {
-        await k(), await E(t.transitionDuration), i.value.length && ((l = n.value) == null || l.focusFirstSelected());
+        await I(), await F(t.transitionDuration), i.value.length && ((l = n.value) == null || l.focusFirstSelected());
         return;
       }
       const e = o.value.trim();
-      Ae(e) || (u("option:add", e), o.value = "");
-    }, ke = async () => {
-      m.value && await C();
+      qe(e) || (u("option:add", e), o.value = "");
     }, Ce = async () => {
+      m.value && await C();
+    }, Se = async () => {
       var e, l;
-      !w.value || o.value || !i.value.length || ((e = s.value) != null && e.getHighlighted() && s.value.confirmOption(), await G(), (l = s.value) == null || l.focusPrevious());
-    }, o = f(""), {
-      getter: M,
-      debouncedGetter: Se,
+      !B.value || o.value || !i.value.length || ((e = s.value) != null && e.getHighlighted() && s.value.confirmOption(), await G(), (l = s.value) == null || l.focusPrevious());
+    }, o = f("");
+    Qe(() => {
+      o.value = `${o.value}`;
+    });
+    const {
+      getter: x,
+      debouncedGetter: $e,
       items: Oe,
       loading: X
-    } = ct({
-      items: T(t, "items"),
+    } = ft({
+      items: H(t, "items"),
       debounce: t.queryDebounceTime
-    }), P = () => {
+    }), M = () => {
       var e, l;
-      t.enforceCoherence && !Z.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 && !Z.value && (t.multiple ? u("update:modelValue", Ne.value.coherent) : u("update:modelValue", null), (e = s.value) == null || e.blur(), (l = n.value) == null || l.blur());
     }, {
       hasPrefilled: Y,
-      isPrefilling: $e,
-      prefill: De
-    } = pt({
+      isPrefilling: De,
+      prefill: Te
+    } = vt({
       onStart: t.prefill === !0,
       currentValue: t.modelValue,
       multiple: t.multiple,
       fn: async ({ prefill: e }) => {
-        await M(o.value, e, t.modelValue), P(), b();
+        await x(o.value, e, t.modelValue), M(), b();
       }
     }), {
-      array: Te,
-      add: He,
-      remove: Le,
-      set: Fe
-    } = mt(), i = y(() => {
+      array: He,
+      add: Le,
+      remove: Fe,
+      set: Ee
+    } = yt(), i = y(() => {
       const e = Object.fromEntries(
-        Object.entries(N.value).map(([l], a) => [l, a])
+        Object.entries(P.value).map(([l], a) => [l, a])
       );
-      return $.value.filter((l) => l.selected).sort((l, a) => e[l.valueHash] - e[a.valueHash]);
-    }), Ee = y(() => i.value.length ? "" : t.placeholder), { data: N, get: Ae } = ne({
-      items: T(t, "modelValue")
-    }), { options: $ } = ft({
-      disabled: T(t, "disabled"),
-      items: y(() => [...Oe.value, ...Te.value]),
+      return D.value.filter((l) => l.selected).sort((l, a) => e[l.valueHash] - e[a.valueHash]);
+    }), Ae = y(() => i.value.length ? "" : t.placeholder), { data: P, get: qe } = ne({
+      items: H(t, "modelValue")
+    }), { options: D } = ht({
+      disabled: H(t, "disabled"),
+      items: y(() => [...Oe.value, ...He.value]),
       itemText: t.itemText,
       itemValue: t.itemValue,
       max: t.max,
       selectable: !0,
-      selectedIndexedByHash: N
-    }), D = y(() => !!(X.value || t.loading)), qe = y(() => {
+      selectedIndexedByHash: P
+    }), T = y(() => !!(X.value || t.loading)), xe = y(() => {
       let e = [];
       const l = i.value.some(
         (d) => d.text === o.value
       );
-      return (t.multiple && o.value || o.value && !l && !t.multiple) && t.filterBy ? e = $.value.filter((d) => {
+      return (t.multiple && o.value || o.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 || oe(d.item, t.filterBy, o.value.trim())), v || oe(d, ["text"], o.value.trim());
-      }) : e = $.value, e;
+      }) : e = D.value, e;
     }), b = () => {
       if (t.multiple) {
         o.value = "";
         return;
       }
       let e;
-      i.value && (e = tt(i.value)), o.value = (e == null ? void 0 : e.text) || "";
-    }, xe = async (e) => {
-      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && He(e.item), b()) : (t.stash && Fe(e.item), u("update:modelValue", e.value), await G(), b()), x(), t.multiple || C();
-    }, W = async (e) => {
-      if (Le((l) => l.valueHash !== e.valueHash), t.multiple) {
-        const l = { ...N.value };
+      i.value && (e = at(i.value)), o.value = (e == null ? void 0 : e.text) || "";
+    }, Me = async (e) => {
+      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && Le(e.item), b()) : (t.stash && Ee(e.item), u("update:modelValue", e.value), await G(), b()), q(), t.multiple || C();
+    }, N = async (e) => {
+      if (Fe((l) => l.valueHash !== e.valueHash), t.multiple) {
+        const l = { ...P.value };
         delete l[e.valueHash], u("update:modelValue", Object.values(l));
       } else
         u("update:modelValue", null), await G(), b();
-      x();
-    }, { data: Me } = ne({
-      items: $,
+      q();
+    }, { data: Pe } = ne({
+      items: D,
       key: "valueHash"
-    }), { coherent: Z, status: Pe } = vt({
-      modelValue: T(t, "modelValue"),
+    }), { coherent: Z, status: Ne } = bt({
+      modelValue: H(t, "modelValue"),
       multiple: t.multiple,
-      iteratee: (e) => !!Me.value[yt(e)]
+      iteratee: (e) => !!Pe.value[gt(e)]
     });
-    let B = 0;
+    let V = 0;
     ue(
       () => t.modelValue,
       async () => {
-        B++, Z.value || (await M(o.value, !1, t.modelValue), P()), B === 1 && b(), B--;
+        V++, Z.value || (await x(o.value, !1, t.modelValue), M()), V === 1 && b(), V--;
       },
       {
         debounce: t.modelValueDebounceTime
@@ -254,52 +258,52 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
     ), ue(
       () => [t.dependencies, t.items],
       async () => {
-        Y.value && (B++, await M(o.value, !1, t.modelValue), B === 1 && (P(), b()), B--);
+        Y.value && (V++, await x(o.value, !1, t.modelValue), V === 1 && (M(), b()), V--);
       },
       {
         debounce: t.depsDebounceTime
       }
     );
-    const m = f(!1), z = f(!0), K = f(!1), k = async () => {
-      K.value = !0, await st(() => !!n.value), z.value = !1, m.value = !0;
+    const m = f(!1), W = f(!0), z = f(!1), I = async () => {
+      z.value = !0, await pt(() => !!n.value), W.value = !1, m.value = !0;
     }, C = async () => {
       var e;
-      m.value = !1, z.value = !0, (e = s.value) == null || e.blur();
-    }, Ne = () => m.value ? C() : k(), U = f(!1), We = () => {
-      U.value = !0;
-    }, ze = () => {
-      U.value = !1, u("inactive");
-    }, Ke = (e) => {
-      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (x(), Ne());
-    }, Ue = ot(
+      m.value = !1, W.value = !0, (e = s.value) == null || e.blur();
+    }, We = () => m.value ? C() : I(), K = f(!1), ze = () => {
+      K.value = !0;
+    }, Ke = () => {
+      K.value = !1, u("inactive");
+    }, Ue = (e) => {
+      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (q(), We());
+    }, je = rt(
       (e) => typeof e != "string",
       JSON.stringify
-    ), je = y(() => [].concat(t.modelValue).map((e) => {
-      const l = Ue(e);
+    ), Re = y(() => [].concat(t.modelValue).map((e) => {
+      const l = je(e);
       return {
         disabled: t.disabled,
         name: t.name,
         type: "hidden",
         value: l
       };
-    })), Re = () => {
+    })), Ge = () => {
       let e = null;
       t.multiple && (e = []), u("update:modelValue", e);
     };
-    return (e, l) => (h(), H(it, {
+    return (e, l) => (h(), L(ct, {
       ref_key: "outerContainer",
-      ref: A,
+      ref: E,
       class: ee({
         "bb-base-select": !0,
-        "bb-base-select--active": U.value,
+        "bb-base-select--active": K.value,
         "bb-base-select--shown": m.value,
-        "bb-base-select--loading": D.value,
+        "bb-base-select--loading": T.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
         "bb-base-select--readonly": e.readonly,
         "bb-base-select--compact": e.compact
       }),
-      onClick: Ke
+      onClick: Ue
     }, {
       "prepend-outer": r(() => [
         c(e.$slots, "prepend-outer", { query: o.value })
@@ -308,14 +312,14 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
         c(e.$slots, "append-outer", { query: o.value })
       ]),
       default: r(() => [
-        j(rt, {
+        U(dt, {
           ref_key: "innerContainer",
-          ref: I,
+          ref: k,
           "append:icon": t["append:icon"],
-          clearable: e.clearable && !V(bt)(e.modelValue),
+          clearable: e.clearable && !g(Bt)(e.modelValue),
           "prepend:icon": t["prepend:icon"],
           "prevent-focus": !0,
-          "onClick:clear": Re
+          "onClick:clear": Ge
         }, {
           prepend: r(() => [
             c(e.$slots, "prepend", { query: o.value })
@@ -330,61 +334,62 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
             c(e.$slots, "suffix")
           ]),
           default: r(() => [
-            j(V(et), { tag: "span" }, {
+            U(g(lt), { tag: "span" }, {
               default: r(() => [
-                L("span", kt, [
-                  e.multiple && i.value.length <= e.maxSelectedLabels ? (h(), F(te, { key: 0 }, [
-                    e.comma ? (h(), H(ut, {
+                j("span", $t, [
+                  e.multiple && i.value.length <= e.maxSelectedLabels ? (h(), $(te, { key: 0 }, [
+                    e.comma ? (h(), L(st, {
                       key: 0,
                       ref_key: "commaBox",
                       ref: J,
                       options: i.value,
-                      "onOption:unselected": W
-                    }, null, 8, ["options"])) : (h(), H(nt, {
+                      "onOption:unselected": N
+                    }, null, 8, ["options"])) : (h(), L(it, {
                       key: 1,
                       ref_key: "chipsBox",
                       ref: Q,
                       options: i.value,
-                      "onOption:unselected": W
+                      "onOption:unselected": N
                     }, null, 8, ["options"]))
-                  ], 64)) : e.multiple ? (h(), F("span", Ct, Je(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : V(se)("select.multipleMaxReached", i.value.length)), 1)) : R("", !0),
-                  Qe(L("input", {
-                    id: V(_),
+                  ], 64)) : e.multiple ? (h(), $("span", Ot, _e(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : g(se)("select.multipleMaxReached", i.value.length)), 1)) : R("", !0),
+                  Xe((h(), $("input", {
+                    id: g(_),
+                    key: `${g(de)}`,
                     ref_key: "input",
-                    ref: q,
+                    ref: A,
                     "onUpdate:modelValue": l[0] || (l[0] = (a) => o.value = a),
                     "aria-autocomplete": "list",
-                    "aria-controls": K.value ? `${V(_)}_listbox` : void 0,
+                    "aria-controls": z.value ? `${g(_)}_listbox` : void 0,
                     "aria-describedby": e.ariaDescribedby,
                     "aria-expanded": m.value,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
                     class: ee("bb-base-select__text-input"),
                     disabled: e.disabled,
-                    inputmode: ce.value,
-                    placeholder: Ee.value,
+                    inputmode: pe.value,
+                    placeholder: Ae.value,
                     readonly: e.readonly || !e.allowWriting,
                     required: e.required && (!e.multiple || !e.modelValue.length),
                     role: "combobox",
                     size: "1",
                     style: le({ "--characters": o.value.length }),
                     type: "text",
-                    onBlur: p(ye, ["stop"]),
-                    onChange: p(he, ["stop"]),
-                    onFocusOnce: p(ve, ["stop"]),
-                    onFocus: p(fe, ["stop"]),
-                    onInput: p(be, ["stop"]),
+                    onBlur: p(he, ["stop"]),
+                    onChange: p(be, ["stop"]),
+                    onFocusOnce: p(ye, ["stop"]),
+                    onFocus: p(ve, ["stop"]),
+                    onInput: p(ge, ["stop"]),
                     onKeydown: [
-                      g(p(Ce, ["stop"]), ["delete"]),
-                      g(p(Be, ["stop"]), ["left"]),
-                      g(p(we, ["stop", "prevent"]), ["down"]),
-                      g(p(Ie, ["stop", "prevent"]), ["enter"]),
-                      g(p(ke, ["stop", "prevent"]), ["esc"]),
-                      g(p(ge, ["stop", "prevent"]), ["up"]),
-                      g(p(Ve, ["stop"]), ["right"])
+                      w(p(Se, ["stop"]), ["delete"]),
+                      w(p(Ve, ["stop"]), ["left"]),
+                      w(p(Be, ["stop", "prevent"]), ["down"]),
+                      w(p(Ie, ["stop", "prevent"]), ["enter"]),
+                      w(p(Ce, ["stop", "prevent"]), ["esc"]),
+                      w(p(we, ["stop", "prevent"]), ["up"]),
+                      w(p(ke, ["stop"]), ["right"])
                     ]
-                  }, null, 44, St), [
-                    [_e, o.value]
+                  }, null, 44, Dt)), [
+                    [Ye, o.value]
                   ])
                 ])
               ]),
@@ -392,15 +397,15 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
             }),
             e.showChevron ? c(e.$slots, "chevron", {
               key: 0,
-              loading: !!V(X),
+              loading: !!g(X),
               shown: m.value
             }, () => [
-              l[1] || (l[1] = L("svg", {
+              l[1] || (l[1] = j("svg", {
                 class: "bb-base-select__chevron",
                 viewBox: "0 0 24 24",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                L("path", {
+                j("path", {
                   d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                   fill: "currentColor"
                 })
@@ -409,28 +414,28 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
           ]),
           _: 3
         }, 8, ["append:icon", "clearable", "prepend:icon"]),
-        (h(!0), F(te, null, Xe(je.value, (a) => (h(), F("input", ae({
+        (h(!0), $(te, null, Ze(Re.value, (a) => (h(), $("input", ae({
           key: a.value,
           ref_for: !0
         }, a), null, 16))), 128)),
-        K.value ? (h(), H(dt, {
+        z.value ? (h(), L(mt, {
           key: 0,
           target: e.teleportTarget
         }, {
           default: r(() => [
-            j(gt, {
+            U(Vt, {
               ref_key: "optionsContainer",
               ref: n,
               compact: e.compact,
-              loading: D.value,
+              loading: T.value,
               "loading-text": e.loadingText,
               multiple: e.multiple,
               "no-data-text": e.noDataText,
               open: m.value,
-              options: qe.value,
-              style: le(me.value),
-              "onOption:selected": xe,
-              "onOption:unselected": W
+              options: xe.value,
+              style: le(fe.value),
+              "onOption:selected": Me,
+              "onOption:unselected": N
             }, {
               "options:prepend": r(() => [
                 c(e.$slots, "options:prepend")
@@ -447,7 +452,7 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
               option: r((a) => [
                 c(e.$slots, "option", ae({
                   hasErrors: e.hasErrors,
-                  loading: D.value
+                  loading: T.value
                 }, a))
               ]),
               _: 3
@@ -461,5 +466,5 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
   }
 });
 export {
-  rl as default
+  dl 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 "./index210.js";
-import { head as O } from "./index255.js";
-import { isCssColor as Y } from "./index207.js";
-import { isNil as P } from "./index256.js";
+import { clamp as le } from "./index207.js";
+import { head as O } from "./index264.js";
+import { isCssColor as Y } from "./index235.js";
+import { isNil as P } from "./index265.js";
 import { isNotNil as ne } from "./index135.js";
 import { transposeValue as y } from "./index131.js";
-import { hash as J } from "./index218.js";
+import { hash as J } from "./index228.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 "./index207.js";
-import { when as N } from "./index208.js";
+import { isCssColor as b } from "./index235.js";
+import { when as N } from "./index236.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 v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
 import K from "./index41.js";
 /* empty css        */
-import N from "./index212.js";
+import N from "./index238.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index214.js";
-import { useIndexById as T } from "./index215.js";
-import { useBaseOptions as q } from "./index216.js";
-import { useCoherence as J } from "./index217.js";
-import { hash as Q } from "./index218.js";
-import { useHashedWatcher as $ } from "./index219.js";
-import { usePrefill as X } from "./index220.js";
+import { useItemsGetter as U } from "./index240.js";
+import { useIndexById as T } from "./index241.js";
+import { useBaseOptions as q } from "./index242.js";
+import { useCoherence as J } from "./index243.js";
+import { hash as Q } from "./index228.js";
+import { useHashedWatcher as $ } from "./index244.js";
+import { usePrefill as X } from "./index245.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {