@sekiui/elements 0.0.56 → 0.0.59

package/dist/sekiui/sekiui.esm.js

@@ -1 +1 @@
-import{p as e,g as a,b as i}from"./p-CuXbV_yz.js";export{s as setNonce}from"./p-CuXbV_yz.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await a(),i([["p-6bde807e",[[257,"seki-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"]}]]],["p-eedf44b5",[[257,"seki-card",{class:[1],dataTestid:[1,"data-testid"]}]]],["p-b22df79e",[[257,"seki-card-action",{class:[1]}]]],["p-88f91658",[[257,"seki-card-content",{class:[1]}]]],["p-ed440425",[[257,"seki-card-description",{class:[1]}]]],["p-009183ab",[[257,"seki-card-footer",{alignment:[1],class:[1]}]]],["p-43f7c542",[[257,"seki-card-header",{class:[1]}]]],["p-4d57c6ea",[[257,"seki-card-title",{level:[1],class:[1]}]]],["p-35f8f9c4",[[257,"seki-field",{orientation:[1],invalid:[4]}]]],["p-9af5286b",[[257,"seki-field-description",{descriptorId:[1,"descriptor-id"],componentId:[32],getId:[64]}]]],["p-0544d787",[[257,"seki-field-error",{errorId:[1,"error-id"],visible:[4],componentId:[32],previousVisible:[32],getId:[64],setVisible:[64]},null,{visible:["handleVisibleChange"]}]]],["p-e71ad432",[[257,"seki-field-group",{gap:[1]}]]],["p-b479935d",[[257,"seki-field-label",{htmlFor:[1,"html-for"],required:[4]}]]],["p-d4c92041",[[257,"seki-field-legend"]]],["p-cf11115c",[[257,"seki-fieldset",{disabled:[4]}]]],["p-97e6e5ce",[[321,"seki-input",{type:[1],value:[1537],placeholder:[1],disabled:[4],readonly:[4],required:[4],name:[1],autocomplete:[1],min:[8],max:[8],step:[8],pattern:[1],minlength:[2],maxlength:[2],size:[1],invalid:[4],ariaLabel:[1,"aria-label"],ariaDescribedby:[1,"aria-describedby"]}]]],["p-1607dc4d",[[257,"seki-select",{value:[1032],defaultValue:[8,"default-value"],multiple:[4],placeholder:[1],disabled:[4],required:[4],open:[1028],defaultOpen:[4,"default-open"],name:[1],maxVisiblePills:[2,"max-visible-pills"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],placement:[1],maxHeight:[1,"max-height"],internalValue:[32],isOpen:[32],focusedOptionValue:[32],registeredOptions:[32],hasBeenActivated:[32],searchBuffer:[32],searchActive:[32],openDropdown:[64],closeDropdown:[64],focusTrigger:[64],clearSelection:[64],handleKeyboard:[64]},null,{value:["handleValuePropChange"],open:["handleOpenPropChange"],isOpen:["handleIsOpenChange"],internalValue:["handleInternalValueChange"]}]]],["p-6e238adf",[[257,"seki-select-content",{forceUpdate:[32],scrollToOption:[64]}]]],["p-dd1e3e87",[[257,"seki-select-group",{label:[1]}]]],["p-b10d81a6",[[257,"seki-select-option",{value:[8],label:[1],disabled:[4]}]]],["p-eefbc037",[[257,"seki-select-trigger",{forceUpdate:[32]}]]],["p-3e088b5a",[[257,"seki-skeleton",{ariaLabel:[1,"aria-label"]}]]],["p-9fe07f6e",[[257,"seki-switch",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],required:[4],name:[1],value:[1],ariaLabel:[1,"aria-label"],internalChecked:[32]},[[0,"keydown","handleKeyDown"]]]]],["p-81709fc2",[[257,"seki-tooltip",{delay:[2],side:[1],disabled:[4],offset:[2],isVisible:[32],currentPosition:[32],show:[64],hide:[64],updatePosition:[64]}]]]],e))));
+import{p as e,g as a,b as i}from"./p-DI_YjzRi.js";export{s as setNonce}from"./p-DI_YjzRi.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await a(),i([["p-ab9d1ba5",[[257,"seki-badge",{variant:[1],rounded:[4],number:[2],max:[2]}]]],["p-40ba3ad6",[[257,"seki-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"]}]]],["p-e6d5f56e",[[257,"seki-card",{class:[1],dataTestid:[1,"data-testid"]}]]],["p-cf552ff9",[[257,"seki-card-action",{class:[1]}]]],["p-84d47cab",[[257,"seki-card-content",{class:[1]}]]],["p-b64e7007",[[257,"seki-card-description",{class:[1]}]]],["p-c642ab55",[[257,"seki-card-footer",{alignment:[1],class:[1]}]]],["p-6a922121",[[257,"seki-card-header",{class:[1]}]]],["p-6f5bf5af",[[257,"seki-card-title",{level:[1],class:[1]}]]],["p-f863f36b",[[257,"seki-field",{orientation:[1],invalid:[4]}]]],["p-68b1fa1a",[[257,"seki-field-description",{descriptorId:[1,"descriptor-id"],componentId:[32],getId:[64]}]]],["p-27deb555",[[257,"seki-field-error",{errorId:[1,"error-id"],visible:[4],componentId:[32],previousVisible:[32],getId:[64],setVisible:[64]},null,{visible:["handleVisibleChange"]}]]],["p-1685e673",[[257,"seki-field-group",{gap:[1]}]]],["p-dfa2f8cd",[[257,"seki-field-label",{htmlFor:[1,"html-for"],required:[4]}]]],["p-4867d02d",[[257,"seki-field-legend"]]],["p-1480b41a",[[257,"seki-fieldset",{disabled:[4]}]]],["p-f1ffc3fa",[[321,"seki-input",{type:[1],value:[1537],placeholder:[1],disabled:[4],readonly:[4],required:[4],name:[1],autocomplete:[1],min:[8],max:[8],step:[8],pattern:[1],minlength:[2],maxlength:[2],size:[1],invalid:[4],ariaLabel:[1,"aria-label"],ariaDescribedby:[1,"aria-describedby"]}]]],["p-402a5db6",[[257,"seki-select",{value:[1032],defaultValue:[8,"default-value"],multiple:[4],placeholder:[1],disabled:[4],required:[4],open:[1028],defaultOpen:[4,"default-open"],name:[1],maxVisiblePills:[2,"max-visible-pills"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],placement:[1],maxHeight:[1,"max-height"],internalValue:[32],isOpen:[32],focusedOptionValue:[32],registeredOptions:[32],hasBeenActivated:[32],searchBuffer:[32],searchActive:[32],openDropdown:[64],closeDropdown:[64],focusTrigger:[64],clearSelection:[64],handleKeyboard:[64]},null,{value:["handleValuePropChange"],open:["handleOpenPropChange"],isOpen:["handleIsOpenChange"],internalValue:["handleInternalValueChange"]}]]],["p-b7f2b568",[[257,"seki-select-content",{forceUpdate:[32],scrollToOption:[64]}]]],["p-161be4d4",[[257,"seki-select-group",{label:[1]}]]],["p-587fd313",[[257,"seki-select-option",{value:[8],label:[1],disabled:[4]}]]],["p-c74bd925",[[257,"seki-select-trigger",{forceUpdate:[32]}]]],["p-0ca6b9f0",[[257,"seki-sidebar",{variant:[1],collapseMode:[1,"collapse-mode"],defaultOpen:[516,"default-open"],persistent:[516],mobileBreakpoint:[514,"mobile-breakpoint"],side:[1],persistenceKey:[1,"persistence-key"],onOpenChange:[16],isOpen:[32],isMobile:[32],open:[64],close:[64],toggle:[64],getState:[64],setState:[64]},[[0,"variant","onVariantChange"],[0,"collapseMode","onCollapseModeChange"]],{variant:["watchVariant"],collapseMode:["watchCollapseMode"]}]]],["p-9dcd07b2",[[262,"seki-sidebar-content"]]],["p-c83d94c4",[[262,"seki-sidebar-footer"]]],["p-37fa684c",[[262,"seki-sidebar-group",{title:[1],collapsible:[516],defaultCollapsed:[516,"default-collapsed"],action:[16],isCollapsed:[32],isCollapsedState:[64],setCollapsed:[64]}]]],["p-60ff3543",[[262,"seki-sidebar-header"]]],["p-b525d85a",[[262,"seki-sidebar-menu"]]],["p-26b629bc",[[262,"seki-sidebar-menu-item",{href:[1],target:[1],disabled:[516],isActive:[516,"is-active"],badge:[16],ariaLabel:[1,"aria-label"],ariaCurrentValue:[1,"aria-current-value"]}]]],["p-4b29dbda",[[262,"seki-sidebar-menu-sub",{label:[1],defaultCollapsed:[516,"default-collapsed"],isCollapsed:[32],isCollapsedState:[64],setCollapsed:[64]}]]],["p-0af1b81a",[[257,"seki-sidebar-trigger",{ariaLabel:[1,"aria-label"],icon:[1],isOpen:[32]},[[16,"openChange","handleOpenChange"]]]]],["p-58ab95eb",[[257,"seki-skeleton",{ariaLabel:[1,"aria-label"]}]]],["p-ce1bbe04",[[257,"seki-switch",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],required:[4],name:[1],value:[1],ariaLabel:[1,"aria-label"],internalChecked:[32]},[[0,"keydown","handleKeyDown"]]]]],["p-d194caf1",[[257,"seki-tooltip",{delay:[2],side:[1],disabled:[4],offset:[2],isVisible:[32],currentPosition:[32],show:[64],hide:[64],updatePosition:[64]}]]]],e))));

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

@@ -0,0 +1,43 @@
+import { BadgeVariant } from './seki-badge.interface';
+/**
+ * seki-badge: Presentational badge component for displaying small pieces of information
+ *
+ * @component Badge
+ * @example
+ * <seki-badge variant="default">Label</seki-badge>
+ * <seki-badge variant="secondary">
+ *   <span slot="icon">ℹ</span>
+ *   Secondary
+ * </seki-badge>
+ */
+export declare class SekiBadge {
+    el: HTMLElement;
+    /**
+     * Visual variant of the badge
+     * @default 'default'
+     */
+    variant?: BadgeVariant;
+    /**
+     * Enable rounded pill styling
+     * @default false
+     */
+    rounded?: boolean;
+    /**
+     * Number to display in the badge
+     * When set, displays the number instead of text content
+     * @default undefined
+     */
+    number?: number;
+    /**
+     * Maximum limit for number badge
+     * If number exceeds this, shows "max+" instead
+     * Only used when number prop is set
+     * @default undefined
+     */
+    max?: number;
+    componentWillLoad(): void;
+    render(): any;
+    private renderNumberBadge;
+    private renderTextBadge;
+    private hasSlot;
+}

package/dist/types/components/badge/seki-badge.interface.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Badge Component Props Interface
+ * Defines all configurable properties for the seki-badge Web Component
+ */
+/**
+ * Variant types for badge styling
+ * - default: Standard badge with primary color
+ * - secondary: Muted appearance for secondary information
+ * - destructive: Warning/error state with red tones
+ * - outline: Border-only variant without background fill
+ */
+export type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline';
+/**
+ * Props interface for seki-badge component
+ *
+ * @example
+ * ```tsx
+ * const props: SekiBadgeProps = {
+ *   variant: 'default',
+ *   rounded: true,
+ *   className: 'custom-badge'
+ * }
+ * ```
+ *
+ * @example Number badge
+ * ```tsx
+ * const props: SekiBadgeProps = {
+ *   number: 21,
+ *   max: 20  // Shows "20+"
+ * }
+ * ```
+ */
+export interface SekiBadgeProps {
+    /**
+     * Visual variant of the badge
+     * @default 'default'
+     */
+    variant?: BadgeVariant;
+    /**
+     * Enable rounded pill styling
+     * @default false
+     */
+    rounded?: boolean;
+    /**
+     * Additional CSS class names to apply
+     * @default undefined
+     */
+    className?: string;
+    /**
+     * Number to display in the badge
+     * When set, displays the number instead of text content
+     * @default undefined
+     */
+    number?: number;
+    /**
+     * Maximum limit for number badge
+     * If number exceeds this, shows "max+" instead
+     * Only used when number prop is set
+     * @default undefined
+     */
+    max?: number;
+}
+/**
+ * Badge component interface for TypeScript consumers
+ * Extends HTMLElement with badge-specific properties
+ */
+export interface SekiBadgeElement extends HTMLElement {
+    /**
+     * Visual variant of the badge
+     */
+    variant?: BadgeVariant;
+    /**
+     * Enable rounded pill styling
+     */
+    rounded?: boolean;
+    /**
+     * Number to display in the badge
+     */
+    number?: number;
+    /**
+     * Maximum limit for number badge
+     */
+    max?: number;
+    /**
+     * Additional CSS classes (inherited from HTMLElement)
+     */
+    className: string;
+}

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

@@ -0,0 +1,18 @@
+/**
+ * SekiSidebarContent Component
+ * @description Scrollable main content area of the sidebar
+ * Contains menu items, groups, and other sidebar content
+ * @component
+ * @example
+ * <seki-sidebar-content>
+ *   <seki-sidebar-group title="Navigation">
+ *     <!-- Menu items -->
+ *   </seki-sidebar-group>
+ * </seki-sidebar-content>
+ */
+export declare class SekiSidebarContent {
+    /**
+     * Render the component
+     */
+    render(): any;
+}

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

@@ -0,0 +1,16 @@
+/**
+ * SekiSidebarFooter Component
+ * @description Sticky footer section at the bottom of the sidebar
+ * Provides a slot for footer content (user info, settings, logout button)
+ * @component
+ * @example
+ * <seki-sidebar-footer>
+ *   <div class="user-info">User Name</div>
+ * </seki-sidebar-footer>
+ */
+export declare class SekiSidebarFooter {
+    /**
+     * Render the component
+     */
+    render(): any;
+}

package/dist/types/components/sidebar/seki-sidebar-group.d.ts

@@ -0,0 +1,81 @@
+/**
+ * SekiSidebarGroup Component
+ * @description Group container for organizing sidebar menu items
+ * Optionally provides a collapsible section with title and action button
+ * @component
+ * @example
+ * <seki-sidebar-group title="Navigation" collapsible>
+ *   <seki-sidebar-menu>
+ *     <seki-sidebar-menu-item href="/">Home</seki-sidebar-menu-item>
+ *   </seki-sidebar-menu>
+ * </seki-sidebar-group>
+ */
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SidebarGroupProps, CollapsedChangeDetail } from './types';
+export declare class SekiSidebarGroup {
+    /**
+     * Reference to the element
+     */
+    el: HTMLElement;
+    /**
+     * Section header text (optional)
+     * @type {string}
+     */
+    title?: SidebarGroupProps['title'];
+    /**
+     * Allow collapsing this group
+     * @type {boolean}
+     * @default false
+     */
+    collapsible: boolean;
+    /**
+     * Initial collapsed state
+     * @type {boolean}
+     * @default false
+     */
+    defaultCollapsed: boolean;
+    /**
+     * Optional action button configuration
+     * @type {object}
+     */
+    action?: SidebarGroupProps['action'];
+    /**
+     * Internal state: whether group is collapsed
+     */
+    isCollapsed: boolean;
+    /**
+     * Event fired when collapsed state changes
+     */
+    collapsedChange: EventEmitter<CollapsedChangeDetail>;
+    /**
+     * Component lifecycle: initialize state
+     */
+    componentWillLoad(): void;
+    /**
+     * Get current collapsed state
+     */
+    isCollapsedState(): Promise<boolean>;
+    /**
+     * Set collapsed state
+     */
+    setCollapsed(collapsed: boolean): Promise<void>;
+    /**
+     * Toggle collapsed state
+     */
+    private handleToggle;
+    /**
+     * Handle keyboard navigation on toggle button
+     * - Enter/Space: toggle group
+     * - ArrowLeft: collapse group
+     * - ArrowRight: expand group
+     */
+    private handleToggleKeyDown;
+    /**
+     * Handle action button click
+     */
+    private handleAction;
+    /**
+     * Render the component
+     */
+    render(): any;
+}

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

@@ -0,0 +1,17 @@
+/**
+ * SekiSidebarHeader Component
+ * @description Sticky header section at the top of the sidebar
+ * Provides a slot for header content (logo, title, trigger button)
+ * @component
+ * @example
+ * <seki-sidebar-header>
+ *   <div class="sidebar-header-content">Logo</div>
+ *   <seki-sidebar-trigger></seki-sidebar-trigger>
+ * </seki-sidebar-header>
+ */
+export declare class SekiSidebarHeader {
+    /**
+     * Render the component
+     */
+    render(): any;
+}

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

@@ -0,0 +1,104 @@
+/**
+ * SekiSidebarMenuItem Component
+ * @description Navigation menu item within the sidebar menu
+ * Supports icons, badges, active states, and keyboard navigation
+ * @component
+ * @example
+ * <seki-sidebar-menu-item href="/dashboard" is-active>Dashboard</seki-sidebar-menu-item>
+ */
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SidebarMenuItemProps, NavigateDetail } from './types';
+export declare class SekiSidebarMenuItem {
+    /**
+     * Reference to the element
+     */
+    el: HTMLElement;
+    /**
+     * Navigation URL (optional)
+     * @type {string}
+     */
+    href?: SidebarMenuItemProps['href'];
+    /**
+     * Link target: _blank, _self, etc.
+     * @type {string}
+     */
+    target?: SidebarMenuItemProps['target'];
+    /**
+     * Disable interaction
+     * @type {boolean}
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Highlight as current page
+     * @type {boolean}
+     * @default false
+     */
+    isActive: boolean;
+    /**
+     * Badge indicator for the item
+     * @type {object}
+     */
+    badge?: SidebarMenuItemProps['badge'];
+    /**
+     * Accessibility label override
+     * @type {string}
+     */
+    ariaLabel?: SidebarMenuItemProps['ariaLabel'];
+    /**
+     * ARIA current value for active items
+     * @type {string}
+     */
+    ariaCurrentValue: SidebarMenuItemProps['ariaCurrentValue'];
+    /**
+     * Event fired on item click
+     */
+    navigate: EventEmitter<NavigateDetail>;
+    /**
+     * Handle item click
+     */
+    private handleClick;
+    /**
+     * Handle keyboard navigation
+     * - Enter/Space: activate item
+     * - ArrowDown: focus next menu item
+     * - ArrowUp: focus previous menu item
+     * - ArrowRight: expand parent submenu (if collapsed)
+     * - ArrowLeft: collapse parent submenu (if expanded)
+     * - Home: focus first menu item
+     * - End: focus last menu item
+     */
+    private handleKeyDown;
+    /**
+     * Get all enabled menu items
+     */
+    private getEnabledItems;
+    /**
+     * Focus next menu item in the menu
+     */
+    private focusNextItem;
+    /**
+     * Focus previous menu item in the menu
+     */
+    private focusPreviousItem;
+    /**
+     * Focus first menu item in the menu
+     */
+    private focusFirstItem;
+    /**
+     * Focus last menu item in the menu
+     */
+    private focusLastItem;
+    /**
+     * Expand parent submenu if collapsed
+     */
+    private expandParentSubmenu;
+    /**
+     * Collapse parent submenu if expanded
+     */
+    private collapseParentSubmenu;
+    /**
+     * Render the component
+     */
+    render(): any;
+}

package/dist/types/components/sidebar/seki-sidebar-menu-sub.d.ts

@@ -0,0 +1,81 @@
+/**
+ * SekiSidebarMenuSub Component
+ * @description Nested submenu container for collapsible menu items
+ * Provides expandable/collapsible sub-navigation structure with support for:
+ * - Multi-level nesting (unlimited depth)
+ * - Smooth animations (200ms transitions)
+ * - Icon-only display when parent sidebar is collapsed
+ * - Tooltip support for collapsed state
+ * - Full keyboard navigation and accessibility
+ * @component
+ * @example
+ * <seki-sidebar-menu-item>
+ *   <span slot="icon">⚙️</span>
+ *   Settings
+ *   <seki-sidebar-menu-sub slot="submenu">
+ *     <seki-sidebar-menu-item href="/settings/profile">
+ *       <span slot="icon">👤</span>
+ *       Profile
+ *     </seki-sidebar-menu-item>
+ *     <seki-sidebar-menu-item href="/settings/security">
+ *       <span slot="icon">🔒</span>
+ *       Security
+ *     </seki-sidebar-menu-item>
+ *   </seki-sidebar-menu-sub>
+ * </seki-sidebar-menu-item>
+ */
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SidebarMenuSubProps, CollapsedChangeDetail } from './types';
+export declare class SekiSidebarMenuSub {
+    /**
+     * Reference to the element
+     */
+    el: HTMLElement;
+    /**
+     * Label for the submenu (shown when expanded)
+     * @type {string}
+     */
+    label?: SidebarMenuSubProps['label'];
+    /**
+     * Initial collapsed state
+     * @type {boolean}
+     * @default false
+     */
+    defaultCollapsed: boolean;
+    /**
+     * Internal state: whether submenu is collapsed
+     */
+    isCollapsed: boolean;
+    /**
+     * Event fired when collapsed state changes
+     */
+    collapsedChange: EventEmitter<CollapsedChangeDetail>;
+    /**
+     * Component lifecycle: initialize state
+     */
+    componentWillLoad(): void;
+    /**
+     * Get current collapsed state
+     */
+    isCollapsedState(): Promise<boolean>;
+    /**
+     * Set collapsed state
+     */
+    setCollapsed(collapsed: boolean): Promise<void>;
+    /**
+     * Toggle collapsed state
+     */
+    private handleToggle;
+    /**
+     * Handle keyboard navigation
+     * - Enter: toggle submenu
+     * - ArrowDown: focus next submenu item
+     * - ArrowUp: focus previous submenu item
+     * - Escape: close submenu
+     */
+    private handleKeyDown;
+    /**
+     * Render the component
+     */
+    render(): any;
+}

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

@@ -0,0 +1,17 @@
+/**
+ * SekiSidebarMenu Component
+ * @description List container for menu items within a sidebar
+ * Provides semantic menu structure with proper ARIA attributes
+ * @component
+ * @example
+ * <seki-sidebar-menu>
+ *   <seki-sidebar-menu-item href="/dashboard">Dashboard</seki-sidebar-menu-item>
+ *   <seki-sidebar-menu-item href="/settings">Settings</seki-sidebar-menu-item>
+ * </seki-sidebar-menu>
+ */
+export declare class SekiSidebarMenu {
+    /**
+     * Render the component
+     */
+    render(): any;
+}

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

@@ -0,0 +1,53 @@
+/**
+ * SekiSidebarTrigger Component
+ * @description Toggle button for opening/closing the sidebar
+ * Manages focus, keyboard activation (Space, Enter), and ARIA attributes
+ * @component
+ * @example
+ * <seki-sidebar-trigger aria-label="Toggle sidebar"></seki-sidebar-trigger>
+ */
+import { SidebarTriggerProps } from './types';
+export declare class SekiSidebarTrigger {
+    /**
+     * Accessibility label for the button
+     * @type {string}
+     * @default 'Toggle sidebar'
+     */
+    ariaLabel: SidebarTriggerProps['ariaLabel'];
+    /**
+     * Icon name or SVG path (optional)
+     * @type {string}
+     */
+    icon: SidebarTriggerProps['icon'];
+    el: HTMLElement;
+    /**
+     * Track the sidebar's open state for aria-expanded attribute
+     */
+    isOpen: boolean;
+    /**
+     * Reference to parent sidebar
+     */
+    private parentSidebar;
+    /**
+     * Initialize - find parent sidebar and listen to state changes
+     */
+    connectedCallback(): void;
+    /**
+     * Listen to openChange event from parent sidebar
+     */
+    handleOpenChange(event: CustomEvent<{
+        isOpen: boolean;
+    }>): void;
+    /**
+     * Handle button click - finds parent seki-sidebar or nearest sidebar in document
+     */
+    private handleClick;
+    /**
+     * Handle keyboard activation (Space, Enter)
+     */
+    private handleKeyDown;
+    /**
+     * Render the component
+     */
+    render(): any;
+}