bitboss-ui 2.0.41 → 2.0.43

package/dist/components/ListBox.vue.d.ts

@@ -7,27 +7,7 @@ type Props = {
     loadingText?: string;
     noDataText?: string;
 };
-declare function __VLS_template(): {
-    slots: Partial<Record<"loading", (_: {}) => any>> & Partial<Record<"no-data", (_: {}) => any>> & {
-        "options:prepend"?(_: {}): any;
-        option?(_: {
-            disabled: boolean;
-            focused: boolean;
-            index: number;
-            item: any;
-            selected: boolean;
-            text: string;
-            value: any;
-        }): any;
-        "options:append"?(_: {}): any;
-    };
-    refs: {
-        inner: HTMLDivElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {
     focusNext: () => void;
     focusPrevious: () => Promise<void>;
     focusFirst: () => void;
@@ -36,7 +16,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     focusLastSelected: () => void;
     blur: () => void;
     confirmOption: () => void;
-    focusByHash: (hash: Option["valueHash"]) => void;
+    focusByHash: (hash: string) => void;
     getHighlighted: () => Option | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "option:unselected": (option: Option) => any;
@@ -48,8 +28,19 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     transitionDuration: number;
     loadingText: string;
     noDataText: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Partial<Record<"loading", (_: {}) => any>> & Partial<Record<"no-data", (_: {}) => any>> & {
+    "options:prepend"?(_: {}): any;
+    option?(_: {
+        disabled: boolean;
+        focused: boolean;
+        index: number;
+        item: any;
+        selected: boolean;
+        text: string;
+        value: any;
+    }): any;
+    "options:append"?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/OptionsContainer.vue.d.ts

@@ -1,30 +1,52 @@
 import { Option } from '../types/Option';
-declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{}> & Readonly<{}>, never>, never> & {
-        /**
-         * Direction of the layout of the inputs inside the fieldset. It can be either `horizontal` or `vertical`
-         */
-        direction?: "horizontal" | "vertical";
-        /**
-         * Define if the component should be in an error state.
-         * It usually attaches a CSS class for styling purposes.
-         */
-        hasErrors?: boolean;
-        /**
-         * Visually hides the label of the input while maintaining accessibility.
-         */
-        hideLabel?: boolean;
-        /**
-         * String displayed while items are being loaded.
-         */
-        loadingText?: string;
-        loading?: boolean;
-        /**
-         * String displayed when there are no items to display.
-         */
-        noDataText?: string;
+declare const _default: <T = any>(__VLS_props: {
+    direction?: "horizontal" | "vertical" | undefined;
+    hasErrors?: boolean | undefined;
+    hideLabel?: boolean | undefined;
+    loadingText?: string | undefined;
+    loading?: boolean | undefined;
+    noDataText?: string | undefined;
+    options: Option[];
+} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: Partial<Record<"loading", (_: {}) => any>> & Partial<Record<"no-data", (_: {}) => any>> & {
+        prepend?(_: {}): any;
+        "option:prepend"?(_: {
+            id: string;
+            checked: boolean;
+            disabled: boolean;
+            item: any;
+            text: string;
+        }): any;
+        input?(_: {
+            index: number;
+            option: Option;
+        }): any;
+        label?(_: {
+            checked: boolean;
+            item: any;
+            text: string;
+        }): any;
+        "option:append"?(_: {
+            id: string;
+            checked: boolean;
+            disabled: boolean;
+            item: any;
+            text: string;
+        }): any;
+        append?(_: {}): any;
+    };
+    emit: {};
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        direction?: "horizontal" | "vertical" | undefined;
+        hasErrors?: boolean | undefined;
+        hideLabel?: boolean | undefined;
+        loadingText?: string | undefined;
+        loading?: boolean | undefined;
+        noDataText?: string | undefined;
         options: Option[];
-    }> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: Partial<Record<"loading", (_: {}) => any>> & Partial<Record<"no-data", (_: {}) => any>> & {
@@ -58,7 +80,47 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: {
+        props: {
+            direction?: "horizontal" | "vertical" | undefined;
+            hasErrors?: boolean | undefined;
+            hideLabel?: boolean | undefined;
+            loadingText?: string | undefined;
+            loading?: boolean | undefined;
+            noDataText?: string | undefined;
+            options: Option[];
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: Partial<Record<"loading", (_: {}) => any>> & Partial<Record<"no-data", (_: {}) => any>> & {
+            prepend?(_: {}): any;
+            "option:prepend"?(_: {
+                id: string;
+                checked: boolean;
+                disabled: boolean;
+                item: any;
+                text: string;
+            }): any;
+            input?(_: {
+                index: number;
+                option: Option;
+            }): any;
+            label?(_: {
+                checked: boolean;
+                item: any;
+                text: string;
+            }): any;
+            "option:append"?(_: {
+                id: string;
+                checked: boolean;
+                disabled: boolean;
+                item: any;
+                text: string;
+            }): any;
+            append?(_: {}): any;
+        };
+        emit: {};
+    } | undefined;
 };
 export default _default;
 type __VLS_PrettifyLocal<T> = {

package/dist/components/Transitions/Slide.vue.d.ts

@@ -3,20 +3,13 @@ type Props = {
     duration?: number;
     gap?: number;
 };
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    direction: "left" | "right" | "bottom" | "top";
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    direction: "left" | "right" | "top" | "bottom";
     duration: number;
     gap: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Transitions/SlideBack.vue.d.ts

@@ -3,20 +3,13 @@ type Props = {
     duration?: number;
     gap?: number;
 };
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    direction: "left" | "right" | "bottom" | "top";
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    direction: "left" | "right" | "top" | "bottom";
     duration: number;
     gap: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/composables/useBroadcastChannelInstance.d.ts

@@ -7,8 +7,8 @@ export declare const useBroadcastChannelInstance: <T extends MessageMap>(name?:
             removeonUnmount: boolean;
         }) => void;
         post: {
-            <Key extends keyof T>(message: Key, params: T[Key]): void;
-            <Key extends keyof T>(message: Key, params?: never): void;
+            <Key_1 extends keyof T>(message: Key_1, params: T[Key_1]): void;
+            <Key_2 extends keyof T>(message: Key_2, params?: never): void;
         };
         close: () => void;
     };

package/dist/composables/useToast.d.ts

@@ -76,7 +76,7 @@ export declare const state: {
 };
 export declare const useToast: () => {
     toast: (message: MessageParameter) => string;
-    dismiss: (id: Message["id"]) => {
+    dismiss: (id: Message['id']) => {
         title?: string | undefined;
         text: string;
         icon?: string | undefined;

package/dist/composables/useWizard.d.ts

@@ -35,7 +35,7 @@ export declare const useWizard: <T extends object>(params: {
      * When navogation is enabled, to whether use the query parameters or an entire substring of the URL like xyz/steps/....
      * The latter useful with nuxt so you can leverage the automatic import of components based on the URL.
      */
-    navigationMode?: "query" | "route";
+    navigationMode?: 'query' | 'route';
     /**
      * Whether to use navigation at all. When disabled no query or URL is changed.
      */

package/dist/index108.js

@@ -8,7 +8,7 @@ import ge from "./index13.js";
 /* empty css        */
 import _e from "./index127.js";
 /* empty css         */
-import { throttledWatch as we } from "./index204.js";
+import { throttledWatch as we } from "./index211.js";
 const $e = ["id"], Se = { class: "bb-tab__label-boundary" }, qe = { class: "bb-tab__label" }, xe = { class: "bb-tab__panes-container" }, Te = ["id", "aria-labelledby"], Fe = /* @__PURE__ */ se({
   __name: "BbTab",
   props: {

package/dist/index110.js

@@ -1,10 +1,10 @@
 import { defineComponent as oe, ref as x, computed as y, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as u, withCtx as ie, createElementBlock as d, toDisplayString as p, createCommentVNode as _, createElementVNode as o, renderSlot as f, createVNode as I, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
-import { add as ue } from "./index293.js";
-import { clamp as pe } from "./index205.js";
+import { add as ue } from "./index294.js";
+import { clamp as pe } from "./index204.js";
 import { isNil as M } from "./index129.js";
 import { useId as fe } from "./index8.js";
 import { useItemValue as me } from "./index284.js";
-import { when as ye } from "./index239.js";
+import { when as ye } from "./index213.js";
 import J from "./index17.js";
 /* empty css        */
 import he from "./index31.js";

package/dist/index118.js

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

package/dist/index120.js

@@ -1,12 +1,12 @@
 import { defineComponent as z, defineAsyncComponent as A, ref as a, watch as I, computed as R, openBlock as v, createElementBlock as S, mergeProps as U, createElementVNode as c, renderSlot as E, normalizeProps as W, guardReactiveProps as j, unref as u, createBlock as D, withCtx as L, createCommentVNode as M } from "vue";
-import { useFloating as q, arrow as G } from "./index211.js";
+import { useFloating as q, arrow as G } from "./index228.js";
 import { useId as J } from "./index8.js";
 import { wait as P } from "./index131.js";
 import K from "./index13.js";
 /* empty css        */
-import { throttle as b } from "./index206.js";
-import { waitFor as Q } from "./index208.js";
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index224.js";
+import { throttle as b } from "./index239.js";
+import { waitFor as Q } from "./index232.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index234.js";
 const ue = /* @__PURE__ */ z({
   __name: "BbTooltip",
   props: {
@@ -24,7 +24,7 @@ const ue = /* @__PURE__ */ z({
   },
   setup(F) {
     const O = A(
-      () => import("./index286.js")
+      () => import("./index252.js")
     ), t = F, w = `bb_${t.id ?? J().id.value}`, s = a(), d = a(), _ = a(), { placement: g, middlewareData: $ } = q(s, d, {
       placement: t.placement,
       whileElementsMounted: X,

package/dist/index122.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 "./index295.js";
+import { flattenTree as T } from "./index296.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index126.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, getCurrentInstance as d, inject as x, computed as l, ref as y, watchEffect as z, openBlock as _, createElementBlock as b, mergeProps as h } from "vue";
-import { isCssColor as w } from "./index238.js";
+import { isCssColor as w } from "./index212.js";
 const g = ["innerHTML"], $ = /* @__PURE__ */ m({
   __name: "BbIcon",
   props: {

package/dist/index127.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 "./index206.js";
+import { throttle as g } from "./index239.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index128.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 "./index238.js";
+import { isCssColor as u } from "./index212.js";
 const f = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index13.js

@@ -1,6 +1,6 @@
 import { defineComponent as y, getCurrentInstance as p, computed as s, resolveComponent as d, openBlock as k, createBlock as h, resolveDynamicComponent as C, mergeProps as x, withCtx as S, renderSlot as L, createTextVNode as B, toDisplayString as N } from "vue";
 import { _config as o } from "./index4.js";
-import { useLogger as m } from "./index210.js";
+import { useLogger as m } from "./index205.js";
 const P = /* @__PURE__ */ y({
   __name: "BaseButton",
   props: {

package/dist/index130.js

@@ -1,4 +1,4 @@
-import { clamp as o } from "./index205.js";
+import { clamp as o } from "./index204.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 S, notNullish as $, noop as _, tryOnScopeDispose as R, useDebounceFn as q, useThrottleFn as G, tryOnMounted as Q, isClient as J, isObject as K } from "./index204.js";
-import { bypassFilter as fe, createFilterWrapper as ve, debounceFilter as de, getLifeCycleTarget as he, throttleFilter as me, throttledWatch as pe, throttledWatch as ge, watchWithFilter as be } from "./index204.js";
+import { toValue as S, notNullish as $, noop as _, tryOnScopeDispose as R, useDebounceFn as q, useThrottleFn as G, tryOnMounted as Q, isClient as J, isObject as K } from "./index211.js";
+import { bypassFilter as fe, createFilterWrapper as ve, debounceFilter as de, getLifeCycleTarget as he, throttleFilter as me, throttledWatch as pe, throttledWatch as ge, watchWithFilter as be } from "./index211.js";
 import { computed as T, ref as O, watch as V, reactive as k, watchEffect as U, getCurrentInstance as Z, onMounted as ee } from "vue";
 function N(l) {
   var o;

package/dist/index15.js

@@ -1,10 +1,10 @@
-import { defineComponent as k, ref as y, computed as h, openBlock as v, createElementBlock as g, Fragment as C, createVNode as d, normalizeClass as w, withCtx as a, renderSlot as l, createElementVNode as i, normalizeStyle as H, withModifiers as V, withDirectives as B, mergeProps as q, unref as E } from "vue";
-import $ from "./index220.js";
+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 z from "./index206.js";
 /* empty css         */
-import z from "./index222.js";
-import { vMaska as M } from "./index219.js";
-import { isHex as I } from "./index233.js";
-const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], F = ["aria-invalid", "disabled", "readonly", "required"], O = /* @__PURE__ */ k({
+import I from "./index208.js";
+import { vMaska as M } from "./index209.js";
+import { isHex as D } from "./index210.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: {
     "append:icon": {},
@@ -23,13 +23,13 @@ const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(t, { emit: p }) {
-    const n = t, o = p, s = y(), u = h(() => ({
+  setup(t, { emit: u }) {
+    const a = t, o = u, i = y(), p = v(() => ({
       "bb-base-color-input": !0,
-      "bb-base-color-input--disabled": n.disabled,
-      "bb-base-color-input--errors": n.hasErrors,
-      "bb-base-color-input--loading": n.loading,
-      "bb-base-color-input--readonly": n.readonly
+      "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
     })), c = {
       onBlur: (e) => o("blur", e),
       onChange: (e) => o("change", e),
@@ -43,11 +43,11 @@ const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       onMouseup: (e) => o("mouseup", e),
       onMaska: (e) => {
         const r = e.detail;
-        I(r.masked) ? o("update:modelValue", r.masked) : r.masked === "" && o("update:modelValue", null);
+        D(r.masked) ? o("update:modelValue", r.masked) : r.masked === "" && o("update:modelValue", null);
       }
     }, m = () => {
       var e;
-      (e = s.value) == null || e.click();
+      (e = i.value) == null || e.click();
     }, b = {
       mask: "!#HHHHHH",
       tokens: {
@@ -57,40 +57,42 @@ const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     }, f = (e) => {
       e.target instanceof HTMLInputElement && o("update:modelValue", e.target.value);
     };
-    return (e, r) => (v(), g(C, null, [
-      d(z, {
-        class: w(u.value)
+    return h(() => {
+      i.value && (i.value.value = a.modelValue ?? "");
+    }), (e, r) => (g(), C(w, null, [
+      d(I, {
+        class: V(p.value)
       }, {
-        "prepend-outer": a(() => [
+        "prepend-outer": n(() => [
           l(e.$slots, "prepend-outer")
         ]),
-        "append-outer": a(() => [
+        "append-outer": n(() => [
           l(e.$slots, "append-outer")
         ]),
-        default: a(() => [
-          d($, {
-            "append:icon": n["append:icon"],
-            "prepend:icon": n["prepend:icon"]
+        default: n(() => [
+          d(z, {
+            "append:icon": a["append:icon"],
+            "prepend:icon": a["prepend:icon"]
           }, {
-            prepend: a(() => [
+            prepend: n(() => [
               l(e.$slots, "prepend")
             ]),
-            prefix: a(() => [
+            prefix: n(() => [
               l(e.$slots, "prefix")
             ]),
-            append: a(() => [
-              i("span", {
+            append: n(() => [
+              s("span", {
                 class: "bb-base-color-input__indicator",
-                style: H({ backgroundColor: n.modelValue ?? void 0 }),
-                onClick: V(m, ["stop"])
+                style: H({ backgroundColor: a.modelValue ?? void 0 }),
+                onClick: B(m, ["stop"])
               }, null, 4),
               l(e.$slots, "append")
             ]),
-            suffix: a(() => [
+            suffix: n(() => [
               l(e.$slots, "suffix")
             ]),
-            default: a(() => [
-              B(i("input", q(c, {
+            default: n(() => [
+              E(s("input", q(c, {
                 id: e.id,
                 ref: "input",
                 "aria-describedby": e.ariaDescribedby,
@@ -105,33 +107,32 @@ const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
                 required: e.required,
                 size: "1",
                 value: e.modelValue
-              }), null, 16, D), [
-                [E(M), b]
+              }), null, 16, F), [
+                [$(M), b]
               ]),
-              i("input", {
+              s("input", {
                 ref_key: "picker",
-                ref: s,
+                ref: i,
                 "aria-hidden": "true",
                 "aria-invalid": e.hasErrors ? !0 : void 0,
                 "aria-label": "Seleziona il colore dalla tavolozza",
                 class: "bb-base-color-input__picker",
-                disabled: e.disabled,
-                readonly: e.readonly,
+                disabled: e.disabled || e.readonly,
                 required: e.required,
                 tabindex: "-1",
                 type: "color",
-                onChange: f
-              }, null, 40, F)
+                onInput: f
+              }, null, 40, P)
             ]),
             _: 3
           }, 8, ["append:icon", "prepend:icon"])
         ]),
         _: 3
       }, 8, ["class"]),
-      r[0] || (r[0] = i("span", null, null, -1))
+      r[0] || (r[0] = s("span", null, null, -1))
     ], 64));
   }
 });
 export {
-  O as default
+  T as default
 };

package/dist/index17.js

@@ -1,7 +1,7 @@
 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 "./index238.js";
-import { when as F } from "./index239.js";
-import { booleanishToBoolean as N } from "./index240.js";
+import { isCssColor as y } from "./index212.js";
+import { when as F } from "./index213.js";
+import { booleanishToBoolean as N } from "./index214.js";
 const S = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"