bitboss-ui 2.1.78 → 2.1.80

package/dist/index358.js

@@ -1,130 +1,52 @@
-const j = ["top", "right", "bottom", "left"], m = Math.min, p = Math.max, C = Math.round, L = Math.floor, E = (t) => ({
-  x: t,
-  y: t
-}), h = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, x = {
-  start: "end",
-  end: "start"
-};
-function R(t, e, n) {
-  return p(t, m(e, n));
-}
-function T(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function g(t) {
-  return t.split("-")[0];
-}
-function a(t) {
-  return t.split("-")[1];
-}
-function b(t) {
-  return t === "x" ? "y" : "x";
-}
-function d(t) {
-  return t === "y" ? "height" : "width";
-}
-const A = /* @__PURE__ */ new Set(["top", "bottom"]);
-function P(t) {
-  return A.has(g(t)) ? "y" : "x";
-}
-function y(t) {
-  return b(P(t));
-}
-function k(t, e, n) {
-  n === void 0 && (n = !1);
-  const r = a(t), i = y(t), o = d(i);
-  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
-}
-function q(t) {
-  const e = f(t);
-  return [s(t), e, s(e)];
-}
-function s(t) {
-  return t.replace(/start|end/g, (e) => x[e]);
-}
-const u = ["left", "right"], l = ["right", "left"], M = ["top", "bottom"], O = ["bottom", "top"];
-function S(t, e, n) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return n ? e ? l : u : e ? u : l;
-    case "left":
-    case "right":
-      return e ? M : O;
-    default:
-      return [];
+function T(n, l, e) {
+  let i = e.initialDeps ?? [], t, c = !0;
+  function h() {
+    var d, m, f;
+    let g;
+    e.key && ((d = e.debug) != null && d.call(e)) && (g = Date.now());
+    const o = n();
+    if (!(o.length !== i.length || o.some((r, a) => i[a] !== r)))
+      return t;
+    i = o;
+    let s;
+    if (e.key && ((m = e.debug) != null && m.call(e)) && (s = Date.now()), t = l(...o), e.key && ((f = e.debug) != null && f.call(e))) {
+      const r = Math.round((Date.now() - g) * 100) / 100, a = Math.round((Date.now() - s) * 100) / 100, b = a / 16, w = (u, D) => {
+        for (u = String(u); u.length < D; )
+          u = " " + u;
+        return u;
+      };
+      console.info(
+        `%c⏱ ${w(a, 5)} /${w(r, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * b, 120)
+        )}deg 100% 31%);`,
+        e?.key
+      );
+    }
+    return e?.onChange && !(c && e.skipInitialOnChange) && e.onChange(t), c = !1, t;
   }
-}
-function z(t, e, n, r) {
-  const i = a(t);
-  let o = S(g(t), n === "start", r);
-  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
-}
-function f(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
-}
-function w(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function B(t) {
-  return typeof t != "number" ? w(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function D(t) {
-  const {
-    x: e,
-    y: n,
-    width: r,
-    height: i
-  } = t;
-  return {
-    width: r,
-    height: i,
-    top: n,
-    left: e,
-    right: e + r,
-    bottom: n + i,
-    x: e,
-    y: n
+  return h.updateDeps = (d) => {
+    i = d;
+  }, h;
+}
+function k(n, l) {
+  if (n === void 0)
+    throw new Error("Unexpected undefined");
+  return n;
+}
+const y = (n, l) => Math.abs(n - l) < 1.01, C = (n, l, e) => {
+  let i;
+  return function(...t) {
+    n.clearTimeout(i), i = n.setTimeout(() => l.apply(this, t), e);
   };
-}
+};
 export {
-  R as clamp,
-  E as createCoords,
-  T as evaluate,
-  w as expandPaddingObject,
-  L as floor,
-  a as getAlignment,
-  y as getAlignmentAxis,
-  k as getAlignmentSides,
-  d as getAxisLength,
-  q as getExpandedPlacements,
-  s as getOppositeAlignmentPlacement,
-  b as getOppositeAxis,
-  z as getOppositeAxisPlacements,
-  f as getOppositePlacement,
-  B as getPaddingObject,
-  g as getSide,
-  P as getSideAxis,
-  p as max,
-  m as min,
-  D as rectToClientRect,
-  C as round,
-  j as sides
+  y as approxEqual,
+  C as debounce,
+  T as memo,
+  k as notUndefined
 };

package/dist/index37.js

@@ -1,34 +1,34 @@
-import { defineComponent as Qe, ref as f, computed as m, toRef as z, createBlock as K, openBlock as v, normalizeClass as ee, withCtx as u, createElementVNode as H, createVNode as L, createElementBlock as C, unref as b, renderSlot as d, createCommentVNode as te, withDirectives as Xe, Fragment as ae, toDisplayString as Ye, withKeys as g, withModifiers as c, normalizeStyle as le, vModelDynamic as Ze, mergeProps as oe, renderList as et, nextTick as U } from "vue";
+import { defineComponent as Qe, ref as f, computed as m, toRef as z, createBlock as K, openBlock as h, normalizeClass as ee, withCtx as u, createElementVNode as L, createVNode as T, createElementBlock as I, unref as g, renderSlot as d, createCommentVNode as te, withDirectives as Xe, Fragment as ae, toDisplayString as Ye, withKeys as w, withModifiers as c, normalizeStyle as le, vModelDynamic as Ze, mergeProps as oe, renderList as et, nextTick as U } from "vue";
 import tt from "./index112.js";
 /* empty css         */
-import { hash as at } from "./index254.js";
-import { isEmpty as lt } from "./index236.js";
-import { last as ot } from "./index229.js";
-import { matchAnyKey as ne } from "./index255.js";
-import { useArray as nt } from "./index256.js";
-import { useBaseOptions as ut } from "./index230.js";
-import { useCoherence as st } from "./index257.js";
-import { useHashedWatcher as ue } from "./index258.js";
+import { hash as at } from "./index227.js";
+import { isEmpty as lt } from "./index253.js";
+import { last as ot } from "./index228.js";
+import { matchAnyKey as ne } from "./index281.js";
+import { useArray as nt } from "./index282.js";
+import { useBaseOptions as ut } from "./index241.js";
+import { useCoherence as st } from "./index242.js";
+import { useHashedWatcher as ue } from "./index243.js";
 import { useId as it } from "./index8.js";
-import { useIndexById as se } from "./index231.js";
+import { useIndexById as se } from "./index240.js";
 import { useMounted as rt, useElementSize as dt, useIntersectionObserver as ct } from "./index141.js";
-import { useItemsGetter as pt } from "./index259.js";
-import { useLocale as mt } from "./index223.js";
+import { useItemsGetter as pt } from "./index239.js";
+import { useLocale as mt } from "./index236.js";
 import { useMobile as ft } from "./index9.js";
-import { usePrefill as vt } from "./index260.js";
-import { wait as T } from "./index140.js";
-import { when as ht } from "./index261.js";
-import yt from "./index232.js";
+import { usePrefill as vt } from "./index244.js";
+import { wait as E } from "./index140.js";
+import { when as ht } from "./index278.js";
+import yt from "./index283.js";
 /* empty css         */
-import bt from "./index234.js";
+import bt from "./index285.js";
 /* empty css         */
 import gt from "./index136.js";
 /* empty css         */
 import wt from "./index138.js";
-import Bt from "./index227.js";
+import Bt from "./index255.js";
 /* empty css         */
-import Vt from "./index262.js";
-import { useUntil as St } from "./index250.js";
+import Vt from "./index287.js";
+import { useUntil as St } from "./index260.js";
 import { mapValues as kt } from "./index145.js";
 const Ct = { class: "bb-base-select__input-container" }, It = {
   key: 1,
@@ -80,49 +80,49 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
     const t = ie, o = re;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: de } = mt(), ce = rt(), E = f(null), I = f(null), s = f(null), _ = f(null), R = f(null), r = m(
+    const { t: de } = mt(), ce = rt(), F = f(null), D = f(null), s = f(null), _ = f(null), R = f(null), r = m(
       () => t.comma ? _.value : R.value
-    ), { width: pe } = dt(I), { isMobile: me } = ft(), fe = m(
+    ), { width: pe } = dt(D), { isMobile: me } = ft(), fe = m(
       () => t.allowWriting === "not-mobile" && me.value ? "none" : void 0
     ), j = t.id || it().id.value, { resume: ve, pause: he } = ct(
-      I,
+      D,
       async ([{ intersectionRatio: e }]) => {
-        e !== 1 && n.value && await S();
+        e !== 1 && n.value && await k();
       },
       { threshold: [0, 1], immediate: !1 }
     ), ye = m(() => ({
       width: `${pe.value ?? 0}px`
-    })), F = f(null), A = () => {
-      F.value instanceof HTMLInputElement && F.value.focus();
+    })), A = f(null), v = () => {
+      A.value instanceof HTMLInputElement && A.value.focus();
     }, be = async (e) => {
-      o("focus", e), Ke(), document.addEventListener("click", D), document.addEventListener("focusin", D);
+      o("focus", e), Ke(), document.addEventListener("click", O), document.addEventListener("focusin", O);
     }, ge = () => {
       t.prefill === "focus" && !Te.value && !J.value && Ee();
     }, we = async (e) => {
       o("blur", e);
     }, Be = (e) => o("change", e), Ve = (e) => {
-      o("input", e), a.value === "" && (t.multiple || o("update:modelValue", null)), r.value?.blur(), N.value && V(), He(a.value, !1, t.modelValue);
-    }, D = async (e) => {
-      if (e.target instanceof Node && E.value && !E.value.$el.contains(e.target) && !s.value?.$el?.contains(e.target)) {
-        S(), Ue(), document.removeEventListener("click", D), document.removeEventListener("focusin", D), await T(t.transitionDuration), h();
+      o("input", e), a.value === "" && (t.multiple || o("update:modelValue", null)), r.value?.blur(), N.value && S(), He(a.value, !1, t.modelValue);
+    }, O = async (e) => {
+      if (e.target instanceof Node && F.value && !F.value.$el.contains(e.target) && !s.value?.$el?.contains(e.target)) {
+        k(), Ue(), document.removeEventListener("click", O), document.removeEventListener("focusin", O), await E(t.transitionDuration), y();
         return;
       }
-    }, w = m(() => !(t.readonly || t.disabled || $.value || !r.value && t.multiple && i.value.length <= t.maxSelectedLabels)), Se = async () => {
-      w.value && (r.value?.blur(), n.value ? s.value?.focusPrevious() : (await V(), await T(t.transitionDuration), s.value?.focusLastSelected()));
+    }, B = m(() => !(t.readonly || t.disabled || H.value || !r.value && t.multiple && i.value.length <= t.maxSelectedLabels)), Se = async () => {
+      B.value && (r.value?.blur(), n.value ? s.value?.focusPrevious() : (await S(), await E(t.transitionDuration), s.value?.focusLastSelected()));
     }, ke = async () => {
-      w.value && (r.value?.blur(), n.value ? s.value?.focusNext() : (await V(), await T(t.transitionDuration), s.value?.focusFirstSelected()));
+      B.value && (r.value?.blur(), n.value ? s.value?.focusNext() : (await S(), await E(t.transitionDuration), s.value?.focusFirstSelected()));
     }, Ce = (e) => {
-      if (!w.value || !t.multiple || a.value || (e.preventDefault(), s.value?.blur(), !i.value.length)) return;
+      if (!B.value || !t.multiple || a.value || (e.preventDefault(), s.value?.blur(), !i.value.length)) return;
       r.value?.focusPrevious();
       const l = r.value?.getHighlighted();
       l && s.value?.focusByHash(l.valueHash);
     }, Ie = (e) => {
-      if (!w.value || !t.multiple || a.value || (e.preventDefault(), s.value?.blur(), !i.value.length)) return;
+      if (!B.value || !t.multiple || a.value || (e.preventDefault(), s.value?.blur(), !i.value.length)) return;
       r.value?.focusNext();
       const l = r.value?.getHighlighted();
       l && s.value?.focusByHash(l.valueHash);
     }, De = async () => {
-      if (!w.value)
+      if (!B.value)
         return;
       if (n.value) {
         if (s.value?.getHighlighted()) {
@@ -130,15 +130,15 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
           return;
         }
       } else {
-        await V(), await T(t.transitionDuration), i.value.length && s.value?.focusFirstSelected();
+        await S(), await E(t.transitionDuration), i.value.length && s.value?.focusFirstSelected();
         return;
       }
       const e = a.value.trim();
       xe(e) || (o("option:add", e), a.value = "");
     }, Oe = async () => {
-      n.value && await S();
+      n.value && await k();
     }, $e = async () => {
-      !w.value || a.value || !i.value.length || (r.value?.getHighlighted() && r.value.confirmOption(), await U(), r.value?.focusPrevious());
+      !B.value || a.value || !i.value.length || (r.value?.getHighlighted() && r.value.confirmOption(), await U(), r.value?.focusPrevious());
     }, a = f(""), {
       getter: q,
       debouncedGetter: He,
@@ -158,7 +158,7 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
       currentValue: t.modelValue,
       multiple: t.multiple,
       fn: async ({ prefill: e }) => {
-        await q(a.value, e, t.modelValue), t.stash && X(...O.value.map((l) => l.item)), x(), h();
+        await q(a.value, e, t.modelValue), t.stash && X(...$.value.map((l) => l.item)), x(), y();
       }
     }), {
       array: Q,
@@ -171,7 +171,7 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
     }), qe = m(() => i.value.length ? "" : t.placeholder), { data: M, get: xe } = se({
       // Force model value to be an array
       items: m(() => [].concat(t.modelValue))
-    }), { options: O } = ut({
+    }), { options: $ } = ut({
       disabled: z(t, "disabled"),
       items: m(() => [...Le.value, ...Q.value]),
       itemText: t.itemText,
@@ -179,16 +179,16 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
       max: t.max,
       selectable: !0,
       selectedIndexedByHash: M
-    }), $ = m(() => !!(G.value || t.loading)), Me = m(() => {
+    }), H = m(() => !!(G.value || t.loading)), Me = m(() => {
       let e = [];
       const l = i.value.some(
-        (y) => y.text === a.value
+        (b) => b.text === a.value
       );
-      return (t.multiple && a.value || t.filterBy === "not_stashed" && a.value || a.value && !l && !t.multiple) && t.filterBy ? e = O.value.filter((y) => {
-        let k = !1;
-        return typeof t.filterBy == "function" ? k = t.filterBy(y.value, y.item, a.value) : t.filterBy === "not_stashed" && a.value ? k = !new Set(Q.value.map((Je) => Je.valueHash)).has(y.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (k = k || ne(y.item, t.filterBy, a.value.trim())), k || ne(y, ["text"], a.value.trim());
-      }) : e = O.value, e;
-    }), h = () => {
+      return (t.multiple && a.value || t.filterBy === "not_stashed" && a.value || a.value && !l && !t.multiple) && t.filterBy ? e = $.value.filter((b) => {
+        let C = !1;
+        return typeof t.filterBy == "function" ? C = t.filterBy(b.value, b.item, a.value) : t.filterBy === "not_stashed" && a.value ? C = !new Set(Q.value.map((Je) => Je.valueHash)).has(b.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (C = C || ne(b.item, t.filterBy, a.value.trim())), C || ne(b, ["text"], a.value.trim());
+      }) : e = $.value, e;
+    }), y = () => {
       if (t.multiple) {
         a.value = "";
         return;
@@ -196,27 +196,27 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
       let e;
       i.value && (e = ot(i.value)), a.value = e?.text || "";
     }, Pe = async (e) => {
-      t.multiple ? (o("update:modelValue", t.modelValue.concat(e.value)), t.stash && X(e.item), h()) : (t.stash && Ae(e.item), o("update:modelValue", e.value), await U(), h()), A(), t.multiple || S();
+      t.multiple ? (o("update:modelValue", t.modelValue.concat(e.value)), t.stash && X(e.item), y()) : (t.stash && Ae(e.item), o("update:modelValue", e.value), await U(), y()), v(), t.multiple || k();
     }, P = async (e) => {
       if (Fe((l) => l.valueHash !== e.valueHash), t.multiple) {
         const l = { ...M.value };
         delete l[e.valueHash], o("update:modelValue", Object.values(l));
       } else
-        o("update:modelValue", null), await U(), h();
-      A();
+        o("update:modelValue", null), await U(), y();
+      v();
     }, { data: Y } = se({
-      items: O,
+      items: $,
       key: "valueHash"
     }), { coherent: Z, status: Ne } = st({
       modelValue: z(t, "modelValue"),
       multiple: t.multiple,
       iteratee: (e) => !!Y.value[at(e)]
     });
-    let B = 0;
+    let V = 0;
     ue(
       () => t.modelValue,
       async () => {
-        B++, Z.value || (await q(a.value, !0, t.modelValue), x()), B === 1 && h(), B--;
+        V++, Z.value || (await q(a.value, !0, t.modelValue), x()), V === 1 && y(), V--;
       },
       {
         debounce: t.modelValueDebounceTime
@@ -224,22 +224,22 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
     ), ue(
       () => [t.dependencies, t.items],
       async () => {
-        J.value && (B++, await q(a.value, !0, t.modelValue), B === 1 && (x(), h()), B--);
+        J.value && (V++, await q(a.value, !0, t.modelValue), V === 1 && (x(), y()), V--);
       },
       {
         debounce: t.depsDebounceTime
       }
     );
-    const n = f(!1), N = f(!0), We = St(n), V = async () => {
+    const n = f(!1), N = f(!0), We = St(n), S = async () => {
       ve(), N.value = !1, n.value = !0;
-    }, S = async () => {
+    }, k = async () => {
       n.value = !1, N.value = !0, r.value?.blur(), he();
-    }, ze = () => n.value ? S() : V(), W = f(!1), Ke = () => {
+    }, ze = () => n.value ? k() : S(), W = f(!1), Ke = () => {
       W.value = !0;
     }, Ue = () => {
       W.value = !1, o("inactive");
     }, _e = (e) => {
-      e.preventDefault(), o("click", e), !(t.disabled || t.readonly) && (A(), ze());
+      e.preventDefault(), o("click", e), !(t.disabled || t.readonly) && (v(), ze());
     }, Re = ht(
       (e) => typeof e != "string",
       JSON.stringify
@@ -255,14 +255,14 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
       let e = null;
       t.multiple && (e = []), o("update:modelValue", e);
     };
-    return (e, l) => (v(), K(wt, {
+    return (e, l) => (h(), K(wt, {
       ref_key: "outerContainer",
-      ref: E,
+      ref: F,
       class: ee({
         "bb-base-select": !0,
         "bb-base-select--active": W.value,
         "bb-base-select--shown": n.value,
-        "bb-base-select--loading": $.value,
+        "bb-base-select--loading": H.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
         "bb-base-select--readonly": e.readonly,
@@ -277,57 +277,63 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
         d(e.$slots, "append-outer", { query: a.value })
       ]),
       default: u(() => [
-        H("span", {
+        L("span", {
           ref_key: "innerContainer",
-          ref: I,
+          ref: D,
           class: "bb-base-select__inner-wrapper"
         }, [
-          L(gt, {
+          T(gt, {
             "append:icon": t["append:icon"],
-            clearable: e.clearable && !b(lt)(e.modelValue),
+            clearable: e.clearable && !g(lt)(e.modelValue),
             "prepend:icon": t["prepend:icon"],
             "prevent-focus": !0,
             "onClick:clear": Ge
           }, {
             prepend: u(() => [
-              d(e.$slots, "prepend", { query: a.value })
+              d(e.$slots, "prepend", {
+                query: a.value,
+                focus: v
+              })
             ]),
             prefix: u(() => [
               d(e.$slots, "prefix")
             ]),
             append: u(() => [
-              d(e.$slots, "append", { query: a.value })
+              d(e.$slots, "append", {
+                query: a.value,
+                focus: v
+              })
             ]),
             suffix: u(() => [
               d(e.$slots, "suffix")
             ]),
             default: u(() => [
-              L(tt, { tag: "span" }, {
+              T(tt, { tag: "span" }, {
                 default: u(() => [
-                  H("span", Ct, [
-                    e.multiple && i.value.length <= e.maxSelectedLabels ? (v(), C(ae, { key: 0 }, [
-                      e.comma ? (v(), K(bt, {
+                  L("span", Ct, [
+                    e.multiple && i.value.length <= e.maxSelectedLabels ? (h(), I(ae, { key: 0 }, [
+                      e.comma ? (h(), K(bt, {
                         key: 0,
                         ref_key: "commaBox",
                         ref: _,
                         options: i.value,
                         "onOption:unselected": P
-                      }, null, 8, ["options"])) : (v(), K(yt, {
+                      }, null, 8, ["options"])) : (h(), K(yt, {
                         key: 1,
                         ref_key: "chipsBox",
                         ref: R,
                         options: i.value,
                         "onOption:unselected": P
                       }, null, 8, ["options"]))
-                    ], 64)) : e.multiple ? (v(), C("span", It, Ye(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : b(de)("select.multipleMaxReached", i.value.length)), 1)) : te("", !0),
-                    Xe((v(), C("input", {
-                      id: b(j),
-                      key: `${b(ce)}`,
+                    ], 64)) : e.multiple ? (h(), I("span", It, Ye(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : g(de)("select.multipleMaxReached", i.value.length)), 1)) : te("", !0),
+                    Xe((h(), I("input", {
+                      id: g(j),
+                      key: `${g(ce)}`,
                       ref_key: "input",
-                      ref: F,
+                      ref: A,
                       "onUpdate:modelValue": l[0] || (l[0] = (p) => a.value = p),
                       "aria-autocomplete": "list",
-                      "aria-controls": b(We) ? `${b(j)}_listbox` : void 0,
+                      "aria-controls": g(We) ? `${g(j)}_listbox` : void 0,
                       "aria-describedby": e.ariaDescribedby,
                       "aria-expanded": n.value,
                       autocomplete: e.autocomplete,
@@ -348,13 +354,13 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
                       onFocus: c(be, ["stop"]),
                       onInput: c(Ve, ["stop"]),
                       onKeydown: [
-                        g(c($e, ["stop"]), ["delete"]),
-                        g(c(Ce, ["stop"]), ["left"]),
-                        g(c(ke, ["stop", "prevent"]), ["down"]),
-                        g(c(De, ["stop", "prevent"]), ["enter"]),
-                        g(c(Oe, ["stop", "prevent"]), ["esc"]),
-                        g(c(Se, ["stop", "prevent"]), ["up"]),
-                        g(c(Ie, ["stop"]), ["right"])
+                        w(c($e, ["stop"]), ["delete"]),
+                        w(c(Ce, ["stop"]), ["left"]),
+                        w(c(ke, ["stop", "prevent"]), ["down"]),
+                        w(c(De, ["stop", "prevent"]), ["enter"]),
+                        w(c(Oe, ["stop", "prevent"]), ["esc"]),
+                        w(c(Se, ["stop", "prevent"]), ["up"]),
+                        w(c(Ie, ["stop"]), ["right"])
                       ]
                     }, null, 44, Dt)), [
                       [Ze, a.value]
@@ -365,15 +371,15 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
               }),
               e.showChevron ? d(e.$slots, "chevron", {
                 key: 0,
-                loading: !!b(G),
+                loading: !!g(G),
                 shown: n.value
               }, () => [
-                l[2] || (l[2] = H("svg", {
+                l[2] || (l[2] = L("svg", {
                   class: "bb-base-select__chevron",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  H("path", {
+                  L("path", {
                     d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                     fill: "currentColor"
                   })
@@ -383,19 +389,19 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
             _: 3
           }, 8, ["append:icon", "clearable", "prepend:icon"])
         ], 512),
-        L(Bt, {
+        T(Bt, {
           modelValue: n.value,
           "onUpdate:modelValue": l[1] || (l[1] = (p) => n.value = p),
-          anchor: I.value,
+          anchor: D.value,
           offset: 4,
           "transition-duration": e.transitionDuration
         }, {
           default: u(() => [
-            L(Vt, {
+            T(Vt, {
               ref_key: "optionsContainer",
               ref: s,
               compact: e.compact,
-              loading: $.value,
+              loading: H.value,
               "loading-text": e.loadingText,
               multiple: e.multiple,
               "no-data-text": e.noDataText,
@@ -406,21 +412,24 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
               "onOption:unselected": P
             }, {
               "options:prepend": u(() => [
-                d(e.$slots, "options:prepend")
+                d(e.$slots, "options:prepend", { focus: v })
               ]),
               loading: u(() => [
                 d(e.$slots, "loading", { query: a.value })
               ]),
               "no-data": u(() => [
-                d(e.$slots, "no-data", { query: a.value })
+                d(e.$slots, "no-data", {
+                  query: a.value,
+                  focus: v
+                })
               ]),
               "options:append": u(() => [
-                d(e.$slots, "options:append")
+                d(e.$slots, "options:append", { focus: v })
               ]),
               option: u((p) => [
                 d(e.$slots, "option", oe({
                   hasErrors: e.hasErrors,
-                  loading: $.value
+                  loading: H.value
                 }, p))
               ]),
               _: 3
@@ -428,7 +437,7 @@ const Ct = { class: "bb-base-select__input-container" }, It = {
           ]),
           _: 3
         }, 8, ["modelValue", "anchor", "transition-duration"]),
-        (v(!0), C(ae, null, et(je.value, (p) => (v(), C("input", oe({
+        (h(!0), I(ae, null, et(je.value, (p) => (h(), I("input", oe({
           key: p.value,
           ref_for: !0
         }, p), null, 16))), 128))

package/dist/index39.js

@@ -1,12 +1,12 @@
 import { defineComponent as ie, ref as d, computed as f, onMounted as se, watch as ue, createElementBlock as y, openBlock as g, normalizeProps as G, guardReactiveProps as O, renderSlot as p, createElementVNode as c, mergeProps as N, createCommentVNode as Y, Fragment as de, renderList as me, unref as b, normalizeStyle as j, normalizeClass as J } from "vue";
 import { head as ce } from "./index290.js";
-import { isCssColor as K } from "./index246.js";
-import { isNil as x } from "./index284.js";
+import { isCssColor as K } from "./index262.js";
+import { isNil as x } from "./index267.js";
 import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index139.js";
 import { snapToStep as ve } from "./index291.js";
-import { last as fe } from "./index229.js";
+import { last as fe } from "./index228.js";
 import { transpose as Q } from "./index292.js";
-import { clamp as m } from "./index216.js";
+import { clamp as m } from "./index214.js";
 const pe = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index41.js

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as b, computed as s, watch as S, createElementBlock as y, openBlock as V, normalizeProps as l, guardReactiveProps as m, createCommentVNode as A, createElementVNode as r, mergeProps as v, renderSlot as N } from "vue";
-import { isCssColor as p } from "./index246.js";
-import { when as x } from "./index261.js";
+import { isCssColor as p } from "./index262.js";
+import { when as x } from "./index278.js";
 const M = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ F({
   __name: "BaseSwitch",
   props: {