bitboss-ui 2.0.137 → 2.0.141

package/dist/index100.js

@@ -1,13 +1,13 @@
 import { defineComponent as D, computed as V, toRef as r, reactive as E, watch as m, ref as L, openBlock as b, createElementBlock as B, Fragment as g, renderSlot as i, unref as P, createCommentVNode as R, renderList as j } from "vue";
-import { useItemValue as G } from "./index289.js";
-import { isNil as k } from "./index253.js";
-import { indexBy as U } from "./index301.js";
-import { hash as p } from "./index213.js";
-import { useItemsGetter as W } from "./index239.js";
-import { usePrefill as q } from "./index244.js";
-import { useIndexById as z } from "./index240.js";
-import { useBaseOptions as J } from "./index241.js";
-import { useHashedWatcher as K } from "./index243.js";
+import { useItemValue as G } from "./index273.js";
+import { isNil as k } from "./index255.js";
+import { indexBy as U } from "./index274.js";
+import { hash as p } from "./index210.js";
+import { useItemsGetter as W } from "./index223.js";
+import { usePrefill as q } from "./index228.js";
+import { useIndexById as z } from "./index224.js";
+import { useBaseOptions as J } from "./index225.js";
+import { useHashedWatcher as K } from "./index227.js";
 const oe = /* @__PURE__ */ D({
   __name: "BbRows",
   props: {

package/dist/index109.js

@@ -1,7 +1,7 @@
 import { defineComponent as ee, ref as n, computed as $, getCurrentInstance as te, watch as b, nextTick as le, onMounted as ae, openBlock as f, createElementBlock as p, unref as ie, normalizeClass as T, createElementVNode as h, renderSlot as k, normalizeProps as U, guardReactiveProps as W, normalizeStyle as se, Fragment as K, renderList as O, createVNode as J, withCtx as I, toDisplayString as re, createBlock as ne, Transition as oe, createCommentVNode as ue } from "vue";
 import { useId as de } from "./index8.js";
-import { useRoute as ce } from "./index136.js";
-import { useRouter as be } from "./index137.js";
+import { useRoute as ce } from "./index137.js";
+import { useRouter as be } from "./index138.js";
 import { wait as fe } from "./index130.js";
 import { useScroll as he, useResizeObserver as ye } from "./index132.js";
 import me from "./index13.js";

package/dist/index11.js

@@ -1,38 +1,38 @@
-import { wait as p } from "./index130.js";
+import { nanoid as p } from "./index133.js";
 import { reactive as d } from "vue";
-import { useId as h } from "./index8.js";
+import { wait as h } from "./index130.js";
 const i = d({
   stack: []
 }), b = () => {
-  const c = (t) => i.stack = i.stack.filter((o) => o.id !== t);
+  const n = (t) => i.stack = i.stack.filter((o) => o.id !== t);
   return {
     toast: (t) => {
-      const o = h().id.value;
-      let l, e, n, s, f;
+      const o = p();
+      let c, e, l, s, f;
       const u = 6e3;
       if (typeof t == "string")
         e = t;
       else {
         if (typeof t.timeout == "number" && t.timeout <= 0)
           throw new Error("Toast messages cannot have a zero or less timeout");
-        n = t.icon, f = t.showClose, e = t.text, s = t.theme, l = t.title;
+        l = t.icon, f = t.showClose, e = t.text, s = t.theme, c = t.title;
       }
       if (i.stack = i.stack.concat({
-        icon: n,
+        icon: l,
         id: o,
         showClose: f,
         text: e,
         theme: s,
-        title: l
+        title: c
       }), typeof t == "object" && !t.persistent || typeof t == "string") {
         let r;
-        typeof t == "object" && t.timeout ? r = t.timeout : r = u, p(r).then(() => {
-          c(o);
+        typeof t == "object" && t.timeout ? r = t.timeout : r = u, h(r).then(() => {
+          n(o);
         });
       }
       return o;
     },
-    dismiss: c,
+    dismiss: n,
     dismissAll: () => i.stack = []
   };
 };

package/dist/index111.js

@@ -1,21 +1,21 @@
 import { defineComponent as ue, ref as K, computed as h, toRef as O, watch as D, reactive as pe, openBlock as n, createBlock as Q, resolveDynamicComponent as me, normalizeClass as p, unref as v, withCtx as fe, createElementBlock as d, toDisplayString as m, createCommentVNode as g, createElementVNode as o, renderSlot as f, Fragment as A, renderList as B, createVNode as X, createTextVNode as ye, mergeProps as he } from "vue";
-import { add as ve } from "./index314.js";
-import { clamp as ke } from "./index205.js";
-import { isNil as T } from "./index253.js";
+import { add as ve } from "./index313.js";
+import { clamp as ke } from "./index208.js";
+import { isNil as T } from "./index255.js";
 import { useId as _e } from "./index8.js";
-import { useItemValue as ge } from "./index289.js";
-import { when as Ce } from "./index235.js";
+import { useItemValue as ge } from "./index273.js";
+import { when as Ce } from "./index212.js";
 import Y from "./index17.js";
 /* empty css        */
 import we from "./index31.js";
 /* empty css        */
-import { hash as E } from "./index213.js";
-import { useItemsGetter as Ie } from "./index239.js";
-import { usePrefill as Ve } from "./index244.js";
-import { useIndexById as Ae } from "./index240.js";
-import { useBaseOptions as Be } from "./index241.js";
-import { useHashedWatcher as Te } from "./index243.js";
-import { useLocale as $e } from "./index221.js";
+import { hash as E } from "./index210.js";
+import { useItemsGetter as Ie } from "./index223.js";
+import { usePrefill as Ve } from "./index228.js";
+import { useIndexById as Ae } from "./index224.js";
+import { useBaseOptions as Be } from "./index225.js";
+import { useHashedWatcher as Te } from "./index227.js";
+import { useLocale as $e } from "./index219.js";
 const xe = {
   key: 0,
   class: "sr-only"

package/dist/index119.js

@@ -1,7 +1,7 @@
 import { defineComponent as l, openBlock as e, createBlock as o, withCtx as r, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as u, createElementBlock as p, Fragment as f, renderList as _, unref as n, mergeProps as d } from "vue";
 import { state as k, useToast as b } from "./index11.js";
-import C from "./index251.js";
-import B from "./index318.js";
+import C from "./index218.js";
+import B from "./index314.js";
 const V = /* @__PURE__ */ l({
   __name: "BbToast",
   props: {

package/dist/index12.js

@@ -1,9 +1,9 @@
-import { copy as D } from "./index133.js";
+import { copy as D } from "./index134.js";
 import { reactive as G, watch as v, toValue as H, computed as g, provide as Q } from "vue";
-import { isNotNil as a } from "./index134.js";
-import { mapValues as X } from "./index135.js";
-import { useRoute as Z } from "./index136.js";
-import { useRouter as _ } from "./index137.js";
+import { isNotNil as a } from "./index135.js";
+import { mapValues as X } from "./index136.js";
+import { useRoute as Z } from "./index137.js";
+import { useRouter as _ } from "./index138.js";
 import { useStepper as ee } from "./index132.js";
 const te = Symbol(), x = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[\s\S]+))/, O = (i) => {
   var r, u;

package/dist/index121.js

@@ -1,15 +1,15 @@
 import { defineComponent as H, ref as o, watch as I, computed as z, openBlock as E, createElementBlock as R, mergeProps as S, createElementVNode as p, renderSlot as B, normalizeProps as U, guardReactiveProps as W, unref as u, createVNode as j, withCtx as C, createBlock as q, createCommentVNode as A } from "vue";
-import { useFloating as G, arrow as J } from "./index255.js";
+import { useFloating as G, arrow as J } from "./index261.js";
 import { useId as K } from "./index8.js";
 import { wait as L } from "./index130.js";
 import Q from "./index13.js";
 /* empty css        */
-import { throttle as v } from "./index249.js";
-import { waitFor as X } from "./index230.js";
-import Y from "./index231.js";
+import { throttle as v } from "./index214.js";
+import { waitFor as X } from "./index216.js";
+import Y from "./index247.js";
 /* empty css         */
-import { useLocale as Z } from "./index221.js";
-import { autoUpdate as x, flip as ee, shift as te, hide as oe } from "./index262.js";
+import { useLocale as Z } from "./index219.js";
+import { autoUpdate as x, flip as ee, shift as te, hide as oe } from "./index264.js";
 const ae = { class: "bb-tooltip__content" }, be = /* @__PURE__ */ H({
   __name: "BbTooltip",
   props: {

package/dist/index125.js

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

package/dist/index127.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, openBlock as h, createElementBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index234.js";
+import { isCssColor as I } from "./index211.js";
 const B = ["innerHTML"], k = /* @__PURE__ */ v({
   __name: "BbIcon",
   props: {

package/dist/index128.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index249.js";
+import { throttle as g } from "./index214.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index129.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as s, openBlock as b, createElementBlock as a, normalizeProps as _, guardReactiveProps as x, createStaticVNode as m } from "vue";
-import { isCssColor as u } from "./index234.js";
+import { isCssColor as u } from "./index211.js";
 const f = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index13.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, getCurrentInstance as d, shallowRef as x, watch as S, computed as f, openBlock as L, createBlock as B, resolveDynamicComponent as N, unref as $, mergeProps as F, withCtx as w, renderSlot as A, createTextVNode as P, toDisplayString as _, resolveComponent as m } from "vue";
 import { _config as o } from "./index4.js";
-import { useLogger as v } from "./index215.js";
-import { hash as g } from "./index213.js";
+import { useLogger as v } from "./index209.js";
+import { hash as g } from "./index210.js";
 const I = /* @__PURE__ */ C({
   __name: "BaseButton",
   props: {

package/dist/index131.js

@@ -1,4 +1,4 @@
-import { clamp as o } from "./index205.js";
+import { clamp as o } from "./index208.js";
 const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
   value: t = 0,
   originalBounds: e,

package/dist/index132.js

@@ -1,5 +1,5 @@
-import { toValue as O, tryOnScopeDispose as R, notNullish as $, noop as W, useDebounceFn as q, useThrottleFn as G, tryOnMounted as X, isObject as J, isClient as K } from "./index245.js";
-import { bypassFilter as ve, createFilterWrapper as de, debounceFilter as pe, debouncedWatch as he, getLifeCycleTarget as me, throttleFilter as be, debouncedWatch as ge, watchWithFilter as ye } from "./index245.js";
+import { toValue as O, tryOnScopeDispose as R, notNullish as $, noop as W, useDebounceFn as q, useThrottleFn as G, tryOnMounted as X, isObject as J, isClient as K } from "./index206.js";
+import { bypassFilter as ve, createFilterWrapper as de, debounceFilter as pe, debouncedWatch as he, getLifeCycleTarget as me, throttleFilter as be, debouncedWatch as ge, watchWithFilter as ye } from "./index206.js";
 import { computed as w, watch as z, ref as S, reactive as k, getCurrentInstance as U, onMounted as Z, watchEffect as ee } from "vue";
 function L(l) {
   var o;

package/dist/index133.js

@@ -1,27 +1,11 @@
-import { isArray as p } from "./index319.js";
-import { isPlainObject as c } from "./index320.js";
-function i(e, n, u, l, r) {
-  const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
-  o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {
-    value: u,
-    enumerable: !1,
-    writable: !0,
-    configurable: !0
-  });
-}
-function b(e, n = {}) {
-  if (p(e))
-    return e.map((r) => b(r, n));
-  if (!c(e))
-    return e;
-  const u = Object.getOwnPropertyNames(e), l = Object.getOwnPropertySymbols(e);
-  return [...u, ...l].reduce((r, o) => {
-    if (p(n.props) && !n.props.includes(o))
-      return r;
-    const m = e[o], s = b(m, n);
-    return i(r, o, s, e, n.nonenumerable), r;
-  }, {});
-}
+import { urlAlphabet as l } from "./index207.js";
+let o = (t = 21) => {
+  let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
+  for (; t--; )
+    e += l[r[t] & 63];
+  return e;
+};
 export {
-  b as copy
+  o as nanoid,
+  l as urlAlphabet
 };

package/dist/index134.js

@@ -1,4 +1,27 @@
-const r = (e) => !(typeof e > "u" || e === null);
+import { isArray as p } from "./index319.js";
+import { isPlainObject as c } from "./index320.js";
+function i(e, n, u, l, r) {
+  const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
+  o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {
+    value: u,
+    enumerable: !1,
+    writable: !0,
+    configurable: !0
+  });
+}
+function b(e, n = {}) {
+  if (p(e))
+    return e.map((r) => b(r, n));
+  if (!c(e))
+    return e;
+  const u = Object.getOwnPropertyNames(e), l = Object.getOwnPropertySymbols(e);
+  return [...u, ...l].reduce((r, o) => {
+    if (p(n.props) && !n.props.includes(o))
+      return r;
+    const m = e[o], s = b(m, n);
+    return i(r, o, s, e, n.nonenumerable), r;
+  }, {});
+}
 export {
-  r as isNotNil
+  b as copy
 };

package/dist/index135.js

@@ -1,7 +1,4 @@
-const u = (e, s) => Object.keys(e).reduce(
-  (t, r) => (t[r] = s(e[r], r, e), t),
-  {}
-);
+const r = (e) => !(typeof e > "u" || e === null);
 export {
-  u as mapValues
+  r as isNotNil
 };

package/dist/index136.js

@@ -1,11 +1,7 @@
-import { getCurrentInstance as o, computed as r } from "vue";
-function u() {
-  const t = o();
-  return r(() => {
-    var e;
-    return (e = t == null ? void 0 : t.proxy) == null ? void 0 : e.$route;
-  });
-}
+const u = (e, s) => Object.keys(e).reduce(
+  (t, r) => (t[r] = s(e[r], r, e), t),
+  {}
+);
 export {
-  u as useRoute
+  u as mapValues
 };

package/dist/index137.js

@@ -1,8 +1,11 @@
-import { getCurrentInstance as e } from "vue";
-function n() {
-  var r, t;
-  return (t = (r = e()) == null ? void 0 : r.proxy) == null ? void 0 : t.$router;
+import { getCurrentInstance as o, computed as r } from "vue";
+function u() {
+  const t = o();
+  return r(() => {
+    var e;
+    return (e = t == null ? void 0 : t.proxy) == null ? void 0 : e.$route;
+  });
 }
 export {
-  n as useRouter
+  u as useRoute
 };

package/dist/index138.js

@@ -1,5 +1,8 @@
-import o from "./index13.js";
-/* empty css        */
+import { getCurrentInstance as e } from "vue";
+function n() {
+  var r, t;
+  return (t = (r = e()) == null ? void 0 : r.proxy) == null ? void 0 : t.$router;
+}
 export {
-  o as default
+  n as useRouter
 };

package/dist/index139.js

@@ -1,4 +1,4 @@
-import o from "./index15.js";
+import o from "./index13.js";
 /* empty css        */
 export {
   o as default

package/dist/index140.js

@@ -1,4 +1,4 @@
-import o from "./index17.js";
+import o from "./index15.js";
 /* empty css        */
 export {
   o as default

package/dist/index141.js

@@ -1,4 +1,4 @@
-import o from "./index19.js";
+import o from "./index17.js";
 /* empty css        */
 export {
   o as default

package/dist/index142.js

@@ -1,4 +1,4 @@
-import o from "./index21.js";
+import o from "./index19.js";
 /* empty css        */
 export {
   o as default

package/dist/index143.js

@@ -1,4 +1,4 @@
-import o from "./index23.js";
+import o from "./index21.js";
 /* empty css        */
 export {
   o as default

package/dist/index144.js

@@ -1,4 +1,4 @@
-import o from "./index25.js";
+import o from "./index23.js";
 /* empty css        */
 export {
   o as default

package/dist/index145.js

@@ -1,4 +1,4 @@
-import o from "./index27.js";
+import o from "./index25.js";
 /* empty css        */
 export {
   o as default

package/dist/index146.js

@@ -1,4 +1,4 @@
-import o from "./index29.js";
+import o from "./index27.js";
 /* empty css        */
 export {
   o as default

package/dist/index147.js

@@ -1,4 +1,4 @@
-import o from "./index31.js";
+import o from "./index29.js";
 /* empty css        */
 export {
   o as default

package/dist/index148.js

@@ -1,4 +1,4 @@
-import o from "./index33.js";
+import o from "./index31.js";
 /* empty css        */
 export {
   o as default

package/dist/index149.js

@@ -1,4 +1,4 @@
-import o from "./index35.js";
+import o from "./index33.js";
 /* empty css        */
 export {
   o as default

package/dist/index15.js

@@ -1,19 +1,19 @@
-import { defineComponent as H, ref as u, computed as D, openBlock as E, createElementBlock as I, Fragment as M, createVNode as p, normalizeClass as F, withCtx as n, renderSlot as r, unref as s, createElementVNode as f, normalizeStyle as T, withModifiers as q, withDirectives as L, mergeProps as N, nextTick as O } from "vue";
-import { isHex as z } from "./index246.js";
-import { isNotNil as S } from "./index134.js";
-import { useFocusTrap as _ } from "./index228.js";
+import { defineComponent as H, ref as u, computed as D, openBlock as E, createElementBlock as I, Fragment as M, createVNode as p, normalizeClass as _, withCtx as n, renderSlot as r, unref as s, createElementVNode as c, normalizeStyle as F, withModifiers as T, withDirectives as q, mergeProps as L, nextTick as N } from "vue";
+import { isHex as O } from "./index245.js";
+import { isNotNil as z } from "./index135.js";
+import { useFocusTrap as S } from "./index215.js";
 import { useId as A } from "./index8.js";
-import { vMaska as K } from "./index229.js";
-import P from "./index231.js";
+import { vMaska as K } from "./index246.js";
+import P from "./index247.js";
 /* empty css         */
-import R from "./index247.js";
+import R from "./index249.js";
 /* empty css         */
-import U from "./index223.js";
+import U from "./index242.js";
 /* empty css         */
-import j from "./index225.js";
+import j from "./index244.js";
 import { wait as G } from "./index130.js";
-import { useLocale as J } from "./index221.js";
-const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], W = ["aria-label"], de = /* @__PURE__ */ H({
+import { useLocale as J } from "./index219.js";
+const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], W = ["aria-label"], X = { class: "bb-common-input-inner-container__suffix" }, ce = /* @__PURE__ */ H({
   __name: "BaseColorInput",
   props: {
     "append:icon": {},
@@ -37,7 +37,7 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(y, { emit: v }) {
-    const t = y, o = v, c = t.id ?? `bb_${A().id.value}`, m = u(null), d = u(null), { t: k } = J(), g = D(() => ({
+    const t = y, o = v, m = t.id ?? `bb_${A().id.value}`, b = u(null), d = u(null), { t: k } = J(), g = D(() => ({
       "bb-base-color-input": !0,
       "bb-base-color-input--disabled": t.disabled,
       "bb-base-color-input--errors": t.hasErrors,
@@ -45,7 +45,7 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       "bb-base-color-input--readonly": t.readonly,
       "bb-base-color-input--compact": t.compact,
       "bb-base-color-input--active": l.value
-    })), w = {
+    })), h = {
       onBlur: (e) => o("blur", e),
       onChange: (e) => o("change", e),
       onClick: (e) => o("click", e),
@@ -58,9 +58,9 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       onMouseup: (e) => o("mouseup", e),
       onMaska: (e) => {
         const a = e.detail;
-        z(a.masked) ? o("update:modelValue", a.masked) : a.masked === "" && o("update:modelValue", null);
+        O(a.masked) ? o("update:modelValue", a.masked) : a.masked === "" && o("update:modelValue", null);
       }
-    }, h = () => {
+    }, w = () => {
       V();
     }, C = {
       mask: "!#HHHHHH",
@@ -70,9 +70,9 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       eager: !0
     }, l = u(!1), V = async () => {
       $.value = !0, l.value = !0, await G(100), B();
-    }, b = async () => {
+    }, f = async () => {
       l.value = !1;
-    }, $ = u(!1), { activate: B } = _(d, {
+    }, $ = u(!1), { activate: B } = S(d, {
       /**
        * This traps all clicks outside so we are pressing
        * the trigger we just allow and process that in its
@@ -83,16 +83,16 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       clickOutsideDeactivates: (e) => {
         var i;
         const a = e.target;
-        return a instanceof HTMLElement && (i = d.value) != null && i.$el.contains(a) || b(), !0;
+        return a instanceof HTMLElement && (i = d.value) != null && i.$el.contains(a) || f(), !0;
       },
-      escapeDeactivates: () => (O(async () => {
-        await b();
+      escapeDeactivates: () => (N(async () => {
+        await f();
       }), !0),
       returnFocusOnDeactivate: !0
     });
     return (e, a) => (E(), I(M, null, [
       p(j, {
-        class: F(g.value)
+        class: _(g.value)
       }, {
         "prepend-outer": n(() => [
           r(e.$slots, "prepend-outer")
@@ -103,9 +103,9 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
         default: n(() => [
           p(U, {
             ref_key: "innerContainer",
-            ref: m,
+            ref: b,
             "append:icon": t["append:icon"],
-            clearable: e.clearable && s(S)(e.modelValue),
+            clearable: e.clearable && s(z)(e.modelValue),
             "prepend:icon": t["prepend:icon"],
             "onClick:clear": a[0] || (a[0] = (i) => e.$emit("update:modelValue", null))
           }, {
@@ -116,22 +116,23 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
               r(e.$slots, "prefix")
             ]),
             append: n(() => [
-              f("button", {
+              c("button", {
                 ref: "indicator",
                 "aria-label": s(k)("colorInput.paletteLabel").value,
                 class: "bb-base-color-input__indicator",
-                style: T({ backgroundColor: t.modelValue ?? void 0 }),
+                style: F({ backgroundColor: t.modelValue ?? void 0 }),
                 type: "button",
-                onClick: q(h, ["stop"])
+                onClick: T(w, ["stop"])
               }, null, 12, W),
-              r(e.$slots, "append")
-            ]),
-            suffix: n(() => [
-              r(e.$slots, "suffix")
+              r(e.$slots, "append", {}, () => [
+                c("span", X, [
+                  r(e.$slots, "suffix")
+                ])
+              ])
             ]),
             default: n(() => [
-              L(f("input", N(w, {
-                id: s(c),
+              q(c("input", L(h, {
+                id: s(m),
                 "aria-describedby": e.ariaDescribedby,
                 "aria-invalid": e.hasErrors ? !0 : void 0,
                 autocomplete: e.autocomplete,
@@ -156,12 +157,12 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       }, 8, ["class"]),
       p(P, {
         "base-class": "bb-base-color-input__pallette",
-        "container-attributes": { id: s(c) },
+        "container-attributes": { id: s(m) },
         offset: 4,
         open: l.value,
         "teleport-target": e.teleportTarget,
         "transition-duration": e.transitionDuration,
-        wrapper: m.value
+        wrapper: b.value
       }, {
         default: n(() => [
           p(R, {
@@ -178,5 +179,5 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
   }
 });
 export {
-  de as default
+  ce as default
 };

package/dist/index150.js

@@ -1,4 +1,4 @@
-import o from "./index37.js";
+import o from "./index35.js";
 /* empty css        */
 export {
   o as default

package/dist/index151.js

@@ -1,4 +1,4 @@
-import o from "./index39.js";
+import o from "./index37.js";
 /* empty css        */
 export {
   o as default

package/dist/index152.js

@@ -1,4 +1,4 @@
-import o from "./index41.js";
+import o from "./index39.js";
 /* empty css        */
 export {
   o as default

package/dist/index153.js

@@ -1,4 +1,4 @@
-import o from "./index43.js";
+import o from "./index41.js";
 /* empty css        */
 export {
   o as default