bitboss-ui 2.0.150 → 2.0.152

package/dist/index37.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ge, ref as f, computed as y, onMounted as Je, 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 Qe, createCommentVNode as R, withDirectives as _e, normalizeStyle as le, withModifiers as p, withKeys as g, vModelDynamic as Xe, renderList as Ye, mergeProps as ae, nextTick as G } from "vue";
+import { defineComponent as Je, ref as f, computed as y, 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 O, Fragment as te, toDisplayString as Qe, createCommentVNode as R, withDirectives as _e, normalizeStyle as le, withModifiers as p, withKeys as w, vModelDynamic as Xe, renderList as Ye, mergeProps as ae, nextTick as G } from "vue";
 /* empty css       */
 /* empty css       */
 import { useId as Ze } from "./index8.js";
@@ -6,36 +6,36 @@ import { useMobile as et } from "./index9.js";
 import tt from "./index128.js";
 /* empty css         */
 import { last as lt } from "./index229.js";
-import { matchAnyKey as oe } from "./index255.js";
-import { useFloating as at } from "./index256.js";
-import { useIntersectionObserver as ot } from "./index132.js";
-import { wait as E } from "./index130.js";
-import { when as nt } from "./index208.js";
-import ut from "./index257.js";
+import { matchAnyKey as oe } from "./index262.js";
+import { useFloating as at } from "./index263.js";
+import { useMounted as ot, useIntersectionObserver as nt } from "./index132.js";
+import { wait as F } from "./index130.js";
+import { when as ut } from "./index220.js";
+import rt from "./index258.js";
 /* empty css         */
-import rt from "./index259.js";
+import it from "./index260.js";
 /* empty css         */
-import it from "./index217.js";
+import st from "./index215.js";
 /* empty css         */
-import st from "./index219.js";
-import { waitFor as dt } from "./index230.js";
-import ct from "./index235.js";
-import { useItemsGetter as pt } from "./index248.js";
-import { usePrefill as mt } from "./index253.js";
-import { useArray as ft } from "./index261.js";
-import { useBaseOptions as vt } from "./index250.js";
-import { useIndexById as ne } from "./index249.js";
-import { useCoherence as yt } from "./index251.js";
-import { hash as ht } from "./index238.js";
-import { useHashedWatcher as ue } from "./index252.js";
-import { useLocale as bt } from "./index220.js";
-import { isEmpty as gt } from "./index231.js";
-import wt from "./index262.js";
-import { autoUpdate as Bt, flip as Vt, offset as It, shift as kt } from "./index263.js";
-const Ct = { class: "bb-base-select__input-container" }, St = {
+import dt from "./index217.js";
+import { waitFor as ct } from "./index230.js";
+import pt from "./index253.js";
+import { useItemsGetter as mt } from "./index244.js";
+import { usePrefill as ft } from "./index249.js";
+import { useArray as vt } from "./index264.js";
+import { useBaseOptions as yt } from "./index246.js";
+import { useIndexById as ne } from "./index245.js";
+import { useCoherence as ht } from "./index247.js";
+import { hash as bt } from "./index235.js";
+import { useHashedWatcher as ue } from "./index248.js";
+import { useLocale as gt } from "./index218.js";
+import { isEmpty as wt } from "./index231.js";
+import Bt from "./index265.js";
+import { autoUpdate as Vt, flip as kt, offset as It, shift as Ct } from "./index266.js";
+const St = { class: "bb-base-select__input-container" }, Ot = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, Ot = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], il = /* @__PURE__ */ Ge({
+}, $t = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], sl = /* @__PURE__ */ Je({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -83,73 +83,73 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
     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 } = bt(), A = f(null), I = f(null), n = f(null), J = f(null), Q = f(null), s = y(
+    const { t: se } = gt(), de = ot(), 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 } = et(), ce = y(
-      () => t.allowWriting === "not-mobile" && de.value ? "none" : void 0
+    ), { isMobile: ce } = et(), pe = y(
+      () => t.allowWriting === "not-mobile" && ce.value ? "none" : void 0
     ), _ = t.id || Ze().id.value;
-    ot(
+    nt(
       // @ts-expect-error - wrong inferred type
-      I,
+      k,
       ([{ intersectionRatio: e }]) => {
         e !== 1 && C();
       },
       { threshold: [0, 1] }
     );
-    const { floatingStyles: pe } = at(
+    const { floatingStyles: me } = at(
       // @ts-expect-error - wrong inferred type
-      I,
+      k,
       n,
       {
         placement: "bottom",
-        whileElementsMounted: Bt,
-        middleware: [Vt(), It(5), kt()]
+        whileElementsMounted: Vt,
+        middleware: [kt(), It(5), Ct()]
       }
-    ), 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", $), document.addEventListener("focusin", $);
+    }, 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);
-    }, O = async (e) => {
+      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), (l = s.value) == null || l.blur(), W.value && I(), Oe(o.value, !1, t.modelValue);
+    }, $ = 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", $), document.removeEventListener("focusin", $), 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,71 +157,67 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
           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("");
-    Je(() => {
-      o.value = `${o.value}`;
-    });
-    const {
-      getter: M,
-      debouncedGetter: Se,
-      items: Oe,
+      !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(""), {
+      getter: x,
+      debouncedGetter: Oe,
+      items: $e,
       loading: X
-    } = pt({
-      items: T(t, "items"),
+    } = mt({
+      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
-    } = mt({
+      isPrefilling: De,
+      prefill: Te
+    } = ft({
       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
-    } = ft(), i = y(() => {
+      array: He,
+      add: Le,
+      remove: Fe,
+      set: Ee
+    } = vt(), 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: $ } = vt({
-      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 } = yt({
+      disabled: H(t, "disabled"),
+      items: y(() => [...$e.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 = "";
@@ -229,28 +225,28 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
       }
       let e;
       i.value && (e = lt(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 };
+    }, 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 } = yt({
-      modelValue: T(t, "modelValue"),
+    }), { coherent: Z, status: Ne } = ht({
+      modelValue: H(t, "modelValue"),
       multiple: t.multiple,
-      iteratee: (e) => !!Me.value[ht(e)]
+      iteratee: (e) => !!Pe.value[bt(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
@@ -258,52 +254,52 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
     ), 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 dt(() => !!n.value), z.value = !1, m.value = !0;
+    const m = f(!1), W = f(!0), z = f(!1), I = async () => {
+      z.value = !0, await ct(() => !!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 = nt(
+      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 = ut(
       (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(st, {
+    return (e, l) => (h(), L(dt, {
       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 })
@@ -312,14 +308,14 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
         c(e.$slots, "append-outer", { query: o.value })
       ]),
       default: r(() => [
-        j(it, {
+        U(st, {
           ref_key: "innerContainer",
-          ref: I,
+          ref: k,
           "append:icon": t["append:icon"],
-          clearable: e.clearable && !V(gt)(e.modelValue),
+          clearable: e.clearable && !g(wt)(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 })
@@ -334,60 +330,61 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
             c(e.$slots, "suffix")
           ]),
           default: r(() => [
-            j(V(tt), { tag: "span" }, {
+            U(g(tt), { tag: "span" }, {
               default: r(() => [
-                L("span", Ct, [
-                  e.multiple && i.value.length <= e.maxSelectedLabels ? (h(), F(te, { key: 0 }, [
-                    e.comma ? (h(), H(rt, {
+                j("span", St, [
+                  e.multiple && i.value.length <= e.maxSelectedLabels ? (h(), O(te, { key: 0 }, [
+                    e.comma ? (h(), L(it, {
                       key: 0,
                       ref_key: "commaBox",
                       ref: J,
                       options: i.value,
-                      "onOption:unselected": W
-                    }, null, 8, ["options"])) : (h(), H(ut, {
+                      "onOption:unselected": N
+                    }, null, 8, ["options"])) : (h(), L(rt, {
                       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", St, Qe(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : V(se)("select.multipleMaxReached", i.value.length)), 1)) : R("", !0),
-                  _e(L("input", {
-                    id: V(_),
+                  ], 64)) : e.multiple ? (h(), O("span", Ot, Qe(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : g(se)("select.multipleMaxReached", i.value.length)), 1)) : R("", !0),
+                  _e((h(), O("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, Ot), [
+                  }, null, 44, $t)), [
                     [Xe, o.value]
                   ])
                 ])
@@ -396,15 +393,15 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
             }),
             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"
                 })
@@ -413,28 +410,28 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
           ]),
           _: 3
         }, 8, ["append:icon", "clearable", "prepend:icon"]),
-        (h(!0), F(te, null, Ye(je.value, (a) => (h(), F("input", ae({
+        (h(!0), O(te, null, Ye(Re.value, (a) => (h(), O("input", ae({
           key: a.value,
           ref_for: !0
         }, a), null, 16))), 128)),
-        K.value ? (h(), H(ct, {
+        z.value ? (h(), L(pt, {
           key: 0,
           target: e.teleportTarget
         }, {
           default: r(() => [
-            j(wt, {
+            U(Bt, {
               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")
@@ -451,7 +448,7 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
               option: r((a) => [
                 c(e.$slots, "option", ae({
                   hasErrors: e.hasErrors,
-                  loading: D.value
+                  loading: T.value
                 }, a))
               ]),
               _: 3
@@ -465,5 +462,5 @@ const Ct = { class: "bb-base-select__input-container" }, St = {
   }
 });
 export {
-  il as default
+  sl 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 "./index206.js";
-import { head as O } from "./index264.js";
-import { isCssColor as Y } from "./index207.js";
-import { isNil as P } from "./index265.js";
+import { head as O } from "./index255.js";
+import { isCssColor as Y } from "./index219.js";
+import { isNil as P } from "./index256.js";
 import { isNotNil as ne } from "./index135.js";
 import { transposeValue as y } from "./index131.js";
-import { hash as J } from "./index238.js";
+import { hash as J } from "./index235.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 "./index219.js";
+import { when as N } from "./index220.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 "./index246.js";
+import N from "./index242.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index248.js";
-import { useIndexById as T } from "./index249.js";
-import { useBaseOptions as q } from "./index250.js";
-import { useCoherence as J } from "./index251.js";
-import { hash as Q } from "./index238.js";
-import { useHashedWatcher as $ } from "./index252.js";
-import { usePrefill as X } from "./index253.js";
+import { useItemsGetter as U } from "./index244.js";
+import { useIndexById as T } from "./index245.js";
+import { useBaseOptions as q } from "./index246.js";
+import { useCoherence as J } from "./index247.js";
+import { hash as Q } from "./index235.js";
+import { useHashedWatcher as $ } from "./index248.js";
+import { usePrefill as X } from "./index249.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {