@riverty/web-components 6.1.0 → 6.2.0

package/dist/types/components.d.ts

@@ -9,11 +9,12 @@ import { AccordionSize } from "./components/accordion/exports";
 import { AlertStatus, AlertTarget } from "./components/alert/exports";
 import { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
 import { BadgeVariant } from "./components/badge/exports";
-import { ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
+import { ButtonAriaCurrent, ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
 import { DialogSize } from "./components/dialog/exports";
 import { HintVariant } from "./components/hint/exports";
 import { TooltipPosition } from "./components/tooltip/exports";
-import { EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
+import { IllustrationName, IllustrationTheme } from "./components/illustration/exports";
+import { AutocapitalizeType, EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
 import { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
 import { PasswordAutocomplete } from "./components/input-password/exports";
 import { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
@@ -32,11 +33,12 @@ export { AccordionSize } from "./components/accordion/exports";
 export { AlertStatus, AlertTarget } from "./components/alert/exports";
 export { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
 export { BadgeVariant } from "./components/badge/exports";
-export { ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
+export { ButtonAriaCurrent, ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
 export { DialogSize } from "./components/dialog/exports";
 export { HintVariant } from "./components/hint/exports";
 export { TooltipPosition } from "./components/tooltip/exports";
-export { EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
+export { IllustrationName, IllustrationTheme } from "./components/illustration/exports";
+export { AutocapitalizeType, EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
 export { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
 export { PasswordAutocomplete } from "./components/input-password/exports";
 export { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
@@ -246,6 +248,10 @@ export namespace Components {
           * @default 'start'
          */
         "iconPosition": IconPosition;
+        /**
+          * Indicates the current item within a set of related elements. Corresponds to [native `aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "rAriaCurrent"?: ButtonAriaCurrent;
         /**
           * Sets string value for `aria-label` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
          */
@@ -647,7 +653,58 @@ export namespace Components {
          */
         "variant": 'standard' | 'contained';
     }
+    interface RIllustration {
+        /**
+          * Accessibility: title for the image representing "failed-to-load" state
+          * @default 'Failed to load illustration'
+         */
+        "emptyImageTitle"?: string;
+        /**
+          * Accessibility: title for the marker representing "failed-to-load" state
+          * @default 'Failed to load illustration marker'
+         */
+        "emptyMarkerTitle"?: string;
+        /**
+          * Error message text to display when illustration fails to load
+          * @default 'Failed to load illustration'
+         */
+        "errorMessage"?: string;
+        /**
+          * Maximum width constraint for responsive behavior
+         */
+        "maxWidth"?: string;
+        /**
+          * Minimum width constraint for responsive behavior
+         */
+        "minWidth"?: string;
+        /**
+          * Name of illustration to select from the set
+         */
+        "name"?: IllustrationName;
+        /**
+          * Optional description element to be added inside the SVG for accessibility
+         */
+        "svgDescription"?: string;
+        /**
+          * Optional title element to be added inside the SVG for accessibility
+         */
+        "svgTitle"?: string;
+        /**
+          * Theme mode for illustration rendering
+          * @default 'auto'
+         */
+        "theme": IllustrationTheme;
+        /**
+          * Defines initial width of an illustration.
+          * @default '342px'
+         */
+        "width"?: string;
+    }
     interface RInput {
+        /**
+          * Controls automatic capitalization of text input on mobile devices. - `off` or `none`: No automatic capitalization - `on` or `sentences`: Capitalize first letter of each sentence (default for most text inputs) - `words`: Capitalize first letter of each word - `characters`: Capitalize all characters
+         */
+        "autocapitalize"?: AutocapitalizeType;
         /**
           * Native `autocomplete` hint for browsers / password managers.
          */
@@ -816,6 +873,10 @@ export namespace Components {
           * Set the current value programmatically (does not fire native input/change automatically).
          */
         "setValue": (value: string) => Promise<void>;
+        /**
+          * Controls browser spell-checking for text input. When true, enables spell-checking; when false, disables it. Browser default behavior applies when not specified.
+         */
+        "spellcheck"?: boolean;
         /**
           * Step interval for numeric/date input types.
          */
@@ -1478,21 +1539,41 @@ export namespace Components {
           * @default true
          */
         "arrows": boolean;
+        /**
+          * Label for Ellipsis stepper. Important to ensure accessibility for screen reader users.
+          * @default 'Ellipsis indicating skipped pages'
+         */
+        "ellipsisLabel": string;
         /**
           * Text to display after total results
           * @default 'results'
          */
         "endText": string;
+        /**
+          * Label for First Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the first page'
+         */
+        "firstPageButtonLabel": string;
         /**
           * Amount of items to show per page
           * @default 5
          */
         "itemsPerPage": number;
+        /**
+          * Label for Items per page select.
+          * @default 'Items per page'
+         */
+        "itemsPerPageLabel": string;
         /**
           * Items per page options for dropdown
           * @default [5, 10, 15, 20, 25, 50, 100]
          */
         "itemsPerPageOptions": PaginationItemsPerPageOptions[];
+        /**
+          * Label for Last Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the last page'
+         */
+        "lastPageButtonLabel": string;
         /**
           * Position of the list box
           * @default 'top'
@@ -1503,11 +1584,26 @@ export namespace Components {
           * @default 'of'
          */
         "middleText": string;
+        /**
+          * Label for Next Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the next page'
+         */
+        "nextPageButtonLabel": string;
         /**
           * Current page number
           * @default 1
          */
         "pageActive": number;
+        /**
+          * Label for Page number buttons. Important to ensure accessibility for screen reader users.
+          * @default 'Page'
+         */
+        "pageLabel": string;
+        /**
+          * Label for Previous Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the previous page'
+         */
+        "previousPageButtonLabel": string;
         /**
           * UI: Result Line and select field present/absent
           * @default false
@@ -1856,6 +1952,10 @@ export namespace Components {
           * Specifies if element must be ignored during validation of the form elements
          */
         "novalidate"?: boolean;
+        /**
+          * For nested radio groups: specifies the parent radio button value that this nested group belongs to. When the parent group's value changes to a different value, this nested group will be automatically reset. This ensures nested selections are only maintained when their parent context is active.
+         */
+        "parentValue"?: string;
         /**
           * Validates the radio group and displays the validity state.
          */
@@ -2174,6 +2274,15 @@ export namespace Components {
           * @default 0
          */
         "completed": number;
+        /**
+          * Label for completed steps for screen reader users.
+          * @default 'Completed'
+         */
+        "completedStepsLabel"?: string;
+        /**
+          * Label for the stepper for screen reader users.
+         */
+        "label"?: string;
         /**
           * Total number of steps. Used when no slot-based steps provided.
          */
@@ -2194,6 +2303,10 @@ export namespace Components {
           * Defines an icon for the step. Optional.
          */
         "icon"?: IconName;
+        /**
+          * Label for the step icon for screen reader users.
+         */
+        "label"?: string;
         /**
           * Defines the step number. Optional.
          */
@@ -2445,7 +2558,7 @@ export namespace Components {
         /**
           * Hides toast, keeps it in dom.
          */
-        "hide": () => Promise<void>;
+        "hide": () => Promise<this>;
         /**
           * Specifies the URL for the call-to-action link.
          */
@@ -2459,6 +2572,10 @@ export namespace Components {
           * @default true
          */
         "leadingIconVisible": boolean;
+        /**
+          * Measures the natural height of toast and prepares it for reveal animation. This should be called on newly added toasts before they are revealed.
+         */
+        "measureAndPrepareHeight": () => Promise<void>;
         /**
           * Controls if toast is initially shown.
           * @default true
@@ -2467,7 +2584,7 @@ export namespace Components {
         /**
           * Reveals the toast notification by setting it to a visible state.  If the auto-dismiss delay is enabled, it will start the timer to  automatically dismiss the toast after the specified duration.
          */
-        "reveal": () => Promise<void>;
+        "reveal": () => Promise<this>;
         /**
           * Defines the appearance of the dialog based on the message type. Options are: "info", "success", "warning", or "error".
           * @default 'info'
@@ -2481,7 +2598,7 @@ export namespace Components {
         /**
           * Toggles visibility of the toast.
          */
-        "toggle": () => Promise<void>;
+        "toggle": () => Promise<this>;
         /**
           * Specifies an optional icon for the trailing slot of the dialog.
           * @default 'cross'
@@ -2535,6 +2652,10 @@ export interface RIconButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRIconButtonElement;
 }
+export interface RIllustrationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRIllustrationElement;
+}
 export interface RInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRInputElement;
@@ -2846,6 +2967,24 @@ declare global {
         prototype: HTMLRIconButtonElement;
         new (): HTMLRIconButtonElement;
     };
+    interface HTMLRIllustrationElementEventMap {
+        "rFailed": void;
+        "rComplete": void;
+    }
+    interface HTMLRIllustrationElement extends Components.RIllustration, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRIllustrationElementEventMap>(type: K, listener: (this: HTMLRIllustrationElement, ev: RIllustrationCustomEvent<HTMLRIllustrationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRIllustrationElementEventMap>(type: K, listener: (this: HTMLRIllustrationElement, ev: RIllustrationCustomEvent<HTMLRIllustrationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRIllustrationElement: {
+        prototype: HTMLRIllustrationElement;
+        new (): HTMLRIllustrationElement;
+    };
     interface HTMLRInputElementEventMap {
         "rValidate": {
     state: string,
@@ -2890,6 +3029,7 @@ declare global {
     element: HTMLRInputCodeElement,
     value: any
   };
+        "rComplete": { value: string, isComplete: boolean };
     }
     interface HTMLRInputCodeElement extends Components.RInputCode, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRInputCodeElementEventMap>(type: K, listener: (this: HTMLRInputCodeElement, ev: RInputCodeCustomEvent<HTMLRInputCodeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3468,6 +3608,7 @@ declare global {
         "r-hint": HTMLRHintElement;
         "r-icon": HTMLRIconElement;
         "r-icon-button": HTMLRIconButtonElement;
+        "r-illustration": HTMLRIllustrationElement;
         "r-input": HTMLRInputElement;
         "r-input-code": HTMLRInputCodeElement;
         "r-input-date": HTMLRInputDateElement;
@@ -3730,6 +3871,10 @@ declare namespace LocalJSX {
           * Emits `rClick` event on click and keyup
          */
         "onRClick"?: (event: RButtonCustomEvent<any>) => void;
+        /**
+          * Indicates the current item within a set of related elements. Corresponds to [native `aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "rAriaCurrent"?: ButtonAriaCurrent;
         /**
           * Sets string value for `aria-label` attribute (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
          */
@@ -4078,7 +4223,66 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'contained';
     }
+    interface RIllustration {
+        /**
+          * Accessibility: title for the image representing "failed-to-load" state
+          * @default 'Failed to load illustration'
+         */
+        "emptyImageTitle"?: string;
+        /**
+          * Accessibility: title for the marker representing "failed-to-load" state
+          * @default 'Failed to load illustration marker'
+         */
+        "emptyMarkerTitle"?: string;
+        /**
+          * Error message text to display when illustration fails to load
+          * @default 'Failed to load illustration'
+         */
+        "errorMessage"?: string;
+        /**
+          * Maximum width constraint for responsive behavior
+         */
+        "maxWidth"?: string;
+        /**
+          * Minimum width constraint for responsive behavior
+         */
+        "minWidth"?: string;
+        /**
+          * Name of illustration to select from the set
+         */
+        "name"?: IllustrationName;
+        /**
+          * Emitted when illustration completes loading
+         */
+        "onRComplete"?: (event: RIllustrationCustomEvent<void>) => void;
+        /**
+          * Emitted when illustration fails to load
+         */
+        "onRFailed"?: (event: RIllustrationCustomEvent<void>) => void;
+        /**
+          * Optional description element to be added inside the SVG for accessibility
+         */
+        "svgDescription"?: string;
+        /**
+          * Optional title element to be added inside the SVG for accessibility
+         */
+        "svgTitle"?: string;
+        /**
+          * Theme mode for illustration rendering
+          * @default 'auto'
+         */
+        "theme"?: IllustrationTheme;
+        /**
+          * Defines initial width of an illustration.
+          * @default '342px'
+         */
+        "width"?: string;
+    }
     interface RInput {
+        /**
+          * Controls automatic capitalization of text input on mobile devices. - `off` or `none`: No automatic capitalization - `on` or `sentences`: Capitalize first letter of each sentence (default for most text inputs) - `words`: Capitalize first letter of each word - `characters`: Capitalize all characters
+         */
+        "autocapitalize"?: AutocapitalizeType;
         /**
           * Native `autocomplete` hint for browsers / password managers.
          */
@@ -4231,6 +4435,10 @@ declare namespace LocalJSX {
           * Marks the field as required; failing to provide a value triggers `valueMissing`.
          */
         "required"?: boolean;
+        /**
+          * Controls browser spell-checking for text input. When true, enables spell-checking; when false, disables it. Browser default behavior applies when not specified.
+         */
+        "spellcheck"?: boolean;
         /**
           * Step interval for numeric/date input types.
          */
@@ -4350,6 +4558,10 @@ declare namespace LocalJSX {
           * Emits the current code value as it changes
          */
         "onRChange"?: (event: RInputCodeCustomEvent<{ value: string }>) => void;
+        /**
+          * Emits when all segments are filled with values
+         */
+        "onRComplete"?: (event: RInputCodeCustomEvent<{ value: string, isComplete: boolean }>) => void;
         /**
           * Emits 'rReset' event when form containing the component was reset
          */
@@ -4877,21 +5089,41 @@ declare namespace LocalJSX {
           * @default true
          */
         "arrows"?: boolean;
+        /**
+          * Label for Ellipsis stepper. Important to ensure accessibility for screen reader users.
+          * @default 'Ellipsis indicating skipped pages'
+         */
+        "ellipsisLabel"?: string;
         /**
           * Text to display after total results
           * @default 'results'
          */
         "endText"?: string;
+        /**
+          * Label for First Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the first page'
+         */
+        "firstPageButtonLabel"?: string;
         /**
           * Amount of items to show per page
           * @default 5
          */
         "itemsPerPage"?: number;
+        /**
+          * Label for Items per page select.
+          * @default 'Items per page'
+         */
+        "itemsPerPageLabel"?: string;
         /**
           * Items per page options for dropdown
           * @default [5, 10, 15, 20, 25, 50, 100]
          */
         "itemsPerPageOptions"?: PaginationItemsPerPageOptions[];
+        /**
+          * Label for Last Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the last page'
+         */
+        "lastPageButtonLabel"?: string;
         /**
           * Position of the list box
           * @default 'top'
@@ -4902,6 +5134,11 @@ declare namespace LocalJSX {
           * @default 'of'
          */
         "middleText"?: string;
+        /**
+          * Label for Next Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the next page'
+         */
+        "nextPageButtonLabel"?: string;
         /**
           * Signifies that one of the pagination arrow buttons was cliked.  Pagination state and `direction` are passed as part of event `detail` property.
           * @example const myPaginationEl = document.querySelector('r-pagination'); myPaginationEl.addEventListener('rArrowClick', (event) => {   console.log(`Page ${event.detail} was selected`) });
@@ -4943,6 +5180,16 @@ declare namespace LocalJSX {
           * @default 1
          */
         "pageActive"?: number;
+        /**
+          * Label for Page number buttons. Important to ensure accessibility for screen reader users.
+          * @default 'Page'
+         */
+        "pageLabel"?: string;
+        /**
+          * Label for Previous Page button. Important to ensure accessibility for screen reader users.
+          * @default 'Go to the previous page'
+         */
+        "previousPageButtonLabel"?: string;
         /**
           * UI: Result Line and select field present/absent
           * @default false
@@ -5276,6 +5523,10 @@ declare namespace LocalJSX {
     state: string,
     message: string
   }>) => void;
+        /**
+          * For nested radio groups: specifies the parent radio button value that this nested group belongs to. When the parent group's value changes to a different value, this nested group will be automatically reset. This ensures nested selections are only maintained when their parent context is active.
+         */
+        "parentValue"?: string;
         /**
           * Specifies if radio-button within group must be checked
          */
@@ -5496,6 +5747,15 @@ declare namespace LocalJSX {
           * @default 0
          */
         "completed"?: number;
+        /**
+          * Label for completed steps for screen reader users.
+          * @default 'Completed'
+         */
+        "completedStepsLabel"?: string;
+        /**
+          * Label for the stepper for screen reader users.
+         */
+        "label"?: string;
         /**
           * Total number of steps. Used when no slot-based steps provided.
          */
@@ -5516,6 +5776,10 @@ declare namespace LocalJSX {
           * Defines an icon for the step. Optional.
          */
         "icon"?: IconName;
+        /**
+          * Label for the step icon for screen reader users.
+         */
+        "label"?: string;
         /**
           * Defines the step number. Optional.
          */
@@ -5855,6 +6119,7 @@ declare namespace LocalJSX {
         "r-hint": RHint;
         "r-icon": RIcon;
         "r-icon-button": RIconButton;
+        "r-illustration": RIllustration;
         "r-input": RInput;
         "r-input-code": RInputCode;
         "r-input-date": RInputDate;
@@ -5947,6 +6212,7 @@ declare module "@stencil/core" {
              * An icon button is a button that contains only an icon and is used to trigger an action.
              */
             "r-icon-button": LocalJSX.RIconButton & JSXBase.HTMLAttributes<HTMLRIconButtonElement>;
+            "r-illustration": LocalJSX.RIllustration & JSXBase.HTMLAttributes<HTMLRIllustrationElement>;
             "r-input": LocalJSX.RInput & JSXBase.HTMLAttributes<HTMLRInputElement>;
             "r-input-code": LocalJSX.RInputCode & JSXBase.HTMLAttributes<HTMLRInputCodeElement>;
             "r-input-date": LocalJSX.RInputDate & JSXBase.HTMLAttributes<HTMLRInputDateElement>;

package/dist/web-components/p-02b22f8e.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as r,g as s}from"./p-CTxpqopm.js";const p=class{constructor(t){e(this,t),this.completed=0,this.completeSteps=0,this.completedStepsLabel="Completed",this.handleSlotChange=()=>{this.setStepStatus(),this.updateVisibilityOfStepText()}}handleCompletedStepsLabelChange(){this.setStepStatus()}onResize(){this.updateVisibilityOfStepText()}get hasSteps(){return this.host.querySelectorAll("r-stepper-item").length>0}componentDidLoad(){this.setStepStatus(),this.updateVisibilityOfStepText()}setStepStatus(){var e;const t=(null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll("r-stepper-item"))||[],r=this.host.querySelectorAll("r-stepper-item")||[],s=[...Array.from(t),...Array.from(r)];null==s||s.forEach((e=>{const t=e.querySelector(".visually-hidden");t&&t.remove();const r=document.createElement("span");r.className="visually-hidden",r.textContent=e.complete?`${this.completedStepsLabel}.`:"",e.prepend(r)}))}getTextElementWidth(e){var t;const r=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector(".r-stepper-item--text");if(!r)return 0;const s=r.classList.contains("visually-hidden");s&&r.classList.remove("visually-hidden");const p=r.offsetWidth;return s&&r.classList.add("visually-hidden"),p}updateVisibilityOfStepText(){const e=this.host.querySelectorAll("r-stepper-item")||[];let t=0;e.forEach((e=>{t+=this.getTextElementWidth(e)+20})),e.forEach(t>=this.host.offsetWidth?e=>{var t;null===(t=e.shadowRoot.querySelector(".r-stepper-item--text"))||void 0===t||t.classList.add("visually-hidden")}:e=>{var t;null===(t=e.shadowRoot.querySelector(".r-stepper-item--text"))||void 0===t||t.classList.remove("visually-hidden")})}render(){const e=this.completed||this.completeSteps;return t(r,{key:"9a8684fe78d610b90c824a8bd06371efc222b94a"},t("ol",{key:"89c37db27cab79946f29e5302784f3a17c853cef",class:"r-stepper","aria-label":this.label||null},!this.hasSteps&&Array.from({length:this.total},((r,s)=>t("r-stepper-item",{number:s+1,complete:e>s,active:e===s,key:s}))),t("slot",{key:"92d043648fb9c12ca5222a569ec40a917798af5a",onSlotchange:this.handleSlotChange})))}get host(){return s(this)}static get watchers(){return{completedStepsLabel:["handleCompletedStepsLabelChange"]}}};p.style='.r-stepper{display:var(--r-stepper--display, flex);align-items:var(--r-stepper--align-items, top);list-style-type:var(--r-stepper--list-style-type, none);padding:var(--r-stepper--padding, 0);margin:var(--r-stepper--margin, 0)}.r-stepper>r-stepper-item,.r-stepper ::slotted(r-stepper-item){display:var(--r-stepper--slotted--stepper-item--display, flex)}.r-stepper>r-stepper-item:not(:last-of-type),.r-stepper ::slotted(r-stepper-item:not(:last-child)){flex:var(--r-stepper--slotted--stepper-item--flex, 1)}.r-stepper>r-stepper-item:not(:last-of-type)::after,.r-stepper ::slotted(r-stepper-item:not(:last-child))::after{content:var(--r-stepper-divider--content, "");display:var(--r-stepper-divider--display, block);position:var(--r-stepper-divider--position, relative);width:var(--r-stepper-divider--width, 100%);height:var(--r-stepper-divider--height, 1px);top:var(--r-stepper-divider--top, 0.625rem);background-color:var(--r-stepper-divider--background-color, var(--r-text-regular, #282828))}';export{p as r_stepper}