/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { AccordionSize } from "./components/accordion/exports";
import { AlertDismissMode, AlertStatus, AlertTarget } from "./components/alert/exports";
import { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
import { BadgeVariant } from "./components/badge/exports";
import { ButtonAriaCurrent, ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
import { DialogSize } from "./components/dialog/exports";
import { FloatPlacementX, FloatPlacementY } from "./components/float/exports";
import { HintVariant } from "./components/hint/exports";
import { TooltipPosition } from "./components/tooltip/exports";
import { IllustrationName, IllustrationTheme } from "./components/illustration/exports";
import { ImageObjectFit, ImageSize } from "./components/image/exports";
import { AutocapitalizeType, EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
import { Event } from "./stencil-public-runtime";
import { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
import { PasswordAutocomplete } from "./components/input-password/exports";
import { ListItemCheckboxPosition, ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
import { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from "./components/pagination/exports";
import { PanelVariant } from "./components/panel/exports";
import { PopoverDismissMode, PopoverHorizontal, PopoverVertical } from "./components/popover/exports";
import { PopoverTriggerAction } from "./components/popover-trigger/exports";
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 { AlertDismissMode, AlertStatus, AlertTarget } from "./components/alert/exports";
export { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
export { BadgeVariant } from "./components/badge/exports";
export { ButtonAriaCurrent, ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
export { DialogSize } from "./components/dialog/exports";
export { FloatPlacementX, FloatPlacementY } from "./components/float/exports";
export { HintVariant } from "./components/hint/exports";
export { TooltipPosition } from "./components/tooltip/exports";
export { IllustrationName, IllustrationTheme } from "./components/illustration/exports";
export { ImageObjectFit, ImageSize } from "./components/image/exports";
export { AutocapitalizeType, EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
export { Event } from "./stencil-public-runtime";
export { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
export { PasswordAutocomplete } from "./components/input-password/exports";
export { ListItemCheckboxPosition, ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
export { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from "./components/pagination/exports";
export { PanelVariant } from "./components/panel/exports";
export { PopoverDismissMode, PopoverHorizontal, PopoverVertical } from "./components/popover/exports";
export { PopoverTriggerAction } from "./components/popover-trigger/exports";
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 {
    /**
     * An accordion represents a list of expandable/collapsable content sections with corresponding headers.
     * By default, only one section can be expanded, which can be changed by setting the `multiple` attribute. Use accordions when a limited, additional amount of information needs to be shown within a page, or if there is a small space to show content.
     * Each content section must be wrapped in a `<r-accordion-item>` elements.
     * Example:
     * ```
     * <r-accordion>
     *   <r-accordion-item header="Economic health">
     *    <p>Economic health is a concept that …</p>
     *   </r-accordion-item>
     * </r-accordion>
     * ```
     */
    interface RAccordion {
        /**
          * Whether to allow multiple accordion items to be expanded at once
         */
        "multiple"?: boolean;
        /**
          * Defines the size of an accordion UI.
          * @default 'l'
         */
        "size": AccordionSize;
    }
    interface RAccordionPanel {
        /**
          * Indication of the panel disabled state.
         */
        "disabled"?: boolean;
        /**
          * Indication of the panel expanded state.
         */
        "expanded"?: boolean;
        /**
          * Id of the trigger that controls this panel.
         */
        "trigger"?: string;
    }
    interface RAccordionSection {
        /**
          * Indicates if `<r-accordion-section>` is disabled
         */
        "disabled"?: boolean;
        /**
          * Indicates if `<r-accordion-expanded>` is expanded
         */
        "expanded"?: boolean;
        /**
          * Defines heading level for accordion header
          * @default 2
         */
        "headingAriaLevel": number;
    }
    interface RAccordionTrigger {
        /**
          * Controls disabled state
         */
        "disabled"?: boolean;
        /**
          * Indication of the controlled panel revelation.
         */
        "expanded"?: boolean;
        /**
          * Id of the panel this trigger controls.
         */
        "panel": string;
        /**
          * Controls if expanded and collapsed icons are not the same
         */
        "splitted"?: boolean;
    }
    interface RAlert {
        /**
          * Sets role="alert" and will be announced to screen reader users
          * @default true
         */
        "announced": boolean;
        /**
          * Defines content text of the alert
         */
        "content"?: string;
        /**
          * @deprecated Use `delayMs` instead. This property uses seconds and will be removed in a future version. Provide an amount of seconds before alert collapses when `dismissMode="auto"`.
         */
        "delay"?: number;
        /**
          * Defines amount of time im miliseconds before alert is removed from DOM.
          * @default 500
         */
        "delayBeforeRemoval": number;
        /**
          * Defines the amount of time in milliseconds before the alert is automatically dismissed. Only applies when `dismissMode="auto"`. If both `delay` and `delayMs` are set, `delayMs` takes precedence.
          * @default undefined
         */
        "delayMs"?: number;
        /**
          * Dismisses the alert and removes it from the DOM after the transition.
         */
        "dismiss": () => Promise<void>;
        /**
          * Text content for an alert dismiss button
          * @default 'Dismiss alert'
         */
        "dismissButtonAriaLabel": string;
        /**
          * Defines the behavior of the component's dismissing. - `auto`: The component will be dismissed automatically after the time specified by `delayMs` (or deprecated `delay` in seconds). - `manual`: The component requires explicit user action to close.
          * @default "manual"
         */
        "dismissMode": AlertDismissMode;
        /**
          * Defines headline text of the alert
         */
        "headline"?: string;
        /**
          * Method to hide the alert if it was visible, keeps it in DOM
         */
        "hide": () => Promise<this>;
        /**
          * Defines href of the alert link
         */
        "href"?: string;
        /**
          * Defines an icon to be presented in leading slot
         */
        "leadingIcon"?: IconName;
        /**
          * Defines an icon size to be presented in leading slot
          * @default 'm'
         */
        "leadingIconSize": IconSize;
        /**
          * Defines an icon source to be presented in leading slot
         */
        "leadingIconSrc"?: string;
        /**
          * Defines whether the leading icon is visible.
          * @default true
         */
        "leadingIconVisible": boolean;
        /**
          * Defines link label text of the alert
         */
        "linkText"?: string;
        /**
          * Controls alert visibility
          * @default true
         */
        "open": boolean;
        /**
          * Method to show the alert if it was hidden
         */
        "show": () => Promise<this>;
        /**
          * Alert status controls apperance according to the status
          * @default 'info'
         */
        "status": AlertStatus;
        /**
          * Defines the target for the linked URL when `href` is provided. Options: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
          * @default '_self'
         */
        "target": AlertTarget;
        /**
          * Toggles visibility of the alert.
         */
        "toggle": () => Promise<this>;
        /**
          * Defines an icon to be presented in trailing slot
          * @default 'cross'
         */
        "trailingIcon"?: IconName;
        /**
          * Defines an icon size to be presented in trailing slot
          * @default 'm'
         */
        "trailingIconSize": IconSize;
        /**
          * Defines an icon source to be presented in trailing slot
         */
        "trailingIconSrc"?: string;
    }
    /**
     * Informational element used to indicate the status of an object or action.
     */
    interface RBadge {
        /**
          * Defines an accessible name for the icon
         */
        "iconAriaLabel"?: string;
        /**
          * Defines if badge icon should be visible
          * @default false
         */
        "iconVisible"?: boolean;
        /**
          * Variant defines how the component will be presented in UI, optional.
          * @default "information"
         */
        "variant"?: BadgeVariant;
    }
    /**
     * A button can be used by a user to trigger an action. Corresponds to, and is rendered as a,
     * [native button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button).
     */
    interface RButton {
        /**
          * Prevents user interaction and applies disabled style
         */
        "disabled"?: boolean;
        /**
          * Whether to present as a full-width (100%) button.  Only primary and secondary buttons can be expanded.
         */
        "expanded"?: boolean;
        /**
          * Reference form element id with which the button is associated.
         */
        "form"?: string;
        /**
          * URL or a URL fragment that the hyperlink points to. If the property is set, an anchor tag will be rendered.
         */
        "href"?: string;
        /**
          * Name of an icon to display within button.
         */
        "icon"?: IconName;
        /**
          * Position of an icon within button. Only use it when 'icon' is specified.
          * @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-description` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-description)
         */
        "rAriaDescription"?: string;
        /**
          * Sets string value for `aria-label` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
         */
        "rAriaLabel": string;
        /**
          * Remove focus from the button
         */
        "setBlur": () => Promise<void>;
        /**
          * Set focus on the button
         */
        "setFocus": () => Promise<void>;
        /**
          * Visual size
          * @default 'large'
         */
        "size": ButtonSize;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
         */
        "target"?: ButtonTarget;
        /**
          * Simulate a button click
         */
        "triggerClick": () => Promise<void>;
        /**
          * Button behavior, corresponding to [native `type` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
          * @default 'button'
         */
        "type": ButtonType;
        /**
          * Presentational style
          * @default 'primary'
         */
        "variant": ButtonVariant;
    }
    /**
     * Checkboxes allow users to select none, one, or multiple items from a list.
     * Overall behavior is based on native `<input type="checkbox">`
     */
    interface RCheckbox {
        /**
          * Automatically focus the checkbox when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior.
          * @default false
         */
        "autofocus"?: boolean;
        /**
          * Checks the checkbox element.
         */
        "check": () => Promise<void>;
        /**
          * Validates the checkbox without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the checkbox is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Pass initial checked state
         */
        "checked"?: boolean;
        /**
          * Sets the indeterminate state of the checkbox element.
         */
        "clearIndeterminate": () => Promise<void>;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Prevent user interaction and apply disabled style
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Asynchronously retrieves the validity state of the checkbox.  This method updates the internal validity state and message by calling `getValidityStateData` with the native element, and then returns an object containing the current validity state and message.
          * @returns A promise that resolves to an object containing the validity state and message. The object has two properties: - `state`: A string representing the validity state. - `message`: A string containing the validity message.
         */
        "getValidityState": () => Promise<{ state: string; message: string; }>;
        /**
          * Visually present checkbox in indeterminate state (neither checked nor unchecked)
         */
        "indeterminate"?: boolean;
        /**
          * Indicate that validation has failed
         */
        "invalid"?: boolean;
        /**
          * Name of element (data) within a form
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Specifies if checkbox must be checked
         */
        "required"?: boolean;
        /**
          * Removes focus from the checkbox element.
         */
        "setBlur": () => Promise<void>;
        /**
          * Validates an element, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Sets focus on the checkbox element.
         */
        "setFocus": () => Promise<void>;
        /**
          * Sets the indeterminate state of the checkbox element.
         */
        "setIndeterminate": () => Promise<void>;
        /**
          * Toggles the checked state of the checkbox element.
         */
        "toggleChecked": () => Promise<void>;
        /**
          * Unchecks the checkbox element.
         */
        "uncheck": () => Promise<void>;
        /**
          * Indicate that validation is successful
         */
        "valid"?: boolean;
        /**
          * Value of element data within a form
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    interface RCheckboxGroup {
        /**
          * Checks all checkboxes in the slot.
         */
        "checkAll": () => Promise<this>;
        /**
          * Validates the checkbox group without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the checkbox is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Specifies if select-all checkbox is initially in checked state
         */
        "checked"?: boolean;
        /**
          * Set custom message for `customError` property of a ValidityState object  indicating whether the element's custom validity message has been set to a non-empty  string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * An optional field indicator for the label.
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs.
         */
        "form"?: string;
        /**
          * Help text for the checkbox group.
         */
        "help"?: string;
        /**
          * An optional icon to display in the help text.
         */
        "helpIcon"?: IconName;
        /**
          * The color of the help icon.
         */
        "helpIconColor"?: string;
        /**
          * A hint providing additional information for the checkbox group.
         */
        "hint"?: string;
        /**
          * Specifies if select-all checkbox is initially in indeterminate state
         */
        "indeterminate"?: boolean;
        /**
          * @deprecated – use `indeterminate` instead; will be removed during next major release.  Specifies if select-all checkbox is initially in indetermitate state
         */
        "indetermitate"?: boolean;
        /**
          * Apply validation error visual style
         */
        "invalid"?: boolean;
        /**
          * The label for the checkbox group.
         */
        "label": string;
        /**
          * Specifies `name` property of the 'select-all' checkbox, representing the group as a whole.
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Specifies whether the `value` is required.
          * @default false
         */
        "required"?: boolean;
        /**
          * Resets the validity state and message of the radio group. This method clears the validity message and state, and sets the invalid property to its initial value.
         */
        "resetValidity": () => Promise<void>;
        /**
          * Validates the checkbox group, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Whether to show a "Select All" checkbox.
         */
        "showSelectAll"?: boolean;
        /**
          * Unchecks all checkboxes in the slot.
         */
        "uncheckAll": () => Promise<this>;
        /**
          * Apply validation success visual style
         */
        "valid"?: boolean;
        /**
          * Specifies `value` property of the 'select-all', representing the group as a whole.
          * @default ''
         */
        "value": string;
        /**
          * Set custom message for `valueMissing` property  of a ValidityState object (set by `required`)  within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    /**
     * Can be used by developers to verify functionality of the design system.
     * Example:
     * ```html
     * <r-design-system-devtools design-tokens></r-design-system-devtools>
     * ```
     */
    interface RDesignSystemDevtools {
        /**
          * Whether to display a preview of some key design tokens
          * @default false
         */
        "designTokens": boolean;
    }
    interface RDialog {
        /**
          * Allows to set height of the dialog body container  while the value is smaller then `max-height` of the  dialog body pre-set according to the `size` prop.
          * @default 'auto'
         */
        "bodyHeight": string;
        /**
          * Allows plain text to be provided to the body of the dialog in cases where markup is not required. For more complex cases, including those requiring HTML markup,  use <div slot="body">...</div>.
         */
        "bodyText"?: string;
        /**
          * Method to display a non-modal dialog
         */
        "close": () => Promise<void>;
        /**
          * Allows plain text to be provided to the close button of the dialog.
         */
        "closeAriaLabel": string;
        /**
          * Allows to provide headline text to the dialog header section.
         */
        "headline"?: string;
        /**
          * Define if dialog either shown or hidden.
          * @default false
         */
        "open": boolean;
        /**
          * A value indicating the result of a user’s  interaction with the dialog, used to determine what action  the user took before closing the dialog.   For example, it can differentiate between whether the user  clicked a “Confirm” button or a “Cancel” button.
         */
        "returnValue"?: string;
        /**
          * Method to display a modal dialog
         */
        "showModal": () => Promise<void>;
        /**
          * Defines one of pre-defined sizes of the dialog.
          * @default 'medium'
         */
        "size": DialogSize;
        /**
          * Method to either show or hide dialog  depending on the current state.
         */
        "toggle": () => Promise<void>;
    }
    interface RFloat {
        /**
          * Direct HTMLElement reference to use as the anchor. Takes precedence over `trigger`. Use this when the trigger lives inside a shadow root that `document.querySelector` cannot pierce.
         */
        "anchorEl": HTMLElement;
        /**
          * Defines if float has arrow pointing to trigger rendered
          * @default true
         */
        "arrow": boolean;
        /**
          * Hide the float.
         */
        "hide": () => Promise<void>;
        /**
          * Gap in pixels between the trigger element and the float box.
          * @default 8
         */
        "offset": number;
        /**
          * Whether the float is currently visible.
          * @default false
         */
        "open": boolean;
        /**
          * Preferred horizontal alignment of the float relative to the trigger.
          * @default 'center'
         */
        "placementX": FloatPlacementX;
        /**
          * Preferred vertical side the float should appear on relative to the trigger.
          * @default 'bottom'
         */
        "placementY": FloatPlacementY;
        /**
          * Show the float.
         */
        "show": () => Promise<void>;
        /**
          * CSS selector (or bare `id`) of the trigger element the float should anchor to. Supports any valid `document.querySelector` string, e.g. `"#my-btn"` or `"r-button"`.
         */
        "trigger": string;
        /**
          * Force a recalculation of the float's position. Useful after content changes that affect the box dimensions.
         */
        "update": () => Promise<void>;
    }
    /**
     * A form hint is a small presentational components used next to some form elements.
     * Mainly used within design system components and not primarilly intended for end-users.
     */
    interface RHint {
        /**
          * Allows to define custom icon to be shown next to hint text
         */
        "icon"?: IconName;
        /**
          * Apply validation error visual style
         */
        "invalid"?: boolean;
        /**
          * Variant defines the way hint will be visually presented
         */
        "variant"?: HintVariant;
    }
    interface RIcon {
        /**
          * Quick way to set display color to one of the Riverty color tokens
          * @default null
         */
        "color": string;
        /**
          * Defines an accessible name for the icon.
         */
        "iconAriaLabel"?: string;
        /**
          * Select kit
          * @default DEFAULT_KIT_NAME
         */
        "kit": IconKit;
        /**
          * Name of icon to select from the set
         */
        "name"?: IconName;
        /**
          * Select one of pre-set sizes (width and height automatically selected)
          * @default "m"
         */
        "size"?: IconSize;
        /**
          * Source of an icon to fetch from
         */
        "src"?: string;
        /**
          * Defines UI deviations for the icon.
         */
        "variant"?: IconVariant;
        /**
          * Customize `viewBox` of rendered icon SVG element
          * @default '0 0 24 24'
         */
        "viewBox": string;
    }
    /**
     * An icon button is a button that contains only an icon and is used to trigger an action.
     */
    interface RIconButton {
        /**
          * Prevents user interaction and applies disabled style.
         */
        "disabled"?: boolean;
        /**
          * The label for the button, used for accessibility. This label is not visible on the button itself. It is recommended to provide a label for screen readers. If not provided, the button will be considered as having no label.
         */
        "label"?: string;
        /**
          * Name of the icon to display within the button.
         */
        "name": IconName;
        /**
          * Sets string value for `aria-description` attribute
         */
        "rAriaDescription"?: string;
        /**
          * Defines the tabindex of the button for keyboard navigation.
         */
        "rTabindex"?: number;
        /**
          * Remove focus from the button
         */
        "setBlur": () => Promise<void>;
        /**
          * Set focus on the button
         */
        "setFocus": () => Promise<void>;
        /**
          * Defines the size of the icon used within the button.
          * @default 'm'
         */
        "size": IconSize;
        /**
          * @deprecated Use the `<r-tooltip>` component as a wrapper instead. Sets position for the tooltip. - `top`: Tooltip appears above the button. - `bottom`: Tooltip appears below the button. - `left`: Tooltip appears to the left of the button. - `right`: Tooltip appears to the right of the button.
          * @default 'top'
         */
        "tooltipPosition": TooltipPosition;
        /**
          * @deprecated Use the `<r-tooltip>` component as a wrapper instead. Text to display within the tooltip when the button is hovered or focused.
         */
        "tooltipText"?: string;
        /**
          * Simulate a button click
         */
        "triggerClick": () => Promise<void>;
        /**
          * Defines the visual style of the button. - `standard`: Default button style. - `contained`: Button with a contained background.
          * @default 'standard'
         */
        "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 RImage {
        /**
          * Accessible description of the image
          * @default ''
         */
        "alt": string;
        /**
          * Accessible label for the error state
          * @default 'Unable to load image'
         */
        "errorAlt": string;
        /**
          * Height of the image
         */
        "height"?: string;
        /**
          * Accessible label for the loading state
          * @default 'Image is loading'
         */
        "loadingAlt": string;
        /**
          * Controls how the image is cropped/scaled within its box
          * @default 'cover'
         */
        "objectFit": ImageObjectFit;
        /**
          * Controls the anchor point of the image within its box. Accepts any CSS object-position value, e.g. 'top', 'center', '50% 20%'.
         */
        "objectPosition"?: string;
        /**
          * Text to be shown in the error state for medium and large images
          * @default 'Reload'
         */
        "reloadText": string;
        /**
          * Updates the image src
         */
        "setSrc": (src: string) => Promise<void>;
        /**
          * Visual size
          * @default 'small'
         */
        "size": ImageSize;
        /**
          * URL of the image to display
         */
        "src": string;
        /**
          * Width of the image
         */
        "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.
         */
        "autocomplete"?: InputAutocomplete;
        /**
          * Automatically focus the input when it is first rendered. Mirrors native `autofocus` attribute behavior. Avoid using multiple times per page.
         */
        "autofocus"?: boolean;
        /**
          * Custom message for `badInput` (conversion / parsing failure).
         */
        "badInputMessage"?: string;
        /**
          * Validates the input without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the input is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Custom message for `customError` (applies when set via `setCustomValidity()` logic internally).
         */
        "customErrorMessage"?: string;
        /**
          * 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.
         */
        "error"?: string;
        /**
          * Small marker string appended to the label (e.g. “Optional”, localized markers, etc.).
         */
        "fieldIndicator"?: string;
        /**
          * ID of the form this input is associated with (mirrors native `form` attribute). Use when the input is not a direct descendant of the target form element.
         */
        "form"?: string;
        /**
          * When true, stretches the component horizontally to fill its container.
         */
        "fullWidth"?: boolean;
        /**
          * Get the end index of the current text selection (or null if unavailable).
         */
        "getSelectionEnd": () => Promise<number | null>;
        /**
          * Get the start index of the current text selection (or null if unavailable).
         */
        "getSelectionStart": () => Promise<number | null>;
        /**
          * Retrieve the current value (returns empty string if unset).
         */
        "getValue": () => Promise<string>;
        /**
          * 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).
         */
        "internal"?: boolean;
        /**
          * Explicit invalid state override (when set manually).
         */
        "invalid"?: boolean;
        /**
          * Gets the dirty state (whether value has been changed by user)
         */
        "isDirty": () => Promise<boolean>;
        /**
          * Gets the touched state (whether user has interacted with the input)
         */
        "isTouched": () => Promise<boolean>;
        /**
          * Label text describing the field. Provide for accessibility (or use the `label` slot).
         */
        "label": string;
        /**
          * Resets touched and dirty states to pristine (untouched/clean)
         */
        "markAsPristine": () => Promise<void>;
        /**
          * Maximum numeric/date value (for supported types).
         */
        "max"?: number;
        /**
          * Maximum character length (enforced by native input).
         */
        "maxlength"?: number;
        /**
          * Minimum numeric/date value (for supported types).
         */
        "min"?: number;
        /**
          * Minimum character length (validation only).
         */
        "minlength"?: number;
        /**
          * Name used when contributing the value to form submission (`FormData` / POST body).
         */
        "name": string;
        /**
          * If set, the field is skipped by built‑in (Constraint Validation API) validation logic. Does not prevent custom validation you may trigger manually.
         */
        "novalidate"?: boolean;
        /**
          * Safari-specific password rules for strong password generation (password inputs only). Format: "minlength: X; required: lower; required: upper; required: digit; required: special;" This attribute is Safari-specific and will be ignored by other browsers. See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
         */
        "passwordrules"?: string;
        /**
          * Regex pattern the value must match (string form).
         */
        "pattern"?: any;
        /**
          * Custom message for `patternMismatch`.
         */
        "patternMismatchMessage"?: string;
        /**
          * Placeholder hint text shown when the field is empty and unfocused.
         */
        "placeholder"?: string;
        /**
          * Custom message for `rangeOverflow`.
         */
        "rangeOverflowMessage"?: string;
        /**
          * Custom message for `rangeUnderflow`.
         */
        "rangeUnderflowMessage"?: string;
        /**
          * Read-only mode (mirrors native `readonly`): value cannot be changed by the user, but the field can still receive focus, be selected, and be submitted with a form.
         */
        "readonly"?: boolean;
        /**
          * Marks the field as required; failing to provide a value triggers `valueMissing`.
         */
        "required"?: boolean;
        /**
          * Select (highlight) the entire current input value.
         */
        "select": () => Promise<void>;
        /**
          * Programmatically remove focus from the native input.
         */
        "setBlur": () => Promise<void>;
        /**
          * Validates an element, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Programmatically focus the native input element.
         */
        "setFocus": () => Promise<void>;
        /**
          * Set a selection (or caret) range within the value.
          * @param start Start index (inclusive)
          * @param end End index (exclusive)
          * @param direction Selection direction (browser hint)
         */
        "setSelectionRange": (start: number, end: number, direction?: "forward" | "backward" | "none") => Promise<void>;
        /**
          * 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.
         */
        "step"?: number;
        /**
          * Custom message for `stepMismatch`.
         */
        "stepMismatchMessage"?: string;
        /**
          * Custom message for `tooLong`.
         */
        "tooLongMessage"?: string;
        /**
          * Custom message for `tooShort`.
         */
        "tooShortMessage"?: string;
        /**
          * Input type (e.g. `text`, `email`, `number`, `password`). See HTMLInputElement `type` for supported values.
          * @default 'text'
         */
        "type": InputType;
        /**
          * Custom message for `typeMismatch`.
         */
        "typeMismatchMessage"?: string;
        /**
          * Explicit valid state override (when set manually).
         */
        "valid"?: boolean;
        /**
          * When `true` field renders valid/invalid marker within.
          * @default true
         */
        "validityMarker": boolean;
        /**
          * Current value. Mutable: can be changed programmatically or through user input.
          * @default ''
         */
        "value"?: string | null;
        /**
          * Custom message for `valueMissing`.
         */
        "valueMissingMessage"?: string;
    }
    interface RInputCode {
        /**
          * Defines label for each character's input. Default "Character: ${character number}"
         */
        "ariaCharacterLabel"?: string;
        /**
          * Specifies the autocomplete behavior. Default is 'one-time-code' for SMS OTP autofill.
          * @default : 'one-time-code'
         */
        "autocomplete"?: string;
        /**
          * Validates the input code without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the input code is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Whether the input is disabled
         */
        "disabled"?: boolean;
        /**
          * Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
          * @default : 'done'
         */
        "enterkeyhint"?: InputCodeEnterKeyHint;
        /**
          * The way to provide error message separately from Constraint Validation API.
         */
        "error"?: string;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Focuses a specific segment (input) by index.
          * @param index - The zero-based index of the segment to focus (0 to length-1)
          * @returns Promise that resolves when focus is set, or rejects if index is invalid
         */
        "focusSegment": (index: number) => Promise<void>;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs.
         */
        "form"?: string;
        /**
          * Defines if the component suppose to occupy 100% width
         */
        "fullWidth"?: boolean;
        /**
          * Gets the value of a specific segment by index.
          * @param index - The zero-based index of the segment (0 to length-1)
          * @returns Promise that resolves to the segment value (single character string or empty string)
         */
        "getSegmentValue": (index: number) => Promise<string>;
        /**
          * Gets the current complete code value by joining all individual digit values.
          * @returns Promise that resolves to the complete code string
         */
        "getValue": () => Promise<string>;
        /**
          * Description for accessibility
         */
        "hint"?: string;
        /**
          * Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
          * @default : 'numeric'
         */
        "inputmode"?: InputCodeInputMode;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * Label for accessibility.
          * @default : 'Verification code'
         */
        "label": string;
        /**
          * Number of digits (typically 4–6).
          * @default : 4
         */
        "length": number;
        /**
          * Specifies a name for an input for submission within formData object.
          * @default 'input-code'
         */
        "name": string;
        /**
          * Specifies if element must be ignored during validation of the form elements.
         */
        "novalidate"?: boolean;
        /**
          * Read-only mode (mirrors native `readonly`): value cannot be changed by the user, but the field can still receive focus, be selected, and be submitted with a form.
         */
        "readonly"?: boolean;
        /**
          * Whether the input is required
         */
        "required"?: boolean;
        /**
          * Resets the component by clearing all input values and focusing the first input.
          * @returns Promise that resolves when reset is complete
         */
        "reset": () => Promise<void>;
        /**
          * Validates an element, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Sets the value of a specific segment by index.
          * @param index - The zero-based index of the segment (0 to length-1)
          * @param value - The value to set (will be truncated to first character if longer)
         */
        "setSegmentValue": (index: number, value: string) => Promise<void>;
        /**
          * Sets provided value.
         */
        "setValue": (value: string | null) => Promise<void>;
        /**
          * Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
         */
        "tooShortMessage"?: string;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * Defines initial value
          * @default ''
         */
        "value"?: string | null;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    interface RInputDate {
        /**
          * Validates the input date without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the input date is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Custom error message displayed for any validation failures in the input.
         */
        "customErrorMessage"?: string;
        /**
          * Defines label for the input for the day
          * @default 'Day'
         */
        "dayAriaLabel": string;
        /**
          * Prevents user interaction and applies disabled style
         */
        "disabled"?: boolean;
        /**
          * The way to provide error message separately from Constraint Validation API.
         */
        "error"?: string;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Specifies a date format
          * @default 'DD/MM/YYYY'
         */
        "format": string;
        /**
          * Defines if the component suppose to occupy 100% width
         */
        "fullWidth"?: boolean;
        /**
          * Gets the current date format
         */
        "getFormat": () => Promise<string>;
        /**
          * Get the date value
         */
        "getValue": () => Promise<string>;
        /**
          * Optional hint, visually presented under the input, giving additional context to the user
         */
        "hint"?: string;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * Custom error message displayed when date is not valid.
         */
        "invalidDateMessage"?: string;
        /**
          * Gets the dirty state (whether value has been changed by user)
         */
        "isDirty": () => Promise<boolean>;
        /**
          * Gets the touched state (whether user has interacted with the input)
         */
        "isTouched": () => Promise<boolean>;
        /**
          * The text on the label
         */
        "label": string;
        /**
          * Resets touched and dirty states to pristine (untouched/clean)
         */
        "markAsPristine": () => Promise<void>;
        /**
          * Maximum date value (in the same format as the date input). Note: When changing the `format` prop, ensure `max` is also updated to match the new format.
         */
        "max"?: string;
        /**
          * Minimum date value (in the same format as the date input). Note: When changing the `format` prop, ensure `min` is also updated to match the new format.
         */
        "min"?: string;
        /**
          * Defines label for the input for the month
          * @default 'Month'
         */
        "monthAriaLabel": string;
        /**
          * Specifies a name for a input
         */
        "name": string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Custom error message displayed when date is after the maximum date.
         */
        "rangeOverflowMessage"?: string;
        /**
          * Custom error message displayed when date is before the minimum date.
         */
        "rangeUnderflowMessage"?: string;
        /**
          * Makes the date inputs read-only: users can focus and copy the value, but cannot modify it (value still submitted with the form unlike disabled).
         */
        "readonly"?: boolean;
        /**
          * Specifies that an input is required/must be filled out
         */
        "required"?: boolean;
        /**
          * Resets the component by clearing all input values and focusing the first input.
          * @returns Promise that resolves when reset is complete
         */
        "reset": () => Promise<void>;
        /**
          * Validates an element, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Sets the date format
         */
        "setFormat": (format: string) => Promise<void>;
        /**
          * Sets the date value
         */
        "setValue": (value: string) => Promise<void>;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * The value of the date input
          * @default ''
         */
        "value"?: string | null;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`)
         */
        "valueMissingMessage"?: string;
        /**
          * Defines label for the input for the year
          * @default 'Year'
         */
        "yearAriaLabel": string;
    }
    interface RInputPassword {
        /**
          * Password-specific autocomplete behavior for browser password managers.
          * @example **Usage Guidelines:** - `'current-password'`: Use in login forms where users enter their existing password - `'new-password'`: Use in registration forms or password change forms for the new password field - `'off'`: Disable autofill in sensitive contexts where password managers should not suggest values  **Common Patterns:** ```tsx // Login form <r-input-password autocomplete="current-password" />  // Registration form <r-input-password autocomplete="new-password" />  // Sensitive form (e.g., admin panel) <r-input-password autocomplete="off" /> ```
         */
        "autocomplete"?: PasswordAutocomplete;
        /**
          * Validates the input password without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the input password is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Custom error message displayed for any validation failures in the input.
         */
        "customErrorMessage"?: string;
        /**
          * Prevents user interaction and applies disabled style
         */
        "disabled"?: boolean;
        /**
          * The way to provide error message separately from Constraint Validation API.
         */
        "error"?: string;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Defines if the component suppose to occupy 100% width
         */
        "fullWidth"?: boolean;
        /**
          * Get the input value
         */
        "getValue": () => Promise<string>;
        /**
          * Custom message when the password is hidden to alert screen reader users.
          * @default "Your password is hidden."
         */
        "hiddenPasswordMessage": string;
        /**
          * Hide password text.
         */
        "hidePassword": () => Promise<void>;
        /**
          * Defines label for characters hide button.
          * @default 'Hide password.'
         */
        "hidePasswordAriaLabel": string;
        /**
          * Optional hint, visually presented under the input, giving additional context to the user
         */
        "hint"?: string;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * The text on the label
         */
        "label": string;
        /**
          * Maximum character length (enforced by native input).
         */
        "maxlength"?: number;
        /**
          * Minimum character length (validation only).
         */
        "minlength"?: number;
        /**
          * Specifies a name for a input
         */
        "name": string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Safari-specific password rules for strong password generation. Format: "minlength: X; required: lower; required: upper; required: digit; required: special;" Example: "minlength: 8; required: lower; required: upper; required: digit; required: special;" Note: This attribute is Safari-specific and will be ignored by other browsers. See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
         */
        "passwordrules"?: string;
        /**
          * Regex pattern the value must match (string form).
         */
        "pattern"?: string;
        /**
          * Custom message for `patternMismatch`.
         */
        "patternMismatchMessage"?: string;
        /**
          * Specifies a short hint that describes the expected value of a input
         */
        "placeholder"?: string;
        /**
          * Makes the input read-only: users can focus and copy the value, but cannot modify it (value still submitted with the form unlike disabled).
         */
        "readonly"?: boolean;
        /**
          * Specifies that an input is required/must be filled out
         */
        "required"?: boolean;
        /**
          * Validates an element, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Set the input value
         */
        "setValue": (value: string) => Promise<void>;
        /**
          * Show password text.
         */
        "showPassword": () => Promise<void>;
        /**
          * Defines label for characters show button.
          * @default 'Show password.'
         */
        "showPasswordAriaLabel": string;
        /**
          * Custom message when the password is shown to alert screen reader users.
          * @default "Your password is shown."
         */
        "shownPasswordMessage": string;
        /**
          * Toggle password text visibility.
         */
        "toggleShow": () => Promise<void>;
        /**
          * Custom message for `tooLong`.
         */
        "tooLongMessage"?: string;
        /**
          * Custom message for `tooShort`.
         */
        "tooShortMessage"?: string;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * The value of the password input
          * @default ''
         */
        "value"?: string | null;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    interface RInputPhoneNumber {
        /**
          * Validates the input phone number without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the input phone number is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Label for countryCode code
          * @default 'Country code'
         */
        "countryCodeLabel"?: string;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Prevents user interaction and applies disabled style.
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * An optional field indicator for the label.
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Defines if the component suppose to occupy 100% width
         */
        "fullWidth"?: boolean;
        /**
          * Returns the element value.
         */
        "getValue": () => Promise<string>;
        /**
          * Optional hint giving additional context to the user
         */
        "hint"?: string;
        /**
          * Label for phone input
          * @default 'Phone number without country code'
         */
        "inputLabel"?: string;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * Custom error message displayed when phone number is not valid.
         */
        "invalidPhoneNumberMessage"?: string;
        /**
          * The label for the phone number.
         */
        "label": string;
        /**
          * Specifies a name for an input for submitting within formData object.
          * @default 'phone-number'
         */
        "name": string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Makes the date inputs read-only: users can focus and copy the value, but cannot modify it (value still submitted with the form unlike disabled).
         */
        "readonly"?: boolean;
        /**
          * Check validity and reveal validation state.
         */
        "reportValidity": () => Promise<boolean>;
        /**
          * Specifies that phone number value is required
         */
        "required"?: boolean;
        /**
          * Reset phone number input to its initial state
         */
        "reset": () => Promise<void>;
        /**
          * Validates an element, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Set the element value.
         */
        "setValue": (value: string) => Promise<void>;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * Phone number value
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    /**
     * Utility component, mostly used internally in other design system components,
     * for consistent presentation of text with optional associated tooltip.
     */
    interface RLabel {
        /**
          * Text of an additional marker
         */
        "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.
         */
        "alignment": TrailingTextAlignment;
        /**
          * Checks the checkbox element.
         */
        "check": () => Promise<void>;
        /**
          * Validates the checkbox without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the checkbox is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * If true, renders a checkbox in the trailing slot (3rd slot).
         */
        "checkbox"?: boolean;
        /**
          * Controls the checked state of the trailing checkbox.
         */
        "checked"?: boolean;
        /**
          * Sets the indeterminate state of the checkbox element.
         */
        "clearIndeterminate": () => Promise<void>;
        /**
          * Secondary text displayed below the headline (2nd slot), used for additional details or context.
         */
        "description"?: string;
        /**
          * If true, prevents user interaction with the list item and applies a disabled style.
         */
        "disabled"?: boolean;
        /**
          * If true, adds a horizontal divider below the list item.
         */
        "divider"?: boolean;
        /**
          * Determines whether the list item is expanded to show its subitems. It can be toggled programmatically or through user interaction.
          * @default false
         */
        "expanded": boolean;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Asynchronously retrieves the validity state of the checkbox.  This method updates the internal validity state and message by calling `getValidityStateData` with the native element, and then returns an object containing the current validity state and message.
          * @returns A promise that resolves to an object containing the validity state and message. The object has two properties: - `state`: A string representing the validity state. - `message`: A string containing the validity message.
         */
        "getValidityState": () => Promise<{ state: string; }>;
        /**
          * The main text or headline displayed in the text slot (2nd slot) of the list item.
         */
        "headline"?: string;
        /**
          * Defines if the leading icon shall become hidden.
         */
        "hideLeadingIcon"?: boolean;
        /**
          * If provided, renders the list item as a link using the <a> tag with the given href attribute.
         */
        "href"?: string;
        /**
          * Controls the indeterminate state of the trailing checkbox.
         */
        "indeterminate"?: boolean;
        /**
          * Indicate that validation has failed
         */
        "invalid"?: boolean;
        /**
          * Specifies the name of the icon to display in the leading slot (1st slot) of the list item.
         */
        "leadingIcon"?: IconName;
        /**
          * Defines an icon source to be presented in leading slot
         */
        "leadingIconSrc"?: string;
        /**
          * Controls the name of the trailing checkbox, used for form submission.
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Controls the position of the trailing checkbox.
          * @default 'center'
         */
        "position": ListItemCheckboxPosition;
        /**
          * Specifies if checkbox must be checked
         */
        "required"?: boolean;
        /**
          * Removes focus from the checkbox element.
         */
        "setBlur": () => Promise<void>;
        /**
          * Sets focus on the checkbox element.
         */
        "setFocus": () => Promise<void>;
        /**
          * Sets the indeterminate state of the checkbox element.
         */
        "setIndeterminate": () => Promise<void>;
        /**
          * Toggles the checked state of the checkbox element
         */
        "toggleChecked": () => Promise<void>;
        /**
          * Method to toggle sub-items of the list-item
         */
        "toggleSubitems": () => Promise<void>;
        /**
          * Specifies the name of the icon to display in the trailing slot (3rd slot) of the list item.
         */
        "trailingIcon"?: IconName;
        /**
          * Defines an icon source to be presented in trailing slot
         */
        "trailingIconSrc"?: string;
        /**
          * Text displayed in the trailing slot (3rd slot), as an alternative to an icon.
         */
        "trailingText"?: string;
        /**
          * When enabled, the description is limited to a single line and truncated with an ellipsis if it overflows.
         */
        "truncateDescription"?: boolean;
        /**
          * Unchecks the checkbox element.
         */
        "uncheck": () => Promise<void>;
        /**
          * Indicate that validation is successful
         */
        "valid"?: boolean;
        /**
          * Controls the value of the trailing checkbox, used for form submission.
         */
        "value"?: string;
        /**
          * Controls the style variation of the list item, such as regular or subitem.
          * @default 'list-item'
         */
        "variant": ListItemVariant;
    }
    interface RPagination {
        /**
          * UI: Arrows present/absent
          * @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'
         */
        "listBoxPosition": PaginationListBoxPosition;
        /**
          * Text to display between currently shown results and total amount of results
          * @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
         */
        "resultsLine": boolean;
        /**
          * Text to show in select
          * @default 'page'
         */
        "selectText": string;
        /**
          * Text to show in beginning of resultLine
          * @default 'Showing'
         */
        "startText": string;
        /**
          * Total amount of pages to select from
          * @default 1
         */
        "totalResults": number;
        /**
          * Allows selection between different pagination styles: minimized, standard, maximized
          * @default 'standard'
         */
        "variant": PaginationVariant;
    }
    interface RPanel {
        /**
          * A boolean property that indicates whether the navitems are active of not
          * @default false
         */
        "active": boolean;
        /**
          * Collapse Panel
         */
        "collapsePanel": () => Promise<void>;
        /**
          * A boolean property that determines the collapsed state of the component. The default state is `false`.
          * @default false
         */
        "collapsed": boolean;
        /**
          * Expand Panel
         */
        "expandPanel": () => Promise<void>;
        /**
          * A boolean property that indicates whether the component includes a footer
          * @default false
         */
        "hasFooter": boolean;
        /**
          * A boolean property that indicates whether the component includes a header
          * @default false
         */
        "hasHeader": boolean;
        /**
          * The `header` property is a string that specifies the header text.
         */
        "header"?: string;
        /**
          * Aria-label text for collapse
          * @default 'Collapse panel'
         */
        "labelCollapse": string;
        /**
          * Aria-label text for expand
          * @default 'Expand panel'
         */
        "labelExpand": string;
        /**
          * Logo link
         */
        "logoLink": string;
        /**
          * Expand/Collapse Panel
         */
        "togglePanel": () => Promise<void>;
        /**
          * Presentational style
          * @default 'visible'
         */
        "variant": PanelVariant;
    }
    interface RPopover {
        /**
          * Defines `aria-label` content for the dismiss button. Used for accessibility when dismiss button is present.
         */
        "dismissAriaLabel"?: string;
        /**
          * Defines the behavior of the popover's dismissing. - `auto`: The popover can be dismissed by clicking outside or pressing Esc. - `manual`: The popover requires explicit user action to close.
          * @default "auto"
         */
        "dismissMode": PopoverDismissMode;
        /**
          * Method to hide the popover. Closes the popover and emits hide event.
          * @returns Promise that resolves when the popover is hidden
         */
        "hide": () => Promise<void>;
        /**
          * Defines preferred placement horizontally relative to the trigger. - `left`: Align to the left of the trigger - `center`: Center align with the trigger - `right`: Align to the right of the trigger
          * @default "center"
         */
        "horizontal": PopoverHorizontal;
        /**
          * Defines initial state of the popover visibility.
          * @default false
         */
        "open"?: boolean;
        /**
          * Remove focus from all focusable elements within the popover. Calls setBlur on all child components and the host element.
          * @returns Promise that resolves to the popover instance for chaining
         */
        "setBlur": () => Promise<this>;
        /**
          * Set focus inside the popover to the most appropriate element. Priority order: 1. Dismiss button (if present) 2. Action element (if present) 3. Content element (if present) 4. Host element as fallback
          * @returns Promise that resolves to the popover instance for chaining
         */
        "setFocus": () => Promise<this>;
        /**
          * Method to show the popover. Opens the popover, positions it correctly, and sets focus to appropriate element.
          * @returns Promise that resolves when the popover is shown
         */
        "show": () => Promise<void>;
        /**
          * Toggle popover visibility. Shows the popover if hidden, hides it if shown.
          * @returns Promise that resolves when the toggle action is complete
         */
        "toggle": () => Promise<void>;
        /**
          * Defines the action that will be triggered when the trigger is clicked. - `toggle`: Toggle the popover open/closed state - `show`: Only show the popover - `hide`: Only hide the popover
          * @default "toggle"
         */
        "triggerAction": PopoverTriggerAction;
        /**
          * Defines `aria-label` content for the popover trigger. Used for accessibility to describe the trigger button.
         */
        "triggerAriaLabel"?: string;
        /**
          * Defines preferred placement vertically relative to the trigger. - `top`: Position above the trigger - `bottom`: Position below the trigger - `middle`: Position to the side of the trigger
          * @default "bottom"
         */
        "vertical": PopoverVertical;
    }
    interface RPopoverAction {
        /**
          * Get all focusable elements within the popover content
          * @returns Array of focusable elements
         */
        "getActiveElements": () => Promise<HTMLElement[]>;
        /**
          * Remove focus from the first focusable element within the popover action
          * @returns
         */
        "setBlur": () => Promise<void>;
        /**
          * Set focus on the first focusable element within the popover action
          * @returns The focused element or null if no element is found
         */
        "setFocus": () => Promise<any>;
    }
    interface RPopoverContent {
        /**
          * Get all focusable elements within the popover content
          * @returns Array of focusable elements
         */
        "getActiveElements": () => Promise<HTMLElement[]>;
        /**
          * Remove focus from the first focusable element within the popover content
          * @returns
         */
        "setBlur": () => Promise<void>;
        /**
          * Set focus on the first focusable element within the popover content
          * @returns The focused element or null if no element is found
         */
        "setFocus": () => Promise<any>;
    }
    interface RPopoverHeadline {
    }
    interface RPopoverTrigger {
        /**
          * Remove focus from the first focusable element within the trigger
         */
        "setBlur": () => Promise<void>;
        /**
          * Set focus on the first focusable element within the trigger
          * @returns The focused element or null if no element is found
         */
        "setFocus": () => Promise<any>;
    }
    interface RProgressBar {
        /**
          * Progress bar value
          * @default 0
         */
        "progress": number;
        /**
          * Sets string value for `aria-label` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
         */
        "rAriaLabel": string;
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButton {
        /**
          * Automatically focus the radio button when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior.
          * @default false
         */
        "autofocus"?: boolean;
        /**
          * When true the radio is selected
         */
        "checked"?: boolean;
        /**
          * Additional directions for radio-button
         */
        "description"?: string;
        /**
          * Prevents user interaction and applies disabled style
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Optional hint, visually presented under the radio button, giving additional context to the user
         */
        "hint"?: string;
        /**
          * Icon name from the set
         */
        "icon"?: IconName;
        /**
          * Apply validation error visual style
         */
        "invalid"?: boolean;
        /**
          * Name of element (data) within a form
         */
        "name": string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Defines if an element shall be validated
         */
        "required"?: boolean;
        /**
          * Selects the radio button element
         */
        "select": () => Promise<void>;
        /**
          * Blurs the radio button element
         */
        "setBlur": () => Promise<void>;
        /**
          * Sets focus on the radio button element
         */
        "setFocus": () => Promise<void>;
        /**
          * Unchecks all radio buttons in the associated group or form.
         */
        "uncheckAll": () => Promise<void>;
        /**
          * Value of element data within a form
          * @default this.slotTextValue
         */
        "value": any;
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButtonDescription {
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButtonLeading {
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButtonTitle {
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButtonTrailing {
    }
    interface RRadioGroup {
        /**
          * When set to `true`, automatically focuses the first enabled radio button in the group on mount. This will focus the selected radio button if one exists, or the first enabled radio button otherwise.
          * @default false
         */
        "autofocus": boolean;
        /**
          * Validates the radio group without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the radio group is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Clears the value of the radio group and deselects all radio buttons. This method sets the value to null and deselects all radio buttons in the group.
         */
        "clearValue": () => Promise<void>;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Specifies if the entire radio group is disabled
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * Define the marker text if the field label is marked Field indicator can be Required*, Optional or a translation of those two options.
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Gets the current value of the radio group.
          * @returns The current value of the radio group.
         */
        "getValue": () => Promise<string | null>;
        /**
          * Optional hint, visually presented under the group of radio-buttons giving additional context to the user
         */
        "hint"?: string;
        /**
          * Apply validation error visual style
         */
        "invalid"?: boolean;
        /**
          * The text of the label rendered before the set of radio-buttons
         */
        "label": string;
        /**
          * Specifies common `name` property that is passed to each `r-radio-button`
         */
        "name"?: string;
        /**
          * 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.
         */
        "reportValidity": () => Promise<boolean>;
        /**
          * Specifies if radio-button within group must be checked
         */
        "required"?: boolean;
        /**
          * Resets the radio group to its initial state.  This method: - clears the validity state and message,  - sets the value and validity to initial values, - if no initial value the radio group will be deselected, - restores the tabindex on the first element.
         */
        "reset": () => Promise<void>;
        /**
          * Resets the validity state and message of the radio group. This method clears the validity message and state, and sets the invalid property to its initial value.
         */
        "resetValidity": () => Promise<void>;
        /**
          * Blurs the radio button element.
         */
        "setBlur": () => Promise<void>;
        /**
          * Sets a custom validity message for the radio group. If the message is not empty, the radio group will be considered invalid.
          * @param message - The custom validity message to set.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Sets focus on the radio button element.
         */
        "setFocus": () => Promise<void>;
        /**
          * Sets the value of the radio group to the specified value. If a radio button with the specified value exists, it will be selected.
          * @param value - The value to set for the radio group.
         */
        "setValue": (value: string | null) => Promise<void>;
        /**
          * Apply validation success visual style
         */
        "valid"?: boolean;
        /**
          * Displays currently selected value
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
        /**
          * Controls the style variation of the radio buttons.
          * @default 'standard'
         */
        "variant": RadioGroupVariant;
    }
    /**
     * A select allows the user to choose between a set of options.
     * Overall behavior is based on native `<select>`
     */
    interface RSelect {
        /**
          * Validates the textarea without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the textarea is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Clears readonly state from the component
         */
        "clearReadonly": () => Promise<void>;
        /**
          * Collapse options listbox
         */
        "collapse": () => Promise<void>;
        /**
          * Enable combobox functionality to allow users to reduce the list of options by filtering.
         */
        "combobox"?: boolean;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Prevent user interaction and apply disabled style
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * Expand options listbox
         */
        "expand": () => Promise<void>;
        /**
          * Defines if select is expanded
         */
        "expanded"?: boolean;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Define if select should render as a text item or a block
          * @default false
         */
        "fullWidth": boolean;
        /**
          * Retrieves the currently focused option within this select component.  The focused option is identified by the presence of the `data-focused="true"` attribute on an `r-select-option` element inside the component's host.
          * @returns Promise resolving to the focused `HTMLRSelectOptionElement`, or `null` if no option is currently marked as focused.
         */
        "getFocusedOption": () => Promise<HTMLRSelectOptionElement>;
        /**
          * Set value of the select
         */
        "getValue": () => Promise<string>;
        /**
          * Optional hint, visually presented under the select, giving additional context to the user
         */
        "hint"?: string;
        /**
          * Specifies if the component is internal
         */
        "internal"?: boolean;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * Returns whether the select value has been changed by user interaction.
          * @returns A boolean indicating whether the select is dirty.
         */
        "isDirty": () => Promise<boolean>;
        /**
          * Returns whether the select has been touched (focused/clicked by user).
          * @returns A boolean indicating whether the select has been touched.
         */
        "isTouched": () => Promise<boolean>;
        /**
          * The text on the label
         */
        "label": string;
        /**
          * Define wether listbox appears on top or at the bottom of the select
          * @default 'bottom'
         */
        "listboxPosition": ListboxPosition;
        /**
          * Marks the select as untouched and pristine (not dirty).
         */
        "markAsPristine": () => Promise<void>;
        /**
          * Name of element (data) within a form
         */
        "name"?: string;
        /**
          * Defines the text that will be displayed if no results are found
          * @default "No results found"
         */
        "noResultsFound"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Text that is presented until an option has been selected
         */
        "placeholder"?: string;
        /**
          * Defines if select is in readonly state
         */
        "readonly"?: boolean;
        /**
          * Check validity and reveal validation state and message
         */
        "reportValidity": () => Promise<boolean>;
        /**
          * Specifies that select value is required
         */
        "required"?: boolean;
        /**
          * Reset select to its initial state
         */
        "reset": () => Promise<void>;
        /**
          * Clears validation results.
         */
        "resetValidation": () => Promise<void>;
        /**
          * Remove focus from the element
         */
        "setBlur": () => Promise<void>;
        /**
          * Validates an element, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Set focus on the element
         */
        "setFocus": () => Promise<void>;
        /**
          * Sets focus to the option at the specified index.  Retrieves the option element from the internal optionElements collection and delegates focusing logic to `setOptionFocus`.
          * @param index - Zero-based index of the option to focus. If the index is out of bounds or the corresponding option element is unavailable, the method will no-op.
          * @returns A promise that resolves with the result of `setOptionFocus`, typically indicating success or failure of applying focus (implementation dependent).
         */
        "setFocusedOption": (index: any) => Promise<void>;
        /**
          * Sets the component into `readonly` state
         */
        "setReadonly": () => Promise<void>;
        /**
          * Set value of the select programmatically. Does NOT mark as dirty or emit change events. Use this for programmatic value updates.
         */
        "setValue": (value?: string) => Promise<void>;
        /**
          * Defines aria label for combobox toggle button
          * @default "Toggle combobox"
         */
        "toggleButtonAriaLabel"?: string;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * Selected value
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    /**
     * `<r-select-option>` represents a single choice inside `<r-select>`.
     * Accessibility:
     * - Hosts `role="option"` and `aria-selected` / `aria-disabled`.
     * - Emits granular events consumed by the parent select for state + keyboard logic.
     * Keyboard (handled by parent `<r-select>`):
     * - Arrow keys move focus between options.
     * - Enter/Space commit the focused option.
     * - Typeahead supported via characters typed while the listbox is open.
     * Do not use directly outside `<r-select>`.
     */
    interface RSelectOption {
        /**
          * Clears the current selection state for this option by setting `isSelected` to `false`.  Intended for use when programmatically resetting or updating the selection (e.g., on form reset or when enforcing single-selection logic in a parent component).  Side effects: - Triggers any reactive updates or re-renders that depend on `isSelected`.
          * @returns A promise that resolves after the selection state has been cleared.
         */
        "clearSelected": () => Promise<void>;
        /**
          * When true, the option is not focusable or selectable.
          * @default false
         */
        "disabled": boolean;
        /**
          * Name of an icon from the design system icon set to render with the option. Mutually exclusive with a provided `<slot name="icon">`.
         */
        "icon"?: IconName;
        /**
          * Icon color token / CSS color value (when `icon` provided).
          * @default "var(--r-select-option--color)"
         */
        "iconColor"?: string;
        /**
          * Icon position relative to label content.
          * @default "start"
         */
        "iconPosition"?: IconPosition;
        /**
          * Icon size (applied when `icon` provided).
          * @default "m"
         */
        "iconSize"?: IconSize;
        /**
          * Presentational label. Falls back to slotted text; finally to `value`. Use `label` if the rendered text differs from the submitted `value`.
         */
        "label"?: string;
        /**
          * Marks the option as selected. Controlled by `<r-select>`; not user‑set in isolation.
          * @default false
         */
        "selected": boolean;
        /**
          * Removes the component's focus state programmatically.
          * @method 
          * @returns Promise that resolves once the focus state has been removed.
         */
        "setBlur": () => Promise<void>;
        /**
          * Sets the component's focus state programmatically.
          * @method 
          * @returns Promise that resolves once the focus state has been applied.
         */
        "setFocus": () => Promise<void>;
        /**
          * Marks this option as selected.  Sets the internal `isSelected` flag to `true`. Declared as `async` to allow for future asynchronous side effects or integration with async selection workflows, and may be safely awaited by callers.  Idempotent: calling it multiple times will keep the option selected.
          * @returns Promise that resolves once the selection state has been updated.
         */
        "setSelected": () => Promise<void>;
        /**
          * Value submitted with a form when this option is selected. If omitted or empty, it's auto-filled from text content / `label`.
         */
        "value"?: string;
    }
    interface RSkipLink {
        /**
          * Defines skip link position
          * @default 'center'
         */
        "position": SkipLinkPosition;
    }
    interface RStepper {
        /**
          * _DEPRECATED_ (use `completed` instead) Completed steps. Default value 0
          * @default 0
         */
        "completeSteps": number;
        /**
          * Complete steps. Default value 0
          * @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.
         */
        "total"?: number;
    }
    interface RStepperItem {
        /**
          * Defines a property active that determines whether the step is active
          * @default false
         */
        "active": boolean;
        /**
          * Defines a property complete that determines whether the step is complete
          * @default false
         */
        "complete": boolean;
        /**
          * 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.
         */
        "number"?: number;
        /**
          * _DEPRECATED_ (use `number` instead) Index of the progress step
         */
        "stepNumber"?: number;
    }
    interface RTab {
        /**
          * Indicates if `<r-tab>` is active
          * @default false
         */
        "active": boolean;
        /**
          * Indicates if `<r-tab>` is disabled
          * @default false
         */
        "disabled": boolean;
        /**
          * Id of the panel that `<r-tab>` controls
         */
        "panelId": string;
    }
    interface RTabPanel {
        /**
          * Defines if the `panel` is hidden
          * @default false
         */
        "active": boolean;
        /**
          * Id of the 'tab' connected to this `panel`
         */
        "tabId"?: string;
    }
    interface RTabs {
        /**
          * Determines if the tabs should update the browser's URL and allow navigation via history changes
         */
        "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 {
        /**
          * Controls automatic capitalisation on mobile virtual keyboards. Equivalent to the native `autocapitalize` attribute.
         */
        "autocapitalize"?: string;
        /**
          * Native `autocomplete` hint for browsers / password managers.
         */
        "autocomplete"?: string;
        /**
          * Automatically focuses the textarea when the page loads. Reflected to the host so it can be queried as an attribute.
         */
        "autofocus"?: boolean;
        /**
          * Custom message when the character limit is reached to alert screen reader users.
          * @default "You've reached the character limit."
         */
        "characterLimitReachedMessage": string;
        /**
          * Validates the textarea without triggering UI and returns a boolean indicating its validity.
          * @returns A boolean indicating whether the textarea is valid.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Specifies the visible width of the `<textarea>` in terms  of the number of characters.
         */
        "cols"?: number;
        /**
          * Custom error message displayed for any validation failures in the `<textarea>`.
         */
        "customErrorMessage"?: string;
        /**
          * Enables form submission of the textarea's text-direction. The value is the field name used to submit the direction (`ltr` or `rtl`) as a separate form entry.
         */
        "dirname"?: string;
        /**
          * Indicates whether the `<textarea>` is disabled, preventing  user interaction and input when set to true.
         */
        "disabled"?: boolean;
        /**
          * Custom error message provided independently of the  Constraint Validation API for the `<textarea>`.
         */
        "error"?: string;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Returns the initial (default) value set on the textarea before any user edits.
         */
        "getDefaultValue": () => Promise<string>;
        /**
          * Returns the direction of the current text selection.
         */
        "getSelectionDirection": () => Promise<"forward" | "backward" | "none" | null>;
        /**
          * Returns the end position of the text selection.
         */
        "getSelectionEnd": () => Promise<number>;
        /**
          * Returns the start position of the text selection.
         */
        "getSelectionStart": () => Promise<number>;
        /**
          * Returns the number of characters in the textarea (mirrors the native `textLength` property).
         */
        "getTextLength": () => Promise<number>;
        /**
          * Returns the native `ValidityState` object for the textarea.
         */
        "getValidity": () => Promise<ValidityState | null>;
        /**
          * Gets the value of the element.
         */
        "getValue": () => Promise<string>;
        /**
          * Returns whether this textarea participates in constraint validation.
         */
        "getWillValidate": () => Promise<boolean>;
        /**
          * Optional text displayed below the `<textarea>`, providing  additional context or guidance to the user.
         */
        "hint"?: string;
        /**
          * Hints to the browser which virtual keyboard to display on mobile devices. Equivalent to the native `inputmode` attribute.
         */
        "inputmode"?: string;
        /**
          * Indicates whether the value of the `<textarea>`  is invalid based on validation rules.
         */
        "invalid"?: boolean;
        /**
          * Text displayed as the label above the `<textarea>`,  indicating its purpose to the user.
         */
        "label"?: string;
        /**
          * Specifies the maximum number of characters allowed in the `<textarea>`, enforcing input length limits.
         */
        "maxlength"?: number;
        /**
          * Specifies the minimum number of characters required in the `<textarea>`,  enforcing input length constraints.
         */
        "minlength"?: number;
        /**
          * Sets the `name` attribute on the underlying `<textarea>`, allowing the control  to be identified during form submission.
         */
        "name": string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Specifies a short hint that describes the expected value of the `<textarea>`,  displayed when it is empty.
          * @default : 'Provide an input'
         */
        "placeholder": string;
        /**
          * Indicates whether the `<textarea>` is read-only, allowing focus and text selection while preventing the user from modifying its value.
         */
        "readonly"?: boolean;
        /**
          * Validates an element and displays validity state.
         */
        "reportValidity": () => Promise<void>;
        /**
          * Indicates that the `<textarea>` must be filled out  before submitting the form.
         */
        "required"?: boolean;
        /**
          * Resets value and validity state to initial.
         */
        "reset": () => Promise<void>;
        /**
          * Controls the resizability of the `<textarea>`, allowing  or preventing the user from resizing it.
          * @default : 'none'
         */
        "resize": TextareaResize;
        /**
          * Defines the number of visible text lines in the `<textarea>`,  controlling its vertical size.
         */
        "rows"?: number;
        /**
          * Selects all text in the textarea and focuses it.
         */
        "select": () => Promise<void>;
        /**
          * Removes focus from the element.
         */
        "setBlur": () => Promise<void>;
        /**
          * Validates an element, displays provided message in case value is invalid.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Sets focus on the element.
         */
        "setFocus": () => Promise<void>;
        /**
          * Focuses the textarea and replaces the current text selection with a new string.
         */
        "setRangeText": (replacement: string, start: number, end: number, selectionMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
        /**
          * Focuses the textarea and sets the start and end positions of the text selection.
         */
        "setSelectionRange": (start: number, end: number, direction?: "forward" | "backward" | "none") => Promise<void>;
        /**
          * Sets the value of the element.
         */
        "setValue": (value: string) => Promise<void>;
        /**
          * Specifies if the character counter should be visible.  Note: The counter will only be rendered when a `maxlength` value is provided.
         */
        "showCounter"?: boolean;
        /**
          * Custom message for `tooLong` property of a ValidityState  object (set by `maxlength`) within Constrain Validation API.
         */
        "tooLongMessage"?: string;
        /**
          * Set custom message for `tooShort` property of a ValidityState object  (set by `minlength`) within Constrain Validation API
         */
        "tooShortMessage"?: string;
        /**
          * Indicates whether the value of the `<textarea>`  is valid based on validation rules.
         */
        "valid"?: boolean;
        /**
          * Represents the current value of the `<textarea>`, reflecting the content entered  by the user or provided programmatically.
          * @default this.textareaSlotValue
         */
        "value"?: string;
        /**
          * Custom message for `valueMissing` property of a ValidityState  object (set by `required`) within Constrain Validation API.
         */
        "valueMissingMessage"?: string;
        /**
          * Controls how the browser wraps text in the textarea when submitting a form. `soft` (default): lines are not wrapped; `hard`: lines are wrapped with CRLF at `cols` width.
         */
        "wrap"?: 'soft' | 'hard' | 'off';
    }
    interface RToast {
        /**
          * Specifies the text content for the call-to-action link.
         */
        "action"?: string;
        /**
          * Sets role="alert" and will be announced to screen reader users
          * @default true
         */
        "announced": boolean;
        /**
          * Specifies the time in miliseconds before the alert automatically dismissed. If `delay` is NOT defined component will NOT be dismissed automatically.
         */
        "delay"?: number;
        /**
          * @deprecated - will be removed within next major release  Defines amount of time im miliseconds before toast is removed from DOM.
          * @default 300
         */
        "delayBeforeRemoval": number;
        /**
          * Dismisses the toast notification by setting it to a hidden state and then  removing it from the DOM after a short delay. This can be used to manually  hide the toast before the auto-dismiss timer expires.
         */
        "dismiss": () => Promise<void>;
        /**
          * Provides content for `aria-label` attribute of the dismiss button.
          * @default 'Dismiss the toast'
         */
        "dismissLabel": string;
        /**
          * Defines the render of the component's dismissing trigger.  - `auto`: trigger will NOT be rendered. - `manual`: trigger will be rendered.
          * @default "manual"
         */
        "dismissMode": ToastDismissMode;
        /**
          * Specifies the headline text for the alert, summarizing its message or purpose.
         */
        "headline": string;
        /**
          * Hides toast, keeps it in dom.
         */
        "hide": () => Promise<this>;
        /**
          * Specifies the URL for the call-to-action link.
         */
        "href"?: string;
        /**
          * Specifies an optional icon for the leading slot of the dialog.
         */
        "leadingIcon"?: IconName;
        /**
          * Defines whether the leading icon is visible.
          * @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
         */
        "open": boolean;
        /**
          * 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<this>;
        /**
          * Defines the appearance of the dialog based on the message type. Options are: "info", "success", "warning", or "error".
          * @default 'info'
         */
        "status": ToastStatus;
        /**
          * Specifies the target for the linked URL when `href` is provided.  Options are: "_blank", "_self", "_parent", or "_top".
          * @default '_self'
         */
        "target": ToastActionTarget;
        /**
          * Toggles visibility of the toast.
         */
        "toggle": () => Promise<this>;
        /**
          * Specifies an optional icon for the trailing slot of the dialog.
          * @default 'cross'
         */
        "trailingIcon": IconName;
    }
    interface RToastGroup {
    }
    interface RTooltip {
        /**
          * Hide the tooltip.
         */
        "hide": () => Promise<void>;
        /**
          * Specifies an offset from trigger
          * @default 20
         */
        "offset": number;
        /**
          * Controls if tooltip content being shown
         */
        "open": boolean;
        /**
          * Specifies tooltip position
          * @default 'top'
         */
        "position": TooltipPosition;
        /**
          * Remove focus from the trigger element.
         */
        "setBlur": () => Promise<void>;
        /**
          * Set focus on the trigger element.
         */
        "setFocus": () => Promise<void>;
        /**
          * Show the tooltip.
         */
        "show": () => Promise<void>;
        /**
          * Tooltip display text
          * @default ''
         */
        "text": string;
        /**
          * Toggle the tooltip open/closed.
         */
        "toggle": () => Promise<void>;
    }
}
export interface RAccordionSectionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRAccordionSectionElement;
}
export interface RAccordionTriggerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRAccordionTriggerElement;
}
export interface RAlertCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRAlertElement;
}
export interface RButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRButtonElement;
}
export interface RCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRCheckboxElement;
}
export interface RCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRCheckboxGroupElement;
}
export interface RDialogCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRDialogElement;
}
export interface RFloatCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRFloatElement;
}
export interface RIconButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRIconButtonElement;
}
export interface RIllustrationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRIllustrationElement;
}
export interface RImageCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRImageElement;
}
export interface RInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRInputElement;
}
export interface RInputCodeCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRInputCodeElement;
}
export interface RInputDateCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRInputDateElement;
}
export interface RInputPasswordCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRInputPasswordElement;
}
export interface RInputPhoneNumberCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRInputPhoneNumberElement;
}
export interface RListItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRListItemElement;
}
export interface RPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRPaginationElement;
}
export interface RPanelCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRPanelElement;
}
export interface RPopoverCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRPopoverElement;
}
export interface RPopoverTriggerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRPopoverTriggerElement;
}
export interface RRadioButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRRadioButtonElement;
}
export interface RRadioGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRRadioGroupElement;
}
export interface RSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRSelectElement;
}
export interface RSelectOptionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRSelectOptionElement;
}
export interface RTabCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRTabElement;
}
export interface RTabsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRTabsElement;
}
export interface RTextareaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRTextareaElement;
}
export interface RToastCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRToastElement;
}
export interface RTooltipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLRTooltipElement;
}
declare global {
    /**
     * An accordion represents a list of expandable/collapsable content sections with corresponding headers.
     * By default, only one section can be expanded, which can be changed by setting the `multiple` attribute. Use accordions when a limited, additional amount of information needs to be shown within a page, or if there is a small space to show content.
     * Each content section must be wrapped in a `<r-accordion-item>` elements.
     * Example:
     * ```
     * <r-accordion>
     *   <r-accordion-item header="Economic health">
     *    <p>Economic health is a concept that …</p>
     *   </r-accordion-item>
     * </r-accordion>
     * ```
     */
    interface HTMLRAccordionElement extends Components.RAccordion, HTMLStencilElement {
    }
    var HTMLRAccordionElement: {
        prototype: HTMLRAccordionElement;
        new (): HTMLRAccordionElement;
    };
    interface HTMLRAccordionPanelElement extends Components.RAccordionPanel, HTMLStencilElement {
    }
    var HTMLRAccordionPanelElement: {
        prototype: HTMLRAccordionPanelElement;
        new (): HTMLRAccordionPanelElement;
    };
    interface HTMLRAccordionSectionElementEventMap {
        "rChangeExpanded": {
    element: HTMLRAccordionSectionElement
    expanded: boolean
  };
    }
    interface HTMLRAccordionSectionElement extends Components.RAccordionSection, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRAccordionSectionElementEventMap>(type: K, listener: (this: HTMLRAccordionSectionElement, ev: RAccordionSectionCustomEvent<HTMLRAccordionSectionElementEventMap[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 HTMLRAccordionSectionElementEventMap>(type: K, listener: (this: HTMLRAccordionSectionElement, ev: RAccordionSectionCustomEvent<HTMLRAccordionSectionElementEventMap[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 HTMLRAccordionSectionElement: {
        prototype: HTMLRAccordionSectionElement;
        new (): HTMLRAccordionSectionElement;
    };
    interface HTMLRAccordionTriggerElementEventMap {
        "rClickTrigger": {
    element: HTMLRAccordionTriggerElement
    panelId: string,
    expanded: boolean
  };
        "rKeyupTrigger": {
    element: HTMLRAccordionTriggerElement
    panelId: string,
    expanded: boolean
  };
    }
    interface HTMLRAccordionTriggerElement extends Components.RAccordionTrigger, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRAccordionTriggerElementEventMap>(type: K, listener: (this: HTMLRAccordionTriggerElement, ev: RAccordionTriggerCustomEvent<HTMLRAccordionTriggerElementEventMap[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 HTMLRAccordionTriggerElementEventMap>(type: K, listener: (this: HTMLRAccordionTriggerElement, ev: RAccordionTriggerCustomEvent<HTMLRAccordionTriggerElementEventMap[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 HTMLRAccordionTriggerElement: {
        prototype: HTMLRAccordionTriggerElement;
        new (): HTMLRAccordionTriggerElement;
    };
    interface HTMLRAlertElementEventMap {
        "rClickAlertTrailingIcon": any;
        "rAlertShow": any;
        "rAlertDismiss": any;
        "rAlertHide": any;
        "rAlertDismissed": any;
    }
    interface HTMLRAlertElement extends Components.RAlert, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRAlertElementEventMap>(type: K, listener: (this: HTMLRAlertElement, ev: RAlertCustomEvent<HTMLRAlertElementEventMap[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 HTMLRAlertElementEventMap>(type: K, listener: (this: HTMLRAlertElement, ev: RAlertCustomEvent<HTMLRAlertElementEventMap[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 HTMLRAlertElement: {
        prototype: HTMLRAlertElement;
        new (): HTMLRAlertElement;
    };
    /**
     * Informational element used to indicate the status of an object or action.
     */
    interface HTMLRBadgeElement extends Components.RBadge, HTMLStencilElement {
    }
    var HTMLRBadgeElement: {
        prototype: HTMLRBadgeElement;
        new (): HTMLRBadgeElement;
    };
    interface HTMLRButtonElementEventMap {
        "rClick": any;
    }
    /**
     * A button can be used by a user to trigger an action. Corresponds to, and is rendered as a,
     * [native button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button).
     */
    interface HTMLRButtonElement extends Components.RButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRButtonElementEventMap>(type: K, listener: (this: HTMLRButtonElement, ev: RButtonCustomEvent<HTMLRButtonElementEventMap[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 HTMLRButtonElementEventMap>(type: K, listener: (this: HTMLRButtonElement, ev: RButtonCustomEvent<HTMLRButtonElementEventMap[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 HTMLRButtonElement: {
        prototype: HTMLRButtonElement;
        new (): HTMLRButtonElement;
    };
    interface HTMLRCheckboxElementEventMap {
        "rChange": {
    element: HTMLRCheckboxElement,
    value: any,
    checked: boolean
  };
        "rReset": {
    element: HTMLRCheckboxElement,
    value: any,
    checked: boolean
  };
        "rValidate": {
    state: string,
    message: string
  };
    }
    /**
     * Checkboxes allow users to select none, one, or multiple items from a list.
     * Overall behavior is based on native `<input type="checkbox">`
     */
    interface HTMLRCheckboxElement extends Components.RCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRCheckboxElementEventMap>(type: K, listener: (this: HTMLRCheckboxElement, ev: RCheckboxCustomEvent<HTMLRCheckboxElementEventMap[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 HTMLRCheckboxElementEventMap>(type: K, listener: (this: HTMLRCheckboxElement, ev: RCheckboxCustomEvent<HTMLRCheckboxElementEventMap[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 HTMLRCheckboxElement: {
        prototype: HTMLRCheckboxElement;
        new (): HTMLRCheckboxElement;
    };
    interface HTMLRCheckboxGroupElementEventMap {
        "rValidate": {
    state: string,
    message: string
  };
    }
    interface HTMLRCheckboxGroupElement extends Components.RCheckboxGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLRCheckboxGroupElement, ev: RCheckboxGroupCustomEvent<HTMLRCheckboxGroupElementEventMap[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 HTMLRCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLRCheckboxGroupElement, ev: RCheckboxGroupCustomEvent<HTMLRCheckboxGroupElementEventMap[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 HTMLRCheckboxGroupElement: {
        prototype: HTMLRCheckboxGroupElement;
        new (): HTMLRCheckboxGroupElement;
    };
    /**
     * Can be used by developers to verify functionality of the design system.
     * Example:
     * ```html
     * <r-design-system-devtools design-tokens></r-design-system-devtools>
     * ```
     */
    interface HTMLRDesignSystemDevtoolsElement extends Components.RDesignSystemDevtools, HTMLStencilElement {
    }
    var HTMLRDesignSystemDevtoolsElement: {
        prototype: HTMLRDesignSystemDevtoolsElement;
        new (): HTMLRDesignSystemDevtoolsElement;
    };
    interface HTMLRDialogElementEventMap {
        "close": any;
    }
    interface HTMLRDialogElement extends Components.RDialog, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRDialogElementEventMap>(type: K, listener: (this: HTMLRDialogElement, ev: RDialogCustomEvent<HTMLRDialogElementEventMap[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 HTMLRDialogElementEventMap>(type: K, listener: (this: HTMLRDialogElement, ev: RDialogCustomEvent<HTMLRDialogElementEventMap[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 HTMLRDialogElement: {
        prototype: HTMLRDialogElement;
        new (): HTMLRDialogElement;
    };
    interface HTMLRFloatElementEventMap {
        "rFloatShow": void;
        "rFloatHide": void;
    }
    interface HTMLRFloatElement extends Components.RFloat, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRFloatElementEventMap>(type: K, listener: (this: HTMLRFloatElement, ev: RFloatCustomEvent<HTMLRFloatElementEventMap[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 HTMLRFloatElementEventMap>(type: K, listener: (this: HTMLRFloatElement, ev: RFloatCustomEvent<HTMLRFloatElementEventMap[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 HTMLRFloatElement: {
        prototype: HTMLRFloatElement;
        new (): HTMLRFloatElement;
    };
    /**
     * A form hint is a small presentational components used next to some form elements.
     * Mainly used within design system components and not primarilly intended for end-users.
     */
    interface HTMLRHintElement extends Components.RHint, HTMLStencilElement {
    }
    var HTMLRHintElement: {
        prototype: HTMLRHintElement;
        new (): HTMLRHintElement;
    };
    interface HTMLRIconElement extends Components.RIcon, HTMLStencilElement {
    }
    var HTMLRIconElement: {
        prototype: HTMLRIconElement;
        new (): HTMLRIconElement;
    };
    interface HTMLRIconButtonElementEventMap {
        "rClick": any;
    }
    /**
     * An icon button is a button that contains only an icon and is used to trigger an action.
     */
    interface HTMLRIconButtonElement extends Components.RIconButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRIconButtonElementEventMap>(type: K, listener: (this: HTMLRIconButtonElement, ev: RIconButtonCustomEvent<HTMLRIconButtonElementEventMap[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 HTMLRIconButtonElementEventMap>(type: K, listener: (this: HTMLRIconButtonElement, ev: RIconButtonCustomEvent<HTMLRIconButtonElementEventMap[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 HTMLRIconButtonElement: {
        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 HTMLRImageElementEventMap {
        "rComplete": void;
        "rFailed": void;
        "rSrcChange": string;
    }
    interface HTMLRImageElement extends Components.RImage, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRImageElementEventMap>(type: K, listener: (this: HTMLRImageElement, ev: RImageCustomEvent<HTMLRImageElementEventMap[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 HTMLRImageElementEventMap>(type: K, listener: (this: HTMLRImageElement, ev: RImageCustomEvent<HTMLRImageElementEventMap[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 HTMLRImageElement: {
        prototype: HTMLRImageElement;
        new (): HTMLRImageElement;
    };
    interface HTMLRInputElementEventMap {
        "rValidate": {
    state: string,
    message: string
  };
        "rInput": {
    element: HTMLRInputElement,
    value: any
  };
        "rBlur": any;
        "rFocus": any;
        "rChange": {
    element: HTMLRInputElement,
    value: any
  };
        "rReset": {
    element: HTMLRInputElement,
    value: any
  };
        "rBeforeInput": InputEvent;
        "rInvalid": Event;
        "rKeyDown": KeyboardEvent;
        "rKeyUp": KeyboardEvent;
        "rSelect": Event;
    }
    interface HTMLRInputElement extends Components.RInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRInputElementEventMap>(type: K, listener: (this: HTMLRInputElement, ev: RInputCustomEvent<HTMLRInputElementEventMap[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 HTMLRInputElementEventMap>(type: K, listener: (this: HTMLRInputElement, ev: RInputCustomEvent<HTMLRInputElementEventMap[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 HTMLRInputElement: {
        prototype: HTMLRInputElement;
        new (): HTMLRInputElement;
    };
    interface HTMLRInputCodeElementEventMap {
        "rChange": { value: string };
        "rValidate": {
    state: string,
    message: string
  };
        "rReset": {
    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;
        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 HTMLRInputCodeElementEventMap>(type: K, listener: (this: HTMLRInputCodeElement, ev: RInputCodeCustomEvent<HTMLRInputCodeElementEventMap[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 HTMLRInputCodeElement: {
        prototype: HTMLRInputCodeElement;
        new (): HTMLRInputCodeElement;
    };
    interface HTMLRInputDateElementEventMap {
        "rValidate": {
    state: string,
    message: string
  };
        "rInput": {
    element: HTMLRInputDateElement,
    value: any
  };
        "rChange": {
    element: HTMLRInputDateElement,
    value: any
  };
        "rReset": {
    element: HTMLRInputDateElement,
    value: any
  };
    }
    interface HTMLRInputDateElement extends Components.RInputDate, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRInputDateElementEventMap>(type: K, listener: (this: HTMLRInputDateElement, ev: RInputDateCustomEvent<HTMLRInputDateElementEventMap[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 HTMLRInputDateElementEventMap>(type: K, listener: (this: HTMLRInputDateElement, ev: RInputDateCustomEvent<HTMLRInputDateElementEventMap[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 HTMLRInputDateElement: {
        prototype: HTMLRInputDateElement;
        new (): HTMLRInputDateElement;
    };
    interface HTMLRInputPasswordElementEventMap {
        "rValidate": {
    state: string,
    message: string
  };
        "rInput": {
    element: HTMLRInputPasswordElement,
    value: any
  };
        "rChange": {
    element: HTMLRInputPasswordElement,
    value: any
  };
        "rReset": {
    element: HTMLRInputPasswordElement,
    value: any
  };
        "rVisibilityChange": {
    element: HTMLRInputPasswordElement,
    visible: boolean
  };
    }
    interface HTMLRInputPasswordElement extends Components.RInputPassword, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRInputPasswordElementEventMap>(type: K, listener: (this: HTMLRInputPasswordElement, ev: RInputPasswordCustomEvent<HTMLRInputPasswordElementEventMap[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 HTMLRInputPasswordElementEventMap>(type: K, listener: (this: HTMLRInputPasswordElement, ev: RInputPasswordCustomEvent<HTMLRInputPasswordElementEventMap[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 HTMLRInputPasswordElement: {
        prototype: HTMLRInputPasswordElement;
        new (): HTMLRInputPasswordElement;
    };
    interface HTMLRInputPhoneNumberElementEventMap {
        "rInput": {
    element: HTMLRInputPhoneNumberElement,
    value: string,
    phoneNumber: string,
    countryCode: string
  };
        "rChange": {
    element: HTMLRInputPhoneNumberElement,
    value: string,
    countryCode: string,
    phoneNumber: string
  };
        "rValidate": {
    state: string,
    message: string
  };
        "rReset": {
    element: HTMLRInputPhoneNumberElement,
    value: string
  };
    }
    interface HTMLRInputPhoneNumberElement extends Components.RInputPhoneNumber, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRInputPhoneNumberElementEventMap>(type: K, listener: (this: HTMLRInputPhoneNumberElement, ev: RInputPhoneNumberCustomEvent<HTMLRInputPhoneNumberElementEventMap[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 HTMLRInputPhoneNumberElementEventMap>(type: K, listener: (this: HTMLRInputPhoneNumberElement, ev: RInputPhoneNumberCustomEvent<HTMLRInputPhoneNumberElementEventMap[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 HTMLRInputPhoneNumberElement: {
        prototype: HTMLRInputPhoneNumberElement;
        new (): HTMLRInputPhoneNumberElement;
    };
    /**
     * Utility component, mostly used internally in other design system components,
     * for consistent presentation of text with optional associated tooltip.
     */
    interface HTMLRLabelElement extends Components.RLabel, HTMLStencilElement {
    }
    var HTMLRLabelElement: {
        prototype: HTMLRLabelElement;
        new (): HTMLRLabelElement;
    };
    interface HTMLRListItemElementEventMap {
        "rChange": {
    element: HTMLRListItemElement,
    value: any,
    checked: boolean
  };
        "rReset": {
    element: HTMLRListItemElement,
    value: any,
    checked: boolean
  };
        "rValidate": {
    state: string
  };
    }
    interface HTMLRListItemElement extends Components.RListItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRListItemElementEventMap>(type: K, listener: (this: HTMLRListItemElement, ev: RListItemCustomEvent<HTMLRListItemElementEventMap[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 HTMLRListItemElementEventMap>(type: K, listener: (this: HTMLRListItemElement, ev: RListItemCustomEvent<HTMLRListItemElementEventMap[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 HTMLRListItemElement: {
        prototype: HTMLRListItemElement;
        new (): HTMLRListItemElement;
    };
    interface HTMLRPaginationElementEventMap {
        "rChange": {
    total: number,
    active: number,
    previous: number,
    next: number
  };
        "rNumberClick": {
    total: number,
    active: number,
    previous: number,
    next: number
  };
        "rArrowClick": {
    total: number,
    active: number,
    previous: number,
    next: number,
    direction: string
  };
        "rItemsPerPageChange": number;
    }
    interface HTMLRPaginationElement extends Components.RPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRPaginationElementEventMap>(type: K, listener: (this: HTMLRPaginationElement, ev: RPaginationCustomEvent<HTMLRPaginationElementEventMap[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 HTMLRPaginationElementEventMap>(type: K, listener: (this: HTMLRPaginationElement, ev: RPaginationCustomEvent<HTMLRPaginationElementEventMap[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 HTMLRPaginationElement: {
        prototype: HTMLRPaginationElement;
        new (): HTMLRPaginationElement;
    };
    interface HTMLRPanelElementEventMap {
        "panelStateChanged": { collapsed: boolean };
    }
    interface HTMLRPanelElement extends Components.RPanel, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRPanelElementEventMap>(type: K, listener: (this: HTMLRPanelElement, ev: RPanelCustomEvent<HTMLRPanelElementEventMap[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 HTMLRPanelElementEventMap>(type: K, listener: (this: HTMLRPanelElement, ev: RPanelCustomEvent<HTMLRPanelElementEventMap[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 HTMLRPanelElement: {
        prototype: HTMLRPanelElement;
        new (): HTMLRPanelElement;
    };
    interface HTMLRPopoverElementEventMap {
        "popoverOpenChange": { open: boolean };
        "hidePopover": void;
        "showPopover": void;
        "focusPopover": void;
    }
    interface HTMLRPopoverElement extends Components.RPopover, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRPopoverElementEventMap>(type: K, listener: (this: HTMLRPopoverElement, ev: RPopoverCustomEvent<HTMLRPopoverElementEventMap[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 HTMLRPopoverElementEventMap>(type: K, listener: (this: HTMLRPopoverElement, ev: RPopoverCustomEvent<HTMLRPopoverElementEventMap[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 HTMLRPopoverElement: {
        prototype: HTMLRPopoverElement;
        new (): HTMLRPopoverElement;
    };
    interface HTMLRPopoverActionElement extends Components.RPopoverAction, HTMLStencilElement {
    }
    var HTMLRPopoverActionElement: {
        prototype: HTMLRPopoverActionElement;
        new (): HTMLRPopoverActionElement;
    };
    interface HTMLRPopoverContentElement extends Components.RPopoverContent, HTMLStencilElement {
    }
    var HTMLRPopoverContentElement: {
        prototype: HTMLRPopoverContentElement;
        new (): HTMLRPopoverContentElement;
    };
    interface HTMLRPopoverHeadlineElement extends Components.RPopoverHeadline, HTMLStencilElement {
    }
    var HTMLRPopoverHeadlineElement: {
        prototype: HTMLRPopoverHeadlineElement;
        new (): HTMLRPopoverHeadlineElement;
    };
    interface HTMLRPopoverTriggerElementEventMap {
        "triggerMouseEnter": any;
        "triggerMouseLeave": any;
    }
    interface HTMLRPopoverTriggerElement extends Components.RPopoverTrigger, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRPopoverTriggerElementEventMap>(type: K, listener: (this: HTMLRPopoverTriggerElement, ev: RPopoverTriggerCustomEvent<HTMLRPopoverTriggerElementEventMap[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 HTMLRPopoverTriggerElementEventMap>(type: K, listener: (this: HTMLRPopoverTriggerElement, ev: RPopoverTriggerCustomEvent<HTMLRPopoverTriggerElementEventMap[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 HTMLRPopoverTriggerElement: {
        prototype: HTMLRPopoverTriggerElement;
        new (): HTMLRPopoverTriggerElement;
    };
    interface HTMLRProgressBarElement extends Components.RProgressBar, HTMLStencilElement {
    }
    var HTMLRProgressBarElement: {
        prototype: HTMLRProgressBarElement;
        new (): HTMLRProgressBarElement;
    };
    interface HTMLRRadioButtonElementEventMap {
        "rChange": {
    element: HTMLRRadioButtonElement,
    value: any,
    checked: boolean
  };
        "rReset": {
    element: HTMLRRadioButtonElement,
    value: any,
    checked: boolean
  };
        "radioButtonClick": Event;
        "radioButtonKeydown": Event;
        "radioButtonDeselect": {
    element: HTMLRRadioButtonElement,
    value: any,
    checked: boolean
  };
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface HTMLRRadioButtonElement extends Components.RRadioButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRRadioButtonElementEventMap>(type: K, listener: (this: HTMLRRadioButtonElement, ev: RRadioButtonCustomEvent<HTMLRRadioButtonElementEventMap[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 HTMLRRadioButtonElementEventMap>(type: K, listener: (this: HTMLRRadioButtonElement, ev: RRadioButtonCustomEvent<HTMLRRadioButtonElementEventMap[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 HTMLRRadioButtonElement: {
        prototype: HTMLRRadioButtonElement;
        new (): HTMLRRadioButtonElement;
    };
    /**
     * A radio button is used to select a single option in a list.
     */
    interface HTMLRRadioButtonDescriptionElement extends Components.RRadioButtonDescription, HTMLStencilElement {
    }
    var HTMLRRadioButtonDescriptionElement: {
        prototype: HTMLRRadioButtonDescriptionElement;
        new (): HTMLRRadioButtonDescriptionElement;
    };
    /**
     * A radio button is used to select a single option in a list.
     */
    interface HTMLRRadioButtonLeadingElement extends Components.RRadioButtonLeading, HTMLStencilElement {
    }
    var HTMLRRadioButtonLeadingElement: {
        prototype: HTMLRRadioButtonLeadingElement;
        new (): HTMLRRadioButtonLeadingElement;
    };
    /**
     * A radio button is used to select a single option in a list.
     */
    interface HTMLRRadioButtonTitleElement extends Components.RRadioButtonTitle, HTMLStencilElement {
    }
    var HTMLRRadioButtonTitleElement: {
        prototype: HTMLRRadioButtonTitleElement;
        new (): HTMLRRadioButtonTitleElement;
    };
    /**
     * A radio button is used to select a single option in a list.
     */
    interface HTMLRRadioButtonTrailingElement extends Components.RRadioButtonTrailing, HTMLStencilElement {
    }
    var HTMLRRadioButtonTrailingElement: {
        prototype: HTMLRRadioButtonTrailingElement;
        new (): HTMLRRadioButtonTrailingElement;
    };
    interface HTMLRRadioGroupElementEventMap {
        "rValidate": {
    state: string,
    message: string
  };
        "rChange": {
    element: HTMLRRadioGroupElement,
    value: any
  };
        "rReset": {
    element: HTMLRRadioGroupElement,
    value: any
  };
    }
    interface HTMLRRadioGroupElement extends Components.RRadioGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRRadioGroupElementEventMap>(type: K, listener: (this: HTMLRRadioGroupElement, ev: RRadioGroupCustomEvent<HTMLRRadioGroupElementEventMap[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 HTMLRRadioGroupElementEventMap>(type: K, listener: (this: HTMLRRadioGroupElement, ev: RRadioGroupCustomEvent<HTMLRRadioGroupElementEventMap[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 HTMLRRadioGroupElement: {
        prototype: HTMLRRadioGroupElement;
        new (): HTMLRRadioGroupElement;
    };
    interface HTMLRSelectElementEventMap {
        "rValidate": {
    state: string,
    message: string
  };
        "rChange": {
    element: HTMLRSelectElement,
    value: any
  };
        "rReset": {
    element: HTMLRSelectElement,
    value: any
  };
        "rFocus": any;
        "rBlur": any;
    }
    /**
     * A select allows the user to choose between a set of options.
     * Overall behavior is based on native `<select>`
     */
    interface HTMLRSelectElement extends Components.RSelect, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRSelectElementEventMap>(type: K, listener: (this: HTMLRSelectElement, ev: RSelectCustomEvent<HTMLRSelectElementEventMap[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 HTMLRSelectElementEventMap>(type: K, listener: (this: HTMLRSelectElement, ev: RSelectCustomEvent<HTMLRSelectElementEventMap[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 HTMLRSelectElement: {
        prototype: HTMLRSelectElement;
        new (): HTMLRSelectElement;
    };
    interface HTMLRSelectOptionElementEventMap {
        "optionClick": {
    element: HTMLRSelectOptionElement,
    value: any
  };
    }
    /**
     * `<r-select-option>` represents a single choice inside `<r-select>`.
     * Accessibility:
     * - Hosts `role="option"` and `aria-selected` / `aria-disabled`.
     * - Emits granular events consumed by the parent select for state + keyboard logic.
     * Keyboard (handled by parent `<r-select>`):
     * - Arrow keys move focus between options.
     * - Enter/Space commit the focused option.
     * - Typeahead supported via characters typed while the listbox is open.
     * Do not use directly outside `<r-select>`.
     */
    interface HTMLRSelectOptionElement extends Components.RSelectOption, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRSelectOptionElementEventMap>(type: K, listener: (this: HTMLRSelectOptionElement, ev: RSelectOptionCustomEvent<HTMLRSelectOptionElementEventMap[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 HTMLRSelectOptionElementEventMap>(type: K, listener: (this: HTMLRSelectOptionElement, ev: RSelectOptionCustomEvent<HTMLRSelectOptionElementEventMap[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 HTMLRSelectOptionElement: {
        prototype: HTMLRSelectOptionElement;
        new (): HTMLRSelectOptionElement;
    };
    interface HTMLRSkipLinkElement extends Components.RSkipLink, HTMLStencilElement {
    }
    var HTMLRSkipLinkElement: {
        prototype: HTMLRSkipLinkElement;
        new (): HTMLRSkipLinkElement;
    };
    interface HTMLRStepperElement extends Components.RStepper, HTMLStencilElement {
    }
    var HTMLRStepperElement: {
        prototype: HTMLRStepperElement;
        new (): HTMLRStepperElement;
    };
    interface HTMLRStepperItemElement extends Components.RStepperItem, HTMLStencilElement {
    }
    var HTMLRStepperItemElement: {
        prototype: HTMLRStepperItemElement;
        new (): HTMLRStepperItemElement;
    };
    interface HTMLRTabElementEventMap {
        "tabChange": {
    element: HTMLRTabElement
  };
        "moveTabFocus": {
    element: HTMLRTabElement,
    keycode: string,
  };
    }
    interface HTMLRTabElement extends Components.RTab, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRTabElementEventMap>(type: K, listener: (this: HTMLRTabElement, ev: RTabCustomEvent<HTMLRTabElementEventMap[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 HTMLRTabElementEventMap>(type: K, listener: (this: HTMLRTabElement, ev: RTabCustomEvent<HTMLRTabElementEventMap[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 HTMLRTabElement: {
        prototype: HTMLRTabElement;
        new (): HTMLRTabElement;
    };
    interface HTMLRTabPanelElement extends Components.RTabPanel, HTMLStencilElement {
    }
    var HTMLRTabPanelElement: {
        prototype: HTMLRTabPanelElement;
        new (): HTMLRTabPanelElement;
    };
    interface HTMLRTabsElementEventMap {
        "rChange": {
    element: HTMLRTabElement
  };
    }
    interface HTMLRTabsElement extends Components.RTabs, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRTabsElementEventMap>(type: K, listener: (this: HTMLRTabsElement, ev: RTabsCustomEvent<HTMLRTabsElementEventMap[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 HTMLRTabsElementEventMap>(type: K, listener: (this: HTMLRTabsElement, ev: RTabsCustomEvent<HTMLRTabsElementEventMap[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 HTMLRTabsElement: {
        prototype: HTMLRTabsElement;
        new (): HTMLRTabsElement;
    };
    interface HTMLRTabsListElement extends Components.RTabsList, HTMLStencilElement {
    }
    var HTMLRTabsListElement: {
        prototype: HTMLRTabsListElement;
        new (): HTMLRTabsListElement;
    };
    interface HTMLRTextareaElementEventMap {
        "rChange": {
    element: HTMLRTextareaElement,
    value: any
  };
        "rInput": {
    element: HTMLRTextareaElement,
    value: any
  };
        "rReset": {
    element: HTMLRTextareaElement,
    value: any
  };
        "rValidate": {
    state: string,
    message: string
  };
        "rSelect": {
    element: HTMLRTextareaElement;
    selectionStart: number;
    selectionEnd: number;
    selectionDirection: 'forward' | 'backward' | 'none';
    value: string;
  };
        "rBeforeInput": {
    element: HTMLRTextareaElement;
    inputType: string;
    data: string | null;
    selectionStart: number;
    selectionEnd: number;
    cancelable: boolean;
  };
        "rFocus": {
    element: HTMLRTextareaElement;
    value: any;
  };
        "rBlur": {
    element: HTMLRTextareaElement;
    value: any;
  };
    }
    interface HTMLRTextareaElement extends Components.RTextarea, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRTextareaElementEventMap>(type: K, listener: (this: HTMLRTextareaElement, ev: RTextareaCustomEvent<HTMLRTextareaElementEventMap[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 HTMLRTextareaElementEventMap>(type: K, listener: (this: HTMLRTextareaElement, ev: RTextareaCustomEvent<HTMLRTextareaElementEventMap[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 HTMLRTextareaElement: {
        prototype: HTMLRTextareaElement;
        new (): HTMLRTextareaElement;
    };
    interface HTMLRToastElementEventMap {
        "rClickToastTrailingIcon": any;
        "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;
        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 HTMLRToastElementEventMap>(type: K, listener: (this: HTMLRToastElement, ev: RToastCustomEvent<HTMLRToastElementEventMap[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 HTMLRToastElement: {
        prototype: HTMLRToastElement;
        new (): HTMLRToastElement;
    };
    interface HTMLRToastGroupElement extends Components.RToastGroup, HTMLStencilElement {
    }
    var HTMLRToastGroupElement: {
        prototype: HTMLRToastGroupElement;
        new (): HTMLRToastGroupElement;
    };
    interface HTMLRTooltipElementEventMap {
        "rTooltipFocus": { element: HTMLRTooltipElement };
        "rTooltipChange": { open: boolean };
    }
    interface HTMLRTooltipElement extends Components.RTooltip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLRTooltipElementEventMap>(type: K, listener: (this: HTMLRTooltipElement, ev: RTooltipCustomEvent<HTMLRTooltipElementEventMap[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 HTMLRTooltipElementEventMap>(type: K, listener: (this: HTMLRTooltipElement, ev: RTooltipCustomEvent<HTMLRTooltipElementEventMap[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 HTMLRTooltipElement: {
        prototype: HTMLRTooltipElement;
        new (): HTMLRTooltipElement;
    };
    interface HTMLElementTagNameMap {
        "r-accordion": HTMLRAccordionElement;
        "r-accordion-panel": HTMLRAccordionPanelElement;
        "r-accordion-section": HTMLRAccordionSectionElement;
        "r-accordion-trigger": HTMLRAccordionTriggerElement;
        "r-alert": HTMLRAlertElement;
        "r-badge": HTMLRBadgeElement;
        "r-button": HTMLRButtonElement;
        "r-checkbox": HTMLRCheckboxElement;
        "r-checkbox-group": HTMLRCheckboxGroupElement;
        "r-design-system-devtools": HTMLRDesignSystemDevtoolsElement;
        "r-dialog": HTMLRDialogElement;
        "r-float": HTMLRFloatElement;
        "r-hint": HTMLRHintElement;
        "r-icon": HTMLRIconElement;
        "r-icon-button": HTMLRIconButtonElement;
        "r-illustration": HTMLRIllustrationElement;
        "r-image": HTMLRImageElement;
        "r-input": HTMLRInputElement;
        "r-input-code": HTMLRInputCodeElement;
        "r-input-date": HTMLRInputDateElement;
        "r-input-password": HTMLRInputPasswordElement;
        "r-input-phone-number": HTMLRInputPhoneNumberElement;
        "r-label": HTMLRLabelElement;
        "r-list-item": HTMLRListItemElement;
        "r-pagination": HTMLRPaginationElement;
        "r-panel": HTMLRPanelElement;
        "r-popover": HTMLRPopoverElement;
        "r-popover-action": HTMLRPopoverActionElement;
        "r-popover-content": HTMLRPopoverContentElement;
        "r-popover-headline": HTMLRPopoverHeadlineElement;
        "r-popover-trigger": HTMLRPopoverTriggerElement;
        "r-progress-bar": HTMLRProgressBarElement;
        "r-radio-button": HTMLRRadioButtonElement;
        "r-radio-button-description": HTMLRRadioButtonDescriptionElement;
        "r-radio-button-leading": HTMLRRadioButtonLeadingElement;
        "r-radio-button-title": HTMLRRadioButtonTitleElement;
        "r-radio-button-trailing": HTMLRRadioButtonTrailingElement;
        "r-radio-group": HTMLRRadioGroupElement;
        "r-select": HTMLRSelectElement;
        "r-select-option": HTMLRSelectOptionElement;
        "r-skip-link": HTMLRSkipLinkElement;
        "r-stepper": HTMLRStepperElement;
        "r-stepper-item": HTMLRStepperItemElement;
        "r-tab": HTMLRTabElement;
        "r-tab-panel": HTMLRTabPanelElement;
        "r-tabs": HTMLRTabsElement;
        "r-tabs-list": HTMLRTabsListElement;
        "r-textarea": HTMLRTextareaElement;
        "r-toast": HTMLRToastElement;
        "r-toast-group": HTMLRToastGroupElement;
        "r-tooltip": HTMLRTooltipElement;
    }
}
declare namespace LocalJSX {
    /**
     * An accordion represents a list of expandable/collapsable content sections with corresponding headers.
     * By default, only one section can be expanded, which can be changed by setting the `multiple` attribute. Use accordions when a limited, additional amount of information needs to be shown within a page, or if there is a small space to show content.
     * Each content section must be wrapped in a `<r-accordion-item>` elements.
     * Example:
     * ```
     * <r-accordion>
     *   <r-accordion-item header="Economic health">
     *    <p>Economic health is a concept that …</p>
     *   </r-accordion-item>
     * </r-accordion>
     * ```
     */
    interface RAccordion {
        /**
          * Whether to allow multiple accordion items to be expanded at once
         */
        "multiple"?: boolean;
        /**
          * Defines the size of an accordion UI.
          * @default 'l'
         */
        "size"?: AccordionSize;
    }
    interface RAccordionPanel {
        /**
          * Indication of the panel disabled state.
         */
        "disabled"?: boolean;
        /**
          * Indication of the panel expanded state.
         */
        "expanded"?: boolean;
        /**
          * Id of the trigger that controls this panel.
         */
        "trigger"?: string;
    }
    interface RAccordionSection {
        /**
          * Indicates if `<r-accordion-section>` is disabled
         */
        "disabled"?: boolean;
        /**
          * Indicates if `<r-accordion-expanded>` is expanded
         */
        "expanded"?: boolean;
        /**
          * Defines heading level for accordion header
          * @default 2
         */
        "headingAriaLevel"?: number;
        /**
          * Emit click on trigger
         */
        "onRChangeExpanded"?: (event: RAccordionSectionCustomEvent<{
    element: HTMLRAccordionSectionElement
    expanded: boolean
  }>) => void;
    }
    interface RAccordionTrigger {
        /**
          * Controls disabled state
         */
        "disabled"?: boolean;
        /**
          * Indication of the controlled panel revelation.
         */
        "expanded"?: boolean;
        /**
          * Emit click on trigger
         */
        "onRClickTrigger"?: (event: RAccordionTriggerCustomEvent<{
    element: HTMLRAccordionTriggerElement
    panelId: string,
    expanded: boolean
  }>) => void;
        /**
          * Emit keyup on trigger
         */
        "onRKeyupTrigger"?: (event: RAccordionTriggerCustomEvent<{
    element: HTMLRAccordionTriggerElement
    panelId: string,
    expanded: boolean
  }>) => void;
        /**
          * Id of the panel this trigger controls.
         */
        "panel"?: string;
        /**
          * Controls if expanded and collapsed icons are not the same
         */
        "splitted"?: boolean;
    }
    interface RAlert {
        /**
          * Sets role="alert" and will be announced to screen reader users
          * @default true
         */
        "announced"?: boolean;
        /**
          * Defines content text of the alert
         */
        "content"?: string;
        /**
          * @deprecated Use `delayMs` instead. This property uses seconds and will be removed in a future version. Provide an amount of seconds before alert collapses when `dismissMode="auto"`.
         */
        "delay"?: number;
        /**
          * Defines amount of time im miliseconds before alert is removed from DOM.
          * @default 500
         */
        "delayBeforeRemoval"?: number;
        /**
          * Defines the amount of time in milliseconds before the alert is automatically dismissed. Only applies when `dismissMode="auto"`. If both `delay` and `delayMs` are set, `delayMs` takes precedence.
          * @default undefined
         */
        "delayMs"?: number;
        /**
          * Text content for an alert dismiss button
          * @default 'Dismiss alert'
         */
        "dismissButtonAriaLabel"?: string;
        /**
          * Defines the behavior of the component's dismissing. - `auto`: The component will be dismissed automatically after the time specified by `delayMs` (or deprecated `delay` in seconds). - `manual`: The component requires explicit user action to close.
          * @default "manual"
         */
        "dismissMode"?: AlertDismissMode;
        /**
          * Defines headline text of the alert
         */
        "headline"?: string;
        /**
          * Defines href of the alert link
         */
        "href"?: string;
        /**
          * Defines an icon to be presented in leading slot
         */
        "leadingIcon"?: IconName;
        /**
          * Defines an icon size to be presented in leading slot
          * @default 'm'
         */
        "leadingIconSize"?: IconSize;
        /**
          * Defines an icon source to be presented in leading slot
         */
        "leadingIconSrc"?: string;
        /**
          * Defines whether the leading icon is visible.
          * @default true
         */
        "leadingIconVisible"?: boolean;
        /**
          * Defines link label text of the alert
         */
        "linkText"?: string;
        /**
          * Emit when by click on the trailing dismiss button
         */
        "onRAlertDismiss"?: (event: RAlertCustomEvent<any>) => void;
        /**
          * Emit when alert is removed from the DOM
         */
        "onRAlertDismissed"?: (event: RAlertCustomEvent<any>) => void;
        /**
          * Emit when alert is hidden from the view
         */
        "onRAlertHide"?: (event: RAlertCustomEvent<any>) => void;
        /**
          * Emit when alert becomes visible
         */
        "onRAlertShow"?: (event: RAlertCustomEvent<any>) => void;
        /**
          * @deprecated Use `rAlertDismiss` instead. Emit click on trigger
         */
        "onRClickAlertTrailingIcon"?: (event: RAlertCustomEvent<any>) => void;
        /**
          * Controls alert visibility
          * @default true
         */
        "open"?: boolean;
        /**
          * Alert status controls apperance according to the status
          * @default 'info'
         */
        "status"?: AlertStatus;
        /**
          * Defines the target for the linked URL when `href` is provided. Options: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
          * @default '_self'
         */
        "target"?: AlertTarget;
        /**
          * Defines an icon to be presented in trailing slot
          * @default 'cross'
         */
        "trailingIcon"?: IconName;
        /**
          * Defines an icon size to be presented in trailing slot
          * @default 'm'
         */
        "trailingIconSize"?: IconSize;
        /**
          * Defines an icon source to be presented in trailing slot
         */
        "trailingIconSrc"?: string;
    }
    /**
     * Informational element used to indicate the status of an object or action.
     */
    interface RBadge {
        /**
          * Defines an accessible name for the icon
         */
        "iconAriaLabel"?: string;
        /**
          * Defines if badge icon should be visible
          * @default false
         */
        "iconVisible"?: boolean;
        /**
          * Variant defines how the component will be presented in UI, optional.
          * @default "information"
         */
        "variant"?: BadgeVariant;
    }
    /**
     * A button can be used by a user to trigger an action. Corresponds to, and is rendered as a,
     * [native button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button).
     */
    interface RButton {
        /**
          * Prevents user interaction and applies disabled style
         */
        "disabled"?: boolean;
        /**
          * Whether to present as a full-width (100%) button.  Only primary and secondary buttons can be expanded.
         */
        "expanded"?: boolean;
        /**
          * Reference form element id with which the button is associated.
         */
        "form"?: string;
        /**
          * URL or a URL fragment that the hyperlink points to. If the property is set, an anchor tag will be rendered.
         */
        "href"?: string;
        /**
          * Name of an icon to display within button.
         */
        "icon"?: IconName;
        /**
          * Position of an icon within button. Only use it when 'icon' is specified.
          * @default 'start'
         */
        "iconPosition"?: IconPosition;
        /**
          * 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-description` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-description)
         */
        "rAriaDescription"?: string;
        /**
          * Sets string value for `aria-label` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
         */
        "rAriaLabel"?: string;
        /**
          * Visual size
          * @default 'large'
         */
        "size"?: ButtonSize;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
         */
        "target"?: ButtonTarget;
        /**
          * Button behavior, corresponding to [native `type` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
          * @default 'button'
         */
        "type"?: ButtonType;
        /**
          * Presentational style
          * @default 'primary'
         */
        "variant"?: ButtonVariant;
    }
    /**
     * Checkboxes allow users to select none, one, or multiple items from a list.
     * Overall behavior is based on native `<input type="checkbox">`
     */
    interface RCheckbox {
        /**
          * Automatically focus the checkbox when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior.
          * @default false
         */
        "autofocus"?: boolean;
        /**
          * Pass initial checked state
         */
        "checked"?: boolean;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Prevent user interaction and apply disabled style
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Visually present checkbox in indeterminate state (neither checked nor unchecked)
         */
        "indeterminate"?: boolean;
        /**
          * Indicate that validation has failed
         */
        "invalid"?: boolean;
        /**
          * Name of element (data) within a form
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emit custom `rChange` event when checkbox onChange event emitted. Emitted `event.details` contain checkbox value and checked state.
         */
        "onRChange"?: (event: RCheckboxCustomEvent<{
    element: HTMLRCheckboxElement,
    value: any,
    checked: boolean
  }>) => void;
        /**
          * Emits `rReset` when component was reset to initial state by form reset
         */
        "onRReset"?: (event: RCheckboxCustomEvent<{
    element: HTMLRCheckboxElement,
    value: any,
    checked: boolean
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RCheckboxCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Specifies if checkbox must be checked
         */
        "required"?: boolean;
        /**
          * Indicate that validation is successful
         */
        "valid"?: boolean;
        /**
          * Value of element data within a form
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    interface RCheckboxGroup {
        /**
          * Specifies if select-all checkbox is initially in checked state
         */
        "checked"?: boolean;
        /**
          * Set custom message for `customError` property of a ValidityState object  indicating whether the element's custom validity message has been set to a non-empty  string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * An optional field indicator for the label.
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs.
         */
        "form"?: string;
        /**
          * Help text for the checkbox group.
         */
        "help"?: string;
        /**
          * An optional icon to display in the help text.
         */
        "helpIcon"?: IconName;
        /**
          * The color of the help icon.
         */
        "helpIconColor"?: string;
        /**
          * A hint providing additional information for the checkbox group.
         */
        "hint"?: string;
        /**
          * Specifies if select-all checkbox is initially in indeterminate state
         */
        "indeterminate"?: boolean;
        /**
          * @deprecated – use `indeterminate` instead; will be removed during next major release.  Specifies if select-all checkbox is initially in indetermitate state
         */
        "indetermitate"?: boolean;
        /**
          * Apply validation error visual style
         */
        "invalid"?: boolean;
        /**
          * The label for the checkbox group.
         */
        "label": string;
        /**
          * Specifies `name` property of the 'select-all' checkbox, representing the group as a whole.
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RCheckboxGroupCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Specifies whether the `value` is required.
          * @default false
         */
        "required"?: boolean;
        /**
          * Whether to show a "Select All" checkbox.
         */
        "showSelectAll"?: boolean;
        /**
          * Apply validation success visual style
         */
        "valid"?: boolean;
        /**
          * Specifies `value` property of the 'select-all', representing the group as a whole.
          * @default ''
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property  of a ValidityState object (set by `required`)  within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    /**
     * Can be used by developers to verify functionality of the design system.
     * Example:
     * ```html
     * <r-design-system-devtools design-tokens></r-design-system-devtools>
     * ```
     */
    interface RDesignSystemDevtools {
        /**
          * Whether to display a preview of some key design tokens
          * @default false
         */
        "designTokens"?: boolean;
    }
    interface RDialog {
        /**
          * Allows to set height of the dialog body container  while the value is smaller then `max-height` of the  dialog body pre-set according to the `size` prop.
          * @default 'auto'
         */
        "bodyHeight"?: string;
        /**
          * Allows plain text to be provided to the body of the dialog in cases where markup is not required. For more complex cases, including those requiring HTML markup,  use <div slot="body">...</div>.
         */
        "bodyText"?: string;
        /**
          * Allows plain text to be provided to the close button of the dialog.
         */
        "closeAriaLabel"?: string;
        /**
          * Allows to provide headline text to the dialog header section.
         */
        "headline"?: string;
        /**
          * Emitted when the dialog is closed. Fired by close(), and by the close button.
         */
        "onClose"?: (event: RDialogCustomEvent<any>) => void;
        /**
          * Define if dialog either shown or hidden.
          * @default false
         */
        "open"?: boolean;
        /**
          * A value indicating the result of a user’s  interaction with the dialog, used to determine what action  the user took before closing the dialog.   For example, it can differentiate between whether the user  clicked a “Confirm” button or a “Cancel” button.
         */
        "returnValue"?: string;
        /**
          * Defines one of pre-defined sizes of the dialog.
          * @default 'medium'
         */
        "size"?: DialogSize;
    }
    interface RFloat {
        /**
          * Direct HTMLElement reference to use as the anchor. Takes precedence over `trigger`. Use this when the trigger lives inside a shadow root that `document.querySelector` cannot pierce.
         */
        "anchorEl"?: HTMLElement;
        /**
          * Defines if float has arrow pointing to trigger rendered
          * @default true
         */
        "arrow"?: boolean;
        /**
          * Gap in pixels between the trigger element and the float box.
          * @default 8
         */
        "offset"?: number;
        /**
          * Emitted when the float becomes hidden.
         */
        "onRFloatHide"?: (event: RFloatCustomEvent<void>) => void;
        /**
          * Emitted when the float becomes visible.
         */
        "onRFloatShow"?: (event: RFloatCustomEvent<void>) => void;
        /**
          * Whether the float is currently visible.
          * @default false
         */
        "open"?: boolean;
        /**
          * Preferred horizontal alignment of the float relative to the trigger.
          * @default 'center'
         */
        "placementX"?: FloatPlacementX;
        /**
          * Preferred vertical side the float should appear on relative to the trigger.
          * @default 'bottom'
         */
        "placementY"?: FloatPlacementY;
        /**
          * CSS selector (or bare `id`) of the trigger element the float should anchor to. Supports any valid `document.querySelector` string, e.g. `"#my-btn"` or `"r-button"`.
         */
        "trigger"?: string;
    }
    /**
     * A form hint is a small presentational components used next to some form elements.
     * Mainly used within design system components and not primarilly intended for end-users.
     */
    interface RHint {
        /**
          * Allows to define custom icon to be shown next to hint text
         */
        "icon"?: IconName;
        /**
          * Apply validation error visual style
         */
        "invalid"?: boolean;
        /**
          * Variant defines the way hint will be visually presented
         */
        "variant"?: HintVariant;
    }
    interface RIcon {
        /**
          * Quick way to set display color to one of the Riverty color tokens
          * @default null
         */
        "color"?: string;
        /**
          * Defines an accessible name for the icon.
         */
        "iconAriaLabel"?: string;
        /**
          * Select kit
          * @default DEFAULT_KIT_NAME
         */
        "kit"?: IconKit;
        /**
          * Name of icon to select from the set
         */
        "name"?: IconName;
        /**
          * Select one of pre-set sizes (width and height automatically selected)
          * @default "m"
         */
        "size"?: IconSize;
        /**
          * Source of an icon to fetch from
         */
        "src"?: string;
        /**
          * Defines UI deviations for the icon.
         */
        "variant"?: IconVariant;
        /**
          * Customize `viewBox` of rendered icon SVG element
          * @default '0 0 24 24'
         */
        "viewBox"?: string;
    }
    /**
     * An icon button is a button that contains only an icon and is used to trigger an action.
     */
    interface RIconButton {
        /**
          * Prevents user interaction and applies disabled style.
         */
        "disabled"?: boolean;
        /**
          * The label for the button, used for accessibility. This label is not visible on the button itself. It is recommended to provide a label for screen readers. If not provided, the button will be considered as having no label.
         */
        "label"?: string;
        /**
          * Name of the icon to display within the button.
         */
        "name": IconName;
        /**
          * Emits `rClick` event on click.
         */
        "onRClick"?: (event: RIconButtonCustomEvent<any>) => void;
        /**
          * Sets string value for `aria-description` attribute
         */
        "rAriaDescription"?: string;
        /**
          * Defines the tabindex of the button for keyboard navigation.
         */
        "rTabindex"?: number;
        /**
          * Defines the size of the icon used within the button.
          * @default 'm'
         */
        "size"?: IconSize;
        /**
          * @deprecated Use the `<r-tooltip>` component as a wrapper instead. Sets position for the tooltip. - `top`: Tooltip appears above the button. - `bottom`: Tooltip appears below the button. - `left`: Tooltip appears to the left of the button. - `right`: Tooltip appears to the right of the button.
          * @default 'top'
         */
        "tooltipPosition"?: TooltipPosition;
        /**
          * @deprecated Use the `<r-tooltip>` component as a wrapper instead. Text to display within the tooltip when the button is hovered or focused.
         */
        "tooltipText"?: string;
        /**
          * Defines the visual style of the button. - `standard`: Default button style. - `contained`: Button with a contained background.
          * @default 'standard'
         */
        "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 RImage {
        /**
          * Accessible description of the image
          * @default ''
         */
        "alt"?: string;
        /**
          * Accessible label for the error state
          * @default 'Unable to load image'
         */
        "errorAlt"?: string;
        /**
          * Height of the image
         */
        "height"?: string;
        /**
          * Accessible label for the loading state
          * @default 'Image is loading'
         */
        "loadingAlt"?: string;
        /**
          * Controls how the image is cropped/scaled within its box
          * @default 'cover'
         */
        "objectFit"?: ImageObjectFit;
        /**
          * Controls the anchor point of the image within its box. Accepts any CSS object-position value, e.g. 'top', 'center', '50% 20%'.
         */
        "objectPosition"?: string;
        /**
          * Emitted when the image has successfully loaded
         */
        "onRComplete"?: (event: RImageCustomEvent<void>) => void;
        /**
          * Emitted when the image fails to load
         */
        "onRFailed"?: (event: RImageCustomEvent<void>) => void;
        /**
          * Emitted when the src property changes
         */
        "onRSrcChange"?: (event: RImageCustomEvent<string>) => void;
        /**
          * Text to be shown in the error state for medium and large images
          * @default 'Reload'
         */
        "reloadText"?: string;
        /**
          * Visual size
          * @default 'small'
         */
        "size"?: ImageSize;
        /**
          * URL of the image to display
         */
        "src"?: string;
        /**
          * Width of the image
         */
        "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.
         */
        "autocomplete"?: InputAutocomplete;
        /**
          * Automatically focus the input when it is first rendered. Mirrors native `autofocus` attribute behavior. Avoid using multiple times per page.
         */
        "autofocus"?: boolean;
        /**
          * Custom message for `badInput` (conversion / parsing failure).
         */
        "badInputMessage"?: string;
        /**
          * Custom message for `customError` (applies when set via `setCustomValidity()` logic internally).
         */
        "customErrorMessage"?: string;
        /**
          * 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.
         */
        "error"?: string;
        /**
          * Small marker string appended to the label (e.g. “Optional”, localized markers, etc.).
         */
        "fieldIndicator"?: string;
        /**
          * ID of the form this input is associated with (mirrors native `form` attribute). Use when the input is not a direct descendant of the target form element.
         */
        "form"?: string;
        /**
          * When true, stretches the component horizontally to fill its container.
         */
        "fullWidth"?: boolean;
        /**
          * 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).
         */
        "internal"?: boolean;
        /**
          * Explicit invalid state override (when set manually).
         */
        "invalid"?: boolean;
        /**
          * Label text describing the field. Provide for accessibility (or use the `label` slot).
         */
        "label": string;
        /**
          * Maximum numeric/date value (for supported types).
         */
        "max"?: number;
        /**
          * Maximum character length (enforced by native input).
         */
        "maxlength"?: number;
        /**
          * Minimum numeric/date value (for supported types).
         */
        "min"?: number;
        /**
          * Minimum character length (validation only).
         */
        "minlength"?: number;
        /**
          * Name used when contributing the value to form submission (`FormData` / POST body).
         */
        "name"?: string;
        /**
          * If set, the field is skipped by built‑in (Constraint Validation API) validation logic. Does not prevent custom validation you may trigger manually.
         */
        "novalidate"?: boolean;
        /**
          * Emitted when the input is about to be modified (mirrors native `beforeinput` semantics). Use for intercepting and preventing input before it occurs.
         */
        "onRBeforeInput"?: (event: RInputCustomEvent<InputEvent>) => void;
        /**
          * Emitted when the input loses focus.
         */
        "onRBlur"?: (event: RInputCustomEvent<any>) => void;
        /**
          * Emitted when the committed value changes (mirrors native `change` semantics).
         */
        "onRChange"?: (event: RInputCustomEvent<{
    element: HTMLRInputElement,
    value: any
  }>) => void;
        /**
          * Emitted when the input receives focus.
         */
        "onRFocus"?: (event: RInputCustomEvent<any>) => void;
        /**
          * Emitted on each user input (mirrors native `input` semantics).
         */
        "onRInput"?: (event: RInputCustomEvent<{
    element: HTMLRInputElement,
    value: any
  }>) => void;
        /**
          * Emitted when the input fails validation (mirrors native `invalid` semantics).
         */
        "onRInvalid"?: (event: RInputCustomEvent<Event>) => void;
        /**
          * Emitted when a key is pressed down (mirrors native `keydown` semantics).
         */
        "onRKeyDown"?: (event: RInputCustomEvent<KeyboardEvent>) => void;
        /**
          * Emitted when a key is released (mirrors native `keyup` semantics).
         */
        "onRKeyUp"?: (event: RInputCustomEvent<KeyboardEvent>) => void;
        /**
          * Emitted when a parent form is reset and the field restores its initial value.
         */
        "onRReset"?: (event: RInputCustomEvent<{
    element: HTMLRInputElement,
    value: any
  }>) => void;
        /**
          * Emitted when text is selected (mirrors native `select` semantics).
         */
        "onRSelect"?: (event: RInputCustomEvent<Event>) => void;
        /**
          * Emitted after each validation attempt (native or triggered logic).
         */
        "onRValidate"?: (event: RInputCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Safari-specific password rules for strong password generation (password inputs only). Format: "minlength: X; required: lower; required: upper; required: digit; required: special;" This attribute is Safari-specific and will be ignored by other browsers. See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
         */
        "passwordrules"?: string;
        /**
          * Regex pattern the value must match (string form).
         */
        "pattern"?: any;
        /**
          * Custom message for `patternMismatch`.
         */
        "patternMismatchMessage"?: string;
        /**
          * Placeholder hint text shown when the field is empty and unfocused.
         */
        "placeholder"?: string;
        /**
          * Custom message for `rangeOverflow`.
         */
        "rangeOverflowMessage"?: string;
        /**
          * Custom message for `rangeUnderflow`.
         */
        "rangeUnderflowMessage"?: string;
        /**
          * Read-only mode (mirrors native `readonly`): value cannot be changed by the user, but the field can still receive focus, be selected, and be submitted with a form.
         */
        "readonly"?: boolean;
        /**
          * 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.
         */
        "step"?: number;
        /**
          * Custom message for `stepMismatch`.
         */
        "stepMismatchMessage"?: string;
        /**
          * Custom message for `tooLong`.
         */
        "tooLongMessage"?: string;
        /**
          * Custom message for `tooShort`.
         */
        "tooShortMessage"?: string;
        /**
          * Input type (e.g. `text`, `email`, `number`, `password`). See HTMLInputElement `type` for supported values.
          * @default 'text'
         */
        "type"?: InputType;
        /**
          * Custom message for `typeMismatch`.
         */
        "typeMismatchMessage"?: string;
        /**
          * Explicit valid state override (when set manually).
         */
        "valid"?: boolean;
        /**
          * When `true` field renders valid/invalid marker within.
          * @default true
         */
        "validityMarker"?: boolean;
        /**
          * Current value. Mutable: can be changed programmatically or through user input.
          * @default ''
         */
        "value"?: string | null;
        /**
          * Custom message for `valueMissing`.
         */
        "valueMissingMessage"?: string;
    }
    interface RInputCode {
        /**
          * Defines label for each character's input. Default "Character: ${character number}"
         */
        "ariaCharacterLabel"?: string;
        /**
          * Specifies the autocomplete behavior. Default is 'one-time-code' for SMS OTP autofill.
          * @default : 'one-time-code'
         */
        "autocomplete"?: string;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Whether the input is disabled
         */
        "disabled"?: boolean;
        /**
          * Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
          * @default : 'done'
         */
        "enterkeyhint"?: InputCodeEnterKeyHint;
        /**
          * The way to provide error message separately from Constraint Validation API.
         */
        "error"?: string;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs.
         */
        "form"?: string;
        /**
          * Defines if the component suppose to occupy 100% width
         */
        "fullWidth"?: boolean;
        /**
          * Description for accessibility
         */
        "hint"?: string;
        /**
          * Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
          * @default : 'numeric'
         */
        "inputmode"?: InputCodeInputMode;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * Label for accessibility.
          * @default : 'Verification code'
         */
        "label"?: string;
        /**
          * Number of digits (typically 4–6).
          * @default : 4
         */
        "length"?: number;
        /**
          * Specifies a name for an input for submission within formData object.
          * @default 'input-code'
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements.
         */
        "novalidate"?: boolean;
        /**
          * 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
         */
        "onRReset"?: (event: RInputCodeCustomEvent<{
    element: HTMLRInputCodeElement,
    value: any
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RInputCodeCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Read-only mode (mirrors native `readonly`): value cannot be changed by the user, but the field can still receive focus, be selected, and be submitted with a form.
         */
        "readonly"?: boolean;
        /**
          * Whether the input is required
         */
        "required"?: boolean;
        /**
          * Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
         */
        "tooShortMessage"?: string;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * Defines initial value
          * @default ''
         */
        "value"?: string | null;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    interface RInputDate {
        /**
          * Custom error message displayed for any validation failures in the input.
         */
        "customErrorMessage"?: string;
        /**
          * Defines label for the input for the day
          * @default 'Day'
         */
        "dayAriaLabel"?: string;
        /**
          * Prevents user interaction and applies disabled style
         */
        "disabled"?: boolean;
        /**
          * The way to provide error message separately from Constraint Validation API.
         */
        "error"?: string;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Specifies a date format
          * @default 'DD/MM/YYYY'
         */
        "format"?: string;
        /**
          * Defines if the component suppose to occupy 100% width
         */
        "fullWidth"?: boolean;
        /**
          * Optional hint, visually presented under the input, giving additional context to the user
         */
        "hint"?: string;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * Custom error message displayed when date is not valid.
         */
        "invalidDateMessage"?: string;
        /**
          * The text on the label
         */
        "label": string;
        /**
          * Maximum date value (in the same format as the date input). Note: When changing the `format` prop, ensure `max` is also updated to match the new format.
         */
        "max"?: string;
        /**
          * Minimum date value (in the same format as the date input). Note: When changing the `format` prop, ensure `min` is also updated to match the new format.
         */
        "min"?: string;
        /**
          * Defines label for the input for the month
          * @default 'Month'
         */
        "monthAriaLabel"?: string;
        /**
          * Specifies a name for a input
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emits 'rChange' event when value of the component has been changed
         */
        "onRChange"?: (event: RInputDateCustomEvent<{
    element: HTMLRInputDateElement,
    value: any
  }>) => void;
        /**
          * Emits 'rInput' event when value of the component is changing
         */
        "onRInput"?: (event: RInputDateCustomEvent<{
    element: HTMLRInputDateElement,
    value: any
  }>) => void;
        /**
          * Emits 'rReset' event when form containing the component was reset
         */
        "onRReset"?: (event: RInputDateCustomEvent<{
    element: HTMLRInputDateElement,
    value: any
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RInputDateCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Custom error message displayed when date is after the maximum date.
         */
        "rangeOverflowMessage"?: string;
        /**
          * Custom error message displayed when date is before the minimum date.
         */
        "rangeUnderflowMessage"?: string;
        /**
          * Makes the date inputs read-only: users can focus and copy the value, but cannot modify it (value still submitted with the form unlike disabled).
         */
        "readonly"?: boolean;
        /**
          * Specifies that an input is required/must be filled out
         */
        "required"?: boolean;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * The value of the date input
          * @default ''
         */
        "value"?: string | null;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`)
         */
        "valueMissingMessage"?: string;
        /**
          * Defines label for the input for the year
          * @default 'Year'
         */
        "yearAriaLabel"?: string;
    }
    interface RInputPassword {
        /**
          * Password-specific autocomplete behavior for browser password managers.
          * @example **Usage Guidelines:** - `'current-password'`: Use in login forms where users enter their existing password - `'new-password'`: Use in registration forms or password change forms for the new password field - `'off'`: Disable autofill in sensitive contexts where password managers should not suggest values  **Common Patterns:** ```tsx // Login form <r-input-password autocomplete="current-password" />  // Registration form <r-input-password autocomplete="new-password" />  // Sensitive form (e.g., admin panel) <r-input-password autocomplete="off" /> ```
         */
        "autocomplete"?: PasswordAutocomplete;
        /**
          * Custom error message displayed for any validation failures in the input.
         */
        "customErrorMessage"?: string;
        /**
          * Prevents user interaction and applies disabled style
         */
        "disabled"?: boolean;
        /**
          * The way to provide error message separately from Constraint Validation API.
         */
        "error"?: string;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Defines if the component suppose to occupy 100% width
         */
        "fullWidth"?: boolean;
        /**
          * Custom message when the password is hidden to alert screen reader users.
          * @default "Your password is hidden."
         */
        "hiddenPasswordMessage"?: string;
        /**
          * Defines label for characters hide button.
          * @default 'Hide password.'
         */
        "hidePasswordAriaLabel"?: string;
        /**
          * Optional hint, visually presented under the input, giving additional context to the user
         */
        "hint"?: string;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * The text on the label
         */
        "label": string;
        /**
          * Maximum character length (enforced by native input).
         */
        "maxlength"?: number;
        /**
          * Minimum character length (validation only).
         */
        "minlength"?: number;
        /**
          * Specifies a name for a input
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emits 'rChange' event when value of the component has been changed
         */
        "onRChange"?: (event: RInputPasswordCustomEvent<{
    element: HTMLRInputPasswordElement,
    value: any
  }>) => void;
        /**
          * Emits 'rInput' event when value of the component is changing
         */
        "onRInput"?: (event: RInputPasswordCustomEvent<{
    element: HTMLRInputPasswordElement,
    value: any
  }>) => void;
        /**
          * Emits 'rReset' event when form containing the component was reset
         */
        "onRReset"?: (event: RInputPasswordCustomEvent<{
    element: HTMLRInputPasswordElement,
    value: any
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RInputPasswordCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Emits 'rVisibilityChange' event when password visibility is toggled
         */
        "onRVisibilityChange"?: (event: RInputPasswordCustomEvent<{
    element: HTMLRInputPasswordElement,
    visible: boolean
  }>) => void;
        /**
          * Safari-specific password rules for strong password generation. Format: "minlength: X; required: lower; required: upper; required: digit; required: special;" Example: "minlength: 8; required: lower; required: upper; required: digit; required: special;" Note: This attribute is Safari-specific and will be ignored by other browsers. See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
         */
        "passwordrules"?: string;
        /**
          * Regex pattern the value must match (string form).
         */
        "pattern"?: string;
        /**
          * Custom message for `patternMismatch`.
         */
        "patternMismatchMessage"?: string;
        /**
          * Specifies a short hint that describes the expected value of a input
         */
        "placeholder"?: string;
        /**
          * Makes the input read-only: users can focus and copy the value, but cannot modify it (value still submitted with the form unlike disabled).
         */
        "readonly"?: boolean;
        /**
          * Specifies that an input is required/must be filled out
         */
        "required"?: boolean;
        /**
          * Defines label for characters show button.
          * @default 'Show password.'
         */
        "showPasswordAriaLabel"?: string;
        /**
          * Custom message when the password is shown to alert screen reader users.
          * @default "Your password is shown."
         */
        "shownPasswordMessage"?: string;
        /**
          * Custom message for `tooLong`.
         */
        "tooLongMessage"?: string;
        /**
          * Custom message for `tooShort`.
         */
        "tooShortMessage"?: string;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * The value of the password input
          * @default ''
         */
        "value"?: string | null;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    interface RInputPhoneNumber {
        /**
          * Label for countryCode code
          * @default 'Country code'
         */
        "countryCodeLabel"?: string;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Prevents user interaction and applies disabled style.
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * An optional field indicator for the label.
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Defines if the component suppose to occupy 100% width
         */
        "fullWidth"?: boolean;
        /**
          * Optional hint giving additional context to the user
         */
        "hint"?: string;
        /**
          * Label for phone input
          * @default 'Phone number without country code'
         */
        "inputLabel"?: string;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * Custom error message displayed when phone number is not valid.
         */
        "invalidPhoneNumberMessage"?: string;
        /**
          * The label for the phone number.
         */
        "label": string;
        /**
          * Specifies a name for an input for submitting within formData object.
          * @default 'phone-number'
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emits 'rChange' event when value of the component has been changed
         */
        "onRChange"?: (event: RInputPhoneNumberCustomEvent<{
    element: HTMLRInputPhoneNumberElement,
    value: string,
    countryCode: string,
    phoneNumber: string
  }>) => void;
        /**
          * Emits 'rInput' event when value of the component is changing
         */
        "onRInput"?: (event: RInputPhoneNumberCustomEvent<{
    element: HTMLRInputPhoneNumberElement,
    value: string,
    phoneNumber: string,
    countryCode: string
  }>) => void;
        /**
          * Emits 'rReset' event when form containing the component was reset
         */
        "onRReset"?: (event: RInputPhoneNumberCustomEvent<{
    element: HTMLRInputPhoneNumberElement,
    value: string
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RInputPhoneNumberCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Makes the date inputs read-only: users can focus and copy the value, but cannot modify it (value still submitted with the form unlike disabled).
         */
        "readonly"?: boolean;
        /**
          * Specifies that phone number value is required
         */
        "required"?: boolean;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * Phone number value
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    /**
     * Utility component, mostly used internally in other design system components,
     * for consistent presentation of text with optional associated tooltip.
     */
    interface RLabel {
        /**
          * Text of an additional marker
         */
        "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.
         */
        "alignment"?: TrailingTextAlignment;
        /**
          * If true, renders a checkbox in the trailing slot (3rd slot).
         */
        "checkbox"?: boolean;
        /**
          * Controls the checked state of the trailing checkbox.
         */
        "checked"?: boolean;
        /**
          * Secondary text displayed below the headline (2nd slot), used for additional details or context.
         */
        "description"?: string;
        /**
          * If true, prevents user interaction with the list item and applies a disabled style.
         */
        "disabled"?: boolean;
        /**
          * If true, adds a horizontal divider below the list item.
         */
        "divider"?: boolean;
        /**
          * Determines whether the list item is expanded to show its subitems. It can be toggled programmatically or through user interaction.
          * @default false
         */
        "expanded"?: boolean;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * The main text or headline displayed in the text slot (2nd slot) of the list item.
         */
        "headline"?: string;
        /**
          * Defines if the leading icon shall become hidden.
         */
        "hideLeadingIcon"?: boolean;
        /**
          * If provided, renders the list item as a link using the <a> tag with the given href attribute.
         */
        "href"?: string;
        /**
          * Controls the indeterminate state of the trailing checkbox.
         */
        "indeterminate"?: boolean;
        /**
          * Indicate that validation has failed
         */
        "invalid"?: boolean;
        /**
          * Specifies the name of the icon to display in the leading slot (1st slot) of the list item.
         */
        "leadingIcon"?: IconName;
        /**
          * Defines an icon source to be presented in leading slot
         */
        "leadingIconSrc"?: string;
        /**
          * Controls the name of the trailing checkbox, used for form submission.
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emit custom `rChange` event when checkbox onChange event emitted *
         */
        "onRChange"?: (event: RListItemCustomEvent<{
    element: HTMLRListItemElement,
    value: any,
    checked: boolean
  }>) => void;
        /**
          * Emits `rReset` when checkbox was reset to initial state by form reset
         */
        "onRReset"?: (event: RListItemCustomEvent<{
    element: HTMLRListItemElement,
    value: any,
    checked: boolean
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RListItemCustomEvent<{
    state: string
  }>) => void;
        /**
          * Controls the position of the trailing checkbox.
          * @default 'center'
         */
        "position"?: ListItemCheckboxPosition;
        /**
          * Specifies if checkbox must be checked
         */
        "required"?: boolean;
        /**
          * Specifies the name of the icon to display in the trailing slot (3rd slot) of the list item.
         */
        "trailingIcon"?: IconName;
        /**
          * Defines an icon source to be presented in trailing slot
         */
        "trailingIconSrc"?: string;
        /**
          * Text displayed in the trailing slot (3rd slot), as an alternative to an icon.
         */
        "trailingText"?: string;
        /**
          * When enabled, the description is limited to a single line and truncated with an ellipsis if it overflows.
         */
        "truncateDescription"?: boolean;
        /**
          * Indicate that validation is successful
         */
        "valid"?: boolean;
        /**
          * Controls the value of the trailing checkbox, used for form submission.
         */
        "value"?: string;
        /**
          * Controls the style variation of the list item, such as regular or subitem.
          * @default 'list-item'
         */
        "variant"?: ListItemVariant;
    }
    interface RPagination {
        /**
          * UI: Arrows present/absent
          * @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'
         */
        "listBoxPosition"?: PaginationListBoxPosition;
        /**
          * Text to display between currently shown results and total amount of results
          * @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`) });
         */
        "onRArrowClick"?: (event: RPaginationCustomEvent<{
    total: number,
    active: number,
    previous: number,
    next: number,
    direction: string
  }>) => void;
        /**
          * Signifies that currently active page was changed.  Pagination state is passed as part of event `detail` property.
          * @example const myPaginationEl = document.querySelector('r-pagination'); myPaginationEl.addEventListener('rChange', (event) => {   console.log(`Page ${event.detail} was selected`) });
         */
        "onRChange"?: (event: RPaginationCustomEvent<{
    total: number,
    active: number,
    previous: number,
    next: number
  }>) => void;
        /**
          * Signifies that items per page was changed.  New items per page value is passed as part of event `detail` property.
          * @example const myPaginationEl = document.querySelector('r-pagination'); myPaginationEl.addEventListener('rItemsPerPageChange', (event) => {   console.log(`Items per page changed to ${event.detail}`) });
         */
        "onRItemsPerPageChange"?: (event: RPaginationCustomEvent<number>) => void;
        /**
          * Signifies that one of the pagination number buttons was cliked.  Pagination state is passed as part of event `detail` property.
          * @example const myPaginationEl = document.querySelector('r-pagination'); myPaginationEl.addEventListener('rNumberClick', (event) => {   console.log(`Page ${event.detail} was selected`) });
         */
        "onRNumberClick"?: (event: RPaginationCustomEvent<{
    total: number,
    active: number,
    previous: number,
    next: number
  }>) => void;
        /**
          * 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
         */
        "resultsLine"?: boolean;
        /**
          * Text to show in select
          * @default 'page'
         */
        "selectText"?: string;
        /**
          * Text to show in beginning of resultLine
          * @default 'Showing'
         */
        "startText"?: string;
        /**
          * Total amount of pages to select from
          * @default 1
         */
        "totalResults"?: number;
        /**
          * Allows selection between different pagination styles: minimized, standard, maximized
          * @default 'standard'
         */
        "variant"?: PaginationVariant;
    }
    interface RPanel {
        /**
          * A boolean property that indicates whether the navitems are active of not
          * @default false
         */
        "active"?: boolean;
        /**
          * A boolean property that determines the collapsed state of the component. The default state is `false`.
          * @default false
         */
        "collapsed"?: boolean;
        /**
          * A boolean property that indicates whether the component includes a footer
          * @default false
         */
        "hasFooter"?: boolean;
        /**
          * A boolean property that indicates whether the component includes a header
          * @default false
         */
        "hasHeader"?: boolean;
        /**
          * The `header` property is a string that specifies the header text.
         */
        "header"?: string;
        /**
          * Aria-label text for collapse
          * @default 'Collapse panel'
         */
        "labelCollapse"?: string;
        /**
          * Aria-label text for expand
          * @default 'Expand panel'
         */
        "labelExpand"?: string;
        /**
          * Logo link
         */
        "logoLink"?: string;
        /**
          * Event emitted when the panel state changes
         */
        "onPanelStateChanged"?: (event: RPanelCustomEvent<{ collapsed: boolean }>) => void;
        /**
          * Presentational style
          * @default 'visible'
         */
        "variant"?: PanelVariant;
    }
    interface RPopover {
        /**
          * Defines `aria-label` content for the dismiss button. Used for accessibility when dismiss button is present.
         */
        "dismissAriaLabel"?: string;
        /**
          * Defines the behavior of the popover's dismissing. - `auto`: The popover can be dismissed by clicking outside or pressing Esc. - `manual`: The popover requires explicit user action to close.
          * @default "auto"
         */
        "dismissMode"?: PopoverDismissMode;
        /**
          * Defines preferred placement horizontally relative to the trigger. - `left`: Align to the left of the trigger - `center`: Center align with the trigger - `right`: Align to the right of the trigger
          * @default "center"
         */
        "horizontal"?: PopoverHorizontal;
        /**
          * Emits when popover focus is set
         */
        "onFocusPopover"?: (event: RPopoverCustomEvent<void>) => void;
        /**
          * Emits when popover is hidden
         */
        "onHidePopover"?: (event: RPopoverCustomEvent<void>) => void;
        /**
          * Emits when open state changes
         */
        "onPopoverOpenChange"?: (event: RPopoverCustomEvent<{ open: boolean }>) => void;
        /**
          * Emits when popover is shown
         */
        "onShowPopover"?: (event: RPopoverCustomEvent<void>) => void;
        /**
          * Defines initial state of the popover visibility.
          * @default false
         */
        "open"?: boolean;
        /**
          * Defines the action that will be triggered when the trigger is clicked. - `toggle`: Toggle the popover open/closed state - `show`: Only show the popover - `hide`: Only hide the popover
          * @default "toggle"
         */
        "triggerAction"?: PopoverTriggerAction;
        /**
          * Defines `aria-label` content for the popover trigger. Used for accessibility to describe the trigger button.
         */
        "triggerAriaLabel"?: string;
        /**
          * Defines preferred placement vertically relative to the trigger. - `top`: Position above the trigger - `bottom`: Position below the trigger - `middle`: Position to the side of the trigger
          * @default "bottom"
         */
        "vertical"?: PopoverVertical;
    }
    interface RPopoverAction {
    }
    interface RPopoverContent {
    }
    interface RPopoverHeadline {
    }
    interface RPopoverTrigger {
        /**
          * Event emitted when the mouse enters the trigger
          * @event triggerMouseEnter
          * @property {HTMLRPopoverTriggerElement} element - The trigger element
          * @property {MouseEvent} event - The mouse event
         */
        "onTriggerMouseEnter"?: (event: RPopoverTriggerCustomEvent<any>) => void;
        /**
          * Event emitted when the mouse leaves the trigger
          * @event triggerMouseLeave
          * @property {HTMLRPopoverTriggerElement} element - The trigger element
          * @property {MouseEvent} event - The mouse event
         */
        "onTriggerMouseLeave"?: (event: RPopoverTriggerCustomEvent<any>) => void;
    }
    interface RProgressBar {
        /**
          * Progress bar value
          * @default 0
         */
        "progress"?: number;
        /**
          * Sets string value for `aria-label` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
         */
        "rAriaLabel"?: string;
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButton {
        /**
          * Automatically focus the radio button when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior.
          * @default false
         */
        "autofocus"?: boolean;
        /**
          * When true the radio is selected
         */
        "checked"?: boolean;
        /**
          * Additional directions for radio-button
         */
        "description"?: string;
        /**
          * Prevents user interaction and applies disabled style
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Optional hint, visually presented under the radio button, giving additional context to the user
         */
        "hint"?: string;
        /**
          * Icon name from the set
         */
        "icon"?: IconName;
        /**
          * Apply validation error visual style
         */
        "invalid"?: boolean;
        /**
          * Name of element (data) within a form
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emits `rChange` event on the `<r-radio-button>` when status changes
         */
        "onRChange"?: (event: RRadioButtonCustomEvent<{
    element: HTMLRRadioButtonElement,
    value: any,
    checked: boolean
  }>) => void;
        /**
          * Emits `rReset` event on the `<r-radio-button>` onReset changes its status
         */
        "onRReset"?: (event: RRadioButtonCustomEvent<{
    element: HTMLRRadioButtonElement,
    value: any,
    checked: boolean
  }>) => void;
        /**
          * Emits `radioButtonClick` event on the `<r-radio-button>` on click event
         */
        "onRadioButtonClick"?: (event: RRadioButtonCustomEvent<Event>) => void;
        /**
          * Emits `radioButtonDeselect` event on the `<r-radio-button>` when on deselect event
         */
        "onRadioButtonDeselect"?: (event: RRadioButtonCustomEvent<{
    element: HTMLRRadioButtonElement,
    value: any,
    checked: boolean
  }>) => void;
        /**
          * Emits `rChange` event on the `<r-radio-button>` when on keydown event
         */
        "onRadioButtonKeydown"?: (event: RRadioButtonCustomEvent<Event>) => void;
        /**
          * Defines if an element shall be validated
         */
        "required"?: boolean;
        /**
          * Value of element data within a form
          * @default this.slotTextValue
         */
        "value"?: any;
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButtonDescription {
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButtonLeading {
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButtonTitle {
    }
    /**
     * A radio button is used to select a single option in a list.
     */
    interface RRadioButtonTrailing {
    }
    interface RRadioGroup {
        /**
          * When set to `true`, automatically focuses the first enabled radio button in the group on mount. This will focus the selected radio button if one exists, or the first enabled radio button otherwise.
          * @default false
         */
        "autofocus"?: boolean;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Specifies if the entire radio group is disabled
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * Define the marker text if the field label is marked Field indicator can be Required*, Optional or a translation of those two options.
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Optional hint, visually presented under the group of radio-buttons giving additional context to the user
         */
        "hint"?: string;
        /**
          * Apply validation error visual style
         */
        "invalid"?: boolean;
        /**
          * The text of the label rendered before the set of radio-buttons
         */
        "label": string;
        /**
          * Specifies common `name` property that is passed to each `r-radio-button`
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emits `rChange` when component's value has been changed
         */
        "onRChange"?: (event: RRadioGroupCustomEvent<{
    element: HTMLRRadioGroupElement,
    value: any
  }>) => void;
        /**
          * Emits `rReset` when component was reset to initial state by form reset
         */
        "onRReset"?: (event: RRadioGroupCustomEvent<{
    element: HTMLRRadioGroupElement,
    value: any
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RRadioGroupCustomEvent<{
    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
         */
        "required"?: boolean;
        /**
          * Apply validation success visual style
         */
        "valid"?: boolean;
        /**
          * Displays currently selected value
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
        /**
          * Controls the style variation of the radio buttons.
          * @default 'standard'
         */
        "variant"?: RadioGroupVariant;
    }
    /**
     * A select allows the user to choose between a set of options.
     * Overall behavior is based on native `<select>`
     */
    interface RSelect {
        /**
          * Enable combobox functionality to allow users to reduce the list of options by filtering.
         */
        "combobox"?: boolean;
        /**
          * Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method.
         */
        "customErrorMessage"?: string;
        /**
          * Prevent user interaction and apply disabled style
         */
        "disabled"?: boolean;
        /**
          * Custom validation error message
         */
        "error"?: string;
        /**
          * Defines if select is expanded
         */
        "expanded"?: boolean;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Define if select should render as a text item or a block
          * @default false
         */
        "fullWidth"?: boolean;
        /**
          * Optional hint, visually presented under the select, giving additional context to the user
         */
        "hint"?: string;
        /**
          * Specifies if the component is internal
         */
        "internal"?: boolean;
        /**
          * Validity indicator, serving to change UI of the component
         */
        "invalid"?: boolean;
        /**
          * The text on the label
         */
        "label": string;
        /**
          * Define wether listbox appears on top or at the bottom of the select
          * @default 'bottom'
         */
        "listboxPosition"?: ListboxPosition;
        /**
          * Name of element (data) within a form
         */
        "name"?: string;
        /**
          * Defines the text that will be displayed if no results are found
          * @default "No results found"
         */
        "noResultsFound"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emitted when the select loses focus
         */
        "onRBlur"?: (event: RSelectCustomEvent<any>) => void;
        /**
          * Emits `rChange` event when `<r-select>` value property changes
         */
        "onRChange"?: (event: RSelectCustomEvent<{
    element: HTMLRSelectElement,
    value: any
  }>) => void;
        /**
          * Emitted when the select receives focus
         */
        "onRFocus"?: (event: RSelectCustomEvent<any>) => void;
        /**
          * Emits `rReset` event when `<r-select>` onReset event happens
         */
        "onRReset"?: (event: RSelectCustomEvent<{
    element: HTMLRSelectElement,
    value: any
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RSelectCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Text that is presented until an option has been selected
         */
        "placeholder"?: string;
        /**
          * Defines if select is in readonly state
         */
        "readonly"?: boolean;
        /**
          * Specifies that select value is required
         */
        "required"?: boolean;
        /**
          * Defines aria label for combobox toggle button
          * @default "Toggle combobox"
         */
        "toggleButtonAriaLabel"?: string;
        /**
          * Visual indication of valid state
         */
        "valid"?: boolean;
        /**
          * Selected value
         */
        "value"?: string;
        /**
          * Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API
         */
        "valueMissingMessage"?: string;
    }
    /**
     * `<r-select-option>` represents a single choice inside `<r-select>`.
     * Accessibility:
     * - Hosts `role="option"` and `aria-selected` / `aria-disabled`.
     * - Emits granular events consumed by the parent select for state + keyboard logic.
     * Keyboard (handled by parent `<r-select>`):
     * - Arrow keys move focus between options.
     * - Enter/Space commit the focused option.
     * - Typeahead supported via characters typed while the listbox is open.
     * Do not use directly outside `<r-select>`.
     */
    interface RSelectOption {
        /**
          * When true, the option is not focusable or selectable.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Name of an icon from the design system icon set to render with the option. Mutually exclusive with a provided `<slot name="icon">`.
         */
        "icon"?: IconName;
        /**
          * Icon color token / CSS color value (when `icon` provided).
          * @default "var(--r-select-option--color)"
         */
        "iconColor"?: string;
        /**
          * Icon position relative to label content.
          * @default "start"
         */
        "iconPosition"?: IconPosition;
        /**
          * Icon size (applied when `icon` provided).
          * @default "m"
         */
        "iconSize"?: IconSize;
        /**
          * Presentational label. Falls back to slotted text; finally to `value`. Use `label` if the rendered text differs from the submitted `value`.
         */
        "label"?: string;
        /**
          * Fires when the option is activated via pointer (not disabled). Payload includes the element + its value (resolved).
         */
        "onOptionClick"?: (event: RSelectOptionCustomEvent<{
    element: HTMLRSelectOptionElement,
    value: any
  }>) => void;
        /**
          * Marks the option as selected. Controlled by `<r-select>`; not user‑set in isolation.
          * @default false
         */
        "selected"?: boolean;
        /**
          * Value submitted with a form when this option is selected. If omitted or empty, it's auto-filled from text content / `label`.
         */
        "value"?: string;
    }
    interface RSkipLink {
        /**
          * Defines skip link position
          * @default 'center'
         */
        "position"?: SkipLinkPosition;
    }
    interface RStepper {
        /**
          * _DEPRECATED_ (use `completed` instead) Completed steps. Default value 0
          * @default 0
         */
        "completeSteps"?: number;
        /**
          * Complete steps. Default value 0
          * @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.
         */
        "total"?: number;
    }
    interface RStepperItem {
        /**
          * Defines a property active that determines whether the step is active
          * @default false
         */
        "active"?: boolean;
        /**
          * Defines a property complete that determines whether the step is complete
          * @default false
         */
        "complete"?: boolean;
        /**
          * 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.
         */
        "number"?: number;
        /**
          * _DEPRECATED_ (use `number` instead) Index of the progress step
         */
        "stepNumber"?: number;
    }
    interface RTab {
        /**
          * Indicates if `<r-tab>` is active
          * @default false
         */
        "active"?: boolean;
        /**
          * Indicates if `<r-tab>` is disabled
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Emits `keydown` event on the `<r-tab>` to notify tabs component to move focus
         */
        "onMoveTabFocus"?: (event: RTabCustomEvent<{
    element: HTMLRTabElement,
    keycode: string,
  }>) => void;
        /**
          * Emits `click` event on the `<r-tab>`
         */
        "onTabChange"?: (event: RTabCustomEvent<{
    element: HTMLRTabElement
  }>) => void;
        /**
          * Id of the panel that `<r-tab>` controls
         */
        "panelId"?: string;
    }
    interface RTabPanel {
        /**
          * Defines if the `panel` is hidden
          * @default false
         */
        "active"?: boolean;
        /**
          * Id of the 'tab' connected to this `panel`
         */
        "tabId"?: string;
    }
    interface RTabs {
        /**
          * Determines if the tabs should update the browser's URL and allow navigation via history changes
         */
        "navigation"?: boolean;
        /**
          * Emits `rChange` event when active `<r-tab>` changes
         */
        "onRChange"?: (event: RTabsCustomEvent<{
    element: HTMLRTabElement
  }>) => 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 {
        /**
          * Controls automatic capitalisation on mobile virtual keyboards. Equivalent to the native `autocapitalize` attribute.
         */
        "autocapitalize"?: string;
        /**
          * Native `autocomplete` hint for browsers / password managers.
         */
        "autocomplete"?: string;
        /**
          * Automatically focuses the textarea when the page loads. Reflected to the host so it can be queried as an attribute.
         */
        "autofocus"?: boolean;
        /**
          * Custom message when the character limit is reached to alert screen reader users.
          * @default "You've reached the character limit."
         */
        "characterLimitReachedMessage"?: string;
        /**
          * Specifies the visible width of the `<textarea>` in terms  of the number of characters.
         */
        "cols"?: number;
        /**
          * Custom error message displayed for any validation failures in the `<textarea>`.
         */
        "customErrorMessage"?: string;
        /**
          * Enables form submission of the textarea's text-direction. The value is the field name used to submit the direction (`ltr` or `rtl`) as a separate form entry.
         */
        "dirname"?: string;
        /**
          * Indicates whether the `<textarea>` is disabled, preventing  user interaction and input when set to true.
         */
        "disabled"?: boolean;
        /**
          * Custom error message provided independently of the  Constraint Validation API for the `<textarea>`.
         */
        "error"?: string;
        /**
          * Text of an additional marker in the label
         */
        "fieldIndicator"?: string;
        /**
          * Specifies the `id` of the `<form>` to which the element belongs
         */
        "form"?: string;
        /**
          * Optional text displayed below the `<textarea>`, providing  additional context or guidance to the user.
         */
        "hint"?: string;
        /**
          * Hints to the browser which virtual keyboard to display on mobile devices. Equivalent to the native `inputmode` attribute.
         */
        "inputmode"?: string;
        /**
          * Indicates whether the value of the `<textarea>`  is invalid based on validation rules.
         */
        "invalid"?: boolean;
        /**
          * Text displayed as the label above the `<textarea>`,  indicating its purpose to the user.
         */
        "label"?: string;
        /**
          * Specifies the maximum number of characters allowed in the `<textarea>`, enforcing input length limits.
         */
        "maxlength"?: number;
        /**
          * Specifies the minimum number of characters required in the `<textarea>`,  enforcing input length constraints.
         */
        "minlength"?: number;
        /**
          * Sets the `name` attribute on the underlying `<textarea>`, allowing the control  to be identified during form submission.
         */
        "name"?: string;
        /**
          * Specifies if element must be ignored during validation of the form elements
         */
        "novalidate"?: boolean;
        /**
          * Emits `rBeforeInput` before text modification
         */
        "onRBeforeInput"?: (event: RTextareaCustomEvent<{
    element: HTMLRTextareaElement;
    inputType: string;
    data: string | null;
    selectionStart: number;
    selectionEnd: number;
    cancelable: boolean;
  }>) => void;
        /**
          * Emits `rBlur` when the textarea loses focus
         */
        "onRBlur"?: (event: RTextareaCustomEvent<{
    element: HTMLRTextareaElement;
    value: any;
  }>) => void;
        /**
          * Emits `rChange` when component's value has been changed
         */
        "onRChange"?: (event: RTextareaCustomEvent<{
    element: HTMLRTextareaElement,
    value: any
  }>) => void;
        /**
          * Emits `rFocus` when the textarea receives focus
         */
        "onRFocus"?: (event: RTextareaCustomEvent<{
    element: HTMLRTextareaElement;
    value: any;
  }>) => void;
        /**
          * Emits `rInput` when component's value is changing
         */
        "onRInput"?: (event: RTextareaCustomEvent<{
    element: HTMLRTextareaElement,
    value: any
  }>) => void;
        /**
          * Emits `rReset` when component was reset to initial state by form reset
         */
        "onRReset"?: (event: RTextareaCustomEvent<{
    element: HTMLRTextareaElement,
    value: any
  }>) => void;
        /**
          * Emits `rSelect` when text selection changes
         */
        "onRSelect"?: (event: RTextareaCustomEvent<{
    element: HTMLRTextareaElement;
    selectionStart: number;
    selectionEnd: number;
    selectionDirection: 'forward' | 'backward' | 'none';
    value: string;
  }>) => void;
        /**
          * Emits event after each validation
         */
        "onRValidate"?: (event: RTextareaCustomEvent<{
    state: string,
    message: string
  }>) => void;
        /**
          * Specifies a short hint that describes the expected value of the `<textarea>`,  displayed when it is empty.
          * @default : 'Provide an input'
         */
        "placeholder"?: string;
        /**
          * Indicates whether the `<textarea>` is read-only, allowing focus and text selection while preventing the user from modifying its value.
         */
        "readonly"?: boolean;
        /**
          * Indicates that the `<textarea>` must be filled out  before submitting the form.
         */
        "required"?: boolean;
        /**
          * Controls the resizability of the `<textarea>`, allowing  or preventing the user from resizing it.
          * @default : 'none'
         */
        "resize"?: TextareaResize;
        /**
          * Defines the number of visible text lines in the `<textarea>`,  controlling its vertical size.
         */
        "rows"?: number;
        /**
          * Specifies if the character counter should be visible.  Note: The counter will only be rendered when a `maxlength` value is provided.
         */
        "showCounter"?: boolean;
        /**
          * Custom message for `tooLong` property of a ValidityState  object (set by `maxlength`) within Constrain Validation API.
         */
        "tooLongMessage"?: string;
        /**
          * Set custom message for `tooShort` property of a ValidityState object  (set by `minlength`) within Constrain Validation API
         */
        "tooShortMessage"?: string;
        /**
          * Indicates whether the value of the `<textarea>`  is valid based on validation rules.
         */
        "valid"?: boolean;
        /**
          * Represents the current value of the `<textarea>`, reflecting the content entered  by the user or provided programmatically.
          * @default this.textareaSlotValue
         */
        "value"?: string;
        /**
          * Custom message for `valueMissing` property of a ValidityState  object (set by `required`) within Constrain Validation API.
         */
        "valueMissingMessage"?: string;
        /**
          * Controls how the browser wraps text in the textarea when submitting a form. `soft` (default): lines are not wrapped; `hard`: lines are wrapped with CRLF at `cols` width.
         */
        "wrap"?: 'soft' | 'hard' | 'off';
    }
    interface RToast {
        /**
          * Specifies the text content for the call-to-action link.
         */
        "action"?: string;
        /**
          * Sets role="alert" and will be announced to screen reader users
          * @default true
         */
        "announced"?: boolean;
        /**
          * Specifies the time in miliseconds before the alert automatically dismissed. If `delay` is NOT defined component will NOT be dismissed automatically.
         */
        "delay"?: number;
        /**
          * @deprecated - will be removed within next major release  Defines amount of time im miliseconds before toast is removed from DOM.
          * @default 300
         */
        "delayBeforeRemoval"?: number;
        /**
          * Provides content for `aria-label` attribute of the dismiss button.
          * @default 'Dismiss the toast'
         */
        "dismissLabel"?: string;
        /**
          * Defines the render of the component's dismissing trigger.  - `auto`: trigger will NOT be rendered. - `manual`: trigger will be rendered.
          * @default "manual"
         */
        "dismissMode"?: ToastDismissMode;
        /**
          * Specifies the headline text for the alert, summarizing its message or purpose.
         */
        "headline": string;
        /**
          * Specifies the URL for the call-to-action link.
         */
        "href"?: string;
        /**
          * Specifies an optional icon for the leading slot of the dialog.
         */
        "leadingIcon"?: IconName;
        /**
          * Defines whether the leading icon is visible.
          * @default true
         */
        "leadingIconVisible"?: boolean;
        /**
          * 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.
         */
        "onHide"?: (event: RToastCustomEvent<any>) => void;
        /**
          * Event shall be emmited on trailing icon click
         */
        "onRClickToastTrailingIcon"?: (event: RToastCustomEvent<any>) => void;
        /**
          * Emitted when the toast transitions to an open (revealed) state and remains in the DOM. Fired by reveal(), by toggle() when the resulting state is open, and when the 'open' prop changes causing the toast to show. Not emitted by dismiss() (which removes the element) — use 'toastDismiss' for that case.
         */
        "onReveal"?: (event: RToastCustomEvent<any>) => void;
        /**
          * Controls if toast is initially shown.
          * @default true
         */
        "open"?: boolean;
        /**
          * Defines the appearance of the dialog based on the message type. Options are: "info", "success", "warning", or "error".
          * @default 'info'
         */
        "status"?: ToastStatus;
        /**
          * Specifies the target for the linked URL when `href` is provided.  Options are: "_blank", "_self", "_parent", or "_top".
          * @default '_self'
         */
        "target"?: ToastActionTarget;
        /**
          * Specifies an optional icon for the trailing slot of the dialog.
          * @default 'cross'
         */
        "trailingIcon"?: IconName;
    }
    interface RToastGroup {
    }
    interface RTooltip {
        /**
          * Specifies an offset from trigger
          * @default 20
         */
        "offset"?: number;
        /**
          * Emitted whenever the tooltip is shown or hidden. Detail contains the current open state.
         */
        "onRTooltipChange"?: (event: RTooltipCustomEvent<{ open: boolean }>) => void;
        /**
          * Tooltip focus event
         */
        "onRTooltipFocus"?: (event: RTooltipCustomEvent<{ element: HTMLRTooltipElement }>) => void;
        /**
          * Controls if tooltip content being shown
         */
        "open"?: boolean;
        /**
          * Specifies tooltip position
          * @default 'top'
         */
        "position"?: TooltipPosition;
        /**
          * Tooltip display text
          * @default ''
         */
        "text"?: string;
    }
    interface IntrinsicElements {
        "r-accordion": RAccordion;
        "r-accordion-panel": RAccordionPanel;
        "r-accordion-section": RAccordionSection;
        "r-accordion-trigger": RAccordionTrigger;
        "r-alert": RAlert;
        "r-badge": RBadge;
        "r-button": RButton;
        "r-checkbox": RCheckbox;
        "r-checkbox-group": RCheckboxGroup;
        "r-design-system-devtools": RDesignSystemDevtools;
        "r-dialog": RDialog;
        "r-float": RFloat;
        "r-hint": RHint;
        "r-icon": RIcon;
        "r-icon-button": RIconButton;
        "r-illustration": RIllustration;
        "r-image": RImage;
        "r-input": RInput;
        "r-input-code": RInputCode;
        "r-input-date": RInputDate;
        "r-input-password": RInputPassword;
        "r-input-phone-number": RInputPhoneNumber;
        "r-label": RLabel;
        "r-list-item": RListItem;
        "r-pagination": RPagination;
        "r-panel": RPanel;
        "r-popover": RPopover;
        "r-popover-action": RPopoverAction;
        "r-popover-content": RPopoverContent;
        "r-popover-headline": RPopoverHeadline;
        "r-popover-trigger": RPopoverTrigger;
        "r-progress-bar": RProgressBar;
        "r-radio-button": RRadioButton;
        "r-radio-button-description": RRadioButtonDescription;
        "r-radio-button-leading": RRadioButtonLeading;
        "r-radio-button-title": RRadioButtonTitle;
        "r-radio-button-trailing": RRadioButtonTrailing;
        "r-radio-group": RRadioGroup;
        "r-select": RSelect;
        "r-select-option": RSelectOption;
        "r-skip-link": RSkipLink;
        "r-stepper": RStepper;
        "r-stepper-item": RStepperItem;
        "r-tab": RTab;
        "r-tab-panel": RTabPanel;
        "r-tabs": RTabs;
        "r-tabs-list": RTabsList;
        "r-textarea": RTextarea;
        "r-toast": RToast;
        "r-toast-group": RToastGroup;
        "r-tooltip": RTooltip;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            /**
             * An accordion represents a list of expandable/collapsable content sections with corresponding headers.
             * By default, only one section can be expanded, which can be changed by setting the `multiple` attribute. Use accordions when a limited, additional amount of information needs to be shown within a page, or if there is a small space to show content.
             * Each content section must be wrapped in a `<r-accordion-item>` elements.
             * Example:
             * ```
             * <r-accordion>
             *   <r-accordion-item header="Economic health">
             *    <p>Economic health is a concept that …</p>
             *   </r-accordion-item>
             * </r-accordion>
             * ```
             */
            "r-accordion": LocalJSX.RAccordion & JSXBase.HTMLAttributes<HTMLRAccordionElement>;
            "r-accordion-panel": LocalJSX.RAccordionPanel & JSXBase.HTMLAttributes<HTMLRAccordionPanelElement>;
            "r-accordion-section": LocalJSX.RAccordionSection & JSXBase.HTMLAttributes<HTMLRAccordionSectionElement>;
            "r-accordion-trigger": LocalJSX.RAccordionTrigger & JSXBase.HTMLAttributes<HTMLRAccordionTriggerElement>;
            "r-alert": LocalJSX.RAlert & JSXBase.HTMLAttributes<HTMLRAlertElement>;
            /**
             * Informational element used to indicate the status of an object or action.
             */
            "r-badge": LocalJSX.RBadge & JSXBase.HTMLAttributes<HTMLRBadgeElement>;
            /**
             * A button can be used by a user to trigger an action. Corresponds to, and is rendered as a,
             * [native button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button).
             */
            "r-button": LocalJSX.RButton & JSXBase.HTMLAttributes<HTMLRButtonElement>;
            /**
             * Checkboxes allow users to select none, one, or multiple items from a list.
             * Overall behavior is based on native `<input type="checkbox">`
             */
            "r-checkbox": LocalJSX.RCheckbox & JSXBase.HTMLAttributes<HTMLRCheckboxElement>;
            "r-checkbox-group": LocalJSX.RCheckboxGroup & JSXBase.HTMLAttributes<HTMLRCheckboxGroupElement>;
            /**
             * Can be used by developers to verify functionality of the design system.
             * Example:
             * ```html
             * <r-design-system-devtools design-tokens></r-design-system-devtools>
             * ```
             */
            "r-design-system-devtools": LocalJSX.RDesignSystemDevtools & JSXBase.HTMLAttributes<HTMLRDesignSystemDevtoolsElement>;
            "r-dialog": LocalJSX.RDialog & JSXBase.HTMLAttributes<HTMLRDialogElement>;
            "r-float": LocalJSX.RFloat & JSXBase.HTMLAttributes<HTMLRFloatElement>;
            /**
             * A form hint is a small presentational components used next to some form elements.
             * Mainly used within design system components and not primarilly intended for end-users.
             */
            "r-hint": LocalJSX.RHint & JSXBase.HTMLAttributes<HTMLRHintElement>;
            "r-icon": LocalJSX.RIcon & JSXBase.HTMLAttributes<HTMLRIconElement>;
            /**
             * 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-image": LocalJSX.RImage & JSXBase.HTMLAttributes<HTMLRImageElement>;
            "r-input": LocalJSX.RInput & JSXBase.HTMLAttributes<HTMLRInputElement>;
            "r-input-code": LocalJSX.RInputCode & JSXBase.HTMLAttributes<HTMLRInputCodeElement>;
            "r-input-date": LocalJSX.RInputDate & JSXBase.HTMLAttributes<HTMLRInputDateElement>;
            "r-input-password": LocalJSX.RInputPassword & JSXBase.HTMLAttributes<HTMLRInputPasswordElement>;
            "r-input-phone-number": LocalJSX.RInputPhoneNumber & JSXBase.HTMLAttributes<HTMLRInputPhoneNumberElement>;
            /**
             * Utility component, mostly used internally in other design system components,
             * for consistent presentation of text with optional associated tooltip.
             */
            "r-label": LocalJSX.RLabel & JSXBase.HTMLAttributes<HTMLRLabelElement>;
            "r-list-item": LocalJSX.RListItem & JSXBase.HTMLAttributes<HTMLRListItemElement>;
            "r-pagination": LocalJSX.RPagination & JSXBase.HTMLAttributes<HTMLRPaginationElement>;
            "r-panel": LocalJSX.RPanel & JSXBase.HTMLAttributes<HTMLRPanelElement>;
            "r-popover": LocalJSX.RPopover & JSXBase.HTMLAttributes<HTMLRPopoverElement>;
            "r-popover-action": LocalJSX.RPopoverAction & JSXBase.HTMLAttributes<HTMLRPopoverActionElement>;
            "r-popover-content": LocalJSX.RPopoverContent & JSXBase.HTMLAttributes<HTMLRPopoverContentElement>;
            "r-popover-headline": LocalJSX.RPopoverHeadline & JSXBase.HTMLAttributes<HTMLRPopoverHeadlineElement>;
            "r-popover-trigger": LocalJSX.RPopoverTrigger & JSXBase.HTMLAttributes<HTMLRPopoverTriggerElement>;
            "r-progress-bar": LocalJSX.RProgressBar & JSXBase.HTMLAttributes<HTMLRProgressBarElement>;
            /**
             * A radio button is used to select a single option in a list.
             */
            "r-radio-button": LocalJSX.RRadioButton & JSXBase.HTMLAttributes<HTMLRRadioButtonElement>;
            /**
             * A radio button is used to select a single option in a list.
             */
            "r-radio-button-description": LocalJSX.RRadioButtonDescription & JSXBase.HTMLAttributes<HTMLRRadioButtonDescriptionElement>;
            /**
             * A radio button is used to select a single option in a list.
             */
            "r-radio-button-leading": LocalJSX.RRadioButtonLeading & JSXBase.HTMLAttributes<HTMLRRadioButtonLeadingElement>;
            /**
             * A radio button is used to select a single option in a list.
             */
            "r-radio-button-title": LocalJSX.RRadioButtonTitle & JSXBase.HTMLAttributes<HTMLRRadioButtonTitleElement>;
            /**
             * A radio button is used to select a single option in a list.
             */
            "r-radio-button-trailing": LocalJSX.RRadioButtonTrailing & JSXBase.HTMLAttributes<HTMLRRadioButtonTrailingElement>;
            "r-radio-group": LocalJSX.RRadioGroup & JSXBase.HTMLAttributes<HTMLRRadioGroupElement>;
            /**
             * A select allows the user to choose between a set of options.
             * Overall behavior is based on native `<select>`
             */
            "r-select": LocalJSX.RSelect & JSXBase.HTMLAttributes<HTMLRSelectElement>;
            /**
             * `<r-select-option>` represents a single choice inside `<r-select>`.
             * Accessibility:
             * - Hosts `role="option"` and `aria-selected` / `aria-disabled`.
             * - Emits granular events consumed by the parent select for state + keyboard logic.
             * Keyboard (handled by parent `<r-select>`):
             * - Arrow keys move focus between options.
             * - Enter/Space commit the focused option.
             * - Typeahead supported via characters typed while the listbox is open.
             * Do not use directly outside `<r-select>`.
             */
            "r-select-option": LocalJSX.RSelectOption & JSXBase.HTMLAttributes<HTMLRSelectOptionElement>;
            "r-skip-link": LocalJSX.RSkipLink & JSXBase.HTMLAttributes<HTMLRSkipLinkElement>;
            "r-stepper": LocalJSX.RStepper & JSXBase.HTMLAttributes<HTMLRStepperElement>;
            "r-stepper-item": LocalJSX.RStepperItem & JSXBase.HTMLAttributes<HTMLRStepperItemElement>;
            "r-tab": LocalJSX.RTab & JSXBase.HTMLAttributes<HTMLRTabElement>;
            "r-tab-panel": LocalJSX.RTabPanel & JSXBase.HTMLAttributes<HTMLRTabPanelElement>;
            "r-tabs": LocalJSX.RTabs & JSXBase.HTMLAttributes<HTMLRTabsElement>;
            "r-tabs-list": LocalJSX.RTabsList & JSXBase.HTMLAttributes<HTMLRTabsListElement>;
            "r-textarea": LocalJSX.RTextarea & JSXBase.HTMLAttributes<HTMLRTextareaElement>;
            "r-toast": LocalJSX.RToast & JSXBase.HTMLAttributes<HTMLRToastElement>;
            "r-toast-group": LocalJSX.RToastGroup & JSXBase.HTMLAttributes<HTMLRToastGroupElement>;
            "r-tooltip": LocalJSX.RTooltip & JSXBase.HTMLAttributes<HTMLRTooltipElement>;
        }
    }
}