@reliability-design/web 1.4.5 → 1.4.6

package/dist/index.d.ts

@@ -36,6 +36,13 @@ declare class RelAlert extends LitElement {
 type TextFieldState = "default" | "error" | "disabled";
 type TextFieldSize = "small" | "medium" | "large";
 type TextFieldVariant = "default" | "underline" | "legend";
+/**
+ * How the prefix block is drawn (Figma `.Preffix` → Style):
+ *   - `"clear"`   — bare icon/text, no separator (the legacy `leftIcon` look)
+ *   - `"divider"` — hairline between the prefix and the input
+ *   - `"fill"`    — tinted block flush with the control's left edge
+ */
+type TextFieldPrefixStyle = "clear" | "divider" | "fill";
 /**
  * How a field presents its label. Shared by `<rel-textfield>`, `<rel-select>`
  * and `<rel-autocomplete>` so the three stay in step.
@@ -57,6 +64,17 @@ declare class RelTextfield extends LitElement {
     clickableRightIcon: boolean;
     /** Accessible label for the trailing icon when it is clickable. */
     rightIconAriaLabel?: string;
+    /** Short text rendered before the input, e.g. `"http://"` or `"$"`. Sits in
+     *  the same prefix block as `prefixIcon` and is styled by `prefixStyle`. */
+    prefixText?: string;
+    /** Visual treatment of the prefix block — applies to the prefix icon, text
+     *  and slotted `prefix` content alike. See `TextFieldPrefixStyle`. */
+    prefixStyle: TextFieldPrefixStyle;
+    /** Short text rendered after the input, e.g. `"kg"` or `".00"`. Shares the
+     *  suffix block with `rightIcon` and slotted `suffix` content. */
+    suffixText?: string;
+    /** Draws a hairline between the input and the suffix block. */
+    suffixDivider: boolean;
     supportingText?: string;
     state: TextFieldState;
     size: TextFieldSize;
@@ -91,7 +109,10 @@ declare class RelTextfield extends LitElement {
     name?: string;
     fullWidth: boolean;
     private internalState;
+    /** Whether the `prefix` / `suffix` named slots currently have content. */
+    private slotted;
     private _wasError;
+    private _prefixObserver?;
     private uniqueId;
     private get isDisabled();
     private get isError();
@@ -103,6 +124,14 @@ declare class RelTextfield extends LitElement {
     private get labelHidden();
     static styles: lit.CSSResult;
     connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleSlotChange;
+    /** Clicking the (non-interactive) prefix/suffix area focuses the input, as a
+     *  label would. Clickable icons and slotted controls keep their own clicks. */
+    private handleAffixClick;
+    /** Publishes the prefix block's width as --_rel-tf-prefix-w on its parent so
+     *  the floated label can slide back over a clear-style prefix (see CSS). */
+    private observePrefix;
     willUpdate(changed: PropertyValues<this>): void;
     private _warnedNoName;
     updated(): void;
@@ -202,6 +231,8 @@ declare class RelAutocomplete extends LitElement {
     static styles: lit.CSSResult;
     disconnectedCallback(): void;
     protected willUpdate(changed: PropertyValues<this>): void;
+    private wasLoading;
+    protected updated(): void;
     /** Full normalized source list (remote results while searchFn drives, else items). */
     private get allItems();
     private normalizeItem;
@@ -221,6 +252,7 @@ declare class RelAutocomplete extends LitElement {
     /** Re-evaluates whether the panel should be showing for the current state. */
     private syncPanel;
     private onFieldInput;
+    private announceResults;
     private runSearch;
     private selectItem;
     /** Silent commit when typed text exactly matches an item (label or value, case-insensitive). */
@@ -228,6 +260,7 @@ declare class RelAutocomplete extends LitElement {
     private emitChanged;
     private clear;
     private onKeyDown;
+    private announceHighlighted;
     private onFocusIn;
     private onFocusOut;
     /** Delegates focus to the inner textfield. */
@@ -277,6 +310,7 @@ declare class RelBadge extends LitElement {
     textColor: string;
     static styles: lit.CSSResult;
     private get classes();
+    private get computedAriaLabel();
     updated(changedProperties: Map<PropertyKey, unknown>): void;
     render(): lit_html.TemplateResult<1>;
 }
@@ -354,6 +388,10 @@ declare class RelCalendar extends LitElement {
     private getCalendarDays;
     private getWeekdayLabels;
     private getMonthName;
+    private dayLabelFormatter;
+    private dayLabelLocale;
+    private formatDayLabel;
+    private announceMonth;
     private previousMonth;
     private nextMonth;
     private selectDay;
@@ -411,6 +449,7 @@ declare class RelCarousel extends LitElement {
     private prefersReducedMotion;
     private clonesBefore;
     private _silentJumping;
+    private _autoplayTick;
     private _ro?;
     static styles: lit.CSSResult;
     connectedCallback(): void;
@@ -534,6 +573,17 @@ declare class RelDatePicker extends LitElement {
     private focusedDate;
     private yearDropdownOpen;
     private monthDropdownOpen;
+    /** Uncommitted typed text; null → the input shows the committed value. */
+    private inputText;
+    /** Parse/range error message for the typed text (cleared on next input). */
+    private inputError;
+    /**
+     * Whether the next popover open should move focus into the calendar grid.
+     * Icon-click / ArrowDown / external `open` do (previous behavior); opening
+     * by clicking into the text input must NOT, or typing would be impossible.
+     */
+    private focusPanelOnOpen;
+    private triggerInput?;
     private triggerButton?;
     private popoverElement?;
     private calendarGrid?;
@@ -543,6 +593,12 @@ declare class RelDatePicker extends LitElement {
     private handleClickOutside;
     private handleEscapeKey;
     updated(changedProperties: Map<string, any>): void;
+    private showTopLayer;
+    private hideTopLayer;
+    private onReposition;
+    private updatePopoverPosition;
+    /** Focus the roving day cell (selected day, else today, else first). */
+    private focusPanelSelection;
     private parseISODate;
     private formatISODate;
     private formatDisplayDate;
@@ -551,6 +607,10 @@ declare class RelDatePicker extends LitElement {
     private getCalendarDays;
     private getWeekdayLabels;
     private getMonthName;
+    private dayLabelFormatter;
+    private dayLabelLocale;
+    private formatDayLabel;
+    private announceMonth;
     private getMonthsList;
     private getYearsList;
     private toggleCalendarPopover;
@@ -558,8 +618,29 @@ declare class RelDatePicker extends LitElement {
     private previousMonth;
     private nextMonth;
     private selectDay;
+    /** Commit a date: set value, reset typed text/error, fire rel-change. */
+    private commitDate;
     private clearValue;
-    private handleTriggerKeydown;
+    /** Ambiguous "a/b" day/month order: display format wins, then locale. */
+    private get dayFirst();
+    /**
+     * Parse and commit the typed text (Enter / blur). Invalid or out-of-range
+     * text keeps the field in an error state with the text preserved for
+     * correction; the committed value is untouched (Escape reverts the text).
+     */
+    private commitTypedValue;
+    /** Today ± offset days, committed directly (T shortcuts / popover chips). */
+    private applyDayOffsetShortcut;
+    private handleInputInput;
+    private handleInputKeydown;
+    /** Clicking anywhere on the field opens the popover, keeping focus typed-in. */
+    private handleFieldClick;
+    /** The calendar icon toggles the popover with the previous focus behavior. */
+    private handleIconClick;
+    /** Commit typed text when focus leaves the component entirely. */
+    private handleInputBlur;
+    /** T inside the panel (grid/header focus) applies Today directly. */
+    private handlePanelKeydown;
     private handleDayKeydown;
     private toggleMonthDropdown;
     private toggleYearDropdown;
@@ -595,6 +676,7 @@ declare class RelRangePicker extends LitElement {
     maxHeight: string;
     placeholder: string;
     triggerVariant: "default" | "icon";
+    clearable: boolean;
     private draftFrom;
     private draftTo;
     private draftActivePreset;
@@ -604,7 +686,11 @@ declare class RelRangePicker extends LitElement {
     private hoverDate;
     /** ISO date of the cell that owns the grid's single Tab stop (roving tabindex). */
     private focusedDate;
-    private triggerButton?;
+    /** Uncommitted typed text; null → the input shows the committed range. */
+    private inputText;
+    /** Parse/range error message for the typed text (cleared on next input). */
+    private inputError;
+    private triggerInput?;
     private popoverEl?;
     private backdropEl?;
     static styles: lit.CSSResult;
@@ -622,6 +708,31 @@ declare class RelRangePicker extends LitElement {
     private cancelPopover;
     private applySelection;
     private resetDraft;
+    private clearRange;
+    /**
+     * Parse "date → date" text into an ISO from/to pair, or null. Each side
+     * goes through rel-date-picker's parseDateInput, so ISO / numeric /
+     * month-name dates and the t / t±N shortcuts all work per side.
+     * Separators: "→", "..", spaced "-", or the word "to" ("t - t+7",
+     * "21/7 to 28/7"). A single date yields a one-day range. Reversed input
+     * is normalized (from ≤ to). dayFirst is hard-coded false because the
+     * displayed format is always MM/DD/YYYY.
+     */
+    private parseRangeText;
+    /**
+     * Parse and commit the typed text (Enter / blur). Invalid or out-of-range
+     * text keeps the field in an error state with the text preserved for
+     * correction; the committed range is untouched (Escape reverts the text).
+     */
+    private commitTypedValue;
+    private handleInputInput;
+    private handleInputKeydown;
+    /** Clicking anywhere on the field opens the panel (never closes). */
+    private handleFieldClick;
+    /** The calendar icon toggles the panel (previous trigger behavior). */
+    private handleIconClick;
+    /** Commit typed text when focus leaves the component entirely. */
+    private handleInputBlur;
     private getTriggerLabel;
     /** Formatted "MM/DD/YYYY → MM/DD/YYYY" (or single date / "") for the current committed `from`/`to`. */
     get displayLabel(): string;
@@ -635,6 +746,8 @@ declare class RelRangePicker extends LitElement {
     private previousMonth;
     private nextMonth;
     private getMonthName;
+    private dayLabelFormatter;
+    private formatDayLabel;
     private getWeekdayLabels;
     private getCalendarDays;
     private handleDayClick;
@@ -850,30 +963,56 @@ interface RadioOption {
     label: string;
     supportingText?: string;
     disabled?: boolean;
+    /** rel-icon name rendered before the label (Figma Has Icon/Avatar, Type=Icon). */
+    icon?: string;
+    /** 1–2 initials rendered as a circular chip before the label (Type=Avatar).
+     *  Ignored when `icon` is also set. */
+    avatar?: string;
 }
+type RadioSize = "small" | "medium" | "large";
+type RadioDensity = "compact" | "comfortable";
+type RadioAlignment = "leading" | "trailing";
 declare class RelRadio extends LitElement {
     options: RadioOption[];
     name: string;
     /** Layout axis of the option list. `"vertical"` (default) stacks options in
      *  a column; `"horizontal"` lays them out in a wrapping row. */
     orientation: Orientation;
-    /** Control scale. `"medium"` (default) = 20px circle with body-lg labels;
-     *  `"small"` = 16px circle with body-md labels. */
-    size: "small" | "medium";
+    /** Control scale (Figma Size). `"medium"` (default, Figma M) = 20px control
+     *  with body-lg labels; `"large"` (Figma L) = 24px control with body-xl
+     *  labels; `"small"` (Figma S) = 20px control with body-md labels — S and M
+     *  share the control size in the spec, only typography steps down. */
+    size: RadioSize;
+    /** Supporting-text layout (Figma Density). `"compact"` (default) puts the
+     *  supporting text on its own line under the row, indented past the control;
+     *  `"comfortable"` stacks label + supporting text beside the control. */
+    density: RadioDensity;
+    /** Control position (Figma Layout). `"leading"` (default) renders the
+     *  control before the label; `"trailing"` pushes it to the far edge of the
+     *  row. Trailing has no compact layout in the spec, so it always renders
+     *  with comfortable density. Meant for vertical orientation — trailing
+     *  options stretch to the group's full width. */
+    alignment: RadioAlignment;
     selectedValue: string | null;
     disabled: boolean;
     error: boolean;
     errorMessage: string;
+    /** Accessible name for the radiogroup (it renders no visible group label). */
+    fieldAriaLabel?: string;
     value: string;
     checked: boolean;
     private _onChange;
     private _onTouched;
     static styles: lit.CSSResult;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    /** Trailing has no compact layout in the spec — trailing wins. */
+    private get effectiveDensity();
     private onChange;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     writeValue(value: string): void;
     private get hasSelection();
+    private renderPrefix;
     private renderOption;
     render(): lit_html.TemplateResult<1>;
 }
@@ -1344,6 +1483,15 @@ declare class RelPopover extends LitElement {
     private onHostKeyDown;
     private onOpen;
     private onClose;
+    /**
+     * Light-dismiss every other open popover that isn't an ancestor of this
+     * one (nested popovers keep their parent open). This is what the outside-
+     * pointerdown listener would do for a click on our trigger — except the
+     * trigger handler stops that pointerdown in the capture phase, and a
+     * keyboard (Enter/Space) or programmatic open never produces one at all.
+     * Honors each popover's own `closeOnOutsideClick` setting.
+     */
+    private closeOtherPopovers;
     private showNativePopover;
     private hideNativePopover;
     private addGlobalListeners;
@@ -1377,10 +1525,12 @@ type ProgressMode = "linear-determinate" | "linear-indeterminate" | "circular-de
 declare class RelProgress extends LitElement {
     mode: ProgressMode;
     value: number;
+    label: string;
     private radius;
     private circumference;
     static styles: lit.CSSResult;
     private get safeValue();
+    private get accessibleName();
     private renderLinearDeterminate;
     private renderLinearIndeterminate;
     private renderCircularDeterminate;
@@ -1467,6 +1617,8 @@ declare class RelSegmentedButton extends LitElement {
     active: string;
     size: SegmentSize;
     align: SegmentAlign;
+    /** Accessible name for the radiogroup (it renders no visible group label). */
+    fieldAriaLabel?: string;
     static styles: lit.CSSResult;
     private setActive;
     /** APG radio-group navigation: arrows move focus AND select, the group is
@@ -1627,13 +1779,33 @@ declare global {
 }
 
 type ModalSide = "top" | "bottom" | "center";
+type ModalSize = "sm" | "md" | "lg" | "xl" | "fullscreen";
 declare class RelModal extends LitElement {
     open: boolean;
     side: ModalSide;
     title: string;
     description: string;
+    /** Alias for `description`; rendered only when `description` is empty. */
+    subtitle: string;
     dismissible: boolean;
     modal: boolean;
+    /** Panel width scale. `md` matches the Figma Modal Sheet width; `fullscreen` covers the viewport. */
+    size: ModalSize;
+    closeOnBackdropClick: boolean;
+    closeOnEscape: boolean;
+    showCloseButton: boolean;
+    /** Move focus into the panel when opened (modal mode only). */
+    autoFocus: boolean;
+    /** Return focus to the opener when closed. */
+    restoreFocus: boolean;
+    /** When false, the body no longer scrolls internally — tall content clips at the panel's max height. */
+    scrollable: boolean;
+    /** Shows a spinner overlay and blocks all interaction inside the panel. */
+    loading: boolean;
+    /** Blocks user-initiated closes (X / backdrop / Escape) and footer actions. */
+    disabled: boolean;
+    /** Stacking order of the whole modal (backdrop + panel). */
+    zIndex: number;
     /**
      * Figma "Breakpoint" axis. responsive (default) collapses to a full-width
      * bottom sheet below 480px; web keeps the fixed desktop panel at every size.
@@ -1684,6 +1856,7 @@ declare class RelSlider extends LitElement {
     value: number;
     /** Upper value when type="range" (attribute value-end). */
     valueEnd: number;
+    fieldAriaLabel?: string;
     private ticks;
     private _onChange;
     private _onTouched;
@@ -1746,6 +1919,7 @@ declare class RelSwitch extends LitElement {
     checked: boolean;
     disabled: boolean;
     value: string;
+    fieldAriaLabel?: string;
     private _onChange;
     private _onTouched;
     private isFocused;
@@ -1843,9 +2017,19 @@ declare class RelTimePicker extends LitElement {
     private draftHour;
     private draftMinute;
     private draftSecond;
-    /** Panel opens above the field when there is no viewport space below. */
-    private openUp;
+    /** Uncommitted typed text; null → the input shows the committed value. */
+    private inputText;
+    /** Parse/range error message for the typed text (cleared on next input). */
+    private inputError;
+    /**
+     * Whether the next popover open should move focus into the columns.
+     * Icon-click / ArrowDown / external `open` do (previous behavior); opening
+     * by clicking into the text input must NOT, or typing would be impossible.
+     */
+    private focusPanelOnOpen;
+    private triggerInput?;
     private triggerButton?;
+    private popoverElement?;
     private columnsElement?;
     static styles: lit.CSSResult;
     connectedCallback(): void;
@@ -1853,8 +2037,12 @@ declare class RelTimePicker extends LitElement {
     private handleClickOutside;
     private handleEscapeKey;
     updated(changedProperties: Map<string, any>): void;
-    /** Open upward when the panel doesn't fit below but does fit above. */
-    private updatePanelPlacement;
+    private showTopLayer;
+    private hideTopLayer;
+    private onReposition;
+    private updatePopoverPosition;
+    /** Focus the selected (or first enabled) option in the columns. */
+    private focusPanelSelection;
     private parseTime;
     private formatValue;
     private formatDisplay;
@@ -1880,9 +2068,19 @@ declare class RelTimePicker extends LitElement {
     /** Close discarding the draft (Cancel / Escape / outside click). */
     private cancelPopover;
     private applySelection;
+    /** Commit a time: set value, reset typed text/error, fire rel-change. */
+    private commitTime;
     /** Set the draft to the current time, snapped to the minute step and range. */
     private selectNow;
     private clearValue;
+    /**
+     * Parse and commit the typed text (Enter / blur). Invalid or out-of-range
+     * text keeps the field in an error state with the text preserved for
+     * correction; the committed value is untouched (Escape reverts the text).
+     */
+    private commitTypedValue;
+    /** "Now", committed directly (N shortcut / popover chip), clamped to range. */
+    private applyNowShortcut;
     private selectHour;
     private selectMinute;
     private selectSecond;
@@ -1894,7 +2092,16 @@ declare class RelTimePicker extends LitElement {
      */
     private scrollOptionInColumn;
     private scrollColumnsToSelection;
-    private handleTriggerKeydown;
+    private handleInputInput;
+    private handleInputKeydown;
+    /** Clicking anywhere on the field opens the popover, keeping focus typed-in. */
+    private handleFieldClick;
+    /** The clock icon toggles the popover with the previous focus behavior. */
+    private handleIconClick;
+    /** Commit typed text when focus leaves the component entirely. */
+    private handleInputBlur;
+    /** N inside the panel (columns/footer focus) applies Now directly. */
+    private handlePanelKeydown;
     /**
      * Column navigation: Up/Down move within the column (and select), Left/Right
      * jump between columns, Home/End go to the first/last option, Enter applies.
@@ -2058,6 +2265,8 @@ declare class RelUpload extends LitElement {
     private aborter?;
     private delayTimer?;
     private lastSignature;
+    private lastHeading;
+    private lastAlertText;
     static styles: lit.CSSResult;
     /**
      * Aggregate state. Read-only; corresponds to the Figma modal variants.
@@ -2282,4 +2491,25 @@ declare function bindShortcut(shortcut: string, handler: ShortcutHandler, option
  */
 declare function formatShortcutParts(shortcut: string): string[];
 
-export { type AutocompleteFilter, type AutocompleteItem, type AutocompleteSearchFn, type BindShortcutOptions, type BreadcrumbItem, type ButtonTone, type ButtonVariant, type ChipBorder, type ChipSize, type ChipTone, type ChipVariant, type DrawerCloseReason, type DrawerSide, type FieldLabelStyle, FocusTrap, type LabelPlacement, type MenuItem, type MenuType, type ModalSide, type Orientation, type OtpType, type ProgressMode, type RadioOption, RelAccordion, RelAlert, RelAutocomplete, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCalendar, RelCard, RelCardMedia, RelCarousel, RelCheckbox, RelChip, RelContainer, RelDatePicker, RelDivider, RelDrawer, RelDrawerFooter, RelKbd, RelKbdGroup, RelLayout, RelMenu, RelMenuItem, RelMenubar, RelMenubarMenu, RelModal, RelNavbar, RelOtp, RelPagination, RelPopover, RelPopoverContent, RelProgress, RelRadio, RelRangePicker, RelResizableGroup, RelResizableHandle, RelResizablePanel, RelSegmentedButton, RelSelect, RelSkeleton, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTabItem, RelTextfield, RelTimePicker, RelToast, RelTooltip, RelTopbar, RelTopbarActions, RelTopbarBrand, RelTopbarDropdown, RelTopbarDropdownItem, RelTopbarItem, RelTopbarMobilePanel, RelTopbarProfile, RelTopbarUtilities, RelUpload, RelUploadActions, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectLabelStyle, type SelectOption, type SelectOptionObject, type SelectSize, type SelectState, type ShortcutHandler, type SkeletonAnimation, type SkeletonShape, type SliderType, type SnackbarLines, type SnackbarType, type Step, type StepStatus, type StepperSize, type StepperType, type TabItem, type TextAlign, type TextFieldSize, type TextFieldState, type TextFieldVariant, type ToastType, type TooltipPosition, type TooltipType, type TopbarForceLayout, type TopbarProfileType, type TopbarRewardTier, type TopbarVariant, type TrackStyle, type UploadFile, type UploadPhase, type UploadRejection, type UploadState, type UploadStatus, type Uploader, type UploaderContext, bindShortcut, formatShortcutParts, getDeepActiveElement, getFocusableElements, isApplePlatform, isEditableTarget, matchesShortcut, parseShortcut, trapTabKey };
+/**
+ * Shared screen-reader announcer.
+ *
+ * Maintains two persistent, visually-hidden live regions on document.body
+ * (one polite, one assertive). Because the regions exist before any message
+ * is written into them, text changes are reliably announced — unlike live
+ * regions that are inserted into the DOM at the same moment as their content,
+ * which most screen reader / browser pairs ignore.
+ *
+ * Messages are written on a short delay after clearing the region so that
+ * repeating the same string (e.g. two identical toasts in a row) is
+ * re-announced instead of deduplicated by the browser's accessibility tree.
+ */
+type Politeness = "polite" | "assertive";
+/**
+ * Announce a message to screen reader users without moving focus.
+ * Use "assertive" only for time-sensitive information (errors); everything
+ * else should be "polite" so it does not interrupt the user mid-word.
+ */
+declare function announce(message: string, politeness?: Politeness): void;
+
+export { type AutocompleteFilter, type AutocompleteItem, type AutocompleteSearchFn, type BindShortcutOptions, type BreadcrumbItem, type ButtonTone, type ButtonVariant, type ChipBorder, type ChipSize, type ChipTone, type ChipVariant, type DrawerCloseReason, type DrawerSide, type FieldLabelStyle, FocusTrap, type LabelPlacement, type MenuItem, type MenuType, type ModalSide, type ModalSize, type Orientation, type OtpType, type ProgressMode, type RadioOption, RelAccordion, RelAlert, RelAutocomplete, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCalendar, RelCard, RelCardMedia, RelCarousel, RelCheckbox, RelChip, RelContainer, RelDatePicker, RelDivider, RelDrawer, RelDrawerFooter, RelKbd, RelKbdGroup, RelLayout, RelMenu, RelMenuItem, RelMenubar, RelMenubarMenu, RelModal, RelNavbar, RelOtp, RelPagination, RelPopover, RelPopoverContent, RelProgress, RelRadio, RelRangePicker, RelResizableGroup, RelResizableHandle, RelResizablePanel, RelSegmentedButton, RelSelect, RelSkeleton, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTabItem, RelTextfield, RelTimePicker, RelToast, RelTooltip, RelTopbar, RelTopbarActions, RelTopbarBrand, RelTopbarDropdown, RelTopbarDropdownItem, RelTopbarItem, RelTopbarMobilePanel, RelTopbarProfile, RelTopbarUtilities, RelUpload, RelUploadActions, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectLabelStyle, type SelectOption, type SelectOptionObject, type SelectSize, type SelectState, type ShortcutHandler, type SkeletonAnimation, type SkeletonShape, type SliderType, type SnackbarLines, type SnackbarType, type Step, type StepStatus, type StepperSize, type StepperType, type TabItem, type TextAlign, type TextFieldPrefixStyle, type TextFieldSize, type TextFieldState, type TextFieldVariant, type ToastType, type TooltipPosition, type TooltipType, type TopbarForceLayout, type TopbarProfileType, type TopbarRewardTier, type TopbarVariant, type TrackStyle, type UploadFile, type UploadPhase, type UploadRejection, type UploadState, type UploadStatus, type Uploader, type UploaderContext, announce, bindShortcut, formatShortcutParts, getDeepActiveElement, getFocusableElements, isApplePlatform, isEditableTarget, matchesShortcut, parseShortcut, trapTabKey };