bitboss-ui 2.0.107 → 2.0.108

package/dist/index37.js

@@ -1,35 +1,35 @@
-import { defineComponent as Re, defineAsyncComponent as Ge, ref as f, computed as y, toRef as x, openBlock as h, createBlock as T, normalizeClass as Z, withCtx as i, renderSlot as c, createVNode as K, unref as V, createElementVNode as H, createElementBlock as A, Fragment as ee, toDisplayString as je, createCommentVNode as te, withDirectives as Je, withModifiers as p, withKeys as g, vModelDynamic as Qe, renderList as Xe, mergeProps as le, normalizeStyle as Ye, nextTick as _ } from "vue";
+import { defineComponent as Re, defineAsyncComponent as Ge, ref as f, computed as y, toRef as T, openBlock as h, createBlock as x, normalizeClass as Z, withCtx as i, renderSlot as p, createVNode as K, unref as V, createElementVNode as H, createElementBlock as A, Fragment as ee, toDisplayString as je, createCommentVNode as te, withDirectives as Je, withModifiers as c, withKeys as g, vModelDynamic as Qe, renderList as Xe, mergeProps as le, normalizeStyle as Ye, nextTick as U } from "vue";
 /* empty css       */
 /* empty css       */
 import { useId as Ze } from "./index8.js";
 import { useMobile as et } from "./index9.js";
 import tt from "./index128.js";
 /* empty css         */
-import { last as lt } from "./index231.js";
-import { matchAnyKey as oe } from "./index251.js";
-import { useFloating as ot } from "./index237.js";
+import { last as lt } from "./index214.js";
+import { matchAnyKey as oe } from "./index257.js";
+import { useFloating as ot } from "./index206.js";
 import { useIntersectionObserver as at } from "./index132.js";
 import { wait as L } from "./index130.js";
-import { when as nt } from "./index219.js";
+import { when as nt } from "./index229.js";
 import it from "./index252.js";
 /* empty css         */
 import ut from "./index254.js";
 /* empty css         */
-import rt from "./index209.js";
+import rt from "./index220.js";
 /* empty css         */
-import st from "./index211.js";
-import { waitFor as dt } from "./index214.js";
-import ct from "./index216.js";
-import { useItemsGetter as pt } from "./index244.js";
+import st from "./index222.js";
+import { waitFor as dt } from "./index218.js";
+import pt from "./index219.js";
+import { useItemsGetter as ct } from "./index244.js";
 import { usePrefill as mt } from "./index249.js";
-import { useArray as ft } from "./index256.js";
+import { useArray as ft } from "./index258.js";
 import { useBaseOptions as vt } from "./index246.js";
 import { useIndexById as ae } from "./index245.js";
 import { useCoherence as yt } from "./index247.js";
-import { hash as ht } from "./index208.js";
+import { hash as ht } from "./index227.js";
 import { useHashedWatcher as ne } from "./index248.js";
-import { useLocale as bt } from "./index217.js";
-import { autoUpdate as gt, flip as wt, offset as Bt, shift as Vt } from "./index241.js";
+import { useLocale as bt } from "./index216.js";
+import { autoUpdate as gt, flip as wt, offset as Bt, shift as Vt } from "./index224.js";
 const It = { class: "bb-base-select__input-container" }, kt = {
   key: 1,
   class: "bb-base-select__max-reached"
@@ -69,6 +69,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
     readonly: { type: Boolean },
     required: { type: Boolean },
     stash: { type: Boolean },
+    teleportTarget: {},
     transitionDuration: { default: 300 },
     updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
@@ -77,9 +78,9 @@ const It = { class: "bb-base-select__input-container" }, kt = {
     const t = ie, u = ue;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: re } = bt(), se = Ge(() => import("./index250.js")), E = f(null), I = f(null), n = f(null), U = f(null), R = f(null), r = y(
-      () => t.comma ? U.value : R.value
-    ), { isMobile: de } = et(), ce = y(
+    const { t: re } = bt(), se = Ge(() => import("./index256.js")), E = f(null), I = f(null), n = f(null), _ = f(null), R = f(null), r = y(
+      () => t.comma ? _.value : R.value
+    ), { isMobile: de } = et(), pe = y(
       () => t.allowWriting === "not-mobile" && de.value ? "none" : void 0
     ), G = t.id || Ze().id.value;
     at(
@@ -89,7 +90,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       },
       { threshold: [0, 1] }
     );
-    const { floatingStyles: pe } = ot(
+    const { floatingStyles: ce } = ot(
       I,
       n,
       {
@@ -100,7 +101,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
     ), me = y(() => {
       var l;
       const e = {
-        ...pe.value,
+        ...ce.value,
         zIndex: "10"
       };
       return I.value && (e.width = `${(l = I.value) == null ? void 0 : l.$el.clientWidth}px`), e;
@@ -157,14 +158,14 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       m.value && await S();
     }, Se = async () => {
       var e, l;
-      !w.value || o.value || !s.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await _(), (l = r.value) == null || l.focusPrevious());
+      !w.value || o.value || !s.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await U(), (l = r.value) == null || l.focusPrevious());
     }, o = f(""), {
       getter: M,
       debouncedGetter: Ce,
       items: De,
       loading: j
-    } = pt({
-      items: x(t, "items"),
+    } = ct({
+      items: T(t, "items"),
       debounce: t.queryDebounceTime
     }), P = () => {
       var e, l;
@@ -181,15 +182,15 @@ const It = { class: "bb-base-select__input-container" }, kt = {
         await M(o.value, e, t.modelValue), P(), b();
       }
     }), {
-      array: xe,
-      add: Te,
+      array: Te,
+      add: xe,
       remove: He,
       set: Ae
     } = ft(), s = y(() => $.value.filter((e) => e.selected)), Le = y(() => s.value.length ? "" : t.placeholder), { data: Q, get: Ee } = ae({
-      items: x(t, "modelValue")
+      items: T(t, "modelValue")
     }), { options: $ } = vt({
-      disabled: x(t, "disabled"),
-      items: y(() => [...De.value, ...xe.value]),
+      disabled: T(t, "disabled"),
+      items: y(() => [...De.value, ...Te.value]),
       itemText: t.itemText,
       itemValue: t.itemValue,
       max: t.max,
@@ -212,19 +213,19 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       let e;
       s.value && (e = lt(s.value)), o.value = (e == null ? void 0 : e.text) || "";
     }, qe = async (e) => {
-      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && Te(e.item), b()) : (t.stash && Ae(e.item), u("update:modelValue", e.value), await _(), b()), q(), t.multiple || S();
+      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && xe(e.item), b()) : (t.stash && Ae(e.item), u("update:modelValue", e.value), await U(), b()), q(), t.multiple || S();
     }, X = async (e) => {
       if (He((l) => l.valueHash !== e.valueHash), t.multiple) {
         const l = { ...Q.value };
         delete l[e.valueHash], u("update:modelValue", Object.values(l));
       } else
-        u("update:modelValue", null), await _(), b();
+        u("update:modelValue", null), await U(), b();
       q();
     }, { data: Me } = ae({
       items: $,
       key: "valueHash"
     }), { coherent: Y, status: Pe } = yt({
-      modelValue: x(t, "modelValue"),
+      modelValue: T(t, "modelValue"),
       multiple: t.multiple,
       iteratee: (e) => !!Me.value[ht(e)]
     });
@@ -257,11 +258,11 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       z.value = !1, u("inactive");
     }, Ke = (e) => {
       e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (q(), Ne());
-    }, _e = nt(
+    }, Ue = nt(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Ue = y(() => [].concat(t.modelValue).map((e) => {
-      const l = _e(e);
+    ), _e = y(() => [].concat(t.modelValue).map((e) => {
+      const l = Ue(e);
       return {
         disabled: t.disabled,
         name: t.name,
@@ -269,7 +270,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
         value: l
       };
     }));
-    return (e, l) => (h(), T(st, {
+    return (e, l) => (h(), x(st, {
       ref_key: "outerContainer",
       ref: E,
       class: Z({
@@ -285,10 +286,10 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       onClick: Ke
     }, {
       "prepend-outer": i(() => [
-        c(e.$slots, "prepend-outer", { query: o.value })
+        p(e.$slots, "prepend-outer", { query: o.value })
       ]),
       "append-outer": i(() => [
-        c(e.$slots, "append-outer", { query: o.value })
+        p(e.$slots, "append-outer", { query: o.value })
       ]),
       default: i(() => [
         K(rt, {
@@ -299,28 +300,28 @@ const It = { class: "bb-base-select__input-container" }, kt = {
           "prevent-focus": !0
         }, {
           prepend: i(() => [
-            c(e.$slots, "prepend", { query: o.value })
+            p(e.$slots, "prepend", { query: o.value })
           ]),
           prefix: i(() => [
-            c(e.$slots, "prefix")
+            p(e.$slots, "prefix")
           ]),
           append: i(() => [
-            c(e.$slots, "append", { query: o.value })
+            p(e.$slots, "append", { query: o.value })
           ]),
           suffix: i(() => [
-            c(e.$slots, "suffix")
+            p(e.$slots, "suffix")
           ]),
           default: i(() => [
             K(V(tt), { tag: "span" }, {
               default: i(() => [
                 H("span", It, [
                   e.multiple && s.value.length <= e.maxSelectedLabels ? (h(), A(ee, { key: 0 }, [
-                    e.comma ? (h(), T(ut, {
+                    e.comma ? (h(), x(ut, {
                       key: 0,
                       ref_key: "commaBox",
-                      ref: U,
+                      ref: _,
                       options: s.value
-                    }, null, 8, ["options"])) : (h(), T(it, {
+                    }, null, 8, ["options"])) : (h(), x(it, {
                       key: 1,
                       ref_key: "chipsBox",
                       ref: R,
@@ -341,26 +342,26 @@ const It = { class: "bb-base-select__input-container" }, kt = {
                     autofocus: e.autofocus,
                     class: Z("bb-base-select__text-input"),
                     disabled: e.disabled,
-                    inputmode: ce.value,
+                    inputmode: pe.value,
                     placeholder: Le.value,
                     readonly: e.readonly || !e.allowWriting,
                     required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
                     role: "combobox",
                     size: "1",
                     type: "text",
-                    onBlur: p(ye, ["stop"]),
-                    onChange: p(he, ["stop"]),
-                    onFocusOnce: p(ve, ["stop"]),
-                    onFocus: p(fe, ["stop"]),
-                    onInput: p(be, ["stop"]),
+                    onBlur: c(ye, ["stop"]),
+                    onChange: c(he, ["stop"]),
+                    onFocusOnce: c(ve, ["stop"]),
+                    onFocus: c(fe, ["stop"]),
+                    onInput: c(be, ["stop"]),
                     onKeydown: [
-                      g(p(Se, ["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"])
+                      g(c(Se, ["stop"]), ["delete"]),
+                      g(c(Be, ["stop"]), ["left"]),
+                      g(c(we, ["stop", "prevent"]), ["down"]),
+                      g(c(Ie, ["stop", "prevent"]), ["enter"]),
+                      g(c(ke, ["stop", "prevent"]), ["esc"]),
+                      g(c(ge, ["stop", "prevent"]), ["up"]),
+                      g(c(Ve, ["stop"]), ["right"])
                     ]
                   }, null, 40, St), [
                     [Qe, o.value]
@@ -369,7 +370,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
               ]),
               _: 1
             }),
-            c(e.$slots, "chevron", {
+            p(e.$slots, "chevron", {
               loading: !!V(j),
               shown: m.value
             }, () => [
@@ -387,11 +388,14 @@ const It = { class: "bb-base-select__input-container" }, kt = {
           ]),
           _: 3
         }, 8, ["append:icon", "prepend:icon"]),
-        (h(!0), A(ee, null, Xe(Ue.value, (a) => (h(), A("input", le({
+        (h(!0), A(ee, null, Xe(_e.value, (a) => (h(), A("input", le({
           key: a.value,
           ref_for: !0
         }, a), null, 16))), 128)),
-        W.value ? (h(), T(ct, { key: 0 }, {
+        W.value ? (h(), x(pt, {
+          key: 0,
+          target: e.teleportTarget
+        }, {
           default: i(() => [
             K(V(se), {
               ref_key: "optionsContainer",
@@ -407,19 +411,19 @@ const It = { class: "bb-base-select__input-container" }, kt = {
               "onOption:unselected": X
             }, {
               "options:prepend": i(() => [
-                c(e.$slots, "options:prepend")
+                p(e.$slots, "options:prepend")
               ]),
               loading: i(() => [
-                c(e.$slots, "loading", { query: o.value })
+                p(e.$slots, "loading", { query: o.value })
               ]),
               "no-data": i(() => [
-                c(e.$slots, "no-data", { query: o.value })
+                p(e.$slots, "no-data", { query: o.value })
               ]),
               "options:append": i(() => [
-                c(e.$slots, "options:append")
+                p(e.$slots, "options:append")
               ]),
               option: i((a) => [
-                c(e.$slots, "option", le({
+                p(e.$slots, "option", le({
                   hasErrors: e.hasErrors,
                   loading: O.value
                 }, a))
@@ -428,7 +432,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
             }, 8, ["compact", "loading", "loading-text", "no-data-text", "open", "options", "style"])
           ]),
           _: 3
-        })) : te("", !0)
+        }, 8, ["target"])) : te("", !0)
       ]),
       _: 3
     }, 8, ["class"]));

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 "./index258.js";
-import { isCssColor as Y } from "./index218.js";
-import { isNil as P } from "./index257.js";
+import { clamp as le } from "./index231.js";
+import { head as O } from "./index250.js";
+import { isCssColor as Y } from "./index228.js";
+import { isNil as P } from "./index251.js";
 import { isNotNil as ne } from "./index134.js";
 import { transposeValue as y } from "./index131.js";
-import { hash as J } from "./index208.js";
+import { hash as J } from "./index227.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 "./index218.js";
-import { when as N } from "./index219.js";
+import { isCssColor as b } from "./index228.js";
+import { when as N } from "./index229.js";
 const x = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {

package/dist/index43.js

@@ -7,7 +7,7 @@ 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 "./index208.js";
+import { hash as Q } from "./index227.js";
 import { useHashedWatcher as E } from "./index248.js";
 import { usePrefill as X } from "./index249.js";
 const ue = /* @__PURE__ */ j({

package/dist/index45.js

@@ -3,16 +3,16 @@ import { defineComponent as R, ref as u, computed as f, toRef as E, watch as j,
 /* empty css       */
 import oe from "./index128.js";
 /* empty css         */
-import { last as ae } from "./index231.js";
+import { last as ae } from "./index214.js";
 import { useBaseOptions as ne } from "./index246.js";
 import { useIndexById as le } from "./index245.js";
 import re from "./index252.js";
 /* empty css         */
 import ie from "./index254.js";
 /* empty css         */
-import ue from "./index209.js";
+import ue from "./index220.js";
 /* empty css         */
-import se from "./index211.js";
+import se from "./index222.js";
 const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], $e = /* @__PURE__ */ R({
   __name: "BaseTag",
   props: {

package/dist/index47.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, ref as y, computed as u, onMounted as g, watch as B, nextTick as x, openBlock as V, createBlock as k, normalizeClass as $, withCtx as t, renderSlot as r, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index211.js";
-import E from "./index209.js";
+import v from "./index222.js";
+import E from "./index220.js";
 /* empty css         */
 import G from "./index128.js";
 /* empty css         */

package/dist/index49.js

@@ -1,7 +1,7 @@
 import { defineComponent as m, computed as c, openBlock as b, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as h, withCtx as n, renderSlot as t, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index209.js";
+import B from "./index220.js";
 /* empty css         */
-import k from "./index211.js";
+import k from "./index222.js";
 const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
   __name: "BaseTextInput",
   props: {

package/dist/index53.js

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

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index218.js";
+import { isCssColor as _ } from "./index228.js";
 import { wait as C } from "./index130.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 n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index218.js";
-import { isNil as B } from "./index257.js";
+import { isCssColor as r } from "./index228.js";
+import { isNil as B } from "./index251.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {

package/dist/index61.js

@@ -9,7 +9,7 @@ import T from "./index129.js";
 /* empty css         */
 import { pickBy as $ } from "./index259.js";
 import { noop as A } from "./index260.js";
-import { useLocale as W } from "./index217.js";
+import { useLocale as W } from "./index216.js";
 const w = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index75.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as A, ref as y, openBlock as $, createElementBlock as T, mergeProps as B, createElementVNode as H, renderSlot as w, normalizeProps as Y, guardReactiveProps as Z, unref as h, createVNode as C, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as N, toDisplayString as te } from "vue";
+import { defineComponent as X, computed as A, ref as y, openBlock as $, createElementBlock as D, mergeProps as B, createElementVNode as H, renderSlot as g, normalizeProps as Y, guardReactiveProps as Z, unref as h, createVNode as C, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as N, toDisplayString as te } from "vue";
 import { findRightIndex as I } from "./index261.js";
 import { useId as ne } from "./index8.js";
 import { wait as oe } from "./index130.js";
@@ -23,6 +23,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
     placement: { default: "bottom" },
     theme: { default: "default" },
     transitionDuration: { default: 300 },
+    teleportTarget: {},
     items: {},
     width: { default: 200 }
   },
@@ -45,24 +46,24 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
             if (s.key === "ArrowDown") {
               if (s.preventDefault(), a.value && n !== o) {
                 const d = a.value.querySelector(
-                  V.map((g) => `#${i} ~ ${g}`).join(",")
+                  V.map((w) => `#${i} ~ ${w}`).join(",")
                 );
                 d && d instanceof HTMLElement && d.focus();
               }
             } else if (s.key === "ArrowUp") {
               if (s.preventDefault(), a.value && n !== e) {
-                const d = I(r.items, (E, D) => D < n && !E.disabled), k = Array.from(
+                const d = I(r.items, (E, T) => T < n && !E.disabled), k = Array.from(
                   a.value.querySelectorAll(".bb-dropdown__item")
                 )[d];
                 k && k instanceof HTMLElement && k.focus();
               }
             } else if (s.key === "Tab") {
               if (n === o && !s.shiftKey) {
-                const d = V.join(","), g = Array.from(
+                const d = V.join(","), w = Array.from(
                   document.querySelectorAll(d)
-                ), k = g.findIndex(
-                  (D) => D.id === u
-                ), E = g[k + 1];
+                ), k = w.findIndex(
+                  (T) => T.id === u
+                ), E = w[k + 1];
                 if (E) E instanceof HTMLElement && (s.preventDefault(), b(), E.focus());
                 else return;
               } else if (n === e && s.shiftKey) {
@@ -143,13 +144,13 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
         [`bb-dropdown--${r.theme}`]: r.theme
       }
     }));
-    return (e, o) => ($(), T("span", B({ class: "bb-dropdown" }, J.value), [
+    return (e, o) => ($(), D("span", B({ class: "bb-dropdown" }, J.value), [
       H("span", {
         ref_key: "wrapper",
         ref: v,
         class: "bb-dropdown__wrapper"
       }, [
-        w(e.$slots, "activator", Y(Z({
+        g(e.$slots, "activator", Y(Z({
           props: {
             "aria-expanded": l.value,
             "aria-controls": `menu_${h(u)}`,
@@ -179,6 +180,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
         open: l.value,
         padding: e.padding,
         placement: e.placement,
+        "teleport-target": e.teleportTarget,
         theme: e.theme,
         "transition-duration": e.transitionDuration,
         wrapper: v.value
@@ -190,7 +192,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
             class: "bb-dropdown__items-container",
             style: x({ width: `${e.width}px` })
           }, [
-            w(e.$slots, "prepend", {
+            g(e.$slots, "prepend", {
               closed: f.value,
               closing: p.value,
               disabled: e.disabled,
@@ -198,10 +200,10 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
               opening: c.value,
               placement: e.placement
             }),
-            ($(!0), T(K, null, ee(m.value, (t, n) => ($(), T(K, {
+            ($(!0), D(K, null, ee(m.value, (t, n) => ($(), D(K, {
               key: t.key
             }, [
-              w(e.$slots, "item:prepend", {
+              g(e.$slots, "item:prepend", {
                 closed: f.value,
                 closing: p.value,
                 disabled: t.disabled,
@@ -222,7 +224,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 ref_for: !0
               }, t), {
                 default: O(() => [
-                  w(e.$slots, t.key, {
+                  g(e.$slots, t.key, {
                     closed: f.value,
                     closing: p.value,
                     disabled: t.disabled,
@@ -233,7 +235,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                     placement: e.placement,
                     text: t.text
                   }, () => [
-                    w(e.$slots, "item", {
+                    g(e.$slots, "item", {
                       closed: f.value,
                       closing: p.value,
                       disabled: t.disabled,
@@ -260,7 +262,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 ]),
                 _: 2
               }, 1040, ["class"]),
-              w(e.$slots, "item:append", {
+              g(e.$slots, "item:append", {
                 closed: f.value,
                 closing: p.value,
                 disabled: t.disabled,
@@ -272,7 +274,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 text: t.text
               })
             ], 64))), 128)),
-            w(e.$slots, "append", {
+            g(e.$slots, "append", {
               closed: f.value,
               closing: p.value,
               disabled: e.disabled,
@@ -283,7 +285,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
           ], 4)
         ]),
         _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])
+      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "teleport-target", "theme", "transition-duration", "wrapper"])
     ], 16));
   }
 });

package/dist/index77.js

@@ -9,7 +9,7 @@ import S from "./index127.js";
 /* empty css         */
 import Z from "./index129.js";
 /* empty css         */
-import { useLocale as j } from "./index217.js";
+import { useLocale as j } from "./index216.js";
 const q = { class: "bb-dropdown-button__content" }, A = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index79.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, 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 "./index266.js";
+import { findInTree as ae } from "./index272.js";
 import { useId as re } from "./index8.js";
 import oe from "./index128.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("./index265.js")).default);
+              b || (b = (await import("./index271.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index81.js

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

package/dist/index84.js

@@ -1,11 +1,11 @@
 import { defineComponent as se, ref as l, useAttrs as ae, computed as u, getCurrentInstance as ne, nextTick as ie, onBeforeUnmount as O, onMounted as re, watch as ue, openBlock as g, createBlock as ce, withCtx as de, createElementVNode as s, mergeProps as S, createElementBlock as z, renderSlot as n, createTextVNode as fe, toDisplayString as A, unref as ve, createCommentVNode as $ } from "vue";
-import { useFocusTrap as pe } from "./index213.js";
+import { useFocusTrap as pe } from "./index215.js";
 import { useId as E } from "./index8.js";
 import { wait as H } from "./index130.js";
-import { useModalsState as b } from "./index215.js";
-import be from "./index216.js";
+import { useModalsState as b } from "./index241.js";
+import be from "./index219.js";
 import { useMobile as me } from "./index9.js";
-import { useLocale as ye } from "./index217.js";
+import { useLocale as ye } from "./index216.js";
 const he = ["inert"], ge = { class: "bb-offcanvas-close" }, _e = ["aria-label"], Te = /* @__PURE__ */ se({
   __name: "BbOffCanvas",
   props: {

package/dist/index86.js

@@ -1,10 +1,10 @@
 import { defineComponent as E, computed as h, ref as g, onMounted as P, onBeforeUnmount as W, openBlock as k, createElementBlock as V, normalizeClass as $, createElementVNode as i, createVNode as S, unref as v, withCtx as w, renderSlot as c, toDisplayString as m, Fragment as R, renderList as F, nextTick as x } from "vue";
-import { debounce as T } from "./index267.js";
+import { debounce as T } from "./index289.js";
 /* empty css       */
 /* empty css       */
 import z from "./index13.js";
 /* empty css        */
-import { useLocale as D } from "./index217.js";
+import { useLocale as D } from "./index216.js";
 const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O = { class: "bb-pagination__page-label" }, j = { class: "bb-pagination__page-label" }, q = { class: "bb-pagination__page-label sr-only" }, Z = /* @__PURE__ */ E({
   __name: "BbPagination",
   props: {