bitboss-ui 2.0.116 → 2.0.117

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

@@ -16,6 +16,10 @@ export type BaseColorInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Displays the component in a compact version.
      */

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

@@ -17,6 +17,10 @@ export type BaseDatePickerInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */
@@ -162,8 +166,10 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly 'append:icon'?: string | undefined;
+                readonly clearable?: boolean | undefined;
                 readonly 'prepend:icon'?: string | undefined;
                 readonly preventFocus?: boolean | undefined;
+                readonly "onClick:clear"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -177,13 +183,18 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "click:clear") => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 'append:icon'?: string;
+                clearable?: boolean;
                 'prepend:icon'?: string;
                 preventFocus?: boolean;
-            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            }> & Readonly<{
+                "onClick:clear"?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "click:clear": () => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -205,9 +216,12 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
             'append:icon'?: string;
+            clearable?: boolean;
             'prepend:icon'?: string;
             preventFocus?: boolean;
-        }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & Readonly<{
+            "onClick:clear"?: (() => any) | undefined;
+        }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
                 prefix?(_: {}): any;

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

@@ -16,6 +16,10 @@ export type BaseNumberInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */

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

@@ -21,6 +21,10 @@ export type BaseSelectProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the display model for selected values to a list
      * of comma separated string. In this mode the user
@@ -288,8 +292,10 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly 'append:icon'?: string | undefined;
+                readonly clearable?: boolean | undefined;
                 readonly 'prepend:icon'?: string | undefined;
                 readonly preventFocus?: boolean | undefined;
+                readonly "onClick:clear"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -303,13 +309,18 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "click:clear") => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 'append:icon'?: string;
+                clearable?: boolean;
                 'prepend:icon'?: string;
                 preventFocus?: boolean;
-            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            }> & Readonly<{
+                "onClick:clear"?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "click:clear": () => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -331,9 +342,12 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
             'append:icon'?: string;
+            clearable?: boolean;
             'prepend:icon'?: string;
             preventFocus?: boolean;
-        }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & Readonly<{
+            "onClick:clear"?: (() => any) | undefined;
+        }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
                 prefix?(_: {}): any;

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

@@ -23,6 +23,10 @@ export type BaseTagProps = {
      * cannot deselect an option by pressing the close button.
      */
     comma?: boolean;
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact mode.
      */
@@ -154,8 +158,10 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly 'append:icon'?: string | undefined;
+                readonly clearable?: boolean | undefined;
                 readonly 'prepend:icon'?: string | undefined;
                 readonly preventFocus?: boolean | undefined;
+                readonly "onClick:clear"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -169,13 +175,18 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "click:clear") => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 'append:icon'?: string;
+                clearable?: boolean;
                 'prepend:icon'?: string;
                 preventFocus?: boolean;
-            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            }> & Readonly<{
+                "onClick:clear"?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "click:clear": () => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -197,9 +208,12 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
             'append:icon'?: string;
+            clearable?: boolean;
             'prepend:icon'?: string;
             preventFocus?: boolean;
-        }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & Readonly<{
+            "onClick:clear"?: (() => any) | undefined;
+        }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
                 prefix?(_: {}): any;

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

@@ -16,6 +16,10 @@ export type BaseTextInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Displays the component in a compact version.
      */

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

@@ -20,6 +20,10 @@ export type BaseTextareaProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */

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

@@ -35,6 +35,10 @@ export type BbButtonProps = {
      * Class to apply when the link is exact active
      */
     exactActiveClass?: string;
+    /**
+     * Identifies the button as part of a button group.
+     */
+    group?: boolean;
     headers?: object;
     /**
      * Returns the hyperlink's URL.
@@ -72,10 +76,6 @@ export type BbButtonProps = {
         [key: string]: unknown;
     }) => boolean) | null;
     queryStringArrayFormat?: 'brackets' | 'indices';
-    /**
-     * Sets or retrieves the relationship between the object and the destination of the link.
-     */
-    rel?: HTMLAnchorElement['rel'];
     /**
      * Calls `router.replace` instead of `router.push`.
      */

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

@@ -13,6 +13,10 @@ export type BbColorInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Displays the component in a compact version.
      */

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

@@ -18,6 +18,10 @@ export type BbDatePickerInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */

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

@@ -13,6 +13,10 @@ export type BbNumberInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */
@@ -128,6 +132,7 @@ declare function __VLS_template(): {
                 readonly ariaDescribedby?: InputHTMLAttributes["aria-describedby"];
                 readonly autocomplete?: InputHTMLAttributes["autocomplete"];
                 readonly autofocus?: InputHTMLAttributes["autofocus"];
+                readonly clearable?: boolean | undefined;
                 readonly compact?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly hasErrors?: boolean | undefined;

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

@@ -18,6 +18,10 @@ export type BbSelectProps<T> = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the display model for selected values to a list
      * of comma separated string. In this mode the user

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

@@ -19,6 +19,10 @@ export type BbTagProps = {
      * cannot deselect an option by pressing the close button.
      */
     comma?: boolean;
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact mode.
      */

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

@@ -13,6 +13,10 @@ export type BbTextInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Displays the component in a compact version.
      */

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

@@ -17,6 +17,10 @@ export type BbTextareaProps = {
      * Expands the textarea to match its content
      */
     autoGrow?: boolean;
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */

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

@@ -26,7 +26,6 @@ declare function __VLS_template(): {
     slots: Readonly<BbTooltipSlots> & BbTooltipSlots;
     refs: {
         wrapper: HTMLSpanElement;
-        content: HTMLSpanElement;
     };
     attrs: Partial<{}>;
 };

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -3,6 +3,10 @@ type Props = {
      * Name of the icon to be added at the end of the input.
      */
     'append:icon'?: string;
+    /**
+     * Whether the input is clearable.
+     */
+    clearable?: boolean;
     /**
      * Name of the icon to be added at the start of the input.
      */
@@ -23,7 +27,11 @@ declare function __VLS_template(): {
     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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click:clear": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onClick:clear"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/index100.js

@@ -1,13 +1,13 @@
 import { defineComponent as R, mergeModels as b, computed as I, toRef as m, reactive as j, useModel as B, watch as E, openBlock as g, createElementBlock as k, Fragment as H, renderSlot as p, unref as x, createCommentVNode as G, renderList as U } from "vue";
-import { useItemValue as W } from "./index274.js";
-import { isNil as w } from "./index251.js";
+import { useItemValue as W } from "./index291.js";
+import { isNil as w } from "./index252.js";
 import { indexBy as q } from "./index305.js";
-import { hash as M } from "./index219.js";
-import { useItemsGetter as z } from "./index215.js";
-import { usePrefill as J } from "./index221.js";
-import { useIndexById as K } from "./index216.js";
-import { useBaseOptions as Q } from "./index217.js";
-import { useHashedWatcher as X } from "./index220.js";
+import { hash as M } from "./index235.js";
+import { useItemsGetter as z } from "./index231.js";
+import { usePrefill as J } from "./index237.js";
+import { useIndexById as K } from "./index232.js";
+import { useBaseOptions as Q } from "./index233.js";
+import { useHashedWatcher as X } from "./index236.js";
 const de = /* @__PURE__ */ R({
   __name: "BbRows",
   props: /* @__PURE__ */ b({

package/dist/index101.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as y, computed as g, openBlock as v, createBlock as B, withCtx as n, renderSlot as a, normalizeProps as l, guardReactiveProps as i, createVNode as $, mergeProps as T } from "vue";
+import { defineComponent as h, ref as y, computed as g, openBlock as v, createBlock as B, withCtx as a, renderSlot as n, normalizeProps as l, guardReactiveProps as i, createVNode as $, mergeProps as T } from "vue";
 import V from "./index27.js";
 /* empty css        */
 import w from "./index37.js";
@@ -10,6 +10,7 @@ const k = /* @__PURE__ */ h({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    clearable: { type: Boolean },
     comma: { type: Boolean },
     compact: { type: Boolean },
     dependencies: {},
@@ -83,10 +84,10 @@ const k = /* @__PURE__ */ h({
       reverse: e.reverse,
       "show-hint": u.value
     }, {
-      label: n((s) => [
-        a(e.$slots, "label", l(i(s)))
+      label: a((s) => [
+        n(e.$slots, "label", l(i(s)))
       ]),
-      input: n(({ id: s, hasErrors: b, ariaDescribedby: f }) => [
+      input: a(({ id: s, hasErrors: b, ariaDescribedby: f }) => [
         $(w, T({
           id: s,
           "allow-writing": e.allowWriting,
@@ -94,6 +95,7 @@ const k = /* @__PURE__ */ h({
           "aria-describedby": f,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          clearable: e.clearable,
           comma: e.comma,
           compact: e.compact,
           dependencies: e.dependencies,
@@ -126,53 +128,53 @@ const k = /* @__PURE__ */ h({
           "transition-duration": e.transitionDuration,
           "update-on-animation-frame": e.updateOnAnimationFrame
         }, c), {
-          "append-outer": n((o) => [
-            a(e.$slots, "append-outer", l(i(o)))
+          "append-outer": a((o) => [
+            n(e.$slots, "append-outer", l(i(o)))
           ]),
-          append: n((o) => [
-            a(e.$slots, "append", l(i(o)))
+          append: a((o) => [
+            n(e.$slots, "append", l(i(o)))
           ]),
-          prefix: n((o) => [
-            a(e.$slots, "prefix", l(i(o)))
+          prefix: a((o) => [
+            n(e.$slots, "prefix", l(i(o)))
           ]),
-          chevron: n((o) => [
-            a(e.$slots, "chevron", l(i(o)))
+          chevron: a((o) => [
+            n(e.$slots, "chevron", l(i(o)))
           ]),
-          loading: n((o) => [
-            a(e.$slots, "loading", l(i(o)))
+          loading: a((o) => [
+            n(e.$slots, "loading", l(i(o)))
           ]),
-          "no-data": n((o) => [
-            a(e.$slots, "no-data", l(i(o)))
+          "no-data": a((o) => [
+            n(e.$slots, "no-data", l(i(o)))
           ]),
-          "option:append": n((o) => [
-            a(e.$slots, "option:append", l(i(o)))
+          "option:append": a((o) => [
+            n(e.$slots, "option:append", l(i(o)))
           ]),
-          "option:prepend": n((o) => [
-            a(e.$slots, "option:prepend", l(i(o)))
+          "option:prepend": a((o) => [
+            n(e.$slots, "option:prepend", l(i(o)))
           ]),
-          option: n((o) => [
-            a(e.$slots, "option", l(i(o)))
+          option: a((o) => [
+            n(e.$slots, "option", l(i(o)))
           ]),
-          "options:append": n((o) => [
-            a(e.$slots, "options:append", l(i(o)))
+          "options:append": a((o) => [
+            n(e.$slots, "options:append", l(i(o)))
           ]),
-          "options:prepend": n((o) => [
-            a(e.$slots, "options:prepend", l(i(o)))
+          "options:prepend": a((o) => [
+            n(e.$slots, "options:prepend", l(i(o)))
           ]),
-          "prepend-outer": n((o) => [
-            a(e.$slots, "prepend-outer", l(i(o)))
+          "prepend-outer": a((o) => [
+            n(e.$slots, "prepend-outer", l(i(o)))
           ]),
-          prepend: n((o) => [
-            a(e.$slots, "prepend", l(i(o)))
+          prepend: a((o) => [
+            n(e.$slots, "prepend", l(i(o)))
           ]),
-          suffix: n((o) => [
-            a(e.$slots, "suffix", l(i(o)))
+          suffix: a((o) => [
+            n(e.$slots, "suffix", l(i(o)))
           ]),
-          spinner: n((o) => [
-            a(e.$slots, "spinner", l(i(o)))
+          spinner: a((o) => [
+            n(e.$slots, "spinner", l(i(o)))
           ]),
           _: 2
-        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "selected-labels-fn", "stash", "teleport-target", "transition-duration", "update-on-animation-frame"])
+        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "selected-labels-fn", "stash", "teleport-target", "transition-duration", "update-on-animation-frame"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));

package/dist/index111.js

@@ -1,21 +1,21 @@
 import { defineComponent as me, mergeModels as K, ref as fe, computed as v, toRef as j, useModel as Q, watch as X, reactive as ye, openBlock as n, createBlock as Y, resolveDynamicComponent as he, normalizeClass as p, unref as b, withCtx as ve, createElementBlock as d, toDisplayString as m, createCommentVNode as _, createElementVNode as o, renderSlot as f, isRef as ke, Fragment as I, renderList as T, createVNode as Z, createTextVNode as _e, mergeProps as ge } from "vue";
-import { add as Ce } from "./index309.js";
-import { clamp as we } from "./index205.js";
-import { isNil as $ } from "./index251.js";
+import { add as Ce } from "./index310.js";
+import { clamp as we } from "./index206.js";
+import { isNil as $ } from "./index252.js";
 import { useId as Ve } from "./index8.js";
-import { useItemValue as Be } from "./index274.js";
-import { when as Ie } from "./index211.js";
+import { useItemValue as Be } from "./index291.js";
+import { when as Ie } from "./index239.js";
 import ee from "./index17.js";
 /* empty css        */
 import Te from "./index31.js";
 /* empty css        */
-import { hash as le } from "./index219.js";
-import { useItemsGetter as $e } from "./index215.js";
-import { usePrefill as Ae } from "./index221.js";
-import { useIndexById as xe } from "./index216.js";
-import { useBaseOptions as Ne } from "./index217.js";
-import { useHashedWatcher as Le } from "./index220.js";
-import { useLocale as Se } from "./index232.js";
+import { hash as le } from "./index235.js";
+import { useItemsGetter as $e } from "./index231.js";
+import { usePrefill as Ae } from "./index237.js";
+import { useIndexById as xe } from "./index232.js";
+import { useBaseOptions as Ne } from "./index233.js";
+import { useHashedWatcher as Le } from "./index236.js";
+import { useLocale as Se } from "./index212.js";
 const He = {
   key: 0,
   class: "sr-only"

package/dist/index113.js

@@ -10,6 +10,7 @@ const I = /* @__PURE__ */ f({
     autocomplete: {},
     autofocus: {},
     comma: { type: Boolean },
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
@@ -70,18 +71,19 @@ const I = /* @__PURE__ */ f({
       label: l((s) => [
         r(e.$slots, "label", n(i(s)))
       ]),
-      input: l(({ id: s, hasErrors: h, ariaDescribedby: b }) => [
+      input: l(({ id: s, hasErrors: b, ariaDescribedby: h }) => [
         k(V, $({
           id: s,
           "append:icon": p["append:icon"],
-          "aria-describedby": b,
+          "aria-describedby": h,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          clearable: e.clearable,
           comma: e.comma,
           compact: e.compact,
           disabled: e.disabled,
           divider: e.divider,
-          "has-errors": h,
+          "has-errors": b,
           loading: e.loading,
           max: e.max,
           "model-value": e.modelValue,
@@ -111,7 +113,7 @@ const I = /* @__PURE__ */ f({
             r(e.$slots, "append-outer", n(i(o)))
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "compact", "disabled", "divider", "has-errors", "loading", "max", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "disabled", "divider", "has-errors", "loading", "max", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));