@reliability-design/web 1.0.6 → 1.1.1

package/dist/index.d.mts

@@ -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,6 +63,7 @@ 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;
@@ -108,8 +112,7 @@ declare class RelCarousel extends LitElement {
     showButtons: boolean;
     showDots: boolean;
     orientation: "horizontal" | "vertical";
-    align: "start" | "center" | "end";
-    slidesPerView: number;
+    label: string;
     gap?: number;
     disabled: boolean;
     private slideCount;
@@ -153,60 +156,6 @@ declare class RelCardMedia extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-interface SeriesConfig {
-    key: string;
-    label?: string;
-    colorToken?: string;
-}
-declare class RelChart extends LitElement {
-    type: "bar" | "line";
-    height: number;
-    xKey: string;
-    seriesJson: string;
-    dataJson: string;
-    showGrid: boolean;
-    showAxis: boolean;
-    showLegend: boolean;
-    stacked: boolean;
-    formatX: "date" | "string" | "number";
-    locale: string;
-    disabled: boolean;
-    private _data;
-    private _series;
-    get data(): Array<Record<string, unknown>>;
-    set data(value: Array<Record<string, unknown>>);
-    get series(): SeriesConfig[];
-    set series(value: SeriesConfig[]);
-    private chartWidth;
-    private tooltip;
-    private container?;
-    private resizeObserver?;
-    private prefersReducedMotion;
-    private resizeTimeout?;
-    private readonly defaultColors;
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    updated(changedProperties: Map<string, any>): void;
-    private measureWidth;
-    private getChartData;
-    private getSeriesConfig;
-    private getSeriesColor;
-    private formatXValue;
-    private calculateScales;
-    private handleBarHover;
-    private handlePointHover;
-    private handleMouseLeave;
-    private renderGrid;
-    private renderAxis;
-    private renderBarChart;
-    private renderLineChart;
-    private renderLegend;
-    private renderTooltip;
-    render(): lit_html.TemplateResult<1>;
-}
-
 type CheckboxState = "default" | "error" | "disabled";
 type CheckboxStatus = "unchecked" | "checked" | "indeterminate";
 declare class RelCheckbox extends LitElement {
@@ -214,8 +163,16 @@ 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>;
 }
 
@@ -301,9 +258,21 @@ 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 {
@@ -319,6 +288,8 @@ declare class RelDrawer extends LitElement {
     maxHeight: string;
     width: string;
     disabled: boolean;
+    title: string;
+    description: string;
     private isDragging;
     private dragOffset;
     private panelElement;
@@ -383,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;
@@ -454,16 +435,12 @@ declare class RelNavMenu extends LitElement {
     private discoverItems;
     private handleSlotChange;
     private handleOutsideClick;
+    private handleNavItemClick;
+    private handleNavItemHover;
     private openPanel;
     private closePanel;
-    private positionPanel;
-    private handleItemClick;
-    private handleItemMouseEnter;
     private handleKeyDown;
     private focusItem;
-    private hasItemContent;
-    private renderDropdownPanel;
-    private getItemContent;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -473,11 +450,19 @@ declare class RelNavMenuItem extends LitElement {
     itemId: string;
     disabled: boolean;
     icon: string;
-    private hasContent;
+    /** 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>;
@@ -488,13 +473,197 @@ declare class RelNavMenuPanel extends LitElement {
     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;
@@ -566,6 +735,7 @@ declare class RelPagination extends LitElement {
     private get activePage();
     private generatePageItems;
     private handlePageChange;
+    private getHref;
     private handleKeyDown;
     private renderPrevIcon;
     private renderNextIcon;
@@ -591,6 +761,7 @@ declare class RelPopover extends LitElement {
     private contentWrapper;
     private triggerEl;
     private returnFocusEl;
+    private uniqueId;
     static styles: lit.CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -611,6 +782,7 @@ declare class RelPopover extends LitElement {
     private trapFocusLoop;
     private getFocusable;
     private updatePosition;
+    private onTriggerSlotChange;
     private applyTriggerAria;
     render(): lit_html.TemplateResult<1>;
 }
@@ -641,37 +813,6 @@ declare class RelProgress extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-interface QuoteFormData {
-    pickupLocation: string;
-    dropoffLocation: string;
-    serviceLevel: "standard" | "guaranteed";
-    originType: "commercial" | "residential";
-    destinationType: "commercial" | "residential";
-    loadingRequirements: string;
-    deliveryRequirements: string;
-    loadingLimitedAccessType: string;
-    deliveryLimitedAccessType: string;
-    pickupDate: string;
-    isHazmat: boolean;
-    commodity: string;
-    commodityDescription: string;
-    handlingUnits: number;
-    handlingType: string;
-    length: number;
-    width: number;
-    height: number;
-    totalWeight: number;
-    class: string;
-    insuredValue: number;
-    nmfcNumber: string;
-}
-declare class RelQuotePage extends LitElement {
-    private formData;
-    static styles: lit.CSSResult;
-    private updateField;
-    render(): lit_html.TemplateResult<1>;
-}
-
 interface RadioOption {
     value: string;
     label: string;
@@ -684,8 +825,15 @@ 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>;
 }
@@ -872,146 +1020,6 @@ declare class RelSheetClose extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-type SidebarVariant = "sidebar" | "floating" | "inset";
-type SidebarSide = "left" | "right";
-type SidebarCollapsible = "offcanvas" | "icon" | "none";
-type SidebarWidth = "sm" | "md" | "lg";
-type SidebarChangeReason = "trigger" | "rail" | "overlay" | "escape" | "shortcut" | "api";
-declare class RelSidebarProvider extends LitElement {
-    open?: boolean;
-    defaultOpen: boolean;
-    collapsed?: boolean;
-    defaultCollapsed: boolean;
-    variant: SidebarVariant;
-    side: SidebarSide;
-    collapsible: SidebarCollapsible;
-    width: SidebarWidth;
-    persistKey: string;
-    keyboardShortcut: boolean;
-    disablePersist: boolean;
-    disableOverlayClose: boolean;
-    private internalOpen;
-    private internalCollapsed;
-    isMobile: boolean;
-    private mediaQuery;
-    private isInitialized;
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    private isOpenControlled;
-    private isCollapsedControlled;
-    get activeOpen(): boolean;
-    get activeCollapsed(): boolean;
-    private setupMediaQuery;
-    private handleMediaChange;
-    private isOffcanvasMode;
-    private loadInitialState;
-    private getPersistedState;
-    private loadPersistedState;
-    private persistState;
-    private handleKeyDown;
-    setOpen(next: boolean, reason?: SidebarChangeReason): void;
-    setCollapsed(next: boolean, reason?: SidebarChangeReason): void;
-    private dispatchChangeEvent;
-    private notifyStateChange;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebar extends LitElement {
-    inset: boolean;
-    private isOpen;
-    private isCollapsed;
-    private isMobile;
-    private side;
-    private variant;
-    private collapsible;
-    private width;
-    private containerElement;
-    private provider;
-    private triggerElement;
-    private originalBodyOverflow;
-    private originalBodyPaddingRight;
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private findProvider;
-    private syncState;
-    private handleStateChange;
-    private isOffcanvasMode;
-    private lockScroll;
-    private unlockScroll;
-    private setupFocusTrap;
-    private removeFocusTrap;
-    private getFocusableElements;
-    private handleKeydown;
-    private handleOverlayClick;
-    private cleanup;
-    private getWidthValue;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarTrigger extends LitElement {
-    private isOpen;
-    private isCollapsed;
-    private provider;
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private findProvider;
-    private syncState;
-    private handleStateChange;
-    private handleClick;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarHeader extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarContent extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarFooter extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarGroup extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarGroupLabel extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarGroupContent extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarMenu extends LitElement {
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleKeyDown;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarMenuItem extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare class RelSidebarMenuButton extends LitElement {
-    active: boolean;
-    disabled: boolean;
-    tooltip: string;
-    private isCollapsed;
-    private provider;
-    static styles: lit.CSSResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private findProvider;
-    private syncState;
-    private handleStateChange;
-    render(): lit_html.TemplateResult<1>;
-}
-
 type SliderType = "continuous" | "discrete";
 type TrackStyle = "solid" | "dotted";
 declare class RelSlider extends LitElement {
@@ -1025,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;
@@ -1033,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;
@@ -1050,14 +1063,16 @@ declare class RelSnackbar extends LitElement {
     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;
@@ -1090,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;
@@ -1106,64 +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>;
 }
 
-declare class RelTable extends LitElement {
-    bordered: boolean;
-    compact: boolean;
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class RelTableHeader extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class RelTableBody extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class RelTableFooter extends LitElement {
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class RelTableRow extends LitElement {
-    selected: boolean;
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class RelTableHead extends LitElement {
-    align: "left" | "center" | "right";
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class RelTableCell extends LitElement {
-    align: "left" | "center" | "right";
-    colspan?: number;
-    static styles: lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-    updated(changedProperties: Map<string, any>): void;
-    connectedCallback(): void;
-}
-
-declare class RelTableCaption extends LitElement {
-    static styles: lit.CSSResult;
-    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;
@@ -1176,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;
@@ -1190,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>;
@@ -1204,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 DrawerCloseReason, type DrawerSide, type MenuItem, type MenuType, type Orientation, type OtpType, type ProgressMode, type QuoteFormData, type RadioOption, RelAccordion, RelAlert, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCalendar, RelCard, RelCardMedia, RelCarousel, RelChart, RelCheckbox, RelChip, RelContainer, RelDatePicker, RelDivider, RelDrawer, RelKbd, RelLayout, RelMenu, RelMenubar, RelMenubarMenu, RelNavMenu, RelNavMenuItem, RelNavMenuPanel, RelNavbar, RelOtp, RelPagination, RelPopover, RelPopoverContent, RelProgress, RelQuotePage, RelRadio, RelResizableGroup, RelResizableHandle, RelResizablePanel, RelSegmentedButton, RelSelect, RelSheet, RelSheetClose, RelSheetContent, RelSheetDescription, RelSheetFooter, RelSheetHeader, RelSheetTitle, RelSheetTrigger, RelSidebar, RelSidebarContent, RelSidebarFooter, RelSidebarGroup, RelSidebarGroupContent, RelSidebarGroupLabel, RelSidebarHeader, RelSidebarMenu, RelSidebarMenuButton, RelSidebarMenuItem, RelSidebarProvider, RelSidebarTrigger, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTable, RelTableBody, RelTableCaption, RelTableCell, RelTableFooter, RelTableHead, RelTableHeader, RelTableRow, RelTextfield, RelToast, RelTooltip, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectSize, type SelectState, type SheetCloseReason, type SheetSide, type SheetSize, type SidebarChangeReason, type SidebarCollapsible, type SidebarSide, type SidebarVariant, type SidebarWidth, 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 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 };