@riverty/web-components 6.0.0 → 6.2.0

package/dist/types/components.d.ts

@@ -9,12 +9,13 @@ import { AccordionSize } from "./components/accordion/exports";
 import { AlertStatus, AlertTarget } from "./components/alert/exports";
 import { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
 import { BadgeVariant } from "./components/badge/exports";
-import { ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
+import { ButtonAriaCurrent, ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
 import { DialogSize } from "./components/dialog/exports";
 import { HintVariant } from "./components/hint/exports";
 import { TooltipPosition } from "./components/tooltip/exports";
-import { InputAutocomplete, InputType } from "./components/input/exports";
-import { EnterKeyHint, InputMode } from "./components/input-code/exports";
+import { IllustrationName, IllustrationTheme } from "./components/illustration/exports";
+import { AutocapitalizeType, EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
+import { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
 import { PasswordAutocomplete } from "./components/input-password/exports";
 import { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
 import { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from "./components/pagination/exports";
@@ -25,18 +26,20 @@ import { Event } from "./stencil-public-runtime";
 import { RadioGroupVariant } from "./components/radio-group/exports";
 import { ListboxPosition } from "./components/select/exports";
 import { SkipLinkPosition } from "./components/skip-link/exports";
+import { ActiveTabBorder, TabListVariant } from "./components/tabs-list/exports";
 import { TextareaResize } from "./components/textarea/exports";
 import { ToastActionTarget, ToastDismissMode, ToastStatus } from "./components/toast/exports";
 export { AccordionSize } from "./components/accordion/exports";
 export { AlertStatus, AlertTarget } from "./components/alert/exports";
 export { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
 export { BadgeVariant } from "./components/badge/exports";
-export { ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
+export { ButtonAriaCurrent, ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
 export { DialogSize } from "./components/dialog/exports";
 export { HintVariant } from "./components/hint/exports";
 export { TooltipPosition } from "./components/tooltip/exports";
-export { InputAutocomplete, InputType } from "./components/input/exports";
-export { EnterKeyHint, InputMode } from "./components/input-code/exports";
+export { IllustrationName, IllustrationTheme } from "./components/illustration/exports";
+export { AutocapitalizeType, EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
+export { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
 export { PasswordAutocomplete } from "./components/input-password/exports";
 export { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
 export { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from "./components/pagination/exports";
@@ -47,6 +50,7 @@ export { Event } from "./stencil-public-runtime";
 export { RadioGroupVariant } from "./components/radio-group/exports";
 export { ListboxPosition } from "./components/select/exports";
 export { SkipLinkPosition } from "./components/skip-link/exports";
+export { ActiveTabBorder, TabListVariant } from "./components/tabs-list/exports";
 export { TextareaResize } from "./components/textarea/exports";
 export { ToastActionTarget, ToastDismissMode, ToastStatus } from "./components/toast/exports";
 export namespace Components {
@@ -244,6 +248,10 @@ export namespace Components {
           * @default 'start'
          */
         "iconPosition": IconPosition;
+        /**
+          * Indicates the current item within a set of related elements. Corresponds to [native `aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "rAriaCurrent"?: ButtonAriaCurrent;
         /**
           * Sets string value for `aria-label` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
          */
@@ -609,6 +617,10 @@ export namespace Components {
           * Name of the icon to display within the button.
          */
         "name": IconName;
+        /**
+          * Defines the tabindex of the button for keyboard navigation.
+         */
+        "rTabindex"?: number;
         /**
           * Remove focus from the button
          */
@@ -641,7 +653,58 @@ export namespace Components {
          */
         "variant": 'standard' | 'contained';
     }
+    interface RIllustration {
+        /**
+          * Accessibility: title for the image representing "failed-to-load" state
+          * @default 'Failed to load illustration'
+         */
+        "emptyImageTitle"?: string;
+        /**
+          * Accessibility: title for the marker representing "failed-to-load" state
+          * @default 'Failed to load illustration marker'
+         */
+        "emptyMarkerTitle"?: string;
+        /**
+          * Error message text to display when illustration fails to load
+          * @default 'Failed to load illustration'
+         */
+        "errorMessage"?: string;
+        /**
+          * Maximum width constraint for responsive behavior
+         */
+        "maxWidth"?: string;
+        /**
+          * Minimum width constraint for responsive behavior
+         */
+        "minWidth"?: string;
+        /**
+          * Name of illustration to select from the set
+         */
+        "name"?: IllustrationName;
+        /**
+          * Optional description element to be added inside the SVG for accessibility
+         */
+        "svgDescription"?: string;
+        /**
+          * Optional title element to be added inside the SVG for accessibility
+         */
+        "svgTitle"?: string;
+        /**
+          * Theme mode for illustration rendering
+          * @default 'auto'
+         */
+        "theme": IllustrationTheme;
+        /**
+          * Defines initial width of an illustration.
+          * @default '342px'
+         */
+        "width"?: string;
+    }
     interface RInput {
+        /**
+          * Controls automatic capitalization of text input on mobile devices. - `off` or `none`: No automatic capitalization - `on` or `sentences`: Capitalize first letter of each sentence (default for most text inputs) - `words`: Capitalize first letter of each word - `characters`: Capitalize all characters
+         */
+        "autocapitalize"?: AutocapitalizeType;
         /**
           * Native `autocomplete` hint for browsers / password managers.
          */
@@ -667,6 +730,10 @@ export namespace Components {
           * Disables the field (non-interactive, excluded from form submission).
          */
         "disabled"?: boolean;
+        /**
+          * Hint for the action label/icon on the virtual keyboard's enter key. Use cases: - `enter`: Default, generic newline/submit action - `done`: Finishes current input session (e.g., last field in a form) - `go`: Navigates to URL input target (e.g., URL bar) - `next`: Advances to next input field in a sequence - `previous`: Goes back to previous input field - `search`: Submits a search query - `send`: Sends a message (e.g., chat, email)
+         */
+        "enterkeyhint"?: EnterKeyHint;
         /**
           * Manual error message independent of native validation messages. When set, native validation messages are suppressed.
          */
@@ -699,6 +766,10 @@ export namespace Components {
           * Optional contextual help text displayed beneath the field.
          */
         "hint"?: string;
+        /**
+          * Hint to the browser about which keyboard to display on mobile devices.
+         */
+        "inputmode"?: InputMode;
         /**
           * When true, hides visual label & messages (for internal layout use; accessibility still preserved).
          */
@@ -802,6 +873,10 @@ export namespace Components {
           * Set the current value programmatically (does not fire native input/change automatically).
          */
         "setValue": (value: string) => Promise<void>;
+        /**
+          * Controls browser spell-checking for text input. When true, enables spell-checking; when false, disables it. Browser default behavior applies when not specified.
+         */
+        "spellcheck"?: boolean;
         /**
           * Step interval for numeric/date input types.
          */
@@ -873,7 +948,7 @@ export namespace Components {
           * Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
           * @default : 'done'
          */
-        "enterkeyhint"?: EnterKeyHint;
+        "enterkeyhint"?: InputCodeEnterKeyHint;
         /**
           * The way to provide error message separately from Constraint Validation API.
          */
@@ -915,7 +990,7 @@ export namespace Components {
           * Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
           * @default : 'numeric'
          */
-        "inputmode"?: InputMode;
+        "inputmode"?: InputCodeInputMode;
         /**
           * Validity indicator, serving to change UI of the component
          */
@@ -1387,6 +1462,10 @@ export namespace Components {
         "fieldIndicator"?: string;
     }
     interface RListItem {
+        /**
+          * Indicates whether the list item is currently active (e.g., represents the current page).
+         */
+        "active"?: boolean;
         /**
           * Defines the alignment style for the trailing text.
          */
@@ -1460,21 +1539,41 @@ export namespace Components {
           * @default true
          */
         "arrows": boolean;
+        /**
+          * Label for Ellipsis stepper. Important to ensure accessibility for screen reader users.
+          * @default 'Ellipsis indicating skipped pages'
+         */
+        "ellipsisLabel": string;
         /**
           * Text to display after total results
           * @default 'results'
          */
         "endText": string;
+        /**
+          * Label for First Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the first page'
+         */
+        "firstPageButtonLabel": string;
         /**
           * Amount of items to show per page
           * @default 5
          */
         "itemsPerPage": number;
+        /**
+          * Label for Items per page select.
+          * @default 'Items per page'
+         */
+        "itemsPerPageLabel": string;
         /**
           * Items per page options for dropdown
           * @default [5, 10, 15, 20, 25, 50, 100]
          */
         "itemsPerPageOptions": PaginationItemsPerPageOptions[];
+        /**
+          * Label for Last Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the last page'
+         */
+        "lastPageButtonLabel": string;
         /**
           * Position of the list box
           * @default 'top'
@@ -1485,11 +1584,26 @@ export namespace Components {
           * @default 'of'
          */
         "middleText": string;
+        /**
+          * Label for Next Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the next page'
+         */
+        "nextPageButtonLabel": string;
         /**
           * Current page number
           * @default 1
          */
         "pageActive": number;
+        /**
+          * Label for Page number buttons. Important to ensure accessibility for screen reader users.
+          * @default 'Page'
+         */
+        "pageLabel": string;
+        /**
+          * Label for Previous Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the previous page'
+         */
+        "previousPageButtonLabel": string;
         /**
           * UI: Result Line and select field present/absent
           * @default false
@@ -1551,12 +1665,12 @@ export namespace Components {
         "header"?: string;
         /**
           * Aria-label text for collapse
-          * @default 'collapse-panel'
+          * @default 'Collapse panel'
          */
         "labelCollapse": string;
         /**
           * Aria-label text for expand
-          * @default 'expand-panel'
+          * @default 'Expand panel'
          */
         "labelExpand": string;
         /**
@@ -1838,6 +1952,10 @@ export namespace Components {
           * Specifies if element must be ignored during validation of the form elements
          */
         "novalidate"?: boolean;
+        /**
+          * For nested radio groups: specifies the parent radio button value that this nested group belongs to. When the parent group's value changes to a different value, this nested group will be automatically reset. This ensures nested selections are only maintained when their parent context is active.
+         */
+        "parentValue"?: string;
         /**
           * Validates the radio group and displays the validity state.
          */
@@ -2156,6 +2274,15 @@ export namespace Components {
           * @default 0
          */
         "completed": number;
+        /**
+          * Label for completed steps for screen reader users.
+          * @default 'Completed'
+         */
+        "completedStepsLabel"?: string;
+        /**
+          * Label for the stepper for screen reader users.
+         */
+        "label"?: string;
         /**
           * Total number of steps. Used when no slot-based steps provided.
          */
@@ -2176,6 +2303,10 @@ export namespace Components {
           * Defines an icon for the step. Optional.
          */
         "icon"?: IconName;
+        /**
+          * Label for the step icon for screen reader users.
+         */
+        "label"?: string;
         /**
           * Defines the step number. Optional.
          */
@@ -2219,6 +2350,25 @@ export namespace Components {
         "navigation"?: boolean;
     }
     interface RTabsList {
+        /**
+          * Border style of the active tab
+          * @default 'standard'
+         */
+        "border": ActiveTabBorder;
+        /**
+          * Tooltip visibility for left scroll button
+         */
+        "scrollLeftTooltip": string;
+        /**
+          * Tooltip visibility for left right button
+         */
+        "scrollRightTooltip": string;
+        /**
+          * Visual variant of the tab list
+          * @defaulr 'expanded'
+          * @default 'expanded'
+         */
+        "variant": TabListVariant;
     }
     interface RTextarea {
         /**
@@ -2408,7 +2558,7 @@ export namespace Components {
         /**
           * Hides toast, keeps it in dom.
          */
-        "hide": () => Promise<void>;
+        "hide": () => Promise<this>;
         /**
           * Specifies the URL for the call-to-action link.
          */
@@ -2422,6 +2572,10 @@ export namespace Components {
           * @default true
          */
         "leadingIconVisible": boolean;
+        /**
+          * Measures the natural height of toast and prepares it for reveal animation. This should be called on newly added toasts before they are revealed.
+         */
+        "measureAndPrepareHeight": () => Promise<void>;
         /**
           * Controls if toast is initially shown.
           * @default true
@@ -2430,7 +2584,7 @@ export namespace Components {
         /**
           * Reveals the toast notification by setting it to a visible state.  If the auto-dismiss delay is enabled, it will start the timer to  automatically dismiss the toast after the specified duration.
          */
-        "reveal": () => Promise<void>;
+        "reveal": () => Promise<this>;
         /**
           * Defines the appearance of the dialog based on the message type. Options are: "info", "success", "warning", or "error".
           * @default 'info'
@@ -2444,7 +2598,7 @@ export namespace Components {
         /**
           * Toggles visibility of the toast.
          */
-        "toggle": () => Promise<void>;
+        "toggle": () => Promise<this>;
         /**
           * Specifies an optional icon for the trailing slot of the dialog.
           * @default 'cross'
@@ -2498,6 +2652,10 @@ export interface RIconButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRIconButtonElement;
 }
+export interface RIllustrationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRIllustrationElement;
+}
 export interface RInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRInputElement;
@@ -2809,6 +2967,24 @@ declare global {
         prototype: HTMLRIconButtonElement;
         new (): HTMLRIconButtonElement;
     };
+    interface HTMLRIllustrationElementEventMap {
+        "rFailed": void;
+        "rComplete": void;
+    }
+    interface HTMLRIllustrationElement extends Components.RIllustration, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRIllustrationElementEventMap>(type: K, listener: (this: HTMLRIllustrationElement, ev: RIllustrationCustomEvent<HTMLRIllustrationElementEventMap[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 HTMLRIllustrationElementEventMap>(type: K, listener: (this: HTMLRIllustrationElement, ev: RIllustrationCustomEvent<HTMLRIllustrationElementEventMap[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 HTMLRIllustrationElement: {
+        prototype: HTMLRIllustrationElement;
+        new (): HTMLRIllustrationElement;
+    };
     interface HTMLRInputElementEventMap {
         "rValidate": {
     state: string,
@@ -2853,6 +3029,7 @@ declare global {
     element: HTMLRInputCodeElement,
     value: any
   };
+        "rComplete": { value: string, isComplete: boolean };
     }
     interface HTMLRInputCodeElement extends Components.RInputCode, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRInputCodeElementEventMap>(type: K, listener: (this: HTMLRInputCodeElement, ev: RInputCodeCustomEvent<HTMLRInputCodeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3375,6 +3552,7 @@ declare global {
         "dismiss": any;
         "reveal": any;
         "hide": any;
+        "dismissed": any;
     }
     interface HTMLRToastElement extends Components.RToast, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRToastElementEventMap>(type: K, listener: (this: HTMLRToastElement, ev: RToastCustomEvent<HTMLRToastElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3430,6 +3608,7 @@ declare global {
         "r-hint": HTMLRHintElement;
         "r-icon": HTMLRIconElement;
         "r-icon-button": HTMLRIconButtonElement;
+        "r-illustration": HTMLRIllustrationElement;
         "r-input": HTMLRInputElement;
         "r-input-code": HTMLRInputCodeElement;
         "r-input-date": HTMLRInputDateElement;
@@ -3692,6 +3871,10 @@ declare namespace LocalJSX {
           * Emits `rClick` event on click and keyup
          */
         "onRClick"?: (event: RButtonCustomEvent<any>) => void;
+        /**
+          * Indicates the current item within a set of related elements. Corresponds to [native `aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "rAriaCurrent"?: ButtonAriaCurrent;
         /**
           * Sets string value for `aria-label` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
          */
@@ -4016,6 +4199,10 @@ declare namespace LocalJSX {
           * Emits `rClick` event on click.
          */
         "onRClick"?: (event: RIconButtonCustomEvent<any>) => void;
+        /**
+          * Defines the tabindex of the button for keyboard navigation.
+         */
+        "rTabindex"?: number;
         /**
           * Defines the size of the icon used within the button.
           * @default 'm'
@@ -4036,7 +4223,66 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'contained';
     }
+    interface RIllustration {
+        /**
+          * Accessibility: title for the image representing "failed-to-load" state
+          * @default 'Failed to load illustration'
+         */
+        "emptyImageTitle"?: string;
+        /**
+          * Accessibility: title for the marker representing "failed-to-load" state
+          * @default 'Failed to load illustration marker'
+         */
+        "emptyMarkerTitle"?: string;
+        /**
+          * Error message text to display when illustration fails to load
+          * @default 'Failed to load illustration'
+         */
+        "errorMessage"?: string;
+        /**
+          * Maximum width constraint for responsive behavior
+         */
+        "maxWidth"?: string;
+        /**
+          * Minimum width constraint for responsive behavior
+         */
+        "minWidth"?: string;
+        /**
+          * Name of illustration to select from the set
+         */
+        "name"?: IllustrationName;
+        /**
+          * Emitted when illustration completes loading
+         */
+        "onRComplete"?: (event: RIllustrationCustomEvent<void>) => void;
+        /**
+          * Emitted when illustration fails to load
+         */
+        "onRFailed"?: (event: RIllustrationCustomEvent<void>) => void;
+        /**
+          * Optional description element to be added inside the SVG for accessibility
+         */
+        "svgDescription"?: string;
+        /**
+          * Optional title element to be added inside the SVG for accessibility
+         */
+        "svgTitle"?: string;
+        /**
+          * Theme mode for illustration rendering
+          * @default 'auto'
+         */
+        "theme"?: IllustrationTheme;
+        /**
+          * Defines initial width of an illustration.
+          * @default '342px'
+         */
+        "width"?: string;
+    }
     interface RInput {
+        /**
+          * Controls automatic capitalization of text input on mobile devices. - `off` or `none`: No automatic capitalization - `on` or `sentences`: Capitalize first letter of each sentence (default for most text inputs) - `words`: Capitalize first letter of each word - `characters`: Capitalize all characters
+         */
+        "autocapitalize"?: AutocapitalizeType;
         /**
           * Native `autocomplete` hint for browsers / password managers.
          */
@@ -4057,6 +4303,10 @@ declare namespace LocalJSX {
           * Disables the field (non-interactive, excluded from form submission).
          */
         "disabled"?: boolean;
+        /**
+          * Hint for the action label/icon on the virtual keyboard's enter key. Use cases: - `enter`: Default, generic newline/submit action - `done`: Finishes current input session (e.g., last field in a form) - `go`: Navigates to URL input target (e.g., URL bar) - `next`: Advances to next input field in a sequence - `previous`: Goes back to previous input field - `search`: Submits a search query - `send`: Sends a message (e.g., chat, email)
+         */
+        "enterkeyhint"?: EnterKeyHint;
         /**
           * Manual error message independent of native validation messages. When set, native validation messages are suppressed.
          */
@@ -4077,6 +4327,10 @@ declare namespace LocalJSX {
           * Optional contextual help text displayed beneath the field.
          */
         "hint"?: string;
+        /**
+          * Hint to the browser about which keyboard to display on mobile devices.
+         */
+        "inputmode"?: InputMode;
         /**
           * When true, hides visual label & messages (for internal layout use; accessibility still preserved).
          */
@@ -4181,6 +4435,10 @@ declare namespace LocalJSX {
           * Marks the field as required; failing to provide a value triggers `valueMissing`.
          */
         "required"?: boolean;
+        /**
+          * Controls browser spell-checking for text input. When true, enables spell-checking; when false, disables it. Browser default behavior applies when not specified.
+         */
+        "spellcheck"?: boolean;
         /**
           * Step interval for numeric/date input types.
          */
@@ -4247,7 +4505,7 @@ declare namespace LocalJSX {
           * Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
           * @default : 'done'
          */
-        "enterkeyhint"?: EnterKeyHint;
+        "enterkeyhint"?: InputCodeEnterKeyHint;
         /**
           * The way to provide error message separately from Constraint Validation API.
          */
@@ -4272,7 +4530,7 @@ declare namespace LocalJSX {
           * Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
           * @default : 'numeric'
          */
-        "inputmode"?: InputMode;
+        "inputmode"?: InputCodeInputMode;
         /**
           * Validity indicator, serving to change UI of the component
          */
@@ -4300,6 +4558,10 @@ declare namespace LocalJSX {
           * Emits the current code value as it changes
          */
         "onRChange"?: (event: RInputCodeCustomEvent<{ value: string }>) => void;
+        /**
+          * Emits when all segments are filled with values
+         */
+        "onRComplete"?: (event: RInputCodeCustomEvent<{ value: string, isComplete: boolean }>) => void;
         /**
           * Emits 'rReset' event when form containing the component was reset
          */
@@ -4754,6 +5016,10 @@ declare namespace LocalJSX {
         "fieldIndicator"?: string;
     }
     interface RListItem {
+        /**
+          * Indicates whether the list item is currently active (e.g., represents the current page).
+         */
+        "active"?: boolean;
         /**
           * Defines the alignment style for the trailing text.
          */
@@ -4823,21 +5089,41 @@ declare namespace LocalJSX {
           * @default true
          */
         "arrows"?: boolean;
+        /**
+          * Label for Ellipsis stepper. Important to ensure accessibility for screen reader users.
+          * @default 'Ellipsis indicating skipped pages'
+         */
+        "ellipsisLabel"?: string;
         /**
           * Text to display after total results
           * @default 'results'
          */
         "endText"?: string;
+        /**
+          * Label for First Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the first page'
+         */
+        "firstPageButtonLabel"?: string;
         /**
           * Amount of items to show per page
           * @default 5
          */
         "itemsPerPage"?: number;
+        /**
+          * Label for Items per page select.
+          * @default 'Items per page'
+         */
+        "itemsPerPageLabel"?: string;
         /**
           * Items per page options for dropdown
           * @default [5, 10, 15, 20, 25, 50, 100]
          */
         "itemsPerPageOptions"?: PaginationItemsPerPageOptions[];
+        /**
+          * Label for Last Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the last page'
+         */
+        "lastPageButtonLabel"?: string;
         /**
           * Position of the list box
           * @default 'top'
@@ -4848,6 +5134,11 @@ declare namespace LocalJSX {
           * @default 'of'
          */
         "middleText"?: string;
+        /**
+          * Label for Next Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the next page'
+         */
+        "nextPageButtonLabel"?: string;
         /**
           * Signifies that one of the pagination arrow buttons was cliked.  Pagination state and `direction` are passed as part of event `detail` property.
           * @example const myPaginationEl = document.querySelector('r-pagination'); myPaginationEl.addEventListener('rArrowClick', (event) => {   console.log(`Page ${event.detail} was selected`) });
@@ -4889,6 +5180,16 @@ declare namespace LocalJSX {
           * @default 1
          */
         "pageActive"?: number;
+        /**
+          * Label for Page number buttons. Important to ensure accessibility for screen reader users.
+          * @default 'Page'
+         */
+        "pageLabel"?: string;
+        /**
+          * Label for Previous Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the previous page'
+         */
+        "previousPageButtonLabel"?: string;
         /**
           * UI: Result Line and select field present/absent
           * @default false
@@ -4942,12 +5243,12 @@ declare namespace LocalJSX {
         "header"?: string;
         /**
           * Aria-label text for collapse
-          * @default 'collapse-panel'
+          * @default 'Collapse panel'
          */
         "labelCollapse"?: string;
         /**
           * Aria-label text for expand
-          * @default 'expand-panel'
+          * @default 'Expand panel'
          */
         "labelExpand"?: string;
         /**
@@ -5222,6 +5523,10 @@ declare namespace LocalJSX {
     state: string,
     message: string
   }>) => void;
+        /**
+          * For nested radio groups: specifies the parent radio button value that this nested group belongs to. When the parent group's value changes to a different value, this nested group will be automatically reset. This ensures nested selections are only maintained when their parent context is active.
+         */
+        "parentValue"?: string;
         /**
           * Specifies if radio-button within group must be checked
          */
@@ -5442,6 +5747,15 @@ declare namespace LocalJSX {
           * @default 0
          */
         "completed"?: number;
+        /**
+          * Label for completed steps for screen reader users.
+          * @default 'Completed'
+         */
+        "completedStepsLabel"?: string;
+        /**
+          * Label for the stepper for screen reader users.
+         */
+        "label"?: string;
         /**
           * Total number of steps. Used when no slot-based steps provided.
          */
@@ -5462,6 +5776,10 @@ declare namespace LocalJSX {
           * Defines an icon for the step. Optional.
          */
         "icon"?: IconName;
+        /**
+          * Label for the step icon for screen reader users.
+         */
+        "label"?: string;
         /**
           * Defines the step number. Optional.
          */
@@ -5524,6 +5842,25 @@ declare namespace LocalJSX {
   }>) => void;
     }
     interface RTabsList {
+        /**
+          * Border style of the active tab
+          * @default 'standard'
+         */
+        "border"?: ActiveTabBorder;
+        /**
+          * Tooltip visibility for left scroll button
+         */
+        "scrollLeftTooltip"?: string;
+        /**
+          * Tooltip visibility for left right button
+         */
+        "scrollRightTooltip"?: string;
+        /**
+          * Visual variant of the tab list
+          * @defaulr 'expanded'
+          * @default 'expanded'
+         */
+        "variant"?: TabListVariant;
     }
     interface RTextarea {
         /**
@@ -5710,6 +6047,10 @@ declare namespace LocalJSX {
           * Emitted when the toast is dismissed and scheduled for removal from the DOM. Fired by dismiss(), by the auto-dismiss timer (delay), and by the trailing dismiss button. Use this to react to permanent removal (contrast with toastHide which only hides without removal).
          */
         "onDismiss"?: (event: RToastCustomEvent<any>) => void;
+        /**
+          * Emitted when the dismiss toast animation is complete and the element has fully disappeared from the view. Fired by dismiss(), by the auto-dismiss timer (delay), by changing open property, and by the trailing dismiss button.
+         */
+        "onDismissed"?: (event: RToastCustomEvent<any>) => void;
         /**
           * Emitted when the toast transitions to a hidden state but remains in the DOM. Fired by hide(), by toggle() when resulting state is hidden, and when the 'open' prop changes causing the toast to hide. Not emitted on dismiss() (which removes the element) — use 'toastDismiss' for that case.
          */
@@ -5778,6 +6119,7 @@ declare namespace LocalJSX {
         "r-hint": RHint;
         "r-icon": RIcon;
         "r-icon-button": RIconButton;
+        "r-illustration": RIllustration;
         "r-input": RInput;
         "r-input-code": RInputCode;
         "r-input-date": RInputDate;
@@ -5870,6 +6212,7 @@ declare module "@stencil/core" {
              * An icon button is a button that contains only an icon and is used to trigger an action.
              */
             "r-icon-button": LocalJSX.RIconButton & JSXBase.HTMLAttributes<HTMLRIconButtonElement>;
+            "r-illustration": LocalJSX.RIllustration & JSXBase.HTMLAttributes<HTMLRIllustrationElement>;
             "r-input": LocalJSX.RInput & JSXBase.HTMLAttributes<HTMLRInputElement>;
             "r-input-code": LocalJSX.RInputCode & JSXBase.HTMLAttributes<HTMLRInputCodeElement>;
             "r-input-date": LocalJSX.RInputDate & JSXBase.HTMLAttributes<HTMLRInputDateElement>;