bitboss-ui 2.0.141 → 2.0.143

package/dist/index37.js

@@ -1,41 +1,41 @@
-import { defineComponent as Ge, ref as f, computed as y, toRef as T, openBlock as h, createBlock as H, normalizeClass as ee, withCtx as u, renderSlot as c, createVNode as U, unref as V, createElementVNode as L, createElementBlock as F, Fragment as te, toDisplayString as Je, createCommentVNode as j, withDirectives as Qe, normalizeStyle as le, withModifiers as p, withKeys as g, vModelDynamic as _e, renderList as Xe, mergeProps as ae, nextTick as R } from "vue";
+import { defineComponent as Ge, ref as f, computed as y, toRef as T, openBlock as h, createBlock as H, normalizeClass as ee, withCtx as r, renderSlot as c, createVNode as j, unref as V, createElementVNode as L, createElementBlock as F, Fragment as te, toDisplayString as Je, createCommentVNode as R, withDirectives as Qe, normalizeStyle as le, withModifiers as p, withKeys as g, vModelDynamic as _e, renderList as Xe, mergeProps as ae, nextTick as G } from "vue";
 /* empty css       */
 /* empty css       */
 import { useId as Ye } from "./index8.js";
 import { useMobile as Ze } from "./index9.js";
 import et from "./index128.js";
 /* empty css         */
-import { last as tt } from "./index236.js";
-import { matchAnyKey as oe } from "./index260.js";
-import { useFloating as lt } from "./index261.js";
+import { last as tt } from "./index232.js";
+import { matchAnyKey as oe } from "./index256.js";
+import { useFloating as lt } from "./index257.js";
 import { useIntersectionObserver as at } from "./index132.js";
 import { wait as E } from "./index130.js";
-import { when as ot } from "./index212.js";
-import nt from "./index256.js";
+import { when as ot } from "./index223.js";
+import nt from "./index258.js";
 /* empty css         */
-import rt from "./index258.js";
+import ut from "./index260.js";
 /* empty css         */
-import ut from "./index242.js";
+import rt from "./index218.js";
 /* empty css         */
-import it from "./index244.js";
-import { waitFor as st } from "./index216.js";
-import dt from "./index218.js";
-import { useItemsGetter as ct } from "./index223.js";
-import { usePrefill as pt } from "./index228.js";
+import it from "./index220.js";
+import { waitFor as st } from "./index240.js";
+import dt from "./index252.js";
+import { useItemsGetter as ct } from "./index244.js";
+import { usePrefill as pt } from "./index249.js";
 import { useArray as mt } from "./index262.js";
-import { useBaseOptions as ft } from "./index225.js";
-import { useIndexById as ne } from "./index224.js";
-import { useCoherence as vt } from "./index226.js";
+import { useBaseOptions as ft } from "./index246.js";
+import { useIndexById as ne } from "./index245.js";
+import { useCoherence as vt } from "./index247.js";
 import { hash as yt } from "./index210.js";
-import { useHashedWatcher as re } from "./index227.js";
-import { useLocale as ht } from "./index219.js";
-import { isEmpty as bt } from "./index253.js";
+import { useHashedWatcher as ue } from "./index248.js";
+import { useLocale as ht } from "./index221.js";
+import { isEmpty as bt } from "./index241.js";
 import gt from "./index263.js";
 import { autoUpdate as wt, flip as Bt, offset as Vt, shift as It } from "./index264.js";
 const kt = { class: "bb-base-select__input-container" }, Ct = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, St = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], ul = /* @__PURE__ */ Ge({
+}, St = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], rl = /* @__PURE__ */ Ge({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -79,15 +79,15 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
     updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
-  setup(ue, { emit: ie }) {
-    const t = ue, r = ie;
+  setup(re, { emit: ie }) {
+    const t = re, u = ie;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: se } = ht(), A = f(null), I = f(null), n = f(null), G = f(null), J = f(null), s = y(
-      () => t.comma ? G.value : J.value
+    const { t: se } = ht(), A = f(null), I = f(null), n = f(null), J = f(null), Q = f(null), s = y(
+      () => t.comma ? J.value : Q.value
     ), { isMobile: de } = Ze(), ce = y(
       () => t.allowWriting === "not-mobile" && de.value ? "none" : void 0
-    ), Q = t.id || Ye().id.value;
+    ), _ = t.id || Ye().id.value;
     at(
       // @ts-expect-error - wrong inferred type
       I,
@@ -115,14 +115,14 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
     }), q = f(null), x = () => {
       q.value instanceof HTMLInputElement && q.value.focus();
     }, fe = async (e) => {
-      r("focus", e), We(), document.addEventListener("click", O), document.addEventListener("focusin", O);
+      u("focus", e), We(), document.addEventListener("click", O), document.addEventListener("focusin", O);
     }, ve = () => {
-      t.prefill === "focus" && !$e.value && !X.value && De();
+      t.prefill === "focus" && !$e.value && !Y.value && De();
     }, ye = async (e) => {
-      r("blur", e);
-    }, he = (e) => r("change", e), be = (e) => {
+      u("blur", e);
+    }, he = (e) => u("change", e), be = (e) => {
       var l;
-      r("input", e), o.value === "" && (t.multiple || r("update:modelValue", null)), (l = s.value) == null || l.blur(), W.value && k(), Se(o.value, !1, t.modelValue);
+      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), (l = s.value) == null || l.blur(), z.value && k(), Se(o.value, !1, t.modelValue);
     }, O = async (e) => {
       var l, a;
       if (e.target instanceof Node && A.value && !A.value.$el.contains(e.target) && !((a = (l = n.value) == null ? void 0 : l.$el) != null && a.contains(e.target))) {
@@ -161,25 +161,25 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
         return;
       }
       const e = o.value.trim();
-      Ae(e) || (r("option:add", e), o.value = "");
+      Ae(e) || (u("option:add", e), o.value = "");
     }, ke = async () => {
       m.value && await C();
     }, Ce = async () => {
       var e, l;
-      !w.value || o.value || !i.value.length || ((e = s.value) != null && e.getHighlighted() && s.value.confirmOption(), await R(), (l = s.value) == null || l.focusPrevious());
+      !w.value || o.value || !i.value.length || ((e = s.value) != null && e.getHighlighted() && s.value.confirmOption(), await G(), (l = s.value) == null || l.focusPrevious());
     }, o = f(""), {
       getter: M,
       debouncedGetter: Se,
       items: Oe,
-      loading: _
+      loading: X
     } = ct({
       items: T(t, "items"),
       debounce: t.queryDebounceTime
     }), P = () => {
       var e, l;
-      t.enforceCoherence && !Z.value && (t.multiple ? r("update:modelValue", Pe.value.coherent) : r("update:modelValue", null), (e = s.value) == null || e.blur(), (l = n.value) == null || l.blur());
+      t.enforceCoherence && !Z.value && (t.multiple ? u("update:modelValue", Pe.value.coherent) : u("update:modelValue", null), (e = s.value) == null || e.blur(), (l = n.value) == null || l.blur());
     }, {
-      hasPrefilled: X,
+      hasPrefilled: Y,
       isPrefilling: $e,
       prefill: De
     } = pt({
@@ -209,7 +209,7 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
       max: t.max,
       selectable: !0,
       selectedIndexedByHash: N
-    }), D = y(() => !!(_.value || t.loading)), qe = y(() => {
+    }), D = y(() => !!(X.value || t.loading)), qe = y(() => {
       let e = [];
       const l = i.value.some(
         (d) => d.text === o.value
@@ -226,13 +226,13 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
       let e;
       i.value && (e = tt(i.value)), o.value = (e == null ? void 0 : e.text) || "";
     }, xe = async (e) => {
-      t.multiple ? (r("update:modelValue", t.modelValue.concat(e.value)), t.stash && He(e.item), b()) : (t.stash && Fe(e.item), r("update:modelValue", e.value), await R(), b()), x(), t.multiple || C();
-    }, Y = async (e) => {
+      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && He(e.item), b()) : (t.stash && Fe(e.item), u("update:modelValue", e.value), await G(), b()), x(), t.multiple || C();
+    }, W = async (e) => {
       if (Le((l) => l.valueHash !== e.valueHash), t.multiple) {
         const l = { ...N.value };
-        delete l[e.valueHash], r("update:modelValue", Object.values(l));
+        delete l[e.valueHash], u("update:modelValue", Object.values(l));
       } else
-        r("update:modelValue", null), await R(), b();
+        u("update:modelValue", null), await G(), b();
       x();
     }, { data: Me } = ne({
       items: $,
@@ -243,7 +243,7 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
       iteratee: (e) => !!Me.value[yt(e)]
     });
     let B = 0;
-    re(
+    ue(
       () => t.modelValue,
       async () => {
         B++, Z.value || (await M(o.value, !1, t.modelValue), P()), B === 1 && b(), B--;
@@ -251,26 +251,26 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
       {
         debounce: t.modelValueDebounceTime
       }
-    ), re(
+    ), ue(
       () => [t.dependencies, t.items],
       async () => {
-        X.value && (B++, await M(o.value, !1, t.modelValue), B === 1 && (P(), b()), B--);
+        Y.value && (B++, await M(o.value, !1, t.modelValue), B === 1 && (P(), b()), B--);
       },
       {
         debounce: t.depsDebounceTime
       }
     );
-    const m = f(!1), W = f(!0), z = f(!1), k = async () => {
-      z.value = !0, await st(() => !!n.value), W.value = !1, m.value = !0;
+    const m = f(!1), z = f(!0), K = f(!1), k = async () => {
+      K.value = !0, await st(() => !!n.value), z.value = !1, m.value = !0;
     }, C = async () => {
       var e;
-      m.value = !1, W.value = !0, (e = s.value) == null || e.blur();
-    }, Ne = () => m.value ? C() : k(), K = f(!1), We = () => {
-      K.value = !0;
+      m.value = !1, z.value = !0, (e = s.value) == null || e.blur();
+    }, Ne = () => m.value ? C() : k(), U = f(!1), We = () => {
+      U.value = !0;
     }, ze = () => {
-      K.value = !1, r("inactive");
+      U.value = !1, u("inactive");
     }, Ke = (e) => {
-      e.preventDefault(), r("click", e), !(t.disabled || t.readonly) && (x(), Ne());
+      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (x(), Ne());
     }, Ue = ot(
       (e) => typeof e != "string",
       JSON.stringify
@@ -284,14 +284,14 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
       };
     })), Re = () => {
       let e = null;
-      t.multiple && (e = []), r("update:modelValue", e);
+      t.multiple && (e = []), u("update:modelValue", e);
     };
     return (e, l) => (h(), H(it, {
       ref_key: "outerContainer",
       ref: A,
       class: ee({
         "bb-base-select": !0,
-        "bb-base-select--active": K.value,
+        "bb-base-select--active": U.value,
         "bb-base-select--shown": m.value,
         "bb-base-select--loading": D.value,
         "bb-base-select--disabled": e.disabled,
@@ -301,14 +301,14 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
       }),
       onClick: Ke
     }, {
-      "prepend-outer": u(() => [
+      "prepend-outer": r(() => [
         c(e.$slots, "prepend-outer", { query: o.value })
       ]),
-      "append-outer": u(() => [
+      "append-outer": r(() => [
         c(e.$slots, "append-outer", { query: o.value })
       ]),
-      default: u(() => [
-        U(ut, {
+      default: r(() => [
+        j(rt, {
           ref_key: "innerContainer",
           ref: I,
           "append:icon": t["append:icon"],
@@ -317,43 +317,44 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
           "prevent-focus": !0,
           "onClick:clear": Re
         }, {
-          prepend: u(() => [
+          prepend: r(() => [
             c(e.$slots, "prepend", { query: o.value })
           ]),
-          prefix: u(() => [
+          prefix: r(() => [
             c(e.$slots, "prefix")
           ]),
-          append: u(() => [
+          append: r(() => [
             c(e.$slots, "append", { query: o.value })
           ]),
-          suffix: u(() => [
+          suffix: r(() => [
             c(e.$slots, "suffix")
           ]),
-          default: u(() => [
-            U(V(et), { tag: "span" }, {
-              default: u(() => [
+          default: r(() => [
+            j(V(et), { tag: "span" }, {
+              default: r(() => [
                 L("span", kt, [
                   e.multiple && i.value.length <= e.maxSelectedLabels ? (h(), F(te, { key: 0 }, [
-                    e.comma ? (h(), H(rt, {
+                    e.comma ? (h(), H(ut, {
                       key: 0,
                       ref_key: "commaBox",
-                      ref: G,
-                      options: i.value
+                      ref: J,
+                      options: i.value,
+                      "onOption:unselected": W
                     }, null, 8, ["options"])) : (h(), H(nt, {
                       key: 1,
                       ref_key: "chipsBox",
-                      ref: J,
+                      ref: Q,
                       options: i.value,
-                      "onOption:unselected": Y
+                      "onOption:unselected": W
                     }, null, 8, ["options"]))
-                  ], 64)) : e.multiple ? (h(), F("span", Ct, Je(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : V(se)("select.multipleMaxReached", i.value.length)), 1)) : j("", !0),
+                  ], 64)) : e.multiple ? (h(), F("span", Ct, Je(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : V(se)("select.multipleMaxReached", i.value.length)), 1)) : R("", !0),
                   Qe(L("input", {
-                    id: V(Q),
+                    id: V(_),
                     ref_key: "input",
                     ref: q,
                     "onUpdate:modelValue": l[0] || (l[0] = (a) => o.value = a),
                     "aria-autocomplete": "list",
-                    "aria-controls": z.value ? `${V(Q)}_listbox` : void 0,
+                    "aria-controls": K.value ? `${V(_)}_listbox` : void 0,
                     "aria-describedby": e.ariaDescribedby,
                     "aria-expanded": m.value,
                     autocomplete: e.autocomplete,
@@ -391,7 +392,7 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
             }),
             e.showChevron ? c(e.$slots, "chevron", {
               key: 0,
-              loading: !!V(_),
+              loading: !!V(X),
               shown: m.value
             }, () => [
               l[1] || (l[1] = L("svg", {
@@ -404,7 +405,7 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
                   fill: "currentColor"
                 })
               ], -1))
-            ]) : j("", !0)
+            ]) : R("", !0)
           ]),
           _: 3
         }, 8, ["append:icon", "clearable", "prepend:icon"]),
@@ -412,12 +413,12 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
           key: a.value,
           ref_for: !0
         }, a), null, 16))), 128)),
-        z.value ? (h(), H(dt, {
+        K.value ? (h(), H(dt, {
           key: 0,
           target: e.teleportTarget
         }, {
-          default: u(() => [
-            U(gt, {
+          default: r(() => [
+            j(gt, {
               ref_key: "optionsContainer",
               ref: n,
               compact: e.compact,
@@ -429,21 +430,21 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
               options: qe.value,
               style: le(me.value),
               "onOption:selected": xe,
-              "onOption:unselected": Y
+              "onOption:unselected": W
             }, {
-              "options:prepend": u(() => [
+              "options:prepend": r(() => [
                 c(e.$slots, "options:prepend")
               ]),
-              loading: u(() => [
+              loading: r(() => [
                 c(e.$slots, "loading", { query: o.value })
               ]),
-              "no-data": u(() => [
+              "no-data": r(() => [
                 c(e.$slots, "no-data", { query: o.value })
               ]),
-              "options:append": u(() => [
+              "options:append": r(() => [
                 c(e.$slots, "options:append")
               ]),
-              option: u((a) => [
+              option: r((a) => [
                 c(e.$slots, "option", ae({
                   hasErrors: e.hasErrors,
                   loading: D.value
@@ -453,12 +454,12 @@ const kt = { class: "bb-base-select__input-container" }, Ct = {
             }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "style"])
           ]),
           _: 3
-        }, 8, ["target"])) : j("", !0)
+        }, 8, ["target"])) : R("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  ul as default
+  rl as default
 };

package/dist/index39.js

@@ -1,7 +1,7 @@
 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 "./index208.js";
+import { clamp as le } from "./index207.js";
 import { head as O } from "./index254.js";
-import { isCssColor as Y } from "./index211.js";
+import { isCssColor as Y } from "./index222.js";
 import { isNil as P } from "./index255.js";
 import { isNotNil as ne } from "./index135.js";
 import { transposeValue as y } from "./index131.js";

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 "./index211.js";
-import { when as N } from "./index212.js";
+import { isCssColor as b } from "./index222.js";
+import { when as N } from "./index223.js";
 const x = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {

package/dist/index43.js

@@ -1,15 +1,15 @@
-import { defineComponent as j, ref as k, toRef as d, openBlock as z, createBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as h, guardReactiveProps as v, createVNode as R, mergeProps as w, createSlots as W } from "vue";
+import { defineComponent as j, ref as k, toRef as d, openBlock as z, createBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
 import K from "./index41.js";
 /* empty css        */
-import N from "./index221.js";
+import N from "./index242.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index223.js";
-import { useIndexById as T } from "./index224.js";
-import { useBaseOptions as q } from "./index225.js";
-import { useCoherence as J } from "./index226.js";
+import { useItemsGetter as U } from "./index244.js";
+import { useIndexById as T } from "./index245.js";
+import { useBaseOptions as q } from "./index246.js";
+import { useCoherence as J } from "./index247.js";
 import { hash as Q } from "./index210.js";
-import { useHashedWatcher as E } from "./index227.js";
-import { usePrefill as X } from "./index228.js";
+import { useHashedWatcher as $ } from "./index248.js";
+import { usePrefill as X } from "./index249.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {
@@ -36,31 +36,31 @@ const ue = /* @__PURE__ */ j({
     readonly: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(C, { emit: L }) {
-    const o = C, a = L;
+  setup(E, { emit: C }) {
+    const o = E, a = C;
     if (!Array.isArray(o.modelValue))
       throw new Error("Model value must be an array in checkbox group.");
-    const b = k(), r = k(!1), {
-      getter: u,
-      items: $,
+    const u = k(), r = k(!1), {
+      getter: c,
+      items: L,
       loading: D
     } = U({
       items: d(o, "items"),
       debounce: 0
-    }), c = () => {
+    }), m = () => {
       o.enforceCoherence && !V.value && a("update:modelValue", P.value.coherent);
     }, { hasPrefilled: I } = X({
       onStart: !0,
       currentValue: o.modelValue,
       multiple: !0,
       fn: async ({ prefill: e }) => {
-        await u(e, o.modelValue), c();
+        await c(e, o.modelValue), m();
       }
     }), { data: y } = T({
       items: d(o, "modelValue")
     }), { options: g } = q({
       disabled: d(o, "disabled"),
-      items: $,
+      items: L,
       itemText: o.itemText,
       itemValue: o.itemValue,
       max: o.max,
@@ -80,18 +80,18 @@ const ue = /* @__PURE__ */ j({
       iteratee: (e) => !!M.value[Q(e)]
     });
     let i = 0;
-    E(
+    $(
       () => o.modelValue,
       async () => {
-        i++, V.value || (await u(!1, o.modelValue), c()), i--;
+        i++, V.value || (await c(!1, o.modelValue), m()), i--;
       },
       {
         debounce: o.modelValueDebounceTime
       }
-    ), E(
+    ), $(
       () => [o.dependencies, o.items],
       async () => {
-        I.value && (i++, await u(!1, o.modelValue), i === 1 && c(), i--);
+        I.value && (i++, await c(!1, o.modelValue), i === 1 && m(), i--);
       },
       {
         debounce: o.depsDebounceTime
@@ -106,20 +106,22 @@ const ue = /* @__PURE__ */ j({
       onBlur: (e) => a("blur", e),
       onClick: (e) => a("click", e),
       onFocus: (e) => {
-        a("focus", e), r.value || (document.addEventListener("focusin", m, { passive: !0 }), document.addEventListener("click", p, { passive: !0 }), r.value = !0);
+        a("focus", e), r.value || (document.addEventListener("focusin", p, { passive: !0 }), document.addEventListener("click", f, { passive: !0 }), r.value = !0);
       },
       onInput: (e) => a("input", e),
       onKeydown: (e) => a("keydown", e),
       onMousedown: (e) => a("mousedown", e),
       onMouseup: (e) => a("mouseup", e)
-    }, m = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = b.value) != null && t.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", m), document.removeEventListener("click", p)));
     }, p = (e) => {
       var t;
-      e.target instanceof HTMLElement && ((t = b.value) != null && t.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", m), document.removeEventListener("click", p)));
+      e.target instanceof HTMLElement && ((t = u.value) != null && t.$el.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
+    }, f = (e) => {
+      var t;
+      e.target instanceof HTMLElement && ((t = u.value) != null && t.$el.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
     };
     return (e, t) => (z(), G(N, {
+      ref_key: "container",
+      ref: u,
       class: "bb-base-switch-group",
       direction: e.direction,
       "has-errors": e.hasErrors,
@@ -139,10 +141,10 @@ const ue = /* @__PURE__ */ j({
         l(e.$slots, "no-data")
       ]),
       label: s((n) => [
-        l(e.$slots, "label", h(v(n)))
+        l(e.$slots, "label", v(b(n)))
       ]),
       "option:prepend": s((n) => [
-        l(e.$slots, "option:prepend", h(v(n)))
+        l(e.$slots, "option:prepend", v(b(n)))
       ]),
       input: s(({ option: n, index: A }) => [
         R(K, w({
@@ -157,22 +159,22 @@ const ue = /* @__PURE__ */ j({
           readonly: e.readonly,
           "true-value": n.value
         }, O, {
-          onChange: (f) => F(f, n)
+          onChange: (h) => F(h, n)
         }), W({ _: 2 }, [
           e.$slots.icon ? {
             name: "icon",
-            fn: s((f) => [
+            fn: s((h) => [
               l(e.$slots, "icon", w({
                 item: n.item,
                 text: n.text
-              }, f))
+              }, h))
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "name", "readonly", "true-value", "onChange"])
       ]),
       "option:append": s((n) => [
-        l(e.$slots, "option:append", h(v(n)))
+        l(e.$slots, "option:append", v(b(n)))
       ]),
       append: s(() => [
         l(e.$slots, "append")

package/dist/index45.js

@@ -3,17 +3,17 @@ import { defineComponent as Q, ref as u, computed as f, toRef as E, watch as Z,
 /* empty css       */
 import ae from "./index128.js";
 /* empty css         */
-import { last as le } from "./index236.js";
-import { useBaseOptions as ne } from "./index225.js";
-import { useIndexById as re } from "./index224.js";
-import ie from "./index256.js";
+import { last as le } from "./index232.js";
+import { useBaseOptions as ne } from "./index246.js";
+import { useIndexById as re } from "./index245.js";
+import ie from "./index258.js";
 /* empty css         */
-import ue from "./index258.js";
+import ue from "./index260.js";
 /* empty css         */
-import se from "./index242.js";
+import se from "./index218.js";
 /* empty css         */
-import de from "./index244.js";
-import { isEmpty as pe } from "./index253.js";
+import de from "./index220.js";
+import { isEmpty as pe } from "./index241.js";
 const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], De = /* @__PURE__ */ Q({
   __name: "BaseTag",
   props: {

package/dist/index47.js

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

package/dist/index49.js

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

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 "./index219.js";
+import { useLocale as g } from "./index221.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, openBlock as l, createElementBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
-import { isCssColor as y } from "./index211.js";
+import { isCssColor as y } from "./index222.js";
 import { wait as C } from "./index130.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,5 +1,5 @@
 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 "./index211.js";
+import { isCssColor as r } from "./index222.js";
 import { isNil as B } from "./index255.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index61.js

@@ -9,7 +9,7 @@ import T from "./index129.js";
 /* empty css         */
 import { pickBy as W } from "./index265.js";
 import { noop as w } from "./index266.js";
-import { useLocale as D } from "./index219.js";
+import { useLocale as D } from "./index221.js";
 const E = {
   key: 2,
   class: "bb-button__loading-label sr-only"