@sekiui/elements 0.0.60 → 0.0.61

package/dist/types/components.d.ts

@@ -8,11 +8,15 @@ 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 { 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 { 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,6 +608,101 @@ export namespace Components {
     }
     interface SekiSelectTrigger {
     }
+    /**
+     * seki-separator: Visual divider for separating content
+     * @component Separator
+     * @example <seki-separator></seki-separator>
+     * <seki-separator orientation="vertical"></seki-separator>
+     */
+    interface SekiSeparator {
+        /**
+          * Whether the separator is purely decorative When true, removes the separator from accessibility tree
+          * @default false
+         */
+        "decorative"?: boolean;
+        /**
+          * Orientation of the separator
+          * @default 'horizontal'
+         */
+        "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 {
+        /**
+          * Closes the sheet
+         */
+        "close": () => Promise<void>;
+        /**
+          * Opens the sheet
+         */
+        "open": () => Promise<void>;
+        /**
+          * Toggles the sheet
+         */
+        "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 {
+        /**
+          * Side of the screen the sheet slides in from
+          * @default 'right'
+         */
+        "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 {
         /**
           * Collapsible behavior: 'offcanvas' | 'icon' | 'none'
@@ -732,6 +984,22 @@ export interface SekiSelectOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiSelectOptionElement;
 }
+export interface SekiSheetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiSheetElement;
+}
+export interface SekiSheetCloseCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiSheetCloseElement;
+}
+export interface SekiSheetContentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiSheetContentElement;
+}
+export interface SekiSheetTriggerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiSheetTriggerElement;
+}
 export interface SekiSidebarMenuSubCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiSidebarMenuSubElement;
@@ -764,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: {
@@ -928,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;
@@ -983,6 +1415,155 @@ declare global {
         prototype: HTMLSekiSelectTriggerElement;
         new (): HTMLSekiSelectTriggerElement;
     };
+    /**
+     * 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;
+    }
+    /**
+     * 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 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 HTMLSekiSheetElement: {
+        prototype: HTMLSekiSheetElement;
+        new (): HTMLSekiSheetElement;
+    };
+    interface HTMLSekiSheetCloseElementEventMap {
+        "closeSheet": void;
+    }
+    /**
+     * 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 HTMLSekiSheetContentElementEventMap {
+        "closeSheet": void;
+    }
+    /**
+     * 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;
+    };
+    /**
+     * seki-sheet-description: Descriptive text in the sheet header
+     * @component SheetDescription
+     */
+    interface HTMLSekiSheetDescriptionElement extends Components.SekiSheetDescription, HTMLStencilElement {
+    }
+    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 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: {
@@ -1207,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;
@@ -1223,11 +1811,27 @@ 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;
@@ -1287,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.
@@ -1576,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
@@ -1691,6 +2448,109 @@ declare namespace LocalJSX {
     }
     interface SekiSelectTrigger {
     }
+    /**
+     * seki-separator: Visual divider for separating content
+     * @component Separator
+     * @example <seki-separator></seki-separator>
+     * <seki-separator orientation="vertical"></seki-separator>
+     */
+    interface SekiSeparator {
+        /**
+          * Whether the separator is purely decorative When true, removes the separator from accessibility tree
+          * @default false
+         */
+        "decorative"?: boolean;
+        /**
+          * Orientation of the separator
+          * @default 'horizontal'
+         */
+        "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 {
+        /**
+          * Emitted when the sheet closes
+         */
+        "onSheetClose"?: (event: SekiSheetCustomEvent<void>) => void;
+        /**
+          * Emitted when the sheet opens
+         */
+        "onSheetOpen"?: (event: SekiSheetCustomEvent<void>) => void;
+    }
+    /**
+     * seki-sheet-close: Close button for the sheet
+     * @component SheetClose
+     */
+    interface SekiSheetClose {
+        /**
+          * Emitted when close is clicked
+         */
+        "onCloseSheet"?: (event: SekiSheetCloseCustomEvent<void>) => void;
+    }
+    /**
+     * seki-sheet-content: Container for sheet content
+     * @component SheetContent
+     */
+    interface SekiSheetContent {
+        /**
+          * Emitted when close is requested
+         */
+        "onCloseSheet"?: (event: SekiSheetContentCustomEvent<void>) => void;
+        /**
+          * Side of the screen the sheet slides in from
+          * @default 'right'
+         */
+        "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 {
+        /**
+          * Emitted when the trigger is clicked
+         */
+        "onTriggerClick"?: (event: SekiSheetTriggerCustomEvent<void>) => void;
+    }
     interface SekiSidebar {
         /**
           * Collapsible behavior: 'offcanvas' | 'icon' | 'none'
@@ -1971,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;
@@ -1987,11 +2854,27 @@ 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;
@@ -2033,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,
@@ -2103,11 +3032,118 @@ 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>;