bitboss-ui 2.1.1 → 2.1.3

package/dist/index347.js

@@ -0,0 +1,49 @@
+function D(n, l, e) {
+  let i = e.initialDeps ?? [], t;
+  return () => {
+    var r, c, h, m;
+    let f;
+    e.key && ((r = e.debug) != null && r.call(e)) && (f = Date.now());
+    const o = n();
+    if (!(o.length !== i.length || o.some((a, u) => i[u] !== a)))
+      return t;
+    i = o;
+    let g;
+    if (e.key && ((c = e.debug) != null && c.call(e)) && (g = Date.now()), t = l(...o), e.key && ((h = e.debug) != null && h.call(e))) {
+      const a = Math.round((Date.now() - f) * 100) / 100, u = Math.round((Date.now() - g) * 100) / 100, w = u / 16, s = (d, b) => {
+        for (d = String(d); d.length < b; )
+          d = " " + d;
+        return d;
+      };
+      console.info(
+        `%c⏱ ${s(u, 5)} /${s(a, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * w, 120)
+        )}deg 100% 31%);`,
+        e == null ? void 0 : e.key
+      );
+    }
+    return (m = e == null ? void 0 : e.onChange) == null || m.call(e, t), t;
+  };
+}
+function T(n, l) {
+  if (n === void 0)
+    throw new Error("Unexpected undefined");
+  return n;
+}
+const y = (n, l) => Math.abs(n - l) < 1, M = (n, l, e) => {
+  let i;
+  return function(...t) {
+    n.clearTimeout(i), i = n.setTimeout(() => l.apply(this, t), e);
+  };
+};
+export {
+  y as approxEqual,
+  M as debounce,
+  D as memo,
+  T as notUndefined
+};

package/dist/index35.js

@@ -1,7 +1,7 @@
 import { defineComponent as I, ref as v, computed as f, createElementBlock as l, openBlock as r, mergeProps as h, createElementVNode as i, renderSlot as p, Fragment as V, renderList as M, normalizeClass as D, toDisplayString as F, unref as y } from "vue";
-import { booleanishToBoolean as T } from "./index260.js";
-import { identity as $ } from "./index240.js";
-import { isCssColor as k } from "./index232.js";
+import { booleanishToBoolean as T } from "./index242.js";
+import { identity as $ } from "./index236.js";
+import { isCssColor as k } from "./index240.js";
 import { isNotNil as q } from "./index140.js";
 import { useLocale as x } from "./index210.js";
 const H = { class: "bb-base-rating__inner-container" }, S = { class: "bb-base-rating__label-text sr-only" }, N = ["id", "aria-describedby", "autofocus", "checked", "disabled", "name", "required", "value"], j = ["height", "width"], W = /* @__PURE__ */ I({

package/dist/index37.js

@@ -5,32 +5,32 @@ import { useId as Ye } from "./index8.js";
 import { useMobile as Ze } from "./index9.js";
 import et from "./index111.js";
 /* empty css         */
-import { hash as tt } from "./index229.js";
-import { isEmpty as lt } from "./index241.js";
-import { last as at } from "./index242.js";
-import { matchAnyKey as ne } from "./index243.js";
-import { useArray as ot } from "./index244.js";
-import { useBaseOptions as nt } from "./index227.js";
-import { useCoherence as ut } from "./index228.js";
-import { useHashedWatcher as ue } from "./index230.js";
-import { useIndexById as ie } from "./index226.js";
+import { hash as tt } from "./index218.js";
+import { isEmpty as lt } from "./index229.js";
+import { last as at } from "./index221.js";
+import { matchAnyKey as ne } from "./index260.js";
+import { useArray as ot } from "./index261.js";
+import { useBaseOptions as nt } from "./index216.js";
+import { useCoherence as ut } from "./index217.js";
+import { useHashedWatcher as ue } from "./index219.js";
+import { useIndexById as ie } from "./index215.js";
 import { useMounted as it, useIntersectionObserver as rt } from "./index137.js";
-import { useItemsGetter as st } from "./index225.js";
+import { useItemsGetter as st } from "./index214.js";
 import { useLocale as dt } from "./index210.js";
-import { usePrefill as ct } from "./index231.js";
+import { usePrefill as ct } from "./index220.js";
 import { wait as F } from "./index135.js";
-import { waitFor as pt } from "./index245.js";
-import { when as mt } from "./index233.js";
-import ft from "./index246.js";
+import { waitFor as pt } from "./index262.js";
+import { when as mt } from "./index241.js";
+import ft from "./index222.js";
 /* empty css         */
-import vt from "./index248.js";
+import vt from "./index224.js";
 /* empty css         */
-import yt from "./index213.js";
+import yt from "./index226.js";
 /* empty css         */
-import ht from "./index215.js";
-import bt from "./index220.js";
+import ht from "./index228.js";
+import bt from "./index238.js";
 /* empty css         */
-import gt from "./index250.js";
+import gt from "./index263.js";
 const wt = { class: "bb-base-select__input-container" }, Bt = {
   key: 1,
   class: "bb-base-select__max-reached"

package/dist/index39.js

@@ -1,15 +1,17 @@
-import { defineComponent as U, ref as d, computed as h, onMounted as W, watch as Z, createElementBlock as g, openBlock as w, mergeProps as T, renderSlot as f, createElementVNode as c, createCommentVNode as H, Fragment as ee, renderList as ae, normalizeProps as re, guardReactiveProps as te, unref as b, normalizeStyle as F, normalizeClass as I } from "vue";
-import { clamp as le } from "./index207.js";
-import { head as O } from "./index261.js";
-import { isCssColor as Y } from "./index232.js";
-import { isNil as P } from "./index262.js";
-import { isNotNil as ne } from "./index140.js";
-import { transposeValue as y } from "./index136.js";
-import { hash as J } from "./index229.js";
-const oe = { class: "bb-base-slider__slider-container" }, ie = {
+import { defineComponent as re, ref as d, computed as f, onMounted as te, watch as le, createElementBlock as y, openBlock as g, mergeProps as P, renderSlot as v, createElementVNode as m, createCommentVNode as H, Fragment as oe, renderList as ne, normalizeProps as se, guardReactiveProps as ie, unref as c, normalizeStyle as G, normalizeClass as O } from "vue";
+import { head as ue } from "./index244.js";
+import { isCssColor as Y } from "./index240.js";
+import { isNil as S } from "./index245.js";
+import { getAsPercentageBetween as T, getAsPercentage as de, getValueFromPercentageInInterval as C } from "./index136.js";
+import { hash as j } from "./index218.js";
+import { snapToStep as me } from "./index246.js";
+import { last as ce } from "./index221.js";
+import { transpose as J } from "./index247.js";
+import { clamp as p } from "./index206.js";
+const be = { class: "bb-base-slider__slider-container" }, ve = {
   key: 0,
   class: "bb-base-slider__ticks-container"
-}, se = ["id", "disabled", "name", "readonly", "required", "value"], ue = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], de = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], we = /* @__PURE__ */ U({
+}, fe = ["id", "disabled", "name", "readonly", "required", "value"], pe = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], he = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], Le = /* @__PURE__ */ re({
   __name: "BaseSlider",
   props: {
     ariaDescribedby: {},
@@ -30,103 +32,121 @@ const oe = { class: "bb-base-slider__slider-container" }, ie = {
     thumbTranslate: { type: Boolean, default: !0 }
   },
   emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
-  setup(K, { emit: j }) {
-    const a = K, u = j, C = d(), B = d(), _ = d(), v = d(), n = d(0), o = d(0), E = h(() => Array.isArray(a.modelValue) ? O(a.modelValue) ?? void 0 : P(a.modelValue) ? void 0 : Number(a.modelValue)), $ = h(() => Array.isArray(a.modelValue) ? O(a.modelValue) ?? void 0 : P(a.modelValue) ? void 0 : Number(a.modelValue)), L = h(() => [n.value, o.value].sort(
+  setup(K, { emit: Q }) {
+    const a = K, s = Q;
+    if (a.min < Number.MIN_SAFE_INTEGER || a.max > Number.MAX_SAFE_INTEGER)
+      throw new Error("BaseSlider min or max is too large");
+    const I = d(), V = d(), b = d(), u = d(), n = d(0), l = d(0), E = f(() => Array.isArray(a.modelValue) ? ue(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), _ = f(() => Array.isArray(a.modelValue) ? ce(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), A = f(() => [n.value, l.value].sort(
       (e, r) => e - r
-    )), p = y({
-      value: a.min + a.step,
-      originalBounds: { min: a.min, max: a.max },
-      targetBounds: { min: 0, max: 100 },
-      step: 1
-    }), x = d(!1);
+    )), $ = d(!1);
     if (a.range && !Array.isArray(a.modelValue))
       throw new TypeError(
         "BaseSlider mode is set as range but modelValue is not an array"
       );
-    W(() => {
+    te(() => {
       var e;
-      a.autofocus && ((e = v.value) == null || e.focus());
-    }), Z(
+      a.autofocus && ((e = u.value) == null || e.focus());
+    });
+    let B = d(!1), o = d(null);
+    const x = (e) => {
+      if (u.value && u.value.contains(e.target))
+        return "higher";
+      if (b.value && b.value.contains(e.target))
+        return "lower";
+      throw new Error("Could not identify target thumb");
+    }, U = (e) => {
+      a.disabled || a.readonly || (o.value || (o.value = x(e)), B.value = !0, document.addEventListener("pointermove", L), document.addEventListener("pointerup", R), s("pointerdown", e));
+    };
+    let z = f(() => B.value ? {} : { onPointerdown: U });
+    const L = (e) => {
+      if (!(a.disabled || a.readonly) && V.value) {
+        e instanceof PointerEvent ? s("pointermove", e) : s("click", e);
+        const r = V.value.getBoundingClientRect(), t = e.clientX, i = r.left, h = r.width;
+        let ee = J(
+          t,
+          i,
+          i + h,
+          a.min,
+          a.max
+        );
+        const ae = me(
+          ee,
+          a.min,
+          a.max,
+          a.step
+        ), M = T(
+          ae,
+          a.min,
+          a.max
+        );
+        o.value === "higher" ? l.value = M : o.value === "lower" && (n.value = M), s("update:modelValue", N());
+      }
+    }, N = () => a.range ? [
+      C(
+        n.value,
+        a.min,
+        a.max
+      ),
+      C(
+        l.value,
+        a.min,
+        a.max
+      )
+    ].sort((e, r) => e - r) : C(
+      l.value,
+      a.min,
+      a.max
+    );
+    le(
       () => a.modelValue,
       (e) => {
-        let r;
         if (a.range) {
-          const [s = a.min, m = a.min] = e;
-          r = [s, m];
-        } else
-          r = [a.min, ne(e) ? Number(e) : a.min];
-        const [l, i] = r.map((s) => {
-          let m = P(s) ? a.min : Number(s);
-          return y({
-            value: m,
-            targetBounds: { min: 0, max: 100 },
-            originalBounds: { min: a.min, max: a.max },
-            step: 1
-          });
-        });
-        n.value = l, o.value = i;
+          if (!Array.isArray(e))
+            throw new Error("BaseSlider modelValue must be an array");
+          if (e.length !== 2) {
+            n.value = 0, l.value = 100;
+            return;
+          }
+          const t = [...e].sort((i, h) => i - h).map(
+            (i) => p(T(i, a.min, a.max), 0, 100)
+          );
+          n.value > l.value ? (n.value = t[1], l.value = t[0]) : (n.value = t[0], l.value = t[1]);
+        } else {
+          let r = e ?? a.min;
+          const t = J(r, a.min, a.max, 0, 100), i = p(t, 0, 100);
+          l.value = i;
+        }
       },
       { immediate: !0 }
     );
-    let A = d(!1), t = d(null);
-    const S = (e) => {
-      if (v.value && v.value.contains(e.target))
-        return "higher";
-      if (_.value && _.value.contains(e.target))
-        return "lower";
-      throw new Error("Could not identify target thumb");
-    }, G = (e) => {
-      a.disabled || a.readonly || (t.value || (t.value = S(e)), A.value = !0, document.addEventListener("pointermove", N), document.addEventListener("pointerup", z), u("pointerdown", e));
-    };
-    let M = h(() => A.value ? {} : { onPointerdown: G });
-    const N = (e) => {
-      if (!(a.disabled || a.readonly) && B.value) {
-        const r = B.value.getBoundingClientRect(), l = e.clientX, i = r.left, s = r.width;
-        e instanceof PointerEvent ? u("pointermove", e) : u("click", e);
-        const m = y({
-          value: le(l, i, i + s),
-          originalBounds: { min: i, max: i + s },
-          targetBounds: { min: 0, max: 100 },
-          step: p
-        });
-        t.value === "higher" ? o.value = m : t.value === "lower" && (n.value = m);
-      }
-    }, k = () => {
-      const [e, r] = [n.value, o.value].sort(
-        (i, s) => i - s
-      ), l = [e, r].map(
-        (i) => y({
-          value: i,
-          originalBounds: { min: 0, max: 100 },
-          targetBounds: { min: a.min, max: a.max },
-          step: a.step
-        })
-      );
-      return a.range ? l : l[1];
-    }, z = (e) => {
-      A.value = !1, t.value = null, document.removeEventListener("pointermove", N), document.removeEventListener("pointerup", z), u("pointerup", e), u("update:modelValue", k());
-    }, X = (e) => {
-      u("keydown", e), !(a.disabled || a.readonly || e.key !== "ArrowLeft" && e.key !== "ArrowRight") && (e.key === "ArrowLeft" ? t.value === "higher" || document.activeElement === v.value ? o.value = Math.max(
-        o.value - p,
-        n.value
-      ) : t.value === "lower" && (n.value = Math.max(
-        n.value - p,
-        0
-      )) : e.key === "ArrowRight" && (t.value === "higher" || document.activeElement === v.value ? o.value = Math.min(
-        o.value + p,
+    const R = (e) => {
+      B.value = !1, o.value = null, document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", R), s("pointerup", e);
+    }, w = de(a.step, a.max - a.min), X = (e) => {
+      s("keydown", e), !(a.disabled || a.readonly || e.key !== "ArrowLeft" && e.key !== "ArrowRight") && (e.key === "ArrowLeft" ? o.value === "higher" || document.activeElement === u.value || e.target === u.value ? l.value = p(
+        l.value - w,
+        0,
+        100
+      ) : (o.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = p(
+        n.value - w,
+        0,
+        100
+      )) : e.key === "ArrowRight" && (o.value === "higher" || document.activeElement === u.value || e.target === u.value ? l.value = p(
+        l.value + w,
+        0,
+        100
+      ) : (o.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = p(
+        n.value + w,
+        0,
         100
-      ) : t.value === "lower" && (n.value = Math.min(
-        n.value + p,
-        o.value
-      ))), u("update:modelValue", k()));
-    }, q = (e) => {
-      u("focus", e);
-      const r = S(e);
-      r && (t.value = r), x.value || (x.value = !0, u("active"), document.addEventListener("focusin", V), document.addEventListener("click", V));
-    }, V = (e) => {
+      ))), s("update:modelValue", N()));
+    }, F = (e) => {
+      s("focus", e);
+      const r = x(e);
+      r && (o.value = r), $.value || ($.value = !0, s("active"), document.addEventListener("focusin", k), document.addEventListener("click", k));
+    }, k = (e) => {
       var r;
-      e.target instanceof HTMLElement && ((r = C.value) != null && r.contains(e.target) || (x.value = !1, t.value = null, u("inactive"), document.removeEventListener("focusin", V), document.removeEventListener("click", V)));
-    }, D = {
+      e.target instanceof HTMLElement && ((r = I.value) != null && r.contains(e.target) || ($.value = !1, o.value = null, s("inactive"), document.removeEventListener("focusin", k), document.removeEventListener("click", k)));
+    }, q = {
       class: {
         "bb-base-slider": !0,
         "bb-base-slider--disabled": a.disabled,
@@ -135,67 +155,57 @@ const oe = { class: "bb-base-slider__slider-container" }, ie = {
         [`bb-base-slider--${a.color}`]: a.color && !Y(a.color)
       },
       onClick: (e) => {
-        var l;
+        var t;
         if (a.range) return;
-        (l = v.value) == null || l.focus(), N(e);
-        const r = k();
-        J(r) !== J(a.modelValue) && u("update:modelValue", k());
+        (t = u.value) == null || t.focus(), L(e);
+        const r = N();
+        j(r), j(a.modelValue);
       },
       style: {}
     };
-    a.color && Y(a.color) && (D.style["--color"] = a.color);
-    const Q = h(() => {
+    a.color && Y(a.color) && (q.style["--color"] = a.color);
+    const W = f(() => {
       const e = "bb-base-slider__track-background", r = {
-        width: `${L.value[1] - L.value[0]}%`,
-        left: `${L.value[0]}%`
+        width: `${A.value[1] - A.value[0]}%`,
+        left: `${A.value[0]}%`
       };
       return {
         class: e,
         style: r
       };
-    }), R = h(() => {
+    }), Z = (e) => S(a.modelValue) ? !1 : Array.isArray(a.modelValue) ? a.modelValue.length === 0 ? !1 : a.modelValue[0] <= e && a.modelValue[1] >= e : e <= Number(a.modelValue), D = f(() => {
       if (!a.ticks) return [];
       let e = [], r = a.min;
       for (; r <= a.max; ) {
-        let l = r, i = y({
-          value: l,
-          originalBounds: { min: a.min, max: a.max },
-          targetBounds: { min: 0, max: 100 },
-          step: p
-        }), s = y({
-          value: r,
-          originalBounds: { min: a.min, max: a.max },
-          targetBounds: { min: 0, max: 100 },
-          step: a.step
-        });
-        const m = s >= n.value && s <= o.value;
+        let t = r;
+        const i = T(t, a.min, a.max), h = Z(t);
         e.push({
-          value: l,
+          value: t,
           percent: i,
-          active: m
+          active: h
         }), r += a.step;
       }
       return e;
     });
-    return (e, r) => (w(), g("span", T(D, {
+    return (e, r) => (g(), y("span", P(q, {
       ref_key: "container",
-      ref: C
+      ref: I
     }), [
-      f(e.$slots, "prepend"),
-      c("span", oe, [
-        R.value.length ? (w(), g("span", ie, [
-          (w(!0), g(ee, null, ae(R.value, (l) => (w(), g("span", {
-            key: l.value,
+      v(e.$slots, "prepend"),
+      m("span", be, [
+        D.value.length ? (g(), y("span", ve, [
+          (g(!0), y(oe, null, ne(D.value, (t) => (g(), y("span", {
+            key: t.value,
             class: "bb-base-slider__tick"
           }, [
-            f(e.$slots, "tick", {
-              active: l.active,
-              percent: l.percent,
-              value: l.value
+            v(e.$slots, "tick", {
+              active: t.active,
+              percent: t.percent,
+              value: t.value
             })
           ]))), 128))
         ])) : H("", !0),
-        c("input", {
+        m("input", {
           id: e.id,
           class: "sr-only",
           disabled: e.disabled,
@@ -205,19 +215,19 @@ const oe = { class: "bb-base-slider__slider-container" }, ie = {
           tabindex: -1,
           type: "text",
           value: JSON.stringify(e.modelValue)
-        }, null, 8, se),
-        c("span", {
+        }, null, 8, fe),
+        m("span", {
           ref_key: "track",
-          ref: B,
+          ref: V,
           class: "bb-base-slider__track-container"
         }, [
-          r[0] || (r[0] = c("span", { class: "bb-base-slider__track-fill" }, null, -1)),
-          c("span", re(te(Q.value)), null, 16)
+          r[0] || (r[0] = m("span", { class: "bb-base-slider__track-fill" }, null, -1)),
+          m("span", se(ie(W.value)), null, 16)
         ], 512),
-        a.range ? (w(), g("span", T({ key: 1 }, b(M), {
+        a.range ? (g(), y("span", P({ key: 1 }, c(z), {
           key: "thumblower",
           ref_key: "thumblower",
-          ref: _,
+          ref: b,
           "aria-describedby": e.ariaDescribedby,
           "aria-orientation": "horizontal",
           "aria-readonly": !e.readonly,
@@ -229,80 +239,80 @@ const oe = { class: "bb-base-slider__slider-container" }, ie = {
           role: "slider",
           style: { left: `${n.value}%` },
           tabindex: e.disabled ? -1 : 0,
-          onFocus: q,
+          onFocus: F,
           onKeydown: X
         }), [
-          c("span", {
-            class: I({
+          m("span", {
+            class: O({
               "bb-base-slider__thumb": !0,
               "bb-base-slider__thumb--lower": !0,
-              "bb-base-slider__thumb--focused": b(t) === "lower"
+              "bb-base-slider__thumb--focused": c(o) === "lower"
             }),
-            style: F({
+            style: G({
               transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${n.value}%)` : "translateX(-50%)"}`,
               left: `${n.value}%`
             })
           }, [
-            f(e.$slots, "thumb:lower", {
-              focused: b(t) === "lower",
+            v(e.$slots, "thumb:lower", {
+              focused: c(o) === "lower",
               percent: n.value,
               value: E.value
             }, () => [
-              f(e.$slots, "thumb", {
-                focused: b(t) === "lower",
+              v(e.$slots, "thumb", {
+                focused: c(o) === "lower",
                 percent: n.value,
                 value: E.value
               })
             ])
           ], 6)
-        ], 16, ue)) : H("", !0),
-        c("span", T(b(M), {
+        ], 16, pe)) : H("", !0),
+        m("span", P(c(z), {
           key: "thumbhigher",
           ref_key: "thumbhigher",
-          ref: v,
+          ref: u,
           "aria-describedby": e.ariaDescribedby,
           "aria-orientation": "horizontal",
           "aria-readonly": !e.readonly,
           "aria-valuemax": e.max,
           "aria-valuemin": e.min,
-          "aria-valuenow": $.value,
+          "aria-valuenow": _.value,
           class: "bb-base-slider__thumb-container",
           "data-thumb": "higher",
           role: "slider",
-          style: { left: `${o.value}%` },
+          style: { left: `${l.value}%` },
           tabindex: e.disabled ? -1 : 0,
-          onFocus: q,
+          onFocus: F,
           onKeydown: X
         }), [
-          c("span", {
-            class: I({
+          m("span", {
+            class: O({
               "bb-base-slider__thumb": !0,
               "bb-base-slider__thumb--higher": !0,
-              "bb-base-slider__thumb--focused": b(t) === "higher"
+              "bb-base-slider__thumb--focused": c(o) === "higher"
             }),
-            style: F({
-              transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${o.value}%)` : "translateX(-50%)"}`,
-              left: `${o.value}%`
+            style: G({
+              transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${l.value}%)` : "translateX(-50%)"}`,
+              left: `${l.value}%`
             })
           }, [
-            f(e.$slots, "thumb:higher", {
-              focused: b(t) === "higher",
-              percent: o.value,
-              value: $.value
+            v(e.$slots, "thumb:higher", {
+              focused: c(o) === "higher",
+              percent: l.value,
+              value: _.value
             }, () => [
-              f(e.$slots, "thumb", {
-                focused: b(t) === "higher",
-                percent: o.value,
-                value: $.value
+              v(e.$slots, "thumb", {
+                focused: c(o) === "higher",
+                percent: l.value,
+                value: _.value
               })
             ])
           ], 6)
-        ], 16, de)
+        ], 16, he)
       ]),
-      f(e.$slots, "append")
+      v(e.$slots, "append")
     ], 16));
   }
 });
 export {
-  we as default
+  Le as default
 };

package/dist/index41.js

@@ -1,6 +1,6 @@
 import { defineComponent as I, ref as f, computed as n, watch as S, createElementBlock as h, openBlock as y, normalizeProps as r, guardReactiveProps as d, createCommentVNode as A, createElementVNode as l, mergeProps as V, renderSlot as F } from "vue";
-import { isCssColor as b } from "./index232.js";
-import { when as N } from "./index233.js";
+import { isCssColor as b } from "./index240.js";
+import { when as N } from "./index241.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, createBlock as z, openBlock 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 "./index223.js";
+import N from "./index212.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index225.js";
-import { useIndexById as T } from "./index226.js";
-import { useBaseOptions as q } from "./index227.js";
-import { useCoherence as J } from "./index228.js";
-import { hash as Q } from "./index229.js";
-import { useHashedWatcher as $ } from "./index230.js";
-import { usePrefill as X } from "./index231.js";
+import { useItemsGetter as U } from "./index214.js";
+import { useIndexById as T } from "./index215.js";
+import { useBaseOptions as q } from "./index216.js";
+import { useCoherence as J } from "./index217.js";
+import { hash as Q } from "./index218.js";
+import { useHashedWatcher as $ } from "./index219.js";
+import { usePrefill as X } from "./index220.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {

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 "./index111.js";
 /* empty css         */
-import { last as le } from "./index242.js";
-import { useBaseOptions as ne } from "./index227.js";
-import { useIndexById as re } from "./index226.js";
-import ie from "./index246.js";
+import { last as le } from "./index221.js";
+import { useBaseOptions as ne } from "./index216.js";
+import { useIndexById as re } from "./index215.js";
+import ie from "./index222.js";
 /* empty css         */
-import ue from "./index248.js";
+import ue from "./index224.js";
 /* empty css         */
-import se from "./index213.js";
+import se from "./index226.js";
 /* empty css         */
-import de from "./index215.js";
-import { isEmpty as pe } from "./index241.js";
+import de from "./index228.js";
+import { isEmpty as pe } from "./index229.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: {