@reliability-design/web 1.0.3 → 1.1.1

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
+export * from '@reliability-design/icons';
 
 declare class RelAccordion extends LitElement {
     title: string;
@@ -37,6 +38,8 @@ declare class RelAvatar extends LitElement {
 
 declare class RelBadge extends LitElement {
     number: string;
+    ariaLabel: string;
+    suffix: string;
     size: "sm" | "md" | "lg";
     variant: "dot" | "number";
     static styles: lit.CSSResult;
@@ -60,17 +63,90 @@ declare class RelButton extends LitElement {
     size: "small" | "medium" | "large";
     border: "corner-radius" | "small-corner-radius" | "no-corner-radius";
     disabled: boolean;
+    ariaLabel: string | null;
     static styles: lit.CSSResult;
     private get classes();
     private handleClick;
     render(): lit_html.TemplateResult<1>;
 }
 
+declare class RelCalendar extends LitElement {
+    value: string | null;
+    min: string | null;
+    max: string | null;
+    disabled: boolean;
+    weekStart: "sun" | "mon";
+    locale: string;
+    isDateDisabled?: (date: Date) => boolean;
+    private viewYear;
+    private viewMonth;
+    private focusedDate;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private parseISODate;
+    private formatISODate;
+    private isSameDay;
+    private isDateDisabledInternal;
+    private getCalendarDays;
+    private getWeekdayLabels;
+    private getMonthName;
+    private previousMonth;
+    private nextMonth;
+    private selectDay;
+    private handleKeyDown;
+    render(): lit_html.TemplateResult<1>;
+}
+
 declare class RelCard extends LitElement {
     static styles: lit.CSSResult;
     render(): lit_html.TemplateResult<1>;
 }
 
+declare class RelCarousel extends LitElement {
+    value: number;
+    loop: boolean;
+    autoplay: boolean;
+    interval: number;
+    pauseOnHover: boolean;
+    showButtons: boolean;
+    showDots: boolean;
+    orientation: "horizontal" | "vertical";
+    label: string;
+    gap?: number;
+    disabled: boolean;
+    private slideCount;
+    private isDragging;
+    private dragStartX;
+    private currentTranslate;
+    private prevTranslate;
+    private viewport?;
+    private track?;
+    private slotElement?;
+    private autoplayTimer?;
+    private animationId?;
+    private prefersReducedMotion;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleSlotChange;
+    private updateTransform;
+    private goToPrevious;
+    private goToNext;
+    private goToSlide;
+    private emitChange;
+    private startAutoplay;
+    private stopAutoplay;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private handleKeyDown;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    updated(changedProperties: Map<string, any>): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
 declare class RelCardMedia extends LitElement {
     imageSrc: string;
     imageAlt: string;
@@ -87,8 +163,69 @@ declare class RelCheckbox extends LitElement {
     supportingtext: string;
     state: CheckboxState;
     status: CheckboxStatus;
+    value: string;
+    get checked(): boolean;
+    set checked(val: boolean);
+    private _onChange;
+    private _onTouched;
     static styles: lit.CSSResult;
     private toggle;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(checked: boolean): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelDatePicker extends LitElement {
+    value: string | null;
+    placeholder: string;
+    label: string | null;
+    disabled: boolean;
+    required: boolean;
+    min: string | null;
+    max: string | null;
+    weekStart: "sun" | "mon";
+    locale: string;
+    open: boolean;
+    closeOnSelect: boolean;
+    clearable: boolean;
+    isDateDisabled?: (date: Date) => boolean;
+    private viewYear;
+    private viewMonth;
+    private focusedDate;
+    private yearDropdownOpen;
+    private monthDropdownOpen;
+    private triggerButton?;
+    private popoverElement?;
+    private calendarGrid?;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleClickOutside;
+    private handleEscapeKey;
+    updated(changedProperties: Map<string, any>): void;
+    private parseISODate;
+    private formatISODate;
+    private formatDisplayDate;
+    private isSameDay;
+    private isDateDisabledInternal;
+    private getCalendarDays;
+    private getWeekdayLabels;
+    private getMonthName;
+    private getMonthsList;
+    private getYearsList;
+    private toggleCalendarPopover;
+    private closeCalendarPopover;
+    private previousMonth;
+    private nextMonth;
+    private selectDay;
+    private clearValue;
+    private handleTriggerKeydown;
+    private handleDayKeydown;
+    private toggleMonthDropdown;
+    private toggleYearDropdown;
+    private selectMonth;
+    private selectYear;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -121,6 +258,82 @@ declare class RelContainer extends LitElement {
 declare class RelDivider extends LitElement {
     orientation: "horizontal" | "vertical";
     static styles: lit.CSSResult;
+    connectedCallback(): void;
+    updated(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelDrawerFooter extends LitElement {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-drawer-footer": RelDrawerFooter;
+    }
+}
+
+type DrawerSide = "bottom" | "left" | "right" | "top";
+type DrawerCloseReason = "backdrop" | "escape" | "drag" | "programmatic";
+declare class RelDrawer extends LitElement {
+    open: boolean;
+    side: DrawerSide;
+    dismissible: boolean;
+    modal: boolean;
+    closeOnBackdrop: boolean;
+    closeOnEscape: boolean;
+    showHandle: boolean;
+    draggable: boolean;
+    snapThreshold: number;
+    maxHeight: string;
+    width: string;
+    disabled: boolean;
+    title: string;
+    description: string;
+    private isDragging;
+    private dragOffset;
+    private panelElement;
+    private overlayElement;
+    private previousFocus;
+    private startY;
+    private currentY;
+    private originalBodyOverflow;
+    private originalBodyPaddingRight;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, any>): void;
+    private handleOpen;
+    private handleClose;
+    private lockScroll;
+    private unlockScroll;
+    private focusPanel;
+    private getFocusableElements;
+    private handleKeydown;
+    private handleOverlayClick;
+    private handleCloseButtonClick;
+    private close;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private getPanelStyle;
+    private getOverlayStyle;
+    private hasSlotContent;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-drawer": RelDrawer;
+    }
+}
+
+declare class RelKbd extends LitElement {
+    size: "sm" | "md" | "lg";
+    variant: "default" | "muted";
+    pill: boolean;
+    inset: boolean;
+    static styles: lit.CSSResult;
+    private get classes();
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -141,11 +354,21 @@ interface MenuItem {
     submenu?: MenuItem[];
     open?: boolean;
 }
+declare class RelMenuItem extends LitElement {
+    label: string;
+    value: string;
+    disabled: boolean;
+    icon: string;
+    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();
     connectedCallback(): void;
     disconnectedCallback(): void;
     private handleDocumentClick;
@@ -159,6 +382,422 @@ declare class RelMenu extends LitElement {
     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;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private discoverMenus;
+    private handleOutsideClick;
+    private closeAllMenus;
+    private openMenu;
+    private handleTriggerClick;
+    private handleTriggerMouseEnter;
+    private handleTriggerKeyDown;
+    private focusTrigger;
+    private handlePanelKeyDown;
+    private getFocusableItems;
+    private focusMenuItem;
+    private handleItemClick;
+    private openSubmenu;
+    private handleSubmenuItemClick;
+    private dispatchChangeEvent;
+    private renderMenuItem;
+    private renderSubmenu;
+    private renderMenuPanel;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelMenubarMenu extends LitElement {
+    label: string;
+    createRenderRoot(): this;
+    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:
+ * rel-topbar, rel-topbar-brand, rel-topbar-actions, rel-topbar-utilities,
+ * rel-topbar-item, rel-topbar-dropdown, rel-topbar-dropdown-item
+ */
+declare class RelNavbar extends LitElement {
+    constructor();
+    sticky: boolean;
+    device: "desktop" | "tablet" | "mobile";
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelTopbarBrand extends LitElement {
+    src: string;
+    href: string;
+    label: string;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-topbar-brand": RelTopbarBrand;
+    }
+}
+
+declare class RelTopbarActions extends LitElement {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-topbar-actions": RelTopbarActions;
+    }
+}
+
+declare class RelTopbarUtilities extends LitElement {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-topbar-utilities": RelTopbarUtilities;
+    }
+}
+
+declare class RelTopbarMobilePanel extends LitElement {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-topbar-mobile-panel": RelTopbarMobilePanel;
+    }
+}
+
+type TopbarVariant = "customer" | "carrier";
+type TopbarForceLayout = "auto" | "desktop" | "tablet" | "mobile";
+/**
+ * `rel-topbar` — Application-level top navigation / header shell.
+ *
+ * Slots:
+ *   brand        — Logo / wordmark region (left)
+ *   (default)    — Primary nav items (rel-topbar-item elements)
+ *   actions      — CTA / action buttons (customer) or dark-pill area (carrier)
+ *   utilities    — Utility icon buttons (notifications, search, etc.)
+ *   profile      — rel-topbar-profile tile
+ *   mobile-panel — Collapsed nav panel shown when mobileOpen is true
+ *
+ * Events:
+ *   rel-menu-toggle        — fired when hamburger is clicked  { open: boolean }
+ *   rel-mobile-open-change — alias of rel-menu-toggle for convenience
+ *   rel-nav-select         — bubbled from child rel-topbar-item  { value, label }
+ */
+declare class RelTopbar extends LitElement {
+    /** Visual variant — affects action/profile region styling */
+    variant: TopbarVariant;
+    /** Whether the mobile nav panel is currently open */
+    mobileOpen: boolean;
+    /** Whether to render the hamburger / close toggle button */
+    showMenuToggle: boolean;
+    /** Reduce height to compact (48 px) mode */
+    compact: boolean;
+    /** Stick topbar to top of viewport while scrolling */
+    sticky: boolean;
+    /**
+     * Override the responsive layout for demos / storybook.
+     * 'auto' respects CSS media queries.
+     */
+    forceLayout: TopbarForceLayout;
+    static styles: lit.CSSResult;
+    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.
+ *
+ * Renders as an `<a>` when `href` is supplied, otherwise a `<button>`.
+ *
+ * Slots:
+ *   (default)  — Label text / icon (overrides `label` property)
+ *   prefix     — Icon/content before the label
+ *   suffix     — Icon/content after the label (e.g. badge)
+ *   dropdown   — Expandable panel content shown below the item
+ *
+ * Events:
+ *   rel-select — fired when a non-disabled, non-expandable item is activated
+ *   rel-toggle — fired when an expandable item is opened/closed  { open: boolean }
+ */
+declare class RelTopbarItem extends LitElement {
+    /** Accessible label — also shown as text when no default slot content */
+    label?: string;
+    /** Navigation href — renders an anchor element when set */
+    href?: string;
+    /** Marks this item as the current/active page */
+    active: boolean;
+    /** Prevents interaction */
+    disabled: boolean;
+    /** Shows a chevron and enables dropdown panel */
+    expandable: boolean;
+    /** Controlled open state of the dropdown panel */
+    open: boolean;
+    /** Optional string value forwarded in rel-select / rel-toggle events */
+    value?: string;
+    /** @internal tracks whether dropdown slot has content */
+    private _hasDropdown;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleOutsideClick;
+    private _handleDocKeydown;
+    private _setOpen;
+    private _handleTriggerClick;
+    private _routeSlots;
+    private _handleDropdownSlotChange;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type TopbarProfileType = "avatar" | "carrier";
+type TopbarRewardTier = "gold" | "silver" | "platinum" | "bronze" | "regular";
+/**
+ * `rel-topbar-profile` — Profile / user tile for the topbar right region.
+ *
+ * type="avatar"   Customer avatar with initials circle + optional name/subtitle.
+ * type="carrier"  Carrier reward tile with reward-tier badge + name/subtitle.
+ */
+declare class RelTopbarProfile extends LitElement {
+    /** Visual mode */
+    type: TopbarProfileType;
+    /** One or two initials shown in the avatar circle */
+    initials?: string;
+    /** Primary display name */
+    name?: string;
+    /** Secondary line (role, plan, etc.) */
+    subtitle?: string;
+    /** Reward tier — only meaningful when type="carrier" */
+    reward: TopbarRewardTier;
+    /** Compact mode — avatar only, no text */
+    compact: boolean;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+    private _renderAvatar;
+    private _renderCarrier;
+}
+
+type OtpType = "numeric" | "alphanumeric";
+declare class RelOtp extends LitElement {
+    value: string;
+    length: number;
+    groupSize: number;
+    placeholder: string;
+    type: OtpType;
+    mask: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    name: string | null;
+    autocomplete: string;
+    inputmode: "numeric" | "text" | null;
+    pattern: string | null;
+    ariaLabel: string | null;
+    invalid: boolean;
+    showSeparator: boolean;
+    size: "sm" | "md" | "lg";
+    private cells;
+    private focusedIndex;
+    private hiddenInput?;
+    private isUpdatingFromValue;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private initializeCells;
+    private syncCellsFromValue;
+    private updateValue;
+    private isValidChar;
+    private isValidValue;
+    private getNextEditableIndex;
+    private handlePointerDown;
+    private handleInput;
+    private handleKeyDown;
+    private handlePaste;
+    private handlePasteValue;
+    private handleFocus;
+    private handleBlur;
+    private focusCell;
+    private getInputMode;
+    private getAriaLabel;
+    private getGroups;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-otp": RelOtp;
+    }
+}
+
+type DensityType = "comfortable" | "compact";
+type VariantType = "default" | "icons";
+declare class RelPagination extends LitElement {
+    page?: number;
+    defaultPage: number;
+    totalPages: number;
+    siblingCount: number;
+    boundaryCount: number;
+    disabled: boolean;
+    density: DensityType;
+    variant: VariantType;
+    hrefTemplate: string;
+    ariaLabel: string;
+    private currentPage;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private get activePage();
+    private generatePageItems;
+    private handlePageChange;
+    private getHref;
+    private handleKeyDown;
+    private renderPrevIcon;
+    private renderNextIcon;
+    private renderItem;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type SideType = "top" | "right" | "bottom" | "left";
+type AlignType = "start" | "center" | "end";
+declare class RelPopover extends LitElement {
+    open?: boolean;
+    defaultOpen: boolean;
+    disabled: boolean;
+    side: SideType;
+    align: AlignType;
+    sideOffset: number;
+    alignOffset: number;
+    trapFocus: boolean;
+    closeOnEscape: boolean;
+    closeOnOutsideClick: boolean;
+    private internalOpen;
+    private contentStyle;
+    private contentWrapper;
+    private triggerEl;
+    private returnFocusEl;
+    private uniqueId;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private isControlled;
+    private get activeOpen();
+    private setOpen;
+    private onHostPointerDown;
+    private onOpen;
+    private onClose;
+    private addGlobalListeners;
+    private removeGlobalListeners;
+    private onOutsidePointerDown;
+    private onKeyDown;
+    private focusFirst;
+    private restoreFocus;
+    private trapFocusLoop;
+    private getFocusable;
+    private updatePosition;
+    private onTriggerSlotChange;
+    private applyTriggerAria;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-popover": RelPopover;
+    }
+}
+
+declare class RelPopoverContent extends LitElement {
+    ariaLabel: string;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
 type ProgressMode = "linear-determinate" | "linear-indeterminate" | "circular-determinate" | "circular-indeterminate";
 declare class RelProgress extends LitElement {
     mode: ProgressMode;
@@ -186,12 +825,86 @@ declare class RelRadio extends LitElement {
     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;
+    private handles;
+    private isDragging;
+    private activeHandleIndex;
+    private startPointerPos;
+    private startSizes;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private initializeLayout;
+    private calculateInitialSizes;
+    private onPointerDown;
+    private startDrag;
+    private onPointerMove;
+    private onPointerUp;
+    private applyDragResize;
+    private onKeyDown;
+    private applyKeyboardResize;
+    private applySizes;
+    private dispatchResizeEvent;
+    private addGlobalListeners;
+    private removeGlobalListeners;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-resizable-group": RelResizableGroup;
+    }
+}
+
+declare class RelResizablePanel extends LitElement {
+    defaultSize?: number;
+    minSize: number;
+    maxSize: number;
+    /** Current computed size in percentage */
+    currentSize: number;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-resizable-panel": RelResizablePanel;
+    }
+}
+
+declare class RelResizableHandle extends LitElement {
+    orientation: "horizontal" | "vertical";
+    /** Index of this handle in the parent group */
+    handleIndex: number;
+    /** Current split value (0-100) for aria-valuenow */
+    splitValue: number;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private updateAriaOrientation;
+    updateAriaValue(value: number): void;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "rel-resizable-handle": RelResizableHandle;
+    }
+}
+
 type SegmentSize = "small" | "medium";
 type SegmentAlign = "left" | "middle" | "right";
 interface SegmentOption {
@@ -228,6 +941,85 @@ declare class RelSelect extends LitElement {
     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;
+    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;
+    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;
+    render(): lit_html.TemplateResult<1>;
+}
+declare class RelSheetClose extends LitElement {
+    static styles: lit.CSSResult;
+    private getSheet;
+    private handleClick;
+    render(): lit_html.TemplateResult<1>;
+}
+
 type SliderType = "continuous" | "discrete";
 type TrackStyle = "solid" | "dotted";
 declare class RelSlider extends LitElement {
@@ -241,6 +1033,8 @@ declare class RelSlider extends LitElement {
     showBubble: boolean;
     value: number;
     private ticks;
+    private _onChange;
+    private _onTouched;
     static styles: lit.CSSResult;
     connectedCallback(): void;
     updated(changedProperties: Map<string, any>): void;
@@ -249,6 +1043,9 @@ declare class RelSlider extends LitElement {
     private getTickLeftPct;
     private isTickActive;
     private onInput;
+    registerOnChange(fn: (value: number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(value: number): void;
     private updateActiveWidth;
     private renderThumbContainer;
     private renderTicks;
@@ -257,6 +1054,7 @@ declare class RelSlider extends LitElement {
 }
 
 type SnackbarLines = "single" | "double";
+type SnackbarType = "default" | "success" | "error" | "warning";
 declare class RelSnackbar extends LitElement {
     message: string;
     action?: string;
@@ -264,16 +1062,20 @@ declare class RelSnackbar extends LitElement {
     iconClose: boolean;
     lines: SnackbarLines;
     duration: number;
+    type: SnackbarType;
+    show: boolean;
     private visible;
-    private timeout;
+    private _dismissTimer;
     static styles: lit.CSSResult;
     connectedCallback(): void;
+    willUpdate(changed: Map<string, unknown>): void;
     updated(changed: Map<string, unknown>): void;
     disconnectedCallback(): void;
     private setAutoDismiss;
-    private clearTimeout;
+    private clearDismissTimer;
     private onActionClick;
     private dismiss;
+    private getIcon;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -303,10 +1105,16 @@ declare class RelStepper extends LitElement {
 declare class RelSwitch extends LitElement {
     checked: boolean;
     disabled: boolean;
+    value: string;
+    private _onChange;
+    private _onTouched;
     private isFocused;
     private isPressed;
     static styles: lit.CSSResult;
     private toggle;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(checked: boolean): void;
     private handleFocus;
     private handleBlur;
     private handleMouseDown;
@@ -319,16 +1127,26 @@ interface TabItem {
     badge?: number;
     disabled?: boolean;
 }
+declare class RelTabItem extends LitElement {
+    label: string;
+    value: string;
+    badge: number;
+    disabled: boolean;
+    render(): lit_html.TemplateResult<1>;
+}
 declare class RelTab extends LitElement {
     tabs: TabItem[];
     activeIndex: number;
+    private _tabItems;
     static styles: lit.CSSResult;
+    private _onSlotChange;
+    private get _effectiveTabs();
     private selectTab;
     private onKeyDown;
     render(): lit_html.TemplateResult<1>;
 }
 
-type TextFieldState = "default" | "focused" | "error" | "disabled";
+type TextFieldState = "default" | "error" | "disabled";
 type TextFieldSize = "small" | "medium" | "large";
 declare class RelTextfield extends LitElement {
     label?: string;
@@ -341,8 +1159,8 @@ declare class RelTextfield extends LitElement {
     state: TextFieldState;
     size: TextFieldSize;
     private internalState;
+    private uniqueId;
     static styles: lit.CSSResult;
-    private get currentState();
     private handleFocus;
     private handleBlur;
     private handleInput;
@@ -355,10 +1173,13 @@ declare class RelToast extends LitElement {
     type: ToastType;
     actionLabel?: string;
     duration: number;
+    show: boolean;
     private visible;
-    private timeoutId?;
+    private _dismissTimer;
     static styles: lit.CSSResult;
-    show(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    open(): void;
     close(): void;
     private handleActionClick;
     render(): lit_html.TemplateResult<1>;
@@ -369,8 +1190,11 @@ declare class RelTooltip extends LitElement {
     text: string;
     position: TooltipPosition;
     showTail: boolean;
+    private uniqueId;
     static styles: lit.CSSResult;
+    firstUpdated(): void;
+    private linkTrigger;
     render(): lit_html.TemplateResult<1>;
 }
 
-export { type BreadcrumbItem, type MenuItem, type MenuType, type Orientation, type ProgressMode, type RadioOption, RelAccordion, RelAlert, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCard, RelCardMedia, RelCheckbox, RelChip, RelContainer, RelDivider, RelLayout, RelMenu, RelProgress, RelRadio, RelSegmentedButton, RelSelect, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTextfield, RelToast, RelTooltip, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectSize, type SelectState, type SliderType, type SnackbarLines, type Step, type StepStatus, type StepperSize, type TabItem, type TextAlign, type TextFieldSize, type TextFieldState, type ToastType, type TooltipPosition, type TrackStyle };
+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 };