@sekiui/elements 0.0.63 → 0.0.65

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: 'e7e337f66f78855819723f84a1c4d2824a23cbc8' }, h("button", { key: 'fa3026f792bbe12584f2b34adace358a3ed3d387', 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: 'cb65c77c26e6e715518509907e989a692d7ad280' }, h("svg", { key: 'fcf328fa0ecca5a6f4d5beecd49c62b120c167d5', 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: 'e6a9b5fac3bf4a58feeba45f3f25accacf2ca3e3', width: "18", height: "18", x: "3", y: "3", rx: "2" }), h("path", { key: 'a14e3c8e13a0b170543ee2bf1e6f18504135da6e', d: "M9 3v18" }))), h("span", { key: '76c3d8bdae445a7ff7d478d7758467144444a2f7', class: "sr-only" }, this._isOpen ? 'Close sidebar' : 'Open sidebar'))));
+        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'))));
     }
     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: 'e5b90100a2a2b9a3ac34e384d05acd9cc9c7bb1d', "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: 'a53a32d71a83393f2c3af10d4584dce19c1a8dc6', class: "sidebar-overlay", onClick: this.handleOverlayClick, "aria-hidden": "true" })), h("aside", { key: '3a4f42f541d07cec31bd4d3e14a9f648835c80a4', class: {
+        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: {
                 'sidebar': true,
                 'sidebar--mobile-sheet': showMobileSheet,
-            }, role: "complementary", "aria-label": "Sidebar" }, h("slot", { key: '771e95c40f996b82de90cb6464d12bc1c2348077' }))));
+            }, role: "complementary", "aria-label": "Sidebar" }, h("slot", { key: 'ef36f8104c6b57429e1ba0f0008bea410594ad42' }))));
     }
     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: '4c2d2d8659e2735e330c6e90555ae0b195121da9', class: "skeleton", part: "skeleton", role: "status", "aria-busy": "true", "aria-label": this.ariaLabel || undefined }));
+        return (h("div", { key: '2029cd826db25565235b0c59d499fd17b31ec85e', 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: '9ce9d0c5e526a1a3f58503d0a6560d62a1e9a326', "data-disabled": this.disabled ? '' : null, "data-orientation": this.orientation }, h("div", { key: 'd5de689b1c51bb97b62090545454b4df5bd2ac74', class: "slider", part: "slider", ref: el => this.trackEl = el, onMouseDown: this.handleMouseDown, onTouchStart: this.handleTouchStart }, h("div", { key: 'bf85aa3c37083d788dc127e698210e25437c29cc', class: "track", part: "track" }, h("div", { key: '282298ecdf11787ee2f4bae8d68ff818c3ce8c02', class: "range", part: "range", style: rangeStyle })), h("div", { key: '20391fd60815ba5f930801e8810dd494fc9d42f8', 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: 'afc464c9e2bf2b6c0657213c205f61529429d889', type: "hidden", name: this.name, value: this.currentValue.toString() }))));
+        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() }))));
     }
     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: 'd229930cb1cdce35cd7961b633f979652d6cc559' }, h("div", { key: '4b0d4d228c042bf40bb9fdb44d919984ef1ac003', part: "spinner", class: {
+        return (h(Host, { key: '9a3638c16b26102376ad2e8e0a958c2a1c7c4d59' }, h("div", { key: '9bcba72d8a348e0cc22f346f3d90e956bbfe4a0b', part: "spinner", class: {
                 'spinner': true,
                 [`spinner--${this.size}`]: true,
                 [`spinner--${this.color}`]: true,
-            }, role: "status", "aria-label": this.ariaLabel }, h("svg", { key: '9e2167d99d7c7e1f50fc104b64d3ff0a7dba25f4', class: "spinner__svg", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '5be3401e9b12d11133cb4a870e8aed0333bd7b3a', class: "spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3" }), h("circle", { key: '13ce698a3c30e9a7b8742c98daa29d9ab76a3ba2', class: "spinner__circle", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })), h("span", { key: '3e4b2a7f527091606ee71bd5b0ef87335fa21672', class: "spinner__sr-only" }, this.ariaLabel))));
+            }, 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))));
     }
     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: '178154c6580d288add5346561ef05434bcd35979', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: '03cd02f2ecbc6fb5fcf8ea5576003e0c39c7b7dd', 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: '5bb5e06c6b4c7ba898734bd90838329e4637d494', class: "thumb", part: "thumb" })), this.name && (h("input", { key: '8fd6255d964b29e07236fdad3a81ec9eafab8803', 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: '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" }))));
     }
     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: '2b3ce04bccd76a08ff4dca1959661ed7ac04b5c3', class: "seki-table-body" }, h("slot", { key: '253a304338bc6057bbea7458464c8d319c5cf3d1' })));
+        return (h("tbody", { key: 'a65236a0d5990b343998cd3c15878fb9d283c3c8', class: "seki-table-body" }, h("slot", { key: 'a5a6782031ce61b1eb7e0121816a7227f34b2007' })));
     }
     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: '9ec783ef169c7390b244d9871246a50c15e1ead8', class: "seki-table-caption" }, h("slot", { key: '00284e360db4836ff0fd7195be3573ed37c430a9' })));
+        return (h("caption", { key: 'dfa5d9e52f6968f3a3f550aacd909eb60a6cb593', class: "seki-table-caption" }, h("slot", { key: '12e37ea7e5e84088a9776ae7ff49180424e84ad8' })));
     }
     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: 'a8fa83173fa0b47555eb398cac9fd99b241d99c0', class: {
+        return (h("td", { key: '38f78f626f50e0393e24a20b385fd55991695957', class: {
                 'seki-table-cell': true,
                 [`seki-table-cell--${this.align}`]: true,
-            }, style: style }, h("slot", { key: '817df624147e16aaa899121a72a46a7f02503412' })));
+            }, style: style }, h("slot", { key: '7fc7ff45fb9ff7f5a2d9e0f94fe562c97d707c90' })));
     }
     static get is() { return "seki-table-cell"; }
     static get encapsulation() { return "shadow"; }

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: '132cb9ddace5223ad31bfcc4f1b3caeb49ea2a10', class: "seki-table-footer" }, h("slot", { key: 'e3fa2e6af8a80c8d4e3b5517582efeeca14db613' })));
+        return (h("tfoot", { key: 'a5dec4f4f6e61823582ce9080b7d31db5745fe8a', class: "seki-table-footer" }, h("slot", { key: 'dd51ddbaf09c1f7c696a33d331b008d4b8c10ded' })));
     }
     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: '893435a921d063137ef83f55f36e3f9fb2d3655e', class: {
+        return (h("th", { key: '0a810c64e2723e72680891cd0cb9e7ee744aafbf', 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: '5131db3d89bd477ddd3922939b2739d7f1073125' }), this.sortable && this.sortDirection && (h("span", { key: '7309f70c304da2383cb7049ad4a383258cdec725', class: "seki-table-head__sort-icon" }, this.sortDirection === 'asc' ? '↑' : '↓'))));
+                    : undefined }, h("slot", { key: '914649fe0d0d8850deb4befb66fb4745e696b14d' }), this.sortable && this.sortDirection && (h("span", { key: 'bd42422c8818cde8832e4e9f7ef0a39936f37bae', class: "seki-table-head__sort-icon" }, this.sortDirection === 'asc' ? '↑' : '↓'))));
     }
     static get is() { return "seki-table-head"; }
     static get encapsulation() { return "shadow"; }

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: '4f071bfd536030cb26a2577e32a14eb9ee5dce9d', class: "seki-table-header" }, h("slot", { key: '630a54954db8f796ca8a77ff2593140bd597b076' })));
+        return (h("thead", { key: 'afbb64d421a29b05fb452b08dd5ec0081e039c0d', class: "seki-table-header" }, h("slot", { key: '572aa62fb5d504d367e95d13bef59d2bb36fb679' })));
     }
     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: '692f08d11423e77990268d7468ce406efee086f2', class: {
+        return (h("tr", { key: '4aba78c4cdeae47a3a783baf147ad1a19add9466', class: {
                 'seki-table-row': true,
                 'seki-table-row--selected': this.selected,
-            }, "data-state": this.selected ? 'selected' : undefined }, h("slot", { key: '44c639f6df13b2defe1ead36f3720fac5a64db3c' })));
+            }, "data-state": this.selected ? 'selected' : undefined }, h("slot", { key: 'c5bae0817ffac1f47290034584f7de91e49fc440' })));
     }
     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: '45fa0b913dba2838ea119e9060ac78f891039fe4', class: "seki-table-container" }, h("table", { key: 'f9034c6199b01b9fb6f5d7c15ccf50dfc52f3ad1', class: "seki-table", role: "table", "aria-label": this.ariaLabel }, h("slot", { key: '11501fea0c29f18ff23f6e93f39d21815fcf4806' }))));
+        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' }))));
     }
     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: '2f489321bc6bc79dbf09309bbc8077ccccbaedc5', "data-state": isSelected ? 'active' : 'inactive', role: "tabpanel", id: this.panelId, "aria-labelledby": this.triggerId, hidden: !isSelected, tabindex: isSelected ? 0 : -1 }, h("div", { key: '94713213e9fab28eaa08cfd28beb464c4cb6c33d', part: "content", class: {
+        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: {
                 'tabs-content': true,
                 'tabs-content--active': isSelected,
-            } }, h("slot", { key: 'baba056dfb2d13eff7ce454b55409e80cdc08831' }))));
+            } }, h("slot", { key: 'addfca6a999b03437d6a7183e9f9807b9844cc60' }))));
     }
     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: '74a24b4b5502c02cacfb4c6a1a49b6ff3327735f', "data-orientation": orientation }, h("div", { key: '309bafe25ab8b7ada8dae50837e938b9d5bd888c', part: "list", role: "tablist", "aria-orientation": orientation, class: {
+        return (h(Host, { key: 'a4f558297b72603ff3aa562a8e132e178418205c', "data-orientation": orientation }, h("div", { key: '93cd4c9dbdf07ca344b6c5c5d6f1ff6f84359f8f', part: "list", role: "tablist", "aria-orientation": orientation, class: {
                 'tabs-list': true,
                 [`tabs-list--${orientation}`]: true,
-            } }, h("slot", { key: '4f11ca835d13a1df821d61747432ba1146a78701' }))));
+            } }, h("slot", { key: '121bdea6f6f016fc21560f9a3efd6d0fe6288d65' }))));
     }
     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: 'f90e3a2f872b8efe3d95354574f720f8dbdaa2bc', "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: '7d453c633224708eabe867d189b5b46038e34814', part: "trigger", type: "button", id: this.triggerId, class: {
+        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: {
                 'tabs-trigger': true,
                 'tabs-trigger--active': isSelected,
-            }, disabled: this.disabled, tabindex: -1 }, h("slot", { key: '40ea50c03ab28a16e56ba8c875c76b711c5980b4' }))));
+            }, disabled: this.disabled, tabindex: -1 }, h("slot", { key: 'c7d83a8636573f2b40a57dc524d08ce7e17e6b3b' }))));
     }
     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: '7ad25a4d9fc1ac20b945b03bb75a26f894cb1365', "data-orientation": this.orientation }, h("div", { key: 'a214c69ec35bf949f7761d0f44d9488924fb2e42', part: "tabs", class: {
+        return (h(Host, { key: '1fa4ef0d5ab395a45540f2a9206c3e6ac5fda37f', "data-orientation": this.orientation }, h("div", { key: 'ecfad2117c0d4c1a4fb8dd7e163da458f511d7b9', part: "tabs", class: {
                 'tabs': true,
                 [`tabs--${this.orientation}`]: true,
-            } }, h("slot", { key: 'b12ef1fdee47762a09cd679a18aa3a6ba2fd72ee' }))));
+            } }, h("slot", { key: 'fe3217aa3442292598afe65810e4d81fe9c7ada8' }))));
     }
     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: '5975dfece6f5f27e4461fb81f16d540a8b3db61c', 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: '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 }));
     }
     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: 'bf06182915f403300b2ee08fc0a7d20bb6a812c5', class: positionClasses, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, this.toasts.map((toast) => (h("div", { key: toast.id, class: {
+        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: {
                 '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" })))))))));

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

@@ -80,7 +80,7 @@ export class SekiToggle {
     render() {
         const isPressed = this.isPressed;
         const dataState = isPressed ? 'on' : 'off';
-        return (h(Host, { key: '30c554c3d441a94fdb3302a0990ffd4098b65d1f', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: 'b9efb13e4d4d1f30dabdc7143b2ab70d40166ed7', 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: 'd24452e9a4d660fdc43760526899077358f9ef30' }))));
+        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' }))));
     }
     static get is() { return "seki-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -346,7 +346,7 @@ export class SekiTooltip {
             clearTimeout(this.longPressTimer);
     }
     render() {
-        return (h("div", { key: 'd4479b7f198659a522c4a39497ec909c7582e357', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip" }, h("slot", { key: 'ff1f198f4f3d4ae2dcea91336a0e4c892c24734c', name: "content" }), h("div", { key: '403cbdc3aa39a0c7cc58b2a89d878a3d093785c9', class: "tooltip-arrow" })));
+        return (h("div", { key: 'a69a1fac4190d84ce006943dd4c34b8d4edf61d1', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip" }, h("slot", { key: '1db1aafc881439ccf8404012c3849c0149635d09', name: "content" }), h("div", { key: '161f78e9e491d764d6f001325649f73b84ca4f51', class: "tooltip-arrow" })));
     }
     static get is() { return "seki-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index.js

@@ -1,5 +1,5 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-C_O046uN.js';
-export { S as SekiSwitch } from './p-FcPLiKcN.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-2Ncy6l6O.js';
+export { S as SekiSwitch } from './p-DVEX9jyH.js';
 
 /**
  * Keyboard Service