@sekiui/elements 0.0.72 → 0.0.78

package/dist/types/components.d.ts

@@ -29,6 +29,7 @@ import { SelectChangeEventDetail, SelectOpenChangeEventDetail, SelectPlacement,
 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 { SonnerPosition } from "./components/sonner/seki-sonner";
 import { SpinnerColor, SpinnerSize } from "./components/spinner/seki-spinner.interface";
 import { TableCellAlign } from "./components/table/seki-table-cell";
 import { TableHeadAlign } from "./components/table/seki-table-head";
@@ -59,6 +60,7 @@ export { SelectChangeEventDetail, SelectOpenChangeEventDetail, SelectPlacement,
 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 { SonnerPosition } from "./components/sonner/seki-sonner";
 export { SpinnerColor, SpinnerSize } from "./components/spinner/seki-spinner.interface";
 export { TableCellAlign } from "./components/table/seki-table-cell";
 export { TableHeadAlign } from "./components/table/seki-table-head";
@@ -1352,6 +1354,20 @@ export namespace Components {
      */
     interface SekiDialogTrigger {
     }
+    /**
+     * seki-direction: Direction provider for RTL/LTR text direction
+     * @component Direction
+     * @example <seki-direction dir="rtl">
+     *   <seki-button>Button</seki-button>
+     * </seki-direction>
+     */
+    interface SekiDirection {
+        /**
+          * Text direction
+          * @default 'ltr'
+         */
+        "dir": 'ltr' | 'rtl';
+    }
     /**
      * seki-drawer: Mobile-friendly drawer component with swipe gestures
      * @component Drawer
@@ -1568,6 +1584,25 @@ export namespace Components {
      */
     interface SekiDropdownMenuTrigger {
     }
+    /**
+     * seki-empty: Empty state placeholder component
+     * @component Empty
+     * @example <seki-empty>
+     *   <span slot="icon">📭</span>
+     *   No results found.
+     *   <seki-button slot="action" variant="outline">Clear filters</seki-button>
+     * </seki-empty>
+     */
+    interface SekiEmpty {
+        /**
+          * Description text for the empty state
+         */
+        "description"?: string;
+        /**
+          * Title text for the empty state
+         */
+        "heading"?: string;
+    }
     interface SekiField {
         /**
           * Whether the field is in an invalid/error state Applies data-invalid attribute for styling
@@ -1899,6 +1934,37 @@ export namespace Components {
          */
         "index": number;
     }
+    /**
+     * seki-item: Composable base item for lists and menus
+     * @component Item
+     * @example <seki-item>
+     *   <span slot="leading">📄</span>
+     *   Document title
+     *   <seki-badge slot="trailing">New</seki-badge>
+     * </seki-item>
+     */
+    interface SekiItem {
+        /**
+          * Whether the item is in active/selected state
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Whether the item is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether the item is interactive (clickable/focusable)
+          * @default true
+         */
+        "interactive": boolean;
+        /**
+          * Visual variant of the item
+          * @default 'default'
+         */
+        "variant": 'default' | 'inset';
+    }
     interface SekiKbd {
         /**
           * Size variant of the kbd element
@@ -1906,6 +1972,29 @@ export namespace Components {
          */
         "size": 'sm' | 'md' | 'lg';
     }
+    /**
+     * seki-label: A styled label component for form elements
+     * @component Label
+     * @example <seki-label for="email">Email Address</seki-label>
+     * <seki-label required>Username</seki-label>
+     * <seki-label disabled>Disabled Field</seki-label>
+     */
+    interface SekiLabel {
+        /**
+          * When true, applies disabled styling (muted color, not-allowed cursor).
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form element this label is associated with. Maps to the `htmlFor` attribute on the inner `<label>` element.
+         */
+        "for"?: string;
+        /**
+          * When true, renders a required indicator (*) after the label text.
+          * @default false
+         */
+        "required"?: boolean;
+    }
     /**
      * Menubar - horizontal menu bar with dropdown menus
      */
@@ -2079,6 +2168,50 @@ export namespace Components {
          */
         "disabled": boolean;
     }
+    /**
+     * seki-native-select: Styled native HTML select wrapper
+     * Uses the browser's native select dropdown for better mobile UX and accessibility.
+     * Unlike seki-select (which uses a custom dropdown), this component wraps a native
+     * `<select>` element with consistent SekiUI styling.
+     * @component NativeSelect
+     * @example <seki-native-select placeholder="Select a fruit">
+     *   <option value="apple">Apple</option>
+     *   <option value="banana">Banana</option>
+     *   <option value="cherry">Cherry</option>
+     * </seki-native-select>
+     */
+    interface SekiNativeSelect {
+        /**
+          * Accessible label for screen readers
+         */
+        "ariaLabel"?: string;
+        /**
+          * Default value (used when value is not set)
+         */
+        "defaultValue"?: string;
+        /**
+          * Disable the select
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Form field name for form submission
+         */
+        "name"?: string;
+        /**
+          * Placeholder text shown as a disabled first option
+         */
+        "placeholder"?: string;
+        /**
+          * Mark as required for form validation
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Current value of the select
+         */
+        "value"?: string;
+    }
     interface SekiNavigationMenu {
         /**
           * Accessible label for the navigation
@@ -3019,6 +3152,18 @@ export namespace Components {
          */
         "value"?: number;
     }
+    interface SekiSonner {
+        /**
+          * Default duration in ms for each toast. 0 means persistent.
+          * @default 4000
+         */
+        "duration": number;
+        /**
+          * Position of the toast container on the screen
+          * @default 'bottom-right'
+         */
+        "position": SonnerPosition;
+    }
     /**
      * Spinner component for loading states
      */
@@ -3610,6 +3755,10 @@ export interface SekiInputOtpCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiInputOtpElement;
 }
+export interface SekiItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiItemElement;
+}
 export interface SekiMenubarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiMenubarElement;
@@ -3630,6 +3779,10 @@ export interface SekiMenubarRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiMenubarRadioGroupElement;
 }
+export interface SekiNativeSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiNativeSelectElement;
+}
 export interface SekiNavigationMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiNavigationMenuElement;
@@ -4757,6 +4910,19 @@ declare global {
         prototype: HTMLSekiDialogTriggerElement;
         new (): HTMLSekiDialogTriggerElement;
     };
+    /**
+     * seki-direction: Direction provider for RTL/LTR text direction
+     * @component Direction
+     * @example <seki-direction dir="rtl">
+     *   <seki-button>Button</seki-button>
+     * </seki-direction>
+     */
+    interface HTMLSekiDirectionElement extends Components.SekiDirection, HTMLStencilElement {
+    }
+    var HTMLSekiDirectionElement: {
+        prototype: HTMLSekiDirectionElement;
+        new (): HTMLSekiDirectionElement;
+    };
     interface HTMLSekiDrawerElementEventMap {
         "drawerOpen": void;
         "drawerClose": void;
@@ -4979,6 +5145,21 @@ declare global {
         prototype: HTMLSekiDropdownMenuTriggerElement;
         new (): HTMLSekiDropdownMenuTriggerElement;
     };
+    /**
+     * seki-empty: Empty state placeholder component
+     * @component Empty
+     * @example <seki-empty>
+     *   <span slot="icon">📭</span>
+     *   No results found.
+     *   <seki-button slot="action" variant="outline">Clear filters</seki-button>
+     * </seki-empty>
+     */
+    interface HTMLSekiEmptyElement extends Components.SekiEmpty, HTMLStencilElement {
+    }
+    var HTMLSekiEmptyElement: {
+        prototype: HTMLSekiEmptyElement;
+        new (): HTMLSekiEmptyElement;
+    };
     interface HTMLSekiFieldElement extends Components.SekiField, HTMLStencilElement {
     }
     var HTMLSekiFieldElement: {
@@ -5191,12 +5372,51 @@ declare global {
         prototype: HTMLSekiInputOtpSlotElement;
         new (): HTMLSekiInputOtpSlotElement;
     };
+    interface HTMLSekiItemElementEventMap {
+        "sekiSelect": void;
+    }
+    /**
+     * seki-item: Composable base item for lists and menus
+     * @component Item
+     * @example <seki-item>
+     *   <span slot="leading">📄</span>
+     *   Document title
+     *   <seki-badge slot="trailing">New</seki-badge>
+     * </seki-item>
+     */
+    interface HTMLSekiItemElement extends Components.SekiItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSekiItemElementEventMap>(type: K, listener: (this: HTMLSekiItemElement, ev: SekiItemCustomEvent<HTMLSekiItemElementEventMap[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 HTMLSekiItemElementEventMap>(type: K, listener: (this: HTMLSekiItemElement, ev: SekiItemCustomEvent<HTMLSekiItemElementEventMap[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 HTMLSekiItemElement: {
+        prototype: HTMLSekiItemElement;
+        new (): HTMLSekiItemElement;
+    };
     interface HTMLSekiKbdElement extends Components.SekiKbd, HTMLStencilElement {
     }
     var HTMLSekiKbdElement: {
         prototype: HTMLSekiKbdElement;
         new (): HTMLSekiKbdElement;
     };
+    /**
+     * seki-label: A styled label component for form elements
+     * @component Label
+     * @example <seki-label for="email">Email Address</seki-label>
+     * <seki-label required>Username</seki-label>
+     * <seki-label disabled>Disabled Field</seki-label>
+     */
+    interface HTMLSekiLabelElement extends Components.SekiLabel, HTMLStencilElement {
+    }
+    var HTMLSekiLabelElement: {
+        prototype: HTMLSekiLabelElement;
+        new (): HTMLSekiLabelElement;
+    };
     interface HTMLSekiMenubarElementEventMap {
         "sekiSelect": string;
         "sekiOpenChange": string | null;
@@ -5379,6 +5599,35 @@ declare global {
         prototype: HTMLSekiMenubarTriggerElement;
         new (): HTMLSekiMenubarTriggerElement;
     };
+    interface HTMLSekiNativeSelectElementEventMap {
+        "sekiChange": { value: string };
+    }
+    /**
+     * seki-native-select: Styled native HTML select wrapper
+     * Uses the browser's native select dropdown for better mobile UX and accessibility.
+     * Unlike seki-select (which uses a custom dropdown), this component wraps a native
+     * `<select>` element with consistent SekiUI styling.
+     * @component NativeSelect
+     * @example <seki-native-select placeholder="Select a fruit">
+     *   <option value="apple">Apple</option>
+     *   <option value="banana">Banana</option>
+     *   <option value="cherry">Cherry</option>
+     * </seki-native-select>
+     */
+    interface HTMLSekiNativeSelectElement extends Components.SekiNativeSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSekiNativeSelectElementEventMap>(type: K, listener: (this: HTMLSekiNativeSelectElement, ev: SekiNativeSelectCustomEvent<HTMLSekiNativeSelectElementEventMap[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 HTMLSekiNativeSelectElementEventMap>(type: K, listener: (this: HTMLSekiNativeSelectElement, ev: SekiNativeSelectCustomEvent<HTMLSekiNativeSelectElementEventMap[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 HTMLSekiNativeSelectElement: {
+        prototype: HTMLSekiNativeSelectElement;
+        new (): HTMLSekiNativeSelectElement;
+    };
     interface HTMLSekiNavigationMenuElementEventMap {
         "seki-menu-open": { triggerId: string };
         "seki-menu-close": { triggerId: string };
@@ -6148,6 +6397,12 @@ declare global {
         prototype: HTMLSekiSliderElement;
         new (): HTMLSekiSliderElement;
     };
+    interface HTMLSekiSonnerElement extends Components.SekiSonner, HTMLStencilElement {
+    }
+    var HTMLSekiSonnerElement: {
+        prototype: HTMLSekiSonnerElement;
+        new (): HTMLSekiSonnerElement;
+    };
     /**
      * Spinner component for loading states
      */
@@ -6509,6 +6764,7 @@ declare global {
         "seki-dialog-overlay": HTMLSekiDialogOverlayElement;
         "seki-dialog-title": HTMLSekiDialogTitleElement;
         "seki-dialog-trigger": HTMLSekiDialogTriggerElement;
+        "seki-direction": HTMLSekiDirectionElement;
         "seki-drawer": HTMLSekiDrawerElement;
         "seki-drawer-content": HTMLSekiDrawerContentElement;
         "seki-dropdown-menu": HTMLSekiDropdownMenuElement;
@@ -6522,6 +6778,7 @@ declare global {
         "seki-dropdown-menu-shortcut": HTMLSekiDropdownMenuShortcutElement;
         "seki-dropdown-menu-sub": HTMLSekiDropdownMenuSubElement;
         "seki-dropdown-menu-trigger": HTMLSekiDropdownMenuTriggerElement;
+        "seki-empty": HTMLSekiEmptyElement;
         "seki-field": HTMLSekiFieldElement;
         "seki-field-description": HTMLSekiFieldDescriptionElement;
         "seki-field-error": HTMLSekiFieldErrorElement;
@@ -6539,7 +6796,9 @@ declare global {
         "seki-input-otp-group": HTMLSekiInputOtpGroupElement;
         "seki-input-otp-separator": HTMLSekiInputOtpSeparatorElement;
         "seki-input-otp-slot": HTMLSekiInputOtpSlotElement;
+        "seki-item": HTMLSekiItemElement;
         "seki-kbd": HTMLSekiKbdElement;
+        "seki-label": HTMLSekiLabelElement;
         "seki-menubar": HTMLSekiMenubarElement;
         "seki-menubar-checkbox": HTMLSekiMenubarCheckboxElement;
         "seki-menubar-content": HTMLSekiMenubarContentElement;
@@ -6554,6 +6813,7 @@ declare global {
         "seki-menubar-sub-content": HTMLSekiMenubarSubContentElement;
         "seki-menubar-sub-trigger": HTMLSekiMenubarSubTriggerElement;
         "seki-menubar-trigger": HTMLSekiMenubarTriggerElement;
+        "seki-native-select": HTMLSekiNativeSelectElement;
         "seki-navigation-menu": HTMLSekiNavigationMenuElement;
         "seki-navigation-menu-content": HTMLSekiNavigationMenuContentElement;
         "seki-navigation-menu-item": HTMLSekiNavigationMenuItemElement;
@@ -6618,6 +6878,7 @@ declare global {
         "seki-sidebar-trigger": HTMLSekiSidebarTriggerElement;
         "seki-skeleton": HTMLSekiSkeletonElement;
         "seki-slider": HTMLSekiSliderElement;
+        "seki-sonner": HTMLSekiSonnerElement;
         "seki-spinner": HTMLSekiSpinnerElement;
         "seki-switch": HTMLSekiSwitchElement;
         "seki-table": HTMLSekiTableElement;
@@ -7953,6 +8214,20 @@ declare namespace LocalJSX {
     interface SekiDialogTrigger {
         "onSekiDialogTriggerClick"?: (event: SekiDialogTriggerCustomEvent<void>) => void;
     }
+    /**
+     * seki-direction: Direction provider for RTL/LTR text direction
+     * @component Direction
+     * @example <seki-direction dir="rtl">
+     *   <seki-button>Button</seki-button>
+     * </seki-direction>
+     */
+    interface SekiDirection {
+        /**
+          * Text direction
+          * @default 'ltr'
+         */
+        "dir"?: 'ltr' | 'rtl';
+    }
     /**
      * seki-drawer: Mobile-friendly drawer component with swipe gestures
      * @component Drawer
@@ -8190,6 +8465,25 @@ declare namespace LocalJSX {
     interface SekiDropdownMenuTrigger {
         "onSekiDropdownTriggerClick"?: (event: SekiDropdownMenuTriggerCustomEvent<void>) => void;
     }
+    /**
+     * seki-empty: Empty state placeholder component
+     * @component Empty
+     * @example <seki-empty>
+     *   <span slot="icon">📭</span>
+     *   No results found.
+     *   <seki-button slot="action" variant="outline">Clear filters</seki-button>
+     * </seki-empty>
+     */
+    interface SekiEmpty {
+        /**
+          * Description text for the empty state
+         */
+        "description"?: string;
+        /**
+          * Title text for the empty state
+         */
+        "heading"?: string;
+    }
     interface SekiField {
         /**
           * Whether the field is in an invalid/error state Applies data-invalid attribute for styling
@@ -8565,6 +8859,41 @@ declare namespace LocalJSX {
          */
         "index": number;
     }
+    /**
+     * seki-item: Composable base item for lists and menus
+     * @component Item
+     * @example <seki-item>
+     *   <span slot="leading">📄</span>
+     *   Document title
+     *   <seki-badge slot="trailing">New</seki-badge>
+     * </seki-item>
+     */
+    interface SekiItem {
+        /**
+          * Whether the item is in active/selected state
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Whether the item is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether the item is interactive (clickable/focusable)
+          * @default true
+         */
+        "interactive"?: boolean;
+        /**
+          * Emitted when item is clicked
+         */
+        "onSekiSelect"?: (event: SekiItemCustomEvent<void>) => void;
+        /**
+          * Visual variant of the item
+          * @default 'default'
+         */
+        "variant"?: 'default' | 'inset';
+    }
     interface SekiKbd {
         /**
           * Size variant of the kbd element
@@ -8572,6 +8901,29 @@ declare namespace LocalJSX {
          */
         "size"?: 'sm' | 'md' | 'lg';
     }
+    /**
+     * seki-label: A styled label component for form elements
+     * @component Label
+     * @example <seki-label for="email">Email Address</seki-label>
+     * <seki-label required>Username</seki-label>
+     * <seki-label disabled>Disabled Field</seki-label>
+     */
+    interface SekiLabel {
+        /**
+          * When true, applies disabled styling (muted color, not-allowed cursor).
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form element this label is associated with. Maps to the `htmlFor` attribute on the inner `<label>` element.
+         */
+        "for"?: string;
+        /**
+          * When true, renders a required indicator (*) after the label text.
+          * @default false
+         */
+        "required"?: boolean;
+    }
     /**
      * Menubar - horizontal menu bar with dropdown menus
      */
@@ -8769,6 +9121,54 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
     }
+    /**
+     * seki-native-select: Styled native HTML select wrapper
+     * Uses the browser's native select dropdown for better mobile UX and accessibility.
+     * Unlike seki-select (which uses a custom dropdown), this component wraps a native
+     * `<select>` element with consistent SekiUI styling.
+     * @component NativeSelect
+     * @example <seki-native-select placeholder="Select a fruit">
+     *   <option value="apple">Apple</option>
+     *   <option value="banana">Banana</option>
+     *   <option value="cherry">Cherry</option>
+     * </seki-native-select>
+     */
+    interface SekiNativeSelect {
+        /**
+          * Accessible label for screen readers
+         */
+        "ariaLabel"?: string;
+        /**
+          * Default value (used when value is not set)
+         */
+        "defaultValue"?: string;
+        /**
+          * Disable the select
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Form field name for form submission
+         */
+        "name"?: string;
+        /**
+          * Emitted when the selected value changes
+         */
+        "onSekiChange"?: (event: SekiNativeSelectCustomEvent<{ value: string }>) => void;
+        /**
+          * Placeholder text shown as a disabled first option
+         */
+        "placeholder"?: string;
+        /**
+          * Mark as required for form validation
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Current value of the select
+         */
+        "value"?: string;
+    }
     interface SekiNavigationMenu {
         /**
           * Accessible label for the navigation
@@ -9731,6 +10131,18 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface SekiSonner {
+        /**
+          * Default duration in ms for each toast. 0 means persistent.
+          * @default 4000
+         */
+        "duration"?: number;
+        /**
+          * Position of the toast container on the screen
+          * @default 'bottom-right'
+         */
+        "position"?: SonnerPosition;
+    }
     /**
      * Spinner component for loading states
      */
@@ -10272,6 +10684,7 @@ declare namespace LocalJSX {
         "seki-dialog-overlay": SekiDialogOverlay;
         "seki-dialog-title": SekiDialogTitle;
         "seki-dialog-trigger": SekiDialogTrigger;
+        "seki-direction": SekiDirection;
         "seki-drawer": SekiDrawer;
         "seki-drawer-content": SekiDrawerContent;
         "seki-dropdown-menu": SekiDropdownMenu;
@@ -10285,6 +10698,7 @@ declare namespace LocalJSX {
         "seki-dropdown-menu-shortcut": SekiDropdownMenuShortcut;
         "seki-dropdown-menu-sub": SekiDropdownMenuSub;
         "seki-dropdown-menu-trigger": SekiDropdownMenuTrigger;
+        "seki-empty": SekiEmpty;
         "seki-field": SekiField;
         "seki-field-description": SekiFieldDescription;
         "seki-field-error": SekiFieldError;
@@ -10302,7 +10716,9 @@ declare namespace LocalJSX {
         "seki-input-otp-group": SekiInputOtpGroup;
         "seki-input-otp-separator": SekiInputOtpSeparator;
         "seki-input-otp-slot": SekiInputOtpSlot;
+        "seki-item": SekiItem;
         "seki-kbd": SekiKbd;
+        "seki-label": SekiLabel;
         "seki-menubar": SekiMenubar;
         "seki-menubar-checkbox": SekiMenubarCheckbox;
         "seki-menubar-content": SekiMenubarContent;
@@ -10317,6 +10733,7 @@ declare namespace LocalJSX {
         "seki-menubar-sub-content": SekiMenubarSubContent;
         "seki-menubar-sub-trigger": SekiMenubarSubTrigger;
         "seki-menubar-trigger": SekiMenubarTrigger;
+        "seki-native-select": SekiNativeSelect;
         "seki-navigation-menu": SekiNavigationMenu;
         "seki-navigation-menu-content": SekiNavigationMenuContent;
         "seki-navigation-menu-item": SekiNavigationMenuItem;
@@ -10381,6 +10798,7 @@ declare namespace LocalJSX {
         "seki-sidebar-trigger": SekiSidebarTrigger;
         "seki-skeleton": SekiSkeleton;
         "seki-slider": SekiSlider;
+        "seki-sonner": SekiSonner;
         "seki-spinner": SekiSpinner;
         "seki-switch": SekiSwitch;
         "seki-table": SekiTable;
@@ -10788,6 +11206,14 @@ declare module "@stencil/core" {
              * Dialog trigger button
              */
             "seki-dialog-trigger": LocalJSX.SekiDialogTrigger & JSXBase.HTMLAttributes<HTMLSekiDialogTriggerElement>;
+            /**
+             * seki-direction: Direction provider for RTL/LTR text direction
+             * @component Direction
+             * @example <seki-direction dir="rtl">
+             *   <seki-button>Button</seki-button>
+             * </seki-direction>
+             */
+            "seki-direction": LocalJSX.SekiDirection & JSXBase.HTMLAttributes<HTMLSekiDirectionElement>;
             /**
              * seki-drawer: Mobile-friendly drawer component with swipe gestures
              * @component Drawer
@@ -10853,6 +11279,16 @@ declare module "@stencil/core" {
              * Dropdown Menu trigger button
              */
             "seki-dropdown-menu-trigger": LocalJSX.SekiDropdownMenuTrigger & JSXBase.HTMLAttributes<HTMLSekiDropdownMenuTriggerElement>;
+            /**
+             * seki-empty: Empty state placeholder component
+             * @component Empty
+             * @example <seki-empty>
+             *   <span slot="icon">📭</span>
+             *   No results found.
+             *   <seki-button slot="action" variant="outline">Clear filters</seki-button>
+             * </seki-empty>
+             */
+            "seki-empty": LocalJSX.SekiEmpty & JSXBase.HTMLAttributes<HTMLSekiEmptyElement>;
             "seki-field": LocalJSX.SekiField & JSXBase.HTMLAttributes<HTMLSekiFieldElement>;
             "seki-field-description": LocalJSX.SekiFieldDescription & JSXBase.HTMLAttributes<HTMLSekiFieldDescriptionElement>;
             "seki-field-error": LocalJSX.SekiFieldError & JSXBase.HTMLAttributes<HTMLSekiFieldErrorElement>;
@@ -10916,7 +11352,25 @@ declare module "@stencil/core" {
             "seki-input-otp-group": LocalJSX.SekiInputOtpGroup & JSXBase.HTMLAttributes<HTMLSekiInputOtpGroupElement>;
             "seki-input-otp-separator": LocalJSX.SekiInputOtpSeparator & JSXBase.HTMLAttributes<HTMLSekiInputOtpSeparatorElement>;
             "seki-input-otp-slot": LocalJSX.SekiInputOtpSlot & JSXBase.HTMLAttributes<HTMLSekiInputOtpSlotElement>;
+            /**
+             * seki-item: Composable base item for lists and menus
+             * @component Item
+             * @example <seki-item>
+             *   <span slot="leading">📄</span>
+             *   Document title
+             *   <seki-badge slot="trailing">New</seki-badge>
+             * </seki-item>
+             */
+            "seki-item": LocalJSX.SekiItem & JSXBase.HTMLAttributes<HTMLSekiItemElement>;
             "seki-kbd": LocalJSX.SekiKbd & JSXBase.HTMLAttributes<HTMLSekiKbdElement>;
+            /**
+             * seki-label: A styled label component for form elements
+             * @component Label
+             * @example <seki-label for="email">Email Address</seki-label>
+             * <seki-label required>Username</seki-label>
+             * <seki-label disabled>Disabled Field</seki-label>
+             */
+            "seki-label": LocalJSX.SekiLabel & JSXBase.HTMLAttributes<HTMLSekiLabelElement>;
             /**
              * Menubar - horizontal menu bar with dropdown menus
              */
@@ -10973,6 +11427,19 @@ declare module "@stencil/core" {
              * Menubar trigger - button that opens a menu
              */
             "seki-menubar-trigger": LocalJSX.SekiMenubarTrigger & JSXBase.HTMLAttributes<HTMLSekiMenubarTriggerElement>;
+            /**
+             * seki-native-select: Styled native HTML select wrapper
+             * Uses the browser's native select dropdown for better mobile UX and accessibility.
+             * Unlike seki-select (which uses a custom dropdown), this component wraps a native
+             * `<select>` element with consistent SekiUI styling.
+             * @component NativeSelect
+             * @example <seki-native-select placeholder="Select a fruit">
+             *   <option value="apple">Apple</option>
+             *   <option value="banana">Banana</option>
+             *   <option value="cherry">Cherry</option>
+             * </seki-native-select>
+             */
+            "seki-native-select": LocalJSX.SekiNativeSelect & JSXBase.HTMLAttributes<HTMLSekiNativeSelectElement>;
             "seki-navigation-menu": LocalJSX.SekiNavigationMenu & JSXBase.HTMLAttributes<HTMLSekiNavigationMenuElement>;
             "seki-navigation-menu-content": LocalJSX.SekiNavigationMenuContent & JSXBase.HTMLAttributes<HTMLSekiNavigationMenuContentElement>;
             "seki-navigation-menu-item": LocalJSX.SekiNavigationMenuItem & JSXBase.HTMLAttributes<HTMLSekiNavigationMenuItemElement>;
@@ -11198,6 +11665,7 @@ declare module "@stencil/core" {
              * <seki-slider step="10" default-value="30"></seki-slider>
              */
             "seki-slider": LocalJSX.SekiSlider & JSXBase.HTMLAttributes<HTMLSekiSliderElement>;
+            "seki-sonner": LocalJSX.SekiSonner & JSXBase.HTMLAttributes<HTMLSekiSonnerElement>;
             /**
              * Spinner component for loading states
              */