bitboss-ui 2.1.2 → 2.1.4

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,9 +1,9 @@
 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 "./index252.js";
-import { identity as $ } from "./index251.js";
-import { isCssColor as k } from "./index243.js";
+import { booleanishToBoolean as T } from "./index226.js";
+import { identity as $ } from "./index236.js";
+import { isCssColor as k } from "./index222.js";
 import { isNotNil as q } from "./index140.js";
-import { useLocale as x } from "./index219.js";
+import { useLocale as x } from "./index228.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({
   __name: "BaseRating",
   props: {

package/dist/index37.js

@@ -6,31 +6,31 @@ import { useMobile as Ze } from "./index9.js";
 import et from "./index111.js";
 /* empty css         */
 import { hash as tt } from "./index215.js";
-import { isEmpty as lt } from "./index230.js";
-import { last as at } from "./index231.js";
-import { matchAnyKey as ne } from "./index232.js";
-import { useArray as ot } from "./index233.js";
+import { isEmpty as lt } from "./index237.js";
+import { last as at } from "./index238.js";
+import { matchAnyKey as ne } from "./index249.js";
+import { useArray as ot } from "./index250.js";
 import { useBaseOptions as nt } from "./index213.js";
 import { useCoherence as ut } from "./index214.js";
 import { useHashedWatcher as ue } from "./index216.js";
 import { useIndexById as ie } from "./index212.js";
 import { useMounted as it, useIntersectionObserver as rt } from "./index137.js";
 import { useItemsGetter as st } from "./index211.js";
-import { useLocale as dt } from "./index219.js";
+import { useLocale as dt } from "./index228.js";
 import { usePrefill as ct } from "./index217.js";
 import { wait as F } from "./index135.js";
-import { waitFor as pt } from "./index234.js";
-import { when as mt } from "./index235.js";
-import ft from "./index236.js";
+import { waitFor as pt } from "./index251.js";
+import { when as mt } from "./index225.js";
+import ft from "./index245.js";
 /* empty css         */
-import vt from "./index238.js";
+import vt from "./index247.js";
 /* empty css         */
-import yt from "./index224.js";
+import yt from "./index218.js";
 /* empty css         */
-import ht from "./index226.js";
-import bt from "./index227.js";
+import ht from "./index220.js";
+import bt from "./index241.js";
 /* empty css         */
-import gt from "./index240.js";
+import gt from "./index252.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 "./index264.js";
-import { isCssColor as Y } from "./index243.js";
-import { isNil as P } from "./index242.js";
-import { isNotNil as ne } from "./index140.js";
-import { transposeValue as y } from "./index136.js";
-import { hash as J } from "./index215.js";
-const oe = { class: "bb-base-slider__slider-container" }, ie = {
+import { defineComponent as te, ref as d, computed as p, onMounted as le, watch as oe, createElementBlock as y, openBlock as g, mergeProps as L, renderSlot as v, createElementVNode as m, createCommentVNode as H, Fragment as ne, renderList as se, normalizeProps as ie, guardReactiveProps as ue, unref as c, normalizeStyle as G, normalizeClass as O } from "vue";
+import { head as de } from "./index256.js";
+import { isCssColor as Y } from "./index222.js";
+import { isNil as S } from "./index223.js";
+import { getAsPercentageBetween as T, getAsPercentage as me, getValueFromPercentageInInterval as x } from "./index136.js";
+import { hash as j } from "./index215.js";
+import { snapToStep as ce } from "./index257.js";
+import { last as be } from "./index238.js";
+import { transpose as J } from "./index258.js";
+import { clamp as f } from "./index206.js";
+const ve = { class: "bb-base-slider__slider-container" }, fe = {
   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({
+}, pe = ["id", "disabled", "name", "readonly", "required", "value"], he = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], ye = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], Ne = /* @__PURE__ */ te({
   __name: "BaseSlider",
   props: {
     ariaDescribedby: {},
@@ -19,6 +21,7 @@ const oe = { class: "bb-base-slider__slider-container" }, ie = {
     hasErrors: { type: Boolean },
     id: {},
     max: { default: 100 },
+    maxPrecision: { default: 2 },
     min: { default: 0 },
     modelValue: { default: 0 },
     name: {},
@@ -30,103 +33,128 @@ 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 C = d(), V = d(), b = d(), u = d(), n = d(0), l = d(0), E = p(() => Array.isArray(a.modelValue) ? de(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), _ = p(() => Array.isArray(a.modelValue) ? be(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), A = p(() => [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(() => {
+    le(() => {
       var e;
-      a.autofocus && ((e = v.value) == null || e.focus());
-    }), Z(
+      a.autofocus && ((e = u.value) == null || e.focus());
+    });
+    let P = d(!1), o = d(null);
+    const F = (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 = F(e)), P.value = !0, document.addEventListener("pointermove", B), document.addEventListener("pointerup", z), s("pointerdown", e));
+    };
+    let I = p(() => P.value ? {} : { onPointerdown: U });
+    const B = (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 = ce(
+          ee,
+          a.min,
+          a.max,
+          a.step
+        ), re = T(
+          ae,
+          a.min,
+          a.max
+        ), M = f(re, 0, 100);
+        o.value === "higher" ? l.value = M : o.value === "lower" && (n.value = M), s("update:modelValue", N());
+      }
+    }, N = () => {
+      if (a.range)
+        return [
+          x(
+            n.value,
+            a.min,
+            a.max
+          ),
+          x(
+            l.value,
+            a.min,
+            a.max
+          )
+        ].sort((e, r) => e - r).map((e) => Number(e.toFixed(a.maxPrecision)));
+      {
+        const e = x(
+          l.value,
+          a.min,
+          a.max
+        );
+        return Number(e.toFixed(a.maxPrecision));
+      }
+    };
+    oe(
       () => 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) => f(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 = f(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 z = (e) => {
+      P.value = !1, o.value = null, document.removeEventListener("pointermove", B), document.removeEventListener("pointerup", z), s("pointerup", e);
+    }, w = me(a.step, a.max - a.min), R = (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 = f(
+        l.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) => {
+      ) : (o.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
+        n.value - w,
+        0,
+        100
+      )) : e.key === "ArrowRight" && (o.value === "higher" || document.activeElement === u.value || e.target === u.value ? l.value = f(
+        l.value + w,
+        0,
+        100
+      ) : (o.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
+        n.value + w,
+        0,
+        100
+      ))), s("update:modelValue", N()));
+    }, X = (e) => {
+      s("focus", e);
+      const r = F(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 = C.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 +163,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(), B(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 = p(() => {
       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 = p(() => {
       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", L(q, {
       ref_key: "container",
       ref: C
     }), [
-      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", ve, [
+        D.value.length ? (g(), y("span", fe, [
+          (g(!0), y(ne, null, se(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 +223,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, pe),
+        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", ie(ue(W.value)), null, 16)
         ], 512),
-        a.range ? (w(), g("span", T({ key: 1 }, b(M), {
+        a.range ? (g(), y("span", L({ key: 1 }, c(I), {
           key: "thumblower",
           ref_key: "thumblower",
-          ref: _,
+          ref: b,
           "aria-describedby": e.ariaDescribedby,
           "aria-orientation": "horizontal",
           "aria-readonly": !e.readonly,
@@ -229,80 +247,80 @@ const oe = { class: "bb-base-slider__slider-container" }, ie = {
           role: "slider",
           style: { left: `${n.value}%` },
           tabindex: e.disabled ? -1 : 0,
-          onFocus: q,
-          onKeydown: X
+          onFocus: X,
+          onKeydown: R
         }), [
-          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, he)) : H("", !0),
+        m("span", L(c(I), {
           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,
-          onKeydown: X
+          onFocus: X,
+          onKeydown: R
         }), [
-          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, ye)
       ]),
-      f(e.$slots, "append")
+      v(e.$slots, "append")
     ], 16));
   }
 });
 export {
-  we as default
+  Ne 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 "./index243.js";
-import { when as N } from "./index235.js";
+import { isCssColor as b } from "./index222.js";
+import { when as N } from "./index225.js";
 const x = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   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 "./index231.js";
+import { last as le } from "./index238.js";
 import { useBaseOptions as ne } from "./index213.js";
 import { useIndexById as re } from "./index212.js";
-import ie from "./index236.js";
+import ie from "./index245.js";
 /* empty css         */
-import ue from "./index238.js";
+import ue from "./index247.js";
 /* empty css         */
-import se from "./index224.js";
+import se from "./index218.js";
 /* empty css         */
-import de from "./index226.js";
-import { isEmpty as pe } from "./index230.js";
+import de from "./index220.js";
+import { isEmpty as pe } from "./index237.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, createBlock as $, openBlock as k, normalizeClass as C, withCtx as r, createVNode as i, unref as T, createElementVNode as v, mergeProps as x, renderSlot as t } from "vue";
-import E from "./index226.js";
-import G from "./index224.js";
+import E from "./index220.js";
+import G from "./index218.js";
 /* empty css         */
 import M from "./index111.js";
 /* empty css         */

package/dist/index49.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, ref as h, computed as v, onMounted as B, onBeforeUnmount as M, watch as g, createElementBlock as i, openBlock as r, Fragment as w, createVNode as m, createElementVNode as $, normalizeClass as C, withCtx as n, unref as q, mergeProps as b, renderSlot as d } from "vue";
-import E from "./index224.js";
+import E from "./index218.js";
 /* empty css         */
-import I from "./index226.js";
+import I from "./index220.js";
 import { isNotNil as N } from "./index140.js";
-import { MaskInput as z } from "./index253.js";
+import { MaskInput as z } from "./index221.js";
 const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type"], F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type", "value"], U = /* @__PURE__ */ V({
   __name: "BaseTextInput",
   props: {