@sekiui/elements 0.0.64 → 0.0.69

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

@@ -42,13 +42,13 @@ export class SekiSidebarMenuSub {
         }
     }
     render() {
-        return (h(Host, { key: 'c4cc2fc8d329dc20b520dbee53a8eae0545024b7', "data-state": this._open ? 'open' : 'closed' }, h("div", { key: '7a5de5390de326b738e19153ed263569515b6051', class: "sidebar-menu-sub" }, h("div", { key: '0198303e0fef1634f9a334ad567e7aa66cc92f0b', class: "sidebar-menu-sub-trigger" }, h("slot", { key: 'fd661ee57f34210e3a8adebd37d26845b7cc1494', name: "trigger" }), h("svg", { key: '8e4e97921723e0dd70ab833e2a9f85f6a82c5027', class: {
+        return (h(Host, { key: 'd3406ed060823eb450b20abf4b8d7385fde73919', "data-state": this._open ? 'open' : 'closed' }, h("div", { key: 'e579b288095aa04ef656ef58fade0f2360fd2083', class: "sidebar-menu-sub" }, h("div", { key: 'a3e8c4989752e605c4682d3035ef8218074004e1', class: "sidebar-menu-sub-trigger" }, h("slot", { key: '08f9702faf122816c0a7ffada1389f94d15c5c99', name: "trigger" }), h("svg", { key: '5a761ceea02b1e118c0b0f6941578893b3820947', class: {
                 'sidebar-menu-sub-chevron': true,
                 'sidebar-menu-sub-chevron--open': this._open,
-            }, 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: '27387ab6bbfac4e879ee6f22df6a7dcc0549f231', d: "m9 18 6-6-6-6" }))), h("div", { key: 'bd6a82d19dba84667ef6d3e86c155276597f195f', class: {
+            }, 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: 'ce32c37a7fef121eb9abb77d28bf3eeec83e97c1', d: "m9 18 6-6-6-6" }))), h("div", { key: '3be7a1efd4fd688c89659824cb2b6a865a6f7af2', class: {
                 'sidebar-menu-sub-wrapper': true,
                 'sidebar-menu-sub-wrapper--open': this._open,
-            } }, h("ul", { key: 'c32f2fa9adc6e80c61c66f127d6e79d605b00105', class: "sidebar-menu-sub-content", role: "menu", "aria-hidden": !this._open }, h("slot", { key: 'd23d71ff7d06a1e2eb43330b1eda11013d141398' }))))));
+            } }, h("ul", { key: '06579c4170bdc6c3311da2a51389cb27df69328e', class: "sidebar-menu-sub-content", role: "menu", "aria-hidden": !this._open }, h("slot", { key: '264403ac7197d7ce986a8c1e87ee079b53986e34' }))))));
     }
     static get is() { return "seki-sidebar-menu-sub"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenu {
     render() {
-        return (h("ul", { key: '43a16f7b41789549c38bc0a6175c4a48d00b898a', class: "sidebar-menu", role: "menu" }, h("slot", { key: '480a77a093c7969f4803c2e599e883b05b890424' })));
+        return (h("ul", { key: '54a7adecd1e8d98005cdad00fc87f9873c5397a2', class: "sidebar-menu", role: "menu" }, h("slot", { key: '951d8d213f8afb651067c10ff132f2cd8f3de5bc' })));
     }
     static get is() { return "seki-sidebar-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -131,7 +131,7 @@ export class SekiSidebarProvider {
             '--sidebar-width-icon': this.sidebarWidthIcon,
             '--sidebar-width-mobile': this.sidebarWidthMobile,
         };
-        return (h(Host, { key: '3a8c9a93e78ea4de3b82d03978cb74aa34dd7593', "data-state": this._open ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-mobile-open": this._openMobile ? 'true' : 'false', style: style }, h("slot", { key: '153a4d1656c5da6ecc31bdc775c16dbbcfa47e64' })));
+        return (h(Host, { key: 'd79545734bb16870384b1478d4f2302ddb9c83de', "data-state": this._open ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-mobile-open": this._openMobile ? 'true' : 'false', style: style }, h("slot", { key: 'bc0c69752dc849c45b7fb90dea988104631e5745' })));
     }
     static get is() { return "seki-sidebar-provider"; }
     static get encapsulation() { return "shadow"; }
@@ -287,7 +287,7 @@ export class SekiSidebarProvider {
                     "references": {
                         "SidebarStateChangeDetail": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/sidebar/seki-sidebar-provider.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/sidebar/seki-sidebar-provider.tsx",
                             "id": "src/components/sidebar/seki-sidebar-provider.tsx::SidebarStateChangeDetail"
                         }
                     }

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

@@ -9,7 +9,7 @@ export class SekiSidebarRail {
         };
     }
     render() {
-        return (h(Host, { key: 'eaa74e7a0ca288c6958879a38cfddd6430412dfe' }, h("button", { key: '5e70eb377de84c4064e1c0a50cade2a0c2fda425', class: "sidebar-rail", type: "button", tabIndex: -1, "aria-hidden": "true", onClick: this.handleClick, title: "Toggle sidebar" }, h("slot", { key: '47128a0e622274ac75906ffd14879a3a51c3463b' }))));
+        return (h(Host, { key: 'eccc7df78aaa127cf8d0d3330188acc418204cf2' }, h("button", { key: '73a345b6289b54c4e71616d807ec60f73e56b82c', class: "sidebar-rail", type: "button", tabIndex: -1, "aria-hidden": "true", onClick: this.handleClick, title: "Toggle sidebar" }, h("slot", { key: 'a4d3b2a1b8a37b5248aeb217e8b929189ecca487' }))));
     }
     static get is() { return "seki-sidebar-rail"; }
     static get encapsulation() { return "shadow"; }

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.css

@@ -770,42 +770,42 @@
   /* Dimensions with CSS custom properties */
   width: var(--seki-switch-width, 2.75rem);
   height: var(--seki-switch-height, 1.5rem);
-  
+
   /* Layout */
   position: relative;
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
-  
+
   /* Background colors */
-  background-color: var(--seki-switch-bg-unchecked, hsl(var(--muted, 240 4.8% 95.9%)));
-  
+  background-color: var(--seki-switch-bg-unchecked, var(--seki-muted, hsl(240 4.8% 95.9%)));
+
   /* Border radius */
   border-radius: 9999px;
-  
+
   /* Cursor */
   cursor: pointer;
-  
+
   /* Transition */
   transition: background-color var(--seki-switch-transition-duration, 150ms) ease-out;
-  
+
   /* Outline for focus */
   outline: none;
 }
 
 .switch:focus-visible {
-  outline: 2px solid var(--seki-switch-focus-ring, hsl(var(--ring, 240 5% 64.9%)));
+  outline: 2px solid var(--seki-switch-focus-ring, var(--seki-ring, hsl(240 5% 64.9%)));
   outline-offset: 2px;
 }
 
 /* Checked state */
 :host([data-state="checked"]) .switch {
-  background-color: var(--seki-switch-bg-checked, hsl(var(--primary, 240 5.9% 10%)));
+  background-color: var(--seki-switch-bg-checked, var(--seki-primary, hsl(240 5.9% 10%)));
 }
 
 /* Disabled state */
 :host([data-disabled]) .switch {
-  background-color: var(--seki-switch-bg-disabled, hsl(var(--muted, 240 4.8% 95.9%) / 0.5));
+  background-color: var(--seki-switch-bg-disabled, var(--seki-muted, hsl(240 4.8% 95.9%)));
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -815,9 +815,9 @@
   /* Dimensions */
   width: var(--seki-switch-thumb-size, 1.25rem);
   height: var(--seki-switch-thumb-size, 1.25rem);
-  
+
   /* Background */
-  background-color: var(--seki-switch-thumb-bg, hsl(var(--background, 0 0% 100%)));
+  background-color: var(--seki-switch-thumb-bg, var(--seki-background, hsl(0 0% 100%)));
   
   /* Position */
   position: absolute;

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.css

@@ -28,7 +28,7 @@
 .seki-table-container {
   width: 100%;
   overflow: auto;
-  border-radius: var(--radius-md, 8px);
+  border-radius: var(--seki-radius-md, 8px);
 }
 
 .seki-table {

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-toast.css

@@ -15,33 +15,33 @@
   --seki-toaster-gap: 0.5rem;
 
   /* Default variant colors */
-  --seki-toast-default-bg: var(--color-background, #ffffff);
-  --seki-toast-default-border: var(--color-border, #e5e7eb);
-  --seki-toast-default-text: var(--color-foreground, #0f172a);
+  --seki-toast-default-bg: var(--seki-background, hsl(0 0% 100%));
+  --seki-toast-default-border: var(--seki-border, hsl(240 5.9% 90%));
+  --seki-toast-default-text: var(--seki-foreground, hsl(240 10% 3.9%));
 
   /* Success variant */
-  --seki-toast-success-bg: var(--color-success-bg, #f0fdf4);
-  --seki-toast-success-border: var(--color-success, #22c55e);
-  --seki-toast-success-text: var(--color-success-text, #166534);
-  --seki-toast-success-icon: var(--color-success, #22c55e);
+  --seki-toast-success-bg: hsl(142 76% 97%);
+  --seki-toast-success-border: hsl(142 71% 45%);
+  --seki-toast-success-text: hsl(142 64% 24%);
+  --seki-toast-success-icon: hsl(142 71% 45%);
 
   /* Error variant */
-  --seki-toast-error-bg: var(--color-destructive-bg, #fef2f2);
-  --seki-toast-error-border: var(--color-destructive, #ef4444);
-  --seki-toast-error-text: var(--color-destructive-text, #991b1b);
-  --seki-toast-error-icon: var(--color-destructive, #ef4444);
+  --seki-toast-error-bg: hsl(0 86% 97%);
+  --seki-toast-error-border: var(--seki-destructive, hsl(0 84% 60%));
+  --seki-toast-error-text: hsl(0 63% 31%);
+  --seki-toast-error-icon: var(--seki-destructive, hsl(0 84% 60%));
 
   /* Warning variant */
-  --seki-toast-warning-bg: var(--color-warning-bg, #fffbeb);
-  --seki-toast-warning-border: var(--color-warning, #f59e0b);
-  --seki-toast-warning-text: var(--color-warning-text, #92400e);
-  --seki-toast-warning-icon: var(--color-warning, #f59e0b);
+  --seki-toast-warning-bg: hsl(48 96% 96%);
+  --seki-toast-warning-border: hsl(38 92% 50%);
+  --seki-toast-warning-text: hsl(21 77% 27%);
+  --seki-toast-warning-icon: hsl(38 92% 50%);
 
   /* Info variant */
-  --seki-toast-info-bg: var(--color-info-bg, #eff6ff);
-  --seki-toast-info-border: var(--color-info, #3b82f6);
-  --seki-toast-info-text: var(--color-info-text, #1e40af);
-  --seki-toast-info-icon: var(--color-info, #3b82f6);
+  --seki-toast-info-bg: hsl(214 100% 97%);
+  --seki-toast-info-border: hsl(217 91% 60%);
+  --seki-toast-info-text: hsl(224 64% 33%);
+  --seki-toast-info-icon: hsl(217 91% 60%);
 
   /* Typography */
   --seki-toast-font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
@@ -62,29 +62,29 @@
 
 /* Dark mode support */
 :host([data-theme='dark']) {
-  --seki-toast-default-bg: var(--color-background-dark, #1f2937);
-  --seki-toast-default-border: var(--color-border-dark, #374151);
-  --seki-toast-default-text: var(--color-foreground-dark, #f9fafb);
+  --seki-toast-default-bg: var(--seki-background, hsl(240 10% 3.9%));
+  --seki-toast-default-border: var(--seki-border, hsl(240 3.7% 15.9%));
+  --seki-toast-default-text: var(--seki-foreground, hsl(0 0% 98%));
 
   --seki-toast-success-bg: rgba(34, 197, 94, 0.1);
-  --seki-toast-success-border: var(--color-success-dark, #4ade80);
-  --seki-toast-success-text: var(--color-success-dark, #4ade80);
-  --seki-toast-success-icon: var(--color-success-dark, #4ade80);
+  --seki-toast-success-border: hsl(142 69% 58%);
+  --seki-toast-success-text: hsl(142 69% 58%);
+  --seki-toast-success-icon: hsl(142 69% 58%);
 
   --seki-toast-error-bg: rgba(239, 68, 68, 0.1);
-  --seki-toast-error-border: var(--color-destructive-dark, #f87171);
-  --seki-toast-error-text: var(--color-destructive-dark, #f87171);
-  --seki-toast-error-icon: var(--color-destructive-dark, #f87171);
+  --seki-toast-error-border: hsl(0 91% 71%);
+  --seki-toast-error-text: hsl(0 91% 71%);
+  --seki-toast-error-icon: hsl(0 91% 71%);
 
   --seki-toast-warning-bg: rgba(245, 158, 11, 0.1);
-  --seki-toast-warning-border: var(--color-warning-dark, #fbbf24);
-  --seki-toast-warning-text: var(--color-warning-dark, #fbbf24);
-  --seki-toast-warning-icon: var(--color-warning-dark, #fbbf24);
+  --seki-toast-warning-border: hsl(43 96% 56%);
+  --seki-toast-warning-text: hsl(43 96% 56%);
+  --seki-toast-warning-icon: hsl(43 96% 56%);
 
   --seki-toast-info-bg: rgba(59, 130, 246, 0.1);
-  --seki-toast-info-border: var(--color-info-dark, #60a5fa);
-  --seki-toast-info-text: var(--color-info-dark, #60a5fa);
-  --seki-toast-info-icon: var(--color-info-dark, #60a5fa);
+  --seki-toast-info-border: hsl(217 92% 68%);
+  --seki-toast-info-text: hsl(217 92% 68%);
+  --seki-toast-info-icon: hsl(217 92% 68%);
 
   /* Action button colors for dark mode */
   --seki-toast-action-bg: rgba(255, 255, 255, 0.1);

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"
                         }
                     }