@sekiui/elements 0.1.4 → 0.1.5

package/dist/cjs/{seki-sonner-BST6Carv.js → seki-sonner-DueMPJbH.js}

@@ -2,28 +2,52 @@
 
 var index = require('./index-VnD8dsXW.js');
 
+/** Max toasts buffered while no <seki-sonner> is mounted; oldest are dropped first. */
+const MAX_PENDING = 10;
+let toastCounter = 0;
+function nextSonnerToastId() {
+    return `seki-toast-${++toastCounter}`;
+}
 class SekiSonner {
     static _register(el) {
         SekiSonner._instance = el;
+        const queued = SekiSonner._pending;
+        SekiSonner._pending = [];
+        queued.forEach(p => SekiSonner._deliver(el, p));
     }
     static _unregister(_el) {
-        if (!_el || SekiSonner._instance === _el) {
+        if (!_el) {
+            // Test/reset helper: forget the instance and anything buffered.
+            SekiSonner._instance = null;
+            SekiSonner._pending = [];
+        }
+        else if (SekiSonner._instance === _el) {
             SekiSonner._instance = null;
         }
     }
+    static _deliver(el, p) {
+        var _a, _b, _c, _d;
+        el.addToast({
+            message: p.message,
+            variant: p.variant,
+            duration: (_b = (_a = p.options) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : el.duration,
+            description: (_c = p.options) === null || _c === void 0 ? void 0 : _c.description,
+            action: (_d = p.options) === null || _d === void 0 ? void 0 : _d.action,
+        }, p.id);
+    }
     static _show(message, variant, options) {
-        var _a;
+        const pending = { id: nextSonnerToastId(), message, variant, options };
         if (!SekiSonner._instance) {
-            console.warn('seki-sonner: No <seki-sonner> element found in the document. Add <seki-sonner> to your app layout.');
-            return '';
+            // The element may not be in the DOM yet, or its module may still be loading
+            // (lazy / per-tag loading). Buffer and deliver when it registers.
+            SekiSonner._pending.push(pending);
+            if (SekiSonner._pending.length > MAX_PENDING) {
+                SekiSonner._pending.shift();
+            }
+            return pending.id;
         }
-        return SekiSonner._instance.addToast({
-            message,
-            variant,
-            duration: (_a = options === null || options === void 0 ? void 0 : options.duration) !== null && _a !== void 0 ? _a : SekiSonner._instance.duration,
-            description: options === null || options === void 0 ? void 0 : options.description,
-            action: options === null || options === void 0 ? void 0 : options.action,
-        });
+        SekiSonner._deliver(SekiSonner._instance, pending);
+        return pending.id;
     }
     static success(message, options) {
         return SekiSonner._show(message, 'success', options);
@@ -44,6 +68,8 @@ class SekiSonner {
         return SekiSonner._show(message, 'default', options);
     }
     static dismiss(id) {
+        // Toasts still buffered never reached the screen; drop them.
+        SekiSonner._pending = id ? SekiSonner._pending.filter(p => p.id !== id) : [];
         if (!SekiSonner._instance) {
             return;
         }
@@ -57,11 +83,12 @@ class SekiSonner {
     }
 }
 SekiSonner._instance = null;
+/** Toasts fired before any <seki-sonner> was mounted; flushed on _register. */
+SekiSonner._pending = [];
 
 const sekiSonnerCss = ":host{--seki-sonner-font-size:var(--seki-font-size-base, 14px);--seki-sonner-font-weight:var(--seki-font-weight-normal, 400);--seki-sonner-font-weight-medium:var(--seki-font-weight-medium, 500);--seki-sonner-font-weight-semibold:var(--seki-font-weight-semibold, 600);--seki-sonner-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);--seki-sonner-line-height:var(--seki-line-height-normal, 1.5);--seki-sonner-description-font-size:var(--seki-font-size-sm, 12px);--seki-sonner-bg:var(--seki-background, #ffffff);--seki-sonner-fg:var(--seki-foreground, #1f2937);--seki-sonner-border:var(--seki-border, #e5e7eb);--seki-sonner-description-color:var(--seki-muted-foreground, #6b7280);--seki-sonner-success:var(--seki-success, #22c55e);--seki-sonner-error:var(--seki-destructive, #ef4444);--seki-sonner-warning:var(--seki-warning, #f59e0b);--seki-sonner-info:var(--seki-info, #2563eb);--seki-sonner-padding:var(--seki-spacing-4, 16px);--seki-sonner-gap:var(--seki-spacing-3, 12px);--seki-sonner-radius:var(--seki-radius-lg, 0.5rem);--seki-sonner-shadow:0 4px 12px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), 0 1px 3px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.2));--seki-sonner-width:356px;--seki-sonner-offset:24px;display:contents}.seki-sonner{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;width:var(--seki-sonner-width);max-width:calc(100vw - var(--seki-sonner-offset) * 2);pointer-events:none}.seki-sonner--bottom-right{bottom:var(--seki-sonner-offset);right:var(--seki-sonner-offset)}.seki-sonner--bottom-left{bottom:var(--seki-sonner-offset);left:var(--seki-sonner-offset)}.seki-sonner--bottom-center{bottom:var(--seki-sonner-offset);left:50%;transform:translateX(-50%)}.seki-sonner--top-right{top:var(--seki-sonner-offset);right:var(--seki-sonner-offset)}.seki-sonner--top-left{top:var(--seki-sonner-offset);left:var(--seki-sonner-offset)}.seki-sonner--top-center{top:var(--seki-sonner-offset);left:50%;transform:translateX(-50%)}.seki-sonner__toast{--offset:calc(var(--index, 0) * 8px);display:flex;align-items:flex-start;gap:var(--seki-sonner-gap);padding:var(--seki-sonner-padding);background:var(--seki-sonner-bg);color:var(--seki-sonner-fg);border:1px solid var(--seki-sonner-border);border-radius:var(--seki-sonner-radius);box-shadow:var(--seki-sonner-shadow);font-family:var(--seki-sonner-font-family);font-size:var(--seki-sonner-font-size);font-weight:var(--seki-sonner-font-weight);line-height:var(--seki-sonner-line-height);pointer-events:auto;box-sizing:border-box;width:100%;transform:translateY(var(--offset)) scale(calc(1 - var(--index, 0) * 0.05));opacity:calc(1 - var(--index, 0) * 0.15);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n              opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.seki-sonner__toast--entering{animation:seki-sonner-enter 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards}.seki-sonner__toast--exiting{animation:seki-sonner-exit 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards}@keyframes seki-sonner-enter{from{opacity:0;transform:translateY(calc(var(--offset) + 16px)) scale(calc(1 - var(--index, 0) * 0.05))}to{opacity:calc(1 - var(--index, 0) * 0.15);transform:translateY(var(--offset)) scale(calc(1 - var(--index, 0) * 0.05))}}@keyframes seki-sonner-exit{from{opacity:calc(1 - var(--index, 0) * 0.15);transform:translateY(var(--offset)) scale(calc(1 - var(--index, 0) * 0.05))}to{opacity:0;transform:translateY(calc(var(--offset) - 16px)) scale(calc(1 - var(--index, 0) * 0.05 - 0.05))}}@media (prefers-reduced-motion: reduce){.seki-sonner__toast{transition:none}.seki-sonner__toast--entering{animation:none;opacity:calc(1 - var(--index, 0) * 0.15);transform:translateY(var(--offset)) scale(calc(1 - var(--index, 0) * 0.05))}.seki-sonner__toast--exiting{animation:none;opacity:0}}.seki-sonner__toast--success{border-left:4px solid var(--seki-sonner-success)}.seki-sonner__toast--success .seki-sonner__icon{color:var(--seki-sonner-success)}.seki-sonner__toast--error{border-left:4px solid var(--seki-sonner-error)}.seki-sonner__toast--error .seki-sonner__icon{color:var(--seki-sonner-error)}.seki-sonner__toast--warning{border-left:4px solid var(--seki-sonner-warning)}.seki-sonner__toast--warning .seki-sonner__icon{color:var(--seki-sonner-warning)}.seki-sonner__toast--info{border-left:4px solid var(--seki-sonner-info)}.seki-sonner__toast--info .seki-sonner__icon{color:var(--seki-sonner-info)}.seki-sonner__toast--loading .seki-sonner__icon{color:var(--seki-sonner-description-color)}.seki-sonner__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.seki-sonner__spinner{animation:seki-sonner-spin 1s linear infinite}@keyframes seki-sonner-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.seki-sonner__spinner{animation-duration:2s}}.seki-sonner__content{flex:1;min-width:0}.seki-sonner__message{font-weight:var(--seki-sonner-font-weight-medium);line-height:var(--seki-sonner-line-height);word-break:break-word}.seki-sonner__description{margin-top:4px;font-size:var(--seki-sonner-description-font-size);color:var(--seki-sonner-description-color);line-height:var(--seki-sonner-line-height);word-break:break-word}.seki-sonner__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.seki-sonner__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border:1px solid var(--seki-sonner-border);border-radius:var(--seki-radius-sm, 0.25rem);background:transparent;color:var(--seki-sonner-fg);font-family:var(--seki-sonner-font-family);font-size:var(--seki-sonner-description-font-size);font-weight:var(--seki-sonner-font-weight-medium);line-height:var(--seki-sonner-line-height);cursor:pointer;white-space:nowrap;transition:background 150ms cubic-bezier(0.4, 0, 0.2, 1)}.seki-sonner__action-btn:hover{background:var(--seki-muted, #f3f4f6)}.seki-sonner__action-btn:focus-visible{outline:2px solid var(--seki-sonner-info);outline-offset:2px}.seki-sonner__dismiss{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--seki-radius-sm, 0.25rem);background:transparent;color:var(--seki-sonner-description-color);cursor:pointer;flex-shrink:0;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),\n              background 150ms cubic-bezier(0.4, 0, 0.2, 1)}.seki-sonner__dismiss:hover{color:var(--seki-sonner-fg);background:var(--seki-muted, #f3f4f6)}.seki-sonner__dismiss:focus-visible{outline:2px solid var(--seki-sonner-info);outline-offset:2px}@media (prefers-contrast: more){.seki-sonner__toast{border-width:2px}.seki-sonner__toast--success,.seki-sonner__toast--error,.seki-sonner__toast--warning,.seki-sonner__toast--info{border-left-width:4px}}";
 
 const MAX_VISIBLE = 3;
-let toastCounter = 0;
 const SekiSonnerElement = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -71,25 +98,34 @@ const SekiSonnerElement = class {
         this.duration = 4000;
         this.toasts = [];
         this.timers = new Map();
+        /** Exit-animation timers; tracked so they cannot fire after disconnect. */
+        this.removalTimers = new Map();
     }
     connectedCallback() {
+        // On a DOM move the element reconnects with toasts still in state, but
+        // disconnectedCallback cleared their timers: finish exits, restart auto-dismiss.
+        if (this.toasts.some(t => t.removing)) {
+            this.toasts = this.toasts.filter(t => !t.removing);
+        }
+        this.toasts.forEach(t => this.startTimer(t));
         SekiSonner._register(this);
     }
     disconnectedCallback() {
         SekiSonner._unregister(this);
         this.timers.forEach(t => clearTimeout(t));
         this.timers.clear();
+        this.removalTimers.forEach(t => clearTimeout(t));
+        this.removalTimers.clear();
+    }
+    startTimer(toast) {
+        if (toast.duration > 0 && !this.timers.has(toast.id)) {
+            this.timers.set(toast.id, setTimeout(() => this.removeToast(toast.id), toast.duration));
+        }
     }
-    addToast(data) {
-        const id = `seki-toast-${++toastCounter}`;
+    addToast(data, id = nextSonnerToastId()) {
         const toast = Object.assign(Object.assign({}, data), { id });
         this.toasts = [toast, ...this.toasts];
-        if (toast.duration > 0) {
-            const timer = setTimeout(() => {
-                this.removeToast(id);
-            }, toast.duration);
-            this.timers.set(id, timer);
-        }
+        this.startTimer(toast);
         return id;
     }
     removeToast(id) {
@@ -102,9 +138,13 @@ const SekiSonnerElement = class {
         // Mark as removing for exit animation
         this.toasts = this.toasts.map(t => t.id === id ? Object.assign(Object.assign({}, t), { removing: true }) : t);
         // Remove after animation completes
-        setTimeout(() => {
+        if (this.removalTimers.has(id)) {
+            return;
+        }
+        this.removalTimers.set(id, setTimeout(() => {
+            this.removalTimers.delete(id);
             this.toasts = this.toasts.filter(t => t.id !== id);
-        }, 200);
+        }, 200));
     }
     handleDismiss(id) {
         this.removeToast(id);
@@ -134,7 +174,7 @@ const SekiSonnerElement = class {
     }
     render() {
         const visibleToasts = this.toasts.slice(0, MAX_VISIBLE);
-        return (index.h(index.Host, { key: '54fe4b0586a7bf12555fc91a81b20d438efa9ffe' }, index.h("div", { key: '42769c29e0f135b6f1c49b169b2abacf0fa179aa', class: `seki-sonner seki-sonner--${this.position}`, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, visibleToasts.map((toast, index$1) => (index.h("div", { key: toast.id, class: {
+        return (index.h(index.Host, { key: 'ecf65ee2602127c167ded85807aed8f5b92686b8' }, index.h("div", { key: 'c504e8ba64b1a60db816616c130d8d4da756452f', class: `seki-sonner seki-sonner--${this.position}`, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, visibleToasts.map((toast, index$1) => (index.h("div", { key: toast.id, class: {
                 'seki-sonner__toast': true,
                 [`seki-sonner__toast--${toast.variant}`]: true,
                 'seki-sonner__toast--entering': !toast.removing,

package/dist/cjs/seki-sonner.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var sekiSonner_entry = require('./seki-sonner-BST6Carv.js');
+var sekiSonner_entry = require('./seki-sonner-DueMPJbH.js');
 require('./index-VnD8dsXW.js');
 
 

package/dist/cjs/seki-spinner.cjs.entry.js

@@ -31,11 +31,11 @@ const SekiSpinner = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fac2cabdecaf748b661624a76f87bc2e68f375f9' }, index.h("div", { key: '2bdfe70024b2587c1732fa847d53b62cb9cd4e76', part: "spinner", class: {
+        return (index.h(index.Host, { key: '4b650a54f940949b074da621cfd714b21b799233' }, index.h("div", { key: '8554f51445fcdbc3e86009a11989e1e1dd91dbc7', part: "spinner", class: {
                 'spinner': true,
                 [`spinner--${this.size}`]: true,
                 [`spinner--${this.color}`]: true,
-            }, role: "status", "aria-label": this.ariaLabel }, index.h("svg", { key: '0e394c30e7009876970551086fbfb577831a4d4d', class: "spinner__svg", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '192d06ff9ef7cf90b09ece011d714172f72f9c8d', class: "spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3" }), index.h("circle", { key: '96de8566ff192df67e8e7f121cc40ba1341340a8', class: "spinner__circle", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })), index.h("span", { key: '202bd6c034b9eb7dd8fc9f9dcfb0f46f0a5bd3d2', class: "spinner__sr-only" }, this.ariaLabel))));
+            }, role: "status", "aria-label": this.ariaLabel }, index.h("svg", { key: '4b9a1854b0656f3499b126f9e56ad15c291dfc8d', class: "spinner__svg", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '1bbdc24dcf8b7c1d1e7648f72f1017cedb8449f9', class: "spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3" }), index.h("circle", { key: 'c57005f80ecd90e49bd8ff44c8aa9f49cf7f4f56', class: "spinner__circle", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })), index.h("span", { key: '0b55efa6fb807a54e273ddb543ea01574a7012df', class: "spinner__sr-only" }, this.ariaLabel))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-switch.cjs.entry.js

@@ -138,7 +138,7 @@ const SekiSwitch = class {
     render() {
         const isChecked = this.isChecked;
         const dataState = isChecked ? 'checked' : 'unchecked';
-        return (index.h(index.Host, { key: '983eb8c2197906c08015b1ba03c990ba45d63b50', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, index.h("div", { key: '4cf34435488f7dc545572a8d20509d9c12e08f06', class: "switch", ref: el => (this.switchEl = el), 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 }, index.h("span", { key: 'f637e58d2af875cac10ef3b2dc073c4deb8e574f', class: "thumb", part: "thumb" }))));
+        return (index.h(index.Host, { key: '1710cdafc415bf5180f6ebbe81e366e2ab923961', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, index.h("div", { key: '313f6e13aba4f32ca4681d125b28c34b505188cb', class: "switch", ref: el => (this.switchEl = el), part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-description": this.ariaDescription || undefined, "aria-invalid": this.ariaInvalid === 'true' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, index.h("span", { key: '7e4b0bad5b4822ef94226e3bf6677149d1004560', class: "thumb", part: "thumb" }))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/seki-table-body.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiTableBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("tbody", { key: 'f5981324a6f45c757cac2f77ac2f5089a61b8a40', class: "seki-table-body" }, index.h("slot", { key: '8ab8f464909e6609ffc285f966dae860d1ce30ff' })));
+        return (index.h("tbody", { key: '841499795000e8859eba562c881d1e5f50c169b7', class: "seki-table-body" }, index.h("slot", { key: '38ac4a2215b784d9d207eaa9afe8897d9ecd805a' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-table-caption.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiTableCaption = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("caption", { key: '8219ba932a5d4d87f30e2c875cf664452e47255a', class: "seki-table-caption" }, index.h("slot", { key: '05349cd6394dfc01b2ecbe62859ea9bffd179087' })));
+        return (index.h("caption", { key: 'a2444e1e8090d8164f2ed46a9e0b6c94970e20c1', class: "seki-table-caption" }, index.h("slot", { key: 'b62d12cce9d66efe8caaac32127b5f70c3bbdbe8' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-table-footer.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiTableFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("tfoot", { key: 'db2408a04dd0d5e3b07b1da0245ecf7d259c5733', class: "seki-table-footer" }, index.h("slot", { key: 'c6a9c39e3c804cf03c1648b12a74e423afc289fd' })));
+        return (index.h("tfoot", { key: '8dc8f75857782a4020afd27667e3015e3e72f076', class: "seki-table-footer" }, index.h("slot", { key: '641e74b96ed55e7a67973a0430d66b69fedbc45f' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-table-header.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiTableHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("thead", { key: '4b8adfef34d2fda04bbd98bdc1c2339edfe7d5ff', class: "seki-table-header" }, index.h("slot", { key: '6e072c030f07f0e4f63f487957bd558b4e00fe7a' })));
+        return (index.h("thead", { key: '319717d23971ce1005b991aa4c499b81839ebd21', class: "seki-table-header" }, index.h("slot", { key: '58f3270aa2f7c023a205d86aef69d1b4686dc3f5' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-table-row.cjs.entry.js

@@ -13,10 +13,10 @@ const SekiTableRow = class {
         this.selected = false;
     }
     render() {
-        return (index.h("tr", { key: '936933c64722148561d230aad3d3c871502516f8', class: {
+        return (index.h("tr", { key: '3b3ad4de32b68b01ce521a1881bbe0a5412f4f32', class: {
                 'seki-table-row': true,
                 'seki-table-row--selected': this.selected,
-            }, "data-state": this.selected ? 'selected' : undefined }, index.h("slot", { key: '4ee5223be10a00b003a16fb6cc6db62cfd06dd43' })));
+            }, "data-state": this.selected ? 'selected' : undefined }, index.h("slot", { key: 'e68a95c94a65fa125df246f44f0de9572b3c9c67' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-table.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiTable = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '697a54067129107735ff7c479aec45198e1ff6b0', class: "seki-table-container" }, index.h("table", { key: '08889e2dd1e18f8463ab0f0241ef947d955d8820', class: "seki-table", role: "table", "aria-label": this.ariaLabel }, index.h("slot", { key: '372fbc76ab05cc0e180b2b78229d1810feda4e4c' }))));
+        return (index.h("div", { key: '3baee27e11229c968b75f8bafd01e0aca61bd1c6', class: "seki-table-container" }, index.h("table", { key: 'eaa766e5b5c79509472bc1f7c1060089ceffb6ed', class: "seki-table", role: "table", "aria-label": this.ariaLabel }, index.h("slot", { key: '0ad70f2faa262fd06b7026a4fdf1357bce58cd1c' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-tabs-content.cjs.entry.js

@@ -43,10 +43,10 @@ const SekiTabsContent = class {
     }
     render() {
         const isSelected = this._isSelected;
-        return (index.h(index.Host, { key: '8ce697ce9c3e4f14842f5e811947175da73106bc', "data-state": isSelected ? 'active' : 'inactive', role: "tabpanel", id: this.panelId, "aria-labelledby": this.triggerId, hidden: !isSelected, tabindex: isSelected ? 0 : -1 }, index.h("div", { key: 'b3dc86c00ae6b86ff97c56092f5f252905e6482c', part: "content", class: {
+        return (index.h(index.Host, { key: 'e1637e6393df87d033a7c46e480212b0840241da', "data-state": isSelected ? 'active' : 'inactive', role: "tabpanel", id: this.panelId, "aria-labelledby": this.triggerId, hidden: !isSelected, tabindex: isSelected ? 0 : -1 }, index.h("div", { key: '98c1135323278b256c3f6a5715da5f054d25331a', part: "content", class: {
                 'tabs-content': true,
                 'tabs-content--active': isSelected,
-            } }, index.h("slot", { key: '5287ccfae58ddebc22b48eebef360076b5514c1f' }))));
+            } }, index.h("slot", { key: '4d116623afa076f2fb015080e18681f188b0b2f2' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-tabs-list.cjs.entry.js

@@ -38,10 +38,10 @@ const SekiTabsList = class {
     }
     render() {
         const orientation = this._orientation;
-        return (index.h(index.Host, { key: 'b5eac5d14f684c1bea205ea79af87c77a8cffdc4', "data-orientation": orientation }, index.h("div", { key: '1171b109358ef3d70f02a31c97d43ef40d834249', part: "list", role: "tablist", "aria-orientation": orientation, class: {
+        return (index.h(index.Host, { key: 'fe9b44507284c1b0b9ce1ebcf8b37e143ac971ce', "data-orientation": orientation }, index.h("div", { key: '33aec6c7f47545ca3fa448288aaea07cb2e6fd5f', part: "list", role: "tablist", "aria-orientation": orientation, class: {
                 'tabs-list': true,
                 [`tabs-list--${orientation}`]: true,
-            } }, index.h("slot", { key: '8705c725a33915df66c592e20c0c6c780f764b0a' }))));
+            } }, index.h("slot", { key: '11b4a3e8dd650963f08cf5b61e0e36f7d2119d5e' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-tabs-trigger.cjs.entry.js

@@ -157,10 +157,10 @@ const SekiTabsTrigger = class {
     }
     render() {
         const isSelected = this._isSelected;
-        return (index.h(index.Host, { key: 'c458ce588fa3a739434ce41190c6bb0fafdd7f32', "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 }, index.h("button", { key: 'c3f4d26a8af5e8d88fccf21bbdf6abf04843c749', part: "trigger", type: "button", id: this.triggerId, class: {
+        return (index.h(index.Host, { key: '2146c6c804c58ab62cf8e08a72204a637dd53c41', "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 }, index.h("button", { key: 'c3bd3b9e89176e33a7346f80aa2e7317503ee9bb', part: "trigger", type: "button", id: this.triggerId, class: {
                 'tabs-trigger': true,
                 'tabs-trigger--active': isSelected,
-            }, disabled: this.disabled, tabindex: -1 }, index.h("slot", { key: '2457ef64b5c8617f02c9982dd71ee14affe4bfdc' }))));
+            }, disabled: this.disabled, tabindex: -1 }, index.h("slot", { key: '609849d3ad8214fc62063915b2e09620fff3b14a' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-tabs.cjs.entry.js

@@ -67,10 +67,10 @@ const SekiTabs = class {
         this.el._tabsContext = this.getContext();
     }
     render() {
-        return (index.h(index.Host, { key: '1149fdb2518385903e435eac44bf1cd0a2fbf7a6', "data-orientation": this.orientation }, index.h("div", { key: '608f3328a14a3aa6e83680c32b5c3a0d53671fe8', part: "tabs", class: {
+        return (index.h(index.Host, { key: '2e935b475aa29f814214673dded36ea15a4c32a9', "data-orientation": this.orientation }, index.h("div", { key: '86d27c9cc1d50705be39690aca185a1cda0f5ca9', part: "tabs", class: {
                 'tabs': true,
                 [`tabs--${this.orientation}`]: true,
-            } }, index.h("slot", { key: '841f020f76e132f4c21422c09f399ebc662e7175' }))));
+            } }, index.h("slot", { key: 'd47d8652358e2aebf020e0ea384880f8d45e1462' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-textarea.cjs.entry.js

@@ -120,7 +120,7 @@ const SekiTextarea = class {
         (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.sync();
     }
     render() {
-        return (index.h("textarea", { key: '575577a2754c1721b3dc01a0e513a4e3f93b3830', ref: el => (this.textareaEl = el), 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 (index.h("textarea", { key: 'f15e2eb07dd151b6dd6296ef1460639c9f93eda4', ref: el => (this.textareaEl = el), 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-description": this.ariaDescription, "aria-invalid": this.invalid || this.ariaInvalid === 'true' ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/seki-toaster.cjs.entry.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var index = require('./index-VnD8dsXW.js');
+var toast = require('./toast-B_Hzs6pu.js');
 
 const sekiToastCss = ":host{--seki-toast-action-bg:light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));--seki-toast-action-bg-hover:light-dark(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.2));--seki-toast-width:356px;--seki-toast-padding:1rem;--seki-toast-gap:0.75rem;--seki-toast-border-radius:var(--seki-radius-lg, 0.5rem);--seki-toast-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--seki-toaster-padding:1rem;--seki-toaster-gap:0.5rem;--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%));--seki-toast-success-bg:var(--seki-success-bg, hsl(142 76% 97%));--seki-toast-success-border:var(--seki-success, hsl(142 71% 45%));--seki-toast-success-text:var(--seki-success-foreground, hsl(142 64% 24%));--seki-toast-success-icon:var(--seki-success, hsl(142 71% 45%));--seki-toast-error-bg:var(--seki-destructive-bg, hsl(0 86% 97%));--seki-toast-error-border:var(--seki-destructive, hsl(0 84% 60%));--seki-toast-error-text:var(--seki-destructive-soft-foreground, hsl(0 63% 31%));--seki-toast-error-icon:var(--seki-destructive, hsl(0 84% 60%));--seki-toast-warning-bg:var(--seki-warning-bg, hsl(48 96% 96%));--seki-toast-warning-border:var(--seki-warning, hsl(38 92% 50%));--seki-toast-warning-text:var(--seki-warning-foreground, hsl(21 77% 27%));--seki-toast-warning-icon:var(--seki-warning, hsl(38 92% 50%));--seki-toast-info-bg:var(--seki-info-bg, hsl(214 100% 97%));--seki-toast-info-border:var(--seki-info, hsl(217 91% 60%));--seki-toast-info-text:var(--seki-info-foreground, hsl(224 64% 33%));--seki-toast-info-icon:var(--seki-info, hsl(217 91% 60%));--seki-toast-font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);--seki-toast-message-font-size:var(--seki-font-size-sm, 0.875rem);--seki-toast-message-font-weight:var(--seki-font-weight-medium, 500);--seki-toast-desc-font-size:var(--seki-font-size-sm, 0.875rem);--seki-toast-desc-font-weight:var(--seki-font-weight-normal, 400);--seki-toast-animation-duration:200ms;--seki-toast-animation-timing:cubic-bezier(0.16, 1, 0.3, 1);display:contents}.seki-toaster{position:fixed;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:var(--seki-toaster-gap);padding:var(--seki-toaster-padding);max-height:100vh;overflow:hidden}.seki-toaster--top-left{top:0;left:0;align-items:flex-start}.seki-toaster--top-center{top:0;left:50%;transform:translateX(-50%);align-items:center}.seki-toaster--top-right{top:0;right:0;align-items:flex-end}.seki-toaster--bottom-left{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.seki-toaster--bottom-center{bottom:0;left:50%;transform:translateX(-50%);align-items:center;flex-direction:column-reverse}.seki-toaster--bottom-right{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.seki-toast{display:flex;align-items:flex-start;gap:var(--seki-toast-gap);width:var(--seki-toast-width);max-width:calc(100vw - 2 * var(--seki-toaster-padding));padding:var(--seki-toast-padding);border-radius:var(--seki-toast-border-radius);border:1px solid;box-shadow:var(--seki-toast-shadow);font-family:var(--seki-toast-font-family);pointer-events:auto;animation:seki-toast-enter var(--seki-toast-animation-duration) var(--seki-toast-animation-timing)}@keyframes seki-toast-enter{from{opacity:0;transform:translateY(10px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.seki-toast--default{background-color:var(--seki-toast-default-bg);border-color:var(--seki-toast-default-border);color:var(--seki-toast-default-text)}.seki-toast--success{background-color:var(--seki-toast-success-bg);border-color:var(--seki-toast-success-border);color:var(--seki-toast-success-text)}.seki-toast--success .seki-toast__icon{color:var(--seki-toast-success-icon)}.seki-toast--error{background-color:var(--seki-toast-error-bg);border-color:var(--seki-toast-error-border);color:var(--seki-toast-error-text)}.seki-toast--error .seki-toast__icon{color:var(--seki-toast-error-icon)}.seki-toast--warning{background-color:var(--seki-toast-warning-bg);border-color:var(--seki-toast-warning-border);color:var(--seki-toast-warning-text)}.seki-toast--warning .seki-toast__icon{color:var(--seki-toast-warning-icon)}.seki-toast--info{background-color:var(--seki-toast-info-bg);border-color:var(--seki-toast-info-border);color:var(--seki-toast-info-text)}.seki-toast--info .seki-toast__icon{color:var(--seki-toast-info-icon)}.seki-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.seki-toast__icon:empty{display:none}.seki-toast__content{flex:1;min-width:0}.seki-toast__message{font-size:var(--seki-toast-message-font-size);font-weight:var(--seki-toast-message-font-weight);line-height:var(--seki-line-height-tight, 1.25)}.seki-toast__description{margin-top:0.25rem;font-size:var(--seki-toast-desc-font-size);font-weight:var(--seki-toast-desc-font-weight);line-height:var(--seki-line-height-tight, 1.25);opacity:0.8}.seki-toast__actions{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}.seki-toast__action-btn{padding:0.375rem 0.75rem;border:none;border-radius:var(--seki-radius-md, 0.375rem);background-color:var(--seki-toast-action-bg, rgba(0, 0, 0, 0.1));color:inherit;font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-medium, 500);cursor:pointer;transition:background-color 150ms ease}.seki-toast__action-btn:hover{background-color:var(--seki-toast-action-bg-hover, rgba(0, 0, 0, 0.15))}.seki-toast__action-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.seki-toast__dismiss{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:var(--seki-radius-sm, 0.25rem);background:transparent;color:inherit;opacity:0.5;cursor:pointer;transition:opacity 150ms ease}.seki-toast__dismiss:hover{opacity:1}.seki-toast__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}@media (prefers-contrast: more){.seki-toast{border-width:2px}}@media (prefers-reduced-motion: reduce){.seki-toast{animation:none}}";
 
@@ -87,17 +88,29 @@ const SekiToaster = class {
         }
         this.removeToast(toast.id);
     }
+    connectedCallback() {
+        // Replay toasts fired via toast() before any toaster was listening.
+        toast.registerToaster().forEach(({ message, options }) => this.addToast(Object.assign({ message }, options)));
+        // On a DOM move, disconnectedCallback cleared the timers: restart them.
+        this.toasts.forEach((t) => this.startTimer(t));
+    }
     disconnectedCallback() {
+        toast.unregisterToaster();
         // Clean up all timers
         this.timers.forEach((timer) => clearTimeout(timer));
         this.timers.clear();
     }
+    startTimer(toast) {
+        if (toast.duration > 0 && !this.timers.has(toast.id)) {
+            this.timers.set(toast.id, setTimeout(() => this.removeToast(toast.id), toast.duration));
+        }
+    }
     render() {
         const positionClasses = {
             'seki-toaster': true,
             [`seki-toaster--${this.position}`]: true,
         };
-        return (index.h("div", { key: 'f9137e5c8542135f9f6182654af0c08732d26e03', class: positionClasses, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, this.toasts.map((toast) => (index.h("div", { key: toast.id, class: {
+        return (index.h("div", { key: '7aabb5f4eb32d371bd29229f617373a678a08d96', class: positionClasses, role: "region", "aria-label": "Notifications", "aria-live": "polite" }, this.toasts.map((toast) => (index.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) }, index.h("div", { class: "seki-toast__icon" }, this.renderIcon(toast.type)), index.h("div", { class: "seki-toast__content" }, index.h("div", { class: "seki-toast__message" }, toast.message), toast.description && (index.h("div", { class: "seki-toast__description" }, toast.description))), index.h("div", { class: "seki-toast__actions" }, toast.action && (index.h("button", { class: "seki-toast__action-btn", onClick: () => this.handleActionClick(toast) }, toast.action.label)), index.h("button", { class: "seki-toast__dismiss", "aria-label": "Dismiss notification", onClick: () => this.handleDismiss(toast.id) }, index.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" }, index.h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))))));

package/dist/cjs/seki-toggle-group.cjs.entry.js

@@ -154,7 +154,7 @@ const SekiToggleGroup = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '240caaea2c488953ea25fbdd88df793b60af92bd', role: "group", "aria-label": this.ariaLabel, "aria-orientation": this.orientation }, index.h("slot", { key: '61107f87af8bc991b836cbdd6849ceb38eb108a1' })));
+        return (index.h(index.Host, { key: 'e95eb2311e5dfed5948ef8e7bea8e4a61fc471f1', role: "group", "aria-label": this.ariaLabel, "aria-orientation": this.orientation }, index.h("slot", { key: 'b075eecef5aa7ab7421c79e663d450047e6686e9' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-toggle.cjs.entry.js

@@ -205,7 +205,7 @@ const SekiToggle = class {
                 tabIndex = focusedValue === this.value ? 0 : -1;
             }
         }
-        return (index.h(index.Host, { key: 'de621bb09cab9bb640b9c64e8982cb03b09d2aa8', "data-state": dataState, "data-disabled": effectiveDisabled ? '' : null }, index.h("button", { key: 'f810787ed8f769be413a4098e37b824abd1197fd', 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 }, index.h("slot", { key: 'dec9fae49ddae2411c7529fd5ab0da34c5de3d58' }))));
+        return (index.h(index.Host, { key: '6e9d3e809557196554e54c5346eaa568a011dac0', "data-state": dataState, "data-disabled": effectiveDisabled ? '' : null }, index.h("button", { key: 'ffa6659e2b6a162cd0ef6034cef7937fee7925b8', 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 }, index.h("slot", { key: 'd3a7a6da395304dd7892deb5f68720dda33d41d4' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-tooltip.cjs.entry.js

@@ -1,6 +1,8 @@
 'use strict';
 
 var index = require('./index-VnD8dsXW.js');
+var overlay = require('./overlay-Dy8TLF7-.js');
+require('./menu-navigation-oVu9oqtS.js');
 
 const sekiTooltipCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host([data-theme='dark']){color-scheme:dark}:host([data-theme='light']){color-scheme:light}:host{--seki-background:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-muted:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-muted-foreground:light-dark(hsl(0, 0%, 42%), hsl(0, 0%, 63.9%));--seki-card:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-card-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-popover:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-popover-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-border:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-input:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-primary:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 9%));--seki-primary-tint:light-dark(hsl(0, 0%, 9%, 0.06), hsl(0, 0%, 98%, 0.1));--seki-primary-tint-foreground:var(--seki-foreground);--seki-secondary:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-secondary-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-accent:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-accent-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-destructive:light-dark(hsl(0, 84.2%, 60.2%), hsl(0, 62.8%, 30.6%));--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-destructive-bg:light-dark(hsl(0, 86%, 97%), rgba(239, 68, 68, 0.1));--seki-destructive-soft-foreground:light-dark(hsl(0, 63%, 31%), hsl(0, 91%, 71%));--seki-success:light-dark(hsl(142, 71%, 45%), hsl(142, 69%, 58%));--seki-success-foreground:light-dark(hsl(142, 64%, 24%), hsl(142, 69%, 58%));--seki-success-bg:light-dark(hsl(142, 76%, 97%), rgba(34, 197, 94, 0.1));--seki-warning:light-dark(hsl(38, 92%, 50%), hsl(43, 96%, 56%));--seki-warning-foreground:light-dark(hsl(21, 77%, 27%), hsl(43, 96%, 56%));--seki-warning-bg:light-dark(hsl(48, 96%, 96%), rgba(245, 158, 11, 0.1));--seki-info:light-dark(hsl(217, 91%, 60%), hsl(217, 92%, 68%));--seki-info-foreground:light-dark(hsl(224, 64%, 33%), hsl(217, 92%, 68%));--seki-info-bg:light-dark(hsl(214, 100%, 97%), rgba(59, 130, 246, 0.1));--seki-ring:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 83.1%));--seki-ring-shadow:hsl(0, 0%, 3.9%, 0.1);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:light-dark(var(--seki-neutral-400), var(--seki-neutral-600));--seki-border-default:var(--seki-border);--seki-border-emphasis:light-dark(var(--seki-neutral-300), var(--seki-neutral-700))}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:light-dark(hsl(0, 0%, 9%, 0.9), hsl(0, 0%, 98%, 0.9));--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:light-dark(hsl(0, 0%, 96.1%, 0.8), hsl(0, 0%, 14.9%, 0.8));--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1);--seki-shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-none:1;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;--seki-radius-full:9999px;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-foreground:light-dark(hsl(240, 5.3%, 26.1%), hsl(240, 4.8%, 95.9%));--seki-sidebar-primary:light-dark(hsl(240, 5.9%, 10%), hsl(0, 0%, 98%));--seki-sidebar-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-accent:light-dark(hsl(240, 4.8%, 95.9%), hsl(240, 3.7%, 15.9%));--seki-sidebar-accent-foreground:light-dark(hsl(240, 5.9%, 10%), hsl(240, 4.8%, 95.9%));--seki-sidebar-border:light-dark(hsl(220, 13%, 91%), hsl(240, 3.7%, 15.9%));--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:light-dark(hsl(240, 3.8%, 46.1%), hsl(240, 5%, 64.9%));--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}[data-theme='dark']{color-scheme:dark}[data-theme='light']{color-scheme:light}:host{display:contents;--tooltip-bg:var(--seki-background);--tooltip-text:var(--seki-foreground);--tooltip-padding:var(--seki-spacing-2) var(--seki-spacing-3);--tooltip-radius:var(--seki-radius-md);--tooltip-shadow:var(--seki-shadow-md);--tooltip-font-size:var(--seki-font-size-sm, 0.875rem);--tooltip-arrow-size:8px;--tooltip-transition-duration:200ms}.tooltip{position:fixed;box-sizing:border-box;background-color:var(--tooltip-bg);color:var(--tooltip-text);padding:var(--tooltip-padding);border-radius:var(--tooltip-radius);box-shadow:var(--tooltip-shadow);font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--tooltip-font-size);line-height:var(--seki-line-height-normal, 1.5);max-width:280px;word-wrap:break-word;z-index:1000;pointer-events:auto;opacity:0;transform:scale(0.95) translateY(-4px);transition:opacity var(--tooltip-transition-duration) ease-out,\n    transform var(--tooltip-transition-duration) ease-out;visibility:hidden}.tooltip--visible{opacity:1;transform:scale(1) translateY(0);visibility:visible}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background-color:var(--tooltip-bg);transform:rotate(45deg);pointer-events:none}.tooltip[data-side='top']{margin-bottom:calc(var(--tooltip-arrow-size) / 2 + 4px)}.tooltip[data-side='top'] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2);left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip[data-side='bottom']{margin-top:calc(var(--tooltip-arrow-size) / 2 + 4px)}.tooltip[data-side='bottom'] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2);left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip[data-side='left']{margin-right:calc(var(--tooltip-arrow-size) / 2 + 4px)}.tooltip[data-side='left'] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2);top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip[data-side='right']{margin-left:calc(var(--tooltip-arrow-size) / 2 + 4px)}.tooltip[data-side='right'] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2);top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip:focus-visible{outline:2px solid var(--seki-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tooltip{transition:opacity 0s, transform 0s}}::slotted([slot='content']){margin:0;line-height:inherit;font-size:inherit}::slotted([slot='trigger']){cursor:help}.trigger-wrapper{display:inline-block}";
 
@@ -98,6 +100,25 @@ const SekiTooltip = class {
                 this.hide();
             }, 100);
         };
+        /**
+         * Pointer entered the tooltip itself: keep it open (WCAG 1.4.13 "hoverable").
+         * Cancels the grace-period hide started when the pointer left the trigger.
+         */
+        this.onTooltipMouseEnter = () => {
+            if (this.hideTimer) {
+                clearTimeout(this.hideTimer);
+                this.hideTimer = null;
+            }
+        };
+        /**
+         * Pointer left the tooltip: start the same grace-period hide as leaving the
+         * trigger, so moving back onto the trigger keeps it open.
+         */
+        this.onTooltipMouseLeave = () => {
+            if (!this.isVisible)
+                return;
+            this.onTriggerMouseLeave();
+        };
         /**
          * Handle focus on trigger (accessibility)
          */
@@ -166,6 +187,11 @@ const SekiTooltip = class {
                 this.longPressTimer = null;
             }
         };
+        /**
+         * A visible tooltip is a layer on the overlay stack (utils/overlay.ts), as
+         * in Radix: Escape hides it first and leaves an enclosing dialog open.
+         */
+        this.layer = new overlay.OverlayLayer({ onEscape: (event) => this.onEscapeKey(event) });
         /**
          * Handle Escape key to dismiss tooltip
          */
@@ -186,6 +212,16 @@ const SekiTooltip = class {
          */
         this.onTriggerSlotChange = () => {
             this.attachTriggerListeners();
+            if (!this.boundTrigger) {
+                // Trigger removed while open: nothing left to anchor to.
+                this.triggerEl = null;
+                if (this.isVisible)
+                    this.hide();
+            }
+            else if (this.isVisible) {
+                // Trigger swapped while open: re-anchor to the new element.
+                this.calculatePosition();
+            }
         };
     }
     /**
@@ -334,8 +370,6 @@ const SekiTooltip = class {
         trigger.addEventListener('touchstart', this.onTriggerTouchStart);
         trigger.addEventListener('touchmove', this.onTriggerTouchMove);
         trigger.addEventListener('touchend', this.onTriggerTouchEnd);
-        // Escape key on document
-        document.addEventListener('keydown', this.onEscapeKey);
         // Apply aria-describedby to trigger (idempotent — keep the existing id so a
         // re-attach after a DOM move doesn't regenerate it).
         const contentSlot = this.el.querySelector('[slot="content"]');
@@ -362,9 +396,6 @@ const SekiTooltip = class {
             this.removeTriggerListeners(this.boundTrigger);
             this.boundTrigger = null;
         }
-        // Escape key was registered on document in attachTriggerListeners; remove it
-        // here so it does not leak (and keep firing) after the tooltip is detached.
-        document.removeEventListener('keydown', this.onEscapeKey);
     }
     componentWillLoad() {
         // `disabled` wins over a requested initial open state.
@@ -401,8 +432,12 @@ const SekiTooltip = class {
             this.attachTriggerListeners();
         }
     }
+    componentDidRender() {
+        this.layer.setActive(this.isVisible);
+    }
     disconnectedCallback() {
         this.detachTriggerListeners();
+        this.layer.setActive(false);
         // Clean up timers
         if (this.showTimer)
             clearTimeout(this.showTimer);
@@ -412,7 +447,7 @@ const SekiTooltip = class {
             clearTimeout(this.longPressTimer);
     }
     render() {
-        return (index.h(index.Host, { key: '4904953ae5d7a0d67942898104f81e36bd5d9ab2' }, index.h("span", { key: '30a69b56ab401b6c28214360feff10c7a246f698', class: "trigger-wrapper" }, index.h("slot", { key: 'd15e4b6b7a83a462857b8670d1394718f1af688a', name: "trigger", onSlotchange: this.onTriggerSlotChange })), index.h("div", { key: '817b9ef07ada7e8018250f721e4384d2692559f7', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip" }, index.h("slot", { key: 'd4e19072ceaabeb7fadd73f336876b2faedcdba6', name: "content" }), index.h("div", { key: '76fcd6d32a10202aabae4c3b14b4ba40c415770a', class: "tooltip-arrow" }))));
+        return (index.h(index.Host, { key: '7c714fcc3092f4a38990c6bc97e6b02699c204e7' }, index.h("span", { key: 'ec5b2be8e913e917d70b767de17ce0ddf7a067af', class: "trigger-wrapper" }, index.h("slot", { key: 'a586b19cbdc1481eb7ddb087662bbcb4a92b8c0e', name: "trigger", onSlotchange: this.onTriggerSlotChange })), index.h("div", { key: '9a1d43f039edc0b3ed3dda9306cbf425c2f854c0', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip", onMouseEnter: this.onTooltipMouseEnter, onMouseLeave: this.onTooltipMouseLeave }, index.h("slot", { key: '949262f9a555cec595aa98b1bee3da1b388228f7', name: "content" }), index.h("div", { key: '221555f0885ace177f03b5d42d48c9cc09128c5c', class: "tooltip-arrow" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {