bitboss-ui 0.2.76 → 1.0.0

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

@@ -1,5 +1,5 @@
 import type { BaseCheckboxEvents, SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';
-import type { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { type HTMLAttributes, type InputHTMLAttributes } from 'vue';
 export type BbCheckboxProps = {
     /**
      * Sets autofocus on page load.
@@ -15,10 +15,18 @@ export type BbCheckboxProps = {
      * Either a custom color or a coded color in common HEX, RGB, etc... format.
      */
     color?: string;
+    /**
+     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
+     */
+    direction?: 'horizontal' | 'vertical' | 'auto' | string;
     /**
      * Disables the component
      */
     disabled?: boolean;
+    /**
+     * Can be a string or an array of string containing the messages to display.
+     */
+    errors?: string | string[];
     /**
      * Value of the input when unchecked. It handles any kind of serializable object.
      */
@@ -28,6 +36,14 @@ export type BbCheckboxProps = {
      * It usually attaches a CSS class for styling purposes.
      */
     hasErrors?: boolean;
+    /**
+     * Visually hides the label of the input while maintaining accessibility.
+     */
+    hideLabel?: boolean;
+    /**
+     * Text box to be displayed near the input, usually to indicate instructions.
+     */
+    hint?: string;
     /**
      * The identifier of the component.
      */
@@ -37,53 +53,45 @@ export type BbCheckboxProps = {
      */
     indeterminate?: InputHTMLAttributes['indeterminate'];
     /**
-     * Defines the name of the input.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * Sets the input in a readonly state.
+     * Sets the slignment of the input. Since inputs are inline block they can be aligned just as text can.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    inputPosition?: 'left' | 'center' | 'right';
     /**
-     * Will submit "falseValue" if the input is not checked. Otherwise "trueValue" will be submitted.
+     * Text content of the label of the element.
      */
-    submitWhenFalse?: boolean;
+    label: string;
     /**
-     * Value of the input when checked. It handles any kind of serializable object.
+     * Sets the text alignment of the label.
      */
-    trueValue?: any;
+    labelPosition?: 'left' | 'center' | 'right';
     /**
      * Used by v-model. Can be any serializable type.
      */
     modelValue?: any;
     /**
-     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
-     */
-    direction?: 'horizontal' | 'vertical' | 'auto' | string;
-    /**
-     * Can be a string or an array of string containing the messages to display.
+     * Defines the name of the input.
      */
-    errors?: string | string[];
+    name?: InputHTMLAttributes['name'];
     /**
-     * Visually hides the label of the input while maintaining accessibility.
+     * Keeps the hint displayed.
      */
-    hideLabel?: boolean;
+    persistentHint?: boolean;
     /**
-     * Sets the slignment of the input. Since inputs are inline block they can be aligned just as text can.
+     * Sets the input in a readonly state.
      */
-    inputPosition?: 'left' | 'center' | 'right';
+    readonly?: InputHTMLAttributes['readonly'];
     /**
-     * Text content of the label of the element.
+     * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */
-    label: string;
+    reverse?: boolean;
     /**
-     * Sets the text alignment of the label.
+     * Will submit "falseValue" if the input is not checked. Otherwise "trueValue" will be submitted.
      */
-    labelPosition?: 'left' | 'center' | 'right';
+    submitWhenFalse?: boolean;
     /**
-     * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
+     * Value of the input when checked. It handles any kind of serializable object.
      */
-    reverse?: boolean;
+    trueValue?: any;
 };
 export type BbCheckboxEvents = BaseCheckboxEvents;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BbCheckboxProps>, {

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

@@ -1,5 +1,5 @@
 import type { BaseCheckboxGroupEvents } from '../BaseCheckboxGroup/BaseCheckboxGroup.vue';
-import type { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { type HTMLAttributes, type InputHTMLAttributes } from 'vue';
 import type { NestedKeyOf } from '../../types/NestedKeyOf';
 import type { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';
 export type BbCheckboxGroupProps<T> = {
@@ -33,15 +33,35 @@ export type BbCheckboxGroupProps<T> = {
      * modelValue will be reset upon incoherence.
      */
     enforceCoherence?: boolean;
+    /**
+     * Can be a string or an array of string containing the messages to display.
+     */
+    errors?: string | string[];
     /**
      * 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;
+    /**
+     * Visually hides the legend of the fieldset while maintaining accessibility.
+     */
+    hideLegend?: boolean;
+    /**
+     * Text box to be displayed near the input, usually to indicate instructions.
+     */
+    hint?: string;
     /**
      * The identifier of the component.
      */
     id?: HTMLAttributes['id'];
+    /**
+     * Defines the direction of the inputs in the fieldset
+     */
+    inputDirection?: 'horizontal' | 'vertical';
     /**
      * Used to retrieve items can be an array or a function.
      */
@@ -54,6 +74,10 @@ export type BbCheckboxGroupProps<T> = {
      * 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;
+    /**
+     * Text content of the legend.
+     */
+    legend: string;
     /**
      * String displayed while items are being loaded.
      */
@@ -81,40 +105,23 @@ export type BbCheckboxGroupProps<T> = {
      */
     noDataText?: string;
     /**
-     * Sets the input in a readonly state.
-     */
-    readonly?: InputHTMLAttributes['readonly'];
-    /**
-     * Can be a string or an array of string containing the messages to display.
+     * Keeps the hint displayed.
      */
-    errors?: string | string[];
+    persistentHint?: boolean;
     /**
-     * Visually hides the label of the input while maintaining accessibility.
+     * Sets the input in a readonly state.
      */
-    hideLabel?: boolean;
+    readonly?: InputHTMLAttributes['readonly'];
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */
     reverse?: boolean;
-    /**
-     * Visually hides the legend of the fieldset while maintaining accessibility.
-     */
-    hideLegend?: boolean;
-    /**
-     * Defines the direction of the inputs in the fieldset
-     */
-    inputDirection?: 'horizontal' | 'vertical';
-    /**
-     * Text content of the legend.
-     */
-    legend: string;
 };
 export type BbCheckboxGroupEvents = BaseCheckboxGroupEvents;
 declare const _default: <T = any>(__VLS_props: {
     disabled?: boolean | undefined;
     reverse?: boolean | undefined;
     name?: string | undefined;
-    autofocus?: (boolean | "true" | "false") | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;
@@ -123,6 +130,7 @@ declare const _default: <T = any>(__VLS_props: {
     onClick?: ((event: MouseEvent) => any) | undefined;
     onMousedown?: ((event: MouseEvent) => any) | undefined;
     onMouseup?: ((event: MouseEvent) => any) | undefined;
+    autofocus?: (boolean | "true" | "false") | undefined;
     id?: string | undefined;
     readonly?: (boolean | "true" | "false") | undefined;
     hasErrors?: boolean | undefined;
@@ -145,6 +153,8 @@ declare const _default: <T = any>(__VLS_props: {
     errors?: string | string[] | undefined;
     hideLegend?: boolean | undefined;
     inputDirection?: "horizontal" | "vertical" | undefined;
+    hint?: string | undefined;
+    persistentHint?: boolean | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -202,7 +212,6 @@ declare const _default: <T = any>(__VLS_props: {
         disabled?: boolean | undefined;
         reverse?: boolean | undefined;
         name?: string | undefined;
-        autofocus?: (boolean | "true" | "false") | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onChange?: ((event: Event) => any) | undefined;
@@ -211,6 +220,7 @@ declare const _default: <T = any>(__VLS_props: {
         onClick?: ((event: MouseEvent) => any) | undefined;
         onMousedown?: ((event: MouseEvent) => any) | undefined;
         onMouseup?: ((event: MouseEvent) => any) | undefined;
+        autofocus?: (boolean | "true" | "false") | undefined;
         id?: string | undefined;
         readonly?: (boolean | "true" | "false") | undefined;
         hasErrors?: boolean | undefined;
@@ -233,6 +243,8 @@ declare const _default: <T = any>(__VLS_props: {
         errors?: string | string[] | undefined;
         hideLegend?: boolean | undefined;
         inputDirection?: "horizontal" | "vertical" | undefined;
+        hint?: string | undefined;
+        persistentHint?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -294,7 +306,6 @@ declare const _default: <T = any>(__VLS_props: {
             disabled?: boolean | undefined;
             reverse?: boolean | undefined;
             name?: string | undefined;
-            autofocus?: (boolean | "true" | "false") | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onChange?: ((event: Event) => any) | undefined;
@@ -303,6 +314,7 @@ declare const _default: <T = any>(__VLS_props: {
             onClick?: ((event: MouseEvent) => any) | undefined;
             onMousedown?: ((event: MouseEvent) => any) | undefined;
             onMouseup?: ((event: MouseEvent) => any) | undefined;
+            autofocus?: (boolean | "true" | "false") | undefined;
             id?: string | undefined;
             readonly?: (boolean | "true" | "false") | undefined;
             hasErrors?: boolean | undefined;
@@ -325,6 +337,8 @@ declare const _default: <T = any>(__VLS_props: {
             errors?: string | string[] | undefined;
             hideLegend?: boolean | undefined;
             inputDirection?: "horizontal" | "vertical" | undefined;
+            hint?: string | undefined;
+            persistentHint?: boolean | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;

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

@@ -1,5 +1,5 @@
 import type { BaseDatePickerInputEvents } from '../BaseDatePickerInput/BaseDatePickerInput.vue';
-import type { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { type HTMLAttributes, type InputHTMLAttributes } from 'vue';
 import type { Locale } from 'dayjs/locale/it';
 export type BbDatePickerInputProps = {
     /**
@@ -39,6 +39,10 @@ export type BbDatePickerInputProps = {
      * Visually hides the label of the input while maintaining accessibility.
      */
     hideLabel?: boolean;
+    /**
+     * Text box to be displayed near the input, usually to indicate instructions.
+     */
+    hint?: string;
     /**
      * The identifier of the component.
      */
@@ -67,6 +71,10 @@ export type BbDatePickerInputProps = {
      * Defines the name of the input.
      */
     name?: InputHTMLAttributes['name'];
+    /**
+     * Keeps the hint displayed.
+     */
+    persistentHint?: boolean;
     /**
      * String displayed when there's no data.
      */
@@ -97,15 +105,19 @@ export type BbDatePickerInputEvents = BaseDatePickerInputEvents;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BbDatePickerInputProps>, {
     allowWriting: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | string[] | null) => void;
-    inactive: () => void;
+    active: () => void;
     error: (message: string) => void;
+    focus: (event: FocusEvent) => void;
+    inactive: () => void;
+    "update:modelValue": (value: string | string[] | null) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BbDatePickerInputProps>, {
     allowWriting: boolean;
 }>>> & {
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     onError?: ((message: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
     onInactive?: (() => any) | undefined;
+    onActive?: (() => any) | undefined;
 }, {
     allowWriting: boolean;
 }, {}>, Readonly<{

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

@@ -1,5 +1,5 @@
 import type { BaseNumberInputEvents, BaseNumberInputSlots } from '../BaseNumberInput/BaseNumberInput.vue';
-import type { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { type HTMLAttributes, type InputHTMLAttributes } from 'vue';
 export type BbNumberInputProps = {
     /**
      * Guides to the browser as to the type of information expected in the field.
@@ -9,19 +9,43 @@ export type BbNumberInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
+     */
+    direction?: 'horizontal' | 'vertical' | 'auto' | string;
     /**
      * Disables the component
      */
     disabled?: boolean;
+    /**
+     * Can be a string or an array of string containing the messages to display.
+     */
+    errors?: string | string[];
     /**
      * 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;
+    /**
+     * Text box to be displayed near the input, usually to indicate instructions.
+     */
+    hint?: string;
     /**
      * The identifier of the component.
      */
     id?: HTMLAttributes['id'];
+    /**
+     * Text content of the label of the element.
+     */
+    label: string;
+    /**
+     * Sets the text alignment of the label.
+     */
+    labelPosition?: 'left' | 'center' | 'right';
     /**
      * Maximum value cap
      */
@@ -38,6 +62,10 @@ export type BbNumberInputProps = {
      * Defines the name of the input.
      */
     name?: InputHTMLAttributes['name'];
+    /**
+     * Keeps the hint displayed.
+     */
+    persistentHint?: boolean;
     /**
      * String displayed when there's no data.
      */
@@ -46,36 +74,16 @@ export type BbNumberInputProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
+     */
+    reverse?: 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;
-    /**
-     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
-     */
-    direction?: 'horizontal' | 'vertical' | 'auto' | string;
-    /**
-     * Can be a string or an array of string containing the messages to display.
-     */
-    errors?: string | string[];
-    /**
-     * Visually hides the label of the input while maintaining accessibility.
-     */
-    hideLabel?: boolean;
-    /**
-     * Text content of the label of the element.
-     */
-    label: string;
-    /**
-     * Sets the text alignment of the label.
-     */
-    labelPosition?: 'left' | 'center' | 'right';
-    /**
-     * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
-     */
-    reverse?: boolean;
 };
 export type BbNumberInputEvents = BaseNumberInputEvents;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BbNumberInputProps>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

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

@@ -15,64 +15,72 @@ export type BbRadioProps = {
      * Either a custom color or a coded color in common HEX, RGB, etc... format.
      */
     color?: string;
+    /**
+     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
+     */
+    direction?: 'horizontal' | 'vertical' | 'auto' | string;
     /**
      * Disables the component
      */
     disabled?: boolean;
+    /**
+     * Can be a string or an array of string containing the messages to display.
+     */
+    errors?: string | string[];
     /**
      * Define if the component should be in an error state.
      * It usually attaches a CSS class for styling purposes.
      */
     hasErrors?: boolean;
     /**
-     * The identifier of the component.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Used by v-model. Can be any serializable type.
+     * Visually hides the label of the input while maintaining accessibility.
      */
-    modelValue?: any;
+    hideLabel?: boolean;
     /**
-     * Defines the name of the input.
+     * Text box to be displayed near the input, usually to indicate instructions.
      */
-    name: InputHTMLAttributes['name'];
+    hint?: string;
     /**
-     * Sets the input in a readonly state.
+     * The identifier of the component.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    id?: HTMLAttributes['id'];
     /**
-     * Defines the value of the radio input.
-     * It can be any serializable value.
+     * Sets the slignment of the input. Since inputs are inline block they can be aligned just as text can.
      */
-    value: any;
+    inputPosition?: 'left' | 'center' | 'right';
     /**
-     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
+     * Text content of the label of the element.
      */
-    direction?: 'horizontal' | 'vertical' | 'auto' | string;
+    label: string;
     /**
-     * Can be a string or an array of string containing the messages to display.
+     * Sets the text alignment of the label.
      */
-    errors?: string | string[];
+    labelPosition?: 'left' | 'center' | 'right';
     /**
-     * Visually hides the label of the input while maintaining accessibility.
+     * Used by v-model. Can be any serializable type.
      */
-    hideLabel?: boolean;
+    modelValue?: any;
     /**
-     * Sets the slignment of the input. Since inputs are inline block they can be aligned just as text can.
+     * Defines the name of the input.
      */
-    inputPosition?: 'left' | 'center' | 'right';
+    name: InputHTMLAttributes['name'];
     /**
-     * Text content of the label of the element.
+     * Keeps the hint displayed.
      */
-    label: string;
+    persistentHint?: boolean;
     /**
-     * Sets the text alignment of the label.
+     * Sets the input in a readonly state.
      */
-    labelPosition?: 'left' | 'center' | 'right';
+    readonly?: InputHTMLAttributes['readonly'];
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */
     reverse?: boolean;
+    /**
+     * Defines the value of the radio input.
+     * It can be any serializable value.
+     */
+    value: any;
 };
 export type BbRadioEvents = BaseRadioEvents;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BbRadioProps>, {