bitboss-ui 2.0.50 → 2.0.51

package/dist/index37.js

@@ -1,29 +1,32 @@
-import { defineComponent as Me, defineAsyncComponent as Ne, ref as m, computed as y, toRef as I, openBlock as h, createBlock as $, normalizeClass as _, withCtx as r, renderSlot as p, unref as s, createVNode as F, createElementVNode as T, createElementBlock as M, Fragment as R, createCommentVNode as J, withDirectives as xe, isRef as He, withModifiers as d, withKeys as g, vModelDynamic as Pe, renderList as ze, mergeProps as Y, Teleport as Qe, normalizeStyle as Ke, nextTick as Ue } from "vue";
+import { defineComponent as Fe, defineAsyncComponent as xe, ref as v, computed as y, toRef as I, openBlock as h, createBlock as $, normalizeClass as W, withCtx as s, renderSlot as p, unref as i, createVNode as x, createElementVNode as S, createElementBlock as T, Fragment as R, toDisplayString as Me, withDirectives as Ne, isRef as He, withModifiers as d, withKeys as g, vModelDynamic as Pe, renderList as ze, mergeProps as J, Teleport as _e, normalizeStyle as Qe, createCommentVNode as Ke, nextTick as Ue } from "vue";
 /* empty css       */
 /* empty css       */
 import { useId as We } from "./index8.js";
-import { useMobile as _e } from "./index9.js";
-import Re from "./index127.js";
+import { useMobile as Re } from "./index9.js";
+import Je from "./index127.js";
 /* empty css         */
-import { isNotNil as Je } from "./index134.js";
-import { last as Ye } from "./index230.js";
-import { matchAnyKey as j } from "./index243.js";
-import { useFloating as je } from "./index236.js";
-import { useIntersectionObserver as Ge } from "./index132.js";
-import { useLogger as Xe } from "./index213.js";
-import { useOptions as Ze } from "./index220.js";
-import { wait as S } from "./index131.js";
-import { when as et } from "./index211.js";
-import tt from "./index244.js";
+import { isNotNil as Ye } from "./index134.js";
+import { last as je } from "./index213.js";
+import { matchAnyKey as Y } from "./index242.js";
+import { useFloating as Ge } from "./index206.js";
+import { useIntersectionObserver as Xe } from "./index132.js";
+import { useLogger as Ze } from "./index226.js";
+import { useOptions as et } from "./index238.js";
+import { wait as A } from "./index131.js";
+import { when as tt } from "./index228.js";
+import ot from "./index243.js";
 /* empty css         */
-import ot from "./index246.js";
+import nt from "./index245.js";
 /* empty css         */
-import nt from "./index205.js";
+import lt from "./index217.js";
 /* empty css         */
-import lt from "./index207.js";
-import { waitFor as at } from "./index217.js";
-import { autoUpdate as it, flip as rt, offset as st, shift as ut } from "./index240.js";
-const pt = { class: "bb-base-select__input-container" }, dt = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], Nt = /* @__PURE__ */ Me({
+import at from "./index219.js";
+import { waitFor as it } from "./index216.js";
+import { autoUpdate as rt, flip as st, offset as ut, shift as pt } from "./index221.js";
+const dt = { class: "bb-base-select__input-container" }, ct = {
+  key: 1,
+  class: "bb-base-select__max-reached"
+}, ft = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], Ht = /* @__PURE__ */ Fe({
   __name: "BaseSelect",
   props: {
     addOptions: { type: Boolean },
@@ -45,6 +48,7 @@ const pt = { class: "bb-base-select__input-container" }, dt = ["id", "aria-contr
     itemValue: {},
     loading: { type: Boolean },
     loadingText: { default: "Caricamento..." },
+    max: { default: 1 / 0 },
     modelValue: {},
     modelValueDebounceTime: { default: 0 },
     multiple: { type: Boolean },
@@ -62,113 +66,113 @@ const pt = { class: "bb-base-select__input-container" }, dt = ["id", "aria-contr
     updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
-  setup(G, { emit: X }) {
-    const t = G, b = X;
+  setup(j, { emit: G }) {
+    const t = j, b = G;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const Z = Ne(() => import("./index242.js")), A = m(null), B = m(null), a = m(null), N = m(null), x = m(null), u = y(
-      () => t.comma ? N.value : x.value
-    ), { isMobile: ee } = _e(), te = y(
-      () => t.allowWriting === "not-mobile" && ee.value ? "none" : void 0
+    const X = xe(() => import("./index241.js")), q = v(null), B = v(null), a = v(null), M = v(null), N = v(null), u = y(
+      () => t.comma ? M.value : N.value
+    ), { isMobile: Z } = Re(), ee = y(
+      () => t.allowWriting === "not-mobile" && Z.value ? "none" : void 0
     ), H = t.id || We().id.value;
-    Ge(
+    Xe(
       B,
       ([{ intersectionRatio: e }]) => {
         e !== 1 && O();
       },
       { threshold: [0, 1] }
     );
-    const { floatingStyles: oe } = je(
+    const { floatingStyles: te } = Ge(
       B,
       a,
       {
         placement: "bottom",
-        whileElementsMounted: it,
-        middleware: [rt(), st(5), ut()]
+        whileElementsMounted: rt,
+        middleware: [st(), ut(5), pt()]
       }
-    ), ne = y(() => {
+    ), oe = y(() => {
       var o;
       const e = {
-        ...oe.value,
+        ...te.value,
         zIndex: "10"
       };
       return B.value && (e.width = `${(o = B.value) == null ? void 0 : o.$el.clientWidth}px`), e;
-    }), q = m(null), E = () => {
-      q.value instanceof HTMLInputElement && q.value.focus();
-    }, le = async (e) => {
-      b("focus", e), Ae(), document.addEventListener("click", k), document.addEventListener("focusin", k);
-    }, ae = () => {
-      t.prefill === "focus" && !Oe.value && !Ce.value && Be();
-    }, ie = async (e) => {
+    }), E = v(null), L = () => {
+      E.value instanceof HTMLInputElement && E.value.focus();
+    }, ne = async (e) => {
+      b("focus", e), Te(), document.addEventListener("click", k), document.addEventListener("focusin", k);
+    }, le = () => {
+      t.prefill === "focus" && !Be.value && !Oe.value && we();
+    }, ae = async (e) => {
       b("blur", e);
-    }, re = (e) => b("change", e), se = (e) => {
+    }, ie = (e) => b("change", e), re = (e) => {
       var o;
-      b("input", e), l.value === "" && (t.multiple || ke(null)), (o = u.value) == null || o.blur(), Ie();
+      b("input", e), l.value === "" && (t.multiple || Ce(null)), (o = u.value) == null || o.blur(), Ve();
     }, k = async (e) => {
-      if (e.target instanceof Node && A.value && a.value && !A.value.$el.contains(e.target) && !a.value.$el.contains(e.target)) {
-        O(), qe(), document.removeEventListener("click", k), document.removeEventListener("focusin", k), await S(t.transitionDuration), be();
+      if (e.target instanceof Node && q.value && a.value && !q.value.$el.contains(e.target) && !a.value.$el.contains(e.target)) {
+        O(), Ae(), document.removeEventListener("click", k), document.removeEventListener("focusin", k), await A(t.transitionDuration), ye();
         return;
       }
-    }, w = y(() => !(t.readonly || t.disabled || D.value || !u.value && t.multiple)), ue = async () => {
+    }, w = y(() => !(t.readonly || t.disabled || D.value || !u.value && t.multiple)), se = async () => {
       var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusPrevious() : (await V(), await S(t.transitionDuration), (n = a.value) == null || n.focusLastSelected()));
-    }, pe = async () => {
+      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusPrevious() : (await V(), await A(t.transitionDuration), (n = a.value) == null || n.focusLastSelected()));
+    }, ue = async () => {
       var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusNext() : (await V(), await S(t.transitionDuration), (n = a.value) == null || n.focusFirstSelected()));
-    }, de = (e) => {
-      var n, i, f, C;
-      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !v.value.length)) return;
-      (i = u.value) == null || i.focusPrevious();
-      const o = (f = u.value) == null ? void 0 : f.getHighlighted();
+      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusNext() : (await V(), await A(t.transitionDuration), (n = a.value) == null || n.focusFirstSelected()));
+    }, pe = (e) => {
+      var n, r, m, C;
+      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !f.value.length)) return;
+      (r = u.value) == null || r.focusPrevious();
+      const o = (m = u.value) == null ? void 0 : m.getHighlighted();
       o && ((C = a.value) == null || C.focusByHash(o.valueHash));
-    }, ce = (e) => {
-      var n, i, f, C;
-      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !v.value.length)) return;
-      (i = u.value) == null || i.focusNext();
-      const o = (f = u.value) == null ? void 0 : f.getHighlighted();
+    }, de = (e) => {
+      var n, r, m, C;
+      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !f.value.length)) return;
+      (r = u.value) == null || r.focusNext();
+      const o = (m = u.value) == null ? void 0 : m.getHighlighted();
       o && ((C = a.value) == null || C.focusByHash(o.valueHash));
-    }, fe = async () => {
+    }, ce = async () => {
       var e, o;
       if (w.value) {
         if (!c.value)
-          await V(), await S(t.transitionDuration), v.value.length && ((e = a.value) == null || e.focusFirstSelected());
+          await V(), await A(t.transitionDuration), f.value.length && ((e = a.value) == null || e.focusFirstSelected());
         else if ((o = a.value) != null && o.getHighlighted())
           a.value.confirmOption();
         else if (t.addOptions) {
           if (t.itemText || t.itemValue) {
-            const { error: i } = Xe();
-            i(
+            const { error: r } = Ze();
+            r(
               `Adding an option for mapped items is not supported. You can't create an option while passing "item-text" or "item-value".`
             );
             return;
           }
           const n = l.value.trim();
-          if (De(n)) return;
-          he(), Q(Ye(Ve.value));
+          if (ke(n)) return;
+          he(), _(je(De.value));
         }
       }
-    }, me = async () => {
+    }, fe = async () => {
       c.value && await O();
-    }, ve = async () => {
+    }, me = async () => {
       var e, o;
-      !w.value || l.value || !v.value.length || ((e = u.value) != null && e.getHighlighted() && u.value.confirmOption(), await Ue(), (o = u.value) == null || o.focusPrevious());
-    }, ye = t.prefill === !0 || !t.multiple && Je(t.modelValue) || t.multiple && !!t.modelValue.length, {
+      !w.value || l.value || !f.value.length || ((e = u.value) != null && e.getHighlighted() && u.value.confirmOption(), await Ue(), (o = u.value) == null || o.focusPrevious());
+    }, ve = t.prefill === !0 || !t.multiple && Ye(t.modelValue) || t.multiple && !!t.modelValue.length, {
       query: l,
-      alignQueryToState: be,
+      alignQueryToState: ye,
       addCurrentQueryToManualItems: he,
       innerLoading: P,
       options: z,
-      selectedOptions: v,
-      selectOption: ge,
-      unselectOption: we,
-      prefillItems: Be,
-      isPrefilling: Oe,
-      hasPrefilled: Ce,
-      updateModelValue: ke,
-      valueIsSelected: De,
-      manualItems: Ve,
-      searchByQuery: Ie
-    } = Ze({
+      selectedOptions: f,
+      selectOption: be,
+      unselectOption: ge,
+      prefillItems: we,
+      isPrefilling: Be,
+      hasPrefilled: Oe,
+      updateModelValue: Ce,
+      valueIsSelected: ke,
+      manualItems: De,
+      searchByQuery: Ve
+    } = et({
       emit: b,
       itemText: t.itemText,
       itemValue: t.itemValue,
@@ -178,41 +182,41 @@ const pt = { class: "bb-base-select__input-container" }, dt = ["id", "aria-contr
       stash: t.stash,
       items: I(t, "items"),
       enforceCoherence: t.enforceCoherence,
-      prefill: ye,
+      prefill: ve,
       modelValueDebounceTime: t.modelValueDebounceTime,
       dependencies: I(t, "dependencies"),
       depsDebounceTime: t.depsDebounceTime,
       queryDebounceTime: t.queryDebounceTime,
       disabled: I(t, "disabled")
-    }), $e = y(() => v.value.length ? "" : t.placeholder), D = y(() => !!(P.value || t.loading)), Te = y(() => {
+    }), Ie = y(() => f.value.length ? "" : t.placeholder), D = y(() => !!(P.value || t.loading)), $e = y(() => {
       let e = [];
-      const o = v.value.some(
-        (i) => i.text === l.value
+      const o = f.value.some(
+        (r) => r.text === l.value
       );
-      return (t.multiple && l.value || l.value && !o && !t.multiple) && t.filterBy ? e = z.value.filter((i) => {
-        let f = !1;
-        return typeof t.filterBy == "function" ? f = t.filterBy(i.value, i.item) : Array.isArray(t.filterBy) && t.filterBy.length && (f = f || j(i.item, t.filterBy, l.value.trim())), f || j(i, ["text"], l.value.trim());
+      return (t.multiple && l.value || l.value && !o && !t.multiple) && t.filterBy ? e = z.value.filter((r) => {
+        let m = !1;
+        return typeof t.filterBy == "function" ? m = t.filterBy(r.value, r.item) : Array.isArray(t.filterBy) && t.filterBy.length && (m = m || Y(r.item, t.filterBy, l.value.trim())), m || Y(r, ["text"], l.value.trim());
       }) : e = z.value, e;
-    }), Q = (e) => {
-      ge(e), E(), t.multiple || O();
-    }, K = (e) => {
-      we(e), E();
-    }, c = m(!1), U = m(!0), W = m(!1), V = async () => {
-      W.value = !0, await at(() => !!a.value), U.value = !1, c.value = !0;
+    }), _ = (e) => {
+      be(e), L(), t.multiple || O();
+    }, Q = (e) => {
+      ge(e), L();
+    }, c = v(!1), K = v(!0), U = v(!1), V = async () => {
+      U.value = !0, await it(() => !!a.value), K.value = !1, c.value = !0;
     }, O = async () => {
       var e;
-      c.value = !1, U.value = !0, (e = u.value) == null || e.blur();
-    }, Se = () => c.value ? O() : V(), L = m(!1), Ae = () => {
-      L.value = !0;
-    }, qe = () => {
-      L.value = !1, b("inactive");
-    }, Ee = (e) => {
-      e.preventDefault(), b("click", e), !(t.disabled || t.readonly) && (E(), Se());
-    }, Le = et(
+      c.value = !1, K.value = !0, (e = u.value) == null || e.blur();
+    }, Se = () => c.value ? O() : V(), F = v(!1), Te = () => {
+      F.value = !0;
+    }, Ae = () => {
+      F.value = !1, b("inactive");
+    }, qe = (e) => {
+      e.preventDefault(), b("click", e), !(t.disabled || t.readonly) && (L(), Se());
+    }, Ee = tt(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Fe = y(() => [].concat(t.modelValue).map((e) => {
-      const o = Le(e);
+    ), Le = y(() => [].concat(t.modelValue).map((e) => {
+      const o = Ee(e);
       return {
         disabled: t.disabled,
         name: t.name,
@@ -220,114 +224,114 @@ const pt = { class: "bb-base-select__input-container" }, dt = ["id", "aria-contr
         value: o
       };
     }));
-    return (e, o) => (h(), $(lt, {
+    return (e, o) => (h(), $(at, {
       ref_key: "outerContainer",
-      ref: A,
-      class: _({
+      ref: q,
+      class: W({
         "bb-base-select": !0,
-        "bb-base-select--active": L.value,
+        "bb-base-select--active": F.value,
         "bb-base-select--shown": c.value,
         "bb-base-select--loading": D.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
         "bb-base-select--readonly": e.readonly
       }),
-      onClick: Ee
+      onClick: qe
     }, {
-      "prepend-outer": r(() => [
-        p(e.$slots, "prepend-outer", { query: s(l) })
+      "prepend-outer": s(() => [
+        p(e.$slots, "prepend-outer", { query: i(l) })
       ]),
-      "append-outer": r(() => [
-        p(e.$slots, "append-outer", { query: s(l) })
+      "append-outer": s(() => [
+        p(e.$slots, "append-outer", { query: i(l) })
       ]),
-      default: r(() => [
-        F(nt, {
+      default: s(() => [
+        x(lt, {
           ref_key: "innerContainer",
           ref: B,
           "append:icon": t["append:icon"],
           "prepend:icon": t["prepend:icon"],
           "prevent-focus": !0
         }, {
-          prepend: r(() => [
-            p(e.$slots, "prepend", { query: s(l) })
+          prepend: s(() => [
+            p(e.$slots, "prepend", { query: i(l) })
           ]),
-          prefix: r(() => [
+          prefix: s(() => [
             p(e.$slots, "prefix")
           ]),
-          append: r(() => [
-            p(e.$slots, "append", { query: s(l) })
+          append: s(() => [
+            p(e.$slots, "append", { query: i(l) })
           ]),
-          suffix: r(() => [
+          suffix: s(() => [
             p(e.$slots, "suffix")
           ]),
-          default: r(() => [
-            F(s(Re), { tag: "span" }, {
-              default: r(() => [
-                T("span", pt, [
-                  e.multiple ? (h(), M(R, { key: 0 }, [
-                    e.comma ? (h(), $(ot, {
+          default: s(() => [
+            x(i(Je), { tag: "span" }, {
+              default: s(() => [
+                S("span", dt, [
+                  e.multiple && i(f).length <= e.max ? (h(), T(R, { key: 0 }, [
+                    e.comma ? (h(), $(nt, {
                       key: 0,
                       ref_key: "commaBox",
-                      ref: N,
-                      options: s(v)
-                    }, null, 8, ["options"])) : (h(), $(tt, {
+                      ref: M,
+                      options: i(f)
+                    }, null, 8, ["options"])) : (h(), $(ot, {
                       key: 1,
                       ref_key: "chipsBox",
-                      ref: x,
-                      options: s(v),
-                      "onOption:unselected": K
+                      ref: N,
+                      options: i(f),
+                      "onOption:unselected": Q
                     }, null, 8, ["options"]))
-                  ], 64)) : J("", !0),
-                  xe(T("input", {
-                    id: s(H),
+                  ], 64)) : (h(), T("span", ct, Me(i(f).length) + " elementi selezionati ", 1)),
+                  Ne(S("input", {
+                    id: i(H),
                     ref_key: "input",
-                    ref: q,
+                    ref: E,
                     "onUpdate:modelValue": o[0] || (o[0] = (n) => He(l) ? l.value = n : null),
                     "aria-autocomplete": "list",
-                    "aria-controls": `${s(H)}_listbox`,
+                    "aria-controls": `${i(H)}_listbox`,
                     "aria-describedby": e.ariaDescribedby,
                     "aria-expanded": c.value,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
-                    class: _("bb-base-select__text-input"),
+                    class: W("bb-base-select__text-input"),
                     disabled: e.disabled,
-                    inputmode: te.value,
-                    placeholder: $e.value,
+                    inputmode: ee.value,
+                    placeholder: Ie.value,
                     readonly: e.readonly || !e.allowWriting,
                     required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
                     role: "combobox",
                     type: "text",
-                    onBlur: d(ie, ["stop"]),
-                    onChange: d(re, ["stop"]),
-                    onFocusOnce: d(ae, ["stop"]),
-                    onFocus: d(le, ["stop"]),
-                    onInput: d(se, ["stop"]),
+                    onBlur: d(ae, ["stop"]),
+                    onChange: d(ie, ["stop"]),
+                    onFocusOnce: d(le, ["stop"]),
+                    onFocus: d(ne, ["stop"]),
+                    onInput: d(re, ["stop"]),
                     onKeydown: [
-                      g(d(ve, ["stop"]), ["delete"]),
-                      g(d(de, ["stop"]), ["left"]),
-                      g(d(pe, ["stop", "prevent"]), ["down"]),
-                      g(d(fe, ["stop", "prevent"]), ["enter"]),
-                      g(d(me, ["stop", "prevent"]), ["esc"]),
-                      g(d(ue, ["stop", "prevent"]), ["up"]),
-                      g(d(ce, ["stop"]), ["right"])
+                      g(d(me, ["stop"]), ["delete"]),
+                      g(d(pe, ["stop"]), ["left"]),
+                      g(d(ue, ["stop", "prevent"]), ["down"]),
+                      g(d(ce, ["stop", "prevent"]), ["enter"]),
+                      g(d(fe, ["stop", "prevent"]), ["esc"]),
+                      g(d(se, ["stop", "prevent"]), ["up"]),
+                      g(d(de, ["stop"]), ["right"])
                     ]
-                  }, null, 40, dt), [
-                    [Pe, s(l)]
+                  }, null, 40, ft), [
+                    [Pe, i(l)]
                   ])
                 ])
               ]),
               _: 1
             }),
             p(e.$slots, "chevron", {
-              loading: !!s(P),
+              loading: !!i(P),
               shown: c.value
             }, () => [
-              o[1] || (o[1] = T("svg", {
+              o[1] || (o[1] = S("svg", {
                 class: "bb-base-select__chevron",
                 viewBox: "0 0 24 24",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                T("path", {
+                S("path", {
                   d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                   fill: "currentColor"
                 })
@@ -336,50 +340,50 @@ const pt = { class: "bb-base-select__input-container" }, dt = ["id", "aria-contr
           ]),
           _: 3
         }, 8, ["append:icon", "prepend:icon"]),
-        (h(!0), M(R, null, ze(Fe.value, (n) => (h(), M("input", Y({
+        (h(!0), T(R, null, ze(Le.value, (n) => (h(), T("input", J({
           key: n.value,
           ref_for: !0
         }, n), null, 16))), 128)),
-        W.value ? (h(), $(Qe, {
+        U.value ? (h(), $(_e, {
           key: 0,
           to: "body"
         }, [
-          F(s(Z), {
+          x(i(X), {
             ref_key: "optionsContainer",
             ref: a,
             loading: D.value,
             open: c.value,
-            options: Te.value,
-            style: Ke(ne.value),
-            "onOption:selected": Q,
-            "onOption:unselected": K
+            options: $e.value,
+            style: Qe(oe.value),
+            "onOption:selected": _,
+            "onOption:unselected": Q
           }, {
-            "options:prepend": r(() => [
+            "options:prepend": s(() => [
               p(e.$slots, "options:prepend")
             ]),
-            loading: r(() => [
-              p(e.$slots, "loading", { query: s(l) })
+            loading: s(() => [
+              p(e.$slots, "loading", { query: i(l) })
             ]),
-            "no-data": r(() => [
-              p(e.$slots, "no-data", { query: s(l) })
+            "no-data": s(() => [
+              p(e.$slots, "no-data", { query: i(l) })
             ]),
-            "options:append": r(() => [
+            "options:append": s(() => [
               p(e.$slots, "options:append")
             ]),
-            option: r((n) => [
-              p(e.$slots, "option", Y({
+            option: s((n) => [
+              p(e.$slots, "option", J({
                 hasErrors: e.hasErrors,
                 loading: D.value
               }, n))
             ]),
             _: 3
           }, 8, ["loading", "open", "options", "style"])
-        ])) : J("", !0)
+        ])) : Ke("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  Nt as default
+  Ht as default
 };

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 "./index204.js";
-import { head as O } from "./index241.js";
-import { isCssColor as Y } from "./index210.js";
+import { head as O } from "./index247.js";
+import { isCssColor as Y } from "./index227.js";
 import { isNil as P } from "./index129.js";
 import { isNotNil as ne } from "./index134.js";
 import { transposeValue as y } from "./index130.js";
-import { hash as J } from "./index229.js";
+import { hash as J } from "./index232.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 q, createElementVNode as l, renderSlot as A } from "vue";
-import { isCssColor as b } from "./index210.js";
-import { when as F } from "./index211.js";
+import { isCssColor as b } from "./index227.js";
+import { when as F } from "./index228.js";
 const N = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {

package/dist/index43.js

@@ -1,8 +1,8 @@
 import { defineComponent as $, ref as p, toRef as l, openBlock as w, createBlock as B, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v, createSlots as z } from "vue";
-import { useOptions as F } from "./index220.js";
+import { useOptions as F } from "./index238.js";
 import M from "./index41.js";
 /* empty css        */
-import S from "./index221.js";
+import S from "./index239.js";
 /* empty css         */
 const I = /* @__PURE__ */ $({
   __name: "BaseSwitchGroup",

package/dist/index45.js

@@ -4,15 +4,15 @@ import { defineComponent as Y, ref as r, computed as k, toRef as B, openBlock as
 import ue from "./index127.js";
 /* empty css         */
 import { isNotNil as se } from "./index134.js";
-import { last as de } from "./index230.js";
-import { useOptions as pe } from "./index220.js";
-import ce from "./index244.js";
+import { last as de } from "./index213.js";
+import { useOptions as pe } from "./index238.js";
+import ce from "./index243.js";
 /* empty css         */
-import fe from "./index246.js";
+import fe from "./index245.js";
 /* empty css         */
-import me from "./index205.js";
+import me from "./index217.js";
 /* empty css         */
-import ve from "./index207.js";
+import ve from "./index219.js";
 const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Ne = /* @__PURE__ */ Y({
   __name: "BaseTag",
   props: {

package/dist/index47.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, ref as g, computed as u, onMounted as y, watch as V, nextTick as k, openBlock as x, createBlock as B, normalizeClass as $, withCtx as r, renderSlot as t, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index207.js";
-import E from "./index205.js";
+import v from "./index219.js";
+import E from "./index217.js";
 /* empty css         */
 import G from "./index127.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 p, normalizeClass as h, withCtx as n, renderSlot as r, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index205.js";
+import B from "./index217.js";
 /* empty css         */
-import k from "./index207.js";
+import k from "./index219.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 "./index210.js";
+import { isCssColor as _ } from "./index227.js";
 import { wait as C } from "./index131.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 "./index210.js";
+import { isCssColor as r } from "./index227.js";
 import { isNil as B } from "./index129.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",