@sekiui/elements 0.0.59 → 0.0.61

package/dist/types/components.d.ts

@@ -8,12 +8,16 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BadgeVariant } from "./components/badge/seki-badge.interface";
 import { Event } from "./stencil-public-runtime";
 import { SelectChangeEventDetail, SelectOpenChangeEventDetail, SelectPlacement, SelectValidateEventDetail, SelectValue } from "./utils/select";
-import { CollapsedChangeDetail, CollapseModeChangeDetail, MobileStateChangeDetail, NavigateDetail, OpenChangeDetail, SidebarGroupProps, SidebarMenuItemProps, SidebarMenuSubProps, SidebarProps, SidebarState, SidebarTriggerProps, VariantChangeDetail } from "./components/sidebar/types";
+import { SeparatorOrientation } from "./components/separator/seki-separator.interface";
+import { SheetSide } from "./components/sheet/seki-sheet-content";
+import { SidebarStateChangeDetail } from "./components/sidebar/seki-sidebar-provider";
 import { TooltipHideDetail, TooltipPositionedDetail, TooltipShowDetail, TooltipSide } from "./components/tooltip/seki-tooltip";
 export { BadgeVariant } from "./components/badge/seki-badge.interface";
 export { Event } from "./stencil-public-runtime";
 export { SelectChangeEventDetail, SelectOpenChangeEventDetail, SelectPlacement, SelectValidateEventDetail, SelectValue } from "./utils/select";
-export { CollapsedChangeDetail, CollapseModeChangeDetail, MobileStateChangeDetail, NavigateDetail, OpenChangeDetail, SidebarGroupProps, SidebarMenuItemProps, SidebarMenuSubProps, SidebarProps, SidebarState, SidebarTriggerProps, VariantChangeDetail } from "./components/sidebar/types";
+export { SeparatorOrientation } from "./components/separator/seki-separator.interface";
+export { SheetSide } from "./components/sheet/seki-sheet-content";
+export { SidebarStateChangeDetail } from "./components/sidebar/seki-sidebar-provider";
 export { TooltipHideDetail, TooltipPositionedDetail, TooltipShowDetail, TooltipSide } from "./components/tooltip/seki-tooltip";
 export namespace Components {
     /**
@@ -47,6 +51,72 @@ export namespace Components {
          */
         "variant"?: BadgeVariant;
     }
+    /**
+     * seki-breadcrumb: Root breadcrumb navigation component
+     * @component Breadcrumb
+     * @example <seki-breadcrumb>
+     *   <seki-breadcrumb-list>
+     *     <seki-breadcrumb-item>
+     *       <seki-breadcrumb-link href="/">Home</seki-breadcrumb-link>
+     *     </seki-breadcrumb-item>
+     *     <seki-breadcrumb-separator></seki-breadcrumb-separator>
+     *     <seki-breadcrumb-item>
+     *       <seki-breadcrumb-page>Current</seki-breadcrumb-page>
+     *     </seki-breadcrumb-item>
+     *   </seki-breadcrumb-list>
+     * </seki-breadcrumb>
+     */
+    interface SekiBreadcrumb {
+        /**
+          * Accessible label for the breadcrumb navigation
+          * @default 'breadcrumb'
+         */
+        "label"?: string;
+    }
+    /**
+     * seki-breadcrumb-ellipsis: Collapsed state indicator for long breadcrumbs
+     * @component BreadcrumbEllipsis
+     */
+    interface SekiBreadcrumbEllipsis {
+    }
+    /**
+     * seki-breadcrumb-item: Individual breadcrumb item wrapper
+     * @component BreadcrumbItem
+     */
+    interface SekiBreadcrumbItem {
+    }
+    /**
+     * seki-breadcrumb-link: Navigable link in breadcrumb
+     * @component BreadcrumbLink
+     */
+    interface SekiBreadcrumbLink {
+        /**
+          * URL for the breadcrumb link
+         */
+        "href"?: string;
+        /**
+          * Target for the link
+         */
+        "target"?: string;
+    }
+    /**
+     * seki-breadcrumb-list: Container for breadcrumb items
+     * @component BreadcrumbList
+     */
+    interface SekiBreadcrumbList {
+    }
+    /**
+     * seki-breadcrumb-page: Current page indicator (non-interactive)
+     * @component BreadcrumbPage
+     */
+    interface SekiBreadcrumbPage {
+    }
+    /**
+     * seki-breadcrumb-separator: Visual separator between breadcrumb items
+     * @component BreadcrumbSeparator
+     */
+    interface SekiBreadcrumbSeparator {
+    }
     interface SekiButton {
         /**
           * Accessible label for screen readers. Required for icon-only buttons.
@@ -332,6 +402,93 @@ export namespace Components {
          */
         "value"?: string;
     }
+    /**
+     * seki-pagination: Root pagination navigation component
+     * @component Pagination
+     * @example <seki-pagination>
+     *   <seki-pagination-content>
+     *     <seki-pagination-item>
+     *       <seki-pagination-previous href="#"></seki-pagination-previous>
+     *     </seki-pagination-item>
+     *     <seki-pagination-item>
+     *       <seki-pagination-link href="#">1</seki-pagination-link>
+     *     </seki-pagination-item>
+     *     <seki-pagination-item>
+     *       <seki-pagination-next href="#"></seki-pagination-next>
+     *     </seki-pagination-item>
+     *   </seki-pagination-content>
+     * </seki-pagination>
+     */
+    interface SekiPagination {
+    }
+    /**
+     * seki-pagination-content: Content container for pagination items
+     * @component PaginationContent
+     */
+    interface SekiPaginationContent {
+    }
+    /**
+     * seki-pagination-ellipsis: Visual indicator for skipped pages
+     * @component PaginationEllipsis
+     */
+    interface SekiPaginationEllipsis {
+    }
+    /**
+     * seki-pagination-item: Individual pagination item wrapper
+     * @component PaginationItem
+     */
+    interface SekiPaginationItem {
+    }
+    /**
+     * seki-pagination-link: Clickable page number link
+     * @component PaginationLink
+     */
+    interface SekiPaginationLink {
+        /**
+          * Whether this link represents the current/active page
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Disables the link
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL for the pagination link
+         */
+        "href"?: string;
+    }
+    /**
+     * seki-pagination-next: Next page navigation button
+     * @component PaginationNext
+     */
+    interface SekiPaginationNext {
+        /**
+          * Disables the button
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL for the next page
+         */
+        "href"?: string;
+    }
+    /**
+     * seki-pagination-previous: Previous page navigation button
+     * @component PaginationPrevious
+     */
+    interface SekiPaginationPrevious {
+        /**
+          * Disables the button
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL for the previous page
+         */
+        "href"?: string;
+    }
     interface SekiSelect {
         /**
           * ID of element that describes this select
@@ -451,79 +608,117 @@ export namespace Components {
     }
     interface SekiSelectTrigger {
     }
-    interface SekiSidebar {
-        /**
-          * Close the sidebar (set isOpen=false)
-          * @returns
-         */
-        "close": () => Promise<void>;
-        /**
-          * Collapse mechanism: offcanvas (slides), icon (shrinks), or none (fixed)
-          * @type {'offcanvas' | 'icon' | 'none'}
-          * @default 'offcanvas'
-         */
-        "collapseMode": SidebarProps['collapseMode'];
-        /**
-          * Initial open/closed state
-          * @type {boolean}
-          * @default true
-         */
-        "defaultOpen": boolean;
+    /**
+     * seki-separator: Visual divider for separating content
+     * @component Separator
+     * @example <seki-separator></seki-separator>
+     * <seki-separator orientation="vertical"></seki-separator>
+     */
+    interface SekiSeparator {
         /**
-          * Get current sidebar state
-          * @returns
+          * Whether the separator is purely decorative When true, removes the separator from accessibility tree
+          * @default false
          */
-        "getState": () => Promise<SidebarState>;
+        "decorative"?: boolean;
         /**
-          * Viewport width for mobile detection (px)
-          * @type {number}
-          * @default 768
+          * Orientation of the separator
+          * @default 'horizontal'
          */
-        "mobileBreakpoint": number;
+        "orientation"?: SeparatorOrientation;
+    }
+    /**
+     * seki-sheet: Root sheet component (slide-out panel)
+     * @component Sheet
+     * @example <seki-sheet>
+     *   <seki-sheet-trigger>
+     *     <seki-button>Open Sheet</seki-button>
+     *   </seki-sheet-trigger>
+     *   <seki-sheet-content>
+     *     <seki-sheet-header>
+     *       <seki-sheet-title>Title</seki-sheet-title>
+     *       <seki-sheet-description>Description</seki-sheet-description>
+     *     </seki-sheet-header>
+     *     Content here
+     *   </seki-sheet-content>
+     * </seki-sheet>
+     */
+    interface SekiSheet {
         /**
-          * Callback fired when open state changes
+          * Closes the sheet
          */
-        "onOpenChange"?: (isOpen: boolean) => void;
+        "close": () => Promise<void>;
         /**
-          * Open the sidebar (set isOpen=true)
-          * @returns
+          * Opens the sheet
          */
         "open": () => Promise<void>;
         /**
-          * Storage key for persisted state
-          * @type {string}
-          * @default 'seki-sidebar-state'
+          * Toggles the sheet
          */
-        "persistenceKey": string;
+        "toggle": () => Promise<void>;
+    }
+    /**
+     * seki-sheet-close: Close button for the sheet
+     * @component SheetClose
+     */
+    interface SekiSheetClose {
+    }
+    /**
+     * seki-sheet-content: Container for sheet content
+     * @component SheetContent
+     */
+    interface SekiSheetContent {
         /**
-          * Persist state to localStorage
-          * @type {boolean}
-          * @default false
+          * Side of the screen the sheet slides in from
+          * @default 'right'
          */
-        "persistent": boolean;
+        "side"?: SheetSide;
+    }
+    /**
+     * seki-sheet-description: Descriptive text in the sheet header
+     * @component SheetDescription
+     */
+    interface SekiSheetDescription {
+    }
+    /**
+     * seki-sheet-footer: Footer section of the sheet for actions
+     * @component SheetFooter
+     */
+    interface SekiSheetFooter {
+    }
+    /**
+     * seki-sheet-header: Header section of the sheet
+     * @component SheetHeader
+     */
+    interface SekiSheetHeader {
+    }
+    /**
+     * seki-sheet-title: Title text in the sheet header
+     * @component SheetTitle
+     */
+    interface SekiSheetTitle {
+    }
+    /**
+     * seki-sheet-trigger: Button/element that opens the sheet
+     * @component SheetTrigger
+     */
+    interface SekiSheetTrigger {
+    }
+    interface SekiSidebar {
         /**
-          * Update sidebar state
-          * @param state - Partial state object
-          * @returns
+          * Collapsible behavior: 'offcanvas' | 'icon' | 'none'
+          * @default 'offcanvas'
          */
-        "setState": (state: Partial<SidebarState>) => Promise<void>;
+        "collapsible": 'offcanvas' | 'icon' | 'none';
         /**
-          * Position: left or right side of viewport
-          * @type {'left' | 'right'}
+          * Side of the screen: 'left' | 'right'
           * @default 'left'
          */
-        "side": SidebarProps['side'];
+        "side": 'left' | 'right';
         /**
-          * Toggle the sidebar open/closed state
-          * @returns
-         */
-        "toggle": () => Promise<void>;
-        /**
-          * Layout variant: standard, floating (detached), or inset
-          * @type {'sidebar' | 'floating' | 'inset'}
+          * Sidebar variant: 'sidebar' | 'floating' | 'inset'
           * @default 'sidebar'
          */
-        "variant": SidebarProps['variant'];
+        "variant": 'sidebar' | 'floating' | 'inset';
     }
     interface SekiSidebarContent {
     }
@@ -531,113 +726,145 @@ export namespace Components {
     }
     interface SekiSidebarGroup {
         /**
-          * Optional action button configuration
-          * @type {object}
+          * Label for the group
+         */
+        "label"?: string;
+    }
+    interface SekiSidebarGroupAction {
+        /**
+          * Accessible label for the action
          */
-        "action"?: SidebarGroupProps['action'];
+        "ariaLabel"?: string;
+        /**
+          * Whether the action is disabled
+          * @default false
+         */
+        "disabled": boolean;
+    }
+    interface SekiSidebarGroupContent {
+    }
+    interface SekiSidebarGroupLabel {
+    }
+    interface SekiSidebarHeader {
+    }
+    interface SekiSidebarInset {
+    }
+    interface SekiSidebarMenu {
+    }
+    interface SekiSidebarMenuAction {
         /**
-          * Allow collapsing this group
-          * @type {boolean}
+          * Whether the action is disabled
           * @default false
          */
-        "collapsible": boolean;
+        "disabled": boolean;
+    }
+    interface SekiSidebarMenuBadge {
+    }
+    interface SekiSidebarMenuButton {
         /**
-          * Initial collapsed state
-          * @type {boolean}
+          * Whether the menu button is active
           * @default false
          */
-        "defaultCollapsed": boolean;
+        "active": boolean;
         /**
-          * Get current collapsed state
+          * Whether the menu button is disabled
+          * @default false
          */
-        "isCollapsedState": () => Promise<boolean>;
+        "disabled": boolean;
         /**
-          * Set collapsed state
+          * Optional href for link rendering
          */
-        "setCollapsed": (collapsed: boolean) => Promise<void>;
+        "href"?: string;
         /**
-          * Section header text (optional)
-          * @type {string}
+          * Size variant: 'default' | 'sm' | 'lg'
+          * @default 'default'
          */
-        "title"?: SidebarGroupProps['title'];
-    }
-    interface SekiSidebarHeader {
-    }
-    interface SekiSidebarMenu {
-    }
-    interface SekiSidebarMenuItem {
+        "size": 'default' | 'sm' | 'lg';
         /**
-          * ARIA current value for active items
-          * @type {string}
-          * @default 'page'
+          * Whether to render as a tooltip trigger (for icon-only mode)
+          * @default false
          */
-        "ariaCurrentValue": SidebarMenuItemProps['ariaCurrentValue'];
+        "tooltip": boolean;
         /**
-          * Accessibility label override
-          * @type {string}
+          * Tooltip text to show in icon mode
          */
-        "ariaLabel"?: SidebarMenuItemProps['ariaLabel'];
+        "tooltipText"?: string;
         /**
-          * Badge indicator for the item
-          * @type {object}
+          * Button variant: 'default' | 'outline'
+          * @default 'default'
          */
-        "badge"?: SidebarMenuItemProps['badge'];
+        "variant": 'default' | 'outline';
+    }
+    interface SekiSidebarMenuItem {
+    }
+    interface SekiSidebarMenuSkeleton {
         /**
-          * Disable interaction
-          * @type {boolean}
+          * Whether to show an icon skeleton
           * @default false
          */
-        "disabled": boolean;
+        "showIcon": boolean;
+    }
+    interface SekiSidebarMenuSub {
         /**
-          * Navigation URL (optional)
-          * @type {string}
+          * Whether the submenu is open
+          * @default false
          */
-        "href"?: SidebarMenuItemProps['href'];
+        "open": boolean;
+    }
+    interface SekiSidebarMenuSubButton {
         /**
-          * Highlight as current page
-          * @type {boolean}
+          * Whether the submenu button is active
           * @default false
          */
-        "isActive": boolean;
+        "active": boolean;
         /**
-          * Link target: _blank, _self, etc.
-          * @type {string}
+          * Whether the submenu button is disabled
+          * @default false
          */
-        "target"?: SidebarMenuItemProps['target'];
+        "disabled": boolean;
     }
-    interface SekiSidebarMenuSub {
+    interface SekiSidebarMenuSubItem {
+    }
+    interface SekiSidebarProvider {
         /**
-          * Initial collapsed state
-          * @type {boolean}
-          * @default false
+          * Default open state
+          * @default true
          */
-        "defaultCollapsed": boolean;
+        "defaultOpen": boolean;
+        "getState": () => Promise<{ open: boolean; openMobile: boolean; isMobile: boolean; }>;
         /**
-          * Get current collapsed state
+          * Controlled open state
          */
-        "isCollapsedState": () => Promise<boolean>;
+        "open"?: boolean;
+        "setOpen": (value: boolean | ((value: boolean) => boolean)) => Promise<void>;
+        "setOpenMobile": (value: boolean) => Promise<void>;
         /**
-          * Label for the submenu (shown when expanded)
-          * @type {string}
+          * Sidebar width when expanded
+          * @default '16rem'
          */
-        "label"?: SidebarMenuSubProps['label'];
+        "sidebarWidth": string;
         /**
-          * Set collapsed state
+          * Sidebar width in icon mode
+          * @default '3rem'
          */
-        "setCollapsed": (collapsed: boolean) => Promise<void>;
-    }
-    interface SekiSidebarTrigger {
+        "sidebarWidthIcon": string;
         /**
-          * Accessibility label for the button
-          * @type {string}
-          * @default 'Toggle sidebar'
+          * Sidebar width on mobile
+          * @default '18rem'
          */
-        "ariaLabel": SidebarTriggerProps['ariaLabel'];
+        "sidebarWidthMobile": string;
+        "toggleSidebar": () => Promise<void>;
+    }
+    interface SekiSidebarRail {
+    }
+    interface SekiSidebarSeparator {
+    }
+    interface SekiSidebarTrigger {
         /**
-          * Icon name or SVG path (optional)
-          * @type {string}
+          * Whether the trigger is disabled
+          * @default false
          */
-        "icon": SidebarTriggerProps['icon'];
+        "disabled": boolean;
     }
     /**
      * @component seki-skeleton
@@ -757,22 +984,30 @@ export interface SekiSelectOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiSelectOptionElement;
 }
-export interface SekiSidebarCustomEvent<T> extends CustomEvent<T> {
+export interface SekiSheetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiSheetElement;
+}
+export interface SekiSheetCloseCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSekiSidebarElement;
+    target: HTMLSekiSheetCloseElement;
 }
-export interface SekiSidebarGroupCustomEvent<T> extends CustomEvent<T> {
+export interface SekiSheetContentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSekiSidebarGroupElement;
+    target: HTMLSekiSheetContentElement;
 }
-export interface SekiSidebarMenuItemCustomEvent<T> extends CustomEvent<T> {
+export interface SekiSheetTriggerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSekiSidebarMenuItemElement;
+    target: HTMLSekiSheetTriggerElement;
 }
 export interface SekiSidebarMenuSubCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiSidebarMenuSubElement;
 }
+export interface SekiSidebarProviderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiSidebarProviderElement;
+}
 export interface SekiSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiSwitchElement;
@@ -797,6 +1032,87 @@ declare global {
         prototype: HTMLSekiBadgeElement;
         new (): HTMLSekiBadgeElement;
     };
+    /**
+     * seki-breadcrumb: Root breadcrumb navigation component
+     * @component Breadcrumb
+     * @example <seki-breadcrumb>
+     *   <seki-breadcrumb-list>
+     *     <seki-breadcrumb-item>
+     *       <seki-breadcrumb-link href="/">Home</seki-breadcrumb-link>
+     *     </seki-breadcrumb-item>
+     *     <seki-breadcrumb-separator></seki-breadcrumb-separator>
+     *     <seki-breadcrumb-item>
+     *       <seki-breadcrumb-page>Current</seki-breadcrumb-page>
+     *     </seki-breadcrumb-item>
+     *   </seki-breadcrumb-list>
+     * </seki-breadcrumb>
+     */
+    interface HTMLSekiBreadcrumbElement extends Components.SekiBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLSekiBreadcrumbElement: {
+        prototype: HTMLSekiBreadcrumbElement;
+        new (): HTMLSekiBreadcrumbElement;
+    };
+    /**
+     * seki-breadcrumb-ellipsis: Collapsed state indicator for long breadcrumbs
+     * @component BreadcrumbEllipsis
+     */
+    interface HTMLSekiBreadcrumbEllipsisElement extends Components.SekiBreadcrumbEllipsis, HTMLStencilElement {
+    }
+    var HTMLSekiBreadcrumbEllipsisElement: {
+        prototype: HTMLSekiBreadcrumbEllipsisElement;
+        new (): HTMLSekiBreadcrumbEllipsisElement;
+    };
+    /**
+     * seki-breadcrumb-item: Individual breadcrumb item wrapper
+     * @component BreadcrumbItem
+     */
+    interface HTMLSekiBreadcrumbItemElement extends Components.SekiBreadcrumbItem, HTMLStencilElement {
+    }
+    var HTMLSekiBreadcrumbItemElement: {
+        prototype: HTMLSekiBreadcrumbItemElement;
+        new (): HTMLSekiBreadcrumbItemElement;
+    };
+    /**
+     * seki-breadcrumb-link: Navigable link in breadcrumb
+     * @component BreadcrumbLink
+     */
+    interface HTMLSekiBreadcrumbLinkElement extends Components.SekiBreadcrumbLink, HTMLStencilElement {
+    }
+    var HTMLSekiBreadcrumbLinkElement: {
+        prototype: HTMLSekiBreadcrumbLinkElement;
+        new (): HTMLSekiBreadcrumbLinkElement;
+    };
+    /**
+     * seki-breadcrumb-list: Container for breadcrumb items
+     * @component BreadcrumbList
+     */
+    interface HTMLSekiBreadcrumbListElement extends Components.SekiBreadcrumbList, HTMLStencilElement {
+    }
+    var HTMLSekiBreadcrumbListElement: {
+        prototype: HTMLSekiBreadcrumbListElement;
+        new (): HTMLSekiBreadcrumbListElement;
+    };
+    /**
+     * seki-breadcrumb-page: Current page indicator (non-interactive)
+     * @component BreadcrumbPage
+     */
+    interface HTMLSekiBreadcrumbPageElement extends Components.SekiBreadcrumbPage, HTMLStencilElement {
+    }
+    var HTMLSekiBreadcrumbPageElement: {
+        prototype: HTMLSekiBreadcrumbPageElement;
+        new (): HTMLSekiBreadcrumbPageElement;
+    };
+    /**
+     * seki-breadcrumb-separator: Visual separator between breadcrumb items
+     * @component BreadcrumbSeparator
+     */
+    interface HTMLSekiBreadcrumbSeparatorElement extends Components.SekiBreadcrumbSeparator, HTMLStencilElement {
+    }
+    var HTMLSekiBreadcrumbSeparatorElement: {
+        prototype: HTMLSekiBreadcrumbSeparatorElement;
+        new (): HTMLSekiBreadcrumbSeparatorElement;
+    };
     interface HTMLSekiButtonElement extends Components.SekiButton, HTMLStencilElement {
     }
     var HTMLSekiButtonElement: {
@@ -961,6 +1277,89 @@ declare global {
         prototype: HTMLSekiInputElement;
         new (): HTMLSekiInputElement;
     };
+    /**
+     * seki-pagination: Root pagination navigation component
+     * @component Pagination
+     * @example <seki-pagination>
+     *   <seki-pagination-content>
+     *     <seki-pagination-item>
+     *       <seki-pagination-previous href="#"></seki-pagination-previous>
+     *     </seki-pagination-item>
+     *     <seki-pagination-item>
+     *       <seki-pagination-link href="#">1</seki-pagination-link>
+     *     </seki-pagination-item>
+     *     <seki-pagination-item>
+     *       <seki-pagination-next href="#"></seki-pagination-next>
+     *     </seki-pagination-item>
+     *   </seki-pagination-content>
+     * </seki-pagination>
+     */
+    interface HTMLSekiPaginationElement extends Components.SekiPagination, HTMLStencilElement {
+    }
+    var HTMLSekiPaginationElement: {
+        prototype: HTMLSekiPaginationElement;
+        new (): HTMLSekiPaginationElement;
+    };
+    /**
+     * seki-pagination-content: Content container for pagination items
+     * @component PaginationContent
+     */
+    interface HTMLSekiPaginationContentElement extends Components.SekiPaginationContent, HTMLStencilElement {
+    }
+    var HTMLSekiPaginationContentElement: {
+        prototype: HTMLSekiPaginationContentElement;
+        new (): HTMLSekiPaginationContentElement;
+    };
+    /**
+     * seki-pagination-ellipsis: Visual indicator for skipped pages
+     * @component PaginationEllipsis
+     */
+    interface HTMLSekiPaginationEllipsisElement extends Components.SekiPaginationEllipsis, HTMLStencilElement {
+    }
+    var HTMLSekiPaginationEllipsisElement: {
+        prototype: HTMLSekiPaginationEllipsisElement;
+        new (): HTMLSekiPaginationEllipsisElement;
+    };
+    /**
+     * seki-pagination-item: Individual pagination item wrapper
+     * @component PaginationItem
+     */
+    interface HTMLSekiPaginationItemElement extends Components.SekiPaginationItem, HTMLStencilElement {
+    }
+    var HTMLSekiPaginationItemElement: {
+        prototype: HTMLSekiPaginationItemElement;
+        new (): HTMLSekiPaginationItemElement;
+    };
+    /**
+     * seki-pagination-link: Clickable page number link
+     * @component PaginationLink
+     */
+    interface HTMLSekiPaginationLinkElement extends Components.SekiPaginationLink, HTMLStencilElement {
+    }
+    var HTMLSekiPaginationLinkElement: {
+        prototype: HTMLSekiPaginationLinkElement;
+        new (): HTMLSekiPaginationLinkElement;
+    };
+    /**
+     * seki-pagination-next: Next page navigation button
+     * @component PaginationNext
+     */
+    interface HTMLSekiPaginationNextElement extends Components.SekiPaginationNext, HTMLStencilElement {
+    }
+    var HTMLSekiPaginationNextElement: {
+        prototype: HTMLSekiPaginationNextElement;
+        new (): HTMLSekiPaginationNextElement;
+    };
+    /**
+     * seki-pagination-previous: Previous page navigation button
+     * @component PaginationPrevious
+     */
+    interface HTMLSekiPaginationPreviousElement extends Components.SekiPaginationPrevious, HTMLStencilElement {
+    }
+    var HTMLSekiPaginationPreviousElement: {
+        prototype: HTMLSekiPaginationPreviousElement;
+        new (): HTMLSekiPaginationPreviousElement;
+    };
     interface HTMLSekiSelectElementEventMap {
         "sekiChange": SelectChangeEventDetail;
         "sekiOpenChange": SelectOpenChangeEventDetail;
@@ -1016,86 +1415,247 @@ declare global {
         prototype: HTMLSekiSelectTriggerElement;
         new (): HTMLSekiSelectTriggerElement;
     };
-    interface HTMLSekiSidebarElementEventMap {
-        "openChange": OpenChangeDetail;
-        "variantChange": VariantChangeDetail;
-        "collapseModeChange": CollapseModeChangeDetail;
-        "mobileStateChange": MobileStateChangeDetail;
+    /**
+     * seki-separator: Visual divider for separating content
+     * @component Separator
+     * @example <seki-separator></seki-separator>
+     * <seki-separator orientation="vertical"></seki-separator>
+     */
+    interface HTMLSekiSeparatorElement extends Components.SekiSeparator, HTMLStencilElement {
+    }
+    var HTMLSekiSeparatorElement: {
+        prototype: HTMLSekiSeparatorElement;
+        new (): HTMLSekiSeparatorElement;
+    };
+    interface HTMLSekiSheetElementEventMap {
+        "sheetOpen": void;
+        "sheetClose": void;
     }
-    interface HTMLSekiSidebarElement extends Components.SekiSidebar, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSekiSidebarElementEventMap>(type: K, listener: (this: HTMLSekiSidebarElement, ev: SekiSidebarCustomEvent<HTMLSekiSidebarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    /**
+     * seki-sheet: Root sheet component (slide-out panel)
+     * @component Sheet
+     * @example <seki-sheet>
+     *   <seki-sheet-trigger>
+     *     <seki-button>Open Sheet</seki-button>
+     *   </seki-sheet-trigger>
+     *   <seki-sheet-content>
+     *     <seki-sheet-header>
+     *       <seki-sheet-title>Title</seki-sheet-title>
+     *       <seki-sheet-description>Description</seki-sheet-description>
+     *     </seki-sheet-header>
+     *     Content here
+     *   </seki-sheet-content>
+     * </seki-sheet>
+     */
+    interface HTMLSekiSheetElement extends Components.SekiSheet, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSekiSheetElementEventMap>(type: K, listener: (this: HTMLSekiSheetElement, ev: SekiSheetCustomEvent<HTMLSekiSheetElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSekiSidebarElementEventMap>(type: K, listener: (this: HTMLSekiSidebarElement, ev: SekiSidebarCustomEvent<HTMLSekiSidebarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSekiSheetElementEventMap>(type: K, listener: (this: HTMLSekiSheetElement, ev: SekiSheetCustomEvent<HTMLSekiSheetElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLSekiSidebarElement: {
-        prototype: HTMLSekiSidebarElement;
-        new (): HTMLSekiSidebarElement;
+    var HTMLSekiSheetElement: {
+        prototype: HTMLSekiSheetElement;
+        new (): HTMLSekiSheetElement;
     };
-    interface HTMLSekiSidebarContentElement extends Components.SekiSidebarContent, HTMLStencilElement {
+    interface HTMLSekiSheetCloseElementEventMap {
+        "closeSheet": void;
     }
-    var HTMLSekiSidebarContentElement: {
-        prototype: HTMLSekiSidebarContentElement;
-        new (): HTMLSekiSidebarContentElement;
+    /**
+     * seki-sheet-close: Close button for the sheet
+     * @component SheetClose
+     */
+    interface HTMLSekiSheetCloseElement extends Components.SekiSheetClose, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSekiSheetCloseElementEventMap>(type: K, listener: (this: HTMLSekiSheetCloseElement, ev: SekiSheetCloseCustomEvent<HTMLSekiSheetCloseElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSekiSheetCloseElementEventMap>(type: K, listener: (this: HTMLSekiSheetCloseElement, ev: SekiSheetCloseCustomEvent<HTMLSekiSheetCloseElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSekiSheetCloseElement: {
+        prototype: HTMLSekiSheetCloseElement;
+        new (): HTMLSekiSheetCloseElement;
     };
-    interface HTMLSekiSidebarFooterElement extends Components.SekiSidebarFooter, HTMLStencilElement {
+    interface HTMLSekiSheetContentElementEventMap {
+        "closeSheet": void;
     }
-    var HTMLSekiSidebarFooterElement: {
-        prototype: HTMLSekiSidebarFooterElement;
-        new (): HTMLSekiSidebarFooterElement;
+    /**
+     * seki-sheet-content: Container for sheet content
+     * @component SheetContent
+     */
+    interface HTMLSekiSheetContentElement extends Components.SekiSheetContent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSekiSheetContentElementEventMap>(type: K, listener: (this: HTMLSekiSheetContentElement, ev: SekiSheetContentCustomEvent<HTMLSekiSheetContentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSekiSheetContentElementEventMap>(type: K, listener: (this: HTMLSekiSheetContentElement, ev: SekiSheetContentCustomEvent<HTMLSekiSheetContentElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSekiSheetContentElement: {
+        prototype: HTMLSekiSheetContentElement;
+        new (): HTMLSekiSheetContentElement;
     };
-    interface HTMLSekiSidebarGroupElementEventMap {
-        "collapsedChange": CollapsedChangeDetail;
+    /**
+     * seki-sheet-description: Descriptive text in the sheet header
+     * @component SheetDescription
+     */
+    interface HTMLSekiSheetDescriptionElement extends Components.SekiSheetDescription, HTMLStencilElement {
     }
-    interface HTMLSekiSidebarGroupElement extends Components.SekiSidebarGroup, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSekiSidebarGroupElementEventMap>(type: K, listener: (this: HTMLSekiSidebarGroupElement, ev: SekiSidebarGroupCustomEvent<HTMLSekiSidebarGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    var HTMLSekiSheetDescriptionElement: {
+        prototype: HTMLSekiSheetDescriptionElement;
+        new (): HTMLSekiSheetDescriptionElement;
+    };
+    /**
+     * seki-sheet-footer: Footer section of the sheet for actions
+     * @component SheetFooter
+     */
+    interface HTMLSekiSheetFooterElement extends Components.SekiSheetFooter, HTMLStencilElement {
+    }
+    var HTMLSekiSheetFooterElement: {
+        prototype: HTMLSekiSheetFooterElement;
+        new (): HTMLSekiSheetFooterElement;
+    };
+    /**
+     * seki-sheet-header: Header section of the sheet
+     * @component SheetHeader
+     */
+    interface HTMLSekiSheetHeaderElement extends Components.SekiSheetHeader, HTMLStencilElement {
+    }
+    var HTMLSekiSheetHeaderElement: {
+        prototype: HTMLSekiSheetHeaderElement;
+        new (): HTMLSekiSheetHeaderElement;
+    };
+    /**
+     * seki-sheet-title: Title text in the sheet header
+     * @component SheetTitle
+     */
+    interface HTMLSekiSheetTitleElement extends Components.SekiSheetTitle, HTMLStencilElement {
+    }
+    var HTMLSekiSheetTitleElement: {
+        prototype: HTMLSekiSheetTitleElement;
+        new (): HTMLSekiSheetTitleElement;
+    };
+    interface HTMLSekiSheetTriggerElementEventMap {
+        "triggerClick": void;
+    }
+    /**
+     * seki-sheet-trigger: Button/element that opens the sheet
+     * @component SheetTrigger
+     */
+    interface HTMLSekiSheetTriggerElement extends Components.SekiSheetTrigger, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSekiSheetTriggerElementEventMap>(type: K, listener: (this: HTMLSekiSheetTriggerElement, ev: SekiSheetTriggerCustomEvent<HTMLSekiSheetTriggerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSekiSidebarGroupElementEventMap>(type: K, listener: (this: HTMLSekiSidebarGroupElement, ev: SekiSidebarGroupCustomEvent<HTMLSekiSidebarGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSekiSheetTriggerElementEventMap>(type: K, listener: (this: HTMLSekiSheetTriggerElement, ev: SekiSheetTriggerCustomEvent<HTMLSekiSheetTriggerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
+    var HTMLSekiSheetTriggerElement: {
+        prototype: HTMLSekiSheetTriggerElement;
+        new (): HTMLSekiSheetTriggerElement;
+    };
+    interface HTMLSekiSidebarElement extends Components.SekiSidebar, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarElement: {
+        prototype: HTMLSekiSidebarElement;
+        new (): HTMLSekiSidebarElement;
+    };
+    interface HTMLSekiSidebarContentElement extends Components.SekiSidebarContent, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarContentElement: {
+        prototype: HTMLSekiSidebarContentElement;
+        new (): HTMLSekiSidebarContentElement;
+    };
+    interface HTMLSekiSidebarFooterElement extends Components.SekiSidebarFooter, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarFooterElement: {
+        prototype: HTMLSekiSidebarFooterElement;
+        new (): HTMLSekiSidebarFooterElement;
+    };
+    interface HTMLSekiSidebarGroupElement extends Components.SekiSidebarGroup, HTMLStencilElement {
+    }
     var HTMLSekiSidebarGroupElement: {
         prototype: HTMLSekiSidebarGroupElement;
         new (): HTMLSekiSidebarGroupElement;
     };
+    interface HTMLSekiSidebarGroupActionElement extends Components.SekiSidebarGroupAction, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarGroupActionElement: {
+        prototype: HTMLSekiSidebarGroupActionElement;
+        new (): HTMLSekiSidebarGroupActionElement;
+    };
+    interface HTMLSekiSidebarGroupContentElement extends Components.SekiSidebarGroupContent, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarGroupContentElement: {
+        prototype: HTMLSekiSidebarGroupContentElement;
+        new (): HTMLSekiSidebarGroupContentElement;
+    };
+    interface HTMLSekiSidebarGroupLabelElement extends Components.SekiSidebarGroupLabel, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarGroupLabelElement: {
+        prototype: HTMLSekiSidebarGroupLabelElement;
+        new (): HTMLSekiSidebarGroupLabelElement;
+    };
     interface HTMLSekiSidebarHeaderElement extends Components.SekiSidebarHeader, HTMLStencilElement {
     }
     var HTMLSekiSidebarHeaderElement: {
         prototype: HTMLSekiSidebarHeaderElement;
         new (): HTMLSekiSidebarHeaderElement;
     };
+    interface HTMLSekiSidebarInsetElement extends Components.SekiSidebarInset, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarInsetElement: {
+        prototype: HTMLSekiSidebarInsetElement;
+        new (): HTMLSekiSidebarInsetElement;
+    };
     interface HTMLSekiSidebarMenuElement extends Components.SekiSidebarMenu, HTMLStencilElement {
     }
     var HTMLSekiSidebarMenuElement: {
         prototype: HTMLSekiSidebarMenuElement;
         new (): HTMLSekiSidebarMenuElement;
     };
-    interface HTMLSekiSidebarMenuItemElementEventMap {
-        "navigate": NavigateDetail;
+    interface HTMLSekiSidebarMenuActionElement extends Components.SekiSidebarMenuAction, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarMenuActionElement: {
+        prototype: HTMLSekiSidebarMenuActionElement;
+        new (): HTMLSekiSidebarMenuActionElement;
+    };
+    interface HTMLSekiSidebarMenuBadgeElement extends Components.SekiSidebarMenuBadge, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarMenuBadgeElement: {
+        prototype: HTMLSekiSidebarMenuBadgeElement;
+        new (): HTMLSekiSidebarMenuBadgeElement;
+    };
+    interface HTMLSekiSidebarMenuButtonElement extends Components.SekiSidebarMenuButton, HTMLStencilElement {
     }
+    var HTMLSekiSidebarMenuButtonElement: {
+        prototype: HTMLSekiSidebarMenuButtonElement;
+        new (): HTMLSekiSidebarMenuButtonElement;
+    };
     interface HTMLSekiSidebarMenuItemElement extends Components.SekiSidebarMenuItem, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSekiSidebarMenuItemElementEventMap>(type: K, listener: (this: HTMLSekiSidebarMenuItemElement, ev: SekiSidebarMenuItemCustomEvent<HTMLSekiSidebarMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSekiSidebarMenuItemElementEventMap>(type: K, listener: (this: HTMLSekiSidebarMenuItemElement, ev: SekiSidebarMenuItemCustomEvent<HTMLSekiSidebarMenuItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSekiSidebarMenuItemElement: {
         prototype: HTMLSekiSidebarMenuItemElement;
         new (): HTMLSekiSidebarMenuItemElement;
     };
+    interface HTMLSekiSidebarMenuSkeletonElement extends Components.SekiSidebarMenuSkeleton, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarMenuSkeletonElement: {
+        prototype: HTMLSekiSidebarMenuSkeletonElement;
+        new (): HTMLSekiSidebarMenuSkeletonElement;
+    };
     interface HTMLSekiSidebarMenuSubElementEventMap {
-        "collapsedChange": CollapsedChangeDetail;
+        "openChange": boolean;
     }
     interface HTMLSekiSidebarMenuSubElement extends Components.SekiSidebarMenuSub, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSekiSidebarMenuSubElementEventMap>(type: K, listener: (this: HTMLSekiSidebarMenuSubElement, ev: SekiSidebarMenuSubCustomEvent<HTMLSekiSidebarMenuSubElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1111,6 +1671,48 @@ declare global {
         prototype: HTMLSekiSidebarMenuSubElement;
         new (): HTMLSekiSidebarMenuSubElement;
     };
+    interface HTMLSekiSidebarMenuSubButtonElement extends Components.SekiSidebarMenuSubButton, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarMenuSubButtonElement: {
+        prototype: HTMLSekiSidebarMenuSubButtonElement;
+        new (): HTMLSekiSidebarMenuSubButtonElement;
+    };
+    interface HTMLSekiSidebarMenuSubItemElement extends Components.SekiSidebarMenuSubItem, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarMenuSubItemElement: {
+        prototype: HTMLSekiSidebarMenuSubItemElement;
+        new (): HTMLSekiSidebarMenuSubItemElement;
+    };
+    interface HTMLSekiSidebarProviderElementEventMap {
+        "openChange": boolean;
+        "sekiSidebarStateChange": SidebarStateChangeDetail;
+    }
+    interface HTMLSekiSidebarProviderElement extends Components.SekiSidebarProvider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSekiSidebarProviderElementEventMap>(type: K, listener: (this: HTMLSekiSidebarProviderElement, ev: SekiSidebarProviderCustomEvent<HTMLSekiSidebarProviderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSekiSidebarProviderElementEventMap>(type: K, listener: (this: HTMLSekiSidebarProviderElement, ev: SekiSidebarProviderCustomEvent<HTMLSekiSidebarProviderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSekiSidebarProviderElement: {
+        prototype: HTMLSekiSidebarProviderElement;
+        new (): HTMLSekiSidebarProviderElement;
+    };
+    interface HTMLSekiSidebarRailElement extends Components.SekiSidebarRail, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarRailElement: {
+        prototype: HTMLSekiSidebarRailElement;
+        new (): HTMLSekiSidebarRailElement;
+    };
+    interface HTMLSekiSidebarSeparatorElement extends Components.SekiSidebarSeparator, HTMLStencilElement {
+    }
+    var HTMLSekiSidebarSeparatorElement: {
+        prototype: HTMLSekiSidebarSeparatorElement;
+        new (): HTMLSekiSidebarSeparatorElement;
+    };
     interface HTMLSekiSidebarTriggerElement extends Components.SekiSidebarTrigger, HTMLStencilElement {
     }
     var HTMLSekiSidebarTriggerElement: {
@@ -1186,6 +1788,13 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "seki-badge": HTMLSekiBadgeElement;
+        "seki-breadcrumb": HTMLSekiBreadcrumbElement;
+        "seki-breadcrumb-ellipsis": HTMLSekiBreadcrumbEllipsisElement;
+        "seki-breadcrumb-item": HTMLSekiBreadcrumbItemElement;
+        "seki-breadcrumb-link": HTMLSekiBreadcrumbLinkElement;
+        "seki-breadcrumb-list": HTMLSekiBreadcrumbListElement;
+        "seki-breadcrumb-page": HTMLSekiBreadcrumbPageElement;
+        "seki-breadcrumb-separator": HTMLSekiBreadcrumbSeparatorElement;
         "seki-button": HTMLSekiButtonElement;
         "seki-card": HTMLSekiCardElement;
         "seki-card-action": HTMLSekiCardActionElement;
@@ -1202,19 +1811,48 @@ declare global {
         "seki-field-legend": HTMLSekiFieldLegendElement;
         "seki-fieldset": HTMLSekiFieldsetElement;
         "seki-input": HTMLSekiInputElement;
+        "seki-pagination": HTMLSekiPaginationElement;
+        "seki-pagination-content": HTMLSekiPaginationContentElement;
+        "seki-pagination-ellipsis": HTMLSekiPaginationEllipsisElement;
+        "seki-pagination-item": HTMLSekiPaginationItemElement;
+        "seki-pagination-link": HTMLSekiPaginationLinkElement;
+        "seki-pagination-next": HTMLSekiPaginationNextElement;
+        "seki-pagination-previous": HTMLSekiPaginationPreviousElement;
         "seki-select": HTMLSekiSelectElement;
         "seki-select-content": HTMLSekiSelectContentElement;
         "seki-select-group": HTMLSekiSelectGroupElement;
         "seki-select-option": HTMLSekiSelectOptionElement;
         "seki-select-trigger": HTMLSekiSelectTriggerElement;
+        "seki-separator": HTMLSekiSeparatorElement;
+        "seki-sheet": HTMLSekiSheetElement;
+        "seki-sheet-close": HTMLSekiSheetCloseElement;
+        "seki-sheet-content": HTMLSekiSheetContentElement;
+        "seki-sheet-description": HTMLSekiSheetDescriptionElement;
+        "seki-sheet-footer": HTMLSekiSheetFooterElement;
+        "seki-sheet-header": HTMLSekiSheetHeaderElement;
+        "seki-sheet-title": HTMLSekiSheetTitleElement;
+        "seki-sheet-trigger": HTMLSekiSheetTriggerElement;
         "seki-sidebar": HTMLSekiSidebarElement;
         "seki-sidebar-content": HTMLSekiSidebarContentElement;
         "seki-sidebar-footer": HTMLSekiSidebarFooterElement;
         "seki-sidebar-group": HTMLSekiSidebarGroupElement;
+        "seki-sidebar-group-action": HTMLSekiSidebarGroupActionElement;
+        "seki-sidebar-group-content": HTMLSekiSidebarGroupContentElement;
+        "seki-sidebar-group-label": HTMLSekiSidebarGroupLabelElement;
         "seki-sidebar-header": HTMLSekiSidebarHeaderElement;
+        "seki-sidebar-inset": HTMLSekiSidebarInsetElement;
         "seki-sidebar-menu": HTMLSekiSidebarMenuElement;
+        "seki-sidebar-menu-action": HTMLSekiSidebarMenuActionElement;
+        "seki-sidebar-menu-badge": HTMLSekiSidebarMenuBadgeElement;
+        "seki-sidebar-menu-button": HTMLSekiSidebarMenuButtonElement;
         "seki-sidebar-menu-item": HTMLSekiSidebarMenuItemElement;
+        "seki-sidebar-menu-skeleton": HTMLSekiSidebarMenuSkeletonElement;
         "seki-sidebar-menu-sub": HTMLSekiSidebarMenuSubElement;
+        "seki-sidebar-menu-sub-button": HTMLSekiSidebarMenuSubButtonElement;
+        "seki-sidebar-menu-sub-item": HTMLSekiSidebarMenuSubItemElement;
+        "seki-sidebar-provider": HTMLSekiSidebarProviderElement;
+        "seki-sidebar-rail": HTMLSekiSidebarRailElement;
+        "seki-sidebar-separator": HTMLSekiSidebarSeparatorElement;
         "seki-sidebar-trigger": HTMLSekiSidebarTriggerElement;
         "seki-skeleton": HTMLSekiSkeletonElement;
         "seki-switch": HTMLSekiSwitchElement;
@@ -1253,6 +1891,72 @@ declare namespace LocalJSX {
          */
         "variant"?: BadgeVariant;
     }
+    /**
+     * seki-breadcrumb: Root breadcrumb navigation component
+     * @component Breadcrumb
+     * @example <seki-breadcrumb>
+     *   <seki-breadcrumb-list>
+     *     <seki-breadcrumb-item>
+     *       <seki-breadcrumb-link href="/">Home</seki-breadcrumb-link>
+     *     </seki-breadcrumb-item>
+     *     <seki-breadcrumb-separator></seki-breadcrumb-separator>
+     *     <seki-breadcrumb-item>
+     *       <seki-breadcrumb-page>Current</seki-breadcrumb-page>
+     *     </seki-breadcrumb-item>
+     *   </seki-breadcrumb-list>
+     * </seki-breadcrumb>
+     */
+    interface SekiBreadcrumb {
+        /**
+          * Accessible label for the breadcrumb navigation
+          * @default 'breadcrumb'
+         */
+        "label"?: string;
+    }
+    /**
+     * seki-breadcrumb-ellipsis: Collapsed state indicator for long breadcrumbs
+     * @component BreadcrumbEllipsis
+     */
+    interface SekiBreadcrumbEllipsis {
+    }
+    /**
+     * seki-breadcrumb-item: Individual breadcrumb item wrapper
+     * @component BreadcrumbItem
+     */
+    interface SekiBreadcrumbItem {
+    }
+    /**
+     * seki-breadcrumb-link: Navigable link in breadcrumb
+     * @component BreadcrumbLink
+     */
+    interface SekiBreadcrumbLink {
+        /**
+          * URL for the breadcrumb link
+         */
+        "href"?: string;
+        /**
+          * Target for the link
+         */
+        "target"?: string;
+    }
+    /**
+     * seki-breadcrumb-list: Container for breadcrumb items
+     * @component BreadcrumbList
+     */
+    interface SekiBreadcrumbList {
+    }
+    /**
+     * seki-breadcrumb-page: Current page indicator (non-interactive)
+     * @component BreadcrumbPage
+     */
+    interface SekiBreadcrumbPage {
+    }
+    /**
+     * seki-breadcrumb-separator: Visual separator between breadcrumb items
+     * @component BreadcrumbSeparator
+     */
+    interface SekiBreadcrumbSeparator {
+    }
     interface SekiButton {
         /**
           * Accessible label for screen readers. Required for icon-only buttons.
@@ -1542,6 +2246,93 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * seki-pagination: Root pagination navigation component
+     * @component Pagination
+     * @example <seki-pagination>
+     *   <seki-pagination-content>
+     *     <seki-pagination-item>
+     *       <seki-pagination-previous href="#"></seki-pagination-previous>
+     *     </seki-pagination-item>
+     *     <seki-pagination-item>
+     *       <seki-pagination-link href="#">1</seki-pagination-link>
+     *     </seki-pagination-item>
+     *     <seki-pagination-item>
+     *       <seki-pagination-next href="#"></seki-pagination-next>
+     *     </seki-pagination-item>
+     *   </seki-pagination-content>
+     * </seki-pagination>
+     */
+    interface SekiPagination {
+    }
+    /**
+     * seki-pagination-content: Content container for pagination items
+     * @component PaginationContent
+     */
+    interface SekiPaginationContent {
+    }
+    /**
+     * seki-pagination-ellipsis: Visual indicator for skipped pages
+     * @component PaginationEllipsis
+     */
+    interface SekiPaginationEllipsis {
+    }
+    /**
+     * seki-pagination-item: Individual pagination item wrapper
+     * @component PaginationItem
+     */
+    interface SekiPaginationItem {
+    }
+    /**
+     * seki-pagination-link: Clickable page number link
+     * @component PaginationLink
+     */
+    interface SekiPaginationLink {
+        /**
+          * Whether this link represents the current/active page
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Disables the link
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL for the pagination link
+         */
+        "href"?: string;
+    }
+    /**
+     * seki-pagination-next: Next page navigation button
+     * @component PaginationNext
+     */
+    interface SekiPaginationNext {
+        /**
+          * Disables the button
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL for the next page
+         */
+        "href"?: string;
+    }
+    /**
+     * seki-pagination-previous: Previous page navigation button
+     * @component PaginationPrevious
+     */
+    interface SekiPaginationPrevious {
+        /**
+          * Disables the button
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL for the previous page
+         */
+        "href"?: string;
+    }
     interface SekiSelect {
         /**
           * ID of element that describes this select
@@ -1657,69 +2448,125 @@ declare namespace LocalJSX {
     }
     interface SekiSelectTrigger {
     }
-    interface SekiSidebar {
-        /**
-          * Collapse mechanism: offcanvas (slides), icon (shrinks), or none (fixed)
-          * @type {'offcanvas' | 'icon' | 'none'}
-          * @default 'offcanvas'
-         */
-        "collapseMode"?: SidebarProps['collapseMode'];
+    /**
+     * seki-separator: Visual divider for separating content
+     * @component Separator
+     * @example <seki-separator></seki-separator>
+     * <seki-separator orientation="vertical"></seki-separator>
+     */
+    interface SekiSeparator {
         /**
-          * Initial open/closed state
-          * @type {boolean}
-          * @default true
+          * Whether the separator is purely decorative When true, removes the separator from accessibility tree
+          * @default false
          */
-        "defaultOpen"?: boolean;
+        "decorative"?: boolean;
         /**
-          * Viewport width for mobile detection (px)
-          * @type {number}
-          * @default 768
+          * Orientation of the separator
+          * @default 'horizontal'
          */
-        "mobileBreakpoint"?: number;
+        "orientation"?: SeparatorOrientation;
+    }
+    /**
+     * seki-sheet: Root sheet component (slide-out panel)
+     * @component Sheet
+     * @example <seki-sheet>
+     *   <seki-sheet-trigger>
+     *     <seki-button>Open Sheet</seki-button>
+     *   </seki-sheet-trigger>
+     *   <seki-sheet-content>
+     *     <seki-sheet-header>
+     *       <seki-sheet-title>Title</seki-sheet-title>
+     *       <seki-sheet-description>Description</seki-sheet-description>
+     *     </seki-sheet-header>
+     *     Content here
+     *   </seki-sheet-content>
+     * </seki-sheet>
+     */
+    interface SekiSheet {
         /**
-          * Event fired when collapse mode changes
+          * Emitted when the sheet closes
          */
-        "onCollapseModeChange"?: (event: SekiSidebarCustomEvent<CollapseModeChangeDetail>) => void;
+        "onSheetClose"?: (event: SekiSheetCustomEvent<void>) => void;
         /**
-          * Event fired when mobile state changes
+          * Emitted when the sheet opens
          */
-        "onMobileStateChange"?: (event: SekiSidebarCustomEvent<MobileStateChangeDetail>) => void;
+        "onSheetOpen"?: (event: SekiSheetCustomEvent<void>) => void;
+    }
+    /**
+     * seki-sheet-close: Close button for the sheet
+     * @component SheetClose
+     */
+    interface SekiSheetClose {
         /**
-          * Callback fired when open state changes
+          * Emitted when close is clicked
          */
-        "onOpenChange"?: (isOpen: boolean) => void;
+        "onCloseSheet"?: (event: SekiSheetCloseCustomEvent<void>) => void;
+    }
+    /**
+     * seki-sheet-content: Container for sheet content
+     * @component SheetContent
+     */
+    interface SekiSheetContent {
         /**
-          * Event fired when sidebar opens/closes
+          * Emitted when close is requested
          */
-        "onOpenChange"?: (event: SekiSidebarCustomEvent<OpenChangeDetail>) => void;
+        "onCloseSheet"?: (event: SekiSheetContentCustomEvent<void>) => void;
         /**
-          * Event fired when variant changes
+          * Side of the screen the sheet slides in from
+          * @default 'right'
          */
-        "onVariantChange"?: (event: SekiSidebarCustomEvent<VariantChangeDetail>) => void;
+        "side"?: SheetSide;
+    }
+    /**
+     * seki-sheet-description: Descriptive text in the sheet header
+     * @component SheetDescription
+     */
+    interface SekiSheetDescription {
+    }
+    /**
+     * seki-sheet-footer: Footer section of the sheet for actions
+     * @component SheetFooter
+     */
+    interface SekiSheetFooter {
+    }
+    /**
+     * seki-sheet-header: Header section of the sheet
+     * @component SheetHeader
+     */
+    interface SekiSheetHeader {
+    }
+    /**
+     * seki-sheet-title: Title text in the sheet header
+     * @component SheetTitle
+     */
+    interface SekiSheetTitle {
+    }
+    /**
+     * seki-sheet-trigger: Button/element that opens the sheet
+     * @component SheetTrigger
+     */
+    interface SekiSheetTrigger {
         /**
-          * Storage key for persisted state
-          * @type {string}
-          * @default 'seki-sidebar-state'
+          * Emitted when the trigger is clicked
          */
-        "persistenceKey"?: string;
+        "onTriggerClick"?: (event: SekiSheetTriggerCustomEvent<void>) => void;
+    }
+    interface SekiSidebar {
         /**
-          * Persist state to localStorage
-          * @type {boolean}
-          * @default false
+          * Collapsible behavior: 'offcanvas' | 'icon' | 'none'
+          * @default 'offcanvas'
          */
-        "persistent"?: boolean;
+        "collapsible"?: 'offcanvas' | 'icon' | 'none';
         /**
-          * Position: left or right side of viewport
-          * @type {'left' | 'right'}
+          * Side of the screen: 'left' | 'right'
           * @default 'left'
          */
-        "side"?: SidebarProps['side'];
+        "side"?: 'left' | 'right';
         /**
-          * Layout variant: standard, floating (detached), or inset
-          * @type {'sidebar' | 'floating' | 'inset'}
+          * Sidebar variant: 'sidebar' | 'floating' | 'inset'
           * @default 'sidebar'
          */
-        "variant"?: SidebarProps['variant'];
+        "variant"?: 'sidebar' | 'floating' | 'inset';
     }
     interface SekiSidebarContent {
     }
@@ -1727,109 +2574,153 @@ declare namespace LocalJSX {
     }
     interface SekiSidebarGroup {
         /**
-          * Optional action button configuration
-          * @type {object}
+          * Label for the group
          */
-        "action"?: SidebarGroupProps['action'];
+        "label"?: string;
+    }
+    interface SekiSidebarGroupAction {
         /**
-          * Allow collapsing this group
-          * @type {boolean}
-          * @default false
+          * Accessible label for the action
          */
-        "collapsible"?: boolean;
+        "ariaLabel"?: string;
         /**
-          * Initial collapsed state
-          * @type {boolean}
+          * Whether the action is disabled
           * @default false
          */
-        "defaultCollapsed"?: boolean;
-        /**
-          * Event fired when collapsed state changes
-         */
-        "onCollapsedChange"?: (event: SekiSidebarGroupCustomEvent<CollapsedChangeDetail>) => void;
-        /**
-          * Section header text (optional)
-          * @type {string}
-         */
-        "title"?: SidebarGroupProps['title'];
+        "disabled"?: boolean;
+    }
+    interface SekiSidebarGroupContent {
+    }
+    interface SekiSidebarGroupLabel {
     }
     interface SekiSidebarHeader {
     }
+    interface SekiSidebarInset {
+    }
     interface SekiSidebarMenu {
     }
-    interface SekiSidebarMenuItem {
-        /**
-          * ARIA current value for active items
-          * @type {string}
-          * @default 'page'
-         */
-        "ariaCurrentValue"?: SidebarMenuItemProps['ariaCurrentValue'];
+    interface SekiSidebarMenuAction {
         /**
-          * Accessibility label override
-          * @type {string}
+          * Whether the action is disabled
+          * @default false
          */
-        "ariaLabel"?: SidebarMenuItemProps['ariaLabel'];
+        "disabled"?: boolean;
+    }
+    interface SekiSidebarMenuBadge {
+    }
+    interface SekiSidebarMenuButton {
         /**
-          * Badge indicator for the item
-          * @type {object}
+          * Whether the menu button is active
+          * @default false
          */
-        "badge"?: SidebarMenuItemProps['badge'];
+        "active"?: boolean;
         /**
-          * Disable interaction
-          * @type {boolean}
+          * Whether the menu button is disabled
           * @default false
          */
         "disabled"?: boolean;
         /**
-          * Navigation URL (optional)
-          * @type {string}
+          * Optional href for link rendering
+         */
+        "href"?: string;
+        /**
+          * Size variant: 'default' | 'sm' | 'lg'
+          * @default 'default'
          */
-        "href"?: SidebarMenuItemProps['href'];
+        "size"?: 'default' | 'sm' | 'lg';
         /**
-          * Highlight as current page
-          * @type {boolean}
+          * Whether to render as a tooltip trigger (for icon-only mode)
           * @default false
          */
-        "isActive"?: boolean;
+        "tooltip"?: boolean;
+        /**
+          * Tooltip text to show in icon mode
+         */
+        "tooltipText"?: string;
         /**
-          * Event fired on item click
+          * Button variant: 'default' | 'outline'
+          * @default 'default'
          */
-        "onNavigate"?: (event: SekiSidebarMenuItemCustomEvent<NavigateDetail>) => void;
+        "variant"?: 'default' | 'outline';
+    }
+    interface SekiSidebarMenuItem {
+    }
+    interface SekiSidebarMenuSkeleton {
         /**
-          * Link target: _blank, _self, etc.
-          * @type {string}
+          * Whether to show an icon skeleton
+          * @default false
          */
-        "target"?: SidebarMenuItemProps['target'];
+        "showIcon"?: boolean;
     }
     interface SekiSidebarMenuSub {
         /**
-          * Initial collapsed state
-          * @type {boolean}
+          * Event emitted when open state changes
+         */
+        "onOpenChange"?: (event: SekiSidebarMenuSubCustomEvent<boolean>) => void;
+        /**
+          * Whether the submenu is open
           * @default false
          */
-        "defaultCollapsed"?: boolean;
+        "open"?: boolean;
+    }
+    interface SekiSidebarMenuSubButton {
         /**
-          * Label for the submenu (shown when expanded)
-          * @type {string}
+          * Whether the submenu button is active
+          * @default false
          */
-        "label"?: SidebarMenuSubProps['label'];
+        "active"?: boolean;
         /**
-          * Event fired when collapsed state changes
+          * Whether the submenu button is disabled
+          * @default false
          */
-        "onCollapsedChange"?: (event: SekiSidebarMenuSubCustomEvent<CollapsedChangeDetail>) => void;
+        "disabled"?: boolean;
     }
-    interface SekiSidebarTrigger {
+    interface SekiSidebarMenuSubItem {
+    }
+    interface SekiSidebarProvider {
+        /**
+          * Default open state
+          * @default true
+         */
+        "defaultOpen"?: boolean;
+        /**
+          * Event emitted when open state changes
+         */
+        "onOpenChange"?: (event: SekiSidebarProviderCustomEvent<boolean>) => void;
+        /**
+          * Event emitted when sidebar state changes (for child components)
+         */
+        "onSekiSidebarStateChange"?: (event: SekiSidebarProviderCustomEvent<SidebarStateChangeDetail>) => void;
+        /**
+          * Controlled open state
+         */
+        "open"?: boolean;
         /**
-          * Accessibility label for the button
-          * @type {string}
-          * @default 'Toggle sidebar'
+          * Sidebar width when expanded
+          * @default '16rem'
          */
-        "ariaLabel"?: SidebarTriggerProps['ariaLabel'];
+        "sidebarWidth"?: string;
+        /**
+          * Sidebar width in icon mode
+          * @default '3rem'
+         */
+        "sidebarWidthIcon"?: string;
+        /**
+          * Sidebar width on mobile
+          * @default '18rem'
+         */
+        "sidebarWidthMobile"?: string;
+    }
+    interface SekiSidebarRail {
+    }
+    interface SekiSidebarSeparator {
+    }
+    interface SekiSidebarTrigger {
         /**
-          * Icon name or SVG path (optional)
-          * @type {string}
+          * Whether the trigger is disabled
+          * @default false
          */
-        "icon"?: SidebarTriggerProps['icon'];
+        "disabled"?: boolean;
     }
     /**
      * @component seki-skeleton
@@ -1940,6 +2831,13 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "seki-badge": SekiBadge;
+        "seki-breadcrumb": SekiBreadcrumb;
+        "seki-breadcrumb-ellipsis": SekiBreadcrumbEllipsis;
+        "seki-breadcrumb-item": SekiBreadcrumbItem;
+        "seki-breadcrumb-link": SekiBreadcrumbLink;
+        "seki-breadcrumb-list": SekiBreadcrumbList;
+        "seki-breadcrumb-page": SekiBreadcrumbPage;
+        "seki-breadcrumb-separator": SekiBreadcrumbSeparator;
         "seki-button": SekiButton;
         "seki-card": SekiCard;
         "seki-card-action": SekiCardAction;
@@ -1956,19 +2854,48 @@ declare namespace LocalJSX {
         "seki-field-legend": SekiFieldLegend;
         "seki-fieldset": SekiFieldset;
         "seki-input": SekiInput;
+        "seki-pagination": SekiPagination;
+        "seki-pagination-content": SekiPaginationContent;
+        "seki-pagination-ellipsis": SekiPaginationEllipsis;
+        "seki-pagination-item": SekiPaginationItem;
+        "seki-pagination-link": SekiPaginationLink;
+        "seki-pagination-next": SekiPaginationNext;
+        "seki-pagination-previous": SekiPaginationPrevious;
         "seki-select": SekiSelect;
         "seki-select-content": SekiSelectContent;
         "seki-select-group": SekiSelectGroup;
         "seki-select-option": SekiSelectOption;
         "seki-select-trigger": SekiSelectTrigger;
+        "seki-separator": SekiSeparator;
+        "seki-sheet": SekiSheet;
+        "seki-sheet-close": SekiSheetClose;
+        "seki-sheet-content": SekiSheetContent;
+        "seki-sheet-description": SekiSheetDescription;
+        "seki-sheet-footer": SekiSheetFooter;
+        "seki-sheet-header": SekiSheetHeader;
+        "seki-sheet-title": SekiSheetTitle;
+        "seki-sheet-trigger": SekiSheetTrigger;
         "seki-sidebar": SekiSidebar;
         "seki-sidebar-content": SekiSidebarContent;
         "seki-sidebar-footer": SekiSidebarFooter;
         "seki-sidebar-group": SekiSidebarGroup;
+        "seki-sidebar-group-action": SekiSidebarGroupAction;
+        "seki-sidebar-group-content": SekiSidebarGroupContent;
+        "seki-sidebar-group-label": SekiSidebarGroupLabel;
         "seki-sidebar-header": SekiSidebarHeader;
+        "seki-sidebar-inset": SekiSidebarInset;
         "seki-sidebar-menu": SekiSidebarMenu;
+        "seki-sidebar-menu-action": SekiSidebarMenuAction;
+        "seki-sidebar-menu-badge": SekiSidebarMenuBadge;
+        "seki-sidebar-menu-button": SekiSidebarMenuButton;
         "seki-sidebar-menu-item": SekiSidebarMenuItem;
+        "seki-sidebar-menu-skeleton": SekiSidebarMenuSkeleton;
         "seki-sidebar-menu-sub": SekiSidebarMenuSub;
+        "seki-sidebar-menu-sub-button": SekiSidebarMenuSubButton;
+        "seki-sidebar-menu-sub-item": SekiSidebarMenuSubItem;
+        "seki-sidebar-provider": SekiSidebarProvider;
+        "seki-sidebar-rail": SekiSidebarRail;
+        "seki-sidebar-separator": SekiSidebarSeparator;
         "seki-sidebar-trigger": SekiSidebarTrigger;
         "seki-skeleton": SekiSkeleton;
         "seki-switch": SekiSwitch;
@@ -1989,6 +2916,52 @@ declare module "@stencil/core" {
              * </seki-badge>
              */
             "seki-badge": LocalJSX.SekiBadge & JSXBase.HTMLAttributes<HTMLSekiBadgeElement>;
+            /**
+             * seki-breadcrumb: Root breadcrumb navigation component
+             * @component Breadcrumb
+             * @example <seki-breadcrumb>
+             *   <seki-breadcrumb-list>
+             *     <seki-breadcrumb-item>
+             *       <seki-breadcrumb-link href="/">Home</seki-breadcrumb-link>
+             *     </seki-breadcrumb-item>
+             *     <seki-breadcrumb-separator></seki-breadcrumb-separator>
+             *     <seki-breadcrumb-item>
+             *       <seki-breadcrumb-page>Current</seki-breadcrumb-page>
+             *     </seki-breadcrumb-item>
+             *   </seki-breadcrumb-list>
+             * </seki-breadcrumb>
+             */
+            "seki-breadcrumb": LocalJSX.SekiBreadcrumb & JSXBase.HTMLAttributes<HTMLSekiBreadcrumbElement>;
+            /**
+             * seki-breadcrumb-ellipsis: Collapsed state indicator for long breadcrumbs
+             * @component BreadcrumbEllipsis
+             */
+            "seki-breadcrumb-ellipsis": LocalJSX.SekiBreadcrumbEllipsis & JSXBase.HTMLAttributes<HTMLSekiBreadcrumbEllipsisElement>;
+            /**
+             * seki-breadcrumb-item: Individual breadcrumb item wrapper
+             * @component BreadcrumbItem
+             */
+            "seki-breadcrumb-item": LocalJSX.SekiBreadcrumbItem & JSXBase.HTMLAttributes<HTMLSekiBreadcrumbItemElement>;
+            /**
+             * seki-breadcrumb-link: Navigable link in breadcrumb
+             * @component BreadcrumbLink
+             */
+            "seki-breadcrumb-link": LocalJSX.SekiBreadcrumbLink & JSXBase.HTMLAttributes<HTMLSekiBreadcrumbLinkElement>;
+            /**
+             * seki-breadcrumb-list: Container for breadcrumb items
+             * @component BreadcrumbList
+             */
+            "seki-breadcrumb-list": LocalJSX.SekiBreadcrumbList & JSXBase.HTMLAttributes<HTMLSekiBreadcrumbListElement>;
+            /**
+             * seki-breadcrumb-page: Current page indicator (non-interactive)
+             * @component BreadcrumbPage
+             */
+            "seki-breadcrumb-page": LocalJSX.SekiBreadcrumbPage & JSXBase.HTMLAttributes<HTMLSekiBreadcrumbPageElement>;
+            /**
+             * seki-breadcrumb-separator: Visual separator between breadcrumb items
+             * @component BreadcrumbSeparator
+             */
+            "seki-breadcrumb-separator": LocalJSX.SekiBreadcrumbSeparator & JSXBase.HTMLAttributes<HTMLSekiBreadcrumbSeparatorElement>;
             "seki-button": LocalJSX.SekiButton & JSXBase.HTMLAttributes<HTMLSekiButtonElement>;
             /**
              * Flexible container for organizing related content with optional header,
@@ -2059,19 +3032,139 @@ declare module "@stencil/core" {
             "seki-field-legend": LocalJSX.SekiFieldLegend & JSXBase.HTMLAttributes<HTMLSekiFieldLegendElement>;
             "seki-fieldset": LocalJSX.SekiFieldset & JSXBase.HTMLAttributes<HTMLSekiFieldsetElement>;
             "seki-input": LocalJSX.SekiInput & JSXBase.HTMLAttributes<HTMLSekiInputElement>;
+            /**
+             * seki-pagination: Root pagination navigation component
+             * @component Pagination
+             * @example <seki-pagination>
+             *   <seki-pagination-content>
+             *     <seki-pagination-item>
+             *       <seki-pagination-previous href="#"></seki-pagination-previous>
+             *     </seki-pagination-item>
+             *     <seki-pagination-item>
+             *       <seki-pagination-link href="#">1</seki-pagination-link>
+             *     </seki-pagination-item>
+             *     <seki-pagination-item>
+             *       <seki-pagination-next href="#"></seki-pagination-next>
+             *     </seki-pagination-item>
+             *   </seki-pagination-content>
+             * </seki-pagination>
+             */
+            "seki-pagination": LocalJSX.SekiPagination & JSXBase.HTMLAttributes<HTMLSekiPaginationElement>;
+            /**
+             * seki-pagination-content: Content container for pagination items
+             * @component PaginationContent
+             */
+            "seki-pagination-content": LocalJSX.SekiPaginationContent & JSXBase.HTMLAttributes<HTMLSekiPaginationContentElement>;
+            /**
+             * seki-pagination-ellipsis: Visual indicator for skipped pages
+             * @component PaginationEllipsis
+             */
+            "seki-pagination-ellipsis": LocalJSX.SekiPaginationEllipsis & JSXBase.HTMLAttributes<HTMLSekiPaginationEllipsisElement>;
+            /**
+             * seki-pagination-item: Individual pagination item wrapper
+             * @component PaginationItem
+             */
+            "seki-pagination-item": LocalJSX.SekiPaginationItem & JSXBase.HTMLAttributes<HTMLSekiPaginationItemElement>;
+            /**
+             * seki-pagination-link: Clickable page number link
+             * @component PaginationLink
+             */
+            "seki-pagination-link": LocalJSX.SekiPaginationLink & JSXBase.HTMLAttributes<HTMLSekiPaginationLinkElement>;
+            /**
+             * seki-pagination-next: Next page navigation button
+             * @component PaginationNext
+             */
+            "seki-pagination-next": LocalJSX.SekiPaginationNext & JSXBase.HTMLAttributes<HTMLSekiPaginationNextElement>;
+            /**
+             * seki-pagination-previous: Previous page navigation button
+             * @component PaginationPrevious
+             */
+            "seki-pagination-previous": LocalJSX.SekiPaginationPrevious & JSXBase.HTMLAttributes<HTMLSekiPaginationPreviousElement>;
             "seki-select": LocalJSX.SekiSelect & JSXBase.HTMLAttributes<HTMLSekiSelectElement>;
             "seki-select-content": LocalJSX.SekiSelectContent & JSXBase.HTMLAttributes<HTMLSekiSelectContentElement>;
             "seki-select-group": LocalJSX.SekiSelectGroup & JSXBase.HTMLAttributes<HTMLSekiSelectGroupElement>;
             "seki-select-option": LocalJSX.SekiSelectOption & JSXBase.HTMLAttributes<HTMLSekiSelectOptionElement>;
             "seki-select-trigger": LocalJSX.SekiSelectTrigger & JSXBase.HTMLAttributes<HTMLSekiSelectTriggerElement>;
+            /**
+             * seki-separator: Visual divider for separating content
+             * @component Separator
+             * @example <seki-separator></seki-separator>
+             * <seki-separator orientation="vertical"></seki-separator>
+             */
+            "seki-separator": LocalJSX.SekiSeparator & JSXBase.HTMLAttributes<HTMLSekiSeparatorElement>;
+            /**
+             * seki-sheet: Root sheet component (slide-out panel)
+             * @component Sheet
+             * @example <seki-sheet>
+             *   <seki-sheet-trigger>
+             *     <seki-button>Open Sheet</seki-button>
+             *   </seki-sheet-trigger>
+             *   <seki-sheet-content>
+             *     <seki-sheet-header>
+             *       <seki-sheet-title>Title</seki-sheet-title>
+             *       <seki-sheet-description>Description</seki-sheet-description>
+             *     </seki-sheet-header>
+             *     Content here
+             *   </seki-sheet-content>
+             * </seki-sheet>
+             */
+            "seki-sheet": LocalJSX.SekiSheet & JSXBase.HTMLAttributes<HTMLSekiSheetElement>;
+            /**
+             * seki-sheet-close: Close button for the sheet
+             * @component SheetClose
+             */
+            "seki-sheet-close": LocalJSX.SekiSheetClose & JSXBase.HTMLAttributes<HTMLSekiSheetCloseElement>;
+            /**
+             * seki-sheet-content: Container for sheet content
+             * @component SheetContent
+             */
+            "seki-sheet-content": LocalJSX.SekiSheetContent & JSXBase.HTMLAttributes<HTMLSekiSheetContentElement>;
+            /**
+             * seki-sheet-description: Descriptive text in the sheet header
+             * @component SheetDescription
+             */
+            "seki-sheet-description": LocalJSX.SekiSheetDescription & JSXBase.HTMLAttributes<HTMLSekiSheetDescriptionElement>;
+            /**
+             * seki-sheet-footer: Footer section of the sheet for actions
+             * @component SheetFooter
+             */
+            "seki-sheet-footer": LocalJSX.SekiSheetFooter & JSXBase.HTMLAttributes<HTMLSekiSheetFooterElement>;
+            /**
+             * seki-sheet-header: Header section of the sheet
+             * @component SheetHeader
+             */
+            "seki-sheet-header": LocalJSX.SekiSheetHeader & JSXBase.HTMLAttributes<HTMLSekiSheetHeaderElement>;
+            /**
+             * seki-sheet-title: Title text in the sheet header
+             * @component SheetTitle
+             */
+            "seki-sheet-title": LocalJSX.SekiSheetTitle & JSXBase.HTMLAttributes<HTMLSekiSheetTitleElement>;
+            /**
+             * seki-sheet-trigger: Button/element that opens the sheet
+             * @component SheetTrigger
+             */
+            "seki-sheet-trigger": LocalJSX.SekiSheetTrigger & JSXBase.HTMLAttributes<HTMLSekiSheetTriggerElement>;
             "seki-sidebar": LocalJSX.SekiSidebar & JSXBase.HTMLAttributes<HTMLSekiSidebarElement>;
             "seki-sidebar-content": LocalJSX.SekiSidebarContent & JSXBase.HTMLAttributes<HTMLSekiSidebarContentElement>;
             "seki-sidebar-footer": LocalJSX.SekiSidebarFooter & JSXBase.HTMLAttributes<HTMLSekiSidebarFooterElement>;
             "seki-sidebar-group": LocalJSX.SekiSidebarGroup & JSXBase.HTMLAttributes<HTMLSekiSidebarGroupElement>;
+            "seki-sidebar-group-action": LocalJSX.SekiSidebarGroupAction & JSXBase.HTMLAttributes<HTMLSekiSidebarGroupActionElement>;
+            "seki-sidebar-group-content": LocalJSX.SekiSidebarGroupContent & JSXBase.HTMLAttributes<HTMLSekiSidebarGroupContentElement>;
+            "seki-sidebar-group-label": LocalJSX.SekiSidebarGroupLabel & JSXBase.HTMLAttributes<HTMLSekiSidebarGroupLabelElement>;
             "seki-sidebar-header": LocalJSX.SekiSidebarHeader & JSXBase.HTMLAttributes<HTMLSekiSidebarHeaderElement>;
+            "seki-sidebar-inset": LocalJSX.SekiSidebarInset & JSXBase.HTMLAttributes<HTMLSekiSidebarInsetElement>;
             "seki-sidebar-menu": LocalJSX.SekiSidebarMenu & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuElement>;
+            "seki-sidebar-menu-action": LocalJSX.SekiSidebarMenuAction & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuActionElement>;
+            "seki-sidebar-menu-badge": LocalJSX.SekiSidebarMenuBadge & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuBadgeElement>;
+            "seki-sidebar-menu-button": LocalJSX.SekiSidebarMenuButton & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuButtonElement>;
             "seki-sidebar-menu-item": LocalJSX.SekiSidebarMenuItem & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuItemElement>;
+            "seki-sidebar-menu-skeleton": LocalJSX.SekiSidebarMenuSkeleton & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuSkeletonElement>;
             "seki-sidebar-menu-sub": LocalJSX.SekiSidebarMenuSub & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuSubElement>;
+            "seki-sidebar-menu-sub-button": LocalJSX.SekiSidebarMenuSubButton & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuSubButtonElement>;
+            "seki-sidebar-menu-sub-item": LocalJSX.SekiSidebarMenuSubItem & JSXBase.HTMLAttributes<HTMLSekiSidebarMenuSubItemElement>;
+            "seki-sidebar-provider": LocalJSX.SekiSidebarProvider & JSXBase.HTMLAttributes<HTMLSekiSidebarProviderElement>;
+            "seki-sidebar-rail": LocalJSX.SekiSidebarRail & JSXBase.HTMLAttributes<HTMLSekiSidebarRailElement>;
+            "seki-sidebar-separator": LocalJSX.SekiSidebarSeparator & JSXBase.HTMLAttributes<HTMLSekiSidebarSeparatorElement>;
             "seki-sidebar-trigger": LocalJSX.SekiSidebarTrigger & JSXBase.HTMLAttributes<HTMLSekiSidebarTriggerElement>;
             /**
              * @component seki-skeleton