bitboss-ui 2.1.3 → 2.1.5

package/dist/index39.js

@@ -1,17 +1,17 @@
-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 = {
+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 "./index245.js";
+import { isCssColor as Y } from "./index235.js";
+import { isNil as S } from "./index246.js";
+import { getAsPercentageBetween as T, getAsPercentage as me, getValueFromPercentageInInterval as x } from "./index136.js";
+import { hash as j } from "./index216.js";
+import { snapToStep as ce } from "./index247.js";
+import { last as be } from "./index217.js";
+import { transpose as J } from "./index248.js";
+import { clamp as f } from "./index207.js";
+const ve = { class: "bb-base-slider__slider-container" }, fe = {
   key: 0,
   class: "bb-base-slider__ticks-container"
-}, 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({
+}, 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: {},
@@ -21,6 +21,7 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
     hasErrors: { type: Boolean },
     id: {},
     max: { default: 100 },
+    maxPrecision: { default: 2 },
     min: { default: 0 },
     modelValue: { default: 0 },
     name: {},
@@ -36,29 +37,29 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
     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(
+    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
     )), $ = d(!1);
     if (a.range && !Array.isArray(a.modelValue))
       throw new TypeError(
         "BaseSlider mode is set as range but modelValue is not an array"
       );
-    te(() => {
+    le(() => {
       var e;
       a.autofocus && ((e = u.value) == null || e.focus());
     });
-    let B = d(!1), o = d(null);
-    const x = (e) => {
+    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 = x(e)), B.value = !0, document.addEventListener("pointermove", L), document.addEventListener("pointerup", R), s("pointerdown", 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 z = f(() => B.value ? {} : { onPointerdown: U });
-    const L = (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;
@@ -69,35 +70,42 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
           a.min,
           a.max
         );
-        const ae = me(
+        const ae = ce(
           ee,
           a.min,
           a.max,
           a.step
-        ), M = T(
+        ), 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 = () => 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(
+    }, 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) => {
         if (a.range) {
@@ -108,44 +116,44 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
             return;
           }
           const t = [...e].sort((i, h) => i - h).map(
-            (i) => p(T(i, a.min, a.max), 0, 100)
+            (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 = p(t, 0, 100);
+          const t = J(r, a.min, a.max, 0, 100), i = f(t, 0, 100);
           l.value = i;
         }
       },
       { immediate: !0 }
     );
-    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(
+    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
-      ) : (o.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = p(
+      ) : (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 = p(
+      )) : 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 = p(
+      ) : (o.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
         n.value + w,
         0,
         100
       ))), s("update:modelValue", N()));
-    }, F = (e) => {
+    }, X = (e) => {
       s("focus", e);
-      const r = x(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 = I.value) != null && r.contains(e.target) || ($.value = !1, o.value = null, s("inactive"), document.removeEventListener("focusin", k), document.removeEventListener("click", k)));
+      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,
@@ -157,14 +165,14 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
       onClick: (e) => {
         var t;
         if (a.range) return;
-        (t = u.value) == null || t.focus(), L(e);
+        (t = u.value) == null || t.focus(), B(e);
         const r = N();
         j(r), j(a.modelValue);
       },
       style: {}
     };
     a.color && Y(a.color) && (q.style["--color"] = a.color);
-    const W = f(() => {
+    const W = p(() => {
       const e = "bb-base-slider__track-background", r = {
         width: `${A.value[1] - A.value[0]}%`,
         left: `${A.value[0]}%`
@@ -173,7 +181,7 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
         class: e,
         style: r
       };
-    }), 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(() => {
+    }), 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; ) {
@@ -187,14 +195,14 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
       }
       return e;
     });
-    return (e, r) => (g(), y("span", P(q, {
+    return (e, r) => (g(), y("span", L(q, {
       ref_key: "container",
-      ref: I
+      ref: C
     }), [
       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", {
+      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"
           }, [
@@ -215,16 +223,16 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
           tabindex: -1,
           type: "text",
           value: JSON.stringify(e.modelValue)
-        }, null, 8, fe),
+        }, null, 8, pe),
         m("span", {
           ref_key: "track",
           ref: V,
           class: "bb-base-slider__track-container"
         }, [
           r[0] || (r[0] = m("span", { class: "bb-base-slider__track-fill" }, null, -1)),
-          m("span", se(ie(W.value)), null, 16)
+          m("span", ie(ue(W.value)), null, 16)
         ], 512),
-        a.range ? (g(), y("span", P({ key: 1 }, c(z), {
+        a.range ? (g(), y("span", L({ key: 1 }, c(I), {
           key: "thumblower",
           ref_key: "thumblower",
           ref: b,
@@ -239,8 +247,8 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
           role: "slider",
           style: { left: `${n.value}%` },
           tabindex: e.disabled ? -1 : 0,
-          onFocus: F,
-          onKeydown: X
+          onFocus: X,
+          onKeydown: R
         }), [
           m("span", {
             class: O({
@@ -265,8 +273,8 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
               })
             ])
           ], 6)
-        ], 16, pe)) : H("", !0),
-        m("span", P(c(z), {
+        ], 16, he)) : H("", !0),
+        m("span", L(c(I), {
           key: "thumbhigher",
           ref_key: "thumbhigher",
           ref: u,
@@ -281,8 +289,8 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
           role: "slider",
           style: { left: `${l.value}%` },
           tabindex: e.disabled ? -1 : 0,
-          onFocus: F,
-          onKeydown: X
+          onFocus: X,
+          onKeydown: R
         }), [
           m("span", {
             class: O({
@@ -307,12 +315,12 @@ const be = { class: "bb-base-slider__slider-container" }, ve = {
               })
             ])
           ], 6)
-        ], 16, he)
+        ], 16, ye)
       ]),
       v(e.$slots, "append")
     ], 16));
   }
 });
 export {
-  Le 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 "./index240.js";
-import { when as N } from "./index241.js";
+import { isCssColor as b } from "./index235.js";
+import { when as N } from "./index236.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 "./index212.js";
+import N from "./index225.js";
 /* empty css         */
-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";
+import { useItemsGetter as U } from "./index227.js";
+import { useIndexById as T } from "./index228.js";
+import { useBaseOptions as q } from "./index229.js";
+import { useCoherence as J } from "./index230.js";
+import { hash as Q } from "./index216.js";
+import { useHashedWatcher as $ } from "./index231.js";
+import { usePrefill as X } from "./index232.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 "./index221.js";
-import { useBaseOptions as ne } from "./index216.js";
-import { useIndexById as re } from "./index215.js";
-import ie from "./index222.js";
+import { last as le } from "./index217.js";
+import { useBaseOptions as ne } from "./index229.js";
+import { useIndexById as re } from "./index228.js";
+import ie from "./index237.js";
 /* empty css         */
-import ue from "./index224.js";
+import ue from "./index239.js";
 /* empty css         */
-import se from "./index226.js";
+import se from "./index241.js";
 /* empty css         */
-import de from "./index228.js";
-import { isEmpty as pe } from "./index229.js";
+import de from "./index243.js";
+import { isEmpty as pe } from "./index244.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 "./index228.js";
-import G from "./index226.js";
+import E from "./index243.js";
+import G from "./index241.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 "./index226.js";
+import E from "./index241.js";
 /* empty css         */
-import I from "./index228.js";
+import I from "./index243.js";
 import { isNotNil as N } from "./index140.js";
-import { MaskInput as z } from "./index266.js";
+import { MaskInput as z } from "./index256.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 "./index210.js";
+import { useLocale as g } from "./index224.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 "./index240.js";
+import { isCssColor as y } from "./index235.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 "./index240.js";
-import { isNil as B } from "./index245.js";
+import { isCssColor as l } from "./index235.js";
+import { isNil as B } from "./index246.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, N = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {

package/dist/index61.js

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

package/dist/index65.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as v, computed as g, createBlock as y, openBlock as B, withCtx as a, createVNode as $, mergeProps as w, renderSlot as i, normalizeProps as l, guardReactiveProps as r } from "vue";
+import { defineComponent as f, ref as g, computed as v, createBlock as y, openBlock as B, withCtx as i, createVNode as $, mergeProps as w, renderSlot as a, normalizeProps as l, guardReactiveProps as t } from "vue";
 import T from "./index19.js";
 /* empty css        */
 import V from "./index27.js";
@@ -11,6 +11,7 @@ const E = /* @__PURE__ */ f({
     compact: { type: Boolean },
     dependencies: {},
     depsDebounceTime: {},
+    direction: {},
     disabled: { type: Boolean },
     enforceCoherence: { type: Boolean },
     errors: {},
@@ -20,9 +21,11 @@ const E = /* @__PURE__ */ f({
     hint: {},
     id: {},
     inputDirection: {},
+    inputPosition: { default: "left" },
     items: {},
     itemText: {},
     itemValue: {},
+    labelPosition: {},
     legend: {},
     loadingText: {},
     max: {},
@@ -36,7 +39,7 @@ const E = /* @__PURE__ */ f({
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(d, { emit: p }) {
-    const m = d, n = p, s = v(!1), u = g(() => m.persistentHint || s.value), c = {
+    const u = d, n = p, s = g(!1), m = v(() => u.persistentHint || s.value), c = {
       onBlur: (e) => n("blur", e),
       onChange: (e) => n("change", e),
       onClick: (e) => n("click", e),
@@ -56,24 +59,26 @@ const E = /* @__PURE__ */ f({
       id: e.id,
       class: "bb-checkbox-group",
       compact: e.compact,
-      direction: "vertical",
+      direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
       "hide-label": e.hideLegend,
       hint: e.hint,
+      "input-position": e.inputPosition,
       label: e.legend,
+      "label-position": e.labelPosition,
       "label-tag": "legend",
       name: e.name,
       reverse: e.reverse,
-      "show-hint": u.value,
+      "show-hint": m.value,
       tag: "fieldset"
     }, {
-      label: a((t) => [
-        i(e.$slots, "legend", l(r(t)))
+      label: i((r) => [
+        a(e.$slots, "legend", l(t(r)))
       ]),
-      input: a(({ id: t, hasErrors: b, ariaDescribedby: h }) => [
+      input: i(({ id: r, hasErrors: b, ariaDescribedby: h }) => [
         $(T, w({
-          id: t,
+          id: r,
           "aria-describedby": h,
           autofocus: e.autofocus,
           color: e.color,
@@ -95,35 +100,35 @@ const E = /* @__PURE__ */ f({
           "no-data-text": e.noDataText,
           readonly: e.readonly
         }, c), {
-          prepend: a((o) => [
-            i(e.$slots, "prepend", l(r(o)))
+          prepend: i((o) => [
+            a(e.$slots, "prepend", l(t(o)))
           ]),
-          loading: a((o) => [
-            i(e.$slots, "loading", l(r(o)))
+          loading: i((o) => [
+            a(e.$slots, "loading", l(t(o)))
           ]),
-          "no-data": a((o) => [
-            i(e.$slots, "no-data", l(r(o)))
+          "no-data": i((o) => [
+            a(e.$slots, "no-data", l(t(o)))
           ]),
-          "option:prepend": a((o) => [
-            i(e.$slots, "option:prepend", l(r(o)))
+          "option:prepend": i((o) => [
+            a(e.$slots, "option:prepend", l(t(o)))
           ]),
-          icon: a((o) => [
-            i(e.$slots, "icon", l(r(o)))
+          icon: i((o) => [
+            a(e.$slots, "icon", l(t(o)))
           ]),
-          label: a((o) => [
-            i(e.$slots, "label", l(r(o)))
+          label: i((o) => [
+            a(e.$slots, "label", l(t(o)))
           ]),
-          "option:append": a((o) => [
-            i(e.$slots, "option:append", l(r(o)))
+          "option:append": i((o) => [
+            a(e.$slots, "option:append", l(t(o)))
           ]),
-          append: a((o) => [
-            i(e.$slots, "append", l(r(o)))
+          append: i((o) => [
+            a(e.$slots, "append", l(t(o)))
           ]),
           _: 2
         }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "max", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
       ]),
       _: 3
-    }, 8, ["id", "compact", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
   }
 });
 export {

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 "./index210.js";
+import { useLocale as f } from "./index224.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,13 +1,13 @@
 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 "./index267.js";
 import { useId as te } from "./index8.js";
-import { useUntil as ne } from "./index211.js";
+import { useUntil as ne } from "./index250.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 "./index238.js";
+import le from "./index254.js";
 /* empty css         */
 import K from "./index268.js";
 const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" }, Ee = /* @__PURE__ */ N({

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 "./index210.js";
+import { useLocale as M } from "./index224.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 "./index271.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("./index270.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 "./index240.js";
+import { isCssColor as I } from "./index235.js";
 const B = ["innerHTML"], k = /* @__PURE__ */ v({
   __name: "BbIcon",
   props: {

package/dist/index87.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index269.js";
+import { throttle as c } from "./index272.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {