@sekiui/elements 0.0.65 → 0.0.69

package/dist/collection/components/sidebar/seki-sidebar-separator.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarSeparator {
     render() {
-        return (h("div", { key: 'a9f887e2d002ca3173d60df047e88545a8048838', class: "sidebar-separator", role: "separator" }));
+        return (h("div", { key: 'd7e42f8bfd5151d7e0672ac4e40ed049f7414466', class: "sidebar-separator", role: "separator" }));
     }
     static get is() { return "seki-sidebar-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SekiSidebarTrigger {
         this._isMobile = event.detail.isMobile;
     }
     render() {
-        return (h(Host, { key: '2f693d10be61688032b74b526854af8dc81fdd43' }, h("button", { key: '643840bdc8cc2a059b99737136eecc51b9a5221a', class: "sidebar-trigger", type: "button", disabled: this.disabled, onClick: this.handleClick, "aria-label": this._isOpen ? 'Close sidebar' : 'Open sidebar', "aria-expanded": this._isOpen ? 'true' : 'false', "data-state": this._isOpen ? 'open' : 'closed' }, h("slot", { key: 'f833fd9e16545e85af783b390539a43c6ad813fe' }, h("svg", { key: 'ff9f3ee7f7d7105bfac2796e259b8f732a38c563', 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("rect", { key: '6a1765c30f82f0463439ce3090b67cebd159128f', width: "18", height: "18", x: "3", y: "3", rx: "2" }), h("path", { key: '551da819f857e85861a6fbfab0af9f2ba9c104e3', d: "M9 3v18" }))), h("span", { key: '5f524487ccf0d64dae65cc86671ef39507322553', class: "sr-only" }, this._isOpen ? 'Close sidebar' : 'Open sidebar'))));
+        return (h(Host, { key: '08a680ef3cfe15d23a220ea5d381384ce10dfd16' }, h("button", { key: '7694fa5d6dff520e097d25a22c48861409c9a7a4', class: "sidebar-trigger", type: "button", disabled: this.disabled, onClick: this.handleClick, "aria-label": this._isOpen ? 'Close sidebar' : 'Open sidebar', "aria-expanded": this._isOpen ? 'true' : 'false', "data-state": this._isOpen ? 'open' : 'closed' }, h("slot", { key: '203f2e1d92e88486d0cc907281c5358370751f4e' }, h("svg", { key: 'bbe50999e59e711268987cd5a43b381568cb5e3d', 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("rect", { key: '4669a1104f3d0e5185111115fdbe4cf63c01ebb4', width: "18", height: "18", x: "3", y: "3", rx: "2" }), h("path", { key: '522b470b35cd5f2fd2c15301c2eb474dfd9e9363', d: "M9 3v18" }))), h("span", { key: 'f6aaece7c71c380115758aa1fb087fca52fc8ee9', class: "sr-only" }, this._isOpen ? 'Close sidebar' : 'Open sidebar'))));
     }
     static get is() { return "seki-sidebar-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,10 +47,10 @@ export class SekiSidebar {
         const isIconMode = this.collapsible === 'icon' && isClosed && !this._isMobile;
         const isOffcanvas = this.collapsible === 'offcanvas' && isClosed && !this._isMobile;
         const showMobileSheet = this._isMobile && this._openMobile;
-        return (h(Host, { key: '70709e0573bf47f13c7fc02d2a2c846cc204ea0e', "data-variant": this.variant, "data-collapsible": this.collapsible, "data-side": this.side, "data-state": isOpen ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-icon-mode": isIconMode ? 'true' : 'false', "data-offcanvas": isOffcanvas ? 'true' : 'false' }, showMobileSheet && (h("div", { key: 'eeecc2e8b901d3946b5828fd965febf91a6cafca', class: "sidebar-overlay", onClick: this.handleOverlayClick, "aria-hidden": "true" })), h("aside", { key: 'c56e5d67ea3088b02d2e1da45490c4667007e3c1', class: {
+        return (h(Host, { key: 'c6c96265857f3e20ea663b468f33d9441813de0a', "data-variant": this.variant, "data-collapsible": this.collapsible, "data-side": this.side, "data-state": isOpen ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-icon-mode": isIconMode ? 'true' : 'false', "data-offcanvas": isOffcanvas ? 'true' : 'false' }, showMobileSheet && (h("div", { key: '74e0f9bbbc7215bbbb9477561e98153252c8d3d1', class: "sidebar-overlay", onClick: this.handleOverlayClick, "aria-hidden": "true" })), h("aside", { key: '4640e4eddc2e65032c6ac3b1a94d7f14168504ad', class: {
                 'sidebar': true,
                 'sidebar--mobile-sheet': showMobileSheet,
-            }, role: "complementary", "aria-label": "Sidebar" }, h("slot", { key: 'ef36f8104c6b57429e1ba0f0008bea410594ad42' }))));
+            }, role: "complementary", "aria-label": "Sidebar" }, h("slot", { key: 'bab088126afba07c6ff796e966725dc86c217781' }))));
     }
     static get is() { return "seki-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class SekiSkeleton {
         }
     }
     render() {
-        return (h("div", { key: '2029cd826db25565235b0c59d499fd17b31ec85e', class: "skeleton", part: "skeleton", role: "status", "aria-busy": "true", "aria-label": this.ariaLabel || undefined }));
+        return (h("div", { key: 'cd8aba480b4b1e81635483b2aca966247ac2c68e', class: "skeleton", part: "skeleton", role: "status", "aria-busy": "true", "aria-label": this.ariaLabel || undefined }));
     }
     static get is() { return "seki-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -250,7 +250,7 @@ export class SekiSlider {
         const thumbStyle = isVertical
             ? { bottom: `${percentage}%` }
             : { left: `${percentage}%` };
-        return (h(Host, { key: '768e001c918008a591287033f6757a8c1f850607', "data-disabled": this.disabled ? '' : null, "data-orientation": this.orientation }, h("div", { key: '2425d34dd7a2a7ef7448154ac7b5fd03d62b4e94', class: "slider", part: "slider", ref: el => this.trackEl = el, onMouseDown: this.handleMouseDown, onTouchStart: this.handleTouchStart }, h("div", { key: 'f75e73d540460916efd5548e5f9f1971f4734628', class: "track", part: "track" }, h("div", { key: '64b36d9928fa35af5bc96dcd8b2f536a29b1df78', class: "range", part: "range", style: rangeStyle })), h("div", { key: '312c313882899ddbe2be141b5a7abdb48370d6e1', class: "thumb", part: "thumb", ref: el => this.thumbEl = el, style: thumbStyle, role: "slider", tabindex: this.disabled ? -1 : 0, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.currentValue, "aria-orientation": this.orientation, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined })), this.name && (h("input", { key: '5cab40be15c26f47ea9b638b494ebeed69b8fe58', type: "hidden", name: this.name, value: this.currentValue.toString() }))));
+        return (h(Host, { key: 'c013de502a5f52c5125cd8fec89b53b79c4c05b0', "data-disabled": this.disabled ? '' : null, "data-orientation": this.orientation }, h("div", { key: '9c5cd1731431e745f89ff91bc7b5adf01268a76b', class: "slider", part: "slider", ref: el => this.trackEl = el, onMouseDown: this.handleMouseDown, onTouchStart: this.handleTouchStart }, h("div", { key: '0e4c0be6bdb11b5e98c4881c4beb8d2b3d22c3ab', class: "track", part: "track" }, h("div", { key: '4e3ee63821a27c2baaa22014f00e778ce90c84e8', class: "range", part: "range", style: rangeStyle })), h("div", { key: '071112c01b5eaa26dd991c8e7b21068b7f7c45d7', class: "thumb", part: "thumb", ref: el => this.thumbEl = el, style: thumbStyle, role: "slider", tabindex: this.disabled ? -1 : 0, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.currentValue, "aria-orientation": this.orientation, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined })), this.name && (h("input", { key: 'ca6e8990ae407787517ece72a50afd243e8ba52f', type: "hidden", name: this.name, value: this.currentValue.toString() }))));
     }
     static get is() { return "seki-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,11 +30,11 @@ export class SekiSpinner {
         }
     }
     render() {
-        return (h(Host, { key: '9a3638c16b26102376ad2e8e0a958c2a1c7c4d59' }, h("div", { key: '9bcba72d8a348e0cc22f346f3d90e956bbfe4a0b', part: "spinner", class: {
+        return (h(Host, { key: '84229e33e9252299ceb6c2d2749737c6b7b8da96' }, h("div", { key: '89c6fade3c1a79874b92a4fdbdba21f7002030ba', part: "spinner", class: {
                 'spinner': true,
                 [`spinner--${this.size}`]: true,
                 [`spinner--${this.color}`]: true,
-            }, role: "status", "aria-label": this.ariaLabel }, h("svg", { key: '8a6e3dfcca0dddee8d7e1a736e101665248e4192', class: "spinner__svg", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'ab511dc8a5e15de2513063697953a1496f1d2ef9', class: "spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3" }), h("circle", { key: 'da567cec8a4ef0beed14f66d5eaa1e86cfe544c5', class: "spinner__circle", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })), h("span", { key: 'c9110a289d54a54ca7cd20255afc55397bf9ee2a', class: "spinner__sr-only" }, this.ariaLabel))));
+            }, role: "status", "aria-label": this.ariaLabel }, h("svg", { key: '15f47ffbf93d4d8009404d0eb4a6bb0735fe8278', class: "spinner__svg", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'cd78d7cbec03339cf6859eeb28b416b630a5f59c', class: "spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3" }), h("circle", { key: '0e9e909b1c16917c66b2c4e4475f1094757dfbcb', class: "spinner__circle", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })), h("span", { key: '4e498229208d06650773bb7d9c29bb7f1a52039e', class: "spinner__sr-only" }, this.ariaLabel))));
     }
     static get is() { return "seki-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -80,7 +80,7 @@ export class SekiSwitch {
     render() {
         const isChecked = this.isChecked;
         const dataState = isChecked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '06806e2d0eab976505383da939470496ad6f531c', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: 'e6af55004158a95531f549c71b876549cdff13e4', class: "switch", part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, h("span", { key: '9455d11d56c64c576fc305cf6902416c0ddccfc4', class: "thumb", part: "thumb" })), this.name && (h("input", { key: '591d626e085f75db5e3610dc6d341426ca59b4b2', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
+        return (h(Host, { key: 'f5f5f4d87e59638555aefe1dd789e8aa4316316f', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: '88e5657996244d5e162f64958be65e20c0fb250d', class: "switch", part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, h("span", { key: '59d6e289af534e0e8a7b94b6816b2fd4e7175dab', class: "thumb", part: "thumb" })), this.name && (h("input", { key: 'baa5b6c277d7c6285e143100bce4d30e71285261', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
     }
     static get is() { return "seki-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/seki-table-body.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiTableBody {
     render() {
-        return (h("tbody", { key: 'a65236a0d5990b343998cd3c15878fb9d283c3c8', class: "seki-table-body" }, h("slot", { key: 'a5a6782031ce61b1eb7e0121816a7227f34b2007' })));
+        return (h("tbody", { key: '659c861c29488efc79d67b3546527260ac766c81', class: "seki-table-body" }, h("slot", { key: '3a3445f5bec2adbf54c9dc1e0b93373d656f1263' })));
     }
     static get is() { return "seki-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/seki-table-caption.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiTableCaption {
     render() {
-        return (h("caption", { key: 'dfa5d9e52f6968f3a3f550aacd909eb60a6cb593', class: "seki-table-caption" }, h("slot", { key: '12e37ea7e5e84088a9776ae7ff49180424e84ad8' })));
+        return (h("caption", { key: '73519f93e4765cbb8a1b6e2f600264e6ac0f43f4', class: "seki-table-caption" }, h("slot", { key: 'c665e43ffb34da9163222d50cb7c1ddc8838f21c' })));
     }
     static get is() { return "seki-table-caption"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/seki-table-cell.js

@@ -13,10 +13,10 @@ export class SekiTableCell {
     }
     render() {
         const style = this.width ? { width: this.width } : {};
-        return (h("td", { key: '38f78f626f50e0393e24a20b385fd55991695957', class: {
+        return (h("td", { key: 'cbeca5788a3e6bb6ffd2b936e94189899246b744', class: {
                 'seki-table-cell': true,
                 [`seki-table-cell--${this.align}`]: true,
-            }, style: style }, h("slot", { key: '7fc7ff45fb9ff7f5a2d9e0f94fe562c97d707c90' })));
+            }, style: style }, h("slot", { key: 'd2269096bccc140960ad10cb7b896eb09c00685e' })));
     }
     static get is() { return "seki-table-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -41,7 +41,7 @@ export class SekiTableCell {
                     "references": {
                         "TableCellAlign": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/table/seki-table-cell.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/table/seki-table-cell.tsx",
                             "id": "src/components/table/seki-table-cell.tsx::TableCellAlign"
                         }
                     }

package/dist/collection/components/table/seki-table-footer.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiTableFooter {
     render() {
-        return (h("tfoot", { key: 'a5dec4f4f6e61823582ce9080b7d31db5745fe8a', class: "seki-table-footer" }, h("slot", { key: 'dd51ddbaf09c1f7c696a33d331b008d4b8c10ded' })));
+        return (h("tfoot", { key: '9f089e85cf84df5d8e2d312887642cd90bb14257', class: "seki-table-footer" }, h("slot", { key: '6ff3be4f2f3e5dac7e600e88bf6bc88ee58dc7a1' })));
     }
     static get is() { return "seki-table-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/seki-table-head.js

@@ -17,7 +17,7 @@ export class SekiTableHead {
     }
     render() {
         const style = this.width ? { width: this.width } : {};
-        return (h("th", { key: '0a810c64e2723e72680891cd0cb9e7ee744aafbf', class: {
+        return (h("th", { key: '6753623d0d0662274e42d8e57bee500c4dc7f024', class: {
                 'seki-table-head': true,
                 [`seki-table-head--${this.align}`]: true,
                 'seki-table-head--sortable': this.sortable,
@@ -25,7 +25,7 @@ export class SekiTableHead {
                 ? 'ascending'
                 : this.sortDirection === 'desc'
                     ? 'descending'
-                    : undefined }, h("slot", { key: '914649fe0d0d8850deb4befb66fb4745e696b14d' }), this.sortable && this.sortDirection && (h("span", { key: 'bd42422c8818cde8832e4e9f7ef0a39936f37bae', class: "seki-table-head__sort-icon" }, this.sortDirection === 'asc' ? '↑' : '↓'))));
+                    : undefined }, h("slot", { key: '8c779a21dc1e128db29281c846669e12b14cbd84' }), this.sortable && this.sortDirection && (h("span", { key: '3c4f288dff6fa5bc8af75af6447da0191e292c2d', class: "seki-table-head__sort-icon" }, this.sortDirection === 'asc' ? '↑' : '↓'))));
     }
     static get is() { return "seki-table-head"; }
     static get encapsulation() { return "shadow"; }
@@ -50,7 +50,7 @@ export class SekiTableHead {
                     "references": {
                         "TableHeadAlign": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/table/seki-table-head.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/table/seki-table-head.tsx",
                             "id": "src/components/table/seki-table-head.tsx::TableHeadAlign"
                         }
                     }

package/dist/collection/components/table/seki-table-header.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiTableHeader {
     render() {
-        return (h("thead", { key: 'afbb64d421a29b05fb452b08dd5ec0081e039c0d', class: "seki-table-header" }, h("slot", { key: '572aa62fb5d504d367e95d13bef59d2bb36fb679' })));
+        return (h("thead", { key: '1e6410fb600fd64f0c66239a935d4fd2b98e18be', class: "seki-table-header" }, h("slot", { key: 'a5f8fb49c24a9d338f31b8003b78674907c646df' })));
     }
     static get is() { return "seki-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/seki-table-row.js

@@ -12,10 +12,10 @@ export class SekiTableRow {
         this.selected = false;
     }
     render() {
-        return (h("tr", { key: '4aba78c4cdeae47a3a783baf147ad1a19add9466', class: {
+        return (h("tr", { key: '946e7845758b6172474bd57141be869384ce8bfc', class: {
                 'seki-table-row': true,
                 'seki-table-row--selected': this.selected,
-            }, "data-state": this.selected ? 'selected' : undefined }, h("slot", { key: 'c5bae0817ffac1f47290034584f7de91e49fc440' })));
+            }, "data-state": this.selected ? 'selected' : undefined }, h("slot", { key: '6c2883b3aee8b4aad0c61e8623ad063119d100e9' })));
     }
     static get is() { return "seki-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ import { h } from "@stencil/core";
  */
 export class SekiTable {
     render() {
-        return (h("div", { key: '03f3dabac640bb1a4e61b0bd072bae59390e05b6', class: "seki-table-container" }, h("table", { key: '28ec5d43dc7687916a3b04996ad0997aedf441ae', class: "seki-table", role: "table", "aria-label": this.ariaLabel }, h("slot", { key: '26835daa2e6a875431e777596497e616ca002c30' }))));
+        return (h("div", { key: 'db59c688a0a6e67efd1f0ac67ad3e89bd48a87f1', class: "seki-table-container" }, h("table", { key: 'b487f27ff827ca2ba07faf392f6e449f1898b75c', class: "seki-table", role: "table", "aria-label": this.ariaLabel }, h("slot", { key: '6687c626c6902b1df692c6e6b8099de87bd0c89c' }))));
     }
     static get is() { return "seki-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,10 +40,10 @@ export class SekiTabsContent {
     }
     render() {
         const isSelected = this._isSelected;
-        return (h(Host, { key: '8dd1cc47691158b184b13e258ab33591b543fa8d', "data-state": isSelected ? 'active' : 'inactive', role: "tabpanel", id: this.panelId, "aria-labelledby": this.triggerId, hidden: !isSelected, tabindex: isSelected ? 0 : -1 }, h("div", { key: 'bd8ed7a703e4db49c54ba445f1b6dd6e8459da93', part: "content", class: {
+        return (h(Host, { key: '8ec75b0f77742b4cedcf7dee8894ff73c8e031ee', "data-state": isSelected ? 'active' : 'inactive', role: "tabpanel", id: this.panelId, "aria-labelledby": this.triggerId, hidden: !isSelected, tabindex: isSelected ? 0 : -1 }, h("div", { key: '19d79f78333b442cc0d718297695d4540496a527', part: "content", class: {
                 'tabs-content': true,
                 'tabs-content--active': isSelected,
-            } }, h("slot", { key: 'addfca6a999b03437d6a7183e9f9807b9844cc60' }))));
+            } }, h("slot", { key: 'b105f3e0e25115e71c1991d1384e4cc6354a46c3' }))));
     }
     static get is() { return "seki-tabs-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/seki-tabs-list.js

@@ -16,10 +16,10 @@ export class SekiTabsList {
         var _a;
         const context = this.getContext();
         const orientation = (_a = context === null || context === void 0 ? void 0 : context.orientation) !== null && _a !== void 0 ? _a : 'horizontal';
-        return (h(Host, { key: 'a4f558297b72603ff3aa562a8e132e178418205c', "data-orientation": orientation }, h("div", { key: '93cd4c9dbdf07ca344b6c5c5d6f1ff6f84359f8f', part: "list", role: "tablist", "aria-orientation": orientation, class: {
+        return (h(Host, { key: '6b1e6c91bc82718008836055bf3e92a8a0d3a177', "data-orientation": orientation }, h("div", { key: '7dd0a28a61c55d9d15c9f0611848c0438c9c6cc1', part: "list", role: "tablist", "aria-orientation": orientation, class: {
                 'tabs-list': true,
                 [`tabs-list--${orientation}`]: true,
-            } }, h("slot", { key: '121bdea6f6f016fc21560f9a3efd6d0fe6288d65' }))));
+            } }, h("slot", { key: 'c5b8f2fcf6eddacc940981180131769dbbcf22f9' }))));
     }
     static get is() { return "seki-tabs-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -154,10 +154,10 @@ export class SekiTabsTrigger {
     }
     render() {
         const isSelected = this._isSelected;
-        return (h(Host, { key: '320f8f5e2f4042be893971d6dab7fc94c3199176', "data-state": isSelected ? 'active' : 'inactive', "data-disabled": this.disabled ? '' : undefined, tabindex: this.disabled ? -1 : 0, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": this.panelId }, h("button", { key: 'af977ff4477fa8dd3a7c0dac47c166868319a837', part: "trigger", type: "button", id: this.triggerId, class: {
+        return (h(Host, { key: '3907283ce99cfc335fd6ccea77ab9623ed452ea3', "data-state": isSelected ? 'active' : 'inactive', "data-disabled": this.disabled ? '' : undefined, tabindex: this.disabled ? -1 : 0, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": this.panelId }, h("button", { key: 'ed71e3d8d67e5febd0cbabe432d1ea312827a902', part: "trigger", type: "button", id: this.triggerId, class: {
                 'tabs-trigger': true,
                 'tabs-trigger--active': isSelected,
-            }, disabled: this.disabled, tabindex: -1 }, h("slot", { key: 'c7d83a8636573f2b40a57dc524d08ce7e17e6b3b' }))));
+            }, disabled: this.disabled, tabindex: -1 }, h("slot", { key: '52a3b760dcfa93fde17eb121220a0a1fb9fce5bc' }))));
     }
     static get is() { return "seki-tabs-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,10 +61,10 @@ export class SekiTabs {
         this.el._tabsContext = this.getContext();
     }
     render() {
-        return (h(Host, { key: '1fa4ef0d5ab395a45540f2a9206c3e6ac5fda37f', "data-orientation": this.orientation }, h("div", { key: 'ecfad2117c0d4c1a4fb8dd7e163da458f511d7b9', part: "tabs", class: {
+        return (h(Host, { key: 'aa3ce7b10fbcdca1b07e52df6df9e077e7ac6ec8', "data-orientation": this.orientation }, h("div", { key: '4de5f9cc091ba1f8e739fa2beb6fcc9692f2d446', part: "tabs", class: {
                 'tabs': true,
                 [`tabs--${this.orientation}`]: true,
-            } }, h("slot", { key: 'fe3217aa3442292598afe65810e4d81fe9c7ada8' }))));
+            } }, h("slot", { key: '4638174d0ec5a35aa38b33c15d615dba6216246b' }))));
     }
     static get is() { return "seki-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -81,7 +81,7 @@ export class SekiTextarea {
         }
     }
     render() {
-        return (h("textarea", { key: 'a2b3978ca5351c23153e7d03714343329631ab60', value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, rows: this.rows, cols: this.cols, minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autocomplete, class: `textarea textarea--resize-${this.resize}${this.invalid ? ' textarea--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
+        return (h("textarea", { key: '8bc2ee26787e3cafdfc38a7b2c9b54d14bc54dd4', value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, rows: this.rows, cols: this.cols, minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autocomplete, class: `textarea textarea--resize-${this.resize}${this.invalid ? ' textarea--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
     }
     static get is() { return "seki-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toast/seki-toaster.js

@@ -103,7 +103,7 @@ export class SekiToaster {
             'seki-toaster': true,
             [`seki-toaster--${this.position}`]: true,
         };
-        return (h("div", { key: 'a70749a0be4a50c68c3a1976b07f27543729257f', class: positionClasses, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, this.toasts.map((toast) => (h("div", { key: toast.id, class: {
+        return (h("div", { key: '9e396d725bb3a4d70e681933e9cc0e480071dad3', class: positionClasses, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, this.toasts.map((toast) => (h("div", { key: toast.id, class: {
                 'seki-toast': true,
                 [`seki-toast--${toast.type}`]: true,
             }, role: "alert", "aria-atomic": "true", onMouseEnter: () => this.handleMouseEnter(toast.id), onMouseLeave: () => this.handleMouseLeave(toast) }, h("div", { class: "seki-toast__icon" }, this.renderIcon(toast.type)), h("div", { class: "seki-toast__content" }, h("div", { class: "seki-toast__message" }, toast.message), toast.description && (h("div", { class: "seki-toast__description" }, toast.description))), h("div", { class: "seki-toast__actions" }, toast.action && (h("button", { class: "seki-toast__action-btn", onClick: () => this.handleActionClick(toast) }, toast.action.label)), h("button", { class: "seki-toast__dismiss", "aria-label": "Dismiss notification", onClick: () => this.handleDismiss(toast.id) }, h("svg", { 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("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))))));
@@ -145,7 +145,7 @@ export class SekiToaster {
                     "references": {
                         "ToastPosition": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/toast/seki-toaster.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/toast/seki-toaster.tsx",
                             "id": "src/components/toast/seki-toaster.tsx::ToastPosition"
                         }
                     }

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

@@ -30,13 +30,25 @@ export class SekiToggle {
          * Internal pressed state for uncontrolled mode.
          */
         this.internalPressed = false;
+        /**
+         * Cached group context reference
+         */
+        this.groupContext = null;
         /**
          * Toggle pressed state and emit event
          */
         this.toggle = () => {
-            if (this.disabled) {
+            if (this.disabled)
+                return;
+            // If in group, check group's disabled state too
+            if (this.isInGroup && this.groupContext.disabled)
+                return;
+            // If in group, delegate to group
+            if (this.isInGroup && this.value) {
+                this.groupContext.onToggle(this.value);
                 return;
             }
+            // Standalone toggle behavior
             const newPressedState = !this.isPressed;
             // Update internal state only in uncontrolled mode
             if (this.pressed === undefined) {
@@ -53,15 +65,55 @@ export class SekiToggle {
         };
     }
     /**
-     * Initialize internal pressed state from defaultPressed
+     * Get toggle group context from parent element
      */
+    getGroupContext() {
+        var _a;
+        const group = this.el.closest('seki-toggle-group');
+        return (_a = group === null || group === void 0 ? void 0 : group.toggleGroupContext) !== null && _a !== void 0 ? _a : null;
+    }
+    /**
+     * Check if toggle is inside a group
+     */
+    get isInGroup() {
+        return this.groupContext !== null;
+    }
     componentWillLoad() {
-        this.internalPressed = this.defaultPressed;
+        this.groupContext = this.getGroupContext();
+        if (this.groupContext && this.value) {
+            this.groupContext.registerToggle(this.value, this.el);
+        }
+        // Dev mode warning for missing value in group
+        if (this.groupContext && !this.value) {
+            console.warn(`[seki-toggle] Toggle inside seki-toggle-group requires a "value" prop. ` +
+                `Please add value prop to identify this toggle in the group.`);
+        }
+        // Only initialize internal state if not in group
+        if (!this.isInGroup) {
+            this.internalPressed = this.defaultPressed;
+        }
+    }
+    componentDidLoad() {
+        // Re-check context after render (in case group renders after toggle)
+        this.groupContext = this.getGroupContext();
+        if (this.groupContext && this.value) {
+            this.groupContext.registerToggle(this.value, this.el);
+        }
+    }
+    disconnectedCallback() {
+        if (this.groupContext && this.value) {
+            this.groupContext.unregisterToggle(this.value);
+        }
     }
     /**
-     * Get current pressed state (controlled vs uncontrolled)
+     * Get current pressed state (from group context or local state)
      */
     get isPressed() {
+        // If in group, get pressed state from group context
+        if (this.isInGroup && this.value) {
+            return this.groupContext.isPressed(this.value);
+        }
+        // Otherwise use local controlled/uncontrolled state
         return this.pressed !== undefined ? this.pressed : this.internalPressed;
     }
     /**
@@ -80,7 +132,25 @@ export class SekiToggle {
     render() {
         const isPressed = this.isPressed;
         const dataState = isPressed ? 'on' : 'off';
-        return (h(Host, { key: 'd9db4c7b09c03f007691edb6e3eff4b6575f17ad', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '1f99f4d55f077ac7164f6518f3ec117058a5393c', type: "button", class: `toggle toggle--${this.variant} toggle--${this.size}`, part: "toggle", "aria-pressed": isPressed ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: 'd86129b9b6246b71813dfde2ba68895ca1ca2cd0' }))));
+        // Use group's variant/size if in group, otherwise use own props
+        const effectiveVariant = this.isInGroup ? this.groupContext.variant : this.variant;
+        const effectiveSize = this.isInGroup ? this.groupContext.size : this.size;
+        const effectiveDisabled = this.isInGroup ? (this.disabled || this.groupContext.disabled) : this.disabled;
+        // Roving tabindex: if in group, only focused toggle gets tabindex 0
+        let tabIndex;
+        if (this.isInGroup && this.value) {
+            const focusedValue = this.groupContext.focusedValue;
+            // If no focused value set, first toggle or selected toggle gets tabindex 0
+            if (focusedValue === null) {
+                // Check if this is first toggle or a selected toggle
+                const isSelected = this.groupContext.isPressed(this.value);
+                tabIndex = isSelected ? 0 : -1;
+            }
+            else {
+                tabIndex = focusedValue === this.value ? 0 : -1;
+            }
+        }
+        return (h(Host, { key: '4f8432efd714ae7e5b9f3dbd10c116daabaea526', "data-state": dataState, "data-disabled": effectiveDisabled ? '' : null }, h("button", { key: '99f42d5b0b4077c19730b493870b2f25ae2c5280', type: "button", class: `toggle toggle--${effectiveVariant} toggle--${effectiveSize}`, part: "toggle", "aria-pressed": isPressed ? 'true' : 'false', "aria-disabled": effectiveDisabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, disabled: effectiveDisabled, tabindex: tabIndex, onClick: this.handleClick }, h("slot", { key: 'e37dae1242fe25a9fd09aa56318339d0046d91ba' }))));
     }
     static get is() { return "seki-toggle"; }
     static get encapsulation() { return "shadow"; }
@@ -96,6 +166,25 @@ export class SekiToggle {
     }
     static get properties() {
         return {
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Value identifier when used inside a toggle group."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
             "pressed": {
                 "type": "boolean",
                 "mutable": false,
@@ -218,7 +307,8 @@ export class SekiToggle {
     }
     static get states() {
         return {
-            "internalPressed": {}
+            "internalPressed": {},
+            "groupContext": {}
         };
     }
     static get events() {
@@ -239,6 +329,7 @@ export class SekiToggle {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
     static get listeners() {
         return [{
                 "name": "keydown",