@sekiui/elements 0.0.63 → 0.0.64

package/dist/types/components/carousel/seki-carousel-item.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Individual carousel slide item.
+ *
+ * @slot - Slide content (images, cards, any content)
+ */
+export declare class SekiCarouselItem {
+    /**
+     * Width of the item as CSS flex-basis.
+     * Examples: '100%' (full width), '50%' (half), '33.33%' (third)
+     */
+    basis: string;
+    render(): any;
+}

package/dist/types/components/carousel/seki-carousel-next.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Next slide navigation button.
+ * Automatically connects to parent seki-carousel.
+ */
+export declare class SekiCarouselNext {
+    el: HTMLElement;
+    disabled: boolean;
+    private parentCarousel;
+    private unsubscribe;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private findParentCarousel;
+    private subscribeToCarousel;
+    private handleSlideChange;
+    private updateState;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/carousel/seki-carousel-previous.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Previous slide navigation button.
+ * Automatically connects to parent seki-carousel.
+ */
+export declare class SekiCarouselPrevious {
+    el: HTMLElement;
+    disabled: boolean;
+    private parentCarousel;
+    private unsubscribe;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private findParentCarousel;
+    private subscribeToCarousel;
+    private handleSlideChange;
+    private updateState;
+    private handleClick;
+    render(): any;
+}

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

@@ -0,0 +1,95 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmblaCarouselType } from 'embla-carousel';
+/**
+ * Carousel context shared with child components
+ */
+export interface CarouselContext {
+    emblaApi: EmblaCarouselType | null;
+    selectedIndex: number;
+    scrollSnapCount: number;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    scrollTo: (index: number) => void;
+}
+/**
+ * Interface for the carousel element with its public methods
+ */
+export interface CarouselElement extends HTMLElement {
+    scrollPrev: () => Promise<void>;
+    scrollNext: () => Promise<void>;
+    goToSlide: (index: number) => Promise<void>;
+    getSelectedIndex: () => Promise<number>;
+    getContext: () => Promise<CarouselContext>;
+}
+/**
+ * @slot - Carousel content (seki-carousel-content, arrows, dots)
+ */
+export declare class SekiCarousel {
+    el: HTMLElement;
+    /** Enable infinite loop scrolling */
+    loop: boolean;
+    /** Enable autoplay */
+    autoplay: boolean;
+    /** Autoplay delay in milliseconds */
+    autoplayDelay: number;
+    /** Pause autoplay on hover */
+    pauseOnHover: boolean;
+    /** Number of slides to scroll at once */
+    slidesToScroll: number;
+    /** Initial slide index */
+    startIndex: number;
+    /** Enable momentum/free scrolling */
+    dragFree: boolean;
+    /** Accessible label for the carousel */
+    ariaLabel: string;
+    /** Currently selected slide index */
+    selectedIndex: number;
+    /** Total number of scroll snaps */
+    scrollSnapCount: number;
+    /** Whether can scroll to previous */
+    canScrollPrev: boolean;
+    /** Whether can scroll to next */
+    canScrollNext: boolean;
+    /** Whether autoplay is currently paused */
+    autoplayPaused: boolean;
+    /** Emitted when the selected slide changes */
+    slideChange: EventEmitter<{
+        index: number;
+        total: number;
+    }>;
+    private emblaApi;
+    private autoplayInterval;
+    private viewportEl;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleAutoplayChange(newValue: boolean): void;
+    handleOptionsChange(): void;
+    /** Scroll to the previous slide */
+    scrollPrev(): Promise<void>;
+    /** Scroll to the next slide */
+    scrollNext(): Promise<void>;
+    /** Scroll to a specific slide index */
+    goToSlide(index: number): Promise<void>;
+    /** Get the currently selected slide index */
+    getSelectedIndex(): Promise<number>;
+    /** Get the carousel context for child components */
+    getContext(): Promise<CarouselContext>;
+    private initEmbla;
+    private handleSelect;
+    private handleReInit;
+    private handlePointerDown;
+    private handlePointerUp;
+    private updateState;
+    private startAutoplay;
+    private stopAutoplay;
+    private pauseAutoplay;
+    private resumeAutoplay;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocusIn;
+    private handleFocusOut;
+    private handleKeyDown;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -10,6 +10,7 @@ import { AvatarShape, AvatarSize } from "./components/avatar/seki-avatar";
 import { BadgeVariant } from "./components/badge/seki-badge.interface";
 import { CalendarMode, DateRange } from "./components/calendar/seki-calendar";
 import { WeekStartsOn } from "./utils/calendar/date-utils";
+import { CarouselContext } from "./components/carousel/seki-carousel";
 import { ColumnDef, ColumnReorderDetail, ColumnResizeDetail, ColumnsChangeDetail, FilterChangeDetail, FilterValue, PageChangeDetail, RowClickDetail, RowExpandDetail, SelectionChangeDetail, SortChangeDetail } from "./components/data-table/interfaces";
 import { DatePickerMode, DateRange as DateRange1 } from "./components/date-picker/seki-date-picker";
 import { DropdownMenuAlign, DropdownMenuSide } from "./components/dropdown-menu/seki-dropdown-menu";
@@ -32,6 +33,7 @@ export { AvatarShape, AvatarSize } from "./components/avatar/seki-avatar";
 export { BadgeVariant } from "./components/badge/seki-badge.interface";
 export { CalendarMode, DateRange } from "./components/calendar/seki-calendar";
 export { WeekStartsOn } from "./utils/calendar/date-utils";
+export { CarouselContext } from "./components/carousel/seki-carousel";
 export { ColumnDef, ColumnReorderDetail, ColumnResizeDetail, ColumnsChangeDetail, FilterChangeDetail, FilterValue, PageChangeDetail, RowClickDetail, RowExpandDetail, SelectionChangeDetail, SortChangeDetail } from "./components/data-table/interfaces";
 export { DatePickerMode, DateRange as DateRange1 } from "./components/date-picker/seki-date-picker";
 export { DropdownMenuAlign, DropdownMenuSide } from "./components/dropdown-menu/seki-dropdown-menu";
@@ -524,6 +526,102 @@ export namespace Components {
          */
         "level": HeadingLevel;
     }
+    interface SekiCarousel {
+        /**
+          * Accessible label for the carousel
+          * @default 'Carousel'
+         */
+        "ariaLabel": string;
+        /**
+          * Enable autoplay
+          * @default false
+         */
+        "autoplay": boolean;
+        /**
+          * Autoplay delay in milliseconds
+          * @default 4000
+         */
+        "autoplayDelay": number;
+        /**
+          * Enable momentum/free scrolling
+          * @default false
+         */
+        "dragFree": boolean;
+        /**
+          * Get the carousel context for child components
+         */
+        "getContext": () => Promise<CarouselContext>;
+        /**
+          * Get the currently selected slide index
+         */
+        "getSelectedIndex": () => Promise<number>;
+        /**
+          * Scroll to a specific slide index
+         */
+        "goToSlide": (index: number) => Promise<void>;
+        /**
+          * Enable infinite loop scrolling
+          * @default false
+         */
+        "loop": boolean;
+        /**
+          * Pause autoplay on hover
+          * @default true
+         */
+        "pauseOnHover": boolean;
+        /**
+          * Scroll to the next slide
+         */
+        "scrollNext": () => Promise<void>;
+        /**
+          * Scroll to the previous slide
+         */
+        "scrollPrev": () => Promise<void>;
+        /**
+          * Number of slides to scroll at once
+          * @default 1
+         */
+        "slidesToScroll": number;
+        /**
+          * Initial slide index
+          * @default 0
+         */
+        "startIndex": number;
+    }
+    /**
+     * Container for carousel slides. This component serves as the viewport
+     * for the Embla carousel.
+     */
+    interface SekiCarouselContent {
+    }
+    /**
+     * Dot indicators for carousel navigation.
+     * Automatically syncs with parent seki-carousel.
+     */
+    interface SekiCarouselDots {
+    }
+    /**
+     * Individual carousel slide item.
+     */
+    interface SekiCarouselItem {
+        /**
+          * Width of the item as CSS flex-basis. Examples: '100%' (full width), '50%' (half), '33.33%' (third)
+          * @default '100%'
+         */
+        "basis": string;
+    }
+    /**
+     * Next slide navigation button.
+     * Automatically connects to parent seki-carousel.
+     */
+    interface SekiCarouselNext {
+    }
+    /**
+     * Previous slide navigation button.
+     * Automatically connects to parent seki-carousel.
+     */
+    interface SekiCarouselPrevious {
+    }
     /**
      * @component seki-checkbox
      * @description A checkbox control that allows users to toggle between checked, unchecked,
@@ -2423,6 +2521,10 @@ export interface SekiCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiCalendarElement;
 }
+export interface SekiCarouselCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSekiCarouselElement;
+}
 export interface SekiCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSekiCheckboxElement;
@@ -2959,6 +3061,72 @@ declare global {
         prototype: HTMLSekiCardTitleElement;
         new (): HTMLSekiCardTitleElement;
     };
+    interface HTMLSekiCarouselElementEventMap {
+        "seki-slide-change": { index: number; total: number };
+    }
+    interface HTMLSekiCarouselElement extends Components.SekiCarousel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSekiCarouselElementEventMap>(type: K, listener: (this: HTMLSekiCarouselElement, ev: SekiCarouselCustomEvent<HTMLSekiCarouselElementEventMap[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 HTMLSekiCarouselElementEventMap>(type: K, listener: (this: HTMLSekiCarouselElement, ev: SekiCarouselCustomEvent<HTMLSekiCarouselElementEventMap[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 HTMLSekiCarouselElement: {
+        prototype: HTMLSekiCarouselElement;
+        new (): HTMLSekiCarouselElement;
+    };
+    /**
+     * Container for carousel slides. This component serves as the viewport
+     * for the Embla carousel.
+     */
+    interface HTMLSekiCarouselContentElement extends Components.SekiCarouselContent, HTMLStencilElement {
+    }
+    var HTMLSekiCarouselContentElement: {
+        prototype: HTMLSekiCarouselContentElement;
+        new (): HTMLSekiCarouselContentElement;
+    };
+    /**
+     * Dot indicators for carousel navigation.
+     * Automatically syncs with parent seki-carousel.
+     */
+    interface HTMLSekiCarouselDotsElement extends Components.SekiCarouselDots, HTMLStencilElement {
+    }
+    var HTMLSekiCarouselDotsElement: {
+        prototype: HTMLSekiCarouselDotsElement;
+        new (): HTMLSekiCarouselDotsElement;
+    };
+    /**
+     * Individual carousel slide item.
+     */
+    interface HTMLSekiCarouselItemElement extends Components.SekiCarouselItem, HTMLStencilElement {
+    }
+    var HTMLSekiCarouselItemElement: {
+        prototype: HTMLSekiCarouselItemElement;
+        new (): HTMLSekiCarouselItemElement;
+    };
+    /**
+     * Next slide navigation button.
+     * Automatically connects to parent seki-carousel.
+     */
+    interface HTMLSekiCarouselNextElement extends Components.SekiCarouselNext, HTMLStencilElement {
+    }
+    var HTMLSekiCarouselNextElement: {
+        prototype: HTMLSekiCarouselNextElement;
+        new (): HTMLSekiCarouselNextElement;
+    };
+    /**
+     * Previous slide navigation button.
+     * Automatically connects to parent seki-carousel.
+     */
+    interface HTMLSekiCarouselPreviousElement extends Components.SekiCarouselPrevious, HTMLStencilElement {
+    }
+    var HTMLSekiCarouselPreviousElement: {
+        prototype: HTMLSekiCarouselPreviousElement;
+        new (): HTMLSekiCarouselPreviousElement;
+    };
     interface HTMLSekiCheckboxElementEventMap {
         "sekiChange": { checked: boolean; indeterminate: boolean };
     }
@@ -4411,6 +4579,12 @@ declare global {
         "seki-card-footer": HTMLSekiCardFooterElement;
         "seki-card-header": HTMLSekiCardHeaderElement;
         "seki-card-title": HTMLSekiCardTitleElement;
+        "seki-carousel": HTMLSekiCarouselElement;
+        "seki-carousel-content": HTMLSekiCarouselContentElement;
+        "seki-carousel-dots": HTMLSekiCarouselDotsElement;
+        "seki-carousel-item": HTMLSekiCarouselItemElement;
+        "seki-carousel-next": HTMLSekiCarouselNextElement;
+        "seki-carousel-previous": HTMLSekiCarouselPreviousElement;
         "seki-checkbox": HTMLSekiCheckboxElement;
         "seki-collapsible": HTMLSekiCollapsibleElement;
         "seki-collapsible-content": HTMLSekiCollapsibleContentElement;
@@ -5019,6 +5193,86 @@ declare namespace LocalJSX {
          */
         "level"?: HeadingLevel;
     }
+    interface SekiCarousel {
+        /**
+          * Accessible label for the carousel
+          * @default 'Carousel'
+         */
+        "ariaLabel"?: string;
+        /**
+          * Enable autoplay
+          * @default false
+         */
+        "autoplay"?: boolean;
+        /**
+          * Autoplay delay in milliseconds
+          * @default 4000
+         */
+        "autoplayDelay"?: number;
+        /**
+          * Enable momentum/free scrolling
+          * @default false
+         */
+        "dragFree"?: boolean;
+        /**
+          * Enable infinite loop scrolling
+          * @default false
+         */
+        "loop"?: boolean;
+        /**
+          * Emitted when the selected slide changes
+         */
+        "onSeki-slide-change"?: (event: SekiCarouselCustomEvent<{ index: number; total: number }>) => void;
+        /**
+          * Pause autoplay on hover
+          * @default true
+         */
+        "pauseOnHover"?: boolean;
+        /**
+          * Number of slides to scroll at once
+          * @default 1
+         */
+        "slidesToScroll"?: number;
+        /**
+          * Initial slide index
+          * @default 0
+         */
+        "startIndex"?: number;
+    }
+    /**
+     * Container for carousel slides. This component serves as the viewport
+     * for the Embla carousel.
+     */
+    interface SekiCarouselContent {
+    }
+    /**
+     * Dot indicators for carousel navigation.
+     * Automatically syncs with parent seki-carousel.
+     */
+    interface SekiCarouselDots {
+    }
+    /**
+     * Individual carousel slide item.
+     */
+    interface SekiCarouselItem {
+        /**
+          * Width of the item as CSS flex-basis. Examples: '100%' (full width), '50%' (half), '33.33%' (third)
+          * @default '100%'
+         */
+        "basis"?: string;
+    }
+    /**
+     * Next slide navigation button.
+     * Automatically connects to parent seki-carousel.
+     */
+    interface SekiCarouselNext {
+    }
+    /**
+     * Previous slide navigation button.
+     * Automatically connects to parent seki-carousel.
+     */
+    interface SekiCarouselPrevious {
+    }
     /**
      * @component seki-checkbox
      * @description A checkbox control that allows users to toggle between checked, unchecked,
@@ -6988,6 +7242,12 @@ declare namespace LocalJSX {
         "seki-card-footer": SekiCardFooter;
         "seki-card-header": SekiCardHeader;
         "seki-card-title": SekiCardTitle;
+        "seki-carousel": SekiCarousel;
+        "seki-carousel-content": SekiCarouselContent;
+        "seki-carousel-dots": SekiCarouselDots;
+        "seki-carousel-item": SekiCarouselItem;
+        "seki-carousel-next": SekiCarouselNext;
+        "seki-carousel-previous": SekiCarouselPrevious;
         "seki-checkbox": SekiCheckbox;
         "seki-collapsible": SekiCollapsible;
         "seki-collapsible-content": SekiCollapsibleContent;
@@ -7311,6 +7571,31 @@ declare module "@stencil/core" {
              * @example <seki-card-title level="h2">My Card Title</seki-card-title>
              */
             "seki-card-title": LocalJSX.SekiCardTitle & JSXBase.HTMLAttributes<HTMLSekiCardTitleElement>;
+            "seki-carousel": LocalJSX.SekiCarousel & JSXBase.HTMLAttributes<HTMLSekiCarouselElement>;
+            /**
+             * Container for carousel slides. This component serves as the viewport
+             * for the Embla carousel.
+             */
+            "seki-carousel-content": LocalJSX.SekiCarouselContent & JSXBase.HTMLAttributes<HTMLSekiCarouselContentElement>;
+            /**
+             * Dot indicators for carousel navigation.
+             * Automatically syncs with parent seki-carousel.
+             */
+            "seki-carousel-dots": LocalJSX.SekiCarouselDots & JSXBase.HTMLAttributes<HTMLSekiCarouselDotsElement>;
+            /**
+             * Individual carousel slide item.
+             */
+            "seki-carousel-item": LocalJSX.SekiCarouselItem & JSXBase.HTMLAttributes<HTMLSekiCarouselItemElement>;
+            /**
+             * Next slide navigation button.
+             * Automatically connects to parent seki-carousel.
+             */
+            "seki-carousel-next": LocalJSX.SekiCarouselNext & JSXBase.HTMLAttributes<HTMLSekiCarouselNextElement>;
+            /**
+             * Previous slide navigation button.
+             * Automatically connects to parent seki-carousel.
+             */
+            "seki-carousel-previous": LocalJSX.SekiCarouselPrevious & JSXBase.HTMLAttributes<HTMLSekiCarouselPreviousElement>;
             /**
              * @component seki-checkbox
              * @description A checkbox control that allows users to toggle between checked, unchecked,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sekiui/elements",
-  "version": "0.0.63",
+  "version": "0.0.64",
   "description": "Modern, accessible Web Components with shadcn/ui-inspired design",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -64,7 +64,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
-    "date-fns": "^4.1.0"
+    "date-fns": "^4.1.0",
+    "embla-carousel": "^8.6.0"
   },
   "overrides": {
     "glob": ">=10.0.0",

package/dist/sekiui/p-959903f5.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as n,a as s}from"./p-DMWKw3IP.js";const o=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,s,o;if(this.disabled)return;i.preventDefault(),i.stopPropagation();const r=this.getItemId();r&&(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(r):this.isOpen?null===(s=this.parentMenu)||void 0===s||s.close():null===(o=this.parentMenu)||void 0===o||o.open(r),this.triggerActivate.emit({itemId:r}))},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,s;if(this.disabled)return;const o=this.getItemId();if(o)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(o);break;case"ArrowDown":i.preventDefault(),this.isOpen||null===(n=this.parentMenu)||void 0===n||n.open(o),this.focusFirstContentItem();break;case"Escape":i.preventDefault(),null===(s=this.parentMenu)||void 0===s||s.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:"e154e24b9e105c7d46f1586ad3f2d44a6c4aca0f",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:"ca4cedf34ffe8bdb57aed6cf1e0e7114bb95dffe",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:"777579e63f3ca3250bb948c1fea02dc7c9f27989",class:"navigation-menu-trigger__label"},e("slot",{key:"bb56e84740e1ae2ebd85828219758e1cb776f809"})),e("svg",{key:"2282b0cf13ea0026777790cff148e8241c510e75",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:"1476d94c2005662d3505528c237b06616db1822d",points:"2 4 6 8 10 4"}))))}get el(){return s(this)}};o.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{o as seki_navigation_menu_trigger}

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

@@ -1 +0,0 @@
-import{r as e,h as o}from"./p-DMWKw3IP.js";const s=class{constructor(o){e(this,o)}render(){return o("tbody",{key:"2b3ce04bccd76a08ff4dca1959661ed7ac04b5c3",class:"seki-table-body"},o("slot",{key:"253a304338bc6057bbea7458464c8d319c5cf3d1"}))}};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}