@sekiui/elements 0.0.83 → 0.0.85

package/dist/collection/components/marker/seki-marker.interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,94 @@
+import { h } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
+/**
+ * seki-marker: Inline conversation status indicator, system note, or
+ * labeled separator for chat threads.
+ *
+ * Consumers control ARIA semantics by setting `role` directly on the host
+ * tag (e.g. `role="status"` for announced progress) — this works natively
+ * since the role applies to the custom element itself, not its shadow tree.
+ *
+ * @component Marker
+ * @example
+ * <seki-marker>
+ *   <seki-marker-icon><svg>...</svg></seki-marker-icon>
+ *   <seki-marker-content>Explored 4 files</seki-marker-content>
+ * </seki-marker>
+ * <seki-marker variant="separator">
+ *   <seki-marker-content>Today</seki-marker-content>
+ * </seki-marker>
+ */
+export class SekiMarker {
+    constructor() {
+        /**
+         * Visual variant of the marker
+         * @default 'default'
+         */
+        this.variant = 'default';
+        this.validVariants = ['default', 'border', 'separator'];
+    }
+    componentWillLoad() {
+        if (this.variant && !this.validVariants.includes(this.variant)) {
+            console.warn(`[seki-marker] Invalid variant "${this.variant}". Must be one of: ${this.validVariants.join(', ')}`);
+            this.variant = 'default';
+        }
+    }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        unregisterThemeSync(this.el);
+    }
+    render() {
+        return (h("div", { key: '185145f18521fec6654df297d95e408b7ea15c72', class: {
+                'seki-marker': true,
+                [`seki-marker--${this.variant}`]: !!this.variant,
+            }, part: "marker" }, h("slot", { key: '3f95dff63420af179a3efb9e59e27b6cc980e0dc' })));
+    }
+    static get is() { return "seki-marker"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-marker.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-marker.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "MarkerVariant",
+                    "resolved": "\"border\" | \"default\" | \"separator\" | undefined",
+                    "references": {
+                        "MarkerVariant": {
+                            "location": "import",
+                            "path": "./seki-marker.interface",
+                            "id": "src/components/marker/seki-marker.interface.ts::MarkerVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'default'"
+                        }],
+                    "text": "Visual variant of the marker"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'default'"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/menubar/seki-menubar-checkbox.js

@@ -49,10 +49,10 @@ export class SekiMenubarCheckbox {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'b0ac4233e3e09cad23511198608d29309d8ac473' }, h("div", { key: '18854a831f4f4328a89d5d1dc374c37929ff08b4', part: "item", role: "menuitemcheckbox", class: {
+        return (h(Host, { key: 'e7f80970126873c2f763c2d83ad75da81ff385a6' }, h("div", { key: 'eda9d3d2437b85604562caba0d750232ab94b739', part: "item", role: "menuitemcheckbox", class: {
                 'menubar-checkbox': true,
                 'menubar-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 }, h("span", { key: '9acf38f21cf6bdf12f8d800aa12a5b9688e67901', part: "indicator", class: "menubar-checkbox__indicator" }, this._checked && (h("svg", { key: '09916d8e3b932cce68315d02803d3c29534123f2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '62af01f6a5864e437db427264cad2e75a6e0b6d6', points: "20 6 9 17 4 12" })))), h("slot", { key: '1cb8e8c6487b550217d566f911698fe691a3b4db' }), this.shortcut && (h("span", { key: '1f53e4636cfc53b8f6e72920ac5b3c98d3979903', part: "shortcut", class: "menubar-checkbox-shortcut" }, this.shortcut)))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '4599fec9deb80de6613c5b6dd9b3a86f1c0f273d', part: "indicator", class: "menubar-checkbox__indicator" }, this._checked && (h("svg", { key: '370911ca1ecb8af0b066d24985e5a8318459667a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '528f895f163b25110cce2c2ea39d71c57835d82d', points: "20 6 9 17 4 12" })))), h("slot", { key: '96fffed56c77d92e74dd836bbb0e0449253972c2' }), this.shortcut && (h("span", { key: '96dc656235a9ba5b0b266b581b6cc42c14f923a6', part: "shortcut", class: "menubar-checkbox-shortcut" }, this.shortcut)))));
     }
     static get is() { return "seki-menubar-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-content.js

@@ -152,7 +152,14 @@ export class SekiMenubarContent {
             align: this.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() {
         registerThemeSync(this.el);

package/dist/collection/components/menubar/seki-menubar-group.js

@@ -16,7 +16,7 @@ export class SekiMenubarGroup {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '1c3baccba08cb2172eb0b5480124c6bf830ae068' }, h("div", { key: '39a316838c9a26aba783e2e01d75112680dce76d', part: "group", role: "group", class: "menubar-group" }, this.label && (h("div", { key: '0045113742e50e8410783b32cae98734faed80cd', part: "label", class: "menubar-group-label" }, this.label)), h("slot", { key: 'c0ca6e0136145ff789f0ae119f445c940ca36d6c' }))));
+        return (h(Host, { key: '12c22704c38a9cfc98ef4fadd0746b25a7db8cd9' }, h("div", { key: '22fb359c15026164a6a1fe3fd8e50a25b81ba005', part: "group", role: "group", class: "menubar-group" }, this.label && (h("div", { key: 'bed201bda88cb90f6858dc36cc8d11c337916c38', part: "label", class: "menubar-group-label" }, this.label)), h("slot", { key: '7db8dcb2f96ea96232fc75c56fa9f158e5e71b15' }))));
     }
     static get is() { return "seki-menubar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-item.js

@@ -46,11 +46,11 @@ export class SekiMenubarItem {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'c5e57bc49bfc28cd8232b1858eb47de5a485d37d' }, h("div", { key: '76205df5e01cda7290aca4bddf3f89658d8b7544', part: "item", role: "menuitem", class: {
+        return (h(Host, { key: '5e23271b12a95ca2661532ecef75a1c52ff6d5d8' }, h("div", { key: '8f59bb09048cb3b9b8ad72a23a239688579d2e12', part: "item", role: "menuitem", class: {
                 'menubar-item': true,
                 'menubar-item--disabled': this.disabled,
                 'menubar-item--inset': this.inset,
-            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '4b644772813711d6b249313df06755f91895ebb0' }), this.shortcut && (h("span", { key: 'b6e67a0047dbaec6037a3c1ca7937d32a77a8975', part: "shortcut", class: "menubar-item-shortcut" }, this.shortcut)))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'af760864e581c6b663dc35a0e16771e864e4069c' }), this.shortcut && (h("span", { key: '586eedfdf8ff4824144af2efa642f678c17985e5', part: "shortcut", class: "menubar-item-shortcut" }, this.shortcut)))));
     }
     static get is() { return "seki-menubar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class SekiMenubarMenu {
         }
     }
     render() {
-        return (h(Host, { key: '39655c23e84355056a71140ccd387a615156ba0c' }, h("div", { key: 'adad1e15ca795912156b277026b7de486f90e00b', part: "menu", class: "menubar-menu" }, h("slot", { key: '666ae40d507d2eb2de9d48562026bf2dbfc815a2' }))));
+        return (h(Host, { key: '2c284c454b4177dea44a2e6ed1addcad57c5dd81' }, h("div", { key: '34c253f31f95a528c8e067888e637268fbd99476', part: "menu", class: "menubar-menu" }, h("slot", { key: '3988680cad92906d9126c43b09af55676e9609b2' }))));
     }
     static get is() { return "seki-menubar-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-radio-group.js

@@ -38,7 +38,7 @@ export class SekiMenubarRadioGroup {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '5bed21ffeccb53764df5b90b4d4518f8e0b575a3' }, h("div", { key: 'b6fdc6108a496e6e0d051924c717d40564977b74', part: "group", role: "group", class: "menubar-radio-group" }, h("slot", { key: '97b9ea372790041762ace400e9a66ec9e2df5365' }))));
+        return (h(Host, { key: 'a78b5f4366863b965454187df89fed9c95592038' }, h("div", { key: '71660951b2ff31a2024651346c8b6a3146aa668a', part: "group", role: "group", class: "menubar-radio-group" }, h("slot", { key: '7cff717976f45b3006364a2fc18943cc3a1f1309' }))));
     }
     static get is() { return "seki-menubar-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-radio.js

@@ -56,10 +56,10 @@ export class SekiMenubarRadio {
         (_a = this.radioGroupEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiValueChange', this.onRadioGroupValueChange);
     }
     render() {
-        return (h(Host, { key: '99afe7f98812789bb52bc0e8e1c4e55997deae58' }, h("div", { key: '41b181429662965778352ef1684f9a76888bb0dd', part: "item", role: "menuitemradio", class: {
+        return (h(Host, { key: '86f4a0e36e5f7eb24786a163c475700918b87264' }, h("div", { key: '8f252e3eeddcf133576c226cf0f5b82f8bfe893b', part: "item", role: "menuitemradio", class: {
                 'menubar-radio': true,
                 'menubar-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 }, h("span", { key: '1e40707605e814958c8c714cdf93a0a65dca11d3', part: "indicator", class: "menubar-radio__indicator" }, this._isChecked && (h("svg", { key: 'aa45c00b05cd138ebd1bbd71a2579602efb3593e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'ce97ee3943f16913bca5548980c7d19720c13cbe', cx: "12", cy: "12", r: "4" })))), h("slot", { key: 'cd4f98b8dc51067f62d80c17dd24f3326c42f9d7' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '1c8eb28d9415f5b104d1740e183e77c27bcfb7f5', part: "indicator", class: "menubar-radio__indicator" }, this._isChecked && (h("svg", { key: 'a8291f6b69899da2cadbc7b75c42278bae5669f5', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'a672171997ec2478c6dd7dd9e01fa32df1378864', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '8e4310e3838641d337ec50f66034772d3add3bd0' }))));
     }
     static get is() { return "seki-menubar-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-separator.js

@@ -13,7 +13,7 @@ export class SekiMenubarSeparator {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '110df62d06ceb1eff624912e15ab1207a8e0e6e6' }, h("div", { key: '5b00b7a5ab9b8cf9a95d89572da189ab2c427ed2', part: "separator", role: "separator", class: "menubar-separator" })));
+        return (h(Host, { key: 'ce47a59e358769d743e66aef611446bdb09a6c73' }, h("div", { key: '0e3e8503dd4f012d1007b3f66dae08647d3406b5', part: "separator", role: "separator", class: "menubar-separator" })));
     }
     static get is() { return "seki-menubar-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-shortcut.js

@@ -15,7 +15,7 @@ export class SekiMenubarShortcut {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: 'b341accbcaf8be0aba932bb2052272dced520c1f' }, h("span", { key: '73c4b8e7c236c19498ad36781eb44180ab011c85', part: "shortcut", class: "menubar-shortcut" }, h("slot", { key: 'e1c06d00428b2e969b18bf5b9cedddb37b79abda' }))));
+        return (h(Host, { key: '57e20895c7161c25aab577ce5b0f64ebc2d4becd' }, h("span", { key: 'b566f93e7460e627521d59b54659cae452866651', part: "shortcut", class: "menubar-shortcut" }, h("slot", { key: '80fd78369dddb9262726553bc08a777d5afee66f' }))));
     }
     static get is() { return "seki-menubar-shortcut"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-sub-trigger.js

@@ -37,11 +37,11 @@ export class SekiMenubarSubTrigger {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '5926c89854a423ed2ba7645116e6c9b7f34f02a8' }, h("div", { key: 'da811267f5af7d33976903f5d42f95443d9c8918', part: "trigger", role: "menuitem", class: {
+        return (h(Host, { key: '8945ab41363c380060ebfe45042c4a9c6a9effc5' }, h("div", { key: 'f9b45282991f845c0f9d6aaef85b22c8a9de4079', part: "trigger", role: "menuitem", class: {
                 'menubar-sub-trigger': true,
                 'menubar-sub-trigger--disabled': this.disabled,
                 'menubar-sub-trigger--inset': this.inset,
-            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed' }, h("slot", { key: 'b5203f95a108507f990f013151f00bfedfdf1de5' }), h("svg", { key: 'f24f17053082f63d0f52141e6fc2e26ceace5739', part: "chevron", class: "menubar-sub-trigger__chevron", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: 'b06d69c7390828fa552f692ee46ab3db415c36bf', points: "9 18 15 12 9 6" })))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed' }, h("slot", { key: 'ebc80df660afe318fbf019cb1472923d5d09c457' }), h("svg", { key: 'cace204baef80bd117d11aeb46ad702561935041', part: "chevron", class: "menubar-sub-trigger__chevron", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '65c364d387311c6ab65587851720c466c03fe35f', points: "9 18 15 12 9 6" })))));
     }
     static get is() { return "seki-menubar-sub-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-sub.js

@@ -108,7 +108,7 @@ export class SekiMenubarSub {
         }
     }
     render() {
-        return (h(Host, { key: '281a3c00fa652f36a8b3482a1e622f1df4ea3c51', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'a1d63c8cdbecdc95b3f0a53dc84e128d125dcb6c', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, h("slot", { key: 'ff4c6d7fa7ce266f0aef771a6256d9d18cc30de3', name: "trigger" }), h("slot", { key: '0fa7c90f9ffe52a401d30bb2268de134f1d9450e', name: "content" }))));
+        return (h(Host, { key: '4c085f21b0f3dc2f351d23cf4a344591550d14a1', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'd65636cfb5cb35b159ee3c634aca7b8ac3ce2964', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, h("slot", { key: '5deea92da2242790390ddc64c62b841fcc1e2bd0', name: "trigger" }), h("slot", { key: 'cbee2714a1d07381ce52d48fd2fb1c8030578845', name: "content" }))));
     }
     static get is() { return "seki-menubar-sub"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menubar/seki-menubar-trigger.js

@@ -107,10 +107,10 @@ export class SekiMenubarTrigger {
         (_a = this.menubarEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenubarOpenChange);
     }
     render() {
-        return (h(Host, { key: '03b877042dda1aa2c752bf3e8310c4673c337afc' }, h("button", { key: '6aaae36fe7dcb72653f681027eda9b379756b73b', part: "trigger", type: "button", role: "menuitem", class: {
+        return (h(Host, { key: '208e0a5e2f62b44250209a7b334fa6b682c6931f' }, h("button", { key: '384d99a1477db3c0d8a74fafceadd73399ff0598', part: "trigger", type: "button", role: "menuitem", class: {
                 'menubar-trigger': true,
                 'menubar-trigger--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '73e5a3d6a9293c39db703862147d662097d51820' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'a2cf99bcd3f00c26229962bcb7ae08241fdd5928' }))));
     }
     static get is() { return "seki-menubar-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,6 +41,7 @@ export class SekiMenubar {
             if (this._activeMenuId === menuId)
                 return;
             this._activeMenuId = menuId;
+            this.updateContext();
             this.sekiOpenChange.emit(menuId);
             this.setupClickOutside();
         };
@@ -48,6 +49,7 @@ export class SekiMenubar {
             if (this._activeMenuId === null)
                 return;
             this._activeMenuId = null;
+            this.updateContext();
             this.sekiOpenChange.emit(null);
             this.removeClickOutside();
         };
@@ -106,6 +108,10 @@ export class SekiMenubar {
             getNextMenuId: this.getNextMenuId,
             getPrevMenuId: this.getPrevMenuId,
         };
+        // Also expose on the host element: seki-menubar-content reads context via
+        // `this.el.closest('seki-menubar')._menubarContext`, a DOM-element lookup.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._menubarContext = this._menubarContext;
     }
     setupClickOutside() {
         // Clear any pending timeout/handler first so a rapid open→close→open cannot
@@ -154,7 +160,7 @@ export class SekiMenubar {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '900d29f5d66cc3340d0855f964a93f6fbad6faf1' }, h("div", { key: 'ee5bcb93c4890e3dccbd5df39a0a395f61bd879d', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: '72f9ce0e13a159d690f104798e2597d7582ee49d' }))));
+        return (h(Host, { key: '0d9734a2d50f7402dbaa0557a4ea243671ef29f9' }, h("div", { key: '0dd3a322888465a688807805c88e617a9a082e59', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: 'c644e4f20a8a6e06d15a2535b1bf4596888fde60' }))));
     }
     static get is() { return "seki-menubar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/native-select/seki-native-select.js

@@ -35,7 +35,7 @@ export class SekiNativeSelect {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '473d0b3862ba2bfb6a54819317446f6fc89bec55', class: { 'seki-native-select--disabled': this.disabled } }, h("div", { key: '5c11b0326bcc5fdcff93053000ce9afcc18b5c88', class: "seki-native-select" }, h("select", { key: '059b10b0119e3861e9836663031c382fd77bccf3', class: "seki-native-select__select", name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.ariaLabel, onChange: this.handleChange }, this.placeholder && (h("option", { key: 'c23508ccd0472e76440cc464a0b775b2bc326b94', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), h("slot", { key: '700efca1da6876a2b4e495fb5cb19f38b27ee323' })), h("svg", { key: 'a1ae14642a4ed5fd2f0a7aca9c1e0bdd24729054', class: "seki-native-select__chevron", 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", "aria-hidden": "true" }, h("path", { key: '82bdd10cbb31ab91392cc8723c153735d76f68c5', d: "m6 9 6 6 6-6" })))));
+        return (h(Host, { key: 'dee4a14b271e9573c620fa5a933582fdeda82e12', class: { 'seki-native-select--disabled': this.disabled } }, h("div", { key: '5ab6f149966c23337c072da7b9848a8375fd0658', class: "seki-native-select" }, h("select", { key: 'eb9fc70883908c714842eec3cf2f1e21c5e6539d', class: "seki-native-select__select", name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.ariaLabel, onChange: this.handleChange }, this.placeholder && (h("option", { key: 'f136f2327108907fd6776c4d454f55805299ce76', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), h("slot", { key: '89ce1754ecf8011b058d7f44d5666c7e6858473c' })), h("svg", { key: 'a0bbf755abb26ca1009b129d9a96b6ab9dc38f85', class: "seki-native-select__chevron", 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", "aria-hidden": "true" }, h("path", { key: '042e10e605b2f7ca713294efe73408ea933860f8', d: "m6 9 6 6 6-6" })))));
     }
     static get is() { return "seki-native-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-content.js

@@ -203,13 +203,13 @@ export class SekiNavigationMenuContent {
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (h(Host, { key: 'bfc21c5185e5547f881b626cea1601f785e59aed', class: {
+        return (h(Host, { key: 'cc7b200e5e73b51f86913ea17623bfb3edc56789', class: {
                 'navigation-menu-content': true,
                 'navigation-menu-content--open': this.isOpen,
                 'navigation-menu-content--mobile': this.isMobile,
                 [`navigation-menu-content--layout-${this.layout}`]: true,
                 [`navigation-menu-content--align-${this.align}`]: true,
-            }, "data-mobile": this.isMobile ? '' : undefined, style: customStyles }, h("div", { key: 'c2b7defd5f2788357ac74928551e8dadfc4e538d', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: 'd5041f39310854ec214b75e54a62a3626d29b883' }))));
+            }, "data-mobile": this.isMobile ? '' : undefined, style: customStyles }, h("div", { key: '7685e2d4385087379302fd51516ccdc731148268', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: '10f3923aede5969fa99f8b8aa7d44fbee14e17f2' }))));
     }
     static get is() { return "seki-navigation-menu-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-item.js

@@ -91,12 +91,12 @@ export class SekiNavigationMenuItem {
         return this.parentMenu;
     }
     render() {
-        return (h(Host, { key: 'e806c978b9f7fafa2dcbf08e4ea59290bdb857e1', class: {
+        return (h(Host, { key: '57de3c40d5882ba5aba8d8b16aa3faae7cbdb2c7', class: {
                 'navigation-menu-item': true,
                 'navigation-menu-item--open': this.isOpen,
                 'navigation-menu-item--mobile': this.isMobile,
                 'navigation-menu-item--mobile-expanded': this.mobileExpanded,
-            }, "data-item-id": this.itemId, "data-mobile-expanded": this.mobileExpanded ? '' : undefined }, h("li", { key: 'c5ad26eafb3efce7e4026a357ccddfa8c7cc7d89', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: '2807adbb320822f01778e98e034707b6c2bf69dc' }))));
+            }, "data-item-id": this.itemId, "data-mobile-expanded": this.mobileExpanded ? '' : undefined }, h("li", { key: 'b49d57e78977f6b1191d9c36095846ffaef85a77', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: '0c27eb50891c915b10523a06d143acbbcdae0f79' }))));
     }
     static get is() { return "seki-navigation-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-link.js

@@ -79,13 +79,13 @@ export class SekiNavigationMenuLink {
     }
     render() {
         const hasDescription = Boolean(this.description);
-        return (h(Host, { key: 'c42e571d96251b3d61a834145f9d6eb38e1cfef8', class: {
+        return (h(Host, { key: '943fe3e249cda40cf10bb7112fd99ad7a41012ea', class: {
                 'navigation-menu-link': true,
                 'navigation-menu-link--active': this.active,
                 'navigation-menu-link--disabled': this.disabled,
                 'navigation-menu-link--in-content': this.isInContent,
                 'navigation-menu-link--with-description': hasDescription,
-            } }, h("a", { key: '2e7e4e32d5daaa7c1825a55c760574d2310c455f', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (h("div", { class: "navigation-menu-link__content" }, h("span", { class: "navigation-menu-link__title" }, h("slot", null)), h("span", { class: "navigation-menu-link__description" }, this.description))) : (h("slot", null)))));
+            } }, h("a", { key: '7f3706ba65b2d09289653d3bff69c6b6669bbed8', class: "navigation-menu-link__anchor", href: this.disabled ? undefined : this.href, target: this.target || undefined, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, role: this.isInContent ? 'menuitem' : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hasDescription ? (h("div", { class: "navigation-menu-link__content" }, h("span", { class: "navigation-menu-link__title" }, h("slot", null)), h("span", { class: "navigation-menu-link__description" }, this.description))) : (h("slot", null)))));
     }
     static get is() { return "seki-navigation-menu-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-list.js

@@ -106,7 +106,7 @@ export class SekiNavigationMenuList {
         this.focusedIndex = index;
     }
     render() {
-        return (h(Host, { key: '2a520ed90768d5a0c6bcb6b52932a0b116c3b7c2' }, h("ul", { key: '3cd848f8b7244d7a8d8666568e25c3c429006216', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '656955f05da5ba10935bb1bc184959d70a80bbd7' }))));
+        return (h(Host, { key: 'b9c964295b088a362c0c10f54ffafdc15b637c4a' }, h("ul", { key: '4cab4b2a5427c0e8458118040c850438d7071c17', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '94c9d46ed7f1876a3fa6d090feb7b3bd26f740b7' }))));
     }
     static get is() { return "seki-navigation-menu-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-trigger.js

@@ -181,12 +181,12 @@ export class SekiNavigationMenuTrigger {
     }
     render() {
         const itemId = this.getItemId();
-        return (h(Host, { key: '789d1b9750888bff1da2b016c1493bf042b1f15a', class: {
+        return (h(Host, { key: 'aef4f5caf44cd86b1067cb8ca3c049546502bf4d', class: {
                 'navigation-menu-trigger': true,
                 'navigation-menu-trigger--open': this.isOpen,
                 'navigation-menu-trigger--disabled': this.disabled,
                 'navigation-menu-trigger--mobile': this.isMobile,
-            } }, h("button", { key: '2fa5384effaadc1e51612973155ddaa421d792f3', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, h("span", { key: '9cc2a103012ef542c8f1563699ac77b34d53f773', class: "navigation-menu-trigger__label" }, h("slot", { key: 'b9f4157e7f304d93981ccfe5f09bc56d10301d81' })), h("svg", { key: '95691c157b5962295c01fed6f9735dbc7fbb5c74', class: "navigation-menu-trigger__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '7a60c1c69b70ab54ce9b2ad991bb0aea8a1c3c58', points: "2 4 6 8 10 4" })))));
+            } }, h("button", { key: 'ab62993ebf4e06f9adef3b56879e6f48551dbe25', ref: el => (this.buttonRef = el), type: "button", class: "navigation-menu-trigger__button", role: "menuitem", "aria-haspopup": "true", "aria-expanded": String(this.isOpen), "aria-controls": `content-${itemId}`, disabled: this.disabled, tabindex: this.isOpen ? '0' : '-1', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onKeyDown: this.handleKeyDown }, h("span", { key: '42e0f35c833e98ef02de96008ea3bcffa726f44d', class: "navigation-menu-trigger__label" }, h("slot", { key: 'a2d767a434296c126bf27895edf459cf855655da' })), h("svg", { key: '2320f5638feeca738af3c4a6731c4e23baaf836f', class: "navigation-menu-trigger__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: 'a549f233859d6d8121fe1a29391d26df5ee042d1', points: "2 4 6 8 10 4" })))));
     }
     static get is() { return "seki-navigation-menu-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation-menu/seki-navigation-menu-viewport.js

@@ -143,14 +143,14 @@ export class SekiNavigationMenuViewport {
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: 'd6488e7ee474b8a5c14bda3c4354a18c8f95e2bd', class: {
+        return (h(Host, { key: '2921ce165bd9a37f0dba3935531609e5aeb447f6', class: {
                 'navigation-menu-viewport': true,
                 'navigation-menu-viewport--visible': this.isVisible,
             }, style: {
                 '--indicator-left': `${this.indicatorLeft}px`,
                 '--content-offset': `${this.contentOffset}px`,
                 '--content-height': `${this.contentHeight}px`,
-            } }, h("div", { key: 'c154a11e43e35c612c8516ce48e90ce963f120cd', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '20963cf39499036ed89db44f1b34cf6b3064e3c8', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: 'd69af8e0581c22acf673595deef3bdce3aa12189', points: "10,0 20,10 0,10" }))), h("div", { key: '558cd698c2a894070a80b137e36dc62d25977043', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: '40dfc462c2fed6ad69a4c9d3ca66459c2337e2c4', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '83b12f8b212886195bb13f482b8415bacad75bbe', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '68693f3b9e4fe8ad603aa96d85732cf627c76468', points: "10,0 20,10 0,10" }))), h("div", { key: '5e13028babaf8cd4e1cc4e353af9dbda31f3a279', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
     }
     static get is() { return "seki-navigation-menu-viewport"; }
     static get encapsulation() { return "shadow"; }

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

@@ -200,10 +200,10 @@ export class SekiNavigationMenu {
     // Render
     // =========================================================================
     render() {
-        return (h(Host, { key: '53d2661dfd58fa7309d2a0defc307b17dd55dbf3', class: {
+        return (h(Host, { key: '899be6382156c8f728a66c4f68e2f11bb76f665e', class: {
                 'navigation-menu': true,
                 'navigation-menu--mobile': this.isMobile,
-            }, "data-mobile": this.isMobile ? '' : undefined }, h("nav", { key: 'da9466f28b733cec9d795716bfb7b19cd3d24e3c', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
+            }, "data-mobile": this.isMobile ? '' : undefined }, h("nav", { key: '07eb22a1bdf3ab3e063ccda7ef5d50a54fbf3318', class: "navigation-menu__nav", role: "navigation", "aria-label": this.ariaLabel }, this.isMobile ? this.renderMobileNav() : this.renderDesktopNav())));
     }
     renderDesktopNav() {
         return [

package/dist/collection/components/pagination/seki-pagination-content.js

@@ -13,7 +13,7 @@ export class SekiPaginationContent {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("ul", { key: '0eef5df2fbff0ec8f5db67936442132e7533b644', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'c94e0346dd8691971bbc35533ba5e21ef4b2f016' })));
+        return (h("ul", { key: '809db5da9b7a1998a9522e950bcadf268356994f', class: "seki-pagination-content", part: "content" }, h("slot", { key: '35def5e6d87c8e8caee0a4eafa4a1295e323ce1f' })));
     }
     static get is() { return "seki-pagination-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-ellipsis.js

@@ -13,7 +13,7 @@ export class SekiPaginationEllipsis {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("span", { key: 'e5da769c4014e32a068b14f782a51004c2c38ff1', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: 'ae6e59fa83ece765609c86b9d4497456788a30fa', 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", "aria-hidden": "true" }, h("circle", { key: '082f189f59a792748ec544fbb70216e64f93eb88', cx: "12", cy: "12", r: "1" }), h("circle", { key: '8275a7a6c3609af95fe65e6c041bfbd9cda6daab', cx: "19", cy: "12", r: "1" }), h("circle", { key: '3132f541937f0a7b919ba419a211825c6ec856d6', cx: "5", cy: "12", r: "1" })), h("span", { key: '00ea25eab6b6c2bada2b50693b6e249e54a1e04b', class: "sr-only" }, "More pages")));
+        return (h("span", { key: 'c29209b949226769e18f72a7a2b40ab5ce3538f0', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: 'c0a70e307c2d07a24144e5f1a319fdccca977efe', 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", "aria-hidden": "true" }, h("circle", { key: '340bd5994686d151857e567f6721163ae5893c98', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'e98ce478858ccdcb970ec932e2e27b729cc4c2e1', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'cedb6f6c15373f13f84489a473a6790def19f246', cx: "5", cy: "12", r: "1" })), h("span", { key: '2b8721985a746e8e260fb1f95ecfbdbde4b0c87c', class: "sr-only" }, "More pages")));
     }
     static get is() { return "seki-pagination-ellipsis"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-item.js

@@ -13,7 +13,7 @@ export class SekiPaginationItem {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("li", { key: '0ee2bdea0480c4628d356e0ce62c02e48933ce79', class: "seki-pagination-item", part: "item" }, h("slot", { key: '258953b60e2e3359e3072c212c29a47e237dc6b6' })));
+        return (h("li", { key: '98818e023bac6a6b023790be6ec4517f5e5b1a4e', class: "seki-pagination-item", part: "item" }, h("slot", { key: 'a862ab3707802f5bd958ebf2a939ebf1c9c16c93' })));
     }
     static get is() { return "seki-pagination-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-link.js

@@ -24,11 +24,11 @@ export class SekiPaginationLink {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: 'fd072e785c7d4eb8c4d2559c4b9c237b6b837580', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: '1e902270671bef859515491ad8ce99e3369dc7d1', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-link--active': !!this.active,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "link" }, h("slot", { key: 'a3dcd8928129282c981c1de6f49c906304d76179' })));
+            }, part: "link" }, h("slot", { key: '82733ef02666a3f2eb8888b1875cd1bca3c2cf7b' })));
     }
     static get is() { return "seki-pagination-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-next.js

@@ -20,11 +20,11 @@ export class SekiPaginationNext {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '1175280e4938aa058ab7c8e644966a12f89b21d5', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: 'd78276a48e545a126b0baa9e5ee74b8fce9e4d2e', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "next" }, h("span", { key: '1d4d9ff0373abac23d3e4aa9eb04d2e4f182ffdc' }, "Next"), h("svg", { key: '7c2a26387e55c8acf82b0a4c3d104bb284b1fe19', 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", "aria-hidden": "true" }, h("path", { key: 'f4009a3e8ffe7004be2ec9a7d8a6d941facc41ef', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, h("span", { key: '6de317f9190ba75fb69b494c26df2b131eae39c4' }, "Next"), h("svg", { key: 'ceae6d32f5d190dd293bcfff61abc623936ae927', 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", "aria-hidden": "true" }, h("path", { key: 'a501a74524e43b311c591ab253cce74e5ffbba35', d: "m9 18 6-6-6-6" }))));
     }
     static get is() { return "seki-pagination-next"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/seki-pagination-previous.js

@@ -20,11 +20,11 @@ export class SekiPaginationPrevious {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '14f566cd8937714764002b877b7598133e62a9a0', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+        return (h(Tag, { key: '304b9b0d11e6151186b7b6233ab26f696b85c7b9', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
                 'seki-pagination-link': true,
                 'seki-pagination-nav': true,
                 'seki-pagination-link--disabled': !!this.disabled,
-            }, part: "previous" }, h("svg", { key: '92005951a8344d359e670450c615320a95fc8228', 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", "aria-hidden": "true" }, h("path", { key: 'afd0983e2b2479bbb74d0b6a84c0fec6cc97c67e', d: "m15 18-6-6 6-6" })), h("span", { key: '4c98e96c6f985ae9cc816e37c514b97e42faf54c' }, "Previous")));
+            }, part: "previous" }, h("svg", { key: 'cfcd3f43d9f4da12641c9914ce31a793a21ce6f8', 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", "aria-hidden": "true" }, h("path", { key: '60fcd22b6b2ed5bd43fe8f5f63f4df41ee3dda4f', d: "m15 18-6-6 6-6" })), h("span", { key: '100e37a84a97a793da7cf88ebc62300027d721ff' }, "Previous")));
     }
     static get is() { return "seki-pagination-previous"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class SekiPagination {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h("nav", { key: '6b96cf15c5ea0e5ab63c3f2bf548715f3e047fd8', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '1a03c02c329fd24ad34796891794ca3bce3b1470' })));
+        return (h("nav", { key: '3547490065920802dd0005b178087637beb63798', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: 'e606d75d38f3eba10e036ef979fe918c0f3b3dd3' })));
     }
     static get is() { return "seki-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover/seki-popover-close.js

@@ -18,7 +18,7 @@ export class SekiPopoverClose {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '7312370b1be55cacbdf497e982635fce855af1b6' }, h("button", { key: '407bca7106d71e4ce1c87fbc95aac669f6904d79', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '01814bdd47a683cb6ddb1b499f3ee7c0e5a7e751' }, h("svg", { key: 'fb566b8768c0255c0943204cbe2fdffcc4ddef22', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '2055fda483bad415580b14893cccf68e4cc86916', d: "M18 6 6 18" }), h("path", { key: '41b3f6a8ea41caf93d3dff8677babf2a2148a739', d: "m6 6 12 12" }))))));
+        return (h(Host, { key: '593860fb16f0c671074c8e0566ec311d7bc1f31e' }, h("button", { key: 'ccbe7d9fcd13f47cff136d863e730ba87943874f', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '4ef2b06c2aa32c9e09e8afa13fe191851d7e2b0a' }, h("svg", { key: '183eca1e8a61a6f08ca81e2a55998e0ea9545812', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '85a38fa83f4098841953f86f87033aa11bc7760d', d: "M18 6 6 18" }), h("path", { key: '9222b659e7d481dcd84cd2823f174412a9173939', d: "m6 6 12 12" }))))));
     }
     static get is() { return "seki-popover-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover/seki-popover-content.js

@@ -68,7 +68,14 @@ export class SekiPopoverContent {
             sideOffset: this.sideOffset,
             alignOffset: this.alignOffset,
         });
-        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 && side === this._actualSide)
+            return;
+        this._position = next;
         this._actualSide = side;
     }
     connectedCallback() {

package/dist/collection/components/popover/seki-popover-trigger.js

@@ -19,7 +19,7 @@ export class SekiPopoverTrigger {
         unregisterThemeSync(this.el);
     }
     render() {
-        return (h(Host, { key: '5319e1dae174db072fcf0bd62e136f527e12be88' }, h("span", { key: 'a60281f22833faeb0a830f2204828b50827e8b87', part: "trigger", class: "popover-trigger" }, h("slot", { key: '10e40070717c60fec8eebb12619330639275d41d' }))));
+        return (h(Host, { key: '3894241d3abf464808969b0e9aeab52741b6f78f' }, h("span", { key: 'a75275693866f0d5794d014a63d0e6a47a3c3d63', part: "trigger", class: "popover-trigger" }, h("slot", { key: '6ffae740616ca2f688b9942f8b7641c75ca5b97b' }))));
     }
     static get is() { return "seki-popover-trigger"; }
     static get encapsulation() { return "shadow"; }