bitboss-ui 2.0.95 → 2.0.97

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

@@ -46,7 +46,7 @@ export type BaseCheckboxProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { HTMLAttributes, InputHTMLAttributes, MaybeRefOrGetter } from 'vue';
 import { NestedKeyOf } from '../../types/NestedKeyOf';
 import { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';
 export type BaseCheckboxGroupProps<T> = {
@@ -88,11 +88,11 @@ export type BaseCheckboxGroupProps<T> = {
     /**
      * String displayed when there are no items to display.
      */
-    noDataText?: string;
+    noDataText?: MaybeRefOrGetter<string>;
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
 };
 export type BaseCheckboxGroupEvents = {
     (e: 'blur', event: FocusEvent): void;

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

@@ -16,6 +16,10 @@ export type BaseColorInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays the component in a compact version.
+     */
+    compact?: boolean;
     /**
      * Disables the component
      */
@@ -52,7 +56,7 @@ export type BaseColorInputProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -1,17 +1,22 @@
 import { default as it } from 'dayjs/locale/it';
+import { HTMLAttributes } from 'vue';
 export type BaseDatePickerProps = {
     /**
      * Disables the component
      */
     disabled?: boolean;
-    /**
-     * Shows or hides the header of the component
-     */
-    header?: boolean;
     /**
      * Defines the first day of the week with `0` meaning Sunday and `6` meaning Saturday
      */
     firstDayOfWeek?: (typeof it)['weekStart'];
+    /**
+     * The identifier of the component.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Shows or hides the header of the component
+     */
+    header?: boolean;
     /**
      * Maximum selectable date
      */
@@ -42,7 +47,13 @@ export type BaseDatePickerProps = {
      */
     selectable?: (date: Date) => boolean;
 };
-declare const _default: import('vue').DefineComponent<BaseDatePickerProps, {
+declare function __VLS_template(): {
+    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BaseDatePickerProps, {
     resetStatus: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: any) => any;
@@ -51,4 +62,10 @@ declare const _default: import('vue').DefineComponent<BaseDatePickerProps, {
 }>, {
     firstDayOfWeek: number;
 }, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,9 +1,11 @@
+import { HTMLAttributes } from 'vue';
 import { default as dayjs, Dayjs } from 'dayjs';
 type Props = {
     cursor: Dayjs;
     current: boolean;
     disabled: boolean;
     firstDayOfWeek: number;
+    id?: HTMLAttributes['id'];
     /**
      * Used by v-model. Can be null, a single string, or an array of strings based on whether a range or single date is needed
      */

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

@@ -17,6 +17,10 @@ export type BaseDatePickerInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
     /**
      * Disables the component
      */
@@ -214,28 +218,74 @@ declare function __VLS_template(): {
         }) | null;
         input: HTMLInputElement;
         calendar: HTMLSpanElement;
-        basedatepicker: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../..').BaseDatePickerProps> & Readonly<{
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        }>, {
-            resetStatus: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:modelValue": (value: any) => any;
-        }, import('vue').PublicProps, {
+        basedatepicker: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly disabled?: boolean | undefined;
+                readonly firstDayOfWeek?: (typeof it)["weekStart"];
+                readonly id?: HTMLAttributes["id"];
+                readonly header?: boolean | undefined;
+                readonly max?: (Date | string | number) | undefined;
+                readonly min?: (Date | string | number) | undefined;
+                readonly modelValue: string | string[] | null;
+                readonly multiple?: boolean | undefined;
+                readonly range?: boolean | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly selectable?: ((date: Date) => boolean) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:modelValue", value: any) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../..').BaseDatePickerProps> & Readonly<{
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            }>, {
+                resetStatus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "update:modelValue": (value: any) => any;
+            }, string, {
+                firstDayOfWeek: number;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $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<{
             firstDayOfWeek: number;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('../..').BaseDatePickerProps> & Readonly<{
+        }> & Omit<Readonly<import('../..').BaseDatePickerProps> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        }>, {
+        }>, "firstDayOfWeek" | "resetStatus"> & import('vue').ShallowUnwrapRef<{
             resetStatus: () => void;
-        }, {}, {}, {}, {
-            firstDayOfWeek: number;
-        }> | null;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+        }) | null;
     };
     attrs: Partial<{}>;
 };

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

@@ -1,5 +1,9 @@
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
 export type BaseInputContainerProps = {
+    /**
+     * Displays the component in a compact version.
+     */
+    compact?: boolean;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */

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

@@ -16,6 +16,10 @@ export type BaseNumberInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
     /**
      * Disables the component
      */
@@ -60,7 +64,7 @@ export type BaseNumberInputProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -42,7 +42,7 @@ export type BaseRadioProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -88,7 +88,7 @@ export type BaseRadioGroupProps<T> = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -39,7 +39,7 @@ export type BaseRatingProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -34,6 +34,10 @@ export type BaseSelectProps = {
      * cannot deselect an option by pressing the close button.
      */
     comma?: boolean;
+    /**
+     * Sets the component in a compact mode.
+     */
+    compact?: boolean;
     /**
      * Defines an array of dependencies that will trigger actions in the component upon change.
      */
@@ -428,6 +432,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
+                readonly compact?: boolean | undefined;
                 readonly options: BaseOption[];
                 readonly open?: boolean | undefined;
                 readonly loading?: boolean | undefined;
@@ -452,6 +457,7 @@ declare function __VLS_template(): {
             $emit: ((event: "option:unselected", option: BaseOption) => void) & ((event: "option:selected", option: BaseOption) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
+                compact?: boolean;
                 options: BaseOption[];
                 open?: boolean;
                 loading?: boolean;
@@ -504,6 +510,7 @@ declare function __VLS_template(): {
             loadingText: string;
             noDataText: string;
         }> & Omit<Readonly<{
+            compact?: boolean;
             options: BaseOption[];
             open?: boolean;
             loading?: boolean;

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

@@ -51,7 +51,7 @@ export type BaseSliderProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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;
+    /**
+     * Sets the component in a compact mode.
+     */
+    compact?: boolean;
     /**
      * Disables the component
      */
@@ -71,7 +75,7 @@ export type BaseTagProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */
@@ -296,6 +300,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseTagProps, {}, {
 }, string, import('vue').PublicProps, Readonly<BaseTagProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    autocomplete: string;
     multiple: boolean;
     divider: KeyboardEvent["key"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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 the component in a compact version.
+     */
+    compact?: boolean;
     /**
      * Disables the component
      */
@@ -52,7 +56,7 @@ export type BaseTextInputProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -20,6 +20,10 @@ export type BaseTextareaProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
     /**
      * Disables the component
      */
@@ -56,7 +60,7 @@ export type BaseTextareaProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -79,7 +79,7 @@ export type BbCheckboxProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -13,6 +13,10 @@ export type BbCheckboxGroupProps<T> = {
      * Either a custom color or a coded color in common HEX, RGB, etc... format.
      */
     color?: string;
+    /**
+     * Displays the component in a compact version.
+     */
+    compact?: boolean;
     /**
      * Defines an array of dependencies that will trigger actions in the component upon change.
      */
@@ -109,7 +113,7 @@ export type BbCheckboxGroupProps<T> = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

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

@@ -13,6 +13,10 @@ export type BbColorInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays the component in a compact version.
+     */
+    compact?: boolean;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */
@@ -77,7 +81,7 @@ export type BbColorInputProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -18,6 +18,10 @@ export type BbDatePickerInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */

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

@@ -13,6 +13,10 @@ export type BbNumberInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */
@@ -85,7 +89,7 @@ export type BbNumberInputProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */
@@ -124,6 +128,7 @@ declare function __VLS_template(): {
                 readonly ariaDescribedby?: InputHTMLAttributes["aria-describedby"];
                 readonly autocomplete?: InputHTMLAttributes["autocomplete"];
                 readonly autofocus?: InputHTMLAttributes["autofocus"];
+                readonly compact?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly hasErrors?: boolean | undefined;
                 readonly id?: HTMLAttributes["id"];
@@ -134,7 +139,7 @@ declare function __VLS_template(): {
                 readonly name?: InputHTMLAttributes["name"];
                 readonly placeholder?: InputHTMLAttributes["placeholder"];
                 readonly 'prepend:icon'?: string | undefined;
-                readonly readonly?: InputHTMLAttributes["readonly"];
+                readonly readonly?: boolean | undefined;
                 readonly required?: boolean | undefined;
                 readonly step?: number | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;

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

@@ -71,7 +71,7 @@ export type BbRadioProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -14,6 +14,10 @@ export type BbRadioGroupProps<T> = {
      * Either a custom color or a coded color in common HEX, RGB, etc... format.
      */
     color?: string;
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
     /**
      * Defines an array of dependencies that will trigger actions in the component upon change.
      */
@@ -106,7 +110,7 @@ export type BbRadioGroupProps<T> = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -12,6 +12,10 @@ export type BbRatingProps = {
      * Either a custom color or a coded color in common HEX, RGB, etc... format.
      */
     color?: string;
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
     /**
      * Disables the component
      */
@@ -64,7 +68,7 @@ export type BbRatingProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

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

@@ -31,6 +31,10 @@ export type BbSelectProps<T> = {
      * cannot deselect an option by pressing the close button.
      */
     comma?: boolean;
+    /**
+     * Sets the component in a compact mode.
+     */
+    compact?: boolean;
     /**
      * Defines an array of dependencies that will trigger actions in the component upon change.
      */

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

@@ -11,6 +11,10 @@ export type BbSliderProps = {
      * Either a custom color or a coded color in common HEX, RGB, etc... format.
      */
     color?: string;
+    /**
+     * Set the component in compact mode.
+     */
+    compact?: boolean;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */
@@ -76,7 +80,7 @@ export type BbSliderProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

package/dist/components/BbTable/types.d.ts

@@ -153,7 +153,7 @@ export type BbTableProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Defines whether the table is selectable.
      * Can be a global boolean that affects all rows or a function

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;
+    /**
+     * Sets the component in a compact mode.
+     */
+    compact?: boolean;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */
@@ -95,7 +99,7 @@ export type BbTagProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -13,6 +13,10 @@ export type BbTextInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays the component in a compact version.
+     */
+    compact?: boolean;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */
@@ -77,7 +81,7 @@ export type BbTextInputProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */

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

@@ -17,6 +17,10 @@ export type BbTextareaProps = {
      * Expands the textarea to match its content
      */
     autoGrow?: boolean;
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */
@@ -81,7 +85,7 @@ export type BbTextareaProps = {
     /**
      * Sets the input in a readonly state.
      */
-    readonly?: InputHTMLAttributes['readonly'];
+    readonly?: boolean;
     /**
      * Sets the input as required.
      */