bitboss-ui 2.0.107 → 2.0.109

package/dist/index37.js

@@ -1,39 +1,39 @@
-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 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 oe, normalizeStyle as Ye, nextTick as _ } 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 ot } from "./index226.js";
+import { matchAnyKey as le } from "./index251.js";
+import { useFloating as lt } from "./index218.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 "./index210.js";
 import it from "./index252.js";
 /* empty css         */
 import ut from "./index254.js";
 /* empty css         */
-import rt from "./index209.js";
+import rt from "./index212.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 { usePrefill as mt } from "./index249.js";
+import st from "./index214.js";
+import { waitFor as dt } from "./index228.js";
+import ct from "./index229.js";
+import { useItemsGetter as pt } from "./index234.js";
+import { usePrefill as mt } from "./index239.js";
 import { useArray as ft } from "./index256.js";
-import { useBaseOptions as vt } from "./index246.js";
-import { useIndexById as ae } from "./index245.js";
-import { useCoherence as yt } from "./index247.js";
+import { useBaseOptions as vt } from "./index236.js";
+import { useIndexById as ae } from "./index235.js";
+import { useCoherence as yt } from "./index237.js";
 import { hash as ht } from "./index208.js";
-import { useHashedWatcher as ne } from "./index248.js";
+import { useHashedWatcher as ne } from "./index238.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 { autoUpdate as gt, flip as wt, offset as Bt, shift as Vt } from "./index231.js";
 const It = { class: "bb-base-select__input-container" }, kt = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, St = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], al = /* @__PURE__ */ Re({
+}, St = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], ao = /* @__PURE__ */ Re({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -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 }
   },
@@ -89,7 +90,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       },
       { threshold: [0, 1] }
     );
-    const { floatingStyles: pe } = ot(
+    const { floatingStyles: pe } = lt(
       I,
       n,
       {
@@ -98,12 +99,12 @@ const It = { class: "bb-base-select__input-container" }, kt = {
         middleware: [wt(), Bt(5), Vt()]
       }
     ), me = y(() => {
-      var l;
+      var o;
       const e = {
         ...pe.value,
         zIndex: "10"
       };
-      return I.value && (e.width = `${(l = I.value) == null ? void 0 : l.$el.clientWidth}px`), e;
+      return I.value && (e.width = `${(o = I.value) == null ? void 0 : o.$el.clientWidth}px`), e;
     }), F = f(null), q = () => {
       F.value instanceof HTMLInputElement && F.value.focus();
     }, fe = async (e) => {
@@ -113,33 +114,33 @@ const It = { class: "bb-base-select__input-container" }, kt = {
     }, ye = async (e) => {
       u("blur", e);
     }, he = (e) => u("change", e), be = (e) => {
-      var l;
-      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), (l = r.value) == null || l.blur(), N.value && k(), Ce(o.value, !1, t.modelValue);
+      var o;
+      u("input", e), l.value === "" && (t.multiple || u("update:modelValue", null)), (o = r.value) == null || o.blur(), N.value && k(), Ce(l.value, !1, t.modelValue);
     }, D = async (e) => {
       if (e.target instanceof Node && E.value && n.value && !E.value.$el.contains(e.target) && !n.value.$el.contains(e.target)) {
         S(), ze(), document.removeEventListener("click", D), document.removeEventListener("focusin", D), await L(t.transitionDuration), b();
         return;
       }
     }, w = y(() => !(t.readonly || t.disabled || O.value || !r.value && t.multiple)), ge = async () => {
-      var e, l, a;
-      w.value && ((e = r.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusPrevious() : (await k(), await L(t.transitionDuration), (a = n.value) == null || a.focusLastSelected()));
+      var e, o, a;
+      w.value && ((e = r.value) == null || e.blur(), m.value ? (o = n.value) == null || o.focusPrevious() : (await k(), await L(t.transitionDuration), (a = n.value) == null || a.focusLastSelected()));
     }, we = async () => {
-      var e, l, a;
-      w.value && ((e = r.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusNext() : (await k(), await L(t.transitionDuration), (a = n.value) == null || a.focusFirstSelected()));
+      var e, o, a;
+      w.value && ((e = r.value) == null || e.blur(), m.value ? (o = n.value) == null || o.focusNext() : (await k(), await L(t.transitionDuration), (a = n.value) == null || a.focusFirstSelected()));
     }, Be = (e) => {
       var a, d, v, C;
-      if (!w.value || !t.multiple || o.value || (e.preventDefault(), (a = n.value) == null || a.blur(), !s.value.length)) return;
+      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (a = n.value) == null || a.blur(), !s.value.length)) return;
       (d = r.value) == null || d.focusPrevious();
-      const l = (v = r.value) == null ? void 0 : v.getHighlighted();
-      l && ((C = n.value) == null || C.focusByHash(l.valueHash));
+      const o = (v = r.value) == null ? void 0 : v.getHighlighted();
+      o && ((C = n.value) == null || C.focusByHash(o.valueHash));
     }, Ve = (e) => {
       var a, d, v, C;
-      if (!w.value || !t.multiple || o.value || (e.preventDefault(), (a = n.value) == null || a.blur(), !s.value.length)) return;
+      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (a = n.value) == null || a.blur(), !s.value.length)) return;
       (d = r.value) == null || d.focusNext();
-      const l = (v = r.value) == null ? void 0 : v.getHighlighted();
-      l && ((C = n.value) == null || C.focusByHash(l.valueHash));
+      const o = (v = r.value) == null ? void 0 : v.getHighlighted();
+      o && ((C = n.value) == null || C.focusByHash(o.valueHash));
     }, Ie = async () => {
-      var l, a;
+      var o, a;
       if (!w.value)
         return;
       if (m.value) {
@@ -148,27 +149,27 @@ const It = { class: "bb-base-select__input-container" }, kt = {
           return;
         }
       } else {
-        await k(), await L(t.transitionDuration), s.value.length && ((l = n.value) == null || l.focusFirstSelected());
+        await k(), await L(t.transitionDuration), s.value.length && ((o = n.value) == null || o.focusFirstSelected());
         return;
       }
-      const e = o.value.trim();
-      Ee(e) || (u("option:add", e), o.value = "");
+      const e = l.value.trim();
+      Ee(e) || (u("option:add", e), l.value = "");
     }, ke = async () => {
       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());
-    }, o = f(""), {
+      var e, o;
+      !w.value || l.value || !s.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await _(), (o = r.value) == null || o.focusPrevious());
+    }, l = f(""), {
       getter: M,
       debouncedGetter: Ce,
       items: De,
       loading: j
     } = pt({
-      items: x(t, "items"),
+      items: T(t, "items"),
       debounce: t.queryDebounceTime
     }), P = () => {
-      var e, l;
-      t.enforceCoherence && !Y.value && (t.multiple ? u("update:modelValue", Pe.value.coherent) : u("update:modelValue", null), (e = r.value) == null || e.blur(), (l = n.value) == null || l.blur());
+      var e, o;
+      t.enforceCoherence && !Y.value && (t.multiple ? u("update:modelValue", Pe.value.coherent) : u("update:modelValue", null), (e = r.value) == null || e.blur(), (o = n.value) == null || o.blur());
     }, {
       hasPrefilled: J,
       isPrefilling: $e,
@@ -178,18 +179,18 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       currentValue: t.modelValue,
       multiple: t.multiple,
       fn: async ({ prefill: e }) => {
-        await M(o.value, e, t.modelValue), P(), b();
+        await M(l.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,
@@ -197,26 +198,26 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       selectedIndexedByHash: Q
     }), O = y(() => !!(j.value || t.loading)), Fe = y(() => {
       let e = [];
-      const l = s.value.some(
-        (d) => d.text === o.value
+      const o = s.value.some(
+        (d) => d.text === l.value
       );
-      return (t.multiple && o.value || o.value && !l && !t.multiple) && t.filterBy ? e = $.value.filter((d) => {
+      return (t.multiple && l.value || l.value && !o && !t.multiple) && t.filterBy ? e = $.value.filter((d) => {
         let v = !1;
-        return typeof t.filterBy == "function" ? v = t.filterBy(d.value, d.item) : Array.isArray(t.filterBy) && t.filterBy.length && (v = v || oe(d.item, t.filterBy, o.value.trim())), v || oe(d, ["text"], o.value.trim());
+        return typeof t.filterBy == "function" ? v = t.filterBy(d.value, d.item) : Array.isArray(t.filterBy) && t.filterBy.length && (v = v || le(d.item, t.filterBy, l.value.trim())), v || le(d, ["text"], l.value.trim());
       }) : e = $.value, e;
     }), b = () => {
       if (t.multiple) {
-        o.value = "";
+        l.value = "";
         return;
       }
       let e;
-      s.value && (e = lt(s.value)), o.value = (e == null ? void 0 : e.text) || "";
+      s.value && (e = ot(s.value)), l.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 _(), 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));
+      if (He((o) => o.valueHash !== e.valueHash), t.multiple) {
+        const o = { ...Q.value };
+        delete o[e.valueHash], u("update:modelValue", Object.values(o));
       } else
         u("update:modelValue", null), await _(), b();
       q();
@@ -224,7 +225,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       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)]
     });
@@ -232,7 +233,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
     ne(
       () => t.modelValue,
       async () => {
-        B++, Y.value || (await M(o.value, !1, t.modelValue), P()), B === 1 && b(), B--;
+        B++, Y.value || (await M(l.value, !1, t.modelValue), P()), B === 1 && b(), B--;
       },
       {
         debounce: t.modelValueDebounceTime
@@ -240,7 +241,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
     ), ne(
       () => [t.dependencies, t.items],
       async () => {
-        J.value && (B++, await M(o.value, !1, t.modelValue), B === 1 && (P(), b()), B--);
+        J.value && (B++, await M(l.value, !1, t.modelValue), B === 1 && (P(), b()), B--);
       },
       {
         debounce: t.depsDebounceTime
@@ -261,15 +262,15 @@ const It = { class: "bb-base-select__input-container" }, kt = {
       (e) => typeof e != "string",
       JSON.stringify
     ), Ue = y(() => [].concat(t.modelValue).map((e) => {
-      const l = _e(e);
+      const o = _e(e);
       return {
         disabled: t.disabled,
         name: t.name,
         type: "hidden",
-        value: l
+        value: o
       };
     }));
-    return (e, l) => (h(), T(st, {
+    return (e, o) => (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 })
+        c(e.$slots, "prepend-outer", { query: l.value })
       ]),
       "append-outer": i(() => [
-        c(e.$slots, "append-outer", { query: o.value })
+        c(e.$slots, "append-outer", { query: l.value })
       ]),
       default: i(() => [
         K(rt, {
@@ -299,13 +300,13 @@ const It = { class: "bb-base-select__input-container" }, kt = {
           "prevent-focus": !0
         }, {
           prepend: i(() => [
-            c(e.$slots, "prepend", { query: o.value })
+            c(e.$slots, "prepend", { query: l.value })
           ]),
           prefix: i(() => [
             c(e.$slots, "prefix")
           ]),
           append: i(() => [
-            c(e.$slots, "append", { query: o.value })
+            c(e.$slots, "append", { query: l.value })
           ]),
           suffix: i(() => [
             c(e.$slots, "suffix")
@@ -315,12 +316,12 @@ const It = { class: "bb-base-select__input-container" }, kt = {
               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,
                       options: s.value
-                    }, null, 8, ["options"])) : (h(), T(it, {
+                    }, null, 8, ["options"])) : (h(), x(it, {
                       key: 1,
                       ref_key: "chipsBox",
                       ref: R,
@@ -332,7 +333,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
                     id: V(G),
                     ref_key: "input",
                     ref: F,
-                    "onUpdate:modelValue": l[0] || (l[0] = (a) => o.value = a),
+                    "onUpdate:modelValue": o[0] || (o[0] = (a) => l.value = a),
                     "aria-autocomplete": "list",
                     "aria-controls": W.value ? `${V(G)}_listbox` : void 0,
                     "aria-describedby": e.ariaDescribedby,
@@ -344,7 +345,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
                     inputmode: ce.value,
                     placeholder: Le.value,
                     readonly: e.readonly || !e.allowWriting,
-                    required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
+                    required: e.required && (!e.multiple || !e.modelValue.length),
                     role: "combobox",
                     size: "1",
                     type: "text",
@@ -363,7 +364,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
                       g(p(Ve, ["stop"]), ["right"])
                     ]
                   }, null, 40, St), [
-                    [Qe, o.value]
+                    [Qe, l.value]
                   ])
                 ])
               ]),
@@ -373,7 +374,7 @@ const It = { class: "bb-base-select__input-container" }, kt = {
               loading: !!V(j),
               shown: m.value
             }, () => [
-              l[1] || (l[1] = H("svg", {
+              o[1] || (o[1] = H("svg", {
                 class: "bb-base-select__chevron",
                 viewBox: "0 0 24 24",
                 xmlns: "http://www.w3.org/2000/svg"
@@ -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(Ue.value, (a) => (h(), A("input", oe({
           key: a.value,
           ref_for: !0
         }, a), null, 16))), 128)),
-        W.value ? (h(), T(ct, { key: 0 }, {
+        W.value ? (h(), x(ct, {
+          key: 0,
+          target: e.teleportTarget
+        }, {
           default: i(() => [
             K(V(se), {
               ref_key: "optionsContainer",
@@ -410,16 +414,16 @@ const It = { class: "bb-base-select__input-container" }, kt = {
                 c(e.$slots, "options:prepend")
               ]),
               loading: i(() => [
-                c(e.$slots, "loading", { query: o.value })
+                c(e.$slots, "loading", { query: l.value })
               ]),
               "no-data": i(() => [
-                c(e.$slots, "no-data", { query: o.value })
+                c(e.$slots, "no-data", { query: l.value })
               ]),
               "options:append": i(() => [
                 c(e.$slots, "options:append")
               ]),
               option: i((a) => [
-                c(e.$slots, "option", le({
+                c(e.$slots, "option", oe({
                   hasErrors: e.hasErrors,
                   loading: O.value
                 }, a))
@@ -428,12 +432,12 @@ 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"]));
   }
 });
 export {
-  al as default
+  ao as default
 };

package/dist/index39.js

@@ -1,8 +1,8 @@
 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 "./index205.js";
+import { head as O } from "./index257.js";
+import { isCssColor as Y } from "./index209.js";
+import { isNil as P } from "./index258.js";
 import { isNotNil as ne } from "./index134.js";
 import { transposeValue as y } from "./index131.js";
 import { hash as J } from "./index208.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 "./index218.js";
-import { when as N } from "./index219.js";
+import { isCssColor as b } from "./index209.js";
+import { when as N } from "./index210.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 K from "./index41.js";
 /* empty css        */
-import N from "./index242.js";
+import N from "./index232.js";
 /* empty css         */
-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 { useItemsGetter as U } from "./index234.js";
+import { useIndexById as T } from "./index235.js";
+import { useBaseOptions as q } from "./index236.js";
+import { useCoherence as J } from "./index237.js";
 import { hash as Q } from "./index208.js";
-import { useHashedWatcher as E } from "./index248.js";
-import { usePrefill as X } from "./index249.js";
+import { useHashedWatcher as E } from "./index238.js";
+import { usePrefill as X } from "./index239.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {

package/dist/index45.js

@@ -1,18 +1,18 @@
-import { defineComponent as R, ref as u, computed as f, toRef as E, watch as j, openBlock as v, createBlock as k, normalizeClass as Q, withCtx as l, renderSlot as s, createVNode as I, unref as Z, createElementVNode as $, createElementBlock as G, Fragment as J, createCommentVNode as W, withDirectives as X, mergeProps as Y, withModifiers as d, withKeys as y, vModelDynamic as ee, nextTick as te } from "vue";
+import { defineComponent as R, ref as u, computed as m, toRef as E, watch as j, openBlock as v, createBlock as k, normalizeClass as Q, withCtx as l, renderSlot as s, createVNode as I, unref as Z, createElementVNode as $, createElementBlock as G, Fragment as J, createCommentVNode as W, withDirectives as X, mergeProps as Y, withModifiers as d, withKeys as y, vModelDynamic as ee, nextTick as te } from "vue";
 /* empty css       */
 /* empty css       */
 import oe from "./index128.js";
 /* empty css         */
-import { last as ae } from "./index231.js";
-import { useBaseOptions as ne } from "./index246.js";
-import { useIndexById as le } from "./index245.js";
+import { last as ae } from "./index226.js";
+import { useBaseOptions as ne } from "./index236.js";
+import { useIndexById as le } from "./index235.js";
 import re from "./index252.js";
 /* empty css         */
 import ie from "./index254.js";
 /* empty css         */
-import ue from "./index209.js";
+import ue from "./index212.js";
 /* empty css         */
-import se from "./index211.js";
+import se from "./index214.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: {
@@ -41,15 +41,15 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
     const t = O, n = D;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const b = u(null), L = u(null), B = u(null), V = u(null), r = f(
+    const b = u(null), L = u(null), B = u(null), V = u(null), r = m(
       () => t.comma ? B.value : V.value
     ), p = u(null), A = () => {
       p.value instanceof HTMLInputElement && p.value.focus();
-    }, o = u(""), i = f(() => K.value.filter((e) => e.selected)), { data: w, get: H } = le({
+    }, o = u(""), i = m(() => K.value.filter((e) => e.selected)), { data: w, get: H } = le({
       items: E(t, "modelValue")
     }), { options: K } = ne({
       disabled: E(t, "disabled"),
-      items: f(() => [].concat(t.modelValue)),
+      items: m(() => [].concat(t.modelValue)),
       itemText: void 0,
       itemValue: void 0,
       max: t.max,
@@ -80,19 +80,19 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
       g.value = !0;
     }, M = () => {
       g.value = !1, n("inactive");
-    }, h = f(() => !(t.readonly || t.disabled || !r.value && t.multiple)), N = (e) => {
+    }, h = m(() => !(t.readonly || t.disabled || !r.value && t.multiple)), N = (e) => {
       var a;
       h.value && (!t.multiple || o.value || (e.preventDefault(), i.value.length && ((a = r.value) == null || a.focusPrevious())));
-    }, P = (e) => {
+    }, _ = (e) => {
       var a;
       h.value && (!t.multiple || o.value || (e.preventDefault(), i.value.length && ((a = r.value) == null || a.focusNext())));
-    }, _ = async () => {
+    }, P = async () => {
       var e, a;
       !h.value || o.value || !i.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await te(), (a = r.value) == null || a.focusPrevious());
-    }, F = () => {
+    }, x = () => {
       var e;
       (e = r.value) == null || e.blur();
-    }, S = async (e) => {
+    }, F = async (e) => {
       var a;
       if (n("keydown", e), t.readonly || t.disabled) {
         e.preventDefault();
@@ -100,9 +100,9 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
       }
       if (/^[A-Za-z0-9]$/.test(e.key) && ((a = r.value) == null || a.blur()), e.key === t.divider || e.key === "Unidentified" && o.value.includes(t.divider)) {
         if (t.divider.length === 1 && o.value.includes(t.divider)) {
-          const m = o.value.split(t.divider)[0];
-          if (m)
-            o.value = m;
+          const f = o.value.split(t.divider)[0];
+          if (f)
+            o.value = f;
           else {
             o.value = "";
             return;
@@ -120,9 +120,9 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
           t.multiple ? n("update:modelValue", t.modelValue.concat(o.value)) : n("update:modelValue", o.value);
         }
       }
-    }, U = (e) => {
+    }, S = (e) => {
       n("focus", e), q(), document.addEventListener("click", c), document.addEventListener("focusin", c);
-    }, x = (e) => {
+    }, U = (e) => {
       n("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
     }, c = async (e) => {
       if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
@@ -147,7 +147,7 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
         "bb-base-tag--readonly": e.readonly,
         "bb-base-tag--compact": e.compact
       }),
-      onClick: x
+      onClick: U
     }, {
       "prepend-outer": l(() => [
         s(e.$slots, "prepend-outer")
@@ -198,7 +198,7 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
                     ref_key: "input",
                     ref: p
                   }, z, {
-                    "onUpdate:modelValue": a[0] || (a[0] = (m) => o.value = m),
+                    "onUpdate:modelValue": a[0] || (a[0] = (f) => o.value = f),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
@@ -207,15 +207,15 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
                     enterkeyhint: "done",
                     placeholder: e.placeholder,
                     readonly: e.readonly,
-                    required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
+                    required: e.required && (!e.multiple || !e.modelValue.length),
                     type: "text",
-                    onFocus: d(U, ["stop"]),
+                    onFocus: d(S, ["stop"]),
                     onKeydown: [
-                      d(S, ["stop"]),
-                      y(d(_, ["stop"]), ["delete"]),
+                      d(F, ["stop"]),
+                      y(d(P, ["stop"]), ["delete"]),
                       y(d(N, ["stop"]), ["left"]),
-                      y(d(F, ["stop", "prevent"]), ["esc"]),
-                      y(d(P, ["stop"]), ["right"])
+                      y(d(x, ["stop", "prevent"]), ["esc"]),
+                      y(d(_, ["stop"]), ["right"])
                     ]
                   }), null, 16, pe), [
                     [ee, o.value]

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 "./index214.js";
+import E from "./index212.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 "./index212.js";
 /* empty css         */
-import k from "./index211.js";
+import k from "./index214.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/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 "./index209.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 "./index209.js";
+import { isNil as B } from "./index258.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {