@sekiui/elements 0.0.65 → 0.0.70

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: '1e15eed56c1cc1d3a7e4f54800198928f127ae9c', 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: '78c9fa0c819e80128368896afffba042e26045bd' }, h("button", { key: 'd9a46543ea2fcad836f087633d3eb5a830bd3f25', 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: '04670a9be8fc10a5e4917f6568a901131d8f896c' }, h("svg", { key: 'a5de654412aadb1d39534cec77597cbadb231828', 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: '70ebebdbb665e8639bc50efd783201067ecf41f1', width: "18", height: "18", x: "3", y: "3", rx: "2" }), h("path", { key: 'c14ca4bb0fe69d906d3700664b40d0442fb2a752', d: "M9 3v18" }))), h("span", { key: '06090a10fe7b7b7cf0ba8208dac5c07b62727839', 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: '9c593a14c324e1aaa2b053f9b93f28f52388ee84', "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: '250e88b3898a4c16818b77e54e7776874ad1e4e7', class: "sidebar-overlay", onClick: this.handleOverlayClick, "aria-hidden": "true" })), h("aside", { key: 'e369c1820c8c030517351509227f146af16e9227', class: {
                 'sidebar': true,
                 'sidebar--mobile-sheet': showMobileSheet,
-            }, role: "complementary", "aria-label": "Sidebar" }, h("slot", { key: 'ef36f8104c6b57429e1ba0f0008bea410594ad42' }))));
+            }, role: "complementary", "aria-label": "Sidebar" }, h("slot", { key: '8b4f0a0957a4872cb98087614f0556228ce28faa' }))));
     }
     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: '1b054ace60e6218f105cc71ee96694f2ef4291d6', 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: '2275584be18d9fe7794e4f47f2a637cdf92b7979', "data-disabled": this.disabled ? '' : null, "data-orientation": this.orientation }, h("div", { key: 'f8efce43707f448b3069ece4d0d10dab7bbb74ba', class: "slider", part: "slider", ref: el => this.trackEl = el, onMouseDown: this.handleMouseDown, onTouchStart: this.handleTouchStart }, h("div", { key: 'ff64b060e389fa730e7949782036789a7af9bc65', class: "track", part: "track" }, h("div", { key: 'ff8cb1187e741e68dd36b40198911bf136fd8c1e', class: "range", part: "range", style: rangeStyle })), h("div", { key: '9bf15fafb4fd4930f34e7be4a2bd525558248ffd', 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: '00014ab63d2edb20273128a96fc41b02f8b8296e', 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: 'c26c4fb0f2b64e50fb8c47ec7786b2ba6f1e7da6' }, h("div", { key: '3e29ae567e832af8340a7c68302399c5b7e8be39', 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: '642c4ccfed35d24957c8ca20cbd7805b56da6f54', class: "spinner__svg", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'f7abeccd3a8fd8cc57a788495acc9f8971803d55', class: "spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3" }), h("circle", { key: '27457de694ea4345e06acd48057d1b64cb7748ae', class: "spinner__circle", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })), h("span", { key: '0cab9d252cef18096980f7a0ccd511346f8864c0', 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: 'fafa51808ed1ba5141df164fe641f756610d3938', class: "seki-table-body" }, h("slot", { key: '8e0cecc7c5abbc0e75c21a72bc721b6df7521af5' })));
     }
     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: '57792691bf3a21c82bd7e73a0a07c368d5902af1', class: "seki-table-caption" }, h("slot", { key: '31928c90afa2b6ace8a77bbb04846c25e48cafd6' })));
     }
     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: '833fe00c58364227d2622241c838d1e7815a179b', class: "seki-table-footer" }, h("slot", { key: '4388c87e81e861fbaf9b6b5c6c46c07380229a5e' })));
     }
     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: '146b98ed3c012a57dde0373bc28b6adbae4501b2', class: "seki-table-header" }, h("slot", { key: '2dac4b2a2a1f1b3610b50edefe1c1a8009c93aab' })));
     }
     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: '909b8a01a20f2a4a7a4c1b00af6c6bbe89580472', 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: 'e17ebb31eaa50cce9fed60add6e164b85e71a721' })));
     }
     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: '3acb8e7472ce95f56bbefd8e93dc5888108974dd', class: "seki-table-container" }, h("table", { key: 'b3342e374a71fdf6671d8046371eff99e3828b30', class: "seki-table", role: "table", "aria-label": this.ariaLabel }, h("slot", { key: '5a1a097fb01ddad0f8d8b93a4967d44fb37186de' }))));
     }
     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: 'cda015b0c95cac977845618c75529b1143b4f907', "data-state": isSelected ? 'active' : 'inactive', role: "tabpanel", id: this.panelId, "aria-labelledby": this.triggerId, hidden: !isSelected, tabindex: isSelected ? 0 : -1 }, h("div", { key: 'a62692efbd0b87adde9c59e6ec4b0170040a3ae0', part: "content", class: {
                 'tabs-content': true,
                 'tabs-content--active': isSelected,
-            } }, h("slot", { key: 'addfca6a999b03437d6a7183e9f9807b9844cc60' }))));
+            } }, h("slot", { key: '373bba992d78742e4f34c98b2dc1743edc292dc4' }))));
     }
     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: '1e9a605e9c978ec43e90ccc0431e7c3f6d308509', "data-orientation": orientation }, h("div", { key: '8fa3fe2756b7d93786a83f008d4d68cb04d39ea8', part: "list", role: "tablist", "aria-orientation": orientation, class: {
                 'tabs-list': true,
                 [`tabs-list--${orientation}`]: true,
-            } }, h("slot", { key: '121bdea6f6f016fc21560f9a3efd6d0fe6288d65' }))));
+            } }, h("slot", { key: '3416680b29c7e666973a5eb7ef402f8fcd77fce5' }))));
     }
     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: 'e3f67b43e45ff31a2e336c6fe163dd1427107d07', "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: '947c8ade8bd85dd453c17edcf26251241e749610', 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: 'ef0d99f533ef6c810c8636dc5928dbf8e357b3f0' }))));
     }
     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: 'cc98062ce5a1c48855c3e6a88839561e0a8fb6a3', "data-orientation": this.orientation }, h("div", { key: '921f7c6175591161a9a084e65fc678f4953cbc54', part: "tabs", class: {
                 'tabs': true,
                 [`tabs--${this.orientation}`]: true,
-            } }, h("slot", { key: 'fe3217aa3442292598afe65810e4d81fe9c7ada8' }))));
+            } }, h("slot", { key: '0f197989fc5426d54917faaf7897d82621db17a2' }))));
     }
     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: '6ae4db636a3ca31989cff059992f2acfbdea673a', 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: 'd475d834bb50c29db6a1dc365de9724bb3b144a8', "data-state": dataState, "data-disabled": effectiveDisabled ? '' : null }, h("button", { key: 'df561355d750b54ac05c411b8e775ccd1869b1e7', 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: '72d5518a5bbf999a44f51de6f79f49a6db1bfb74' }))));
     }
     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",