bitboss-ui 2.1.72 → 2.1.74

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 tt from "./index112.js";
 /* empty css         */
-import { hash as at } from "./index228.js";
-import { isEmpty as lt } from "./index247.js";
-import { last as ot } from "./index234.js";
-import { matchAnyKey as ne } from "./index289.js";
-import { useArray as nt } from "./index290.js";
-import { useBaseOptions as ut } from "./index226.js";
-import { useCoherence as st } from "./index227.js";
-import { useHashedWatcher as ue } from "./index229.js";
+import { hash as at } from "./index237.js";
+import { isEmpty as lt } from "./index261.js";
+import { last as ot } from "./index248.js";
+import { matchAnyKey as ne } from "./index262.js";
+import { useArray as nt } from "./index263.js";
+import { useBaseOptions as ut } from "./index241.js";
+import { useCoherence as st } from "./index264.js";
+import { useHashedWatcher as ue } from "./index242.js";
 import { useId as it } from "./index8.js";
-import { useIndexById as se } from "./index225.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 "./index223.js";
-import { useLocale as mt } from "./index242.js";
+import { useItemsGetter as pt } from "./index238.js";
+import { useLocale as mt } from "./index220.js";
 import { useMobile as ft } from "./index9.js";
-import { usePrefill as vt } from "./index224.js";
+import { usePrefill as vt } from "./index239.js";
 import { wait as T } from "./index140.js";
-import { when as ht } from "./index266.js";
-import yt from "./index259.js";
+import { when as ht } from "./index265.js";
+import yt from "./index266.js";
 /* empty css         */
-import bt from "./index261.js";
+import bt from "./index268.js";
 /* empty css         */
 import gt from "./index136.js";
 /* empty css         */
 import wt from "./index138.js";
-import Bt from "./index249.js";
+import Bt from "./index222.js";
 /* empty css         */
-import Vt from "./index291.js";
-import { useUntil as St } from "./index272.js";
+import Vt from "./index270.js";
+import { useUntil as St } from "./index221.js";
 import { mapValues as kt } from "./index145.js";
 const Ct = { class: "bb-base-select__input-container" }, It = {
   key: 1,

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 "./index281.js";
-import { isCssColor as K } from "./index254.js";
-import { isNil as x } from "./index268.js";
+import { head as ce } from "./index246.js";
+import { isCssColor as K } from "./index228.js";
+import { isNil as x } from "./index235.js";
 import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index139.js";
-import { snapToStep as ve } from "./index282.js";
-import { last as fe } from "./index234.js";
-import { transpose as Q } from "./index283.js";
-import { clamp as m } from "./index216.js";
+import { snapToStep as ve } from "./index247.js";
+import { last as fe } from "./index248.js";
+import { transpose as Q } from "./index249.js";
+import { clamp as m } from "./index215.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 "./index254.js";
-import { when as x } from "./index266.js";
+import { isCssColor as p } from "./index228.js";
+import { when as x } from "./index265.js";
 const M = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ F({
   __name: "BaseSwitch",
   props: {

package/dist/index43.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as n, renderSlot as s, 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 "./index221.js";
+import N from "./index271.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index223.js";
-import { useIndexById as T } from "./index225.js";
-import { useBaseOptions as q } from "./index226.js";
-import { useCoherence as J } from "./index227.js";
-import { hash as Q } from "./index228.js";
-import { useHashedWatcher as $ } from "./index229.js";
-import { usePrefill as X } from "./index224.js";
+import { useItemsGetter as U } from "./index238.js";
+import { useIndexById as T } from "./index240.js";
+import { useBaseOptions as q } from "./index241.js";
+import { useCoherence as J } from "./index264.js";
+import { hash as Q } from "./index237.js";
+import { useHashedWatcher as $ } from "./index242.js";
+import { usePrefill as X } from "./index239.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {

package/dist/index45.js

@@ -1,17 +1,17 @@
 import { defineComponent as j, ref as u, computed as m, toRef as C, watch as Q, createBlock as h, openBlock as f, normalizeClass as Z, withCtx as l, createVNode as E, unref as G, createElementVNode as I, createElementBlock as J, createCommentVNode as W, withDirectives as X, Fragment as Y, mergeProps as ee, withModifiers as s, withKeys as v, vModelText as te, renderSlot as d, nextTick as oe } from "vue";
 import ae from "./index112.js";
 /* empty css         */
-import { last as le } from "./index234.js";
-import { useBaseOptions as ne } from "./index226.js";
-import { useIndexById as re } from "./index225.js";
-import ie from "./index259.js";
+import { last as le } from "./index248.js";
+import { useBaseOptions as ne } from "./index241.js";
+import { useIndexById as re } from "./index240.js";
+import ie from "./index266.js";
 /* empty css         */
-import ue from "./index261.js";
+import ue from "./index268.js";
 /* empty css         */
 import se from "./index136.js";
 /* empty css         */
 import de from "./index138.js";
-import { isEmpty as pe } from "./index247.js";
+import { isEmpty as pe } from "./index261.js";
 const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Oe = /* @__PURE__ */ j({
   __name: "BaseTag",
   props: {

package/dist/index49.js

@@ -3,7 +3,7 @@ import E from "./index136.js";
 /* empty css         */
 import I from "./index138.js";
 import { isNotNil as N } from "./index144.js";
-import { MaskInput as z } from "./index264.js";
+import { MaskInput as z } from "./index250.js";
 const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type"], F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type", "value"], U = /* @__PURE__ */ V({
   __name: "BaseTextInput",
   props: {

package/dist/index53.js

@@ -3,7 +3,7 @@ import B from "./index69.js";
 /* empty css        */
 import L from "./index86.js";
 /* empty css        */
-import { useLocale as g } from "./index242.js";
+import { useLocale as g } from "./index220.js";
 const $ = {
   class: "bb-alert__inner-container",
   role: "alert"

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as z, ref as o, onMounted as g, createElementBlock as l, openBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
-import { isCssColor as y } from "./index254.js";
+import { isCssColor as y } from "./index228.js";
 import { wait as C } from "./index140.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,6 +1,6 @@
 import { defineComponent as p, useSlots as d, computed as s, createElementBlock as m, openBlock as u, normalizeClass as g, createElementVNode as n, renderSlot as r, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as l } from "./index254.js";
-import { isNil as B } from "./index268.js";
+import { isCssColor as l } from "./index228.js";
+import { isNil as B } from "./index235.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, N = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {

package/dist/index61.js

@@ -9,8 +9,8 @@ import x from "./index114.js";
 /* empty css         */
 import { pickBy as O } from "./index273.js";
 import { noop as G } from "./index274.js";
-import { useLocale as H } from "./index242.js";
-import { extractDomContainer as I } from "./index275.js";
+import { useLocale as H } from "./index220.js";
+import { extractDomContainer as I } from "./index224.js";
 const J = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index67.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
-import { useLocale as f } from "./index242.js";
+import { useLocale as f } from "./index220.js";
 const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
   __name: "BbChip",
   props: {

package/dist/index80.js

@@ -1,19 +1,19 @@
-import { defineComponent as x, ref as P, computed as w, useTemplateRef as ee, watch as te, createElementBlock as L, openBlock as b, Fragment as S, renderSlot as c, createVNode as q, normalizeProps as oe, guardReactiveProps as ne, unref as m, mergeProps as B, withCtx as V, createElementVNode as F, normalizeStyle as ae, renderList as re, createBlock as K, createCommentVNode as H, toDisplayString as se } from "vue";
-import { findRightIndex as A } from "./index286.js";
-import { useId as ie } from "./index8.js";
-import { useUntil as le } from "./index272.js";
-import { wait as de } from "./index140.js";
-import ue from "./index13.js";
+import { defineComponent as oe, ref as K, computed as b, useTemplateRef as ne, watch as h, onBeforeUnmount as ae, createElementBlock as I, openBlock as y, Fragment as S, renderSlot as c, createCommentVNode as _, createVNode as H, normalizeProps as re, mergeProps as C, withCtx as M, createElementVNode as U, normalizeStyle as ie, unref as R, renderList as se, createBlock as W, toDisplayString as le } from "vue";
+import { findRightIndex as T } from "./index277.js";
+import { useId as de } from "./index8.js";
+import { useUntil as ue } from "./index221.js";
+import { wait as pe } from "./index140.js";
+import ce from "./index13.js";
 /* empty css        */
-import M from "./index86.js";
+import j from "./index86.js";
 /* empty css        */
-import pe from "./index249.js";
+import me from "./index222.js";
 /* empty css         */
-import R from "./index287.js";
-import { extractDomContainer as _ } from "./index275.js";
-import { useIntersectionObserver as ce, useElementSize as me } from "./index141.js";
-import { parseWidthString as fe } from "./index288.js";
-const be = ["id", "aria-labelledby", "inert"], ve = { class: "item__content" }, Oe = /* @__PURE__ */ x({
+import z from "./index278.js";
+import { extractDomContainer as B } from "./index224.js";
+import { useIntersectionObserver as fe, useElementSize as ve } from "./index141.js";
+import { parseWidthString as be } from "./index225.js";
+const ye = ["id", "aria-labelledby", "inert"], we = { class: "item__content" }, Pe = /* @__PURE__ */ oe({
   inheritAttrs: !1,
   __name: "BbDropdown",
   props: {
@@ -25,135 +25,155 @@ const be = ["id", "aria-labelledby", "inert"], ve = { class: "item__content" },
     padding: { default: 6 },
     placement: { default: "bottom" },
     transitionDuration: { default: 300 },
+    activator: {},
     items: {},
     theme: { default: "default" },
     width: { default: "auto" }
   },
-  setup(U) {
-    const l = U, d = l.id ?? `bb_${ie().id.value}`, g = P(), h = w(() => _(g.value)), W = ee("popover"), u = w(() => _(W.value)), o = P(!1), C = le(o, { initialValue: l.eager }), j = (e) => {
-      const n = _(e);
-      n && (g.value = n);
-    }, { resume: z, pause: N } = ce(
-      h,
+  setup(N) {
+    const i = N, d = i.id ?? `bb_${de().id.value}`, m = K(), k = b(() => B(m.value)), G = b(() => i.activator != null), J = ne("popover"), u = b(() => B(J.value)), o = K(!1), Q = ue(o, { initialValue: i.eager }), O = (e) => {
+      const n = B(e);
+      n && (m.value = n);
+    }, { resume: X, pause: Y } = fe(
+      k,
       async ([{ intersectionRatio: e }]) => {
         e !== 1 && o.value && await p();
       },
       { threshold: [0, 1], immediate: !1 }
-    ), k = w(() => {
-      let e = l.items.findIndex((r) => !r.disabled), n = A(
-        l.items,
-        (r) => !r.disabled
+    ), E = b(() => {
+      let e = i.items.findIndex((a) => !a.disabled), n = T(
+        i.items,
+        (a) => !a.disabled
       );
-      return l.items.map((r, t) => {
-        const a = `${d}-item-${r.key}`, { onClick: E, ...D } = r, X = async (s) => {
+      return i.items.map((a, t) => {
+        const r = `${d}-item-${a.key}`, { onClick: D, ...A } = a, x = async (s) => {
           s.stopPropagation(), await p();
-          const i = document.querySelector(`#${d}`);
-          i && i.focus(), E?.(s);
-        }, Y = (s) => {
+          const l = document.querySelector(`#${d}`);
+          l && l.focus(), D?.(s);
+        }, ee = (s) => {
           if (!(!(s.target instanceof HTMLElement) || !s.target.dataset.dropdownItem || !u.value)) {
             if (s.key === "ArrowDown") {
               if (s.preventDefault(), t !== n) {
-                const i = u.value.querySelector(
-                  R.map((y) => `#${a} ~ ${y}`).join(",")
+                const l = u.value.querySelector(
+                  z.map((g) => `#${r} ~ ${g}`).join(",")
                 );
-                i instanceof HTMLElement && i.focus();
+                l instanceof HTMLElement && l.focus();
               }
             } else if (s.key === "ArrowUp") {
               if (s.preventDefault(), t !== e) {
-                const i = A(
-                  l.items,
-                  (I, Z) => Z < t && !I.disabled
-                ), f = Array.from(
+                const l = T(
+                  i.items,
+                  (L, te) => te < t && !L.disabled
+                ), v = Array.from(
                   u.value.querySelectorAll(".bb-dropdown__item")
-                )[i];
-                f instanceof HTMLElement && f.focus();
+                )[l];
+                v instanceof HTMLElement && v.focus();
               }
             } else if (s.key === "Tab") {
               if (t === n && !s.shiftKey) {
-                const i = Array.from(
-                  document.querySelectorAll(R.join(","))
-                ), y = i.findIndex(
-                  (I) => I.id === d
-                ), f = i[y + 1];
-                f instanceof HTMLElement && (s.preventDefault(), p(), f.focus());
+                const l = Array.from(
+                  document.querySelectorAll(z.join(","))
+                ), g = l.findIndex(
+                  (L) => L.id === d
+                ), v = l[g + 1];
+                v instanceof HTMLElement && (s.preventDefault(), p(), v.focus());
               } else if (t === e && s.shiftKey) {
-                const i = document.querySelector(`#${d}`);
-                i && (s.preventDefault(), i.focus());
+                const l = document.querySelector(`#${d}`);
+                l && (s.preventDefault(), l.focus());
               }
             }
           }
         };
         return {
-          ...D,
-          original: r,
-          key: r.key.split(/\W+/g).join("_").toLowerCase(),
-          disabled: D.disabled || l.disabled,
-          id: a,
-          onClick: X,
-          onKeydown: Y
+          ...A,
+          original: a,
+          key: a.key.split(/\W+/g).join("_").toLowerCase(),
+          disabled: A.disabled || i.disabled,
+          id: r,
+          onClick: x,
+          onKeydown: ee
         };
       });
-    }), G = () => {
-      o.value ? p() : $();
-    }, J = async (e) => {
-      const n = l.items.findIndex((a) => !a.disabled), r = A(
-        l.items,
-        (a) => !a.disabled
-      ), t = (a) => {
-        if (!u.value || !k.value.length || a === -1) return;
-        const E = k.value[a].id;
-        u.value.querySelector(`#${E}`)?.focus();
+    }), P = (e) => {
+      i.disabled || (e.stopPropagation(), o.value ? p() : $());
+    }, q = async (e) => {
+      if (i.disabled) return;
+      const n = i.items.findIndex((r) => !r.disabled), a = T(
+        i.items,
+        (r) => !r.disabled
+      ), t = (r) => {
+        if (!u.value || !E.value.length || r === -1) return;
+        const D = E.value[r].id;
+        u.value.querySelector(`#${D}`)?.focus();
       };
-      e.key === "ArrowDown" ? (e.preventDefault(), o.value || await $(), t(n)) : e.key === "ArrowUp" ? (e.preventDefault(), o.value || await $(), t(r)) : e.key === "Tab" && o.value && !e.shiftKey && (e.preventDefault(), t(n));
-    }, v = (e) => {
+      e.key === "ArrowDown" ? (e.preventDefault(), o.value || await $(), t(n)) : e.key === "ArrowUp" ? (e.preventDefault(), o.value || await $(), t(a)) : e.key === "Tab" && o.value && !e.shiftKey && (e.preventDefault(), t(n));
+    }, w = (e) => {
       const n = e.target;
       if (!(n instanceof HTMLElement)) return;
       !u.value?.contains(n) && p();
-    }, T = (e) => {
+    }, V = (e) => {
       !o.value || e.key !== "Escape" || (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement?.id !== d && document.querySelector(`#${d}`)?.focus(), p());
     }, $ = async () => {
-      z(), await de(50), o.value = !0, document.addEventListener("click", v, { passive: !0 }), document.addEventListener("focusin", v, { passive: !0 }), document.addEventListener("keydown", T, { capture: !0 });
+      X(), await pe(50), o.value = !0, document.addEventListener("click", w, { passive: !0 }), document.addEventListener("focusin", w, { passive: !0 }), document.addEventListener("keydown", V, { capture: !0 });
     }, p = async () => {
-      o.value = !1, N();
+      o.value = !1, Y();
     };
-    te(o, (e) => {
-      e || (document.removeEventListener("click", v), document.removeEventListener("focusin", v), document.removeEventListener("keydown", T, { capture: !0 }));
+    h(o, (e) => {
+      e || (document.removeEventListener("click", w), document.removeEventListener("focusin", w), document.removeEventListener("keydown", V, { capture: !0 }));
+    }), h(
+      () => i.activator,
+      (e) => {
+        e && O(e);
+      },
+      { immediate: !0 }
+    );
+    let f = null;
+    h(
+      m,
+      (e) => {
+        f && (f(), f = null), e && (e.id = d, e.addEventListener("click", P), e.addEventListener("keydown", q), f = () => {
+          e.removeEventListener("click", P), e.removeEventListener("keydown", q), e.removeAttribute("id"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
+        });
+      },
+      { immediate: !0 }
+    ), h(
+      [m, o, Q],
+      ([e, n, a]) => {
+        e && (e.setAttribute("aria-expanded", a ? String(n) : "false"), a ? e.setAttribute("aria-controls", `menu_${d}`) : e.removeAttribute("aria-controls"));
+      },
+      { immediate: !0 }
+    ), ae(() => {
+      f?.();
     });
-    const { width: Q } = me(
-      h,
+    const { width: Z } = ve(
+      k,
       { width: 0, height: 0 },
       {
         box: "border-box"
       }
-    ), O = w(() => {
-      if (l.width !== "auto") {
-        if (l.width) {
-          const { value: e, unit: n } = fe(l.width);
-          return n === "%" ? h.value ? `${Q.value * (e / 100)}px` : "0px" : `${e}px`;
+    ), F = b(() => {
+      if (i.width !== "auto") {
+        if (i.width) {
+          const { value: e, unit: n } = be(i.width);
+          return n === "%" ? k.value ? `${Z.value * (e / 100)}px` : "0px" : `${e}px`;
         }
         return "0px";
       }
     });
-    return (e, n) => (b(), L(S, null, [
-      c(e.$slots, "activator", oe(ne({
+    return (e, n) => (y(), I(S, null, [
+      G.value ? _("", !0) : c(e.$slots, "activator", re(C({ key: 0 }, {
         props: {
-          "aria-expanded": m(C) ? o.value : !1,
-          "aria-controls": m(C) ? `menu_${m(d)}` : void 0,
-          id: m(d),
-          onClick: G,
-          onKeydown: J,
-          disabled: e.disabled,
-          ref: j
+          ref: O
         },
         disabled: e.disabled,
         open: o.value,
         placement: e.placement
       }))),
-      q(pe, B({
+      H(me, C({
         ref: "popover",
         modelValue: o.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => o.value = r),
-        anchor: g.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (a) => o.value = a),
+        anchor: m.value,
         "arrow-padding": e.arrowPadding,
         class: ["bb-dropdown", {
           [`bb-dropdown--${e.theme}`]: !0
@@ -164,68 +184,68 @@ const be = ["id", "aria-labelledby", "inert"], ve = { class: "item__content" },
         placement: e.placement,
         "transition-duration": e.transitionDuration
       }, e.$attrs), {
-        default: V(() => [
-          F("span", {
-            id: `menu_${m(d)}`,
-            "aria-labelledby": m(d),
+        default: M(() => [
+          U("span", {
+            id: `menu_${R(d)}`,
+            "aria-labelledby": R(d),
             "aria-role": "menu",
             class: "bb-dropdown__items-container",
             inert: !o.value,
-            style: ae(O.value ? { width: O.value } : void 0)
+            style: ie(F.value ? { width: F.value } : void 0)
           }, [
             c(e.$slots, "prepend", {
               disabled: e.disabled,
               open: o.value,
               placement: e.placement
             }),
-            (b(!0), L(S, null, re(k.value, ({ original: r, ...t }, a) => (b(), L(S, {
+            (y(!0), I(S, null, se(E.value, ({ original: a, ...t }, r) => (y(), I(S, {
               key: t.key
             }, [
               c(e.$slots, "item:prepend", {
                 disabled: t.disabled,
-                index: a,
-                item: e.items[a],
+                index: r,
+                item: e.items[r],
                 open: o.value,
                 placement: e.placement,
                 text: t.text
               }),
-              q(ue, B({
+              H(ce, C({
                 "aria-role": "menuitem",
                 class: ["bb-dropdown__item", {
-                  "bb-dropdown__item--first": a === 0,
-                  "bb-dropdown__item--last": a === e.items.length - 1
+                  "bb-dropdown__item--first": r === 0,
+                  "bb-dropdown__item--last": r === e.items.length - 1
                 }],
                 "data-dropdown-item": !0,
                 ref_for: !0
               }, t), {
-                default: V(() => [
+                default: M(() => [
                   c(e.$slots, t.key, {
                     disabled: t.disabled,
-                    index: a,
-                    item: r,
+                    index: r,
+                    item: a,
                     open: o.value,
                     placement: e.placement,
                     text: t.text
                   }, () => [
-                    t["prepend:icon"] ? (b(), K(M, {
+                    t["prepend:icon"] ? (y(), W(j, {
                       key: 0,
                       class: "item__prepend-icon",
                       type: t["prepend:icon"]
-                    }, null, 8, ["type"])) : H("", !0),
-                    F("span", ve, se(t.text), 1),
-                    t["append:icon"] ? (b(), K(M, {
+                    }, null, 8, ["type"])) : _("", !0),
+                    U("span", we, le(t.text), 1),
+                    t["append:icon"] ? (y(), W(j, {
                       key: 1,
                       class: "item__append-icon",
                       type: t["append:icon"]
-                    }, null, 8, ["type"])) : H("", !0)
+                    }, null, 8, ["type"])) : _("", !0)
                   ])
                 ]),
                 _: 2
               }, 1040, ["class"]),
               c(e.$slots, "item:append", {
                 disabled: t.disabled,
-                index: a,
-                item: e.items[a],
+                index: r,
+                item: e.items[r],
                 open: o.value,
                 placement: e.placement,
                 text: t.text
@@ -236,7 +256,7 @@ const be = ["id", "aria-labelledby", "inert"], ve = { class: "item__content" },
               open: o.value,
               placement: e.placement
             })
-          ], 12, be)
+          ], 12, ye)
         ]),
         _: 3
       }, 16, ["modelValue", "anchor", "arrow-padding", "class", "eager", "offset", "padding", "placement", "transition-duration"])
@@ -244,5 +264,5 @@ const be = ["id", "aria-labelledby", "inert"], ve = { class: "item__content" },
   }
 });
 export {
-  Oe as default
+  Pe as default
 };

package/dist/index82.js

@@ -9,7 +9,7 @@ import z from "./index86.js";
 /* empty css        */
 import I from "./index114.js";
 /* empty css         */
-import { useLocale as M } from "./index242.js";
+import { useLocale as M } from "./index220.js";
 const O = { class: "bb-dropdown-button__content" }, R = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index84.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index258.js";
+import { findInTree as ae } from "./index288.js";
 import { useId as re } from "./index8.js";
 import oe from "./index112.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index257.js")).default);
+              b || (b = (await import("./index287.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index86.js

@@ -1,7 +1,7 @@
 import { defineComponent as $, ref as f, computed as a, getCurrentInstance as d, onServerPrefetch as I, onBeforeMount as _, watch as L, createElementBlock as M, openBlock as B, mergeProps as k, inject as A } from "vue";
-import { isCssColor as C } from "./index254.js";
-import { get as m } from "./index284.js";
-import { useLogger as N } from "./index236.js";
+import { isCssColor as C } from "./index228.js";
+import { get as m } from "./index244.js";
+import { useLogger as N } from "./index245.js";
 const S = ["innerHTML"], E = /* @__PURE__ */ $({
   __name: "BbIcon",
   props: {

package/dist/index88.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index280.js";
+import { throttle as c } from "./index243.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index91.js

@@ -1,9 +1,9 @@
 import { defineComponent as I, mergeModels as B, useModel as N, computed as m, ref as L, watch as P, onMounted as W, createElementBlock as r, openBlock as d, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as p, createCommentVNode as v, Fragment as A, createElementVNode as o, renderSlot as l, createTextVNode as H, toDisplayString as M, nextTick as K } from "vue";
-import { parseSize as R } from "./index271.js";
+import { parseSize as R } from "./index284.js";
 import { useId as $ } from "./index8.js";
-import { useLocale as U } from "./index242.js";
+import { useLocale as U } from "./index220.js";
 import { useMobile as j } from "./index9.js";
-import { useUntil as G } from "./index272.js";
+import { useUntil as G } from "./index221.js";
 import { wait as y } from "./index140.js";
 import { _config as J } from "./index4.js";
 const Q = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], X = {