@sekiui/elements 0.0.75 → 0.0.80

package/dist/types/components.d.ts

@@ -1354,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
@@ -1570,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
@@ -1901,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
@@ -2104,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
@@ -3647,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;
@@ -3667,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;
@@ -4794,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;
@@ -5016,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: {
@@ -5228,6 +5372,32 @@ 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: {
@@ -5429,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 };
@@ -6565,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;
@@ -6578,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;
@@ -6595,6 +6796,7 @@ 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;
@@ -6611,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;
@@ -8011,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
@@ -8248,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
@@ -8623,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
@@ -8850,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
@@ -10365,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;
@@ -10378,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;
@@ -10395,6 +10716,7 @@ 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;
@@ -10411,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;
@@ -10883,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
@@ -10948,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>;
@@ -11011,6 +11352,16 @@ 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
@@ -11076,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>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sekiui/elements",
-  "version": "0.0.75",
+  "version": "0.0.80",
   "description": "Modern, accessible Web Components with shadcn/ui-inspired design",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/sekiui/p-7d7ca117.entry.js

@@ -1 +0,0 @@
-import{r as e,h as o}from"./p-B7S_tFx7.js";const s=class{constructor(o){e(this,o)}render(){return o("tbody",{key:"c262df50708f97847cf823e84014dd8f98a3a111",class:"seki-table-body"},o("slot",{key:"9734f2c6e08275a6bb7989475a613d1274bc2577"}))}};s.style=":host{display:table-row-group}.seki-table-body{display:table-row-group}::slotted(seki-table-row:last-child){--seki-table-row-border:none}";export{s as seki_table_body}

package/dist/sekiui/p-cd649987.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as n,a}from"./p-B7S_tFx7.js";const s=class{constructor(e){i(this,e),this.triggerActivate=t(this,"seki-trigger-activate"),this.disabled=!1,this.isOpen=!1,this.isMobile=!1,this.isTouchDevice=!1,this.handleClick=i=>{var t,e,n,a,s;if(this.disabled)return;i.preventDefault(),i.stopPropagation();const o=this.getItemId();o&&(this.isMobile?null===(t=this.parentItem)||void 0===t||t.toggleMobileExpanded():this.isTouchDevice?this.isOpen?null===(e=this.parentMenu)||void 0===e||e.close():null===(n=this.parentMenu)||void 0===n||n.open(o):this.isOpen?null===(a=this.parentMenu)||void 0===a||a.close():null===(s=this.parentMenu)||void 0===s||s.open(o),this.triggerActivate.emit({itemId:o}))},this.handleMouseEnter=()=>{var i,t,e;if(this.disabled||this.isMobile||this.isTouchDevice)return;const n=this.getItemId();n&&(null===(i=this.parentMenu)||void 0===i||i.scheduleOpen(n,100),null===(e=null===(t=this.parentMenu)||void 0===t?void 0:t.setHoveredTrigger)||void 0===e||e.call(t,n),this.updateTriggerRect())},this.handleMouseLeave=()=>{var i;this.disabled||this.isMobile||this.isTouchDevice||null===(i=this.parentMenu)||void 0===i||i.scheduleClose(150)},this.handleKeyDown=i=>{var t,e,n,a;if(this.disabled)return;const s=this.getItemId();if(s)switch(i.key){case"Enter":case" ":i.preventDefault(),this.isOpen?null===(t=this.parentMenu)||void 0===t||t.close():null===(e=this.parentMenu)||void 0===e||e.open(s);break;case"ArrowDown":i.preventDefault(),this.isOpen||null===(n=this.parentMenu)||void 0===n||n.open(s),this.focusFirstContentItem();break;case"Escape":i.preventDefault(),null===(a=this.parentMenu)||void 0===a||a.close()}}}componentWillLoad(){this.findParentElements(),this.detectTouchDevice()}componentDidLoad(){this.updateTriggerRect()}findParentElements(){let i=this.el.parentElement;for(;i;){if("SEKI-NAVIGATION-MENU-ITEM"===i.tagName){this.parentItem=i;break}i=i.parentElement}for(i=this.el.parentElement;i;){if("SEKI-NAVIGATION-MENU"===i.tagName){this.parentMenu=i;break}i=i.parentElement}}detectTouchDevice(){this.isTouchDevice=window.matchMedia("(pointer: coarse)").matches}updateTriggerRect(){if(this.buttonRef&&this.parentMenu&&"function"==typeof this.parentMenu.updateTriggerRect){const i=this.getItemId();if(i){const t=this.buttonRef.getBoundingClientRect();this.parentMenu.updateTriggerRect(i,t)}}}getItemId(){if(this.parentItem&&"function"==typeof this.parentItem.getItemId)return this.parentItem.getItemId();const i=this.el.closest("seki-navigation-menu-item");return(null==i?void 0:i.getAttribute("data-item-id"))||""}focusFirstContentItem(){requestAnimationFrame((()=>{var i,t;const e=null===(i=this.parentItem)||void 0===i?void 0:i.el.querySelector("seki-navigation-menu-content");if(e){const i=e.querySelector("seki-navigation-menu-link");if(i){const e=null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector("a");null==e||e.focus()}}}))}setOpen(i){this.isOpen=i}setMobile(i){this.isMobile=i}render(){const i=this.getItemId();return e(n,{key:"6bf4dceea21f9f07f5b9f98eca9562be098edd9e",class:{"navigation-menu-trigger":!0,"navigation-menu-trigger--open":this.isOpen,"navigation-menu-trigger--disabled":this.disabled,"navigation-menu-trigger--mobile":this.isMobile}},e("button",{key:"75c011f8deb97c6ced40aaa2e89d8076f931820b",ref:i=>this.buttonRef=i,type:"button",class:"navigation-menu-trigger__button",role:"menuitem","aria-haspopup":"true","aria-expanded":String(this.isOpen),"aria-controls":`content-${i}`,disabled:this.disabled,tabindex:this.isOpen?"0":"-1",onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onKeyDown:this.handleKeyDown},e("span",{key:"a61468ea08940a8c5eec5dabdfbd547af38a71a2",class:"navigation-menu-trigger__label"},e("slot",{key:"252423c24af2d2cd0bfe71d0a7ccd752abcd7cdd"})),e("svg",{key:"58a9ecaf37968d6dfc3dbc2ebbe2b6c27d9c748b",class:"navigation-menu-trigger__chevron",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},e("polyline",{key:"50658c7c7aabaa07fe87e0ca4cb14c75a0b33327",points:"2 4 6 8 10 4"}))))}get el(){return a(this)}};s.style=":host{display:inline-flex}.navigation-menu-trigger__button{display:inline-flex;align-items:center;gap:var(--seki-spacing-1, 0.25rem);padding:var(--seki-nav-trigger-padding, 0.5rem 0.75rem);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-medium, 500);line-height:var(--seki-line-height-tight, 1.25);color:var(--seki-foreground);background-color:transparent;border:none;border-radius:var(--seki-radius-md, 0.375rem);cursor:pointer;transition:background-color var(--seki-nav-animation-duration, 150ms) ease,\n    color var(--seki-nav-animation-duration, 150ms) ease}.navigation-menu-trigger__button:hover:not(:disabled){background-color:var(--seki-muted)}.navigation-menu-trigger__button:focus-visible{outline:2px solid var(--seki-ring);outline-offset:2px}.navigation-menu-trigger__button:disabled{opacity:0.5;cursor:not-allowed}:host(.navigation-menu-trigger--open) .navigation-menu-trigger__button{background-color:var(--seki-muted)}.navigation-menu-trigger__label{display:inline-flex;align-items:center}.navigation-menu-trigger__chevron{flex-shrink:0;transition:transform var(--seki-nav-animation-duration, 150ms) ease}:host(.navigation-menu-trigger--open) .navigation-menu-trigger__chevron{transform:rotate(180deg)}:host(.navigation-menu-trigger--mobile){display:flex;width:100%}:host(.navigation-menu-trigger--mobile) .navigation-menu-trigger__button{width:100%;justify-content:space-between;padding:var(--seki-spacing-3, 0.75rem) var(--seki-spacing-4, 1rem);min-height:44px;}:host([data-theme='dark']) .navigation-menu-trigger__button:hover:not(:disabled){background-color:var(--seki-muted)}@media (prefers-reduced-motion: reduce){.navigation-menu-trigger__button,.navigation-menu-trigger__chevron{transition:none}}";export{s as seki_navigation_menu_trigger}