@reliability-design/web 1.1.1 → 1.2.0

package/dist/index.d.mts

@@ -32,6 +32,7 @@ declare class RelAvatar extends LitElement {
     src: string;
     text: string;
     alt: string;
+    bg: string;
     static styles: lit.CSSResult;
     render(): lit_html.TemplateResult<1>;
 }
@@ -59,7 +60,7 @@ declare class RelBreadcrumbs extends LitElement {
 
 declare class RelButton extends LitElement {
     variant: "default" | "primary" | "secondary" | "text" | "link" | "icon";
-    tone: "default" | "critical" | "success";
+    tone: "default" | "primary" | "secondary" | "critical" | "success";
     size: "small" | "medium" | "large";
     border: "corner-radius" | "small-corner-radius" | "no-corner-radius";
     disabled: boolean;
@@ -126,13 +127,19 @@ declare class RelCarousel extends LitElement {
     private autoplayTimer?;
     private animationId?;
     private prefersReducedMotion;
+    private clonesBefore;
+    private _silentJumping;
+    private _ro?;
     static styles: lit.CSSResult;
     connectedCallback(): void;
+    firstUpdated(): void;
     disconnectedCallback(): void;
     private handleSlotChange;
+    private unit;
     private updateTransform;
     private goToPrevious;
     private goToNext;
+    private silentJump;
     private goToSlide;
     private emitChange;
     private startAutoplay;
@@ -229,14 +236,65 @@ declare class RelDatePicker extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
+declare class RelRangePicker extends LitElement {
+    from: string;
+    to: string;
+    locale: string;
+    weekStart: "mon" | "sun";
+    minDate: string;
+    maxDate: string;
+    disabled: boolean;
+    open: boolean;
+    mode: "popover" | "popup";
+    private draftFrom;
+    private draftTo;
+    private draftActivePreset;
+    private viewYear;
+    private viewMonth;
+    private isSelectingRange;
+    private hoverDate;
+    private triggerButton?;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleClickOutside;
+    private handleGlobalKeydown;
+    private toggleOpen;
+    private openPopover;
+    private cancelPopover;
+    private applySelection;
+    private resetDraft;
+    private getTriggerLabel;
+    private parseISODate;
+    private formatISODate;
+    private formatDisplayDate;
+    private isSameDay;
+    private isDateDisabled;
+    private getQuickSelects;
+    private selectQuickSelect;
+    private previousMonth;
+    private nextMonth;
+    private getMonthName;
+    private getWeekdayLabels;
+    private getCalendarDays;
+    private handleDayClick;
+    private handleDayHover;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-range-picker": RelRangePicker;
+    }
+}
+
 declare class RelChip extends LitElement {
     label: string;
-    tone: "default" | "blue" | "yellow" | "red" | "green";
+    tone: "default" | "blue" | "orange" | "red" | "green";
     leadingIcon?: string;
     trailingIcon?: string;
+    /** Initials text for the avatar (e.g. "JD"). Mutually exclusive with leadingIcon. */
     avatar?: string;
     removable: boolean;
-    outline: boolean;
     /** IMPORTANT: reflected so CSS + Angular can see it */
     removed: boolean;
     static styles: lit.CSSResult;
@@ -273,7 +331,7 @@ declare global {
     }
 }
 
-type DrawerSide = "bottom" | "left" | "right" | "top";
+type DrawerSide = "bottom" | "left" | "right";
 type DrawerCloseReason = "backdrop" | "escape" | "drag" | "programmatic";
 declare class RelDrawer extends LitElement {
     open: boolean;
@@ -287,7 +345,6 @@ declare class RelDrawer extends LitElement {
     snapThreshold: number;
     maxHeight: string;
     width: string;
-    disabled: boolean;
     title: string;
     description: string;
     private isDragging;
@@ -307,7 +364,6 @@ declare class RelDrawer extends LitElement {
     private handleClose;
     private lockScroll;
     private unlockScroll;
-    private focusPanel;
     private getFocusableElements;
     private handleKeydown;
     private handleOverlayClick;
@@ -318,7 +374,6 @@ declare class RelDrawer extends LitElement {
     private handlePointerUp;
     private getPanelStyle;
     private getOverlayStyle;
-    private hasSlotContent;
     render(): lit_html.TemplateResult<1>;
 }
 declare global {
@@ -333,7 +388,6 @@ declare class RelKbd extends LitElement {
     pill: boolean;
     inset: boolean;
     static styles: lit.CSSResult;
-    private get classes();
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -342,6 +396,7 @@ declare class RelLayout extends LitElement {
     columns: number;
     responsive: boolean;
     static styles: lit.CSSResult;
+    willUpdate(): void;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -359,18 +414,19 @@ declare class RelMenuItem extends LitElement {
     value: string;
     disabled: boolean;
     icon: string;
+    createRenderRoot(): this;
     render(): lit_html.TemplateResult<1>;
 }
 declare class RelMenu extends LitElement {
     type: MenuType;
     items: MenuItem[];
     private focusedIndex;
-    private _menuItems;
-    static styles: lit.CSSResult;
-    private _onSlotChange;
-    private get _effectiveItems();
+    private _items;
+    static readonly _css = "\n    :host {\n      display: inline-block;\n    }\n\n    .rel-menu {\n      position: relative;\n      display: inline-block;\n      background: var(--rel-color-bg-primary);\n      color: var(--rel-color-text-primary);\n      border-radius: var(--rel-borders-radius-border-radius-300);\n      box-shadow: var(--rel-shadows-shadow-300);\n      min-width: 220px;\n      font-family: var(--rel-fontFamilies-primary, sans-serif);\n      font-size: var(--rel-fontSizes-sm);\n      padding: var(--rel-spacing-space-3xs) 0;\n      outline: none;\n      overflow: hidden;\n    }\n\n    .rel-menu:focus-visible,\n    :host(:focus-visible) .rel-menu {\n      outline: 2px solid var(--rel-color-border-focus);\n      outline-offset: 2px;\n    }\n\n    .rel-menu-item {\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: var(--rel-spacing-space-xs);\n      padding: var(--rel-spacing-space-xs) var(--rel-spacing-space-sm);\n      line-height: var(--rel-lineHeights-sm);\n      cursor: pointer;\n      transition: background 0.15s ease, color 0.15s ease;\n      user-select: none;\n    }\n\n    .rel-menu-item:hover {\n      background: var(--rel-color-bg-hover);\n    }\n\n    .rel-menu-item:active {\n      background: var(--rel-color-bg-hover);\n    }\n\n    .rel-menu-item.active {\n      background: var(--rel-color-bg-hover);\n      font-weight: var(--rel-fontWeights-medium);\n    }\n\n    .rel-menu-item.disabled {\n      background-color: transparent;\n      color: var(--rel-color-text-disabled);\n      cursor: not-allowed;\n    }\n\n    .rel-menu-item[data-focused=\"true\"] {\n      outline: 2px solid var(--rel-color-border-focus);\n      outline-offset: -2px;\n    }\n\n    .menu-check-row {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--rel-spacing-space-2xs);\n      width: 100%;\n    }\n\n    .menu-checkbox {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n\n    .menu-checkbox:disabled {\n      cursor: not-allowed;\n    }\n\n    .menu-label {\n      flex: 1 1 auto;\n    }\n\n    .chevron {\n      font-size: var(--rel-fontSizes-lg);\n      opacity: 0.75;\n      transform: translateY(1px);\n    }\n\n    .rel-submenu {\n      position: absolute;\n      top: calc(-1 * var(--rel-spacing-space-3xs));\n      left: calc(100% + var(--rel-spacing-space-2xs));\n      min-width: 200px;\n      background: var(--rel-color-bg-primary);\n      color: var(--rel-color-text-primary);\n      border-radius: var(--rel-borders-radius-border-radius-300);\n      box-shadow: var(--rel-shadows-shadow-300);\n      padding: var(--rel-spacing-space-3xs) 0;\n      visibility: hidden;\n      pointer-events: none;\n      z-index: 20;\n    }\n\n    .rel-submenu.visible {\n      visibility: visible;\n      pointer-events: auto;\n    }\n\n    .rel-submenu .rel-menu-item {\n      padding: var(--rel-spacing-space-xs) var(--rel-spacing-space-sm);\n    }\n  ";
+    createRenderRoot(): this;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
     private handleDocumentClick;
     private onItemEnter;
     private onItemLeave;
@@ -382,17 +438,46 @@ declare class RelMenu extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
+interface RadioOption {
+    value: string;
+    label: string;
+    supportingText?: string;
+    disabled?: boolean;
+}
+declare class RelRadio extends LitElement {
+    options: RadioOption[];
+    name: string;
+    selectedValue: string | null;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    value: string;
+    checked: boolean;
+    private _onChange;
+    private _onTouched;
+    static styles: lit.CSSResult;
+    private onChange;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(value: string): void;
+    private renderOption;
+    render(): lit_html.TemplateResult<1>;
+}
+
 declare class RelMenubar extends LitElement {
     private menus;
     private openMenuIndex;
     private focusedTriggerIndex;
     private focusedItemIndex;
     private openSubmenuElement;
-    private container;
     private hoverSwitchEnabled;
-    static styles: lit.CSSResult;
+    private _onScroll?;
+    static readonly _css = "\n    :host {\n      display: block;\n    }\n\n    :host > slot {\n      display: none;\n    }\n\n    .menubar-container {\n      display: flex;\n      align-items: stretch;\n      background: var(--rel-color-bg-secondary);\n      border: var(--rel-borders-width-stroke-100) solid var(--rel-color-border-default);\n      border-radius: var(--rel-borders-radius-border-radius-200);\n      overflow: hidden;\n      padding: 0;\n      gap: var(--rel-spacing-space-3xs);\n      font-family: var(--rel-fontFamilies-primary);\n      font-size: var(--rel-fontSizes-sm);\n      height: 40px;\n    }\n\n    .menubar-trigger {\n      display: flex;\n      align-items: center;\n      align-self: stretch;\n      height: 100%;\n      padding: 0 var(--rel-spacing-space-sm);\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      font-family: inherit;\n      font-size: inherit;\n      color: var(--rel-color-text-heading);\n      transition: background 0.15s ease;\n      user-select: none;\n      outline: none;\n    }\n\n    .menubar-trigger:hover,\n    .menubar-trigger.active {\n      background: var(--rel-color-bg-selected);\n    }\n\n    .menubar-trigger:focus-visible {\n      outline: 2px solid var(--rel-color-border-focus);\n      outline-offset: 2px;\n    }\n\n    .menubar-panel {\n      position: fixed;\n      min-width: 220px;\n      background: var(--rel-color-bg-primary);\n      border: var(--rel-borders-width-stroke-100) solid var(--rel-color-border-default);\n      border-radius: var(--rel-borders-radius-border-radius-200);\n      box-shadow: var(--rel-shadows-shadow-300);\n      padding: 0;\n      overflow: hidden;\n      z-index: 1000;\n      display: none;\n    }\n\n    .menubar-panel.open {\n      display: block;\n    }\n\n    .menu-item {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--rel-spacing-space-sm);\n      padding: var(--rel-spacing-space-xs) var(--rel-spacing-space-md);\n      cursor: pointer;\n      transition: background 0.15s ease;\n      user-select: none;\n      color: var(--rel-color-text-heading);\n      line-height: var(--rel-lineHeights-sm);\n    }\n\n    .menu-item:hover,\n    .menu-item.focused {\n      background: var(--rel-color-bg-selected);\n    }\n\n    .menu-item[data-disabled=\"true\"] {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .menu-separator {\n      height: var(--rel-borders-width-stroke-100);\n      background: var(--rel-color-border-divider);\n      margin: 0;\n      padding: 0;\n    }\n\n    rel-icon {\n      display: inline-flex;\n      pointer-events: none;\n    }\n\n    .menu-submenu-trigger {\n      position: relative;\n    }\n\n    .menu-submenu-trigger rel-icon {\n      opacity: 0.6;\n    }\n\n    .submenu-panel {\n      position: fixed;\n      min-width: 200px;\n      background: var(--rel-color-bg-primary);\n      border: var(--rel-borders-width-stroke-100) solid var(--rel-color-border-default);\n      border-radius: var(--rel-borders-radius-border-radius-200);\n      box-shadow: var(--rel-shadows-shadow-300);\n      padding: 0;\n      overflow: hidden;\n      z-index: 1001;\n      display: none;\n    }\n\n    .submenu-panel.open {\n      display: block;\n    }\n\n    .menu-shortcut {\n      opacity: 0.6;\n      font-size: var(--rel-fontSizes-xs);\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: var(--rel-spacing-space-3xs);\n    }\n\n    .menubar-panel rel-checkbox {\n      display: block;\n      width: 100%;\n      padding: var(--rel-spacing-space-xs, 8px) var(--rel-spacing-space-md, 16px);\n      box-sizing: border-box;\n      cursor: pointer;\n    }\n  ";
+    createRenderRoot(): this;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private _repositionOpenSubmenu;
+    private _repositionOpenMenu;
     private discoverMenus;
     private handleOutsideClick;
     private closeAllMenus;
@@ -420,59 +505,6 @@ declare class RelMenubarMenu extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-type DensityType$1 = "comfortable" | "compact";
-declare class RelNavMenu extends LitElement {
-    open: string;
-    disabled: boolean;
-    density: DensityType$1;
-    private items;
-    private focusedIndex;
-    private hoverSwitchEnabled;
-    private container;
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private discoverItems;
-    private handleSlotChange;
-    private handleOutsideClick;
-    private handleNavItemClick;
-    private handleNavItemHover;
-    private openPanel;
-    private closePanel;
-    private handleKeyDown;
-    private focusItem;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class RelNavMenuItem extends LitElement {
-    label: string;
-    href: string;
-    itemId: string;
-    disabled: boolean;
-    icon: string;
-    /** Promoted from @state so rel-nav-menu can read it as a property. */
-    hasContent: boolean;
-    /** Set by rel-nav-menu to open/close this item's panel. */
-    open: boolean;
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    updated(changed: Map<string, any>): void;
-    private updateHasContent;
-    private handleSlotChange;
-    private positionPanel;
-    private handleTriggerClick;
-    private handleTriggerMouseEnter;
-    get triggerId(): string;
-    get panelId(): string;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class RelNavMenuPanel extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-
 /**
  * @deprecated rel-navbar is deprecated and will be removed in a future release.
  * Use rel-topbar and its sub-components instead:
@@ -530,6 +562,30 @@ declare global {
     }
 }
 
+declare class RelTopbarDropdown extends LitElement {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-topbar-dropdown": RelTopbarDropdown;
+    }
+}
+
+declare class RelTopbarDropdownItem extends LitElement {
+    label: string;
+    href: string;
+    active: boolean;
+    static styles: lit.CSSResult;
+    private _handleClick;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-topbar-dropdown-item": RelTopbarDropdownItem;
+    }
+}
+
 type TopbarVariant = "customer" | "carrier";
 type TopbarForceLayout = "auto" | "desktop" | "tablet" | "mobile";
 /**
@@ -564,35 +620,23 @@ declare class RelTopbar extends LitElement {
      * 'auto' respects CSS media queries.
      */
     forceLayout: TopbarForceLayout;
+    private _overflowItems;
+    private _overflowCount;
+    private _overflowItemsData;
+    private _resizeObserver?;
+    private _resizeTimer?;
+    private _measuring;
+    private _lastNavWidth;
     static styles: lit.CSSResult;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _measureNav;
     private onRouterSlotChange;
     private get layoutClass();
     private handleMenuToggle;
     render(): lit_html.TemplateResult<1>;
 }
 
-declare class RelTopbarDropdown extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "rel-topbar-dropdown": RelTopbarDropdown;
-    }
-}
-
-declare class RelTopbarDropdownItem extends LitElement {
-    label: string;
-    href: string;
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "rel-topbar-dropdown-item": RelTopbarDropdownItem;
-    }
-}
-
 /**
  * `rel-topbar-item` — A navigation item within rel-topbar.
  *
@@ -661,6 +705,7 @@ declare class RelTopbarProfile extends LitElement {
     static styles: lit.CSSResult;
     render(): lit_html.TemplateResult<1>;
     private _renderAvatar;
+    private _avatarBg;
     private _renderCarrier;
 }
 
@@ -684,7 +729,6 @@ declare class RelOtp extends LitElement {
     showSeparator: boolean;
     size: "sm" | "md" | "lg";
     private cells;
-    private focusedIndex;
     private hiddenInput?;
     private isUpdatingFromValue;
     static styles: lit.CSSResult;
@@ -813,31 +857,6 @@ declare class RelProgress extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-interface RadioOption {
-    value: string;
-    label: string;
-    supportingText?: string;
-    disabled?: boolean;
-    error?: boolean;
-}
-declare class RelRadio extends LitElement {
-    options: RadioOption[];
-    name: string;
-    selectedValue: string | null;
-    disabled: boolean;
-    value: string;
-    checked: boolean;
-    private _onChange;
-    private _onTouched;
-    static styles: lit.CSSResult;
-    private onChange;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    writeValue(value: string): void;
-    private renderOption;
-    render(): lit_html.TemplateResult<1>;
-}
-
 declare class RelResizableGroup extends LitElement {
     direction: "horizontal" | "vertical";
     private panels;
@@ -937,87 +956,40 @@ declare class RelSelect extends LitElement {
     leftIcon: string;
     rightIcon: string;
     static styles: lit.CSSResult;
+    connectedCallback(): void;
     private onChange;
     render(): lit_html.TemplateResult<1>;
 }
 
-type SheetSide = "top" | "right" | "bottom" | "left";
-type SheetSize = "sm" | "md" | "lg" | "xl";
-type SheetCloseReason = "trigger" | "close" | "overlay" | "escape" | "api";
-declare class RelSheet extends LitElement {
-    open?: boolean;
-    defaultOpen: boolean;
-    disabled: boolean;
+type ModalSide = "top" | "bottom" | "center";
+declare class RelModal extends LitElement {
+    open: boolean;
+    side: ModalSide;
+    title: string;
+    description: string;
+    dismissible: boolean;
     modal: boolean;
-    private internalOpen;
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    private isControlled;
-    get activeOpen(): boolean;
-    setOpen(next: boolean, reason?: SheetCloseReason): void;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSheetTrigger extends LitElement {
-    static styles: lit.CSSResult;
-    private getSheet;
-    private handleClick;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSheetContent extends LitElement {
-    side: SheetSide;
-    size: SheetSize;
-    hideOverlay: boolean;
-    closeOnOverlay: boolean;
-    showClose: boolean;
-    private panelElement;
     private overlayElement;
-    private sheet;
     private previousFocus;
     private originalBodyOverflow;
     private originalBodyPaddingRight;
-    private isOpen;
     static styles: lit.CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private findSheet;
-    private handleSheetOpenChange;
+    updated(changed: Map<string, unknown>): void;
     private handleOpen;
     private handleClose;
-    private cleanup;
     private lockScroll;
     private unlockScroll;
-    private focusPanel;
-    private getFocusableElements;
     private handleKeydown;
     private handleOverlayClick;
-    private handleCloseClick;
-    private getSizeValue;
-    private getTitle;
-    private getDescription;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSheetHeader extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSheetFooter extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSheetTitle extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSheetDescription extends LitElement {
-    static styles: lit.CSSResult;
+    private handleCloseButtonClick;
     render(): lit_html.TemplateResult<1>;
 }
-declare class RelSheetClose extends LitElement {
-    static styles: lit.CSSResult;
-    private getSheet;
-    private handleClick;
-    render(): lit_html.TemplateResult<1>;
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-modal": RelModal;
+    }
 }
 
 type SliderType = "continuous" | "discrete";
@@ -1075,7 +1047,7 @@ declare class RelSnackbar extends LitElement {
     private clearDismissTimer;
     private onActionClick;
     private dismiss;
-    private getIcon;
+    private renderIcon;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -1158,9 +1130,12 @@ declare class RelTextfield extends LitElement {
     supportingText?: string;
     state: TextFieldState;
     size: TextFieldSize;
+    floatingLabel: boolean;
     private internalState;
+    private _wasError;
     private uniqueId;
     static styles: lit.CSSResult;
+    connectedCallback(): void;
     private handleFocus;
     private handleBlur;
     private handleInput;
@@ -1197,4 +1172,4 @@ declare class RelTooltip extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-export { type BreadcrumbItem, type DrawerCloseReason, type DrawerSide, type MenuItem, type MenuType, type Orientation, type OtpType, type ProgressMode, type RadioOption, RelAccordion, RelAlert, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCalendar, RelCard, RelCardMedia, RelCarousel, RelCheckbox, RelChip, RelContainer, RelDatePicker, RelDivider, RelDrawer, RelDrawerFooter, RelKbd, RelLayout, RelMenu, RelMenuItem, RelMenubar, RelMenubarMenu, RelNavMenu, RelNavMenuItem, RelNavMenuPanel, RelNavbar, RelOtp, RelPagination, RelPopover, RelPopoverContent, RelProgress, RelRadio, RelResizableGroup, RelResizableHandle, RelResizablePanel, RelSegmentedButton, RelSelect, RelSheet, RelSheetClose, RelSheetContent, RelSheetDescription, RelSheetFooter, RelSheetHeader, RelSheetTitle, RelSheetTrigger, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTabItem, RelTextfield, RelToast, RelTooltip, RelTopbar, RelTopbarActions, RelTopbarBrand, RelTopbarDropdown, RelTopbarDropdownItem, RelTopbarItem, RelTopbarMobilePanel, RelTopbarProfile, RelTopbarUtilities, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectSize, type SelectState, type SheetCloseReason, type SheetSide, type SheetSize, type SliderType, type SnackbarLines, type SnackbarType, type Step, type StepStatus, type StepperSize, type TabItem, type TextAlign, type TextFieldSize, type TextFieldState, type ToastType, type TooltipPosition, type TopbarForceLayout, type TopbarProfileType, type TopbarRewardTier, type TopbarVariant, type TrackStyle };
+export { type BreadcrumbItem, type DrawerCloseReason, type DrawerSide, type MenuItem, type MenuType, type ModalSide, type Orientation, type OtpType, type ProgressMode, type RadioOption, RelAccordion, RelAlert, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCalendar, RelCard, RelCardMedia, RelCarousel, RelCheckbox, RelChip, RelContainer, RelDatePicker, RelDivider, RelDrawer, RelDrawerFooter, RelKbd, RelLayout, RelMenu, RelMenuItem, RelMenubar, RelMenubarMenu, RelModal, RelNavbar, RelOtp, RelPagination, RelPopover, RelPopoverContent, RelProgress, RelRadio, RelRangePicker, RelResizableGroup, RelResizableHandle, RelResizablePanel, RelSegmentedButton, RelSelect, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTabItem, RelTextfield, RelToast, RelTooltip, RelTopbar, RelTopbarActions, RelTopbarBrand, RelTopbarDropdown, RelTopbarDropdownItem, RelTopbarItem, RelTopbarMobilePanel, RelTopbarProfile, RelTopbarUtilities, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectSize, type SelectState, type SliderType, type SnackbarLines, type SnackbarType, type Step, type StepStatus, type StepperSize, type TabItem, type TextAlign, type TextFieldSize, type TextFieldState, type ToastType, type TooltipPosition, type TopbarForceLayout, type TopbarProfileType, type TopbarRewardTier, type TopbarVariant, type TrackStyle };