bitboss-ui 2.1.118 → 2.1.119

package/dist/index110.js

@@ -1,35 +1,36 @@
-import { defineComponent as at, ref as f, computed as l, watch as Q, toRef as X, onBeforeUnmount as rt, createElementBlock as Y, openBlock as Z, Fragment as nt, renderSlot as m, createCommentVNode as it, createVNode as F, normalizeProps as ye, mergeProps as ge, normalizeStyle as lt, normalizeClass as st, withCtx as g, createElementVNode as L, withDirectives as ut, withKeys as h, withModifiers as d, unref as I, vModelDynamic as ct, guardReactiveProps as dt, nextTick as we } from "vue";
-import { extractDomContainer as pt } from "./index246.js";
-import { get as vt } from "./index277.js";
-import { hash as ee } from "./index237.js";
-import { isNil as ft } from "./index230.js";
-import { matchAnyKey as Be } from "./index278.js";
-import { parseWidthString as mt } from "./index247.js";
-import { useArray as ht } from "./index279.js";
-import { useBaseOptions as bt } from "./index235.js";
-import { useCoherence as yt } from "./index236.js";
-import { useElementSize as gt, useIntersectionObserver as wt } from "./index146.js";
-import { useHashedWatcher as Ae } from "./index238.js";
-import { useId as Bt } from "./index8.js";
-import { useIndexById as Ie } from "./index234.js";
-import { useItemsGetter as At } from "./index233.js";
-import { useMobile as It } from "./index9.js";
-import { usePrefill as Vt } from "./index239.js";
-import { useUntil as xt } from "./index243.js";
-import { wait as C } from "./index145.js";
+import { defineComponent as at, ref as f, computed as l, watch as Q, toRef as X, onBeforeUnmount as rt, createElementBlock as Y, openBlock as Z, Fragment as nt, renderSlot as m, createCommentVNode as it, createVNode as F, normalizeProps as ge, mergeProps as ee, withCtx as g, createElementVNode as L, withDirectives as lt, withKeys as h, withModifiers as c, unref as I, vModelDynamic as st, guardReactiveProps as ut, nextTick as we } from "vue";
+import { extractDomContainer as dt } from "./index235.js";
+import { get as ct } from "./index237.js";
+import { hash as te } from "./index238.js";
+import { isNil as pt } from "./index239.js";
+import { matchAnyKey as Be } from "./index240.js";
+import { parseWidthString as vt } from "./index241.js";
+import { useArray as ft } from "./index242.js";
+import { useBaseOptions as mt } from "./index243.js";
+import { useCoherence as ht } from "./index244.js";
+import { useElementSize as bt, useIntersectionObserver as yt } from "./index146.js";
+import { useHashedWatcher as Ae } from "./index245.js";
+import { useId as gt } from "./index8.js";
+import { useIndexById as Ie } from "./index246.js";
+import { useItemsGetter as wt } from "./index247.js";
+import { useMobile as Bt } from "./index9.js";
+import { usePrefill as At } from "./index248.js";
+import { useUntil as It } from "./index249.js";
+import { wait as H } from "./index145.js";
 /* empty css       */
 /* empty css       */
-import Et from "./index118.js";
+import Vt from "./index118.js";
 /* empty css         */
-import St from "./index244.js";
+import Et from "./index250.js";
 /* empty css         */
-import kt from "./index274.js";
-import Dt from "./index284.js";
-import { waitFor as Lt } from "./index289.js";
-const Ct = {
+import xt from "./index252.js";
+import St from "./index253.js";
+import { waitFor as kt } from "./index254.js";
+const Dt = {
   key: 0,
   class: "bb-select-popover__search-container"
-}, Ht = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-invalid", "aria-label", "autocomplete", "inputmode", "tabindex", "onKeydown"], Pt = ["aria-controls", "aria-describedby", "aria-invalid", "aria-label", "onKeydown"], $t = ["aria-hidden", "inert"], Ft = ["aria-hidden", "inert"], co = /* @__PURE__ */ at({
+}, Lt = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-invalid", "aria-label", "autocomplete", "inputmode", "tabindex", "onKeydown"], Ht = ["aria-controls", "aria-describedby", "aria-invalid", "aria-label", "onKeydown"], Pt = ["aria-hidden", "inert"], $t = ["aria-hidden", "inert"], so = /* @__PURE__ */ at({
+  inheritAttrs: !1,
   __name: "BbSelectPopover",
   props: {
     activator: {},
@@ -74,38 +75,38 @@ const Ct = {
     width: { default: "200" }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
-  setup(Ve, { emit: xe }) {
-    const t = Ve, s = xe;
+  setup(Ve, { emit: Ee }) {
+    const t = Ve, s = Ee;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const v = f(), c = f(null), O = f(null), T = f(null), H = f(), { width: w } = gt(
+    const v = f(), d = f(null), O = f(null), T = f(null), P = f(), { width: w } = bt(
       v,
       { width: 0, height: 0 },
       {
         box: "border-box"
       }
-    ), Ee = l(() => t.activator != null), te = (e) => {
-      const o = pt(e);
+    ), xe = l(() => t.activator != null), oe = (e) => {
+      const o = dt(e);
       o && (v.value = o);
     };
     Q(
       () => t.activator,
       (e) => {
-        e && te(e);
+        e && oe(e);
       },
       { immediate: !0 }
     );
-    const { isMobile: oe } = It(), b = l(() => t.allowWriting === "not-mobile" ? !oe.value : !!t.allowWriting), Se = l(
-      () => t.allowWriting === "not-mobile" && oe.value ? "none" : void 0
-    ), ae = l(
+    const { isMobile: ae } = Bt(), b = l(() => t.allowWriting === "not-mobile" ? !ae.value : !!t.allowWriting), Se = l(
+      () => t.allowWriting === "not-mobile" && ae.value ? "none" : void 0
+    ), re = l(
       () => t.searchInputAriaLabel ?? "Search options"
-    ), V = t.id || Bt().id.value, _ = l(() => t.ariaInvalid ?? !!t.hasErrors ? "true" : void 0), z = l(() => {
+    ), V = t.id || gt().id.value, _ = l(() => t.ariaInvalid ?? !!t.hasErrors ? "true" : void 0), W = l(() => {
       const e = t.ariaDescribedby;
       if (Array.isArray(e))
         return e.map((r) => r.trim()).filter(Boolean).join(" ") || void 0;
       if (typeof e == "string")
         return e.trim() || void 0;
-    }), { resume: ke, pause: De } = wt(
+    }), { resume: ke, pause: De } = yt(
       v,
       async ([{ intersectionRatio: e }]) => {
         e !== 1 && a.value && await A();
@@ -116,153 +117,153 @@ const Ct = {
       if (t.width == null || t.width === "")
         return w.value ? `${w.value}px` : "320px";
       try {
-        const { value: e, unit: o } = mt(t.width);
+        const { value: e, unit: o } = vt(t.width);
         return o === "%" ? w.value ? `${w.value * (e / 100)}px` : "320px" : `${e}${o}`;
       } catch {
         return typeof t.width == "string" ? t.width.trim() : w.value ? `${w.value}px` : "320px";
       }
-    }), Ce = l(() => ({
+    }), He = l(() => ({
       "--bb-select-popover-width": Le.value
-    })), W = () => {
+    })), K = () => {
       v.value?.focus();
-    }, x = () => {
+    }, E = () => {
       O.value instanceof HTMLInputElement && O.value.focus();
-    }, K = () => {
+    }, M = () => {
       T.value instanceof HTMLButtonElement && T.value.focus();
-    }, E = () => {
+    }, x = () => {
       if (b.value) {
-        x();
+        E();
         return;
       }
-      K();
-    }, He = (e) => {
-      s("focus", e), $();
+      M();
     }, Pe = (e) => {
-      s("blur", e), be();
+      s("focus", e), C();
     }, $e = (e) => {
+      s("blur", e), ye();
+    }, Ce = (e) => {
       s("change", e);
     }, Fe = (e) => {
-      $();
+      C();
     }, Oe = (e) => {
-      s("input", e), ze(i.value, !1, t.modelValue);
+      s("input", e), We(i.value, !1, t.modelValue);
     }, Te = (e) => {
-      H.value = e;
+      P.value = e;
     }, B = async (e) => {
       const o = e.target instanceof Element ? e.target : e.target instanceof Text ? e.target.parentElement : null;
       if (!o) return;
       const r = v.value?.contains(o), n = !!o.closest(".bb-common-popover");
-      r || n || (await A(), he());
-    }, M = l(() => !(t.readonly || t.disabled || S.value)), q = async () => Lt(() => !!c.value, 100), re = () => {
+      r || n || (await A(), be());
+    }, q = l(() => !(t.readonly || t.disabled || S.value)), z = async () => kt(() => !!d.value, 100), ne = () => {
       const e = y.value[0];
       if (e?.valueHash) {
-        c.value?.focusByHash(e.valueHash);
+        d.value?.focusByHash(e.valueHash);
         return;
       }
-      c.value?.focusFirstSelected();
+      d.value?.focusFirstSelected();
     }, _e = () => {
       const e = y.value[y.value.length - 1];
       if (e?.valueHash) {
-        c.value?.focusByHash(e.valueHash);
+        d.value?.focusByHash(e.valueHash);
         return;
       }
-      c.value?.focusLastSelected();
+      d.value?.focusLastSelected();
     }, U = async () => {
-      M.value && (a.value ? c.value?.focusPrevious() : (await k({ focusPopoverContent: !1 }), await q(), await C(t.transitionDuration), _e()));
+      q.value && (a.value ? d.value?.focusPrevious() : (await k({ focusPopoverContent: !1 }), await z(), await H(t.transitionDuration), _e()));
     }, N = async () => {
-      M.value && (a.value ? c.value?.focusNext() : (await k({ focusPopoverContent: !1 }), await q(), await C(t.transitionDuration), re()));
+      q.value && (a.value ? d.value?.focusNext() : (await k({ focusPopoverContent: !1 }), await z(), await H(t.transitionDuration), ne()));
     }, j = async () => {
-      if (!M.value)
+      if (!q.value)
         return;
       if (a.value) {
-        if (c.value?.getHighlighted()) {
-          c.value.confirmOption();
+        if (d.value?.getHighlighted()) {
+          d.value.confirmOption();
           return;
         }
       } else {
-        await k({ focusPopoverContent: !1 }), await q(), await C(t.transitionDuration), y.value.length ? re() : b.value ? x() : K();
+        await k({ focusPopoverContent: !1 }), await z(), await H(t.transitionDuration), y.value.length ? ne() : b.value ? E() : M();
         return;
       }
       if (!b.value) return;
       const e = i.value.trim();
       Ge(e) || (s("option:add", e), i.value = "");
     }, G = async () => {
-      a.value && (await A(), W());
-    }, i = f(""), ne = f(!1), {
+      a.value && (await A(), K());
+    }, i = f(""), ie = f(!1), {
       getter: R,
-      debouncedGetter: ze,
-      items: We,
-      loading: Ke
-    } = At({
+      debouncedGetter: We,
+      items: Ke,
+      loading: Me
+    } = wt({
       items: X(t, "items"),
       debounce: t.queryDebounceTime
     }), {
-      array: ie,
-      add: le,
-      remove: Me,
-      set: qe
-    } = ht(), {
+      array: le,
+      add: se,
+      remove: qe,
+      set: ze
+    } = ft(), {
       hasPrefilled: Ue,
       isPrefilling: Ne,
-      canLoad: se,
+      canLoad: ue,
       prefill: je
-    } = Vt({
+    } = At({
       trigger: l(
-        () => t.prefill === !0 || t.prefill === "interaction" && ne.value
+        () => t.prefill === !0 || t.prefill === "interaction" && ie.value
       ),
       currentValue: void 0,
       multiple: !1,
       fn: async (e) => {
-        await R(i.value, e, t.modelValue), t.stash && le(...P.value.map((o) => o.item));
+        await R(i.value, e, t.modelValue), t.stash && se(...$.value.map((o) => o.item));
       }
-    }), { data: ue, get: Ge } = Ie({
+    }), { data: de, get: Ge } = Ie({
       items: l(() => [].concat(t.modelValue))
-    }), { options: P } = bt({
+    }), { options: $ } = mt({
       disabled: X(t, "disabled"),
-      items: l(() => [...We.value, ...ie.value]),
+      items: l(() => [...Ke.value, ...le.value]),
       itemText: t.itemText,
       itemValue: t.itemValue,
       max: t.max,
       selectable: !0,
-      selectedIndexedByHash: ue
+      selectedIndexedByHash: de
     }), { data: ce } = Ie({
-      items: P,
+      items: $,
       key: "valueHash"
-    }), { coherent: de, coherentValue: pe } = yt({
+    }), { coherent: pe, coherentValue: ve } = ht({
       modelValue: X(t, "modelValue"),
       multiple: t.multiple,
-      iteratee: (e) => !!ce.value[ee(e)]
+      iteratee: (e) => !!ce.value[te(e)]
     }), y = l(
-      () => [].concat(t.modelValue).map((e) => ce.value[ee(e)]).filter(Boolean)
-    ), S = l(() => !!(Ke.value || t.loading)), Re = l(() => !!t.hasErrors), Je = l(() => t.multiple ? "" : y.value[0]?.text ?? "");
+      () => [].concat(t.modelValue).map((e) => ce.value[te(e)]).filter(Boolean)
+    ), S = l(() => !!(Me.value || t.loading)), Re = l(() => !!t.hasErrors), Je = l(() => t.multiple ? "" : y.value[0]?.text ?? "");
     Ae(
       () => t.modelValue,
       async () => {
-        se.value && (de.value || (await R(i.value, !0, t.modelValue), t.enforceCoherence && (s("update:modelValue", pe.value), c.value?.blur())));
+        ue.value && (pe.value || (await R(i.value, !0, t.modelValue), t.enforceCoherence && (s("update:modelValue", ve.value), d.value?.blur())));
       },
       { debounce: t.modelValueDebounceTime }
     ), Ae(
       () => [t.dependencies, t.items],
       async () => {
-        se.value && (await R(i.value, !0, t.modelValue), t.enforceCoherence && !de.value && (s("update:modelValue", pe.value), c.value?.blur()));
+        ue.value && (await R(i.value, !0, t.modelValue), t.enforceCoherence && !pe.value && (s("update:modelValue", ve.value), d.value?.blur()));
       },
       { debounce: t.depsDebounceTime }
     );
     const Qe = async (e) => {
-      t.multiple ? (s("update:modelValue", t.modelValue.concat(e.value)), t.stash && le(e.item)) : (t.stash && qe(e.item), s("update:modelValue", e.value), await we()), t.multiple && b.value && a.value ? x() : W(), t.multiple || A();
+      t.multiple ? (s("update:modelValue", t.modelValue.concat(e.value)), t.stash && se(e.item)) : (t.stash && ze(e.item), s("update:modelValue", e.value), await we()), t.multiple && b.value && a.value ? E() : K(), t.multiple || A();
     }, Xe = async (e) => {
-      if (Me((o) => o.valueHash !== e.valueHash), t.multiple) {
-        const o = { ...ue.value };
+      if (qe((o) => o.valueHash !== e.valueHash), t.multiple) {
+        const o = { ...de.value };
         delete o[e.valueHash], s("update:modelValue", Object.values(o));
       } else
         s("update:modelValue", null);
-      t.multiple && b.value && a.value ? x() : W();
-    }, ve = l(() => {
+      t.multiple && b.value && a.value ? E() : K();
+    }, fe = l(() => {
       const e = y.value.some(
         (n) => n.text === i.value
       );
-      if (!(t.multiple && i.value || t.filterBy === "not_stashed" && i.value || i.value && !e && !t.multiple) || !t.filterBy) return P.value;
-      const r = t.filterBy === "not_stashed" ? new Set(ie.value.map((n) => n.valueHash)) : null;
-      return P.value.filter((n) => {
+      if (!(t.multiple && i.value || t.filterBy === "not_stashed" && i.value || i.value && !e && !t.multiple) || !t.filterBy) return $.value;
+      const r = t.filterBy === "not_stashed" ? new Set(le.value.map((n) => n.valueHash)) : null;
+      return $.value.filter((n) => {
         let p = !1;
         return typeof t.filterBy == "function" ? p = t.filterBy(n.value, n.item, i.value) : t.filterBy === "not_stashed" && i.value ? p = !r.has(n.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (p = Be(
           n.item,
@@ -270,10 +271,10 @@ const Ct = {
           i.value.trim()
         )), p || Be(n, ["text"], i.value.trim());
       });
-    }), Ye = Symbol("default"), Ze = (e) => ft(t.groupBy) ? Ye : typeof t.groupBy == "function" ? t.groupBy(e.item) : vt(e.item, t.groupBy), et = l(() => {
+    }), Ye = Symbol("default"), Ze = (e) => pt(t.groupBy) ? Ye : typeof t.groupBy == "function" ? t.groupBy(e.item) : ct(e.item, t.groupBy), et = l(() => {
       const e = {};
-      for (const o of ve.value) {
-        const r = Ze(o), n = ee(r);
+      for (const o of fe.value) {
+        const r = Ze(o), n = te(r);
         e[n] || (e[n] = {
           id: n,
           data: r ?? null,
@@ -281,27 +282,27 @@ const Ct = {
         }), e[n].options.push(o);
       }
       return Object.values(e).filter((o) => o.options.length);
-    }), a = f(!1), fe = xt(a), k = async ({
+    }), a = f(!1), me = It(a), k = async ({
       focusPopoverContent: e = !0
     } = {}) => {
-      t.disabled || t.readonly || a.value || (ne.value = !0, ke(), a.value = !0, !Ue.value && !Ne.value && await je(), await we(), document.addEventListener("click", B), document.addEventListener("focusin", B), e && (b.value ? (await C(0), x()) : (await C(0), K())));
+      t.disabled || t.readonly || a.value || (ie.value = !0, ke(), a.value = !0, !Ue.value && !Ne.value && await je(), await we(), document.addEventListener("click", B), document.addEventListener("focusin", B), e && (b.value ? (await H(0), E()) : (await H(0), M())));
     }, A = async () => {
-      a.value && (a.value = !1, c.value?.blur(), H.value = void 0, De(), document.removeEventListener("click", B), document.removeEventListener("focusin", B), i.value = "");
-    }, me = () => a.value ? A() : k(), J = f(!1), $ = () => {
+      a.value && (a.value = !1, d.value?.blur(), P.value = void 0, De(), document.removeEventListener("click", B), document.removeEventListener("focusin", B), i.value = "");
+    }, he = () => a.value ? A() : k(), J = f(!1), C = () => {
       J.value = !0;
-    }, he = () => {
+    }, be = () => {
       J.value && (J.value = !1, s("inactive"));
     }, tt = (e) => {
       if (!(e instanceof Node)) return !1;
-      const o = !!v.value?.contains(e), r = !!c.value?.$el?.closest(".bb-common-popover")?.contains(e);
+      const o = !!v.value?.contains(e), r = !!d.value?.$el?.closest(".bb-common-popover")?.contains(e);
       return o || r;
-    }, be = () => {
+    }, ye = () => {
       setTimeout(() => {
         if (tt(document.activeElement)) {
-          $();
+          C();
           return;
         }
-        he();
+        be();
       }, 0);
     }, ot = () => {
       s("update:modelValue", t.multiple ? [] : null);
@@ -313,7 +314,7 @@ const Ct = {
         if (D && (D(), D = null), !e) return;
         e.setAttribute("role", "combobox"), e.setAttribute("aria-haspopup", "listbox");
         const o = (u) => {
-          s("click", u), !(t.disabled || t.readonly) && (u.preventDefault(), me());
+          s("click", u), !(t.disabled || t.readonly) && (u.preventDefault(), he());
         }, r = (u) => {
           switch (u.key) {
             case "ArrowDown":
@@ -330,9 +331,9 @@ const Ct = {
               break;
           }
         }, n = (u) => {
-          s("focus", u), $();
+          s("focus", u), C();
         }, p = (u) => {
-          s("blur", u), be();
+          s("blur", u), ye();
         };
         e.addEventListener("click", o), e.addEventListener("keydown", r), e.addEventListener("focus", n), e.addEventListener("blur", p), D = () => {
           e.removeEventListener("click", o), e.removeEventListener("keydown", r), e.removeEventListener("focus", n), e.removeEventListener("blur", p), e.removeAttribute("role"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-invalid"), e.removeAttribute("aria-describedby"), e.removeAttribute("aria-activedescendant");
@@ -343,10 +344,10 @@ const Ct = {
       [
         v,
         a,
-        fe,
+        me,
         _,
-        z,
-        H
+        W,
+        P
       ],
       ([e, o, r, n, p, u]) => {
         e && (e.setAttribute("aria-expanded", String(o)), n != null ? e.setAttribute("aria-invalid", n) : e.removeAttribute("aria-invalid"), r ? e.setAttribute("aria-controls", `${V}_listbox`) : e.removeAttribute("aria-controls"), p != null ? e.setAttribute("aria-describedby", p) : e.removeAttribute("aria-describedby"), o && u ? e.setAttribute("aria-activedescendant", u) : e.removeAttribute("aria-activedescendant"));
@@ -355,9 +356,9 @@ const Ct = {
     ), rt(() => {
       D?.(), document.removeEventListener("click", B), document.removeEventListener("focusin", B);
     }), (e, o) => (Z(), Y(nt, null, [
-      Ee.value ? it("", !0) : m(e.$slots, "activator", ye(ge({ key: 0 }, {
+      xe.value ? it("", !0) : m(e.$slots, "activator", ge(ee({ key: 0 }, {
         props: {
-          ref: te
+          ref: oe
         },
         shown: a.value,
         disabled: e.disabled,
@@ -369,63 +370,64 @@ const Ct = {
         clear: ot,
         open: k,
         close: A,
-        toggle: me
+        toggle: he
       }))),
-      F(St, {
+      F(Et, ee({
         modelValue: a.value,
-        "onUpdate:modelValue": o[1] || (o[1] = (r) => a.value = r),
+        "onUpdate:modelValue": o[1] || (o[1] = (r) => a.value = r)
+      }, e.$attrs, {
         anchor: v.value,
         "arrow-padding": e.arrowPadding,
         boundary: e.boundary,
-        class: st(["bb-select-popover", {
+        class: ["bb-select-popover", {
           "bb-select-popover--errors": Re.value,
           "bb-select-popover--loading": S.value
-        }]),
+        }],
         flip: e.flip,
         placement: e.placement,
         offset: e.offset,
         padding: e.padding,
         "transition-duration": e.transitionDuration,
         "hide-arrow": e.hideArrow,
-        style: lt(Ce.value)
-      }, {
+        style: He.value
+      }), {
         default: g(() => [
-          b.value ? (Z(), Y("div", Ct, [
-            ut(L("input", {
+          b.value ? (Z(), Y("div", Dt, [
+            lt(L("input", {
               id: `${I(V)}_search`,
               ref_key: "searchInput",
               ref: O,
               "onUpdate:modelValue": o[0] || (o[0] = (r) => i.value = r),
-              "aria-activedescendant": H.value,
-              "aria-controls": I(fe) ? `${I(V)}_listbox` : void 0,
-              "aria-describedby": z.value,
+              "aria-activedescendant": P.value,
+              "aria-controls": I(me) ? `${I(V)}_listbox` : void 0,
+              "aria-describedby": W.value,
               "aria-invalid": _.value,
-              "aria-label": ae.value,
+              "aria-label": re.value,
               autocomplete: e.autocomplete,
               class: "bb-select-popover__search-input",
               inputmode: Se.value,
               tabindex: a.value ? 0 : -1,
               role: "searchbox",
               type: "text",
-              onBlur: d(Pe, ["stop"]),
-              onChange: d($e, ["stop"]),
-              onFocus: d(He, ["stop"]),
-              onInput: d(Oe, ["stop"]),
+              onBlur: c($e, ["stop"]),
+              onChange: c(Ce, ["stop"]),
+              onFocus: c(Pe, ["stop"]),
+              onInput: c(Oe, ["stop"]),
               onKeydown: [
-                h(d(N, ["stop", "prevent"]), ["down"]),
-                h(d(j, ["stop", "prevent"]), ["enter"]),
-                h(d(G, ["stop", "prevent"]), ["esc"]),
-                h(d(U, ["stop", "prevent"]), ["up"])
+                h(c(N, ["stop", "prevent"]), ["down"]),
+                h(c(j, ["stop", "prevent"]), ["enter"]),
+                h(c(G, ["stop", "prevent"]), ["esc"]),
+                h(c(U, ["stop", "prevent"]), ["up"])
               ]
-            }, null, 40, Ht), [
-              [ct, i.value]
+            }, null, 40, Lt), [
+              [st, i.value]
             ]),
-            F(kt, {
+            F(xt, {
               "aria-hidden": "true",
               class: "bb-select-popover__search-error-icon",
               focusable: "false"
             }),
-            F(I(Et), {
+            F(I(Vt), {
               "aria-hidden": "true",
               class: "bb-select-popover__search-spinner",
               focusable: "false"
@@ -452,36 +454,36 @@ const Ct = {
             class: "bb-select-popover__focus-proxy sr-only",
             type: "button",
             "aria-controls": `${I(V)}_listbox`,
-            "aria-describedby": z.value,
+            "aria-describedby": W.value,
             "aria-invalid": _.value,
-            "aria-label": ae.value,
+            "aria-label": re.value,
             tabindex: "-1",
             onFocus: Fe,
             onKeydown: [
-              h(d(N, ["stop", "prevent"]), ["down"]),
-              h(d(U, ["stop", "prevent"]), ["up"]),
-              h(d(j, ["stop", "prevent"]), ["enter"]),
-              h(d(G, ["stop", "prevent"]), ["esc"])
+              h(c(N, ["stop", "prevent"]), ["down"]),
+              h(c(U, ["stop", "prevent"]), ["up"]),
+              h(c(j, ["stop", "prevent"]), ["enter"]),
+              h(c(G, ["stop", "prevent"]), ["esc"])
             ]
-          }, " Focus options ", 40, Pt)),
+          }, " Focus options ", 40, Ht)),
           L("div", {
             class: "bb-select-popover__options-outer",
             "aria-hidden": a.value ? void 0 : "true",
             inert: !a.value
           }, [
-            m(e.$slots, "options:prepend:outer", { focus: E })
-          ], 8, $t),
-          F(Dt, {
+            m(e.$slots, "options:prepend:outer", { focus: x })
+          ], 8, Pt),
+          F(St, {
             id: `${I(V)}_listbox`,
             ref_key: "optionsContainer",
-            ref: c,
+            ref: d,
             compact: e.compact,
             loading: S.value,
             "loading-text": e.loadingText,
             multiple: e.multiple,
             "no-data-text": e.noDataText,
             open: a.value,
-            options: e.groupBy ? void 0 : ve.value,
+            options: e.groupBy ? void 0 : fe.value,
             groups: e.groupBy ? et.value : void 0,
             "header-height": e.headerHeight,
             "option-height": e.itemHeight,
@@ -490,7 +492,7 @@ const Ct = {
             "onOption:unselected": Xe
           }, {
             "options:prepend": g(() => [
-              m(e.$slots, "options:prepend", { focus: E })
+              m(e.$slots, "options:prepend", { focus: x })
             ]),
             loading: g(() => [
               m(e.$slots, "loading", { query: i.value })
@@ -498,17 +500,17 @@ const Ct = {
             "no-data": g(() => [
               m(e.$slots, "no-data", {
                 query: i.value,
-                focus: E
+                focus: x
               })
             ]),
             "options:append": g(() => [
-              m(e.$slots, "options:append", { focus: E })
+              m(e.$slots, "options:append", { focus: x })
             ]),
             option: g((r) => [
-              m(e.$slots, "option", ge({ loading: S.value }, r))
+              m(e.$slots, "option", ee({ loading: S.value }, r))
             ]),
             group: g((r) => [
-              m(e.$slots, "group", ye(dt(r)))
+              m(e.$slots, "group", ge(ut(r)))
             ]),
             _: 3
           }, 8, ["id", "compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "groups", "header-height", "option-height"]),
@@ -517,14 +519,14 @@ const Ct = {
             "aria-hidden": a.value ? void 0 : "true",
             inert: !a.value
           }, [
-            m(e.$slots, "options:append:outer", { focus: E })
-          ], 8, Ft)
+            m(e.$slots, "options:append:outer", { focus: x })
+          ], 8, $t)
         ]),
         _: 3
-      }, 8, ["modelValue", "anchor", "arrow-padding", "boundary", "class", "flip", "placement", "offset", "padding", "transition-duration", "hide-arrow", "style"])
+      }, 16, ["modelValue", "anchor", "arrow-padding", "boundary", "class", "flip", "placement", "offset", "padding", "transition-duration", "hide-arrow", "style"])
     ], 64));
   }
 });
 export {
-  co as default
+  so as default
 };

package/dist/index118.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as s, createElementBlock as b, openBlock as _, mergeProps as a, createStaticVNode as x } from "vue";
-import { isCssColor as m } from "./index226.js";
+import { isCssColor as m } from "./index227.js";
 const d = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index124.js

@@ -8,11 +8,11 @@ import Ce from "./index14.js";
 import Be from "./index116.js";
 /* empty css         */
 import { useFrameworkDetection as Te } from "./index147.js";
-import { isNil as qe } from "./index230.js";
+import { isNil as qe } from "./index239.js";
 import { useQuery as Le } from "./index11.js";
-import { hash as Fe } from "./index237.js";
+import { hash as Fe } from "./index238.js";
 import { isNotNil as Ee } from "./index150.js";
-import { useLogger as Ne } from "./index241.js";
+import { useLogger as Ne } from "./index267.js";
 const Pe = ["id"], Re = { class: "bb-tab__label-boundary" }, Ve = { class: "bb-tab__label" }, Ke = { class: "bb-tab__panes-container" }, De = ["id", "aria-labelledby", "tabindex"], ot = /* @__PURE__ */ fe({
   __name: "BbTab",
   props: {