@sekiui/elements 0.0.83 → 0.0.85

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

@@ -26,6 +26,7 @@ const SekiDrawer = class {
     async open() {
         this.isOpen = true;
         this.currentSnapPoint = 1;
+        this.updateContext();
         this.drawerOpen.emit();
     }
     /**
@@ -34,8 +35,18 @@ const SekiDrawer = class {
     async close() {
         this.isOpen = false;
         this.currentSnapPoint = 0;
+        this.updateContext();
         this.drawerClose.emit();
     }
+    updateContext() {
+        // seki-drawer-content has no other way to know this drawer's open state —
+        // it reads this off the host element via closest('seki-drawer').
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._drawerContext = { isOpen: this.isOpen };
+    }
+    componentDidLoad() {
+        this.updateContext();
+    }
     /**
      * Toggles the drawer
      */
@@ -57,6 +68,7 @@ const SekiDrawer = class {
         else {
             this.currentSnapPoint = point;
             this.isOpen = true;
+            this.updateContext();
             this.drawerSnap.emit({ point });
         }
     }
@@ -81,10 +93,10 @@ const SekiDrawer = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("div", { key: '0ac8e2b41e677c753c58056d46794cca4ce4a869', class: {
+        return (index.h("div", { key: '141a4b0d4bf4dbb106cd23b7784c17f4ad121ac0', class: {
                 'seki-drawer': true,
                 'seki-drawer--open': this.isOpen,
-            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, index.h("slot", { key: '63d5ca253a823a3d67eef287003312cc00df3bf6' }), this.isOpen && (index.h("div", { key: '807eefdc1ecf76da34a99349b0dfca6a58662951', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, index.h("slot", { key: 'e3e53a8328fa68ea580207341f182741987177cc' }), this.isOpen && (index.h("div", { key: '8504d36e7d18f303ba3d9530398431510458ca5a', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-dropdown-menu-checkbox.cjs.entry.js

@@ -47,10 +47,10 @@ const SekiDropdownMenuCheckbox = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'c55f5b18816780daed53d344409010ebd3031a3e' }, index.h("div", { key: '45adaf6c6ac8f1adf3625d68342680764dd672a4', part: "item", role: "menuitemcheckbox", class: {
+        return (index.h(index.Host, { key: '82e8eec4ec609dca137b13ee4187787088585e9f' }, index.h("div", { key: 'a7b43e06208badbd0bff596e1c81a52c68bd4834', part: "item", role: "menuitemcheckbox", class: {
                 'dropdown-menu-checkbox': true,
                 'dropdown-menu-checkbox--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: '9dfdaa26e8c702db18bef7dc4d4a66a32db5231a', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (index.h("svg", { key: '1e889a8136f5f26068d0083e983fbcf09f590b6e', 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("polyline", { key: '8e4492a33b64c02d5f1d9d59c54e3f0b4a88bad5', points: "20 6 9 17 4 12" })))), index.h("slot", { key: 'f5011ca2485a924feee421ee6eead27a6ae706a5' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: '72d4aaf22a50e9367c7ea0338a87b98be70dfe3c', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (index.h("svg", { key: '4c26d73a4dc88b56a844ee7fb28881611e5bf244', 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("polyline", { key: '06f23a627968a302c2613fee03c1785c272fa226', points: "20 6 9 17 4 12" })))), index.h("slot", { key: '22abfb57b6562256012a7fdaa83ed3cf38ed088d' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-dropdown-menu-content.cjs.entry.js

@@ -112,7 +112,14 @@ const SekiDropdownMenuContent = class {
             align,
             sideOffset: this.sideOffset,
         });
-        this._position = { top: `${top}px`, left: `${left}px` };
+        const next = { top: `${top}px`, left: `${left}px` };
+        // Guard against redundant writes: componentDidRender calls this every render
+        // while open, and @State setters always trigger a re-render on a new object
+        // reference even when the computed value is unchanged, which would otherwise
+        // loop forever (render -> componentDidRender -> updatePosition -> re-render).
+        if (next.top === this._position.top && next.left === this._position.left)
+            return;
+        this._position = next;
     }
     connectedCallback() {
         themeSync.registerThemeSync(this.el);

package/dist/cjs/seki-dropdown-menu-item.cjs.entry.js

@@ -55,11 +55,11 @@ const SekiDropdownMenuItem = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '3ae5d8006350ed0d7f580412a27a2fd7f377524a' }, index.h("div", { key: '5b38ebd872be296e7483f7a79299fab6a1a6489c', part: "item", role: "menuitem", class: {
+        return (index.h(index.Host, { key: 'e0c35129ea8cba5377c08d16a441b465409ad864' }, index.h("div", { key: '28f268c67219cde1122dbd9575e8737179725b22', part: "item", role: "menuitem", class: {
                 'dropdown-menu-item': true,
                 'dropdown-menu-item--disabled': this.disabled,
                 'dropdown-menu-item--inset': this.inset,
-            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("slot", { key: '5a870d8e276b3b1f0a53cdd919f245471aa18f9b' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("slot", { key: 'cf117ec567081711a802be98c5aa5f57fa8a2090' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-dropdown-menu-label.cjs.entry.js

@@ -20,10 +20,10 @@ const SekiDropdownMenuLabel = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '4b2af7d6aa05089b855bd08e8289c7cc55809a69' }, index.h("div", { key: 'edb9e78dcb101b44fa3b2bdd80ba45f6972b1740', part: "label", class: {
+        return (index.h(index.Host, { key: 'c206f0f3052fffa5b1d8ea1ad1794d4d5255671d' }, index.h("div", { key: 'aa30ffe3b1a2d86f66c9c124826ead7954d17223', part: "label", class: {
                 'dropdown-menu-label': true,
                 'dropdown-menu-label--inset': this.inset,
-            } }, index.h("slot", { key: '646075e268af159f939152d91bc0ff8cda9dc2d0' }))));
+            } }, index.h("slot", { key: 'afdb404ef4f13d9faeb375b4c8d167bbe2198d93' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-dropdown-menu-radio-group.cjs.entry.js

@@ -38,7 +38,7 @@ const SekiDropdownMenuRadioGroup = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '6cf9d6af934e70495d15798dd62715ef700b246d' }, index.h("div", { key: 'fa0b1560a6a38488da897ce17628461ca5bbfd67', part: "group", role: "group", class: "dropdown-menu-radio-group" }, index.h("slot", { key: '4c441494b3a5ae579061ee1005182b64831012d3' }))));
+        return (index.h(index.Host, { key: '017079dfd24ac2b21382c34542494931a569b649' }, index.h("div", { key: '6ce511d0b0a83856443cdabbf194c78cff3315f2', part: "group", role: "group", class: "dropdown-menu-radio-group" }, index.h("slot", { key: 'b2a3ca38d0fa3482389fb2756d65edf1bc127037' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-dropdown-menu-radio.cjs.entry.js

@@ -55,10 +55,10 @@ const SekiDropdownMenuRadio = class {
         (_a = this.radioGroupEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiValueChange', this.onRadioGroupValueChange);
     }
     render() {
-        return (index.h(index.Host, { key: '9b5c16b86989fe8cac562696569685288dd455d1' }, index.h("div", { key: 'c190e966f43a39ff4171e721a85f5fcc4ae530e5', part: "item", role: "menuitemradio", class: {
+        return (index.h(index.Host, { key: '182a9815525b563020c07033822ec25332562c68' }, index.h("div", { key: '12b1fa15f958ffa49316db87859ca1805e85643f', part: "item", role: "menuitemradio", class: {
                 'dropdown-menu-radio': true,
                 'dropdown-menu-radio--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: '6eb76b52b8148dfe5d8e0dc5c81476c7cf0871ce', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (index.h("svg", { key: '3ec758d15aaa2ea3c267051169c5b16ac889084e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, index.h("circle", { key: '6a18e381a0dc726fca24b2d5404064dd781fefaf', cx: "12", cy: "12", r: "4" })))), index.h("slot", { key: '894485165c5cf9c9b303c5faef47a130c7e7bbdf' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: 'f6c9f6b2fa908ed8e8fb02153c50043afef9dfde', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (index.h("svg", { key: 'fee34f9fc25a0715be3a264666b4b686f2619c9b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, index.h("circle", { key: '6f347645334c2efbcefd613782b2231df983760b', cx: "12", cy: "12", r: "4" })))), index.h("slot", { key: '9648eeb996850c51315721a5a5807c84db130236' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-dropdown-menu-separator.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiDropdownMenuSeparator = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '309649b7bc9276ebc3d738c5e8d011675e309456' }, index.h("div", { key: '08005914449bb03de1714b4c63aaa81882fdcf70', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
+        return (index.h(index.Host, { key: 'b47de03ba71095d4ae259c260febd2134eecef3d' }, index.h("div", { key: 'fcb34bd88c504a204f579c5b55cdd1739454ebd0', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-dropdown-menu-shortcut.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiDropdownMenuShortcut = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '581030fe2b4f11ce7c84c6ee48da6d136ed719bb' }, index.h("span", { key: '2e757fa61cf1e6cf6640de6c42735802692026d8', part: "shortcut", class: "dropdown-menu-shortcut" }, index.h("slot", { key: '7d1938b25cac78a07abe01b8d6bc63110ecebaa6' }))));
+        return (index.h(index.Host, { key: 'b92cc590be108ca9896a14aa107f976a976576fe' }, index.h("span", { key: 'e992af8aab02cbfa2b5a65f8c7c1523b95c61f3a', part: "shortcut", class: "dropdown-menu-shortcut" }, index.h("slot", { key: 'e8c3ac975f6527c5ce1550b358f6286c82e0b041' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-dropdown-menu-sub.cjs.entry.js

@@ -137,10 +137,10 @@ const SekiDropdownMenuSub = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2c1af312020aa971394d195d7fab5718c599f208', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'f9da9660a599db2f65d616407b3f5b7c7e092853', ref: (el) => (this.triggerRef = el), part: "trigger", class: "dropdown-menu-sub-trigger", role: "menuitem", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', tabindex: "0" }, index.h("slot", { key: '0221026fb1057275073783635acc2484202e57ae', name: "trigger" })), this._isOpen && (index.h("div", { key: '3ccaec4a55af93797527aaa2f8518f9439559c01', ref: (el) => (this.contentRef = el), part: "content", class: {
+        return (index.h(index.Host, { key: '48eb5b9d1b4c9f6f7d66674e8ed412d5c53d414c', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '353d669123b30353612e7f2698932dc871a1d018', ref: (el) => (this.triggerRef = el), part: "trigger", class: "dropdown-menu-sub-trigger", role: "menuitem", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', tabindex: "0" }, index.h("slot", { key: '74fd3631533741bc01513f05bd564a2b383418d4', name: "trigger" })), this._isOpen && (index.h("div", { key: '06b0fc61bcff858f1c81c7adcdca6de70514f3be', ref: (el) => (this.contentRef = el), part: "content", class: {
                 'dropdown-menu-sub-content': true,
                 'dropdown-menu-sub-content--left': this._openToLeft,
-            }, role: "menu" }, index.h("slot", { key: '7eebd2c0413c67e3b106857fe3cdc3e68852b1df', name: "content" })))));
+            }, role: "menu" }, index.h("slot", { key: '7359d4037054f6e818d98017ce85871fadadb713', name: "content" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-dropdown-menu-trigger.cjs.entry.js

@@ -39,7 +39,7 @@ const SekiDropdownMenuTrigger = class {
         (_a = this.menuEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenuOpenChange);
     }
     render() {
-        return (index.h(index.Host, { key: 'fce6a84d7fcc4ed52edfdc4465d1da0942cfe3cb', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("span", { key: '0fe984028ed8e6802fcb91354fe4d0fcc4b1d5fe', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, index.h("slot", { key: 'f7985116dbb64d96608f5eac631552862fa4c83a' }))));
+        return (index.h(index.Host, { key: '1602ccb48d12f631309a67bc3b68fbe2b39f8eae', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("span", { key: '07e3787fd41177137ec30ce3e337aeb381d19029', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, index.h("slot", { key: 'b2054be7bb8b4bc4049c427ded5f4949bac92370' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-dropdown-menu.cjs.entry.js

@@ -55,10 +55,10 @@ const SekiDropdownMenu = class {
             return;
         this._isOpen = true;
         this.open = true;
-        this.sekiOpenChange.emit(true);
-        this.setupClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._dropdownMenuContext = this.getContext();
+        this.sekiOpenChange.emit(true);
+        this.setupClickOutside();
     }
     /**
      * Close the menu
@@ -68,10 +68,10 @@ const SekiDropdownMenu = class {
             return;
         this._isOpen = false;
         this.open = false;
-        this.sekiOpenChange.emit(false);
-        this.removeClickOutside();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.el._dropdownMenuContext = this.getContext();
+        this.sekiOpenChange.emit(false);
+        this.removeClickOutside();
     }
     handleTriggerClick() {
         if (this._isOpen) {
@@ -149,7 +149,7 @@ const SekiDropdownMenu = class {
         this.removeClickOutside();
     }
     render() {
-        return (index.h(index.Host, { key: '2d005621c57288981fd010d032df05ba0673382b', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: 'ccfad38f3553407073c9c5f8b7d2ad1a536428c8', part: "dropdown-menu", class: "dropdown-menu" }, index.h("slot", { key: '12250972a0eaeef563e711a82c60243442e47a63' }))));
+        return (index.h(index.Host, { key: '6af5a252702d7af68c5ef4a2cace4a5d61892592', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: '789961c694fbd38e060dac2c9981e2b94b7fa587', part: "dropdown-menu", class: "dropdown-menu" }, index.h("slot", { key: '17284c474fffe16ed4f54b2c595361b06146f2b6' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -16,7 +16,7 @@ const SekiEmpty = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'b03ca666a254e0ab53e567f872a77daca4fadecb' }, index.h("div", { key: '385046216a35780b11111f891b65dd448aa743a7', class: "seki-empty", part: "empty", role: "status" }, index.h("div", { key: 'f689df67dd9e1d3f196f69abf42f0cfe66e23598', class: "seki-empty__icon", part: "icon" }, index.h("slot", { key: 'abc157e7720ef997d5c01c26f060f33c44707c34', name: "icon" })), this.heading && (index.h("h3", { key: '1adb89acc687f21d0990eee69289e4319c19a8b5', class: "seki-empty__title", part: "title" }, this.heading)), this.description && (index.h("p", { key: '4f21df2c602ac666a6e3a6ce9e724bedf61bb288', class: "seki-empty__description", part: "description" }, this.description)), index.h("div", { key: 'f06db983b6ff13a72bd6e34e1b0c6517106ba4f7', class: "seki-empty__content", part: "content" }, index.h("slot", { key: '73ec3d2c15a2d9c86c079939ec6ce4941664196a' })), index.h("div", { key: '08cda59869ce4dadc0aa6aaae2ba5a6a010fe321', class: "seki-empty__action", part: "action" }, index.h("slot", { key: 'e4ddd4a03e85d1a392cd759fa22e1af694e71c38', name: "action" })))));
+        return (index.h(index.Host, { key: 'b911680cab653c295f0895ac8354e3b389ff4527' }, index.h("div", { key: 'b097ffe4042e0f5403739fefc3987fbb2ac21f50', class: "seki-empty", part: "empty", role: "status" }, index.h("div", { key: '80aa04f20e7713ca4554061c42b53c96c2b1565a', class: "seki-empty__icon", part: "icon" }, index.h("slot", { key: '97db760b074d291002534e57f25c2d064f52a0d4', name: "icon" })), this.heading && (index.h("h3", { key: 'f91eca3167df783a5bf2523a829abbc03ea21558', class: "seki-empty__title", part: "title" }, this.heading)), this.description && (index.h("p", { key: 'fb6d9d032307d0bb10b07db04aa41aefd006893c', class: "seki-empty__description", part: "description" }, this.description)), index.h("div", { key: 'ac157bdcc1a82ba2936d457e46d87fa895e8d0fc', class: "seki-empty__content", part: "content" }, index.h("slot", { key: '02671332d76115378b37a6eccc13995cd0a280fd' })), index.h("div", { key: 'a980900d67b5eab23b50cee551d72d53660206aa', class: "seki-empty__action", part: "action" }, index.h("slot", { key: 'bc965b037c45eb2b9ada3f0f68eeba43df632e2e', name: "action" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-field-description.cjs.entry.js

@@ -42,7 +42,7 @@ const SekiFieldDescription = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("div", { key: '330c5cd4338dfe421493fda832c3c5332665ff04', id: this.componentId, class: "description" }, index.h("slot", { key: '370edccd1c9f8d44e43b575d45bdaf3d39bc0a42' })));
+        return (index.h("div", { key: 'a3c76afa6fc462b702b0ac0a6fc162f84aa85d2d', id: this.componentId, class: "description" }, index.h("slot", { key: '47fc8cf9ee309067b57a0a5d32dba32bb063fc59' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-field-error.cjs.entry.js

@@ -70,7 +70,7 @@ const SekiFieldError = class {
     }
     render() {
         const style = this._visible ? {} : { display: 'none' };
-        return (index.h("div", { key: '86562ec722ded90ce43b58a7b3a61072f653617b', id: this.componentId, class: "error", "aria-live": "polite", style: style }, index.h("slot", { key: 'b21cc1fcdf422ae425a099085112ec8d2776db7c' })));
+        return (index.h("div", { key: '3ffe0f2ee2d7693096d2dc723c300979a43e172c', id: this.componentId, class: "error", "aria-live": "polite", style: style }, index.h("slot", { key: '4b913ca950d5fbc2acf7f523ca2af1514a50509d' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -24,7 +24,7 @@ const SekiFieldGroup = class {
         const style = {
             '--seki-field-group-gap': this.gap,
         };
-        return (index.h("div", { key: 'c3684e081ff8f1b19ddcda5fc25bfb87f2f7b50d', class: "field-group", style: style }, index.h("slot", { key: '0ead64560d27f3b1faeda4b6dc730469851c1440' })));
+        return (index.h("div", { key: '91531b3bd390b3df6ff1941ca0838b9d29972131', class: "field-group", style: style }, index.h("slot", { key: '625fce6297f11d64848826d5e68e61b21cc7f770' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-field-label.cjs.entry.js

@@ -22,7 +22,7 @@ const SekiFieldLabel = class {
     }
     render() {
         const labelProps = this.htmlFor ? { for: this.htmlFor } : {};
-        return (index.h("label", Object.assign({ key: '04d2d5d05935ab3bdea92e1c67739d2e6401e0fc' }, labelProps), index.h("slot", { key: '70681b5cffac8a18d1e33447337c55f591a6e0c9' }), this.required && index.h("span", { key: '8807ec715491e016267eae2608c15a13037213fe', class: "required-indicator" }, " *")));
+        return (index.h("label", Object.assign({ key: '8f180cd70e6a1b9f9174f9e0e05f0465d2991769' }, labelProps), index.h("slot", { key: 'e8036f8a874bd9a33f8b4cbbe21bd4124f6c0235' }), this.required && index.h("span", { key: '88c46e943ac5a27a613ec2d0768158d1c56f236c', class: "required-indicator" }, " *")));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-field-legend.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiFieldLegend = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("legend", { key: 'a366c20ab3876e26c4878cfe6699e6a29b1cb39c' }, index.h("slot", { key: 'c759c608db95a841556cf658841f3e003ec308c5' })));
+        return (index.h("legend", { key: 'fe6c1d90b4affe234433050a3c187516b6c664cd' }, index.h("slot", { key: 'bd5eb63544ac1ee39efbb1c54cbe774020783f32' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -45,7 +45,7 @@ const SekiField = class {
     }
     render() {
         const hasMultiple = this.hasMultipleControls();
-        return (index.h(index.Host, { key: '4cffb32c1a3db72ea2cce5c77c81ede90f7e5697', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, index.h("div", { key: 'ad0e7ea873abdcfbfbb6b361b78899cf683d78a7', class: "field" }, index.h("div", { key: '9706614e5d5b2ff5a760e50d5091a00474caf856', class: "field-label" }, index.h("slot", { key: '33d6163597757399eb83b9e908b202dbe03c10d0', name: "label" })), index.h("div", { key: 'f329d33d0f7cd6ad638737032b677667ed19f373', class: "field-control" }, index.h("slot", { key: '6362b164d2d00dcc1fb8494f5519490547b06cef' })), index.h("div", { key: 'f8d6fc9db027dea7800def59a77ab3cbb2ed85dd', class: "field-description" }, index.h("slot", { key: '9d2b537f656d340ec622ac7dca5c6470451aa36b', name: "description" })), index.h("div", { key: '1541c2f8be9ff8a30136aa81c0cbf600b505b54b', class: "field-error" }, index.h("slot", { key: '24999d1d99c206be36f9ed8095fa3dab84086921', name: "error" })))));
+        return (index.h(index.Host, { key: 'f23c22ff3b3655244bf04ca47c91967713f13807', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, index.h("div", { key: 'f29cf2530c5d599ec2bb687bf40faa68487b546b', class: "field" }, index.h("div", { key: '201a4ee9b3bf9c5254b050ddc5979a35a9594573', class: "field-label" }, index.h("slot", { key: 'c5492adacd0504aac8eeb97e246605a72615ce05', name: "label" })), index.h("div", { key: 'd4ab6f7f780110351c55578a769a8cf4b1ee162d', class: "field-control" }, index.h("slot", { key: '39d9ed2b98260dd86b76a86179839ca3c14e1083' })), index.h("div", { key: 'b9f8546301e01a81c9bb7a8a581854c3a50b422d', class: "field-description" }, index.h("slot", { key: 'fab19512f04e9f9266b49b7640c6f22d5ac4c9d8', name: "description" })), index.h("div", { key: 'eb5c5224dd8548f707600b6e230a9c2456038a08', class: "field-error" }, index.h("slot", { key: '7cba0e70daf9fa0aa9e13646c805840d2190d6de', name: "error" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -21,7 +21,7 @@ const SekiFieldset = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("fieldset", { key: '0d59504d98786357f7b13f2b92310467516ec5b2', disabled: this.disabled, class: "fieldset" }, index.h("slot", { key: '6329e6b1bfe6ad3bcc711ffc751be62d6d80226c', name: "legend" }), index.h("div", { key: 'a9ed14e778e5783df38fdc5d5a5210de5a1d9a0f', class: "fieldset-content" }, index.h("slot", { key: '24d448049a51cef2dc5a6b9283c472b625b614d2' }))));
+        return (index.h("fieldset", { key: '0ff07afc87b66c43897002a695f513a56d2eb4b9', disabled: this.disabled, class: "fieldset" }, index.h("slot", { key: '68336d157f79c236ca6f1d24e239cf2522d028bb', name: "legend" }), index.h("div", { key: 'e9cc810db38aa75802001c94724579cbf594f4a9', class: "fieldset-content" }, index.h("slot", { key: '1d03995b8cb7207426103d49813628a9b1dc1d63' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-hover-card-trigger.cjs.entry.js

@@ -121,7 +121,7 @@ const SekiHoverCardTrigger = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c49fa6a632069fcde511ad17844a1b20b7bd8b7d' }, index.h("span", { key: '2b0515dd0a8d1f800fe0ec2afca05f1e7a036764', part: "trigger", class: "hover-card-trigger", "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick }, index.h("slot", { key: 'e3e000d26a9f464a70b86bd1496adbc291db7d0a' }))));
+        return (index.h(index.Host, { key: '258805fc513b371e433ba9d37b6b4efc45ef22e7' }, index.h("span", { key: '4233601c929fca34a5c562e17aba498609efb3c5', part: "trigger", class: "hover-card-trigger", "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick }, index.h("slot", { key: '981f8b8f3684c289f9553aedf9b888df4dd05f3f' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-hover-card.cjs.entry.js

@@ -214,7 +214,7 @@ const SekiHoverCard = class {
         this.removeScrollListener();
     }
     render() {
-        return (index.h(index.Host, { key: '068054d3a74f75993b1371f8f0313bdfd9b82f70', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: '461ab4384676f33bd0ca89c14bcb15931fa1c08e', class: "hover-card" }, index.h("slot", { key: 'c7ffac904174636e9cd39f63b9d69f0d1555c62f' }))));
+        return (index.h(index.Host, { key: 'd9513b0ab573257d7908eae821a52f1fcdbc81d5', "data-state": this._isOpen ? 'open' : 'closed' }, index.h("div", { key: '511ad3e9d3dbe3109d2fc975c589c7645e2e8a4d', class: "hover-card" }, index.h("slot", { key: 'e398a37ed117d455b77d751af59c337094a46fb5' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/seki-input-addon.cjs.entry.js

@@ -20,7 +20,7 @@ const SekiInputAddon = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'da18dde31c6e787b9bdd928279a5ce08ab62b27f' }, index.h("div", { key: '42fe8665cd6159e8863b51401a14c0dea82936a2', class: `addon addon--${this.size}` }, index.h("slot", { key: 'fa148b6a1a7832075db29c2aa0fb57d073f8f9d0' }))));
+        return (index.h(index.Host, { key: '0ed1bb42b95be35e0820c6a2f9cb50a38ad3ba77' }, index.h("div", { key: '1d4863f00f396f40a2f3068be6c12c840e7c63cc', class: `addon addon--${this.size}` }, index.h("slot", { key: '318f95c9b8af70dabe946008216c88d0fc229ae3' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -66,7 +66,7 @@ const SekiInputGroup = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'bd1f9493f032958d5ad68dfb31e156faa5245db0' }, index.h("div", { key: '875f950b3a15d9cb9fb4785ed7abb0e2d73a871f', class: "input-group", role: "group", "aria-label": this.ariaLabel }, index.h("slot", { key: '8c1cf328b98a2e794eec3245a9e889af2ffa567e', onSlotchange: () => this.updateChildren() }))));
+        return (index.h(index.Host, { key: 'a64e77d12a53458dc91038bbf6e9c611fa7ee843' }, index.h("div", { key: '3be8dacd8f917469150a7014c3b05d292d10a734', class: "input-group", role: "group", "aria-label": this.ariaLabel }, index.h("slot", { key: '3f13e0e76fff3bfd3074fe80c9102bdc32e3ec72', onSlotchange: () => this.updateChildren() }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-input-otp-group.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiInputOtpGroup = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("div", { key: 'a72358f543c1eeced713389239c9dd987e6ec341', class: "group", role: "group" }, index.h("slot", { key: 'edff4c64c0da61b420f6312239d8251ce840c1fe' })));
+        return (index.h("div", { key: '41226a5c7b9135456f425e5bad450dbc5c2770df', class: "group", role: "group" }, index.h("slot", { key: '01fdeeb7e632fdb620a941bfe6b050ec4a3054e4' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-input-otp-separator.cjs.entry.js

@@ -16,7 +16,7 @@ const SekiInputOtpSeparator = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("div", { key: '263bac2bcdf46c506e5fab17af37e137b3d2686b', role: "separator", "aria-orientation": "vertical", class: "separator" }, index.h("slot", { key: 'a204fd61778b23dc0293b2aae947dd520e915a48' }, index.h("span", { key: 'e16aa60eed2fb00eb9469dc030016156d467c81e', "aria-hidden": "true" }, "-"))));
+        return (index.h("div", { key: 'b4807b350f0e4bb6c6d8142f0da818a39e0aca84', role: "separator", "aria-orientation": "vertical", class: "separator" }, index.h("slot", { key: 'ad6dc7c2168cca3aa67c79ca96a1fbb700e5bfb2' }, index.h("span", { key: '326e399be4601bc9062cca0b7b4b593e69b071b9', "aria-hidden": "true" }, "-"))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-input-otp-slot.cjs.entry.js

@@ -75,7 +75,7 @@ const SekiInputOtpSlot = class {
             'slot--invalid': this.isInvalid,
             'slot--focused': this.hasFocus,
         };
-        return (index.h("div", { key: 'f97036441010e16452500af42b81c5bf8a4c0c46', class: classes, "aria-hidden": "true", onClick: this.handleClick }, index.h("span", { key: '4c08a46d675974c7571bc053a64b755269a92ac6', class: "char" }, this.getDisplayChar()), this.isActive && index.h("span", { key: '1dbd933b7bc82f1d2d1d37d4d5f39724698303a3', class: "caret" })));
+        return (index.h("div", { key: '64c9c6849fa128a04f59cedd67a09ee17663cc8b', class: classes, "aria-hidden": "true", onClick: this.handleClick }, index.h("span", { key: '0bdf6357d5d9c280b6d8576e0225f79c936d2849', class: "char" }, this.getDisplayChar()), this.isActive && index.h("span", { key: '5c4c06fb64c6875e20cc0d9182b89d3e8a135030', class: "caret" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-input-otp.cjs.entry.js

@@ -233,11 +233,11 @@ const SekiInputOtp = class {
         const inputMode = this.pattern === 'digits' ? 'numeric' : 'text';
         const inputPattern = this.pattern === 'digits' ? '[0-9]*' : '[a-zA-Z0-9]*';
         const ariaLabelText = this.ariaLabel || `Enter ${this.maxlength}-digit code`;
-        return (index.h("div", { key: 'c2fb81478bc60e129f88a60bfed0517c46909223', class: {
+        return (index.h("div", { key: '8ba99ba10add9645b9fe971a17ef9f99f0db5d03', class: {
                 'input-otp-container': true,
                 'input-otp-container--disabled': this.disabled,
                 'input-otp-container--invalid': this.invalid,
-            }, onClick: this.handleContainerClick }, index.h("input", { key: 'c6b45df211169eba36e09a5c633314dccdb2fbe7', ref: (el) => (this.inputRef = el), type: "text", inputMode: inputMode, autocomplete: this.autocomplete, pattern: inputPattern, maxLength: this.maxlength, value: this.value, disabled: this.disabled, required: this.required, name: this.name, class: "input-otp-hidden", "aria-label": ariaLabelText, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur }), index.h("slot", { key: '6077aa7df179db034de78ff8c7c4c82a836a0949' })));
+            }, onClick: this.handleContainerClick }, index.h("input", { key: '8d74b596aef2a6654d2a2d27fdfc8e55d73f80f2', ref: (el) => (this.inputRef = el), type: "text", inputMode: inputMode, autocomplete: this.autocomplete, pattern: inputPattern, maxLength: this.maxlength, value: this.value, disabled: this.disabled, required: this.required, name: this.name, class: "input-otp-hidden", "aria-label": ariaLabelText, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur }), index.h("slot", { key: 'fd0ac0208df1eefdd4ee3f1ba386dd0fc3a39e69' })));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

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

@@ -99,7 +99,7 @@ const SekiInput = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("input", { key: 'ab1a545f2b4a7e8aae96d56b2dfbf51fca642e6e', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--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("input", { key: '2401855269fed1363b372679f047713a9c499805', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--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 formAssociated() { return true; }
     get el() { return index.getElement(this); }

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

@@ -47,12 +47,12 @@ const SekiItem = class {
     }
     render() {
         const isInteractive = this.interactive && !this.disabled;
-        return (index.h(index.Host, { key: '0f2293e68d9ff3a30e971268f600e6ff335ee8d6', class: {
+        return (index.h(index.Host, { key: 'afc2753af50689da7b74ffa88d30165b9d0d703c', class: {
                 'seki-item--active': this.active,
                 'seki-item--disabled': this.disabled,
                 'seki-item--inset': this.variant === 'inset',
                 'seki-item--interactive': isInteractive,
-            } }, index.h("div", { key: 'bf5286abefe0659f2bfd542e03ddbd2310e1137f', class: "seki-item", part: "item", role: isInteractive ? 'option' : undefined, tabindex: isInteractive ? 0 : -1, "aria-selected": this.active ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: '5e5938444cc4616cc6ed9a289e2b92cc9fa64209', class: "seki-item__leading", part: "leading" }, index.h("slot", { key: 'eab7c37f91894288e39e564086916fbc9a3c42c2', name: "leading" })), index.h("span", { key: 'a056010ceaf400c7015959d73b7e2bb2af5e6131', class: "seki-item__content", part: "content" }, index.h("slot", { key: '003d902c057805f00ae955e6772ed50ed62a2f33' })), index.h("span", { key: '9c46eccc15a75e2f938183c06a82fe0d861f487f', class: "seki-item__trailing", part: "trailing" }, index.h("slot", { key: 'adfa6b176d5b72a990868c1454d3676502cc3396', name: "trailing" })))));
+            } }, index.h("div", { key: 'd9dc7a28bdb4052cfcf63419ae453a75bb633f29', class: "seki-item", part: "item", role: isInteractive ? 'option' : undefined, tabindex: isInteractive ? 0 : -1, "aria-selected": this.active ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: 'cec26371147ffe7455bf8853186a7864e9306eaa', class: "seki-item__leading", part: "leading" }, index.h("slot", { key: 'a9654c13e51032788d6848a081747b3f4c119eda', name: "leading" })), index.h("span", { key: '81de0c94e25fd3fa67cf6912731ab201b0ea6352', class: "seki-item__content", part: "content" }, index.h("slot", { key: '706e63e91c80c0ab00d2b98494e4a845f682a36f' })), index.h("span", { key: '586a43d81357ec1cbd0e442174ed719cfbf8ca86', class: "seki-item__trailing", part: "trailing" }, index.h("slot", { key: '73e66a5dc46606da0b0c4e92df9c6ab377af803c', name: "trailing" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const SekiKbd = class {
         themeSync.unregisterThemeSync(this.el);
     }
     render() {
-        return (index.h("kbd", { key: '603f2bada1ec0f1880241771113886b5aa6a937a', class: `kbd kbd--${this.size}` }, index.h("slot", { key: 'dee6c34bfc342dcce1adbcbc31d5850c605dec3e' })));
+        return (index.h("kbd", { key: '901e019a4333b2aae02ed38d8a3dc0405fe25c65', class: `kbd kbd--${this.size}` }, index.h("slot", { key: '02c958173ada455476ef0c6523898c9351cb6a53' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -27,10 +27,10 @@ const SekiLabel = class {
     }
     render() {
         const labelProps = this.for ? { for: this.for } : {};
-        return (index.h("label", Object.assign({ key: '87dcec5c8035433a3308005099d2b970ab63bbd2', part: "label" }, labelProps, { class: {
+        return (index.h("label", Object.assign({ key: '9f8ed3a70860ae6d9a8bb0e61130996d48506304', part: "label" }, labelProps, { class: {
                 'seki-label': true,
                 'seki-label--disabled': !!this.disabled,
-            } }), index.h("slot", { key: 'a189fda5e5b9e6320747f1de59478e12eeebe4c6' }), this.required && index.h("span", { key: '390852bf55abc318cc16487d0c9dad05b970502f', class: "seki-label__required" }, " *")));
+            } }), index.h("slot", { key: '1bb43516da47401d0b924819b5394af8c7f18c61' }), this.required && index.h("span", { key: '698d36593e227447b3d6614b3938e032578dbe2c', class: "seki-label__required" }, " *")));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-BVTkMb4K.js');
+var themeSync = require('./theme-sync-C-gKyzog.js');
+
+const sekiMarkerContentCss = ":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{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98%);--seki-sidebar-foreground:hsl(240, 5.3%, 26.1%);--seki-sidebar-primary:hsl(240, 5.9%, 10%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98%);--seki-sidebar-accent:hsl(240, 4.8%, 95.9%);--seki-sidebar-accent-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-border:hsl(220, 13%, 91%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 3.8%, 46.1%);--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([data-theme='dark']){--seki-sidebar-background:hsl(240, 5.9%, 10%);--seki-sidebar-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-primary:hsl(0, 0%, 98%);--seki-sidebar-primary-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-accent:hsl(240, 3.7%, 15.9%);--seki-sidebar-accent-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-border:hsl(240, 3.7%, 15.9%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 5%, 64.9%)}: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}}:host{display:inline-flex;min-width:0;--seki-marker-content-font-size:var(--seki-font-size-sm, 0.875rem);--seki-marker-content-font-weight:var(--seki-font-weight-normal, 400);--seki-marker-content-line-height:var(--seki-line-height-tight, 1.25);--seki-marker-content-color:var(--seki-muted-foreground, hsl(0, 0%, 45.1%));--seki-marker-content-shimmer-highlight:var(--seki-foreground, hsl(0, 0%, 9%))}:host([data-theme='dark']){--seki-marker-content-color:var(--seki-muted-foreground, hsl(0, 0%, 63.9%));--seki-marker-content-shimmer-highlight:var(--seki-foreground, hsl(0, 0%, 98%))}.seki-marker-content{display:inline-flex;align-items:center;min-width:0;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-marker-content-font-size);font-weight:var(--seki-marker-content-font-weight);line-height:var(--seki-marker-content-line-height);color:var(--seki-marker-content-color)}.seki-marker-content--shimmer{background-image:linear-gradient(\n    90deg,\n    var(--seki-marker-content-color) 0%,\n    var(--seki-marker-content-shimmer-highlight) 50%,\n    var(--seki-marker-content-color) 100%\n  );background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:seki-marker-shimmer 2s ease-in-out infinite}@keyframes seki-marker-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.seki-marker-content--shimmer{animation:none;background-image:none;-webkit-background-clip:initial;background-clip:initial;color:var(--seki-marker-content-color)}}";
+
+const SekiMarkerContent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Applies a gradient-sweep shimmer animation to the slotted text.
+         * Intended for streaming/in-progress status content.
+         * Respects prefers-reduced-motion.
+         * @default false
+         */
+        this.shimmer = false;
+    }
+    connectedCallback() {
+        themeSync.registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        themeSync.unregisterThemeSync(this.el);
+    }
+    render() {
+        return (index.h("span", { key: '3523511d12f643b057741559968fe905d6b83780', class: {
+                'seki-marker-content': true,
+                'seki-marker-content--shimmer': !!this.shimmer,
+            }, part: "content" }, index.h("slot", { key: 'e45d0a6900d2e556114339f9e60b03265497d814' })));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiMarkerContent.style = sekiMarkerContentCss;
+
+exports.seki_marker_content = SekiMarkerContent;