bitboss-ui 0.1.59 → 0.1.63

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

@@ -1,7 +1,7 @@
 import { CommonProps, NonVoidElementTag } from '../../types/CommonProps';
 import type { InertiaLinkProps } from "@inertiajs/vue3";
 import type { RouterLinkProps } from "vue-router";
-export type BaseButtonProps = Pick<CommonProps, "block" | "disabled" | "text"> & NonVoidElementTag & Partial<Pick<RouterLinkProps, "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "replace" | "to">> & Pick<InertiaLinkProps, "data" | "headers" | "method" | "onBefore" | "onCancel" | "onCancelToken" | "onFinish" | "only" | "onProgress" | "onStart" | "onSuccess" | "preserveScroll" | "preserveState" | "queryStringArrayFormat"> & Partial<{
+export type BaseButtonProps = Pick<CommonProps, "block" | "disabled" | "text"> & NonVoidElementTag & Partial<Pick<RouterLinkProps, "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "replace" | "to">> & Partial<Pick<InertiaLinkProps, "data" | "headers" | "method" | "onBefore" | "onCancel" | "onCancelToken" | "onFinish" | "only" | "onProgress" | "onStart" | "onSuccess" | "preserveScroll" | "preserveState" | "queryStringArrayFormat">> & Partial<{
     /**
      * Gets the classification and default behavior of the button
      */

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

@@ -1,5 +1,5 @@
-import { CommonProps, GenericModelValue } from '../../types/CommonProps';
 import { ExtractGenericFromComputedRef } from '../../types/ExtractGenericFromComputedRef';
+import type { CommonProps, GenericModelValue } from '../../types/CommonProps';
 export type BaseCheckboxProps = Pick<CommonProps, "autofocus" | "checked" | "color" | "disabled" | "falseValue" | "hasErrors" | "id" | "indeterminate" | "name" | "readonly" | "submitWhenFalse" | "trueValue"> & GenericModelValue;
 export type BaseCheckboxEvents = {
     (e: "blur", event: FocusEvent): void;

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

@@ -1,6 +1,6 @@
 import { BaseCheckboxProps } from "../BaseCheckbox/BaseCheckbox.vue";
 import type { CommonProps, Direction, OptionItems, GenericModelValueArray } from '../../types/CommonProps';
-export type BaseCheckboxGroupProps = Pick<BaseCheckboxProps, "autofocus" | "color" | "disabled" | "id" | "name" | "readonly"> & Pick<CommonProps, "dependencies" | "depsDebounceTime" | "enforceCoherence" | "hasErrors" | "hideLabel" | "itemText" | "itemValue" | "loadingText" | "modelValueDebounceTime" | "noDataText"> & Direction<"horizontal" | "vertical"> & Required<GenericModelValueArray> & OptionItems;
+export type BaseCheckboxGroupProps = Pick<BaseCheckboxProps, "autofocus" | "color" | "disabled" | "id" | "name" | "readonly"> & Pick<CommonProps, "dependencies" | "depsDebounceTime" | "enforceCoherence" | "hasErrors" | "hideLabel" | "itemText" | "itemValue" | "loadingText" | "matchStrategy" | "modelValueDebounceTime" | "noDataText"> & Partial<Direction<"horizontal" | "vertical">> & Required<GenericModelValueArray> & OptionItems;
 export type BaseCheckboxGroupEvents = {
     (e: "blur", event: FocusEvent): void;
     (e: "change", event: Event): void;
@@ -18,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     direction: string;
     items: () => never[];
     loadingText: string;
+    matchStrategy: string;
     modelValueDebounceTime: number;
     noDataText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -36,6 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     direction: string;
     items: () => never[];
     loadingText: string;
+    matchStrategy: string;
     modelValueDebounceTime: number;
     noDataText: string;
 }>>> & {
@@ -51,10 +53,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onInactive?: (() => any) | undefined;
 }, {
     depsDebounceTime: number;
+    direction: "horizontal" | "vertical";
     loadingText: string;
+    matchStrategy: "string" | "equality";
     modelValueDebounceTime: number;
     noDataText: string;
-    direction: "horizontal" | "vertical";
     items: any[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => any[]);
 }, {}>, Readonly<{
     prepend?: ((props: {}) => any) | undefined;

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

@@ -1,7 +1,7 @@
 import { default as dayjs } from "dayjs";
-import type { Dayjs } from "dayjs";
 import { default as it } from "dayjs/locale/it";
-import { CommonProps } from '../../types/CommonProps';
+import type { CommonProps } from '../../types/CommonProps';
+import type { Dayjs } from "dayjs";
 export type BaseDatePickerProps = Pick<CommonProps, "disabled" | "multiple" | "readonly"> & {
     /**
      * Defines the first day of the week with `0` meaning Sunday and `6` meaning Saturday

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

@@ -1,14 +1,7 @@
 import { default as dayjs } from "dayjs";
 import { type BaseDatePickerProps } from "../BaseDatePicker/BaseDatePicker.vue";
-export type BaseDatePickerInputProps = Omit<BaseDatePickerProps, "multiple"> & {
-    allowWriting?: boolean;
-    autocomplete?: string;
-    autofocus?: boolean;
-    hasErrors?: boolean;
-    id?: string;
-    name?: string;
-    placeholder?: string;
-};
+import type { CommonProps } from '../../types/CommonProps';
+export type BaseDatePickerInputProps = Omit<BaseDatePickerProps, "multiple"> & Pick<CommonProps, "allowWriting" | "autocomplete" | "autofocus" | "hasErrors" | "id" | "name" | "placeholder">;
 export type BaseDatePickerInputEvents = {
     (e: "update:modelValue", value: BaseDatePickerInputProps["modelValue"]): void;
     (e: "inactive"): void;
@@ -31,19 +24,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
     onInactive?: (() => any) | undefined;
 }, {
-    width: string | number;
-    allowWriting: boolean;
     autocomplete: string;
+    allowWriting: boolean;
+    width: string | number;
 }, {}>, Readonly<{
-    'prepend-outer'?: ((props: {}) => any) | undefined;
+    "prepend-outer"?: ((props: {}) => any) | undefined;
     prepend?: ((props: {}) => any) | undefined;
     append?: ((props: {}) => any) | undefined;
-    'append-outer'?: ((props: {}) => any) | undefined;
+    "append-outer"?: ((props: {}) => any) | undefined;
 } & {
     day?: ((props: {
-        /**
-         * These events are just propagated
-         */
         first: boolean;
         highlighted: boolean;
         item: dayjs.Dayjs;

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

@@ -1,41 +1,38 @@
-import type { Classes } from '../../types/Classes';
+import type { CommonProps, Size } from '../../types/CommonProps';
 export type Sizes = {
     sm: number;
     md: number;
     lg: number;
 };
-export interface BaseDialogProps {
-    closeLabel?: string;
-    compact?: boolean;
+export type BaseDialogProps = Pick<CommonProps, "closeLabel" | "compact" | "disabled" | "eager" | "panelClasses" | "overlayClasses" | "persistent" | "showClose" | "title" | "transition" | "transitionDuration"> & Size<Sizes> & {
+    /**
+     * Description of the content of the modal. Extremely useful for accessibility reasons.
+     */
     description?: string;
-    disabled?: boolean;
-    eager?: boolean;
+    /**
+     * Displays the modala as fulscreen with no margin to the page
+     */
     fullscreen?: boolean;
+    /**
+     * Defines the state open / closed of the modal.
+     */
     modelValue?: boolean | null;
-    panelClasses?: Classes;
-    overlayClasses?: Classes;
-    persistent?: boolean;
-    showClose?: boolean;
-    size?: keyof Sizes | string | number;
-    title?: string;
-    transition?: string;
-    transitionDuration?: number;
-}
+};
 export type BaseDialogSlots = {
     header?: (props: {
         titleId: typeof titleId;
         close: typeof onCloseClick;
-        title: BaseDialogProps['title'];
+        title: BaseDialogProps["title"];
     }) => any;
     title?: (props: {
-        text: BaseDialogProps['title'];
+        text: BaseDialogProps["title"];
     }) => any;
     close?: (props: {
-        text: BaseDialogProps['closeLabel'];
+        text: BaseDialogProps["closeLabel"];
     }) => any;
     description?: (props: {
         descriptionId: typeof descriptionId;
-        text: BaseDialogProps['description'];
+        text: BaseDialogProps["description"];
     }) => any;
     default?: (props: {}) => any;
     footer?: (props: {}) => any;
@@ -76,13 +73,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onHidden?: (() => any) | undefined;
     onShown?: (() => any) | undefined;
 }, {
-    transition: string;
     closeLabel: string;
-    panelClasses: Classes;
-    overlayClasses: Classes;
+    overlayClasses: import("../../types/Classes").Classes;
+    panelClasses: import("../../types/Classes").Classes;
     showClose: boolean;
-    size: string | number;
+    transition: string;
     transitionDuration: number;
+    size: number | ({
+        size?: any;
+    } & string) | keyof Sizes;
 }, {}>, Readonly<BaseDialogSlots>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,18 +1,18 @@
-export type BaseInputContainerProps = {
-    direction?: "horizontal" | "vertical" | "auto" | string;
-    errors?: string | string[];
-    hasErrors?: boolean;
-    hideLabel?: boolean;
-    id?: string;
-    inputPosition?: "left" | "center" | "right";
-    label: string;
-    labelPosition?: "left" | "center" | "right";
+import type { CommonProps, GenericModelValue } from '../../types/CommonProps';
+export type BaseInputContainerProps = Pick<CommonProps, "direction" | "direction" | "errors" | "hasErrors" | "hideLabel" | "id" | "inputPosition" | "label" | "labelPosition" | "name" | "reverse"> & {
+    /**
+     * Defines the HTML tag of the label element.
+     * Usually is a `label` but for certain component like checkboxes
+     * that have their own label it should be a `legend`.
+     * It is important for accessibility reasons.
+     */
     labelTag?: string;
-    modelValue?: any;
-    name?: string;
-    reverse?: boolean;
+    /**
+     * HTML tag of the container, it is by default a `span` so
+     * it can be used inline without breaking HTML validation.
+     */
     tag?: string;
-};
+} & GenericModelValue;
 export type BaseInputContainerSlots = {
     input?: (props: {
         id: string;
@@ -39,11 +39,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     reverse: boolean;
     tag: string;
 }>>>, {
-    tag: string;
-    reverse: boolean;
     direction: string;
-    inputPosition: "center" | "right" | "left";
-    labelPosition: "center" | "right" | "left";
+    inputPosition: "left" | "center" | "right";
+    labelPosition: "left" | "center" | "right";
+    reverse: boolean;
+    tag: string;
     labelTag: string;
 }, {}>, Readonly<BaseInputContainerSlots>>;
 export default _default;

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

@@ -1,17 +1,24 @@
-export interface BaseNumberInputProps {
-    autocomplete?: string;
-    autofocus?: boolean;
-    disabled?: boolean;
-    hasErrors?: boolean;
-    id?: string;
+import type { CommonProps } from '../../types/CommonProps';
+export type BaseNumberInputProps = Pick<CommonProps, 'autocomplete' | 'autofocus' | 'disabled' | 'hasErrors' | 'id' | 'name' | 'placeholder' | 'readonly'> & {
+    /**
+     * Maximum value cap
+     */
     max?: number;
+    /**
+     * Minimum value cap
+     */
     min?: number;
+    /**
+     * Used by v-model
+     */
     modelValue?: number | string | null;
-    name?: string;
-    placeholder?: string;
-    readonly?: boolean;
+    /**
+     * Incremental unit used in the exposed `increase`
+     * and `decrease` function. It's NOT APPLIED to manual input as a step of 5
+     * will prevent the user from inserting a value like `115` because of rounding down.
+     */
     step?: number;
-}
+};
 export type BaseNumberInputEvents = {
     (e: "blur", event: FocusEvent): void;
     (e: "change", event: Event): void;

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

@@ -1,26 +1,22 @@
 import { ExtractGenericFromComputedRef } from '../../types/ExtractGenericFromComputedRef';
-export interface BaseRadioProps {
-    autofocus?: boolean;
-    checked?: boolean;
-    color?: string;
-    disabled?: boolean;
-    hasErrors?: boolean;
-    id?: string;
-    modelValue?: any;
-    name: string;
-    readonly?: boolean;
+import type { CommonProps, GenericModelValue } from '../../types/CommonProps';
+export type BaseRadioProps = Pick<CommonProps, "autofocus" | "checked" | "color" | "disabled" | "hasErrors" | "id" | "name" | "readonly"> & GenericModelValue & Required<Pick<CommonProps, "name">> & {
+    /**
+     * Defines the value of the radio input.
+     * It can be any serializable value.
+     */
     value: any;
-}
+};
 export type BaseRadioEvents = {
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'change', event: Event): void;
-    (e: 'click', event: MouseEvent): void;
-    (e: 'focus', event: FocusEvent): 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;
+    (e: "blur", event: FocusEvent): void;
+    (e: "change", event: Event): void;
+    (e: "click", event: MouseEvent): void;
+    (e: "focus", event: FocusEvent): 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;
 };
 export type SlotAttributes = ExtractGenericFromComputedRef<typeof slotAttributes>;
 declare const slotAttributes: import("vue").ComputedRef<{
@@ -31,7 +27,7 @@ declare const slotAttributes: import("vue").ComputedRef<{
     id: string | undefined;
     name: string;
     parsedValue: any;
-    readonly: boolean;
+    readonly: (boolean | "true" | "false") | undefined;
     value: any;
 }>;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<BaseRadioProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -63,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         id: string | undefined;
         name: string;
         parsedValue: any;
-        readonly: boolean;
+        readonly: (boolean | "true" | "false") | undefined;
         value: any;
     }) => any) | undefined;
 }>>;

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

@@ -1,25 +1,12 @@
 import type { BaseRadioEvents } from "../BaseRadio/BaseRadio.vue";
-export interface BaseRadioGroupProps {
-    autofocus?: boolean;
-    color?: string;
-    dependencies?: any[];
-    depsDebounceTime?: number;
+import type { BaseRadioProps } from "../BaseRadio/BaseRadio.vue";
+import type { CommonProps, GenericModelValue, OptionItems } from '../../types/CommonProps';
+export type BaseRadioGroupProps = Pick<BaseRadioProps, "autofocus" | "color" | "disabled" | "hasErrors" | "id" | "name" | "readonly"> & Pick<CommonProps, "dependencies" | "depsDebounceTime" | "enforceCoherence" | "hideLabel" | "itemText" | "itemValue" | "loadingText" | "modelValueDebounceTime" | "noDataText" | "matchStrategy"> & OptionItems & GenericModelValue & {
+    /**
+     * Direction of the layout of the inputs inside the fieldset. It can be either `horizontal` or `vertical`
+     */
     direction?: "horizontal" | "vertical";
-    disabled?: boolean;
-    enforceCoherence?: boolean;
-    hasErrors?: boolean;
-    hideLabel?: boolean;
-    id?: string;
-    items: any[] | ((prefill: boolean, modelValue: any) => Promise<any[]>) | ((prefill: boolean, modelValue: any) => any[]);
-    itemText?: string | ((item: any) => string);
-    itemValue?: string | ((item: any) => any);
-    loadingText?: string;
-    modelValue?: any;
-    modelValueDebounceTime?: number;
-    name: string;
-    noDataText?: string;
-    readonly?: boolean;
-}
+};
 export type BaseRadioGroupEvents = BaseRadioEvents & {
     (e: "inactive"): void;
 };
@@ -28,6 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     direction: string;
     items: () => never[];
     loadingText: string;
+    matchStrategy: string;
     modelValueDebounceTime: number;
     noDataText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -46,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     direction: string;
     items: () => never[];
     loadingText: string;
+    matchStrategy: string;
     modelValueDebounceTime: number;
     noDataText: string;
 }>>> & {
@@ -61,11 +50,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onInactive?: (() => any) | undefined;
 }, {
     depsDebounceTime: number;
+    direction: "horizontal" | "vertical";
     loadingText: string;
+    matchStrategy: "string" | "equality";
     modelValueDebounceTime: number;
     noDataText: string;
-    direction: "horizontal" | "vertical";
-    items: any[] | ((prefill: boolean, modelValue: any) => Promise<any[]>) | ((prefill: boolean, modelValue: any) => any[]);
+    items: any[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => any[]);
 }, {}>, Readonly<{
     prepend?: ((props: {}) => any) | undefined;
     loading?: ((props: {}) => any) | undefined;
@@ -81,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         id: string | undefined;
         name: string;
         parsedValue: any;
-        readonly: boolean;
+        readonly: (boolean | "true" | "false") | undefined;
         value: any;
         item: any;
         text: string;

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

@@ -1,15 +1,14 @@
+import { CommonProps } from '../../types/CommonProps';
 import type { BbIconProps } from "../BbIcon/BbIcon.vue";
-export type BaseRatingProps = {
-    autofocus?: boolean;
-    color?: string;
-    disabled?: boolean;
-    hasErrors?: boolean;
-    id?: string;
+export type BaseRatingProps = Pick<CommonProps, "autofocus" | "color" | "disabled" | "hasErrors" | "id" | "readonly"> & Required<Pick<CommonProps, "name">> & Pick<BbIconProps, "size"> & {
+    /**
+     * Used by v-model
+     */
     modelValue?: null | number;
-    name: string;
-    readonly?: boolean;
+    /**
+     * Maximum number of stars to render and maximum value of the component
+     */
     stars?: number;
-    size?: BbIconProps["size"];
 };
 export type BaseRatingEvents = {
     (e: "blur", event: FocusEvent): void;

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

@@ -1,33 +1,58 @@
-export interface BaseSelectProps {
+import type { CommonProps, OptionItemsWithQuery, GenericModelValue } from '../../types/CommonProps';
+export type BaseSelectProps = Pick<CommonProps, "allowWriting" | "autofocus" | "dependencies" | "depsDebounceTime" | "disabled" | "enforceCoherence" | "hasErrors" | "id" | "itemText" | "itemValue" | "loadingText" | "id" | "itemText" | "itemValue" | "loadingText" | "modelValueDebounceTime" | "multiple" | "name" | "noDataText" | "placeholder" | "readonly" | "transitionDuration"> & OptionItemsWithQuery & GenericModelValue & {
+    /**
+     * Allows the user to add options to the list by
+     * inserting text in the input and pressing ENTER.
+     * The value and text of the option generated is a
+     * string equal to what has been inserted.
+     */
     addOptions?: boolean;
-    allowWriting?: boolean;
-    autofocus?: boolean;
+    /**
+     * Sets the display model for selected values to a list
+     * of comma separated string. In this mode the user
+     * cannot deselect an option by pressing the close button.
+     */
     comma?: boolean;
-    dependencies?: any[];
-    depsDebounceTime?: number;
-    disabled?: boolean;
-    enforceCoherence?: boolean;
+    /**
+     * Defines how the filtering should work.
+     * In any case options are always filtered by the text displayed but
+     * they can also take into account other properties of the
+     * passed elements when this property is a string or an array of string.
+     * E.g. items could be a list of users and you can filter users by email or phone by passing `['email', 'phone']`
+     * You can also pass false to not filter anything or a function for more granular control.
+     *
+     */
     filterBy?: string | string[] | false | ((value: any, item: any) => boolean) | null;
-    hasErrors?: boolean;
-    id?: string;
-    items: any[] | ((query: string, prefill: boolean, modelValue: any) => Promise<any[]>) | ((query: string, prefill: boolean, modelValue: any) => any[]);
-    itemText?: string | ((item: any) => string);
-    itemValue?: string | ((item: any) => any);
-    loadingText?: string;
-    modelValue?: any;
-    modelValueDebounceTime?: number;
-    multiple?: boolean;
-    name?: string;
-    noDataText?: string;
-    placeholder?: string;
+    /**
+     * Defines the prefill strategy for the input. By default the input will prefill
+     * on focus. It can also always prefill with `true` and only prefill on search with `false`.
+     */
     prefill?: boolean | "focus";
+    /**
+     * Time to wait when the users stops writing in the input before querying data.
+     * Especially useful when searching live data on big datasets.
+     */
     queryDebounceTime?: number;
-    readonly?: boolean;
+    /**
+     * If `true` when in multiple selection, reset the query immediately
+     * upon selecting an option. By default the query is
+     * not reset until focus is lost so the user can search
+     * for "Cath" and select "Cathy" and then write more to
+     * search for "Catherine"
+     */
     resetQueryOnOptionSelected?: boolean;
+    /**
+     * Adds a stash to accumulate selected values. Especially
+     * useful when searching in a big database of items.
+     * E.g. if you search for "John" and then search for "Richard"
+     * you either always return the previous items or you stash them passing `true` to this option.
+     */
     stash?: boolean;
-    transitionDuration?: number;
+    /**
+     * Pass `true` if the dropdown is not updating following movement in the UI, like in modals. Very expensive so use with care.
+     */
     updateOnAnimationFrame?: boolean;
-}
+} & Pick<CommonProps, "matchStrategy">;
 type BaseOption = {
     id: string;
     jsonValue: string;
@@ -97,6 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     depsDebounceTime: number;
     filterBy: () => never[];
     loadingText: string;
+    matchStrategy: string;
     modelValueDebounceTime: number;
     noDataText: string;
     prefill: string;
@@ -116,6 +142,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     depsDebounceTime: number;
     filterBy: () => never[];
     loadingText: string;
+    matchStrategy: string;
     modelValueDebounceTime: number;
     noDataText: string;
     prefill: string;
@@ -131,13 +158,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onInactive?: (() => any) | undefined;
 }, {
+    allowWriting: boolean;
     depsDebounceTime: number;
     loadingText: string;
+    matchStrategy: "string" | "equality";
     modelValueDebounceTime: number;
     noDataText: string;
-    prefill: boolean | "focus";
-    allowWriting: boolean;
     transitionDuration: number;
+    prefill: boolean | "focus";
     filterBy: string | false | string[] | ((value: any, item: any) => boolean) | null;
     queryDebounceTime: number;
     updateOnAnimationFrame: boolean;

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

@@ -1,16 +1,22 @@
-export interface BaseSliderProps {
-    autofocus?: boolean;
-    color?: string;
-    disabled?: boolean;
-    hasErrors?: boolean;
-    id?: string;
+import type { CommonProps } from '../../types/CommonProps';
+export type BaseSliderProps = Pick<CommonProps, "autofocus" | "color" | "disabled" | "hasErrors" | "id" | "name" | "readonly"> & {
+    /**
+     * Maximum value cap.
+     */
     max?: number;
+    /**
+     * Minimum value cap.
+     */
     min?: number;
+    /**
+     * Used by v-model.
+     */
     modelValue: number | string | null;
-    name?: string;
-    readonly?: boolean;
+    /**
+     * The step attribute is a number that specifies the granularity that the value must adhere to.
+     */
     step?: number;
-}
+};
 export type BaseSliderEvents = {
     (e: "click", event: MouseEvent): void;
     (e: "end", value: BaseSliderProps["modelValue"]): void;

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

@@ -29,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     direction: string;
     items: () => never[];
     loadingText: string;
+    matchStrategy: string;
     modelValueDebounceTime: number;
     noDataText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -47,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     direction: string;
     items: () => never[];
     loadingText: string;
+    matchStrategy: string;
     modelValueDebounceTime: number;
     noDataText: string;
 }>>> & {
@@ -62,10 +64,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onInactive?: (() => any) | undefined;
 }, {
     depsDebounceTime: number;
+    direction: "horizontal" | "vertical";
     loadingText: string;
+    matchStrategy: "string" | "equality";
     modelValueDebounceTime: number;
     noDataText: string;
-    direction: "horizontal" | "vertical";
     items: any[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => any[]);
 }, {}>, Readonly<BaseSwitchGroupSlots>>;
 export default _default;

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

@@ -1,15 +1,14 @@
-export interface BaseTextInputProps {
-    autocomplete?: string;
-    autofocus?: boolean;
-    disabled?: boolean;
-    hasErrors?: boolean;
-    id?: string;
-    modelValue?: any;
-    name?: string;
-    placeholder?: string;
-    readonly?: boolean;
+import type { CommonProps } from '../../types/CommonProps';
+export type BaseTextInputProps = Pick<CommonProps, 'autocomplete' | 'autofocus' | 'disabled' | 'hasErrors' | 'id' | 'name' | 'placeholder' | 'readonly'> & {
+    /**
+     * Used my v-model
+     */
+    modelValue?: string | null;
+    /**
+     * Type of the input. Returns the content type of the object.
+     */
     type?: HTMLInputElement['type'];
-}
+};
 export type BaseTextInputEvents = {
     (e: 'blur', event: FocusEvent): void;
     (e: 'change', event: Event): void;