@sekiui/elements 0.0.72 → 0.0.78

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

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

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

@@ -103,7 +103,7 @@ export class SekiMenubarSub {
         }
     }
     render() {
-        return (h(Host, { key: '1df108475c7ce41ed3e4b11a321621850319f260', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'a74000059b97ba0e05198a3480a8ff01ffe5c8aa', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, h("slot", { key: 'bdd4f65c2f5cff6187cc61d846251dff0778c750', name: "trigger" }), h("slot", { key: '6297de765e5b437869a6ef4d617f565d9549457a', name: "content" }))));
+        return (h(Host, { key: '51283d3e1f2d9b9dbd10305380938d1706958032', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'f4dcce62c5449a26148d7d33a4ebef67183479fe', part: "sub", class: "menubar-sub", style: { position: 'relative' } }, h("slot", { key: '7378adf6a49c213ce279c73dd1ead3f08a04edca', name: "trigger" }), h("slot", { key: '442aa4a70139b9a65f96e35de29c5c9e6af829a3', name: "content" }))));
     }
     static get is() { return "seki-menubar-sub"; }
     static get encapsulation() { return "shadow"; }

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

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

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

@@ -98,10 +98,10 @@ export class SekiMenubarTrigger {
         }
     }
     render() {
-        return (h(Host, { key: '1230bf9c10b4b69a706ba074e2f80096ad6e2692' }, h("button", { key: '8908b533163d6b86351d6bd8ca6f03e732f27d65', part: "trigger", type: "button", role: "menuitem", class: {
+        return (h(Host, { key: '11d6ac7d5a3c01e9cc12b373a8b1f0a6785a34cf' }, h("button", { key: 'babd7d454c87dad3a9574145f0ec8a7137d35dfc', 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: '429541cfb430ac9f74d6a35391905132e75d51ec' }))));
+            }, 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: '74c784f2224e30d6eba8716e760eaa2404cc626d' }))));
     }
     static get is() { return "seki-menubar-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -373,6 +373,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

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

@@ -140,7 +140,7 @@ export class SekiMenubar {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '2f14ab2afabd7b8384777a0abc47dc6c495e5d0a' }, h("div", { key: '9c65c5e7d74cf8a34aca8f45a7baa66170e5b62c', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: 'bb939cd17c926270db81125340c4b9b68f856cdf' }))));
+        return (h(Host, { key: '946f76fc634fd6196d87d77599fb761d65577d89' }, h("div", { key: '2e9da2ab35945ef037a40c315d914be4447d68d3', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: 'c10530d620561c153400c7fee2066de93d5561f7' }))));
     }
     static get is() { return "seki-menubar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,114 @@
+/* Native Select Component Styles
+ * Styled wrapper around native HTML <select> for better mobile UX.
+ * Uses typography system tokens for consistent text rendering.
+ * Reference: src/styles/typography/tokens.css
+ */
+
+:host {
+  display: inline-block;
+
+  /* Typography tokens */
+  --seki-native-select-font-size: var(--seki-font-size-base, 14px);
+  --seki-native-select-font-weight: var(--seki-font-weight-normal, 400);
+  --seki-native-select-font-family: var(--seki-font-sans, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
+  --seki-native-select-line-height: var(--seki-line-height-tight, 1.25);
+
+  /* Layout tokens */
+  --seki-native-select-height: 2.5rem;
+  --seki-native-select-padding-x: var(--seki-spacing-3, 0.75rem);
+  --seki-native-select-radius: var(--seki-radius-md, 0.375rem);
+
+  /* Color tokens */
+  --seki-native-select-border: var(--seki-input-border, hsl(240 5.9% 90%));
+  --seki-native-select-bg: var(--seki-input-bg, hsl(0 0% 100%));
+  --seki-native-select-color: var(--seki-input-text, hsl(240 10% 3.9%));
+  --seki-native-select-placeholder: var(--seki-input-placeholder, hsl(240 3.8% 46.1%));
+  --seki-native-select-ring: var(--seki-input-ring, hsl(240 5.9% 10%));
+  --seki-native-select-ring-offset: var(--seki-input-ring-offset, 2px);
+  --seki-native-select-disabled-opacity: var(--seki-input-disabled-opacity, 0.5);
+}
+
+/* Dark mode support */
+:host([data-theme='dark']) {
+  --seki-native-select-border: var(--seki-input-border, hsl(240 3.7% 15.9%));
+  --seki-native-select-bg: var(--seki-input-bg, hsl(240 10% 3.9%));
+  --seki-native-select-color: var(--seki-input-text, hsl(0 0% 98%));
+  --seki-native-select-placeholder: var(--seki-input-placeholder, hsl(240 5% 64.9%));
+}
+
+.seki-native-select {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+}
+
+.seki-native-select__select {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 100%;
+  height: var(--seki-native-select-height);
+  padding: 0 calc(var(--seki-native-select-padding-x) + 1.5rem) 0 var(--seki-native-select-padding-x);
+  border: 1px solid var(--seki-native-select-border);
+  border-radius: var(--seki-native-select-radius);
+  background-color: var(--seki-native-select-bg);
+  color: var(--seki-native-select-color);
+  font-family: var(--seki-native-select-font-family);
+  font-size: var(--seki-native-select-font-size);
+  font-weight: var(--seki-native-select-font-weight);
+  line-height: var(--seki-native-select-line-height);
+  cursor: pointer;
+  outline: none;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+/* Focus state - matches seki-input focus ring */
+.seki-native-select__select:focus-visible {
+  outline: 2px solid var(--seki-native-select-ring);
+  outline-offset: var(--seki-native-select-ring-offset);
+  border-color: var(--seki-native-select-ring);
+}
+
+/* Hover state */
+.seki-native-select__select:hover:not(:disabled) {
+  border-color: var(--seki-native-select-ring);
+}
+
+/* Disabled state */
+.seki-native-select__select:disabled {
+  opacity: var(--seki-native-select-disabled-opacity);
+  cursor: not-allowed;
+}
+
+/* Placeholder option styling */
+.seki-native-select__select option[disabled] {
+  color: var(--seki-native-select-placeholder);
+}
+
+/* Chevron icon */
+.seki-native-select__chevron {
+  position: absolute;
+  right: var(--seki-native-select-padding-x);
+  pointer-events: none;
+  color: var(--seki-native-select-placeholder);
+  flex-shrink: 0;
+}
+
+:host(.seki-native-select--disabled) .seki-native-select__chevron {
+  opacity: var(--seki-native-select-disabled-opacity);
+}
+
+/* High contrast mode support */
+@media (prefers-contrast: more) {
+  .seki-native-select__select:focus-visible {
+    outline: 3px solid;
+    outline-offset: 2px;
+  }
+}
+
+/* Reduced motion support */
+@media (prefers-reduced-motion: reduce) {
+  .seki-native-select__select {
+    transition: none;
+  }
+}

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

@@ -0,0 +1,203 @@
+import { Host, h } from "@stencil/core";
+/**
+ * seki-native-select: Styled native HTML select wrapper
+ *
+ * Uses the browser's native select dropdown for better mobile UX and accessibility.
+ * Unlike seki-select (which uses a custom dropdown), this component wraps a native
+ * `<select>` element with consistent SekiUI styling.
+ *
+ * @component NativeSelect
+ * @slot - Default slot for <option> and <optgroup> elements
+ * @example
+ * <seki-native-select placeholder="Select a fruit">
+ *   <option value="apple">Apple</option>
+ *   <option value="banana">Banana</option>
+ *   <option value="cherry">Cherry</option>
+ * </seki-native-select>
+ */
+export class SekiNativeSelect {
+    constructor() {
+        /** Disable the select */
+        this.disabled = false;
+        /** Mark as required for form validation */
+        this.required = false;
+        this.handleChange = (event) => {
+            const select = event.target;
+            this.value = select.value;
+            this.sekiChange.emit({ value: select.value });
+        };
+    }
+    render() {
+        return (h(Host, { key: '8f1bad88434857a6a0d9e11789a59dc9dc5bd65b', class: { 'seki-native-select--disabled': this.disabled } }, h("div", { key: 'b78c09b9536e42d64ce478276e973e043123fe89', class: "seki-native-select" }, h("select", { key: 'f593959bb9601962e612944c36aeb57abc2fbf7f', 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: '0785b1ae6dc07faf190644a80b00a55f01921d1b', value: "", disabled: true, selected: !this.value && !this.defaultValue }, this.placeholder)), h("slot", { key: 'bf81ecba782783c4839ab7d3fbceb15b8fa74e1c' })), h("svg", { key: '500a8bd3de14952bded1cb5c7ef8283d9424b6e1', 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: 'e71d6349f6603e7d7ecdbabe06d507ce00cc9d50', d: "m6 9 6 6 6-6" })))));
+    }
+    static get is() { return "seki-native-select"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-native-select.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-native-select.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Current value of the select"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "defaultValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Default value (used when value is not set)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "default-value"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder text shown as a disabled first option"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disable the select"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Mark as required for form validation"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "required",
+                "defaultValue": "false"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Form field name for form submission"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
+            },
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible label for screen readers"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sekiChange",
+                "name": "sekiChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the selected value changes"
+                },
+                "complexType": {
+                    "original": "{ value: string }",
+                    "resolved": "{ value: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

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

@@ -193,13 +193,13 @@ export class SekiNavigationMenuContent {
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (h(Host, { key: '0639f7751b350682bac0bcb4c7c98706f26cfd71', class: {
+        return (h(Host, { key: '66ff833f203aec61698dd3ea8c215ec21b986bc6', 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,
-            }, style: customStyles }, h("div", { key: 'dabd09d03eb921df8211cfab67cf21686c8b1e08', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: '7111f826e8b3665dc72b9b29e91909229d53a562' }))));
+            }, style: customStyles }, h("div", { key: '7cecc1f1d9bf627ae982991722dc977483c39892', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: 'db6b30eb556ebed0907ead2a3182a9691e8e784f' }))));
     }
     static get is() { return "seki-navigation-menu-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -86,12 +86,12 @@ export class SekiNavigationMenuItem {
         return this.parentMenu;
     }
     render() {
-        return (h(Host, { key: '520e643317c86898e3ad851249c8b5838f978f49', class: {
+        return (h(Host, { key: '7fefb0c419a0d84ce1c56eb8e9be3ed9df0fa97a', 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 }, h("li", { key: '1156f719fe8e402b35345342c6afd1c156bd9e04', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: 'c5d73ecb96e78577fd8b1c9a31caf864c95df0f1' }))));
+            }, "data-item-id": this.itemId }, h("li", { key: '5eee0169ffaf8af408abfabab8fa0db20db7d2b9', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: 'fdf76b7494dbc8377540b1407544c8ab99b68ef5' }))));
     }
     static get is() { return "seki-navigation-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,13 +67,13 @@ export class SekiNavigationMenuLink {
     }
     render() {
         const hasDescription = Boolean(this.description);
-        return (h(Host, { key: '6526ee24986de8a179be58107fe3c9f55bc43b25', class: {
+        return (h(Host, { key: 'ab26e14f38e14d8691840a943eb0dffcd5012258', 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: 'eef9bcbdcef6352c76a715768c4a9159a4853756', 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: '89080bdcab9b2b71ab8f1c7a3658040a484d8d99', 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

@@ -96,7 +96,7 @@ export class SekiNavigationMenuList {
         this.focusedIndex = index;
     }
     render() {
-        return (h(Host, { key: 'e1c5928a43b6e1ed5ef4244d149212dd5da06e5f' }, h("ul", { key: '100616585e2a847ec1c8c2a1c1c0a25a80ccba20', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: '49df9d520e0f3cf250191febdb676309a7306b45' }))));
+        return (h(Host, { key: 'fc64604bce44c5a514ba7bf31dcb1c37a54cece9' }, h("ul", { key: '6f0b9bc015d8ff64bdc175624a869e742017f1b4', class: "navigation-menu-list", role: "menubar" }, h("slot", { key: 'be61b54b93c3a61d1ff18fc0010c2e1681ccc480' }))));
     }
     static get is() { return "seki-navigation-menu-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -174,12 +174,12 @@ export class SekiNavigationMenuTrigger {
     }
     render() {
         const itemId = this.getItemId();
-        return (h(Host, { key: 'a9d745726f3385ad3094e1b4b97cc54c9451a29d', class: {
+        return (h(Host, { key: 'c87073cccc2ec87cb72c766e1ff808917318fb2e', 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: '41af2b94b0ee38550101493aa34613a808191bf9', 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: '6a1d4744d44d052384a0cfe7f3ba263cd79d3eed', class: "navigation-menu-trigger__label" }, h("slot", { key: '4eef8e2d84896e538c090e17c04938f6220482d0' })), h("svg", { key: '6f170f13e9fa95c29bb30ca55917de47fe5e1dbd', 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: 'a82c1a722cf476b52cd10f3584b3f03417392bee', points: "2 4 6 8 10 4" })))));
+            } }, h("button", { key: 'cc5ef6c4e29a2c8e5e5c75dbac1573a706fb1112', 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: '52e0775682e3b12a18b2985dadc86fffaca6a7f8', class: "navigation-menu-trigger__label" }, h("slot", { key: '34f7ffb02b73dfc72e794a4e7f53001db584b8e6' })), h("svg", { key: '436e45326da389a3d15075db07e39b4ba100723c', 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: 'c8fbe13815ccce7debfc79f111bedfa3dc0fa3b8', 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

@@ -138,14 +138,14 @@ export class SekiNavigationMenuViewport {
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: 'cc437111fc6ee1c9508fd00cd0e7c0ad5efbb171', class: {
+        return (h(Host, { key: '8aae278c53014c06a9f9162116abc53b6b0e624e', 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: '83cbec70dbc466d2db305a03bd7d0673895bf9f0', class: "navigation-menu-viewport__indicator" }, h("svg", { key: 'ebd0907a4cb80f24ef55ac5d47dab2a25ff66b30', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: 'c74b80a045a414f65211d313ec0e07687036aa04', points: "10,0 20,10 0,10" }))), h("div", { key: 'de595c9eb2f2aa574673e2cbc5f99f33fab0a7fb', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: '2ca0f31b1f0fb5149b9c76a828e290af243cffb3', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '77f9881f67462b6a46c2a747bffa0b977d3f1933', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '5af582fa0d357e121a017d288795fad0cec76725', points: "10,0 20,10 0,10" }))), h("div", { key: 'b7869f693dc107977e377eaf4f20d971b38fe529', 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.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

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

@@ -362,7 +362,7 @@ export class SekiNavigationMenu {
                         },
                         "NavigationMenuContext": {
                             "location": "local",
-                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/navigation-menu/seki-navigation-menu.tsx",
+                            "path": "/__w/seki-ui/seki-ui/src/components/navigation-menu/seki-navigation-menu.tsx",
                             "id": "src/components/navigation-menu/seki-navigation-menu.tsx::NavigationMenuContext"
                         }
                     },

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationContent {
     render() {
-        return (h("ul", { key: '4516fdd63b4763c9797fe8c6739e840ba5c7034c', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'a696af2faf4afe2079e83bd1c1d8474f770b334d' })));
+        return (h("ul", { key: '4cc959e3fe5cf9b1870a5d78fa98a027b5762c26', class: "seki-pagination-content", part: "content" }, h("slot", { key: 'd5842c876afc4944274a9866cd9d676d7f341363' })));
     }
     static get is() { return "seki-pagination-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationEllipsis {
     render() {
-        return (h("span", { key: 'c2b0a291d20582f94e727c2a942e4f545c3d6e9f', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: '7abc5790fdb3fa3ee330301db358cfa4f23f928a', 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: '76878c5d1e4f191e258bfdd5cf9806550b9e4414', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'e737fdc7e36867471ec596e1f98fa5b638afebc6', cx: "19", cy: "12", r: "1" }), h("circle", { key: '4b5b89b4945ec9cd3d932ac3a6e3fc9a652ea43f', cx: "5", cy: "12", r: "1" })), h("span", { key: 'e394c489f3d30d050e0af07385d6c8e12e583644', class: "sr-only" }, "More pages")));
+        return (h("span", { key: '46490efca7224ad6012c02a6f8881ae441b6d266', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, h("svg", { key: 'dedb88f2eb424c2080514474dee8017755abd5eb', 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: '5a037c1ca86a9aea3bbaeed5ebd8c533ed6bcd92', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'fde882ffaaac253544293dcc494e8895614e0183', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'ed13773a070b10dd316a8ef6744aed2bf774b4eb', cx: "5", cy: "12", r: "1" })), h("span", { key: 'e68f64f659ff543c97175be8f2727ba9b9cc5370', 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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPaginationItem {
     render() {
-        return (h("li", { key: '89f4066584dc0f1544d6e77cd274d5923cc9f4f4', class: "seki-pagination-item", part: "item" }, h("slot", { key: '82b48ac2351a40e972f59626a4807043917b4f24' })));
+        return (h("li", { key: 'c0f0edc8d93ed4342f6d3e899c10f96d724b85ef', class: "seki-pagination-item", part: "item" }, h("slot", { key: 'a6973fc40b6790ccd11cd0b45ae48cff03e3d325' })));
     }
     static get is() { return "seki-pagination-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,11 +17,11 @@ export class SekiPaginationLink {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '967993ec205c7755d4801c32b771241990a68143', 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: '8d454a19ea4373fa208e8d2c8dfe62af59f64257', 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: '39db050b20e68474d2f6c62e174797234ee0ff64' })));
+            }, part: "link" }, h("slot", { key: '2291abe68aa04cbf49cb7624754463d0d0e1a19d' })));
     }
     static get is() { return "seki-pagination-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,11 +13,11 @@ export class SekiPaginationNext {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: '2a690e5834ac5da81412e76c2ada3ff9cd35c8b6', 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: '13114af2a724f7fbb8d67dc3882696c7c6103ab0', 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: 'dc418dfc6a2e2f168892b2ddae8dfcef111f434a' }, "Next"), h("svg", { key: 'c9ce6b59ddcead981aa47eabc1d223a53b0d716c', 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: '4369d14ef215202a104350402682d9292ce0e1e1', d: "m9 18 6-6-6-6" }))));
+            }, part: "next" }, h("span", { key: '08cc90e1a75637297b73bfcbeb923ae96370a757' }, "Next"), h("svg", { key: 'b4811948c2631d8af500b76eb06b518b0bbfd3cc', 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: 'b45f5e476f0c22b7931d4ed31283d03e84be0a77', 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

@@ -13,11 +13,11 @@ export class SekiPaginationPrevious {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'span';
-        return (h(Tag, { key: 'ef4925c7d719e7d44ab82398f56d6370f5e82004', 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: '9195b831a924418c6a08ce79f67e33db29e9297e', 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: 'd3c35cb065400db6a7542cdcb20e8c2cd1d83cc5', 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: 'd9fc870f70280fc690d682ae953b141276a22a42', d: "m15 18-6-6 6-6" })), h("span", { key: 'f51dca37a7abe81d801e4ab57bd34779ca3f91d5' }, "Previous")));
+            }, part: "previous" }, h("svg", { key: 'd2d27b81309b2855be8c59de67ef564bbb191e91', 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: '86128075e4e297251043a45ca4f24ba9ea87a554', d: "m15 18-6-6 6-6" })), h("span", { key: '3147eaca5cbdf12c8b3c847657795d1f32b596a1' }, "Previous")));
     }
     static get is() { return "seki-pagination-previous"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ import { h } from "@stencil/core";
  */
 export class SekiPagination {
     render() {
-        return (h("nav", { key: '1d84845dc0fabf9c5e76d7d87d3649ca5804b37f', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: 'd4d7361f987c9d1b7b13bc750675520400d413cd' })));
+        return (h("nav", { key: '627850809d2aaf231a9254329dd3906574be4d8d', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '11fbbd4dc836d19f52d7301f9ff2808490c33596' })));
     }
     static get is() { return "seki-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -760,6 +761,7 @@
 
 :host {
   display: inline-flex;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 
 .popover-close {

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

@@ -11,7 +11,7 @@ export class SekiPopoverClose {
         this.closePopover.emit();
     }
     render() {
-        return (h(Host, { key: 'd5f9d95bfdc09e702281be6280c4dbae85361bb1' }, h("button", { key: '1f78c889e231270b62cbe09163711f65a28a2225', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '39209801b8ff3190ed8be1d7cd41bc160ba936e3' }, h("svg", { key: 'd61896a2f99c4dd64f35259252db984d5a9b32ca', 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: 'b24ec46563cbc1cfb7b25dd484b397b05e660e4f', d: "M18 6 6 18" }), h("path", { key: '78401fb6ecde93e85119550a681118fd99228dfe', d: "m6 6 12 12" }))))));
+        return (h(Host, { key: 'ee09b646b2935243b0b138683be493e399cc523e' }, h("button", { key: '7f6a9693611a8597a7c467bbbffaf1d5fcf36bb4', part: "close", type: "button", class: "popover-close", "aria-label": "Close" }, h("slot", { key: '41df880a88b199ec29ed5c4db23a22eabfdb4cbb' }, h("svg", { key: 'c19d5030668db12045880ef2e0783bba70cad855', 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: '9b83da119013f112fc1b6a2d6adf45f2c60e184b', d: "M18 6 6 18" }), h("path", { key: 'a006e7a1101d195f333f0e3639d9732ffe77a3aa', d: "m6 6 12 12" }))))));
     }
     static get is() { return "seki-popover-close"; }
     static get encapsulation() { return "shadow"; }