@rededor/cura 1.6.1-alpha.8 → 1.7.0

package/dist/types/components/tabs/cura-tabs-group/cura-tabs-group.stories.d.ts

@@ -0,0 +1,57 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        gap: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        borderBottom: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorMode: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        tabChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CuraTabs: {
+    args: {
+        gap: number;
+        borderBottom: boolean;
+        colorMode: string;
+    };
+};

package/dist/types/components/tabs/cura-tabs-transparent/cura-tabs-transparent.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class CuraTabsTransparent {
+    name: string;
+    iconName: string;
+    selected: boolean;
+    disabled: boolean;
+    borderBottom: boolean;
+    size: 'small' | 'medium' | 'large';
+    colorMode: 'dark' | 'light';
+    hovered: boolean;
+    styles: Record<string, string>;
+    tabSelect: EventEmitter<{
+        name: string;
+    }>;
+    setColors(): void;
+    computeContentColor(): string;
+    getIcon(): any;
+    getClasses(): {
+        [x: string]: boolean;
+        selected: boolean;
+        disabled: boolean;
+        'border-bottom': boolean;
+    };
+    connectedCallback(): void;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    handleClick(e: Event): void;
+    render(): any;
+}

package/dist/types/components/tabs/cura-tabs-transparent/cura-tabs-transparent.stories.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        name: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        selected: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        disabled: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        borderBottom: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorMode: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        tabSelect: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CuraTabs: {
+    args: {
+        name: string;
+        iconName: string;
+        selected: boolean;
+        disabled: boolean;
+        borderBottom: boolean;
+        size: string;
+        colorMode: string;
+    };
+};

package/dist/types/components/tabs/cura-tabs.definitions.d.ts

@@ -0,0 +1,6 @@
+export declare const labelSizes: {
+    small: string;
+    medium: string;
+    large: string;
+    default: string;
+};

package/dist/types/components.d.ts

@@ -73,14 +73,47 @@ export namespace Components {
         "type": 'info' | 'success' | 'warning' | 'error';
     }
     interface CuraAvatar {
+        /**
+          * Background color of the avatar. Accepts any color from the theme.
+          * @default neutral-purewhite
+         */
         "backgroundColor": string;
+        /**
+          * Show border of the avatar.
+          * @default false
+         */
         "border": boolean;
+        /**
+          * Border color of the avatar. Accepts any color from the theme.
+         */
         "borderColor": string;
+        /**
+          * Border radius of the avatar.
+          * @default 50%
+         */
         "borderRadius": string;
+        /**
+          * Floating state of the avatar.
+          * @default false
+         */
         "floating": boolean;
+        /**
+          * Image source of the avatar. Accepts any image source. If not provided, the default image will be used.
+         */
         "imageSrc": string;
+        /**
+          * Default image source of the avatar. Some predefined images are available in the design system assets folder.
+         */
         "imageSrcDefault": string;
+        /**
+          * Size of the avatar. Values: 80, 40, 32, 24.
+          * @default 80
+         */
         "size": '80' | '40' | '32' | '24';
+        /**
+          * Type of the avatar.
+          * @default default
+         */
         "type": 'default' | 'branding';
     }
     interface CuraBadgeCounter {
@@ -509,6 +542,16 @@ export namespace Components {
           * Specifies the tabindex of the checkbox.
          */
         "ontabindex": number;
+        /**
+          * Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowHelper": 'none' | 'single' | string;
+        /**
+          * Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowLabel": 'none' | 'single' | string;
         /**
           * Position of the label relative to the checkbox. Can be 'left' or 'right'.
          */
@@ -525,10 +568,6 @@ export namespace Components {
           * Status of the checkbox. Can be 'error', 'success', or 'default'.
          */
         "status": 'error' | 'success' | 'default';
-        /**
-          * Apply text-overflow ellipsis definitions. Default to none
-         */
-        "textOverflow": 'none' | 'single' | string;
         /**
           * Value associated with the checkbox.
          */
@@ -982,6 +1021,16 @@ export namespace Components {
           * Specifies the tabindex of the radio button.
          */
         "ontabindex": number;
+        /**
+          * Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowHelper": 'none' | 'single' | string;
+        /**
+          * Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowLabel": 'none' | 'single' | string;
         /**
           * Position of the label relative to the radio button. Can be 'left' or 'right'.
          */
@@ -998,10 +1047,6 @@ export namespace Components {
           * Status of the radio button. Can be 'error', 'success', or 'default'.
          */
         "status": 'error' | 'success' | 'default';
-        /**
-          * Apply text-overflow ellipsis definitions. Default to none
-         */
-        "textOverflow": 'none' | 'single' | string;
         /**
           * Value associated with the radio button.
          */
@@ -1021,6 +1066,10 @@ export namespace Components {
           * The label text for the select component. Reflects as an attribute in the DOM.
          */
         "label": string;
+        /**
+          * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 285px
+         */
+        "maxHeight": string;
         /**
           * Display mode of the select component. Can be 'default' or 'transparent'.
          */
@@ -1121,6 +1170,16 @@ export namespace Components {
           * Tab index for the switch element. Reflects as an HTML attribute.
          */
         "ontabindex": number;
+        /**
+          * Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowHelper": 'none' | 'single' | string;
+        /**
+          * Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowLabel": 'none' | 'single' | string;
         /**
           * Position of the label relative to the switch. Can be 'left' or 'right'.
          */
@@ -1129,10 +1188,38 @@ export namespace Components {
           * Size of the switch. Can be 'small', 'medium', or 'large'.
          */
         "size": 'small' | 'medium' | 'large';
-        /**
-          * Apply text-overflow ellipsis definitions. Default to none
-         */
-        "textOverflow": 'none' | 'single' | string;
+    }
+    interface CuraTabs {
+        "borderBottom": boolean;
+        "colorMode": 'dark' | 'light';
+        "disabled": boolean;
+        "iconName": string;
+        "name": string;
+        "selected": boolean;
+        "size": 'small' | 'medium' | 'large';
+    }
+    interface CuraTabsButton {
+        "colorMode": 'dark' | 'light';
+        "counter"?: number;
+        "disabled": boolean;
+        "iconName": string;
+        "name": string;
+        "selected": boolean;
+        "size": 'small' | 'medium' | 'large';
+    }
+    interface CuraTabsGroup {
+        "borderBottom": boolean;
+        "colorMode": 'dark' | 'light';
+        "gap": number;
+    }
+    interface CuraTabsTransparent {
+        "borderBottom": boolean;
+        "colorMode": 'dark' | 'light';
+        "disabled": boolean;
+        "iconName": string;
+        "name": string;
+        "selected": boolean;
+        "size": 'small' | 'medium' | 'large';
     }
     interface CuraToast {
         "autoCloseDelay": number;
@@ -1209,6 +1296,22 @@ export interface CuraSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraSwitchElement;
 }
+export interface CuraTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTabsElement;
+}
+export interface CuraTabsButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTabsButtonElement;
+}
+export interface CuraTabsGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTabsGroupElement;
+}
+export interface CuraTabsTransparentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTabsTransparentElement;
+}
 export interface CuraToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraToastElement;
@@ -1594,6 +1697,74 @@ declare global {
         prototype: HTMLCuraSwitchElement;
         new (): HTMLCuraSwitchElement;
     };
+    interface HTMLCuraTabsElementEventMap {
+        "tabSelect": { name: string };
+    }
+    interface HTMLCuraTabsElement extends Components.CuraTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTabsElementEventMap>(type: K, listener: (this: HTMLCuraTabsElement, ev: CuraTabsCustomEvent<HTMLCuraTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraTabsElementEventMap>(type: K, listener: (this: HTMLCuraTabsElement, ev: CuraTabsCustomEvent<HTMLCuraTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraTabsElement: {
+        prototype: HTMLCuraTabsElement;
+        new (): HTMLCuraTabsElement;
+    };
+    interface HTMLCuraTabsButtonElementEventMap {
+        "tabSelect": { name: string };
+    }
+    interface HTMLCuraTabsButtonElement extends Components.CuraTabsButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTabsButtonElementEventMap>(type: K, listener: (this: HTMLCuraTabsButtonElement, ev: CuraTabsButtonCustomEvent<HTMLCuraTabsButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraTabsButtonElementEventMap>(type: K, listener: (this: HTMLCuraTabsButtonElement, ev: CuraTabsButtonCustomEvent<HTMLCuraTabsButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraTabsButtonElement: {
+        prototype: HTMLCuraTabsButtonElement;
+        new (): HTMLCuraTabsButtonElement;
+    };
+    interface HTMLCuraTabsGroupElementEventMap {
+        "tabChange": string;
+    }
+    interface HTMLCuraTabsGroupElement extends Components.CuraTabsGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTabsGroupElementEventMap>(type: K, listener: (this: HTMLCuraTabsGroupElement, ev: CuraTabsGroupCustomEvent<HTMLCuraTabsGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraTabsGroupElementEventMap>(type: K, listener: (this: HTMLCuraTabsGroupElement, ev: CuraTabsGroupCustomEvent<HTMLCuraTabsGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraTabsGroupElement: {
+        prototype: HTMLCuraTabsGroupElement;
+        new (): HTMLCuraTabsGroupElement;
+    };
+    interface HTMLCuraTabsTransparentElementEventMap {
+        "tabSelect": { name: string };
+    }
+    interface HTMLCuraTabsTransparentElement extends Components.CuraTabsTransparent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTabsTransparentElementEventMap>(type: K, listener: (this: HTMLCuraTabsTransparentElement, ev: CuraTabsTransparentCustomEvent<HTMLCuraTabsTransparentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraTabsTransparentElementEventMap>(type: K, listener: (this: HTMLCuraTabsTransparentElement, ev: CuraTabsTransparentCustomEvent<HTMLCuraTabsTransparentElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraTabsTransparentElement: {
+        prototype: HTMLCuraTabsTransparentElement;
+        new (): HTMLCuraTabsTransparentElement;
+    };
     interface HTMLCuraToastElementEventMap {
         "toastClosed": void;
     }
@@ -1667,6 +1838,10 @@ declare global {
         "cura-stepper": HTMLCuraStepperElement;
         "cura-stepper-item": HTMLCuraStepperItemElement;
         "cura-switch": HTMLCuraSwitchElement;
+        "cura-tabs": HTMLCuraTabsElement;
+        "cura-tabs-button": HTMLCuraTabsButtonElement;
+        "cura-tabs-group": HTMLCuraTabsGroupElement;
+        "cura-tabs-transparent": HTMLCuraTabsTransparentElement;
         "cura-toast": HTMLCuraToastElement;
         "cura-tooltip": HTMLCuraTooltipElement;
     }
@@ -1736,14 +1911,47 @@ declare namespace LocalJSX {
         "type"?: 'info' | 'success' | 'warning' | 'error';
     }
     interface CuraAvatar {
+        /**
+          * Background color of the avatar. Accepts any color from the theme.
+          * @default neutral-purewhite
+         */
         "backgroundColor"?: string;
+        /**
+          * Show border of the avatar.
+          * @default false
+         */
         "border"?: boolean;
+        /**
+          * Border color of the avatar. Accepts any color from the theme.
+         */
         "borderColor"?: string;
+        /**
+          * Border radius of the avatar.
+          * @default 50%
+         */
         "borderRadius"?: string;
+        /**
+          * Floating state of the avatar.
+          * @default false
+         */
         "floating"?: boolean;
+        /**
+          * Image source of the avatar. Accepts any image source. If not provided, the default image will be used.
+         */
         "imageSrc"?: string;
+        /**
+          * Default image source of the avatar. Some predefined images are available in the design system assets folder.
+         */
         "imageSrcDefault"?: string;
+        /**
+          * Size of the avatar. Values: 80, 40, 32, 24.
+          * @default 80
+         */
         "size"?: '80' | '40' | '32' | '24';
+        /**
+          * Type of the avatar.
+          * @default default
+         */
         "type"?: 'default' | 'branding';
     }
     interface CuraBadgeCounter {
@@ -2180,6 +2388,16 @@ declare namespace LocalJSX {
           * Specifies the tabindex of the checkbox.
          */
         "ontabindex"?: number;
+        /**
+          * Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowHelper"?: 'none' | 'single' | string;
+        /**
+          * Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowLabel"?: 'none' | 'single' | string;
         /**
           * Position of the label relative to the checkbox. Can be 'left' or 'right'.
          */
@@ -2196,10 +2414,6 @@ declare namespace LocalJSX {
           * Status of the checkbox. Can be 'error', 'success', or 'default'.
          */
         "status"?: 'error' | 'success' | 'default';
-        /**
-          * Apply text-overflow ellipsis definitions. Default to none
-         */
-        "textOverflow"?: 'none' | 'single' | string;
         /**
           * Value associated with the checkbox.
          */
@@ -2674,6 +2888,16 @@ declare namespace LocalJSX {
           * Specifies the tabindex of the radio button.
          */
         "ontabindex"?: number;
+        /**
+          * Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowHelper"?: 'none' | 'single' | string;
+        /**
+          * Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowLabel"?: 'none' | 'single' | string;
         /**
           * Position of the label relative to the radio button. Can be 'left' or 'right'.
          */
@@ -2690,10 +2914,6 @@ declare namespace LocalJSX {
           * Status of the radio button. Can be 'error', 'success', or 'default'.
          */
         "status"?: 'error' | 'success' | 'default';
-        /**
-          * Apply text-overflow ellipsis definitions. Default to none
-         */
-        "textOverflow"?: 'none' | 'single' | string;
         /**
           * Value associated with the radio button.
          */
@@ -2713,6 +2933,10 @@ declare namespace LocalJSX {
           * The label text for the select component. Reflects as an attribute in the DOM.
          */
         "label"?: string;
+        /**
+          * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 285px
+         */
+        "maxHeight"?: string;
         /**
           * Display mode of the select component. Can be 'default' or 'transparent'.
          */
@@ -2822,6 +3046,16 @@ declare namespace LocalJSX {
           * Tab index for the switch element. Reflects as an HTML attribute.
          */
         "ontabindex"?: number;
+        /**
+          * Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowHelper"?: 'none' | 'single' | string;
+        /**
+          * Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
+          * @default 'none'
+         */
+        "overflowLabel"?: 'none' | 'single' | string;
         /**
           * Position of the label relative to the switch. Can be 'left' or 'right'.
          */
@@ -2830,10 +3064,42 @@ declare namespace LocalJSX {
           * Size of the switch. Can be 'small', 'medium', or 'large'.
          */
         "size"?: 'small' | 'medium' | 'large';
-        /**
-          * Apply text-overflow ellipsis definitions. Default to none
-         */
-        "textOverflow"?: 'none' | 'single' | string;
+    }
+    interface CuraTabs {
+        "borderBottom"?: boolean;
+        "colorMode"?: 'dark' | 'light';
+        "disabled"?: boolean;
+        "iconName"?: string;
+        "name"?: string;
+        "onTabSelect"?: (event: CuraTabsCustomEvent<{ name: string }>) => void;
+        "selected"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+    }
+    interface CuraTabsButton {
+        "colorMode"?: 'dark' | 'light';
+        "counter"?: number;
+        "disabled"?: boolean;
+        "iconName"?: string;
+        "name"?: string;
+        "onTabSelect"?: (event: CuraTabsButtonCustomEvent<{ name: string }>) => void;
+        "selected"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+    }
+    interface CuraTabsGroup {
+        "borderBottom"?: boolean;
+        "colorMode"?: 'dark' | 'light';
+        "gap"?: number;
+        "onTabChange"?: (event: CuraTabsGroupCustomEvent<string>) => void;
+    }
+    interface CuraTabsTransparent {
+        "borderBottom"?: boolean;
+        "colorMode"?: 'dark' | 'light';
+        "disabled"?: boolean;
+        "iconName"?: string;
+        "name"?: string;
+        "onTabSelect"?: (event: CuraTabsTransparentCustomEvent<{ name: string }>) => void;
+        "selected"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
     }
     interface CuraToast {
         "autoCloseDelay"?: number;
@@ -2894,6 +3160,10 @@ declare namespace LocalJSX {
         "cura-stepper": CuraStepper;
         "cura-stepper-item": CuraStepperItem;
         "cura-switch": CuraSwitch;
+        "cura-tabs": CuraTabs;
+        "cura-tabs-button": CuraTabsButton;
+        "cura-tabs-group": CuraTabsGroup;
+        "cura-tabs-transparent": CuraTabsTransparent;
         "cura-toast": CuraToast;
         "cura-tooltip": CuraTooltip;
     }
@@ -2940,6 +3210,10 @@ declare module "@stencil/core" {
             "cura-stepper": LocalJSX.CuraStepper & JSXBase.HTMLAttributes<HTMLCuraStepperElement>;
             "cura-stepper-item": LocalJSX.CuraStepperItem & JSXBase.HTMLAttributes<HTMLCuraStepperItemElement>;
             "cura-switch": LocalJSX.CuraSwitch & JSXBase.HTMLAttributes<HTMLCuraSwitchElement>;
+            "cura-tabs": LocalJSX.CuraTabs & JSXBase.HTMLAttributes<HTMLCuraTabsElement>;
+            "cura-tabs-button": LocalJSX.CuraTabsButton & JSXBase.HTMLAttributes<HTMLCuraTabsButtonElement>;
+            "cura-tabs-group": LocalJSX.CuraTabsGroup & JSXBase.HTMLAttributes<HTMLCuraTabsGroupElement>;
+            "cura-tabs-transparent": LocalJSX.CuraTabsTransparent & JSXBase.HTMLAttributes<HTMLCuraTabsTransparentElement>;
             "cura-toast": LocalJSX.CuraToast & JSXBase.HTMLAttributes<HTMLCuraToastElement>;
             "cura-tooltip": LocalJSX.CuraTooltip & JSXBase.HTMLAttributes<HTMLCuraTooltipElement>;
         }