bitboss-ui 2.1.25 → 2.1.27

package/dist/index348.js

@@ -0,0 +1,52 @@
+function T(n, i, e) {
+  let l = e.initialDeps ?? [], t;
+  function r() {
+    var o, m, h, f;
+    let g;
+    e.key && ((o = e.debug) != null && o.call(e)) && (g = Date.now());
+    const u = n();
+    if (!(u.length !== l.length || u.some((c, a) => l[a] !== c)))
+      return t;
+    l = u;
+    let s;
+    if (e.key && ((m = e.debug) != null && m.call(e)) && (s = Date.now()), t = i(...u), e.key && ((h = e.debug) != null && h.call(e))) {
+      const c = Math.round((Date.now() - g) * 100) / 100, a = Math.round((Date.now() - s) * 100) / 100, b = a / 16, w = (d, v) => {
+        for (d = String(d); d.length < v; )
+          d = " " + d;
+        return d;
+      };
+      console.info(
+        `%c⏱ ${w(a, 5)} /${w(c, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * b, 120)
+        )}deg 100% 31%);`,
+        e == null ? void 0 : e.key
+      );
+    }
+    return (f = e == null ? void 0 : e.onChange) == null || f.call(e, t), t;
+  }
+  return r.updateDeps = (o) => {
+    l = o;
+  }, r;
+}
+function y(n, i) {
+  if (n === void 0)
+    throw new Error("Unexpected undefined");
+  return n;
+}
+const M = (n, i) => Math.abs(n - i) <= 1, k = (n, i, e) => {
+  let l;
+  return function(...t) {
+    n.clearTimeout(l), l = n.setTimeout(() => i.apply(this, t), e);
+  };
+};
+export {
+  M as approxEqual,
+  k as debounce,
+  T as memo,
+  y 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 "./index247.js";
-import { identity as $ } from "./index225.js";
-import { isCssColor as k } from "./index248.js";
+import { booleanishToBoolean as T } from "./index224.js";
+import { identity as $ } from "./index255.js";
+import { isCssColor as k } from "./index222.js";
 import { isNotNil as q } from "./index140.js";
-import { useLocale as x } from "./index228.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({
   __name: "BaseRating",
   props: {

package/dist/index37.js

@@ -5,32 +5,32 @@ import { useId as tt } from "./index8.js";
 import { useMobile as lt } from "./index9.js";
 import at from "./index111.js";
 /* empty css         */
-import { hash as ot } from "./index216.js";
-import { isEmpty as nt } from "./index226.js";
-import { last as ut } from "./index227.js";
-import { matchAnyKey as ie } from "./index237.js";
-import { useArray as st } from "./index238.js";
-import { useBaseOptions as it } from "./index214.js";
-import { useCoherence as rt } from "./index215.js";
-import { useHashedWatcher as re } from "./index217.js";
-import { useIndexById as de } from "./index213.js";
+import { hash as ot } from "./index219.js";
+import { isEmpty as nt } from "./index225.js";
+import { last as ut } from "./index226.js";
+import { matchAnyKey as ie } from "./index227.js";
+import { useArray as st } from "./index228.js";
+import { useBaseOptions as it } from "./index217.js";
+import { useCoherence as rt } from "./index218.js";
+import { useHashedWatcher as re } from "./index220.js";
+import { useIndexById as de } from "./index216.js";
 import { useMounted as dt, useIntersectionObserver as ct } from "./index137.js";
-import { useItemsGetter as pt } from "./index212.js";
-import { useLocale as mt } from "./index228.js";
-import { usePrefill as ft } from "./index218.js";
+import { useItemsGetter as pt } from "./index215.js";
+import { useLocale as mt } from "./index210.js";
+import { usePrefill as ft } from "./index221.js";
 import { wait as q } from "./index135.js";
-import { waitFor as vt } from "./index239.js";
-import { when as ht } from "./index240.js";
-import yt from "./index241.js";
+import { waitFor as vt } from "./index229.js";
+import { when as ht } from "./index223.js";
+import yt from "./index230.js";
 /* empty css         */
-import bt from "./index243.js";
+import bt from "./index232.js";
 /* empty css         */
-import gt from "./index231.js";
+import gt from "./index234.js";
 /* empty css         */
-import wt from "./index233.js";
-import Bt from "./index234.js";
+import wt from "./index236.js";
+import Bt from "./index237.js";
 /* empty css         */
-import Vt from "./index245.js";
+import Vt from "./index239.js";
 const St = { class: "bb-base-select__inner-wrapper" }, kt = { class: "bb-base-select__input-container" }, Ct = {
   key: 1,
   class: "bb-base-select__max-reached"

package/dist/index39.js

@@ -1,12 +1,12 @@
 import { defineComponent as re, ref as d, computed as p, onMounted as te, watch as le, createElementBlock as y, openBlock as g, mergeProps as N, 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 "./index261.js";
-import { isCssColor as Y } from "./index248.js";
-import { isNil as S } from "./index262.js";
+import { head as ue } from "./index240.js";
+import { isCssColor as Y } from "./index222.js";
+import { isNil as S } from "./index241.js";
 import { getAsPercentageBetween as x, getAsPercentage as de, getValueFromPercentageInInterval as T } from "./index136.js";
-import { snapToStep as me } from "./index263.js";
-import { last as ce } from "./index227.js";
-import { transpose as j } from "./index264.js";
-import { clamp as f } from "./index208.js";
+import { snapToStep as me } from "./index242.js";
+import { last as ce } from "./index226.js";
+import { transpose as j } from "./index243.js";
+import { clamp as f } from "./index207.js";
 const be = { class: "bb-base-slider__slider-container" }, ve = {
   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, 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 "./index248.js";
-import { when as N } from "./index240.js";
+import { isCssColor as b } from "./index222.js";
+import { when as N } from "./index223.js";
 const x = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {

package/dist/index43.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, 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 "./index210.js";
+import N from "./index213.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index212.js";
-import { useIndexById as T } from "./index213.js";
-import { useBaseOptions as q } from "./index214.js";
-import { useCoherence as J } from "./index215.js";
-import { hash as Q } from "./index216.js";
-import { useHashedWatcher as $ } from "./index217.js";
-import { usePrefill as X } from "./index218.js";
+import { useItemsGetter as U } from "./index215.js";
+import { useIndexById as T } from "./index216.js";
+import { useBaseOptions as q } from "./index217.js";
+import { useCoherence as J } from "./index218.js";
+import { hash as Q } from "./index219.js";
+import { useHashedWatcher as $ } from "./index220.js";
+import { usePrefill as X } from "./index221.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 "./index227.js";
-import { useBaseOptions as ne } from "./index214.js";
-import { useIndexById as re } from "./index213.js";
-import ie from "./index241.js";
+import { last as le } from "./index226.js";
+import { useBaseOptions as ne } from "./index217.js";
+import { useIndexById as re } from "./index216.js";
+import ie from "./index230.js";
 /* empty css         */
-import ue from "./index243.js";
+import ue from "./index232.js";
 /* empty css         */
-import se from "./index231.js";
+import se from "./index234.js";
 /* empty css         */
-import de from "./index233.js";
-import { isEmpty as pe } from "./index226.js";
+import de from "./index236.js";
+import { isEmpty as pe } from "./index225.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 "./index233.js";
-import G from "./index231.js";
+import E from "./index236.js";
+import G from "./index234.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 "./index231.js";
+import E from "./index234.js";
 /* empty css         */
-import I from "./index233.js";
+import I from "./index236.js";
 import { isNotNil as N } from "./index140.js";
-import { MaskInput as z } from "./index260.js";
+import { MaskInput as z } from "./index264.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: {

package/dist/index53.js

@@ -3,7 +3,7 @@ import B from "./index69.js";
 /* empty css        */
 import L from "./index85.js";
 /* empty css        */
-import { useLocale as g } from "./index228.js";
+import { useLocale as g } from "./index210.js";
 const $ = {
   class: "bb-alert__inner-container",
   role: "alert"

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as z, ref as o, onMounted as g, createElementBlock as l, openBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
-import { isCssColor as y } from "./index248.js";
+import { isCssColor as y } from "./index222.js";
 import { wait as C } from "./index135.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 s, createElementBlock as m, openBlock as u, normalizeClass as g, createElementVNode as n, renderSlot as r, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as l } from "./index248.js";
-import { isNil as B } from "./index262.js";
+import { isCssColor as l } from "./index222.js";
+import { isNil as B } from "./index241.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, N = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {

package/dist/index61.js

@@ -9,7 +9,7 @@ import T from "./index113.js";
 /* empty css         */
 import { pickBy as W } from "./index267.js";
 import { noop as w } from "./index268.js";
-import { useLocale as D } from "./index228.js";
+import { useLocale as D } from "./index210.js";
 const E = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index67.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
-import { useLocale as f } from "./index228.js";
+import { useLocale as f } from "./index210.js";
 const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
   __name: "BbChip",
   props: {

package/dist/index79.js

@@ -1,15 +1,15 @@
 import { defineComponent as N, computed as R, ref as E, watch as W, createBlock as h, openBlock as k, unref as f, normalizeClass as G, withCtx as D, createElementVNode as I, normalizeStyle as J, renderSlot as m, createElementBlock as q, Fragment as F, renderList as Q, createVNode as X, mergeProps as Y, createCommentVNode as A, toDisplayString as Z, normalizeProps as x, guardReactiveProps as ee } from "vue";
-import { findRightIndex as T } from "./index273.js";
+import { findRightIndex as T } from "./index265.js";
 import { useId as te } from "./index8.js";
-import { useUntil as ne } from "./index229.js";
+import { useUntil as ne } from "./index211.js";
 import { wait as oe } from "./index135.js";
 import ae from "./index13.js";
 /* empty css        */
 import B from "./index85.js";
 /* empty css        */
-import le from "./index234.js";
+import le from "./index237.js";
 /* empty css         */
-import K from "./index274.js";
+import K from "./index266.js";
 const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" }, Ee = /* @__PURE__ */ N({
   __name: "BbDropdown",
   props: {

package/dist/index81.js

@@ -9,7 +9,7 @@ import z from "./index85.js";
 /* empty css        */
 import I from "./index113.js";
 /* empty css         */
-import { useLocale as M } from "./index228.js";
+import { useLocale as M } from "./index210.js";
 const O = { class: "bb-dropdown-button__content" }, R = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index83.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index266.js";
+import { findInTree as ae } from "./index270.js";
 import { useId as re } from "./index8.js";
 import oe from "./index111.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index265.js")).default);
+              b || (b = (await import("./index269.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index85.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, createElementBlock as h, openBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index248.js";
+import { isCssColor as I } from "./index222.js";
 const B = ["innerHTML"], k = /* @__PURE__ */ v({
   __name: "BbIcon",
   props: {

package/dist/index90.js

@@ -1,22 +1,22 @@
-import { defineComponent as O, mergeModels as E, useModel as P, computed as v, ref as T, watch as q, onMounted as A, createElementBlock as d, openBlock as c, withModifiers as H, normalizeStyle as K, normalizeClass as R, unref as p, createCommentVNode as y, Fragment as U, createElementVNode as t, renderSlot as l, createTextVNode as j, toDisplayString as z, nextTick as G } from "vue";
-import { parseSize as J } from "./index236.js";
-import { useId as D } from "./index8.js";
-import { useLocale as Q } from "./index228.js";
-import { useMobile as X } from "./index9.js";
-import { useUntil as Y } from "./index229.js";
+import { defineComponent as P, mergeModels as T, useModel as q, computed as v, ref as z, watch as A, onMounted as H, createElementBlock as r, openBlock as d, withModifiers as K, normalizeStyle as R, normalizeClass as U, unref as p, createCommentVNode as y, Fragment as j, createElementVNode as t, renderSlot as l, createTextVNode as G, toDisplayString as D, nextTick as J } from "vue";
+import { parseSize as Q } from "./index209.js";
+import { useId as S } from "./index8.js";
+import { useLocale as X } from "./index210.js";
+import { useMobile as Y } from "./index9.js";
+import { useUntil as Z } from "./index211.js";
 import { wait as h } from "./index135.js";
-const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
+const x = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], ee = {
   ref: "header",
   class: "bb-offcanvas__header"
-}, ee = { class: "bb-offcanvas__close" }, oe = ["aria-label", "disabled"], te = {
+}, oe = { class: "bb-offcanvas__close" }, te = ["aria-label", "disabled"], se = {
   ref: "body",
   class: "bb-offcanvas__body scrollbar-border"
-}, se = { class: "bb-offcanvas__body-content" }, le = {
+}, le = { class: "bb-offcanvas__body-content" }, ae = {
   ref: "footer",
   class: "bb-offcanvas__footer"
-}, fe = /* @__PURE__ */ O({
+}, be = /* @__PURE__ */ P({
   __name: "BbOffCanvas",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ T({
     closeLabel: {},
     compact: { type: Boolean },
     disabled: { type: Boolean },
@@ -36,59 +36,61 @@ const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["shown", "hidden"], ["update:modelValue"]),
-  setup(g, { emit: S }) {
-    const o = g, w = S, s = P(g, "modelValue"), { t: V } = Q(), I = v(
-      () => o.closeLabel || V("dialog.closeLabel").value
-    ), i = T(null), u = Y(
+  emits: /* @__PURE__ */ T(["shown", "hidden"], ["update:modelValue"]),
+  setup(g, { emit: V }) {
+    const o = g, w = V, s = q(g, "modelValue"), { t: I } = X(), N = v(
+      () => o.closeLabel || I("dialog.closeLabel").value
+    ), i = z(null), c = Z(
       () => s.value || o.eager,
       {
         initialValue: s.value || o.eager
       }
-    ), f = `title_${D().id.value}`, b = `description_${D().id.value}`, _ = (e) => {
+    ), u = `title_${S().id.value}`, f = `description_${S().id.value}`, _ = (e) => {
       if (e.key === "Escape" && (o.disabled || o.persistent))
         return e.preventDefault(), a.value = !0, h(200).then(() => {
           a.value = !1;
         }), !1;
     }, C = async (e) => {
-      var n, B, L, M;
+      var n, L, M, $;
       e ? ((n = window.globalThis) != null && n.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && (document.documentElement.style.setProperty(
         "--scrollbar-width",
-        `${W()}px`
-      ), document.addEventListener("keydown", _)), (B = i.value) == null || B.showModal(), o.focusTarget && G(() => {
-        var $;
-        const m = ($ = i.value) == null ? void 0 : $.querySelector(o.focusTarget);
+        `${F()}px`
+      ), document.addEventListener("keydown", _)), (L = i.value) == null || L.showModal(), o.focusTarget && J(() => {
+        var E;
+        const m = (E = i.value) == null ? void 0 : E.querySelector(o.focusTarget);
         m && m instanceof HTMLElement && m.focus();
-      }), w("shown")) : (await h(o.transitionDuration), (L = window.globalThis) != null && L.document && document.removeEventListener("keydown", _), (M = i.value) == null || M.close(), w("hidden"));
+      }), w("shown")) : (await h(o.transitionDuration), (M = window.globalThis) != null && M.document && document.removeEventListener("keydown", _), ($ = i.value) == null || $.close(), w("hidden"));
     };
-    q(s, C), A(() => {
+    A(s, C), H(() => {
       s.value && C(!0);
     });
-    const N = v(() => k.value ? "100%" : o.size === "auto" ? "fit-content" : J(o.size, {
+    const W = v(() => B.value ? "100%" : o.size === "auto" ? "fit-content" : Q(o.size, {
       sm: 384,
       md: 652,
       lg: 896
-    })), r = (e) => {
+    })), k = (e) => {
       if (e.preventDefault(), o.disabled || o.persistent)
         return a.value = !0, h(300).then(() => {
           a.value = !1;
         }), !1;
+      b();
+    }, b = () => {
       s.value = !1;
-    }, a = T(!1), W = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: F } = X(), k = v(
-      () => o.fullscreen === !0 || o.fullscreen === "mobile" && F.value
+    }, a = z(!1), F = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: O } = Y(), B = v(
+      () => o.fullscreen === !0 || o.fullscreen === "mobile" && O.value
     );
-    return (e, n) => (c(), d("dialog", {
+    return (e, n) => (d(), r("dialog", {
       ref_key: "dialog",
       ref: i,
-      "aria-describedby": p(u) && e.description ? b : void 0,
-      "aria-labelledby": p(u) && e.title ? f : void 0,
+      "aria-describedby": p(c) && e.description ? f : void 0,
+      "aria-labelledby": p(c) && e.title ? u : void 0,
       "aria-live": s.value ? "polite" : "off",
-      class: R([
+      class: U([
         "bb-offcanvas",
         [
           {
             "bb-offcanvas--open": s.value,
-            "bb-offcanvas--fullscreen": k.value,
+            "bb-offcanvas--fullscreen": B.value,
             "bb-offcanvas--compact": e.compact,
             "bb-offcanvas--deny-close": a.value,
             [`bb-offcanvas--${o.direction}`]: !0
@@ -98,35 +100,35 @@ const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
         ].flat()
       ]),
       inert: !s.value,
-      style: K({
-        "--max-size": N.value,
+      style: R({
+        "--max-size": W.value,
         "--transition-duration": `${o.transitionDuration}ms`
       }),
-      onCancel: r,
-      onClick: H(r, ["self"])
+      onCancel: k,
+      onClick: K(k, ["self"])
     }, [
-      p(u) ? (c(), d(U, { key: 0 }, [
-        t("div", x, [
+      p(c) ? (d(), r(j, { key: 0 }, [
+        t("div", ee, [
           l(e.$slots, "header", {
-            close: r,
+            close: b,
             title: e.title,
-            titleId: f
+            titleId: u
           }, () => [
             t("span", {
-              id: f,
+              id: u,
               class: "bb-offcanvas__title"
             }, [
               l(e.$slots, "title", { text: e.title }, () => [
-                j(z(e.title), 1)
+                G(D(e.title), 1)
               ])
             ]),
-            t("span", ee, [
-              e.showClose ? (c(), d("button", {
+            t("span", oe, [
+              e.showClose ? (d(), r("button", {
                 key: 0,
-                "aria-label": I.value,
+                "aria-label": N.value,
                 disabled: o.disabled,
                 type: "button",
-                onClick: r
+                onClick: b
               }, [
                 l(e.$slots, "close", {}, () => [
                   n[0] || (n[0] = t("span", { class: "bb-offcanvas__close-icon" }, [
@@ -145,32 +147,32 @@ const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
                     ])
                   ], -1))
                 ])
-              ], 8, oe)) : y("", !0)
+              ], 8, te)) : y("", !0)
             ])
           ])
         ], 512),
-        t("div", te, [
-          t("div", se, [
+        t("div", se, [
+          t("div", le, [
             l(e.$slots, "description", {
-              descriptionId: b,
+              descriptionId: f,
               text: e.description
             }, () => [
-              e.description ? (c(), d("div", {
+              e.description ? (d(), r("div", {
                 key: 0,
-                id: b,
+                id: f,
                 class: "bb-offcanvas__description sr-only"
-              }, z(e.description), 1)) : y("", !0)
+              }, D(e.description), 1)) : y("", !0)
             ]),
             l(e.$slots, "default")
           ])
         ], 512),
-        t("div", le, [
+        t("div", ae, [
           l(e.$slots, "footer")
         ], 512)
       ], 64)) : y("", !0)
-    ], 46, Z));
+    ], 46, x));
   }
 });
 export {
-  fe as default
+  be as default
 };

package/dist/index92.js

@@ -4,7 +4,7 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as d, r
 import P from "./index13.js";
 /* empty css        */
 import { debounce as X } from "./index272.js";
-import { useLocale as H } from "./index228.js";
+import { useLocale as H } from "./index210.js";
 import { useRoute as J } from "./index142.js";
 const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
   __name: "BbPagination",

package/dist/index94.js

@@ -1,11 +1,11 @@
 import { defineComponent as V, ref as m, computed as g, createBlock as k, openBlock as y, unref as l, normalizeClass as D, withCtx as v, createElementVNode as d, createCommentVNode as M, renderSlot as C, toDisplayString as z, normalizeProps as I, guardReactiveProps as O, nextTick as S } from "vue";
 import { useId as H } from "./index8.js";
 import { useIntersectionObserver as N } from "./index137.js";
-import { useLocale as U } from "./index228.js";
-import { useUntil as W } from "./index229.js";
+import { useLocale as U } from "./index210.js";
+import { useUntil as W } from "./index211.js";
 import q from "./index13.js";
 /* empty css        */
-import A from "./index234.js";
+import A from "./index237.js";
 /* empty css         */
 const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @__PURE__ */ V({
   __name: "BbPopover",

package/dist/index96.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index208.js";
+import { clamp as p } from "./index207.js";
 import { getAsPercentageBetween as i } from "./index136.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.25",
+	"version": "2.1.27",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {