bitboss-ui 2.0.115 → 2.0.117

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

@@ -70,7 +70,7 @@ export type BaseCheckboxGroupProps<T> = {
      */
     loadingText?: string;
     /**
-     * Maximum number of selected items.
+     * Maximum number of selectable items.
      */
     max?: number;
     /**
@@ -106,67 +106,40 @@ export type BaseCheckboxGroupEvents = {
     (e: 'mouseup', event: MouseEvent): void;
     (e: 'update:modelValue', value: any): void;
 };
+export type BaseCheckboxGroupSlots<T> = {
+    prepend?: (props: object) => any;
+    loading?: (props: object) => any;
+    'no-data'?: (props: object) => any;
+    'option:prepend'?: (props: {
+        checked: boolean;
+        disabled: boolean;
+        id?: string;
+        item: T;
+        text: string;
+    }) => any;
+    icon?: (props: SlotAttributes & {
+        item: T;
+        text: string;
+    }) => any;
+    label?: (props: {
+        item: T;
+        text: string;
+        checked: boolean;
+    }) => any;
+    'option:append'?: (props: {
+        checked: boolean;
+        disabled: boolean;
+        id?: string;
+        item: T;
+        text: string;
+    }) => any;
+    append?: (props: object) => any;
+};
 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<any & BaseCheckboxGroupProps<T>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: Readonly<{
-        prepend?: (props: object) => any;
-        loading?: (props: object) => any;
-        'no-data'?: (props: object) => any;
-        'option:prepend'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        icon?: (props: SlotAttributes & {
-            item: T;
-            text: string;
-        }) => any;
-        label?: (props: {
-            item: T;
-            text: string;
-            checked: boolean;
-        }) => any;
-        'option:append'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        append?: (props: object) => any;
-    }> & {
-        prepend?: (props: object) => any;
-        loading?: (props: object) => any;
-        'no-data'?: (props: object) => any;
-        'option:prepend'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        icon?: (props: SlotAttributes & {
-            item: T;
-            text: string;
-        }) => any;
-        label?: (props: {
-            item: T;
-            text: string;
-            checked: boolean;
-        }) => any;
-        'option:append'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        append?: (props: object) => any;
-    };
+    slots: Readonly<BaseCheckboxGroupSlots<T>> & BaseCheckboxGroupSlots<T>;
     emit: BaseCheckboxGroupEvents;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;

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.
      */
@@ -87,10 +91,6 @@ export type BaseDatePickerInputProps = {
      * Target element to teleport the calendar to.
      */
     teleportTarget?: string;
-    /**
-     * Width of the calendar
-     */
-    width?: number | string;
 };
 export type BaseDatePickerInputEvents = {
     (e: 'active'): void;
@@ -166,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;
@@ -181,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)[];
@@ -209,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;
@@ -308,7 +318,6 @@ declare const __VLS_component: import('vue').DefineComponent<BaseDatePickerInput
     onActive?: (() => any) | undefined;
 }>, {
     autocomplete: string;
-    width: number | string;
     allowWriting: boolean | "not-mobile";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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
@@ -151,6 +155,11 @@ export type BaseSelectProps = {
      * you either always return the previous items or you stash them passing `true` to this option.
      */
     stash?: boolean;
+    /**
+     * Function that returns a string to be displayed when the number of selected labels is greater than maxSelectedLabels.
+     * @param count - Number of selected labels.
+     */
+    selectedLabelsFn?: (count: number) => string;
     /**
      * Target to teleport the listbox to.
      */
@@ -283,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;
@@ -298,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)[];
@@ -326,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/BaseSlider/BaseSlider.vue.d.ts

@@ -65,7 +65,7 @@ export type BaseSliderProps = {
      */
     ticks?: boolean;
     /**
-     * Proportionally translates the thumb so it remains on track. Set it to false when displaying ticks so they align with less effort.
+     * Proportionally translates the thumb so it remains on track. Set it to false when displaying ticks so they align.
      */
     thumbTranslate?: boolean;
 };

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

@@ -1,173 +1,14 @@
-import { HTMLAttributes, InputHTMLAttributes, MaybeRefOrGetter } from 'vue';
-import { NestedKeyOf } from '../../types/NestedKeyOf';
-import { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';
-export type BaseSwitchGroupProps<T> = {
-    /**
-     * Guides to the browser as to the type of information expected in the field.
-     */
-    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
-    /**
-     * Sets autofocus on page load.
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Define a color for the component.
-     *
-     * Either a custom color or a coded color in common HEX, RGB, etc... format.
-     */
-    color?: string;
-    /**
-     * Defines an array of dependencies that will trigger actions in the component upon change.
-     */
-    dependencies?: any[];
-    /**
-     * Timeout used to debounce response to changes to dependencies.
-     */
-    depsDebounceTime?: number;
-    /**
-     * Direction of the layout of the inputs inside the fieldset. It can be either `horizontal` or `vertical`
-     */
-    direction?: 'horizontal' | 'vertical';
-    /**
-     * Disables the component
-     */
-    disabled?: boolean;
-    /**
-     * If coherence is enforce the input cannot have a modelValue the is incoherent with its current items.
-     *
-     * e.g. You cannot set v-model to a user that is not present in the items passed.
-     *
-     * modelValue will be reset upon incoherence.
-     */
-    enforceCoherence?: boolean;
-    /**
-     * 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;
-    /**
-     * The identifier of the component.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Used to retrieve items can be an array or a function.
-     */
-    items: T[] | ((prefill: boolean, modelValue?: any[]) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[]) => T[]);
-    /**
-     * Defines a path that returns a property of the object to use as text or a function that returns a string
-     */
-    itemText?: T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined;
-    /**
-     * Defines a path that returns a property of the object to use as value or a function that returns any value
-     */
-    itemValue?: T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined;
-    /**
-     * String displayed while items are being loaded.
-     */
-    loadingText?: string;
-    /**
-     * Maximum number of selected items.
-     */
-    max?: number;
-    /**
-     * Used by v-model. Can be an array of any serializable type.
-     */
-    modelValue: any[];
-    /**
-     * Timeout used to debounce response to changes to modelValue.
-     */
-    modelValueDebounceTime?: number;
-    /**
-     * Defines the name of the input.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * String displayed when there are no items to display.
-     */
-    noDataText?: MaybeRefOrGetter<string>;
-    /**
-     * Sets the input in a readonly state.
-     */
-    readonly?: boolean;
-};
-export type BaseSwitchGroupEvents = {
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'change', event: Event): void;
-    (e: 'click', event: MouseEvent): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'inactive'): void;
-    (e: 'input', event: Event): void;
-    (e: 'keydown', event: KeyboardEvent): void;
-    (e: 'mousedown', event: MouseEvent): void;
-    (e: 'mouseup', event: MouseEvent): void;
-    (e: 'update:modelValue', value: any): void;
-};
+import { BaseCheckboxGroupEvents, BaseCheckboxGroupProps, BaseCheckboxGroupSlots } from '../BaseCheckboxGroup/BaseCheckboxGroup.vue';
+export type BaseSwitchGroupProps<T> = BaseCheckboxGroupProps<T>;
+export type BaseSwitchGroupEvents = BaseCheckboxGroupEvents;
 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<any & BaseSwitchGroupProps<T>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, `on${Capitalize<any>}`> & BaseSwitchGroupProps<T>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: Readonly<{
-        prepend?: (props: object) => any;
-        loading?: (props: object) => any;
-        'no-data'?: (props: object) => any;
-        'option:prepend'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        icon?: (props: SlotAttributes & {
-            item: T;
-            text: string;
-        }) => any;
-        label?: (props: {
-            item: T;
-            text: string;
-            checked: boolean;
-        }) => any;
-        'option:append'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        append?: (props: object) => any;
-    }> & {
-        prepend?: (props: object) => any;
-        loading?: (props: object) => any;
-        'no-data'?: (props: object) => any;
-        'option:prepend'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        icon?: (props: SlotAttributes & {
-            item: T;
-            text: string;
-        }) => any;
-        label?: (props: {
-            item: T;
-            text: string;
-            checked: boolean;
-        }) => any;
-        'option:append'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        append?: (props: object) => any;
-    };
-    emit: BaseSwitchGroupEvents;
+    slots: Readonly<BaseCheckboxGroupSlots<T>> & BaseCheckboxGroupSlots<T>;
+    emit: BaseCheckboxGroupEvents;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: 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/BbAccordion/BbAccordion.vue.d.ts

@@ -1,6 +1,6 @@
 import { BbCollapsibleProps } from '../BbCollapsible/BbCollapsible.vue';
 import { CommonProps } from '../../types/CommonProps';
-export type BbAccordionProps = Partial<BbCollapsibleProps> & Pick<CommonProps, 'id'>;
+export type BbAccordionProps = Pick<BbCollapsibleProps, 'eager' | 'transitionDuration' | 'modelValue'> & Pick<CommonProps, 'id'>;
 export type BbAccordionEvents = {
     (e: 'update:modelValue', value: boolean): void;
 };

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
@@ -173,6 +177,11 @@ export type BbSelectProps<T> = {
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */
     reverse?: boolean;
+    /**
+     * Function that returns a string to be displayed when the number of selected labels is greater than maxSelectedLabels.
+     * @param count - Number of selected labels.
+     */
+    selectedLabelsFn?: (count: number) => string;
     /**
      * Adds a stash to accumulate selected values. Especially
      * useful when searching in a big database of items.

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.
      */