@sekiui/elements 0.0.60 → 0.0.63

package/dist/types/components/dialog/seki-dialog-content.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Dialog content panel
+ *
+ * @slot - The dialog content
+ *
+ * @part content - The content container
+ */
+export declare class SekiDialogContent {
+    el: HTMLElement;
+    private contentRef?;
+    private previousActiveElement?;
+    /**
+     * Whether pressing Escape closes the dialog
+     */
+    closeOnEscape: boolean;
+    _isOpen: boolean;
+    closeDialog: EventEmitter<void>;
+    private getContext;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    render(): any;
+}

package/dist/types/components/dialog/seki-dialog-description.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Dialog description
+ *
+ * @slot - The description text
+ *
+ * @part description - The description element
+ */
+export declare class SekiDialogDescription {
+    el: HTMLElement;
+    private getContext;
+    render(): any;
+}

package/dist/types/components/dialog/seki-dialog-footer.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Dialog footer container
+ *
+ * @slot - Action buttons
+ *
+ * @part footer - The footer container
+ */
+export declare class SekiDialogFooter {
+    render(): any;
+}

package/dist/types/components/dialog/seki-dialog-header.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Dialog header container
+ *
+ * @slot - Title and description
+ *
+ * @part header - The header container
+ */
+export declare class SekiDialogHeader {
+    render(): any;
+}

package/dist/types/components/dialog/seki-dialog-overlay.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Dialog overlay (backdrop)
+ *
+ * @part overlay - The overlay element
+ */
+export declare class SekiDialogOverlay {
+    el: HTMLElement;
+    /**
+     * Whether clicking the overlay closes the dialog
+     */
+    closeOnClick: boolean;
+    _isOpen: boolean;
+    closeDialog: EventEmitter<void>;
+    private getContext;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/dialog/seki-dialog-title.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Dialog title
+ *
+ * @slot - The title text
+ *
+ * @part title - The title element
+ */
+export declare class SekiDialogTitle {
+    el: HTMLElement;
+    private getContext;
+    render(): any;
+}

package/dist/types/components/dialog/seki-dialog-trigger.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Dialog trigger button
+ *
+ * @slot - The trigger content
+ *
+ * @part trigger - The trigger wrapper
+ */
+export declare class SekiDialogTrigger {
+    el: HTMLElement;
+    triggerClick: EventEmitter<void>;
+    handleClick(): void;
+    render(): any;
+}

package/dist/types/components/dialog/seki-dialog.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Context interface for Dialog component
+ */
+export interface DialogContext {
+    isOpen: boolean;
+    modal: boolean;
+    titleId: string;
+    descriptionId: string;
+    open: () => Promise<void>;
+    close: () => Promise<void>;
+}
+/**
+ * Dialog root component for modal dialogs
+ *
+ * @slot - Dialog trigger, overlay, and content
+ *
+ * @part dialog - The main container
+ */
+export declare class SekiDialog {
+    el: HTMLElement;
+    private static instanceCount;
+    private instanceId;
+    /**
+     * Controlled open state
+     */
+    open: boolean;
+    /**
+     * Default open state
+     */
+    defaultOpen: boolean;
+    /**
+     * Whether the dialog is modal (traps focus, blocks scroll)
+     */
+    modal: boolean;
+    /**
+     * Internal state for open
+     */
+    _isOpen: boolean;
+    /**
+     * Emitted when open state changes
+     */
+    sekiOpenChange: EventEmitter<boolean>;
+    constructor();
+    componentWillLoad(): void;
+    private get titleId();
+    private get descriptionId();
+    /**
+     * Opens the dialog
+     */
+    openDialog(): Promise<void>;
+    /**
+     * Closes the dialog
+     */
+    closeDialog(): Promise<void>;
+    handleTriggerClick(): void;
+    handleCloseRequest(): void;
+    private getContext;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-checkbox.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Dropdown Menu checkbox item
+ *
+ * @slot - Item content
+ *
+ * @part item - The item container
+ * @part indicator - The checkbox indicator
+ */
+export declare class SekiDropdownMenuCheckbox {
+    /**
+     * Whether the checkbox is checked
+     */
+    checked: boolean;
+    /**
+     * Whether the item is disabled
+     */
+    disabled: boolean;
+    _checked: boolean;
+    watchChecked(newValue: boolean): void;
+    /**
+     * Emitted when the checked state changes
+     */
+    checkedChange: EventEmitter<boolean>;
+    componentWillLoad(): void;
+    private handleClick;
+    private handleKeyDown;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-content.d.ts

@@ -0,0 +1,39 @@
+import type { DropdownMenuSide, DropdownMenuAlign } from './seki-dropdown-menu';
+/**
+ * Dropdown Menu content panel
+ *
+ * @slot - Menu items
+ *
+ * @part content - The content container
+ */
+export declare class SekiDropdownMenuContent {
+    el: HTMLElement;
+    private contentRef?;
+    /**
+     * Override side from parent
+     */
+    side?: DropdownMenuSide;
+    /**
+     * Override align from parent
+     */
+    align?: DropdownMenuAlign;
+    /**
+     * Offset from trigger
+     */
+    sideOffset: number;
+    _isOpen: boolean;
+    _position: {
+        top: string;
+        left: string;
+    };
+    _focusedIndex: number;
+    private getContext;
+    private getMenuItems;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    private focusItem;
+    private updatePosition;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-item.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Dropdown Menu item
+ *
+ * @slot - Item content
+ *
+ * @part item - The item container
+ */
+export declare class SekiDropdownMenuItem {
+    el: HTMLElement;
+    /**
+     * Whether the item is disabled
+     */
+    disabled: boolean;
+    /**
+     * Add left padding for icon alignment
+     */
+    inset: boolean;
+    /**
+     * Emitted when the item is selected
+     */
+    select: EventEmitter<void>;
+    private getContext;
+    private handleClick;
+    private handleKeyDown;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-label.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Dropdown Menu label for grouping items
+ *
+ * @slot - Label text
+ *
+ * @part label - The label container
+ */
+export declare class SekiDropdownMenuLabel {
+    /**
+     * Add left padding for icon alignment
+     */
+    inset: boolean;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-radio-group.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Dropdown Menu radio group container
+ *
+ * @slot - Radio items
+ *
+ * @part group - The group container
+ */
+export declare class SekiDropdownMenuRadioGroup {
+    /**
+     * The value of the selected radio item
+     */
+    value?: string;
+    _value?: string;
+    watchValue(newValue: string): void;
+    /**
+     * Emitted when the selected value changes
+     */
+    valueChange: EventEmitter<string>;
+    /**
+     * Context for child radio items
+     */
+    _radioGroupContext: {
+        getValue: () => string | undefined;
+        setValue: (value: string) => void;
+    };
+    componentWillLoad(): void;
+    handleRadioSelect(event: CustomEvent<string>): void;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-radio.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Dropdown Menu radio item
+ *
+ * @slot - Item content
+ *
+ * @part item - The item container
+ * @part indicator - The radio indicator
+ */
+export declare class SekiDropdownMenuRadio {
+    el: HTMLElement;
+    /**
+     * The value of this radio item
+     */
+    value: string;
+    /**
+     * Whether the item is disabled
+     */
+    disabled: boolean;
+    _isChecked: boolean;
+    /**
+     * Emitted when the radio is selected
+     */
+    radioSelect: EventEmitter<string>;
+    private getContext;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    private handleClick;
+    private handleKeyDown;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-separator.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Dropdown Menu separator/divider
+ *
+ * @part separator - The separator line
+ */
+export declare class SekiDropdownMenuSeparator {
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-shortcut.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Dropdown Menu keyboard shortcut display
+ *
+ * @slot - Shortcut text (e.g., "⌘K")
+ *
+ * @part shortcut - The shortcut container
+ */
+export declare class SekiDropdownMenuShortcut {
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu-trigger.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Dropdown Menu trigger button
+ *
+ * @slot - The trigger content
+ *
+ * @part trigger - The trigger wrapper
+ */
+export declare class SekiDropdownMenuTrigger {
+    el: HTMLElement;
+    _isOpen: boolean;
+    triggerClick: EventEmitter<void>;
+    private getContext;
+    componentDidLoad(): void;
+    handleClick(event: MouseEvent): void;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/seki-dropdown-menu.d.ts

@@ -0,0 +1,77 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type DropdownMenuSide = 'top' | 'right' | 'bottom' | 'left';
+export type DropdownMenuAlign = 'start' | 'center' | 'end';
+/**
+ * Context interface for Dropdown Menu component
+ */
+export interface DropdownMenuContext {
+    isOpen: boolean;
+    side: DropdownMenuSide;
+    align: DropdownMenuAlign;
+    open: () => Promise<void>;
+    close: () => Promise<void>;
+    selectItem: (value: string) => void;
+}
+/**
+ * Dropdown Menu component - context menu with items
+ *
+ * @slot - Menu trigger and content
+ *
+ * @part dropdown-menu - The main container
+ */
+export declare class SekiDropdownMenu {
+    el: HTMLElement;
+    /**
+     * Controlled open state
+     */
+    open: boolean;
+    /**
+     * Default open state
+     */
+    defaultOpen: boolean;
+    /**
+     * Preferred side for placement
+     */
+    side: DropdownMenuSide;
+    /**
+     * Alignment along the side
+     */
+    align: DropdownMenuAlign;
+    /**
+     * Offset from trigger
+     */
+    sideOffset: number;
+    /**
+     * Internal open state
+     */
+    _isOpen: boolean;
+    /**
+     * Emitted when open state changes
+     */
+    sekiOpenChange: EventEmitter<boolean>;
+    /**
+     * Emitted when an item is selected
+     */
+    sekiSelect: EventEmitter<string>;
+    private clickOutsideHandler?;
+    componentWillLoad(): void;
+    openChanged(newValue: boolean): void;
+    /**
+     * Open the menu
+     */
+    openMenu(): Promise<void>;
+    /**
+     * Close the menu
+     */
+    closeMenu(): Promise<void>;
+    handleTriggerClick(): void;
+    handleItemSelect(event: CustomEvent<string>): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    private setupClickOutside;
+    private removeClickOutside;
+    private getContext;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/kbd/seki-kbd.d.ts

@@ -0,0 +1,7 @@
+export declare class SekiKbd {
+    /**
+     * Size variant of the kbd element
+     */
+    size: 'sm' | 'md' | 'lg';
+    render(): any;
+}

package/dist/types/components/navigation-menu/seki-navigation-menu-content.d.ts

@@ -0,0 +1,39 @@
+export declare class SekiNavigationMenuContent {
+    el: HTMLElement;
+    /** Layout type */
+    layout: 'list' | 'grid';
+    /** Number of columns for grid layout */
+    columns: number;
+    /** Custom width */
+    width: string;
+    /** Content alignment relative to trigger */
+    align: 'start' | 'center' | 'end';
+    /** Whether content is open/visible */
+    isOpen: boolean;
+    /** Whether in mobile mode */
+    isMobile: boolean;
+    private parentItem?;
+    private parentMenu?;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onOpenChange(newValue: boolean): void;
+    private findParentElements;
+    private setupContentInteractions;
+    private cleanupContentInteractions;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleKeyDown;
+    private getLinks;
+    private focusFirstLink;
+    private focusPreviousLink;
+    private focusNextLink;
+    private getCurrentFocusedIndex;
+    private focusParentTrigger;
+    private getItemId;
+    /** Called by parent item to update open state */
+    setOpen(open: boolean): void;
+    /** Called by parent to set mobile mode */
+    setMobile(mobile: boolean): void;
+    render(): any;
+}

package/dist/types/components/navigation-menu/seki-navigation-menu-item.d.ts

@@ -0,0 +1,31 @@
+import { SekiNavigationMenu } from './seki-navigation-menu';
+export declare class SekiNavigationMenuItem {
+    el: HTMLElement;
+    /** Unique identifier for this menu item */
+    itemId: string;
+    /** Whether this item's content is open */
+    isOpen: boolean;
+    /** Whether in mobile mode */
+    isMobile: boolean;
+    /** Whether mobile accordion is expanded */
+    mobileExpanded: boolean;
+    private parentMenu?;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onOpenChange(newValue: boolean): void;
+    private findParentMenu;
+    private registerWithParent;
+    private unregisterFromParent;
+    /** Called by parent menu to update open state */
+    setOpen(open: boolean): void;
+    /** Called by parent menu to set mobile mode */
+    setMobile(mobile: boolean): void;
+    /** Get the item ID */
+    getItemId(): string;
+    /** Toggle mobile accordion */
+    toggleMobileExpanded(): void;
+    /** Get parent menu reference */
+    getParentMenu(): SekiNavigationMenu | undefined;
+    render(): any;
+}

package/dist/types/components/navigation-menu/seki-navigation-menu-link.d.ts

@@ -0,0 +1,21 @@
+export declare class SekiNavigationMenuLink {
+    el: HTMLElement;
+    /** Link URL */
+    href: string;
+    /** Whether this link is currently active */
+    active: boolean;
+    /** Whether the link is disabled */
+    disabled: boolean;
+    /** Link target */
+    target: string;
+    /** Link title/description for mega menu style */
+    description: string;
+    private parentMenu?;
+    private isInContent;
+    componentWillLoad(): void;
+    private findParentElements;
+    private checkIfInContent;
+    private handleClick;
+    private handleKeyDown;
+    render(): any;
+}

package/dist/types/components/navigation-menu/seki-navigation-menu-list.d.ts

@@ -0,0 +1,21 @@
+export declare class SekiNavigationMenuList {
+    el: HTMLElement;
+    /** Whether in mobile mode */
+    isMobile: boolean;
+    /** Current focused trigger index */
+    private focusedIndex;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private setupKeyboardNavigation;
+    private cleanupKeyboardNavigation;
+    private handleKeyDown;
+    private getTriggers;
+    private focusPreviousTrigger;
+    private focusNextTrigger;
+    private focusFirstTrigger;
+    private focusLastTrigger;
+    private focusTrigger;
+    /** Called by child items to update focused index */
+    setFocusedIndex(index: number): void;
+    render(): any;
+}

package/dist/types/components/navigation-menu/seki-navigation-menu-trigger.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SekiNavigationMenuTrigger {
+    el: HTMLElement;
+    /** Whether the trigger is disabled */
+    disabled: boolean;
+    /** Whether this trigger's content is open */
+    isOpen: boolean;
+    /** Whether in mobile mode */
+    isMobile: boolean;
+    /** Emitted when trigger is activated */
+    triggerActivate: EventEmitter<{
+        itemId: string;
+    }>;
+    private parentMenu?;
+    private parentItem?;
+    private buttonRef?;
+    private isTouchDevice;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private findParentElements;
+    private detectTouchDevice;
+    private updateTriggerRect;
+    private getItemId;
+    private handleClick;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleKeyDown;
+    private focusFirstContentItem;
+    /** Called by parent to update open state */
+    setOpen(open: boolean): void;
+    /** Called by parent to set mobile mode */
+    setMobile(mobile: boolean): void;
+    render(): any;
+}

package/dist/types/components/navigation-menu/seki-navigation-menu-viewport.d.ts

@@ -0,0 +1,28 @@
+export declare class SekiNavigationMenuViewport {
+    el: HTMLElement;
+    /** Currently active item ID */
+    activeItem: string | null;
+    /** Currently hovered trigger ID (for indicator) */
+    hoveredTrigger: string | null;
+    /** Whether viewport is visible */
+    isVisible: boolean;
+    /** Indicator position (left offset) */
+    indicatorLeft: number;
+    /** Content horizontal offset for positioning */
+    contentOffset: number;
+    /** Current content height for animation */
+    contentHeight: number;
+    private contentRef?;
+    private resizeObserver?;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onActiveItemChange(newValue: string | null): void;
+    onHoveredTriggerChange(): void;
+    private setupResizeObserver;
+    private cleanupResizeObserver;
+    private updateIndicatorPosition;
+    private updateContentPosition;
+    private updateContentHeight;
+    private renderContent;
+    render(): any;
+}