@reliability-design/web 1.0.2 → 1.0.6

package/dist/index.d.mts

@@ -20,9 +20,9 @@ declare class RelAlert extends LitElement {
     dismissible: boolean;
     dismissed: boolean;
     static styles: lit.CSSResult;
-    private get iconSvg();
     private dismissAlert;
-    render(): lit_html.TemplateResult<1> | null;
+    private get iconSvg();
+    render(): lit_html.TemplateResult<1>;
 }
 
 declare class RelAvatar extends LitElement {
@@ -62,6 +62,35 @@ declare class RelButton extends LitElement {
     disabled: boolean;
     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>;
 }
 
@@ -70,6 +99,51 @@ declare class RelCard extends LitElement {
     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";
+    align: "start" | "center" | "end";
+    slidesPerView: number;
+    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;
@@ -79,6 +153,60 @@ 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 {
@@ -91,6 +219,59 @@ declare class RelCheckbox extends LitElement {
     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>;
+}
+
 declare class RelChip extends LitElement {
     label: string;
     tone: "default" | "blue" | "yellow" | "red" | "green";
@@ -99,12 +280,12 @@ declare class RelChip extends LitElement {
     avatar?: string;
     removable: boolean;
     outline: boolean;
-    private removed;
+    /** IMPORTANT: reflected so CSS + Angular can see it */
+    removed: boolean;
     static styles: lit.CSSResult;
     private get classes();
     private handleRemove;
-    private handleKeyDown;
-    render(): lit_html.TemplateResult<1> | null;
+    render(): lit_html.TemplateResult<1>;
     private renderIcon;
 }
 
@@ -123,6 +304,68 @@ declare class RelDivider extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
+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;
+    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>;
+}
+
 declare class RelLayout extends LitElement {
     gap: string;
     columns: number;
@@ -158,6 +401,231 @@ 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 openPanel;
+    private closePanel;
+    private positionPanel;
+    private handleItemClick;
+    private handleItemMouseEnter;
+    private handleKeyDown;
+    private focusItem;
+    private hasItemContent;
+    private renderDropdownPanel;
+    private getItemContent;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelNavMenuItem extends LitElement {
+    label: string;
+    href: string;
+    itemId: string;
+    disabled: boolean;
+    icon: string;
+    private hasContent;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    private handleSlotChange;
+    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>;
+}
+
+declare class RelNavbar extends LitElement {
+    sticky: boolean;
+    device: "desktop" | "tablet" | "mobile";
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+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 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;
+    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 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;
@@ -165,6 +633,7 @@ declare class RelProgress extends LitElement {
     private radius;
     private circumference;
     static styles: lit.CSSResult;
+    private get safeValue();
     private renderLinearDeterminate;
     private renderLinearIndeterminate;
     private renderCircularDeterminate;
@@ -172,6 +641,37 @@ 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;
@@ -183,13 +683,80 @@ declare class RelRadio extends LitElement {
     options: RadioOption[];
     name: string;
     selectedValue: string | null;
+    disabled: boolean;
     static styles: lit.CSSResult;
     private onChange;
-    private isChecked;
     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 {
@@ -226,6 +793,225 @@ 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 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 {
@@ -255,6 +1041,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;
@@ -262,15 +1049,18 @@ declare class RelSnackbar extends LitElement {
     iconClose: boolean;
     lines: SnackbarLines;
     duration: number;
+    type: SnackbarType;
     private visible;
     private timeout;
     static styles: lit.CSSResult;
     connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
     disconnectedCallback(): void;
     private setAutoDismiss;
     private clearTimeout;
     private onActionClick;
     private dismiss;
+    private getIcon;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -292,6 +1082,7 @@ declare class RelStepper extends LitElement {
     private isProgress;
     private isDisabled;
     private getStepClasses;
+    private onStepClick;
     private renderIndicator;
     render(): lit_html.TemplateResult<1>;
 }
@@ -324,6 +1115,54 @@ declare class RelTab extends LitElement {
     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 TextFieldSize = "small" | "medium" | "large";
 declare class RelTextfield extends LitElement {
@@ -369,4 +1208,4 @@ declare class RelTooltip extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-export { 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 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 };