@sekiui/elements 0.0.65 → 0.0.70

package/dist/collection/components/menubar/seki-menubar.js

@@ -0,0 +1,236 @@
+// src/components/menubar/seki-menubar.tsx
+import { h, Host } from "@stencil/core";
+/**
+ * Menubar - horizontal menu bar with dropdown menus
+ *
+ * @slot - Menubar menus
+ *
+ * @part menubar - The menubar container
+ */
+export class SekiMenubar {
+    constructor() {
+        /**
+         * Whether arrow keys wrap around
+         */
+        this.loop = true;
+        this._activeMenuId = null;
+        this._menuIds = [];
+        /**
+         * Context for child components
+         */
+        this._menubarContext = {
+            get activeMenuId() {
+                return null;
+            },
+            get menuIds() {
+                return [];
+            },
+            get loop() {
+                return true;
+            },
+            openMenu: () => { },
+            closeMenu: () => { },
+            registerMenu: () => { },
+            unregisterMenu: () => { },
+            focusTrigger: () => { },
+            getNextMenuId: () => null,
+            getPrevMenuId: () => null,
+        };
+        this.openMenu = (menuId) => {
+            if (this._activeMenuId === menuId)
+                return;
+            this._activeMenuId = menuId;
+            this.sekiOpenChange.emit(menuId);
+            this.setupClickOutside();
+        };
+        this.closeMenu = () => {
+            if (this._activeMenuId === null)
+                return;
+            this._activeMenuId = null;
+            this.sekiOpenChange.emit(null);
+            this.removeClickOutside();
+        };
+        this.registerMenu = (menuId) => {
+            if (!this._menuIds.includes(menuId)) {
+                this._menuIds = [...this._menuIds, menuId];
+            }
+        };
+        this.unregisterMenu = (menuId) => {
+            this._menuIds = this._menuIds.filter((id) => id !== menuId);
+        };
+        this.focusTrigger = (menuId) => {
+            const menu = this.el.querySelector(`seki-menubar-menu[menu-id="${menuId}"]`);
+            const trigger = menu === null || menu === void 0 ? void 0 : menu.querySelector('seki-menubar-trigger');
+            if (trigger) {
+                trigger.focus();
+            }
+        };
+        this.getNextMenuId = (currentId) => {
+            const index = this._menuIds.indexOf(currentId);
+            if (index === -1)
+                return null;
+            const nextIndex = index + 1;
+            if (nextIndex >= this._menuIds.length) {
+                return this.loop ? this._menuIds[0] : null;
+            }
+            return this._menuIds[nextIndex];
+        };
+        this.getPrevMenuId = (currentId) => {
+            const index = this._menuIds.indexOf(currentId);
+            if (index === -1)
+                return null;
+            const prevIndex = index - 1;
+            if (prevIndex < 0) {
+                return this.loop ? this._menuIds[this._menuIds.length - 1] : null;
+            }
+            return this._menuIds[prevIndex];
+        };
+    }
+    componentWillLoad() {
+        this.updateContext();
+    }
+    componentDidUpdate() {
+        this.updateContext();
+    }
+    updateContext() {
+        this._menubarContext = {
+            activeMenuId: this._activeMenuId,
+            menuIds: this._menuIds,
+            loop: this.loop,
+            openMenu: this.openMenu,
+            closeMenu: this.closeMenu,
+            registerMenu: this.registerMenu,
+            unregisterMenu: this.unregisterMenu,
+            focusTrigger: this.focusTrigger,
+            getNextMenuId: this.getNextMenuId,
+            getPrevMenuId: this.getPrevMenuId,
+        };
+    }
+    setupClickOutside() {
+        setTimeout(() => {
+            this.clickOutsideHandler = (e) => {
+                const path = e.composedPath();
+                if (!path.includes(this.el)) {
+                    this.closeMenu();
+                }
+            };
+            document.addEventListener('click', this.clickOutsideHandler, { capture: true });
+        }, 0);
+    }
+    removeClickOutside() {
+        if (this.clickOutsideHandler) {
+            document.removeEventListener('click', this.clickOutsideHandler, { capture: true });
+            this.clickOutsideHandler = undefined;
+        }
+    }
+    handleEscape(event) {
+        if (this._activeMenuId && event.key === 'Escape') {
+            event.preventDefault();
+            const menuId = this._activeMenuId;
+            this.closeMenu();
+            this.focusTrigger(menuId);
+        }
+    }
+    handleItemSelect(event) {
+        event.stopPropagation();
+        this.sekiSelect.emit(event.detail);
+        this.closeMenu();
+    }
+    disconnectedCallback() {
+        this.removeClickOutside();
+    }
+    render() {
+        return (h(Host, { key: '2f14ab2afabd7b8384777a0abc47dc6c495e5d0a' }, h("div", { key: '9c65c5e7d74cf8a34aca8f45a7baa66170e5b62c', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: 'bb939cd17c926270db81125340c4b9b68f856cdf' }))));
+    }
+    static get is() { return "seki-menubar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-menubar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-menubar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "loop": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether arrow keys wrap around"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "loop",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_activeMenuId": {},
+            "_menuIds": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sekiSelect",
+                "name": "sekiSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when an item is selected"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "sekiOpenChange",
+                "name": "sekiOpenChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when active menu changes"
+                },
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleEscape",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "sekiMenubarSelect",
+                "method": "handleItemSelect",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/menubar/types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/navigation-menu/seki-navigation-menu-content.js

@@ -193,13 +193,13 @@ export class SekiNavigationMenuContent {
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (h(Host, { key: 'e99742e119b47368bbcdc628e7ec19e59fe5293b', class: {
+        return (h(Host, { key: '0639f7751b350682bac0bcb4c7c98706f26cfd71', class: {
                 'navigation-menu-content': true,
                 'navigation-menu-content--open': this.isOpen,
                 'navigation-menu-content--mobile': this.isMobile,
                 [`navigation-menu-content--layout-${this.layout}`]: true,
                 [`navigation-menu-content--align-${this.align}`]: true,
-            }, style: customStyles }, h("div", { key: '712e10dc759a7e1ee9aa848f1aef81c5f15c95c9', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: 'a51e82b60b383ce0e0b0266d0d48582a078326ae' }))));
+            }, style: customStyles }, h("div", { key: 'dabd09d03eb921df8211cfab67cf21686c8b1e08', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: '7111f826e8b3665dc72b9b29e91909229d53a562' }))));
     }
     static get is() { return "seki-navigation-menu-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-item.js

@@ -86,12 +86,12 @@ export class SekiNavigationMenuItem {
         return this.parentMenu;
     }
     render() {
-        return (h(Host, { key: 'f1773ca2d7e6470b6c76c7a9eb4c4df2b8d8edb1', class: {
+        return (h(Host, { key: '520e643317c86898e3ad851249c8b5838f978f49', class: {
                 'navigation-menu-item': true,
                 'navigation-menu-item--open': this.isOpen,
                 'navigation-menu-item--mobile': this.isMobile,
                 'navigation-menu-item--mobile-expanded': this.mobileExpanded,
-            }, "data-item-id": this.itemId }, h("li", { key: 'a303c8f3861462b4602f2d9eca0ecc1eee04772f', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: '55801b1a767218f971d95675a3bc3d7e76bcbc5c' }))));
+            }, "data-item-id": this.itemId }, h("li", { key: '1156f719fe8e402b35345342c6afd1c156bd9e04', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: 'c5d73ecb96e78577fd8b1c9a31caf864c95df0f1' }))));
     }
     static get is() { return "seki-navigation-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-link.js

@@ -67,13 +67,13 @@ export class SekiNavigationMenuLink {
     }
     render() {
         const hasDescription = Boolean(this.description);
-        return (h(Host, { key: 'bf4ccd31ec357facb978417db3c44a15971d5247', class: {
+        return (h(Host, { key: '6526ee24986de8a179be58107fe3c9f55bc43b25', class: {
                 'navigation-menu-link': true,
                 'navigation-menu-link--active': this.active,
                 'navigation-menu-link--disabled': this.disabled,
                 'navigation-menu-link--in-content': this.isInContent,
                 'navigation-menu-link--with-description': hasDescription,
-            } }, h("a", { key: '59f01a7e192d20215794aea5413ab981d94ed55c', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (h("div", { class: "navigation-menu-link__content" }, h("span", { class: "navigation-menu-link__title" }, h("slot", null)), h("span", { class: "navigation-menu-link__description" }, this.description))) : (h("slot", null)))));
+            } }, h("a", { key: 'eef9bcbdcef6352c76a715768c4a9159a4853756', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (h("div", { class: "navigation-menu-link__content" }, h("span", { class: "navigation-menu-link__title" }, h("slot", null)), h("span", { class: "navigation-menu-link__description" }, this.description))) : (h("slot", null)))));
     }
     static get is() { return "seki-navigation-menu-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-list.js

@@ -96,7 +96,7 @@ export class SekiNavigationMenuList {
         this.focusedIndex = index;
     }
     render() {
-        return (h(Host, { key: 'f3b68cfc86bb6bede79b30d4f44738d17269a831' }, h("ul", { key: '4379c736988916d80f743cda52efa15773ffe789', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '271f44c7083fdb07dcb2f7a39c8acc6e4b8308f3' }))));
+        return (h(Host, { key: 'e1c5928a43b6e1ed5ef4244d149212dd5da06e5f' }, h("ul", { key: '100616585e2a847ec1c8c2a1c1c0a25a80ccba20', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '49df9d520e0f3cf250191febdb676309a7306b45' }))));
     }
     static get is() { return "seki-navigation-menu-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-trigger.js

@@ -174,12 +174,12 @@ export class SekiNavigationMenuTrigger {
     }
     render() {
         const itemId = this.getItemId();
-        return (h(Host, { key: 'f4d2a060eafd3739baa6aa3320544e0b02c74290', class: {
+        return (h(Host, { key: 'a9d745726f3385ad3094e1b4b97cc54c9451a29d', class: {
                 'navigation-menu-trigger': true,
                 'navigation-menu-trigger--open': this.isOpen,
                 'navigation-menu-trigger--disabled': this.disabled,
                 'navigation-menu-trigger--mobile': this.isMobile,
-            } }, h("button", { key: '7ce6e0ad60872bd8bbde32cecc3db55f6a9bb1d3', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, h("span", { key: 'af220ddb36339018f268e55184eebace03e03e67', class: "navigation-menu-trigger__label" }, h("slot", { key: 'afd2f5aa04de7145e15b0a66a5f910ab29f73f93' })), h("svg", { key: 'e73be45da67d2252cf673b9730269ecfe7d1a0bb', 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" }, h("polyline", { key: '36d3e9b9f19423b45505c424a0f340215a28794a', points: "2 4 6 8 10 4" })))));
+            } }, h("button", { key: '41af2b94b0ee38550101493aa34613a808191bf9', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, h("span", { key: '6a1d4744d44d052384a0cfe7f3ba263cd79d3eed', class: "navigation-menu-trigger__label" }, h("slot", { key: '4eef8e2d84896e538c090e17c04938f6220482d0' })), h("svg", { key: '6f170f13e9fa95c29bb30ca55917de47fe5e1dbd', 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" }, h("polyline", { key: 'a82c1a722cf476b52cd10f3584b3f03417392bee', points: "2 4 6 8 10 4" })))));
     }
     static get is() { return "seki-navigation-menu-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-viewport.js

@@ -138,14 +138,14 @@ export class SekiNavigationMenuViewport {
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: '9936f9be4895dcf44be5f9605356705491e0bca3', class: {
+        return (h(Host, { key: 'cc437111fc6ee1c9508fd00cd0e7c0ad5efbb171', class: {
                 'navigation-menu-viewport': true,
                 'navigation-menu-viewport--visible': this.isVisible,
             }, style: {
                 '--indicator-left': `${this.indicatorLeft}px`,
                 '--content-offset': `${this.contentOffset}px`,
                 '--content-height': `${this.contentHeight}px`,
-            } }, h("div", { key: 'fadc3feb9cbbaa7330aff130e1eec5a66f8c0c5f', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '2dcde65ba835302e781acdff7aceccced5536112', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '3d90b3f7dc7ca622b940613c0aa727ee65602a7c', points: "10,0 20,10 0,10" }))), h("div", { key: 'bd350c3ef18085d6a12ac6841980b771e1730c14', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: '83cbec70dbc466d2db305a03bd7d0673895bf9f0', class: "navigation-menu-viewport__indicator" }, h("svg", { key: 'ebd0907a4cb80f24ef55ac5d47dab2a25ff66b30', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: 'c74b80a045a414f65211d313ec0e07687036aa04', points: "10,0 20,10 0,10" }))), h("div", { key: 'de595c9eb2f2aa574673e2cbc5f99f33fab0a7fb', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
     }
     static get is() { return "seki-navigation-menu-viewport"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu.js

@@ -195,10 +195,10 @@ export class SekiNavigationMenu {
     // Render
     // =========================================================================
     render() {
-        return (h(Host, { key: 'afd3ea83a33e84ddb8dbae6976d2bc8170e018c9', class: {
+        return (h(Host, { key: '06ab5b4a05f02cde28a65f2f5b2643c51cd763ea', class: {
                 'navigation-menu': true,
                 'navigation-menu--mobile': this.isMobile,
-            } }, h("nav", { key: '8c9ea5a87a9cf6c14f228bebf08b81cd4937bb5d', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
+            } }, h("nav", { key: '9738113287f83970a6dd3a4993337186e0d7912a', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
     }
     renderDesktopNav() {
         return [
@@ -362,7 +362,7 @@ export class SekiNavigationMenu {
                         },
                         "NavigationMenuContext": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/navigation-menu/seki-navigation-menu.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/navigation-menu/seki-navigation-menu.tsx",
                             "id": "src/components/navigation-menu/seki-navigation-menu.tsx::NavigationMenuContext"
                         }
                     },

package/dist/collection/components/pagination/seki-pagination-content.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationContent {
     render() {
-        return (h("ul", { key: 'bb874089dd809ba38f73fbdbdff4f0dbc5980b02', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'f2e22599878180d4ff21db5c5bae13ac06b0e113' })));
+        return (h("ul", { key: '4516fdd63b4763c9797fe8c6739e840ba5c7034c', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'a696af2faf4afe2079e83bd1c1d8474f770b334d' })));
     }
     static get is() { return "seki-pagination-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-ellipsis.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationEllipsis {
     render() {
-        return (h("span", { key: '451c5784f6d165c9243613705d6600d7a5599c8f', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: '9e5ee941ab6239c00d6e027a5d582ed7d5878c72', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '6e5b51b315c18ac6409a923852532b8fadb2d094', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'f3dd45bb2f04c236a59e293b1ceee7bb4e7fc23e', cx: "19", cy: "12", r: "1" }), h("circle", { key: '1d6ff30035df442efff21da961aea21bfbfc5254', cx: "5", cy: "12", r: "1" })), h("span", { key: 'beeed4c3363b4b5d1f0d66584d6058d829913557', class: "sr-only" }, "More pages")));
+        return (h("span", { key: 'c2b0a291d20582f94e727c2a942e4f545c3d6e9f', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: '7abc5790fdb3fa3ee330301db358cfa4f23f928a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '76878c5d1e4f191e258bfdd5cf9806550b9e4414', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'e737fdc7e36867471ec596e1f98fa5b638afebc6', cx: "19", cy: "12", r: "1" }), h("circle", { key: '4b5b89b4945ec9cd3d932ac3a6e3fc9a652ea43f', cx: "5", cy: "12", r: "1" })), h("span", { key: 'e394c489f3d30d050e0af07385d6c8e12e583644', class: "sr-only" }, "More pages")));
     }
     static get is() { return "seki-pagination-ellipsis"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-item.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationItem {
     render() {
-        return (h("li", { key: '3e9a32b24d02479a5018fb37df0c69bcf9ed8d42', class: "seki-pagination-item", part: "item" }, h("slot", { key: '2c34afbefa62f49d9686f73d46e754fc997ceee3' })));
+        return (h("li", { key: '89f4066584dc0f1544d6e77cd274d5923cc9f4f4', class: "seki-pagination-item", part: "item" }, h("slot", { key: '82b48ac2351a40e972f59626a4807043917b4f24' })));
     }
     static get is() { return "seki-pagination-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-link.js

@@ -17,11 +17,11 @@ export class SekiPaginationLink {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '76c74b81c204da5f33f2a9d6ca43456c2f187a80', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: '967993ec205c7755d4801c32b771241990a68143', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-link--active': !!this.active,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "link" }, h("slot", { key: '33a477e107218327d3fafef458aebd238f93e946' })));
+            }, part: "link" }, h("slot", { key: '39db050b20e68474d2f6c62e174797234ee0ff64' })));
     }
     static get is() { return "seki-pagination-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-next.js

@@ -13,11 +13,11 @@ export class SekiPaginationNext {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: 'b99bc421527b506a26e5670e689f90ee4367d66d', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: '2a690e5834ac5da81412e76c2ada3ff9cd35c8b6', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "next" }, h("span", { key: '61f16884b2db9b05eee2572bba7f8900eef1d457' }, "Next"), h("svg", { key: 'ed511f11b7b05f65a777dd3defd11e738a060a6a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '8f04826fd04b0850440c3d86b463b809d8d633a2', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, h("span", { key: 'dc418dfc6a2e2f168892b2ddae8dfcef111f434a' }, "Next"), h("svg", { key: 'c9ce6b59ddcead981aa47eabc1d223a53b0d716c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '4369d14ef215202a104350402682d9292ce0e1e1', d: "m9 18 6-6-6-6" }))));
     }
     static get is() { return "seki-pagination-next"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-previous.js

@@ -13,11 +13,11 @@ export class SekiPaginationPrevious {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: 'e330730e539f6d328ffc90d08e666617ae0c9f69', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: 'ef4925c7d719e7d44ab82398f56d6370f5e82004', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "previous" }, h("svg", { key: '24900d5ae4a3636fba9f8dead20a787dd286075b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '45169865e0e5d53956c2554049e98e0584964eb4', d: "m15 18-6-6 6-6" })), h("span", { key: '31545bbcdde9afdb1b5885810affefa4f5c9d7b8' }, "Previous")));
+            }, part: "previous" }, h("svg", { key: 'd3c35cb065400db6a7542cdcb20e8c2cd1d83cc5', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'd9fc870f70280fc690d682ae953b141276a22a42', d: "m15 18-6-6 6-6" })), h("span", { key: 'f51dca37a7abe81d801e4ab57bd34779ca3f91d5' }, "Previous")));
     }
     static get is() { return "seki-pagination-previous"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination.js

@@ -20,7 +20,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPagination {
     render() {
-        return (h("nav", { key: '508b9f9a002100b5e30d522de0d09159c418366c', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '7866bea20669d995108345f8e776ba45af765c1a' })));
+        return (h("nav", { key: '1d84845dc0fabf9c5e76d7d87d3649ca5804b37f', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: 'd4d7361f987c9d1b7b13bc750675520400d413cd' })));
     }
     static get is() { return "seki-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover/seki-popover-close.js

@@ -11,7 +11,7 @@ export class SekiPopoverClose {
         this.closePopover.emit();
     }
     render() {
-        return (h(Host, { key: '4917bd1761ecebcc2db91c8a9c407342cb729843' }, h("button", { key: '43a1df6ddee8abbd27a119becead5f58730b8c5f', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '566eb434e4b308707d702f82376222354a4ce806' }, h("svg", { key: '80321d5633cbfa202c391f902cd0c6ab6151fefd', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'e630a6cb52dd71bc5363af19e97eb6bcd25d16c2', d: "M18 6 6 18" }), h("path", { key: 'e95c3d88bee560187b200932ef37d0472745208f', d: "m6 6 12 12" }))))));
+        return (h(Host, { key: 'd5f9d95bfdc09e702281be6280c4dbae85361bb1' }, h("button", { key: '1f78c889e231270b62cbe09163711f65a28a2225', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '39209801b8ff3190ed8be1d7cd41bc160ba936e3' }, h("svg", { key: 'd61896a2f99c4dd64f35259252db984d5a9b32ca', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'b24ec46563cbc1cfb7b25dd484b397b05e660e4f', d: "M18 6 6 18" }), h("path", { key: '78401fb6ecde93e85119550a681118fd99228dfe', d: "m6 6 12 12" }))))));
     }
     static get is() { return "seki-popover-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover/seki-popover-trigger.js

@@ -12,7 +12,7 @@ export class SekiPopoverTrigger {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: '033c753ac4ae6fad59e75ff163c2517f69dd4d46' }, h("span", { key: '5fe817152dd4213c40c40b0815d4a02ead153baa', part: "trigger", class: "popover-trigger" }, h("slot", { key: '8cd45c21866db82966d918205745fb90a4091256' }))));
+        return (h(Host, { key: '8685cb4454749c1c60137d787b1862b3364c7b2f' }, h("span", { key: '01a3f5040e5f083b647867acb9316533a6b45d6e', part: "trigger", class: "popover-trigger" }, h("slot", { key: '78a7b24dd92a99b6121e3deb0d61bc41858a6eec' }))));
     }
     static get is() { return "seki-popover-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover/seki-popover.js

@@ -147,7 +147,7 @@ export class SekiPopover {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: 'cef5d98f8e1fb7ba9e12c480d94b30ef0dfbc9d4', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '64022373efb5c3835d3a6a2d58b5c8f7b5faba78', part: "popover", class: "popover" }, h("slot", { key: 'ada45ba79cb523fad6bbdf077b7f840ae4a37207' }))));
+        return (h(Host, { key: 'd75007d41acb09b7500ccb6e533f2b23e72ab129', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '9f170c69dab28430f609f2ec35470fc820d41af9', part: "popover", class: "popover" }, h("slot", { key: '74adb8ee39da12f890d326121b0fb75d17b043ec' }))));
     }
     static get is() { return "seki-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -212,7 +212,7 @@ export class SekiPopover {
                     "references": {
                         "PopoverSide": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/popover/seki-popover.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/popover/seki-popover.tsx",
                             "id": "src/components/popover/seki-popover.tsx::PopoverSide"
                         }
                     }
@@ -238,7 +238,7 @@ export class SekiPopover {
                     "references": {
                         "PopoverAlign": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/popover/seki-popover.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/popover/seki-popover.tsx",
                             "id": "src/components/popover/seki-popover.tsx::PopoverAlign"
                         }
                     }

package/dist/collection/components/progress/seki-progress.js

@@ -66,7 +66,7 @@ export class SekiProgress {
         const state = this.getState();
         const percentage = this.getPercentage();
         const isIndeterminate = state === 'indeterminate';
-        return (h("div", { key: '96eccc43ef9afaa2cfe9cccdb8080f0fb2967717', class: "seki-progress", role: "progressbar", "aria-valuenow": isIndeterminate ? undefined : this.value, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuetext": this.getValueLabel(), "aria-label": this.ariaLabel, "data-state": state, "data-value": this.value, "data-max": this.max }, h("div", { key: '764f8720a5b1c90ad08c56e0b2af74eb3a804116', class: {
+        return (h("div", { key: '99938d55e64406e686299d3b89d9651d73b462b1', class: "seki-progress", role: "progressbar", "aria-valuenow": isIndeterminate ? undefined : this.value, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuetext": this.getValueLabel(), "aria-label": this.ariaLabel, "data-state": state, "data-value": this.value, "data-max": this.max }, h("div", { key: 'b6d2e57c16f2203cc0389a75e0b566573f060735', class: {
                 'seki-progress__indicator': true,
                 'seki-progress__indicator--indeterminate': isIndeterminate,
             }, "data-state": state, "data-value": this.value, "data-max": this.max, style: {

package/dist/collection/components/radio-group/seki-radio-group-item.js

@@ -47,7 +47,7 @@ export class SekiRadioGroupItem {
     }
     render() {
         const dataState = this.checked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '579ceb0e20eb50b3363a5682b1feb58bc006aa6a', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: 'b85d5fcadba0c845c348a62249032637d53ff146', type: "button", role: "radio", class: "radio", part: "radio", ref: el => this.buttonEl = el, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, tabindex: this.checked ? 0 : -1, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.checked && (h("span", { key: '6d803cc2513056546bb60deee9ea1dab08b0ebc4', class: "indicator", part: "indicator" })))));
+        return (h(Host, { key: '5b0fb24b88221c82b3eb48f808a25d7edf4eb5d9', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '53fa5e3b2b6091b81bb149e827eb389e6fbf3d07', type: "button", role: "radio", class: "radio", part: "radio", ref: el => this.buttonEl = el, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, tabindex: this.checked ? 0 : -1, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.checked && (h("span", { key: 'd5e370660fe179f735d7fa2dfc8edc8ab3495b23', class: "indicator", part: "indicator" })))));
     }
     static get is() { return "seki-radio-group-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-group/seki-radio-group.js

@@ -123,7 +123,7 @@ export class SekiRadioGroup {
         this.updateChildItems();
     }
     render() {
-        return (h(Host, { key: 'd4c3f644d16117f98472c22b7a4f4bae72fcedf1', role: "radiogroup", "aria-label": this.ariaLabel, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : null }, h("slot", { key: 'fe5fc84916d92fff0d929be539e76be41b275a30' }), this.name && this.selectedValue && (h("input", { key: '788973728809316b241244439643b514d6108e2f', type: "hidden", name: this.name, value: this.selectedValue }))));
+        return (h(Host, { key: 'e0d28aa41b7b652b473be2e13b7a22f9ba2819f1', role: "radiogroup", "aria-label": this.ariaLabel, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : null }, h("slot", { key: 'a473ca1e4ecdb119900efe8dd7131dbb10b95561' }), this.name && this.selectedValue && (h("input", { key: '816e87cd83a955a27b4ffb18ed409397929b9947', type: "hidden", name: this.name, value: this.selectedValue }))));
     }
     static get is() { return "seki-radio-group"; }
     static get encapsulation() { return "shadow"; }