bitboss-ui 2.0.95 → 2.0.97

package/dist/index117.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as n, renderSlot as r, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
+import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as a, renderSlot as n, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
 import $ from "./index27.js";
 /* empty css        */
 import k from "./index49.js";
@@ -9,6 +9,7 @@ const E = /* @__PURE__ */ c({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -24,14 +25,14 @@ const E = /* @__PURE__ */ c({
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean },
     type: {}
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(i, { emit: p }) {
-    const a = i, o = p, l = h(!1), d = b(() => a.persistentHint || l.value), t = {
+  setup(s, { emit: i }) {
+    const r = s, o = i, l = h(!1), d = b(() => r.persistentHint || l.value), t = {
       onBlur: (e) => {
         l.value = !1, o("blur", e);
       },
@@ -49,6 +50,7 @@ const E = /* @__PURE__ */ c({
     return (e, V) => (f(), y($, {
       id: e.id,
       class: "bb-text-input",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -61,50 +63,51 @@ const E = /* @__PURE__ */ c({
       reverse: e.reverse,
       "show-hint": d.value
     }, {
-      label: n((s) => [
-        r(e.$slots, "label", v(B(s)))
+      label: a((p) => [
+        n(e.$slots, "label", v(B(p)))
       ]),
-      input: n(({ id: s, hasErrors: u, ariaDescribedby: m }) => [
+      input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
         w(k, g({
-          id: s,
-          "append:icon": a["append:icon"],
+          id: p,
+          "append:icon": r["append:icon"],
           "aria-describedby": m,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          compact: e.compact,
           disabled: e.disabled,
           "has-errors": u,
           loading: e.loading,
           "model-value": e.modelValue,
           name: e.name,
           placeholder: e.placeholder,
-          "prepend:icon": a["prepend:icon"],
+          "prepend:icon": r["prepend:icon"],
           readonly: e.readonly,
           required: e.required,
           type: e.type
         }, t), {
-          "append-outer": n(() => [
-            r(e.$slots, "append-outer")
+          "append-outer": a(() => [
+            n(e.$slots, "append-outer")
           ]),
-          append: n(() => [
-            r(e.$slots, "append")
+          append: a(() => [
+            n(e.$slots, "append")
           ]),
-          prefix: n(() => [
-            r(e.$slots, "prefix")
+          prefix: a(() => [
+            n(e.$slots, "prefix")
           ]),
-          suffix: n(() => [
-            r(e.$slots, "suffix")
+          suffix: a(() => [
+            n(e.$slots, "suffix")
           ]),
-          prepend: n(() => [
-            r(e.$slots, "prepend")
+          prepend: a(() => [
+            n(e.$slots, "prepend")
           ]),
-          "prepend-outer": n(() => [
-            r(e.$slots, "prepend-outer")
+          "prepend-outer": a(() => [
+            n(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {

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 "./index234.js";
-import B from "./index310.js";
+import C from "./index235.js";
+import B from "./index305.js";
 const V = /* @__PURE__ */ l({
   __name: "BbToast",
   props: {

package/dist/index121.js

@@ -1,14 +1,14 @@
 import { defineComponent as N, ref as a, watch as V, computed as H, openBlock as B, createElementBlock as z, mergeProps as I, createElementVNode as p, renderSlot as C, normalizeProps as R, guardReactiveProps as S, unref as c, createVNode as U, withCtx as E, createBlock as W, createCommentVNode as j } from "vue";
-import { useFloating as q, arrow as A } from "./index238.js";
+import { useFloating as q, arrow as A } from "./index228.js";
 import { useId as G } from "./index8.js";
 import { wait as _ } from "./index132.js";
 import J from "./index13.js";
 /* empty css        */
-import { throttle as m } from "./index230.js";
-import { waitFor as K } from "./index232.js";
-import Q from "./index255.js";
+import { throttle as m } from "./index241.js";
+import { waitFor as K } from "./index233.js";
+import Q from "./index273.js";
 /* empty css         */
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index242.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index236.js";
 const pe = /* @__PURE__ */ N({
   __name: "BbTooltip",
   props: {

package/dist/index123.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index311.js";
+import { flattenTree as T } from "./index304.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   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 "./index227.js";
+import { isCssColor as I } from "./index225.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 "./index230.js";
+import { throttle as g } from "./index241.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 "./index227.js";
+import { isCssColor as u } from "./index225.js";
 const f = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index13.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, getCurrentInstance as u, resolveComponent as p, computed as d, openBlock as v, createBlock as h, resolveDynamicComponent as C, unref as x, mergeProps as S, withCtx as L, renderSlot as B, createTextVNode as N, toDisplayString as $ } from "vue";
 import { _config as n } from "./index4.js";
-import { useLogger as m } from "./index221.js";
+import { useLogger as m } from "./index219.js";
 const _ = /* @__PURE__ */ k({
   __name: "BaseButton",
   props: {

package/dist/index134.js

@@ -1,5 +1,5 @@
-import { isArray as p } from "./index303.js";
-import { isPlainObject as c } from "./index304.js";
+import { isArray as p } from "./index308.js";
+import { isPlainObject as c } from "./index309.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, {

package/dist/index15.js

@@ -1,9 +1,9 @@
-import { defineComponent as k, ref as y, computed as v, watchPostEffect as h, openBlock as g, createElementBlock as C, Fragment as w, createVNode as d, normalizeClass as V, withCtx as n, renderSlot as l, createElementVNode as s, normalizeStyle as H, withModifiers as B, withDirectives as E, mergeProps as q, unref as $ } from "vue";
+import { defineComponent as k, ref as y, computed as v, watchPostEffect as h, openBlock as g, createElementBlock as C, Fragment as w, createVNode as d, normalizeClass as B, withCtx as n, renderSlot as r, createElementVNode as s, normalizeStyle as V, withModifiers as H, withDirectives as E, mergeProps as q, unref as $ } from "vue";
 import z from "./index208.js";
 /* empty css         */
 import I from "./index210.js";
-import { vMaska as M } from "./index211.js";
-import { isHex as D } from "./index212.js";
+import { vMaska as M } from "./index232.js";
+import { isHex as D } from "./index244.js";
 const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], P = ["aria-invalid", "disabled", "required"], T = /* @__PURE__ */ k({
   __name: "BaseColorInput",
   props: {
@@ -11,6 +11,7 @@ const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     ariaDescribedby: {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
     id: {},
@@ -19,17 +20,18 @@ const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     name: {},
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(t, { emit: u }) {
-    const a = t, o = u, i = y(), p = v(() => ({
+  setup(t, { emit: p }) {
+    const a = t, o = p, i = y(), u = v(() => ({
       "bb-base-color-input": !0,
       "bb-base-color-input--disabled": a.disabled,
       "bb-base-color-input--errors": a.hasErrors,
       "bb-base-color-input--loading": a.loading,
-      "bb-base-color-input--readonly": a.readonly
+      "bb-base-color-input--readonly": a.readonly,
+      "bb-base-color-input--compact": a.compact
     })), c = {
       onBlur: (e) => o("blur", e),
       onChange: (e) => o("change", e),
@@ -42,8 +44,8 @@ const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       onMousedown: (e) => o("mousedown", e),
       onMouseup: (e) => o("mouseup", e),
       onMaska: (e) => {
-        const r = e.detail;
-        D(r.masked) ? o("update:modelValue", r.masked) : r.masked === "" && o("update:modelValue", null);
+        const l = e.detail;
+        D(l.masked) ? o("update:modelValue", l.masked) : l.masked === "" && o("update:modelValue", null);
       }
     }, m = () => {
       var e;
@@ -59,15 +61,15 @@ const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     };
     return h(() => {
       i.value && (i.value.value = a.modelValue ?? "");
-    }), (e, r) => (g(), C(w, null, [
+    }), (e, l) => (g(), C(w, null, [
       d(I, {
-        class: V(p.value)
+        class: B(u.value)
       }, {
         "prepend-outer": n(() => [
-          l(e.$slots, "prepend-outer")
+          r(e.$slots, "prepend-outer")
         ]),
         "append-outer": n(() => [
-          l(e.$slots, "append-outer")
+          r(e.$slots, "append-outer")
         ]),
         default: n(() => [
           d(z, {
@@ -75,21 +77,21 @@ const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
             "prepend:icon": a["prepend:icon"]
           }, {
             prepend: n(() => [
-              l(e.$slots, "prepend")
+              r(e.$slots, "prepend")
             ]),
             prefix: n(() => [
-              l(e.$slots, "prefix")
+              r(e.$slots, "prefix")
             ]),
             append: n(() => [
               s("span", {
                 class: "bb-base-color-input__indicator",
-                style: H({ backgroundColor: a.modelValue ?? void 0 }),
-                onClick: B(m, ["stop"])
+                style: V({ backgroundColor: a.modelValue ?? void 0 }),
+                onClick: H(m, ["stop"])
               }, null, 4),
-              l(e.$slots, "append")
+              r(e.$slots, "append")
             ]),
             suffix: n(() => [
-              l(e.$slots, "suffix")
+              r(e.$slots, "suffix")
             ]),
             default: n(() => [
               E(s("input", q(c, {
@@ -129,7 +131,7 @@ const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
         ]),
         _: 3
       }, 8, ["class"]),
-      r[0] || (r[0] = s("span", null, null, -1))
+      l[0] || (l[0] = s("span", null, null, -1))
     ], 64));
   }
 });

package/dist/index17.js

@@ -1,8 +1,8 @@
-import { defineComponent as E, ref as m, computed as n, watch as _, openBlock as p, createElementBlock as h, normalizeProps as i, guardReactiveProps as f, mergeProps as k, createCommentVNode as I, createElementVNode as s, renderSlot as q } from "vue";
-import { isCssColor as y } from "./index227.js";
-import { when as F } from "./index228.js";
-import { booleanishToBoolean as N } from "./index229.js";
-const S = {
+import { defineComponent as E, ref as m, computed as n, watch as _, openBlock as p, createElementBlock as h, normalizeProps as i, guardReactiveProps as f, mergeProps as k, createCommentVNode as I, createElementVNode as l, renderSlot as F } from "vue";
+import { isCssColor as y } from "./index225.js";
+import { when as N } from "./index226.js";
+import { booleanishToBoolean as S } from "./index227.js";
+const A = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"
 }, $ = /* @__PURE__ */ E({
@@ -18,7 +18,7 @@ const S = {
     id: {},
     indeterminate: {},
     name: {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     submitWhenFalse: { type: Boolean },
     trueValue: { default: !0 },
@@ -26,7 +26,7 @@ const S = {
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(v, { emit: V }) {
-    const e = v, t = V, l = m(null), r = n(() => e.checked ? N(e.checked) : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), u = m(!1), x = n(() => {
+    const e = v, t = V, s = m(null), r = n(() => e.checked ? S(e.checked) : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), u = m(!1), x = n(() => {
       const a = {
         class: {
           "bb-base-checkbox": !0,
@@ -38,7 +38,7 @@ const S = {
         }
       };
       return e.color && y(e.color) && (a.style = `--color: ${e.color}`), a;
-    }), d = F(
+    }), d = N(
       (a) => typeof a != "string",
       JSON.stringify
     ), g = n(() => {
@@ -94,28 +94,27 @@ const S = {
       name: e.name,
       parsedValue: b.value.value,
       readonly: e.readonly,
-      required: e.required,
       trueValue: e.trueValue,
       value: r.value ? e.trueValue : e.falseValue
     }));
     return _(
       () => [e.modelValue, e.checked, e.indeterminate],
       () => {
-        l.value && (l.value.indeterminate = !!e.indeterminate);
+        s.value && (s.value.indeterminate = !!e.indeterminate);
       }
     ), (a, c) => (p(), h("span", i(f(x.value)), [
       !r.value && a.submitWhenFalse ? (p(), h("input", i(k({ key: 0 }, g.value)), null, 16)) : I("", !0),
-      s("input", k(b.value, {
+      l("input", k(b.value, {
         ref_key: "checkboxInput",
-        ref: l
+        ref: s
       }), null, 16),
-      s("span", S, [
-        q(a.$slots, "icon", i(f(B.value)), () => [
-          c[0] || (c[0] = s("svg", {
+      l("span", A, [
+        F(a.$slots, "icon", i(f(B.value)), () => [
+          c[0] || (c[0] = l("svg", {
             class: "bb-base-checkbox-container__icon",
             viewBox: "276.411 158.834 114.971 114.97"
           }, [
-            s("path", {
+            l("path", {
               d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
               fill: "none",
               "stroke-linecap": "round",

package/dist/index19.js

@@ -1,10 +1,11 @@
-import { defineComponent as $, ref as p, toRef as l, openBlock as B, createBlock as w, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v } from "vue";
-import { useOptions as z } from "./index235.js";
-import F from "./index17.js";
+import { defineComponent as w, ref as v, toRef as l, openBlock as O, createBlock as x, unref as d, withCtx as i, renderSlot as s, normalizeProps as p, guardReactiveProps as f, createVNode as F, mergeProps as g } from "vue";
+import { useOptions as M } from "./index237.js";
+import H from "./index17.js";
 /* empty css        */
-import M from "./index236.js";
+import P from "./index238.js";
 /* empty css         */
-const A = /* @__PURE__ */ $({
+import { useLocale as z } from "./index240.js";
+const N = /* @__PURE__ */ w({
   __name: "BaseCheckboxGroup",
   props: {
     ariaDescribedby: {},
@@ -21,66 +22,69 @@ const A = /* @__PURE__ */ $({
     items: { type: [Array, Function], default: () => [] },
     itemText: {},
     itemValue: {},
-    loadingText: { default: "Caricamento..." },
+    loadingText: {},
     max: {},
     modelValue: {},
     modelValueDebounceTime: { default: 0 },
     name: {},
-    noDataText: { default: "Nessun elemento da visualizzare" },
-    readonly: {}
+    noDataText: {},
+    readonly: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(g, { emit: y }) {
-    const a = g, o = y, m = p(), r = p(!1), {
-      innerLoading: T,
-      options: k,
-      selectOption: D,
+  setup(y, { emit: T }) {
+    const n = y, t = T, { t: b } = z(), h = v(), r = v(!1), {
+      innerLoading: k,
+      options: D,
+      selectOption: L,
       unselectOption: C
-    } = z({
-      dependencies: l(a, "dependencies"),
-      depsDebounceTime: a.depsDebounceTime,
-      disabled: l(a, "disabled"),
-      emit: o,
-      enforceCoherence: a.enforceCoherence,
-      items: l(a, "items"),
-      itemText: a.itemText,
-      itemValue: a.itemValue,
-      max: a.max,
-      modelValue: l(a, "modelValue"),
-      modelValueDebounceTime: a.modelValueDebounceTime,
+    } = M({
+      dependencies: l(n, "dependencies"),
+      depsDebounceTime: n.depsDebounceTime,
+      disabled: l(n, "disabled"),
+      emit: t,
+      enforceCoherence: n.enforceCoherence,
+      items: l(n, "items"),
+      itemText: n.itemText,
+      itemValue: n.itemValue,
+      max: n.max,
+      modelValue: l(n, "modelValue"),
+      modelValueDebounceTime: n.modelValueDebounceTime,
       multiple: !0,
       prefill: !0,
       queryDebounceTime: 0,
       resetQueryOnOptionSelected: !1,
       stash: !1
-    }), L = (e, t) => {
-      o("change", e), t.selected ? C(t) : D(t);
-    }, E = {
-      onBlur: (e) => o("blur", e),
-      onClick: (e) => o("click", e),
+    }), E = (e) => {
+      if (n.id)
+        return [n.id, e.valueHash].filter(Boolean).join("-");
+    }, V = (e, a) => {
+      t("change", e), a.selected ? C(a) : L(a);
+    }, B = {
+      onBlur: (e) => t("blur", e),
+      onClick: (e) => t("click", e),
       onFocus: (e) => {
-        o("focus", e), r.value || (document.addEventListener("focusin", d, { passive: !0 }), document.addEventListener("click", u, { passive: !0 }), r.value = !0);
+        t("focus", e), r.value || (document.addEventListener("focusin", u, { passive: !0 }), document.addEventListener("click", c, { passive: !0 }), r.value = !0);
       },
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e)
-    }, d = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = m.value) != null && t.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
+      onInput: (e) => t("input", e),
+      onKeydown: (e) => t("keydown", e),
+      onMousedown: (e) => t("mousedown", e),
+      onMouseup: (e) => t("mouseup", e)
     }, u = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = m.value) != null && t.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
+      var a;
+      e.target instanceof HTMLElement && ((a = h.value) != null && a.contains(e.target) || (t("inactive"), r.value = !1, document.removeEventListener("focusin", u), document.removeEventListener("click", c)));
+    }, c = (e) => {
+      var a;
+      e.target instanceof HTMLElement && ((a = h.value) != null && a.contains(e.target) || (t("inactive"), r.value = !1, document.removeEventListener("focusin", u), document.removeEventListener("click", c)));
     };
-    return (e, t) => (B(), w(M, {
+    return (e, a) => (O(), x(P, {
       class: "bb-base-checkbox-group",
       direction: e.direction,
       "has-errors": e.hasErrors,
       "hide-label": e.hideLabel,
-      loading: !!f(T),
-      "loading-text": e.loadingText,
-      "no-data-text": e.noDataText,
-      options: f(k)
+      loading: !!d(k),
+      "loading-text": e.loadingText || d(b)("common.loadingText"),
+      "no-data-text": e.noDataText || d(b)("common.noDataText"),
+      options: d(D)
     }, {
       prepend: i(() => [
         s(e.$slots, "prepend")
@@ -91,43 +95,46 @@ const A = /* @__PURE__ */ $({
       "no-data": i(() => [
         s(e.$slots, "no-data")
       ]),
-      "option:prepend": i((n) => [
-        s(e.$slots, "option:prepend", b(h(n)))
+      label: i((o) => [
+        s(e.$slots, "label", p(f(o)))
       ]),
-      input: i(({ option: n, index: V }) => [
-        O(F, v({
-          id: `${e.id}-${n.valueHash}`,
+      "option:prepend": i((o) => [
+        s(e.$slots, "option:prepend", p(f(o)))
+      ]),
+      input: i(({ option: o, index: $ }) => [
+        F(H, g({
+          id: E(o),
           "aria-describedby": e.ariaDescribedby,
-          autofocus: e.autofocus && !V,
-          checked: n.selected,
+          autofocus: e.autofocus && !$,
+          checked: o.selected,
           color: e.color,
-          disabled: n.disabled,
+          disabled: o.disabled,
           "has-errors": e.hasErrors,
           name: e.name,
           readonly: e.readonly,
-          "true-value": n.value
-        }, E, {
-          onChange: (c) => L(c, n)
+          "true-value": o.value
+        }, B, {
+          onChange: (m) => V(m, o)
         }), {
-          icon: i((c) => [
-            s(e.$slots, "icon", v({
-              item: n.item,
-              text: n.text
-            }, c))
+          icon: i((m) => [
+            s(e.$slots, "icon", g({
+              item: o.item,
+              text: o.text
+            }, m))
           ]),
           _: 2
         }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "name", "readonly", "true-value", "onChange"])
       ]),
-      "option:append": i((n) => [
-        s(e.$slots, "option:prepend", b(h(n)))
+      "option:append": i((o) => [
+        s(e.$slots, "option:append", p(f(o)))
       ]),
       append: i(() => [
-        s(e.$slots, "prepend")
+        s(e.$slots, "append")
       ]),
       _: 3
     }, 8, ["direction", "has-errors", "hide-label", "loading", "loading-text", "no-data-text", "options"]));
   }
 });
 export {
-  A as default
+  N as default
 };

package/dist/index208.js

@@ -5,7 +5,7 @@ import a from "./index127.js";
 /* empty css         */
 import $ from "./index129.js";
 /* empty css         */
-import b from "./index302.js";
+import b from "./index307.js";
 const y = { class: "bb-common-input-inner-container__prefix" }, k = { class: "bb-common-input-inner-container__suffix" }, S = /* @__PURE__ */ f({
   __name: "CommonInputInnerContainer",
   props: {