bitboss-ui 2.0.90 → 2.0.92

package/dist/index7.js

@@ -1,14 +1,64 @@
-import { ref as s, useId as t } from "vue";
-const r = () => "bb-ui-" + t(), n = () => {
-  const e = s(r());
-  return {
-    /**
-     * The generated id
-     */
-    id: e,
-    refresh: () => e.value = r()
+import { getAsPercentage as p } from "./index130.js";
+import { wait as w } from "./index131.js";
+import { ref as c, computed as o, onBeforeUnmount as H } from "vue";
+const Y = ({
+  duration: t,
+  onStart: f,
+  onFinish: i,
+  onStop: s
+}) => {
+  if (!t)
+    throw new Error("You must define a duration for the coundown");
+  const e = c(t), u = c(0), M = o(() => p(u.value, t)), m = 100, r = c(!1), n = c(!1);
+  let a;
+  const I = () => {
+    u.value === t || r.value && !n.value || (f && f(), n.value = !1, r.value = !0, a = setInterval(() => {
+      e.value = Math.max(e.value - m, 0), u.value = Math.min(u.value + m, t), e.value === 0 && w(0).then(() => {
+        clearInterval(a), r.value = !1, s && s(), i && i();
+      });
+    }, m));
+  }, d = () => {
+    A(), I();
+  }, A = () => {
+    a && clearInterval(a), n.value || s && s(), e.value = t, u.value = 0, r.value = !1, n.value = !1;
+  }, g = () => {
+    a && clearInterval(a), n.value || s && s(), n.value = !0;
+  }, y = o(() => {
+    const l = Math.trunc(e.value / 864e5), v = Math.trunc((e.value - l * 864e5) / 36e5), h = Math.trunc(
+      (e.value - v * 36e5 - l * 864e5) / 6e4
+    ), D = Math.trunc(
+      (e.value - h * 6e4 - v * 36e5 - l * 864e5) / 1e3
+    );
+    return {
+      days: l,
+      hours: v,
+      minutes: h,
+      seconds: D
+    };
+  });
+  return H(() => clearInterval(a)), {
+    /** Elapsed milliseconds since starting the timer */
+    elapsed: o(() => u.value),
+    /** Remaining milliseconds */
+    remaining: o(() => e.value),
+    /** Remaining as a formatted object for display */
+    remainingFormatted: y,
+    /** Percentage of elapsed time against duration */
+    progress: M,
+    /** Starts the timer */
+    start: I,
+    /** Reset the timer to intiial state and starts again */
+    restart: d,
+    /** Pauses the timer */
+    pause: g,
+    /** Reset the timer to initial state, if the timer is running it is stopped */
+    reset: A,
+    /** Boolean, is the timer running (paused doesn't change running state) */
+    running: r,
+    /** Boolean is the timer paused */
+    paused: n
   };
 };
 export {
-  n as useId
+  Y as useCountdown
 };

package/dist/{index70.js → index71.js}

@@ -1,7 +1,7 @@
 import { defineComponent as m, ref as u, computed as c, openBlock as h, createBlock as f, withCtx as l, renderSlot as b, normalizeProps as v, guardReactiveProps as y, createVNode as w, mergeProps as g } from "vue";
-import B from "./index22.js";
+import B from "./index23.js";
 /* empty css        */
-import k from "./index26.js";
+import k from "./index27.js";
 /* empty css        */
 const E = /* @__PURE__ */ m({
   __name: "BbDatePickerInput",

package/dist/{index72.js → index73.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as u, openBlock as m, createBlock as f, mergeProps as y, withCtx as l, renderSlot as t, normalizeProps as a, guardReactiveProps as r } from "vue";
-import $ from "./index24.js";
+import $ from "./index25.js";
 /* empty css        */
 const b = /* @__PURE__ */ d({
   __name: "BbDialog",

package/dist/{index74.js → index75.js}

@@ -1,14 +1,14 @@
 import { defineComponent as X, computed as A, ref as y, openBlock as h, createElementBlock as T, mergeProps as B, createElementVNode as H, renderSlot as w, normalizeProps as Y, guardReactiveProps as Z, unref as $, createVNode as C, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as N, toDisplayString as te } from "vue";
 import { findRightIndex as I } from "./index253.js";
-import { useId as ne } from "./index7.js";
-import { wait as oe } from "./index130.js";
-import { useIntersectionObserver as ae } from "./index131.js";
-import le from "./index12.js";
+import { useId as ne } from "./index8.js";
+import { wait as oe } from "./index131.js";
+import { useIntersectionObserver as ae } from "./index132.js";
+import le from "./index13.js";
 /* empty css        */
 import V from "./index254.js";
 import se from "./index255.js";
 /* empty css         */
-import j from "./index125.js";
+import j from "./index126.js";
 /* empty css         */
 const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
   __name: "BbDropdown",

package/dist/{index76.js → index77.js}

@@ -1,17 +1,18 @@
 import { defineComponent as z, ref as E, computed as B, openBlock as s, createElementBlock as $, normalizeClass as W, createVNode as l, mergeProps as C, withCtx as t, unref as m, createBlock as L, createCommentVNode as w, createElementVNode as u, toDisplayString as P, createSlots as A, renderSlot as a, normalizeProps as d, guardReactiveProps as r, renderList as I } from "vue";
-import D from "./index12.js";
+import D from "./index13.js";
 /* empty css        */
-import M from "./index74.js";
+import M from "./index75.js";
 /* empty css        */
 /* empty css       */
-import N from "./index125.js";
+/* empty css       */
+import N from "./index126.js";
 /* empty css         */
-import R from "./index127.js";
+import R from "./index128.js";
 /* empty css         */
 const Z = { class: "bb-dropdown-button__content" }, j = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"
-}, q = { class: "bb-dropdown-button__dropdown-label sr-only" }, Y = /* @__PURE__ */ z({
+}, q = { class: "bb-dropdown-button__dropdown-label sr-only" }, x = /* @__PURE__ */ z({
   __name: "BbDropdownButton",
   props: {
     arrowPadding: {},
@@ -154,5 +155,5 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
   }
 });
 export {
-  Y as default
+  x as default
 };

package/dist/{index78.js → index79.js}

@@ -1,7 +1,7 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, 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 "./index273.js";
-import { useId as re } from "./index7.js";
-import oe from "./index126.js";
+import { findInTree as ae } from "./index252.js";
+import { useId as re } from "./index8.js";
+import oe from "./index127.js";
 /* empty css         */
 const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dropzone__submittable-label" }, ne = ["id", "disabled", "multiple", "name"], ie = { class: "bb-dropzone__errors" }, fe = /* @__PURE__ */ j({
   __name: "BbDropzone",
@@ -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("./index272.js")).default);
+              b || (b = (await import("./index251.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index8.js

@@ -1,10 +1,14 @@
-import { useWindowSize as i } from "./index131.js";
-import { computed as e } from "vue";
-import { _config as t } from "./index3.js";
-const c = () => {
-  const { width: o } = i();
-  return { isMobile: e(() => o.value < t.mobileMaxWidth) };
+import { ref as s, useId as t } from "vue";
+const r = () => "bb-ui-" + t(), n = () => {
+  const e = s(r());
+  return {
+    /**
+     * The generated id
+     */
+    id: e,
+    refresh: () => e.value = r()
+  };
 };
 export {
-  c as useMobile
+  n as useId
 };

package/dist/index81.js

@@ -1,129 +1,46 @@
-import { defineComponent as B, ref as t, computed as w, openBlock as g, createBlock as k, withCtx as r, renderSlot as a, normalizeProps as s, guardReactiveProps as l, createVNode as $, mergeProps as V } from "vue";
-import P from "./index26.js";
-/* empty css        */
-import q from "./index28.js";
-/* empty css        */
-const D = /* @__PURE__ */ B({
-  __name: "BbNumberInput",
+import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
+import { throttle as c } from "./index236.js";
+const M = /* @__PURE__ */ h({
+  __name: "BbIntersection",
   props: {
-    "append:icon": {},
-    autocomplete: {},
-    autofocus: {},
-    direction: {},
-    disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    label: {},
-    labelPosition: {},
-    loading: { type: Boolean },
-    max: {},
-    min: {},
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    placeholder: {},
-    "prepend:icon": {},
-    readonly: {},
-    required: { type: Boolean },
-    reverse: { type: Boolean },
-    step: {}
+    debounceTime: { default: 0 },
+    options: { default: () => ({
+      root: null,
+      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
+    }) },
+    tag: { default: "div" }
   },
-  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "keyup", "mousedown", "mouseup", "update:modelValue"],
-  setup(m, { expose: c, emit: b }) {
-    const i = m, o = b, p = t(), d = t(!1), h = w(() => i.persistentHint || d.value), f = {
-      onBlur: (e) => {
-        d.value = !1, o("blur", e);
-      },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onDecrease: (e) => o("decrease", e),
-      onFocus: (e) => {
-        d.value = !0, o("focus", e);
-      },
-      onIncrease: (e) => o("increase", e),
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
-    };
-    return c({
-      increase: () => {
-        var e;
-        (e = p.value) == null || e.increase();
-      },
-      decrease: () => {
-        var e;
-        (e = p.value) == null || e.decrease();
-      }
-    }), (e, I) => (g(), k(P, {
-      id: e.id,
-      class: "bb-number-input",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": h.value
+  emits: ["shown", "hidden", "intersected"],
+  setup(u, { emit: d }) {
+    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
+    m(() => {
+      n.value = new IntersectionObserver((e) => {
+        f(e[0]);
+      }, r.options), l.value && n.value.observe(l.value);
+    }), p(() => {
+      n.value && n.value.disconnect();
+    });
+    const f = c((e) => {
+      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
+    }), v = c((e) => {
+      i("intersected", e);
+    }, r.debounceTime);
+    return (e, B) => (g(), b(w(e.tag), {
+      ref_key: "infinitescrolltrigger",
+      ref: l,
+      class: "bb-intersection"
     }, {
-      label: r((u) => [
-        a(e.$slots, "label", s(l(u)))
-      ]),
-      input: r(({ id: u, hasErrors: y, ariaDescribedby: v }) => [
-        $(q, V({
-          id: u,
-          ref_key: "bni",
-          ref: p,
-          "append:icon": i["append:icon"],
-          "aria-describedby": v,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          disabled: e.disabled,
-          "has-errors": y,
-          loading: e.loading,
-          max: e.max,
-          min: e.min,
-          "model-value": e.modelValue,
-          name: e.name,
-          placeholder: e.placeholder,
-          "prepend:icon": i["prepend:icon"],
-          readonly: e.readonly,
-          required: e.required,
-          step: e.step
-        }, f), {
-          "append-outer": r((n) => [
-            a(e.$slots, "append-outer", s(l(n)))
-          ]),
-          append: r((n) => [
-            a(e.$slots, "append", s(l(n)))
-          ]),
-          prefix: r((n) => [
-            a(e.$slots, "prefix", s(l(n)))
-          ]),
-          prepend: r((n) => [
-            a(e.$slots, "prepend", s(l(n)))
-          ]),
-          suffix: r((n) => [
-            a(e.$slots, "suffix", s(l(n)))
-          ]),
-          "prepend-outer": r((n) => [
-            a(e.$slots, "prepend-outer", s(l(n)))
-          ]),
-          _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
+      default: _(() => [
+        I(e.$slots, "default", {
+          hidden: s.value,
+          percentage: a.value,
+          shown: o.value
+        })
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 512));
   }
 });
 export {
-  D as default
+  M as default
 };

package/dist/index82.js

@@ -0,0 +1,129 @@
+import { defineComponent as B, ref as t, computed as w, openBlock as g, createBlock as k, withCtx as r, renderSlot as a, normalizeProps as s, guardReactiveProps as l, createVNode as $, mergeProps as V } from "vue";
+import P from "./index27.js";
+/* empty css        */
+import q from "./index29.js";
+/* empty css        */
+const D = /* @__PURE__ */ B({
+  __name: "BbNumberInput",
+  props: {
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: {},
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {}
+  },
+  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "keyup", "mousedown", "mouseup", "update:modelValue"],
+  setup(m, { expose: c, emit: b }) {
+    const i = m, o = b, p = t(), d = t(!1), h = w(() => i.persistentHint || d.value), f = {
+      onBlur: (e) => {
+        d.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onDecrease: (e) => o("decrease", e),
+      onFocus: (e) => {
+        d.value = !0, o("focus", e);
+      },
+      onIncrease: (e) => o("increase", e),
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return c({
+      increase: () => {
+        var e;
+        (e = p.value) == null || e.increase();
+      },
+      decrease: () => {
+        var e;
+        (e = p.value) == null || e.decrease();
+      }
+    }), (e, I) => (g(), k(P, {
+      id: e.id,
+      class: "bb-number-input",
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": h.value
+    }, {
+      label: r((u) => [
+        a(e.$slots, "label", s(l(u)))
+      ]),
+      input: r(({ id: u, hasErrors: y, ariaDescribedby: v }) => [
+        $(q, V({
+          id: u,
+          ref_key: "bni",
+          ref: p,
+          "append:icon": i["append:icon"],
+          "aria-describedby": v,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          disabled: e.disabled,
+          "has-errors": y,
+          loading: e.loading,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": i["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          step: e.step
+        }, f), {
+          "append-outer": r((n) => [
+            a(e.$slots, "append-outer", s(l(n)))
+          ]),
+          append: r((n) => [
+            a(e.$slots, "append", s(l(n)))
+          ]),
+          prefix: r((n) => [
+            a(e.$slots, "prefix", s(l(n)))
+          ]),
+          prepend: r((n) => [
+            a(e.$slots, "prepend", s(l(n)))
+          ]),
+          suffix: r((n) => [
+            a(e.$slots, "suffix", s(l(n)))
+          ]),
+          "prepend-outer": r((n) => [
+            a(e.$slots, "prepend-outer", s(l(n)))
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
+      ]),
+      _: 3
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  D as default
+};

package/dist/{index83.js → index84.js}

@@ -1,9 +1,9 @@
 import { defineComponent as te, ref as l, useAttrs as oe, getCurrentInstance as le, computed as p, nextTick as se, onBeforeUnmount as N, onMounted as ae, watch as ne, openBlock as g, createBlock as ie, withCtx as re, createElementVNode as s, mergeProps as O, createElementBlock as V, renderSlot as n, createTextVNode as ue, toDisplayString as S, createCommentVNode as z } from "vue";
 import { useFocusTrap as ce } from "./index219.js";
-import { useId as A } from "./index7.js";
-import { wait as E } from "./index130.js";
-import { useModalsState as b } from "./index229.js";
-import de from "./index223.js";
+import { useId as A } from "./index8.js";
+import { wait as E } from "./index131.js";
+import { useModalsState as b } from "./index237.js";
+import de from "./index222.js";
 const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"], ke = /* @__PURE__ */ te({
   __name: "BbOffCanvas",
   props: {

package/dist/{index85.js → index86.js}

@@ -1,9 +1,10 @@
 import { defineComponent as P, computed as _, ref as g, onMounted as A, onBeforeUnmount as E, openBlock as y, createElementBlock as k, normalizeClass as C, createElementVNode as i, createVNode as V, unref as S, withCtx as h, renderSlot as v, Fragment as W, renderList as R, toDisplayString as M, nextTick as $ } from "vue";
-import { debounce as F } from "./index274.js";
+import { debounce as F } from "./index282.js";
 /* empty css       */
-import w from "./index12.js";
+/* empty css       */
+import w from "./index13.js";
 /* empty css        */
-const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, X = /* @__PURE__ */ P({
+const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, H = /* @__PURE__ */ P({
   __name: "BbPagination",
   props: {
     disabled: { type: Boolean },
@@ -17,22 +18,22 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
   },
   emits: ["update:modelValue"],
   setup(B, { emit: x }) {
-    const l = B, c = x, s = _(() => +l.totalPages), r = g(1), t = g(+l.maxSize), u = g(), d = g(), z = g(1 / 0), f = () => {
-      u.value && d.value && (u.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, $(f)) : t.value = 3 : t.value < +l.maxSize && /* If there is enough space to fit one */
-      u.value.clientWidth - d.value.clientWidth > z.value && (t.value = Math.min(t.value + 1, +l.maxSize), $(f)));
+    const l = B, c = x, s = _(() => +l.totalPages), u = g(1), t = g(+l.maxSize), r = g(), d = g(), z = g(1 / 0), f = () => {
+      r.value && d.value && (r.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, $(f)) : t.value = 3 : t.value < +l.maxSize && /* If there is enough space to fit one */
+      r.value.clientWidth - d.value.clientWidth > z.value && (t.value = Math.min(t.value + 1, +l.maxSize), $(f)));
     };
     if (globalThis.ResizeObserver) {
       const e = new ResizeObserver(F(f, 200));
       A(() => {
-        if (u.value && d.value) {
-          const a = u.value.querySelectorAll(
+        if (r.value && d.value) {
+          const a = r.value.querySelectorAll(
             ".bb-pagination__page"
           )[1];
           if (a) {
             const p = getComputedStyle(d.value).columnGap.replaceAll(/\D/g, ""), o = Number(p);
             z.value = a.clientWidth + o;
           }
-          e.observe(u.value);
+          e.observe(r.value);
         }
       }), E(() => {
         e.disconnect();
@@ -43,25 +44,25 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
         return [];
       if (t.value <= 1) return [l.modelValue];
       if (s.value <= t.value)
-        return b(s.value, r.value);
+        return b(s.value, u.value);
       const e = t.value % 2 === 0, a = e ? t.value / 2 : Math.floor(t.value / 2), n = e ? a : a + 1, p = s.value - a;
       if (n - l.modelValue >= 0)
         return [
-          ...b(Math.max(1, t.value - 1), r.value),
+          ...b(Math.max(1, t.value - 1), u.value),
           l.ellipsis,
           s.value
         ];
       if (l.modelValue - p >= (e ? 1 : 0)) {
-        const o = t.value - 1, m = s.value - o + r.value;
+        const o = t.value - 1, m = s.value - o + u.value;
         return [
-          r.value,
+          u.value,
           l.ellipsis,
           ...b(o, m)
         ];
       } else {
-        const o = Math.max(1, t.value - 3), m = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + r.value;
+        const o = Math.max(1, t.value - 3), m = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + u.value;
         return [
-          r.value,
+          u.value,
           l.ellipsis,
           ...b(o, m),
           l.ellipsis,
@@ -83,7 +84,7 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
     })), b = (e, a = 0) => Array.from({ length: e }, (n, p) => a + p);
     return (e, a) => (y(), k("div", {
       ref_key: "outercontainer",
-      ref: u,
+      ref: r,
       class: C(["bb-pagination", {
         [`bb-pagination--${e.align}`]: !0,
         "bb-pagination--disabled": e.disabled
@@ -175,5 +176,5 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
   }
 });
 export {
-  X as default
+  H as default
 };

package/dist/{index87.js → index88.js}

@@ -1,13 +1,13 @@
 import { defineComponent as M, ref as n, computed as v, openBlock as k, createElementBlock as O, mergeProps as F, createElementVNode as p, renderSlot as y, normalizeProps as S, guardReactiveProps as H, createVNode as V, withCtx as C, createBlock as q, createCommentVNode as I, nextTick as W } from "vue";
 import { useFocusTrap as z } from "./index219.js";
-import { useId as A } from "./index7.js";
-import { useIntersectionObserver as R } from "./index131.js";
-import { waitFor as j } from "./index221.js";
-import G from "./index12.js";
+import { useId as A } from "./index8.js";
+import { useIntersectionObserver as R } from "./index132.js";
+import { waitFor as j } from "./index220.js";
+import G from "./index13.js";
 /* empty css        */
 import J from "./index255.js";
 /* empty css         */
-import { useDebounceFn as K } from "./index203.js";
+import { useDebounceFn as K } from "./index204.js";
 const re = /* @__PURE__ */ M({
   __name: "BbPopover",
   props: {