bromcom-ui-next 0.1.21 → 0.1.22

package/dist/types/components.d.ts

@@ -189,6 +189,7 @@ export namespace Components {
         "getExpandedItems": () => Promise<HTMLBcmAccordionElement[]>;
         /**
           * Controls whether multiple accordions can be expanded simultaneously
+          * @default false
          */
         "multi": boolean;
     }
@@ -199,22 +200,27 @@ export namespace Components {
     interface BcmAlert {
         /**
           * Whether alert can be dismissed
+          * @default true
          */
         "dismissible"?: boolean;
         /**
           * Alert style variant
+          * @default 'filled'
          */
         "kind"?: AlertKind;
         /**
           * Whether to show status icon
+          * @default true
          */
         "showStatusIcon"?: boolean;
         /**
           * Alert size variant
+          * @default 'medium'
          */
         "size"?: AlertSize;
         /**
           * Alert status type
+          * @default 'default'
          */
         "status"?: AlertStatus;
     }
@@ -225,6 +231,7 @@ export namespace Components {
         "alt": string;
         /**
           * Status indicator animation
+          * @default false
          */
         "blink": boolean;
         /**
@@ -233,6 +240,7 @@ export namespace Components {
         "color": string;
         /**
           * Fallback icon class
+          * @default 'fas fa-user'
          */
         "icon": string;
         /**
@@ -245,10 +253,12 @@ export namespace Components {
         "name": string;
         /**
           * Shape of the avatar (ellipse/square)
+          * @default 'ellipse'
          */
         "shape": AvatarShape;
         /**
           * Size of the avatar
+          * @default 'medium'
          */
         "size": AvatarSize;
         /**
@@ -373,6 +383,7 @@ export namespace Components {
     interface BcmButton {
         /**
           * Active state
+          * @default false
          */
         "active": boolean;
         /**
@@ -381,6 +392,7 @@ export namespace Components {
         "controls": string;
         /**
           * Disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -393,6 +405,7 @@ export namespace Components {
         "form": string;
         /**
           * Full width button
+          * @default false
          */
         "fullWidth": boolean;
         /**
@@ -401,14 +414,17 @@ export namespace Components {
         "icon"?: string;
         /**
           * Icon-only button mode
+          * @default false
          */
         "iconOnly": boolean;
         /**
           * Icon placement (prefix/suffix)
+          * @default 'prefix'
          */
         "iconPosition": IconPosition;
         /**
           * Defines the main visual style of the button
+          * @default 'primary'
          */
         "kind": ButtonKind;
         /**
@@ -417,6 +433,7 @@ export namespace Components {
         "label": string;
         /**
           * Loading state
+          * @default false
          */
         "loading": boolean;
         "name": string;
@@ -426,10 +443,12 @@ export namespace Components {
         "position"?: ButtonPosition;
         /**
           * Controls the button size
+          * @default 'medium'
          */
         "size": ButtonSize;
         /**
           * Defines the button's status/state color
+          * @default 'default'
          */
         "status": ButtonStatus;
         /**
@@ -438,6 +457,7 @@ export namespace Components {
         "text"?: string;
         /**
           * HTML button type
+          * @default 'button'
          */
         "type": ButtonType;
         "value": string;
@@ -465,6 +485,7 @@ export namespace Components {
         "loading"?: boolean;
         /**
           * Button orientation
+          * @default 'horizontal'
          */
         "orientation": 'horizontal' | 'vertical';
         /**
@@ -483,22 +504,27 @@ export namespace Components {
     interface BcmCheckbox {
         /**
           * Unique ID for the component. Automatically generated if not specified.
+          * @default generateId('bcm-checkbox')
          */
         "_id"?: string;
         /**
           * Determines if the checkbox is checked
+          * @default false
          */
         "checked": boolean;
         /**
           * Determines if the checkbox is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
           * Indicates if the checkbox is in an error state. This affects the visual styling of the component.
+          * @default false
          */
         "error": boolean;
         /**
           * Determines if the checkbox is in an indeterminate state. This is useful when some items in a group of checkboxes are selected and others are not.
+          * @default false
          */
         "indeterminate": boolean;
         /**
@@ -507,6 +533,7 @@ export namespace Components {
         "label"?: string;
         /**
           * Controls the position of the label relative to the checkbox
+          * @default 'right'
          */
         "labelPosition": 'left' | 'right';
         /**
@@ -515,6 +542,7 @@ export namespace Components {
         "name": string;
         /**
           * Size variant of the checkbox
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
     }
@@ -546,22 +574,27 @@ export namespace Components {
         "color"?: string;
         /**
           * Whether chip is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Whether chip can be dismissed
+          * @default false
          */
         "dismissible"?: boolean;
         /**
           * Chip style variant
+          * @default 'filled'
          */
         "kind"?: ChipKind;
         /**
           * Chip size variant
+          * @default 'medium'
          */
         "size"?: ChipSize;
         /**
           * Chip status
+          * @default 'default'
          */
         "status"?: ChipStatus;
     }
@@ -596,29 +629,54 @@ export namespace Components {
         "variant": 'solid' | 'dashed' | 'dotted';
     }
     interface BcmDrawer {
+        /**
+          * @default false
+         */
         "fullWidth": boolean;
         "headerText"?: string;
         "hide": () => Promise<void>;
+        /**
+          * @default false
+         */
         "noHeader": boolean;
+        /**
+          * @default false
+         */
         "open": boolean;
+        /**
+          * @default 'right'
+         */
         "position": DrawerPosition;
         "show": () => Promise<void>;
+        /**
+          * @default 'medium'
+         */
         "size": DrawerSize;
     }
     interface BcmDropdown {
         "text"?: string;
     }
     interface BcmDropdownItem {
+        /**
+          * @default false
+         */
         "disabled": boolean;
+        /**
+          * @default false
+         */
         "error": boolean;
         "icon": string;
         "rightIcons": string[];
+        /**
+          * @default false
+         */
         "selected": boolean;
         "text": string;
     }
     interface BcmInput {
         /**
           * Input id
+          * @default generateId('input')
          */
         "_id"?: string;
         /**
@@ -635,6 +693,7 @@ export namespace Components {
         "describedby"?: string;
         /**
           * Whether the input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -643,6 +702,7 @@ export namespace Components {
         "errorMessage"?: string;
         /**
           * Full width input
+          * @default false
          */
         "fullWidth": boolean;
         /**
@@ -687,10 +747,12 @@ export namespace Components {
         "prefixIcon"?: string;
         /**
           * Whether the input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Whether the input is required
+          * @default false
          */
         "required": boolean;
         "select": () => Promise<void>;
@@ -702,10 +764,12 @@ export namespace Components {
         "setLocale": (locale: string, messages: Record<string, string>) => Promise<void>;
         /**
           * Controls the input size
+          * @default 'medium'
          */
         "size": InputSize;
         /**
           * Defines the input's status/state
+          * @default 'default'
          */
         "status": InputStatus;
         /**
@@ -718,10 +782,12 @@ export namespace Components {
         "suffixIcon"?: string;
         /**
           * HTML input type
+          * @default 'text'
          */
         "type": InputType;
         /**
           * Whether to use native form validation If false, component will handle validation internally
+          * @default true
          */
         "useNativeValidation": boolean;
         /**
@@ -730,25 +796,56 @@ export namespace Components {
         "validator"?: (value: string) => string | undefined;
         /**
           * Input value
+          * @default ''
          */
         "value": string;
     }
     interface BcmLinked {
+        /**
+          * @default false
+         */
         "appendToBody": boolean;
+        /**
+          * @default false
+         */
         "arrow": boolean;
+        /**
+          * @default false
+         */
         "destroyOnHide": boolean;
+        /**
+          * @default false
+         */
         "disabled": boolean;
         "hide": () => Promise<void>;
+        /**
+          * @default 0
+         */
         "hideDelay": number;
+        /**
+          * @default 8
+         */
         "offset": number;
+        /**
+          * @default 'bottom-start'
+         */
         "placement": Placement;
         "show": () => Promise<void>;
+        /**
+          * @default 0
+         */
         "showDelay": number;
         "targetElement"?: HTMLElement;
         "targetId"?: string;
         "toggle": () => Promise<void>;
+        /**
+          * @default 'click'
+         */
         "trigger": TriggerType;
         "updatePositioning": () => Promise<void>;
+        /**
+          * @default 1000
+         */
         "zIndex": number;
     }
     /**
@@ -900,6 +997,7 @@ export namespace Components {
         "headerText": string;
         /**
           * @prop {number} hoverDelay - Delay in milliseconds before showing or hiding the popover when trigger is 'hover'. Adds a delay to prevent flickering on quick mouse movements. Default: 150
+          * @default 150
          */
         "hoverDelay": number;
         /**
@@ -908,6 +1006,7 @@ export namespace Components {
         "message": string;
         /**
           * @prop {boolean} open - Indicates whether the popover is currently open. Can be set programmatically or toggled by user interaction. Mutable. Default: false
+          * @default false
          */
         "open": boolean;
         /**
@@ -917,14 +1016,17 @@ export namespace Components {
         "openPopup": () => Promise<void>;
         /**
           * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the popover relative to the target element. Determines where the popover appears around the trigger element. Default: 'top'
+          * @default 'top'
          */
         "placement": 'top' | 'right' | 'bottom' | 'left';
         /**
           * @prop {('small' | 'medium' | 'large')} size - Defines the size of the popover. Controls the text size and padding of the popover content. Default: 'medium'
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * @prop {('click' | 'hover')} trigger - Defines the interaction type to show/hide the popover. 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave. Default: 'click'
+          * @default 'click'
          */
         "trigger": 'click' | 'hover';
     }
@@ -1053,14 +1155,17 @@ export namespace Components {
     interface BcmSegmentedPicker {
         /**
           * Disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
           * Full width component
+          * @default false
          */
         "fullWidth": boolean;
         /**
           * Controls the component size
+          * @default 'medium'
          */
         "size": SegmentedPickerSize;
         /**
@@ -1071,6 +1176,7 @@ export namespace Components {
     interface BcmSegmentedPickerOption {
         /**
           * Whether this option is disabled
+          * @default false
          */
         "disabled": boolean;
         "getWidth": () => Promise<number>;
@@ -1080,6 +1186,7 @@ export namespace Components {
         "label"?: string;
         /**
           * Whether this option is selected
+          * @default false
          */
         "selected": boolean;
         /**
@@ -1093,6 +1200,9 @@ export namespace Components {
     }
     interface BcmShortcut {
         "hotkey": string;
+        /**
+          * @default 'small'
+         */
         "size": 'small' | 'medium' | 'large';
     }
     /**
@@ -1126,14 +1236,17 @@ export namespace Components {
         "caption"?: string;
         /**
           * Whether the switch is checked or not
+          * @default false
          */
         "checked": boolean;
         /**
           * Whether the switch is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
           * Whether to display the switch in an error state
+          * @default false
          */
         "error": boolean;
         /**
@@ -1142,6 +1255,7 @@ export namespace Components {
         "label": string;
         /**
           * Position of the label relative to the switch
+          * @default 'right'
          */
         "labelPosition": 'left' | 'right';
         /**
@@ -1150,14 +1264,17 @@ export namespace Components {
         "name": string;
         /**
           * Whether the switch is in readonly mode
+          * @default false
          */
         "readonly": boolean;
         /**
           * Whether the switch is required in a form
+          * @default false
          */
         "required": boolean;
         /**
           * Size variant of the switch
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
         /**
@@ -1193,6 +1310,7 @@ export namespace Components {
         "setActiveTab": (value: string) => Promise<void>;
         /**
           * Tab size
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
     }
@@ -1216,14 +1334,17 @@ export namespace Components {
     interface BcmTabsTrigger {
         /**
           * Whether the tab is currently active
+          * @default false
          */
         "active": boolean;
         /**
           * Whether the tab is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
           * Size of the tab
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
         /**
@@ -1234,10 +1355,12 @@ export namespace Components {
     interface BcmText {
         /**
           * Text overflow behavior
+          * @default false
          */
         "overflow": boolean;
         /**
           * Text size
+          * @default 'medium'
          */
         "size": TextSize;
         /**
@@ -1246,16 +1369,19 @@ export namespace Components {
         "text": string;
         /**
           * Text variant
+          * @default 'body'
          */
         "variant": TextVariant;
     }
     interface BcmTextarea {
         /**
           * Input id
+          * @default generateId('textarea')
          */
         "_id"?: string;
         /**
           * Auto grow height based on content
+          * @default false
          */
         "autoGrow": boolean;
         /**
@@ -1272,6 +1398,7 @@ export namespace Components {
         "describedby"?: string;
         /**
           * Whether the textarea is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1280,6 +1407,7 @@ export namespace Components {
         "errorMessage"?: string;
         /**
           * Full width textarea
+          * @default false
          */
         "fullWidth": boolean;
         /**
@@ -1316,18 +1444,22 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Whether the textarea is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Whether the textarea is required
+          * @default false
          */
         "required": boolean;
         /**
           * Resize behavior
+          * @default 'none'
          */
         "resize": TextareaResize;
         /**
           * Textarea rows
+          * @default 3
          */
         "rows"?: number;
         "select": () => Promise<void>;
@@ -1335,14 +1467,17 @@ export namespace Components {
         "setFocus": () => Promise<void>;
         /**
           * Show character counter
+          * @default true
          */
         "showCounter": boolean;
         /**
           * Controls the textarea size
+          * @default 'medium'
          */
         "size": InputSize1;
         /**
           * Defines the textarea's status/state
+          * @default 'default'
          */
         "status": InputStatus1;
         /**
@@ -1351,6 +1486,7 @@ export namespace Components {
         "validator"?: (value: string) => string | undefined;
         /**
           * Textarea value
+          * @default ''
          */
         "value": string;
     }
@@ -1391,18 +1527,22 @@ export namespace Components {
         "openTooltip": () => Promise<void>;
         /**
           * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the tooltip relative to the target element. Default: 'top'
+          * @default 'top'
          */
         "placement": 'top' | 'right' | 'bottom' | 'left';
         /**
           * @prop {number} showDelay - Delay in milliseconds before showing or hiding the tooltip. Helps prevent flickering on quick mouse movements. Default: 150
+          * @default 150
          */
         "showDelay": number;
         /**
           * @prop {('small' | 'medium' | 'large')} size - Defines the size of the tooltip. Controls the text size and padding of the tooltip content. Default: 'medium'
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * @prop {('click' | 'hover')} trigger - Defines the interaction type to show/hide the tooltip. 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave. Default: 'hover'
+          * @default 'hover'
          */
         "trigger": 'click' | 'hover';
     }
@@ -2390,6 +2530,7 @@ declare namespace LocalJSX {
     interface BcmAccordionGroup {
         /**
           * Controls whether multiple accordions can be expanded simultaneously
+          * @default false
          */
         "multi"?: boolean;
         /**
@@ -2404,23 +2545,28 @@ declare namespace LocalJSX {
     interface BcmAlert {
         /**
           * Whether alert can be dismissed
+          * @default true
          */
         "dismissible"?: boolean;
         /**
           * Alert style variant
+          * @default 'filled'
          */
         "kind"?: AlertKind;
         "onBcmDismiss"?: (event: BcmAlertCustomEvent<void>) => void;
         /**
           * Whether to show status icon
+          * @default true
          */
         "showStatusIcon"?: boolean;
         /**
           * Alert size variant
+          * @default 'medium'
          */
         "size"?: AlertSize;
         /**
           * Alert status type
+          * @default 'default'
          */
         "status"?: AlertStatus;
     }
@@ -2431,6 +2577,7 @@ declare namespace LocalJSX {
         "alt"?: string;
         /**
           * Status indicator animation
+          * @default false
          */
         "blink"?: boolean;
         /**
@@ -2439,6 +2586,7 @@ declare namespace LocalJSX {
         "color"?: string;
         /**
           * Fallback icon class
+          * @default 'fas fa-user'
          */
         "icon"?: string;
         /**
@@ -2451,10 +2599,12 @@ declare namespace LocalJSX {
         "name"?: string;
         /**
           * Shape of the avatar (ellipse/square)
+          * @default 'ellipse'
          */
         "shape"?: AvatarShape;
         /**
           * Size of the avatar
+          * @default 'medium'
          */
         "size"?: AvatarSize;
         /**
@@ -2579,6 +2729,7 @@ declare namespace LocalJSX {
     interface BcmButton {
         /**
           * Active state
+          * @default false
          */
         "active"?: boolean;
         /**
@@ -2587,6 +2738,7 @@ declare namespace LocalJSX {
         "controls"?: string;
         /**
           * Disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2599,6 +2751,7 @@ declare namespace LocalJSX {
         "form"?: string;
         /**
           * Full width button
+          * @default false
          */
         "fullWidth"?: boolean;
         /**
@@ -2607,14 +2760,17 @@ declare namespace LocalJSX {
         "icon"?: string;
         /**
           * Icon-only button mode
+          * @default false
          */
         "iconOnly"?: boolean;
         /**
           * Icon placement (prefix/suffix)
+          * @default 'prefix'
          */
         "iconPosition"?: IconPosition;
         /**
           * Defines the main visual style of the button
+          * @default 'primary'
          */
         "kind"?: ButtonKind;
         /**
@@ -2623,6 +2779,7 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * Loading state
+          * @default false
          */
         "loading"?: boolean;
         "name"?: string;
@@ -2635,10 +2792,12 @@ declare namespace LocalJSX {
         "position"?: ButtonPosition;
         /**
           * Controls the button size
+          * @default 'medium'
          */
         "size"?: ButtonSize;
         /**
           * Defines the button's status/state color
+          * @default 'default'
          */
         "status"?: ButtonStatus;
         /**
@@ -2647,6 +2806,7 @@ declare namespace LocalJSX {
         "text"?: string;
         /**
           * HTML button type
+          * @default 'button'
          */
         "type"?: ButtonType;
         "value"?: string;
@@ -2674,6 +2834,7 @@ declare namespace LocalJSX {
         "loading"?: boolean;
         /**
           * Button orientation
+          * @default 'horizontal'
          */
         "orientation"?: 'horizontal' | 'vertical';
         /**
@@ -2692,22 +2853,27 @@ declare namespace LocalJSX {
     interface BcmCheckbox {
         /**
           * Unique ID for the component. Automatically generated if not specified.
+          * @default generateId('bcm-checkbox')
          */
         "_id"?: string;
         /**
           * Determines if the checkbox is checked
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Determines if the checkbox is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Indicates if the checkbox is in an error state. This affects the visual styling of the component.
+          * @default false
          */
         "error"?: boolean;
         /**
           * Determines if the checkbox is in an indeterminate state. This is useful when some items in a group of checkboxes are selected and others are not.
+          * @default false
          */
         "indeterminate"?: boolean;
         /**
@@ -2716,6 +2882,7 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * Controls the position of the label relative to the checkbox
+          * @default 'right'
          */
         "labelPosition"?: 'left' | 'right';
         /**
@@ -2728,6 +2895,7 @@ declare namespace LocalJSX {
         "onBcmCheckboxChange"?: (event: BcmCheckboxCustomEvent<{ element: any; checked: boolean }>) => void;
         /**
           * Size variant of the checkbox
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
     }
@@ -2759,23 +2927,28 @@ declare namespace LocalJSX {
         "color"?: string;
         /**
           * Whether chip is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Whether chip can be dismissed
+          * @default false
          */
         "dismissible"?: boolean;
         /**
           * Chip style variant
+          * @default 'filled'
          */
         "kind"?: ChipKind;
         "onBcmDismiss"?: (event: BcmChipCustomEvent<void>) => void;
         /**
           * Chip size variant
+          * @default 'medium'
          */
         "size"?: ChipSize;
         /**
           * Chip status
+          * @default 'default'
          */
         "status"?: ChipStatus;
     }
@@ -2810,15 +2983,30 @@ declare namespace LocalJSX {
         "variant"?: 'solid' | 'dashed' | 'dotted';
     }
     interface BcmDrawer {
+        /**
+          * @default false
+         */
         "fullWidth"?: boolean;
         "headerText"?: string;
+        /**
+          * @default false
+         */
         "noHeader"?: boolean;
         "onBcmBeforeClose"?: (event: BcmDrawerCustomEvent<void>) => void;
         "onBcmBeforeOpen"?: (event: BcmDrawerCustomEvent<void>) => void;
         "onBcmClose"?: (event: BcmDrawerCustomEvent<void>) => void;
         "onBcmOpen"?: (event: BcmDrawerCustomEvent<void>) => void;
+        /**
+          * @default false
+         */
         "open"?: boolean;
+        /**
+          * @default 'right'
+         */
         "position"?: DrawerPosition;
+        /**
+          * @default 'medium'
+         */
         "size"?: DrawerSize;
     }
     interface BcmDropdown {
@@ -2826,17 +3014,27 @@ declare namespace LocalJSX {
         "text"?: string;
     }
     interface BcmDropdownItem {
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
+        /**
+          * @default false
+         */
         "error"?: boolean;
         "icon"?: string;
         "onBcmDropDownItemChange"?: (event: BcmDropdownItemCustomEvent<any>) => void;
         "rightIcons"?: string[];
+        /**
+          * @default false
+         */
         "selected"?: boolean;
         "text"?: string;
     }
     interface BcmInput {
         /**
           * Input id
+          * @default generateId('input')
          */
         "_id"?: string;
         /**
@@ -2853,6 +3051,7 @@ declare namespace LocalJSX {
         "describedby"?: string;
         /**
           * Whether the input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2861,6 +3060,7 @@ declare namespace LocalJSX {
         "errorMessage"?: string;
         /**
           * Full width input
+          * @default false
          */
         "fullWidth"?: boolean;
         /**
@@ -2911,18 +3111,22 @@ declare namespace LocalJSX {
         "prefixIcon"?: string;
         /**
           * Whether the input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Whether the input is required
+          * @default false
          */
         "required"?: boolean;
         /**
           * Controls the input size
+          * @default 'medium'
          */
         "size"?: InputSize;
         /**
           * Defines the input's status/state
+          * @default 'default'
          */
         "status"?: InputStatus;
         /**
@@ -2935,10 +3139,12 @@ declare namespace LocalJSX {
         "suffixIcon"?: string;
         /**
           * HTML input type
+          * @default 'text'
          */
         "type"?: InputType;
         /**
           * Whether to use native form validation If false, component will handle validation internally
+          * @default true
          */
         "useNativeValidation"?: boolean;
         /**
@@ -2947,25 +3153,56 @@ declare namespace LocalJSX {
         "validator"?: (value: string) => string | undefined;
         /**
           * Input value
+          * @default ''
          */
         "value"?: string;
     }
     interface BcmLinked {
+        /**
+          * @default false
+         */
         "appendToBody"?: boolean;
+        /**
+          * @default false
+         */
         "arrow"?: boolean;
+        /**
+          * @default false
+         */
         "destroyOnHide"?: boolean;
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
+        /**
+          * @default 0
+         */
         "hideDelay"?: number;
+        /**
+          * @default 8
+         */
         "offset"?: number;
         "onBcmHidden"?: (event: BcmLinkedCustomEvent<void>) => void;
         "onBcmHide"?: (event: BcmLinkedCustomEvent<void>) => void;
         "onBcmShow"?: (event: BcmLinkedCustomEvent<void>) => void;
         "onBcmShown"?: (event: BcmLinkedCustomEvent<void>) => void;
+        /**
+          * @default 'bottom-start'
+         */
         "placement"?: Placement;
+        /**
+          * @default 0
+         */
         "showDelay"?: number;
         "targetElement"?: HTMLElement;
         "targetId"?: string;
+        /**
+          * @default 'click'
+         */
         "trigger"?: TriggerType;
+        /**
+          * @default 1000
+         */
         "zIndex"?: number;
     }
     /**
@@ -3110,6 +3347,7 @@ declare namespace LocalJSX {
         "headerText"?: string;
         /**
           * @prop {number} hoverDelay - Delay in milliseconds before showing or hiding the popover when trigger is 'hover'. Adds a delay to prevent flickering on quick mouse movements. Default: 150
+          * @default 150
          */
         "hoverDelay"?: number;
         /**
@@ -3126,18 +3364,22 @@ declare namespace LocalJSX {
         "onBcmPopoverOpen"?: (event: BcmPopoverCustomEvent<void>) => void;
         /**
           * @prop {boolean} open - Indicates whether the popover is currently open. Can be set programmatically or toggled by user interaction. Mutable. Default: false
+          * @default false
          */
         "open"?: boolean;
         /**
           * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the popover relative to the target element. Determines where the popover appears around the trigger element. Default: 'top'
+          * @default 'top'
          */
         "placement"?: 'top' | 'right' | 'bottom' | 'left';
         /**
           * @prop {('small' | 'medium' | 'large')} size - Defines the size of the popover. Controls the text size and padding of the popover content. Default: 'medium'
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * @prop {('click' | 'hover')} trigger - Defines the interaction type to show/hide the popover. 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave. Default: 'click'
+          * @default 'click'
          */
         "trigger"?: 'click' | 'hover';
     }
@@ -3260,10 +3502,12 @@ declare namespace LocalJSX {
     interface BcmSegmentedPicker {
         /**
           * Disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Full width component
+          * @default false
          */
         "fullWidth"?: boolean;
         /**
@@ -3272,6 +3516,7 @@ declare namespace LocalJSX {
         "onBcmChange"?: (event: BcmSegmentedPickerCustomEvent<{ value: string }>) => void;
         /**
           * Controls the component size
+          * @default 'medium'
          */
         "size"?: SegmentedPickerSize;
         /**
@@ -3282,6 +3527,7 @@ declare namespace LocalJSX {
     interface BcmSegmentedPickerOption {
         /**
           * Whether this option is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3294,6 +3540,7 @@ declare namespace LocalJSX {
         "onBcmOptionClick"?: (event: BcmSegmentedPickerOptionCustomEvent<string>) => void;
         /**
           * Whether this option is selected
+          * @default false
          */
         "selected"?: boolean;
         /**
@@ -3307,6 +3554,9 @@ declare namespace LocalJSX {
     }
     interface BcmShortcut {
         "hotkey"?: string;
+        /**
+          * @default 'small'
+         */
         "size"?: 'small' | 'medium' | 'large';
     }
     /**
@@ -3340,14 +3590,17 @@ declare namespace LocalJSX {
         "caption"?: string;
         /**
           * Whether the switch is checked or not
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Whether the switch is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Whether to display the switch in an error state
+          * @default false
          */
         "error"?: boolean;
         /**
@@ -3356,6 +3609,7 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * Position of the label relative to the switch
+          * @default 'right'
          */
         "labelPosition"?: 'left' | 'right';
         /**
@@ -3368,14 +3622,17 @@ declare namespace LocalJSX {
         "onBcmSwitchChange"?: (event: BcmSwitchCustomEvent<boolean>) => void;
         /**
           * Whether the switch is in readonly mode
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Whether the switch is required in a form
+          * @default false
          */
         "required"?: boolean;
         /**
           * Size variant of the switch
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
@@ -3401,6 +3658,7 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Tab size
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
     }
@@ -3424,10 +3682,12 @@ declare namespace LocalJSX {
     interface BcmTabsTrigger {
         /**
           * Whether the tab is currently active
+          * @default false
          */
         "active"?: boolean;
         /**
           * Whether the tab is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3436,6 +3696,7 @@ declare namespace LocalJSX {
         "onBcmTabSelected"?: (event: BcmTabsTriggerCustomEvent<string>) => void;
         /**
           * Size of the tab
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
@@ -3446,10 +3707,12 @@ declare namespace LocalJSX {
     interface BcmText {
         /**
           * Text overflow behavior
+          * @default false
          */
         "overflow"?: boolean;
         /**
           * Text size
+          * @default 'medium'
          */
         "size"?: TextSize;
         /**
@@ -3458,16 +3721,19 @@ declare namespace LocalJSX {
         "text"?: string;
         /**
           * Text variant
+          * @default 'body'
          */
         "variant"?: TextVariant;
     }
     interface BcmTextarea {
         /**
           * Input id
+          * @default generateId('textarea')
          */
         "_id"?: string;
         /**
           * Auto grow height based on content
+          * @default false
          */
         "autoGrow"?: boolean;
         /**
@@ -3484,6 +3750,7 @@ declare namespace LocalJSX {
         "describedby"?: string;
         /**
           * Whether the textarea is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3492,6 +3759,7 @@ declare namespace LocalJSX {
         "errorMessage"?: string;
         /**
           * Full width textarea
+          * @default false
          */
         "fullWidth"?: boolean;
         /**
@@ -3534,30 +3802,37 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Whether the textarea is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Whether the textarea is required
+          * @default false
          */
         "required"?: boolean;
         /**
           * Resize behavior
+          * @default 'none'
          */
         "resize"?: TextareaResize;
         /**
           * Textarea rows
+          * @default 3
          */
         "rows"?: number;
         /**
           * Show character counter
+          * @default true
          */
         "showCounter"?: boolean;
         /**
           * Controls the textarea size
+          * @default 'medium'
          */
         "size"?: InputSize1;
         /**
           * Defines the textarea's status/state
+          * @default 'default'
          */
         "status"?: InputStatus1;
         /**
@@ -3566,6 +3841,7 @@ declare namespace LocalJSX {
         "validator"?: (value: string) => string | undefined;
         /**
           * Textarea value
+          * @default ''
          */
         "value"?: string;
     }
@@ -3596,18 +3872,22 @@ declare namespace LocalJSX {
         "message"?: string;
         /**
           * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the tooltip relative to the target element. Default: 'top'
+          * @default 'top'
          */
         "placement"?: 'top' | 'right' | 'bottom' | 'left';
         /**
           * @prop {number} showDelay - Delay in milliseconds before showing or hiding the tooltip. Helps prevent flickering on quick mouse movements. Default: 150
+          * @default 150
          */
         "showDelay"?: number;
         /**
           * @prop {('small' | 'medium' | 'large')} size - Defines the size of the tooltip. Controls the text size and padding of the tooltip content. Default: 'medium'
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * @prop {('click' | 'hover')} trigger - Defines the interaction type to show/hide the tooltip. 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave. Default: 'hover'
+          * @default 'hover'
          */
         "trigger"?: 'click' | 'hover';
     }