@sondor-technology/sondor-components 1.0.4 → 1.0.6

package/dist/components/textarea/textarea.js

@@ -19,38 +19,63 @@ let StTextarea = class StTextarea extends LitElement {
         // Textarea specific properties
         this.rows = 4;
         this.resize = "vertical";
+        // 🚀 FEATURE: Auto-resize support
+        this.autoResize = false;
         // Validation
         this.required = false;
         // States
         this.disabled = false;
         this.invalid = false;
         this.readonly = false;
+        this._defaultValue = "";
         this._internals = this.attachInternals();
-        // 1. Trigger error state if the user clicks away and the field is invalid
         this.addEventListener("focusout", () => {
-            this.invalid = !this._textareaEl.validity.valid;
+            if (this._textareaEl) {
+                this.invalid = !this._textareaEl.validity.valid;
+            }
         });
-        // 2. Trigger error state if the st-form tries to submit and fails
         this.addEventListener("invalid", () => {
             this.invalid = true;
         });
     }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this._defaultValue = this.value;
+        if (this.autoResize)
+            this._adjustHeight();
+    }
     updated(changedProperties) {
         super.updated(changedProperties);
         if (changedProperties.has("value")) {
             this._internals.setFormValue(this.value);
+            if (this.autoResize)
+                this._adjustHeight();
         }
         this._syncValidity();
     }
+    async _adjustHeight() {
+        await this.updateComplete;
+        if (!this._textareaEl)
+            return;
+        // Reset height to auto to force scrollHeight to shrink if text is deleted
+        this._textareaEl.style.height = "auto";
+        this._textareaEl.style.height = `${this._textareaEl.scrollHeight}px`;
+    }
     _syncValidity() {
         if (!this._textareaEl)
             return;
         this._internals.setValidity(this._textareaEl.validity, this._textareaEl.validationMessage, this._textareaEl);
     }
     formResetCallback() {
-        this.value = "";
-        this._internals.setFormValue("");
-        this.updateComplete.then(() => this._syncValidity());
+        // 🚀 FIX: Revert to the initial value instead of hardcoding an empty string
+        this.value = this._defaultValue;
+        this.invalid = false;
+        this._internals.setFormValue(this.value);
+        this.updateComplete.then(() => {
+            this._syncValidity();
+            if (this.autoResize)
+                this._adjustHeight();
+        });
     }
     checkValidity() {
         return this._internals.checkValidity();
@@ -64,12 +89,16 @@ let StTextarea = class StTextarea extends LitElement {
         if (this.invalid && target.validity.valid) {
             this.invalid = false;
         }
+        if (this.autoResize) {
+            this._adjustHeight();
+        }
         this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
     }
     _handleChange(e) {
         this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
     }
     render() {
+        const helpTextId = "help-text";
         return html `
       <div class="form-control">
         ${this.label ? html `<label for="textarea">${this.label}</label>` : ""}
@@ -85,16 +114,21 @@ let StTextarea = class StTextarea extends LitElement {
           ?required=${this.required}
           minlength=${ifDefined(this.minlength)}
           maxlength=${ifDefined(this.maxlength)}
+          spellcheck=${ifDefined(this.spellcheck)}
+          aria-invalid=${this.invalid ? "true" : "false"}
+          aria-describedby=${ifDefined(this.helpText ? helpTextId : undefined)}
           @input=${this._handleInput}
           @change=${this._handleChange}
         ></textarea>
 
-        ${this.helpText ? html `<div class="help-text">${this.helpText}</div>` : ""}
+        ${this.helpText ? html `<div id=${helpTextId} class="help-text">${this.helpText}</div>` : ""}
       </div>
     `;
     }
 };
 StTextarea.formAssociated = true;
+// 🚀 FIX: Forwards host clicks and keyboard tabs to the hidden native input
+StTextarea.shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };
 StTextarea.styles = [
     resetStyles,
     css `
@@ -116,6 +150,7 @@ StTextarea.styles = [
 
       textarea {
         width: 100%;
+        box-sizing: border-box; /* 🚀 FIX: Prevent padding from causing overflow */
         padding: var(--st-spacing-sm) var(--st-spacing-md);
         font-size: var(--st-font-size-base);
         font-family: inherit;
@@ -126,12 +161,10 @@ StTextarea.styles = [
         transition:
           border-color 0.2s ease,
           box-shadow 0.2s ease;
-
-        /* Map the resize property */
         resize: vertical;
       }
 
-      /* Dynamically handle resize constraints based on the host attribute */
+      /* Dynamically handle resize constraints */
       :host([resize="none"]) textarea {
         resize: none;
       }
@@ -142,6 +175,12 @@ StTextarea.styles = [
         resize: both;
       }
 
+      /* Auto-resize overrides manual resize */
+      :host([auto-resize]) textarea {
+        resize: none;
+        overflow-y: hidden;
+      }
+
       textarea::placeholder {
         color: var(--st-color-text-muted);
       }
@@ -154,15 +193,15 @@ StTextarea.styles = [
 
       /* Validation States */
       :host([invalid]) textarea {
-        border-color: var(--st-color-error);
+        border-color: var(--st-color-error, #dc2626);
       }
 
       :host([invalid]) textarea:focus {
-        box-shadow: 0 0 0 1px var(--st-color-error);
+        box-shadow: 0 0 0 1px var(--st-color-error, #dc2626);
       }
 
       :host([invalid]) .help-text {
-        color: var(--st-color-error);
+        color: var(--st-color-error, #dc2626);
       }
 
       /* Disabled & Readonly */
@@ -207,6 +246,12 @@ __decorate([
 __decorate([
     property({ type: String, reflect: true })
 ], StTextarea.prototype, "resize", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "auto-resize" })
+], StTextarea.prototype, "autoResize", void 0);
+__decorate([
+    property({ type: String, attribute: "spellcheck" })
+], StTextarea.prototype, "spellcheckAttr", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], StTextarea.prototype, "required", void 0);
@@ -229,3 +274,4 @@ StTextarea = __decorate([
     customElement("st-textarea")
 ], StTextarea);
 export { StTextarea };
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/textarea/textarea.ts"],"names":[],"mappings":"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"}

package/dist/components/theme-toggle/theme-toggle.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const themeModes: readonly ["light", "system", "dark"];
+export type ThemeMode = typeof themeModes[number];
+//# sourceMappingURL=theme-toggle.constants.d.ts.map

package/dist/components/theme-toggle/theme-toggle.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.constants.d.ts","sourceRoot":"","sources":["../../../src/components/theme-toggle/theme-toggle.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,YAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAU,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC"}

package/dist/components/theme-toggle/theme-toggle.constants.js

@@ -0,0 +1,2 @@
+export const themeModes = ["light", "system", "dark"];
+//# sourceMappingURL=theme-toggle.constants.js.map

package/dist/components/theme-toggle/theme-toggle.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.constants.js","sourceRoot":"","sources":["../../../src/components/theme-toggle/theme-toggle.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAU,CAAC"}

package/dist/components/theme-toggle/theme-toggle.d.ts

@@ -1,10 +1,11 @@
 import { LitElement } from "lit";
-export type ThemeMode = "light" | "system" | "dark";
+import { ThemeMode } from "./theme-toggle.constants.js";
 export declare class StThemeToggle extends LitElement {
     theme: ThemeMode;
+    auto: boolean;
     static styles: import("lit").CSSResult[];
-    private _handleThemeChange;
     connectedCallback(): void;
+    private _handleThemeChange;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/theme-toggle/theme-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/theme-toggle/theme-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpD,qBACa,aAAc,SAAQ,UAAU;IACF,KAAK,EAAE,SAAS,CAAY;IAErE,MAAM,CAAC,MAAM,4BAkDX;IAEF,OAAO,CAAC,kBAAkB;IAajB,iBAAiB,SAOzB;IAED,MAAM,yCAuCL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/theme-toggle/theme-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAC,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAEtD,qBACa,aAAc,SAAQ,UAAU;IACF,KAAK,EAAE,SAAS,CAAY;IAG1C,IAAI,UAAS;IAExC,MAAM,CAAC,MAAM,4BA8CX;IAEO,iBAAiB,SA0BzB;IAED,OAAO,CAAC,kBAAkB;IAoB1B,MAAM,yCAwCL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/theme-toggle/theme-toggle.js

@@ -11,33 +11,60 @@ let StThemeToggle = class StThemeToggle extends LitElement {
     constructor() {
         super(...arguments);
         this.theme = "system";
+        // 🚀 FEATURE: Automatically applies the theme to the document and saves to localStorage
+        this.auto = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // 🚀 FIX: Semantically group the buttons for screen readers
+        this.setAttribute("role", "group");
+        this.setAttribute("aria-label", "Theme preference");
+        // If auto is enabled, try loading from localStorage first
+        if (this.auto) {
+            try {
+                const savedTheme = localStorage.getItem("st-theme");
+                if (savedTheme) {
+                    this.theme = savedTheme;
+                    document.documentElement.setAttribute("data-theme", savedTheme);
+                    return;
+                }
+            }
+            catch (e) {
+                // Silently fail if localStorage is blocked (e.g., incognito mode)
+            }
+        }
+        // Fallback to checking the document root for a pre-rendered theme
+        const rootTheme = document.documentElement.getAttribute("data-theme");
+        if (rootTheme) {
+            this.theme = rootTheme;
+        }
     }
     _handleThemeChange(newTheme) {
         this.theme = newTheme;
-        // Dispatch an event so the consuming app knows to update the document root
+        // Apply automatically if the feature is enabled
+        if (this.auto) {
+            document.documentElement.setAttribute("data-theme", newTheme);
+            try {
+                localStorage.setItem("st-theme", newTheme);
+            }
+            catch (e) { }
+        }
         this.dispatchEvent(new CustomEvent("st-theme-change", {
             detail: { theme: newTheme },
             bubbles: true,
             composed: true,
         }));
     }
-    connectedCallback() {
-        super.connectedCallback();
-        // Check the html tag for the theme injected by your blocking <head> script
-        const rootTheme = document.documentElement.getAttribute("data-theme");
-        if (rootTheme) {
-            this.theme = rootTheme;
-        }
-    }
     render() {
         return html `
       <button
         aria-pressed=${this.theme === "light"}
+        aria-label="Light Mode"
         title="Light Mode"
         @click=${() => this._handleThemeChange("light")}
       >
-        <!-- Sun Icon -->
-        <svg viewBox="0 0 24 24">
+        <!-- 🚀 FIX: Hide decorative SVGs from the accessibility tree -->
+        <svg aria-hidden="true" viewBox="0 0 24 24">
           <circle cx="12" cy="12" r="5"></circle>
           <path
             d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"
@@ -47,11 +74,11 @@ let StThemeToggle = class StThemeToggle extends LitElement {
 
       <button
         aria-pressed=${this.theme === "system"}
+        aria-label="System Preference"
         title="System Preference"
         @click=${() => this._handleThemeChange("system")}
       >
-        <!-- Monitor/System Icon -->
-        <svg viewBox="0 0 24 24">
+        <svg aria-hidden="true" viewBox="0 0 24 24">
           <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
           <path d="M8 21h8M12 17v4"></path>
         </svg>
@@ -59,11 +86,11 @@ let StThemeToggle = class StThemeToggle extends LitElement {
 
       <button
         aria-pressed=${this.theme === "dark"}
+        aria-label="Dark Mode"
         title="Dark Mode"
         @click=${() => this._handleThemeChange("dark")}
       >
-        <!-- Moon Icon -->
-        <svg viewBox="0 0 24 24">
+        <svg aria-hidden="true" viewBox="0 0 24 24">
           <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
         </svg>
       </button>
@@ -75,7 +102,6 @@ StThemeToggle.styles = [
     css `
       :host {
         display: inline-flex;
-        /* Use semantic tokens for the container */
         background-color: var(--st-color-surface);
         border: 1px solid var(--st-color-border);
         border-radius: 999px;
@@ -101,12 +127,9 @@ StThemeToggle.styles = [
         color: var(--st-color-text);
       }
 
-      /* Active State Styling */
       button[aria-pressed="true"] {
-        /* Use the main background color so the active pill "pops" out of the surface */
         background-color: var(--st-color-bg);
         color: var(--st-color-primary);
-        /* Subtle shadow to lift the active pill */
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
       }
 
@@ -124,7 +147,11 @@ StThemeToggle.styles = [
 __decorate([
     property({ type: String, reflect: true })
 ], StThemeToggle.prototype, "theme", void 0);
+__decorate([
+    property({ type: Boolean })
+], StThemeToggle.prototype, "auto", void 0);
 StThemeToggle = __decorate([
     customElement("st-theme-toggle")
 ], StThemeToggle);
 export { StThemeToggle };
+//# sourceMappingURL=theme-toggle.js.map

package/dist/components/theme-toggle/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","sourceRoot":"","sources":["../../../src/components/theme-toggle/theme-toggle.ts"],"names":[],"mappings":"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"}

package/dist/components/vertical-nav/vertical-nav-group.d.ts

@@ -1,15 +1,18 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from "lit";
 export declare class StNavGroup extends LitElement {
     label: string;
     open: boolean;
     depth: number;
+    private _drawerContent;
     static styles: import("lit").CSSResult[];
     private _toggle;
+    private _updateChildDepths;
+    updated(changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'st-vertical-nav-group': StNavGroup;
+        "st-vertical-nav-group": StNavGroup;
     }
 }
 //# sourceMappingURL=vertical-nav-group.d.ts.map

package/dist/components/vertical-nav/vertical-nav-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vertical-nav-group.d.ts","sourceRoot":"","sources":["../../../src/components/vertical-nav/vertical-nav-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,UAAW,SAAQ,UAAU;IACZ,KAAK,SAAM;IACK,IAAI,UAAS;IAC7B,KAAK,SAAK;IAEtC,MAAM,CAAC,MAAM,4BA8EX;IAEF,OAAO,CAAC,OAAO;IAIf,MAAM,yCAcL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,UAAU,CAAC;KACrC;CACF"}
+{"version":3,"file":"vertical-nav-group.d.ts","sourceRoot":"","sources":["../../../src/components/vertical-nav/vertical-nav-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,qBACa,UAAW,SAAQ,UAAU;IACd,KAAK,SAAM;IACK,IAAI,UAAS;IAC7B,KAAK,SAAK;IAEV,OAAO,CAAC,cAAc,CAAe;IAE/D,MAAM,CAAC,MAAM,4BAoFX;IAEF,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,kBAAkB;IAQjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAKjD;IAED,MAAM,yCAuBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,UAAU,CAAC;KACrC;CACF"}

package/dist/components/vertical-nav/vertical-nav-group.js

@@ -4,30 +4,56 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { resetStyles } from '../../styles/reset.js';
+import { LitElement, html, css } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
 let StNavGroup = class StNavGroup extends LitElement {
     constructor() {
         super(...arguments);
-        this.label = '';
+        this.label = "";
         this.open = false;
         this.depth = 0;
     }
     _toggle() {
         this.open = !this.open;
+        this.dispatchEvent(new CustomEvent("st-group-toggle", {
+            detail: { open: this.open, label: this.label },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _updateChildDepths() {
+        // Query 'this' (Light DOM) instead of the Shadow DOM
+        const childItems = this.querySelectorAll("st-vertical-nav-item, st-vertical-nav-group");
+        childItems.forEach((item) => {
+            item.depth = this.depth + 1;
+        });
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has("depth")) {
+            this._updateChildDepths();
+        }
     }
     render() {
+        const groupId = `nav-group-${this.label.toLowerCase().replace(/\s+/g, "-")}`;
         return html `
-      <button @click=${this._toggle} aria-expanded=${this.open} style="--nav-depth: ${this.depth}">
+      <button
+        @click=${this._toggle}
+        aria-expanded=${this.open}
+        aria-controls=${groupId}
+        style="--nav-depth: ${this.depth}"
+      >
         <slot name="icon"></slot>
         <span class="label">${this.label}</span>
-        <svg class="chevron" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"></path></svg>
+        <svg class="chevron" aria-hidden="true" viewBox="0 0 24 24">
+          <path d="M6 9l6 6 6-6"></path>
+        </svg>
       </button>
-      
-      <div class="drawer">
+
+      <div id=${groupId} class="drawer" role="region" aria-label=${this.label}>
         <div class="drawer-content">
-          <slot></slot>
+          <slot @slotchange=${this._updateChildDepths}></slot>
         </div>
       </div>
     `;
@@ -56,14 +82,20 @@ StNavGroup.styles = [
         font-size: var(--st-font-size-sm);
         font-weight: var(--st-font-weight-semibold);
         cursor: pointer;
-        transition: background-color 0.2s ease, color 0.2s ease;
+        transition:
+          background-color 0.2s ease,
+          color 0.2s ease;
       }
 
       button:hover {
-        background-color: var(--st-color-surface-hover, rgba(0,0,0,0.03));
+        background-color: var(--st-color-surface-hover, rgba(0, 0, 0, 0.03));
+      }
+
+      button:focus-visible {
+        outline: 2px solid var(--st-color-primary);
+        outline-offset: -2px;
       }
 
-      /* Styles for slotted icons */
       ::slotted([slot="icon"]) {
         width: 1rem;
         height: 1rem;
@@ -110,7 +142,7 @@ StNavGroup.styles = [
         display: flex;
         flex-direction: column;
       }
-    `
+    `,
 ];
 __decorate([
     property({ type: String })
@@ -121,7 +153,11 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], StNavGroup.prototype, "depth", void 0);
+__decorate([
+    query(".drawer-content")
+], StNavGroup.prototype, "_drawerContent", void 0);
 StNavGroup = __decorate([
-    customElement('st-vertical-nav-group')
+    customElement("st-vertical-nav-group")
 ], StNavGroup);
 export { StNavGroup };
+//# sourceMappingURL=vertical-nav-group.js.map

package/dist/components/vertical-nav/vertical-nav-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-nav-group.js","sourceRoot":"","sources":["../../../src/components/vertical-nav/vertical-nav-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAiB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAG3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACqB,UAAK,GAAG,EAAE,CAAC;QACK,SAAI,GAAG,KAAK,CAAC;QAC7B,UAAK,GAAG,CAAC,CAAC;IA4ItC,CAAC;IAlDS,OAAO;QACb,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;YACjC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC;YAC5C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,qDAAqD;QACrD,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,CAAC;QACxF,UAAU,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;YAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,OAAO,CAAC,iBAAiC;QAChD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,aAAa,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;QAE7E,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,OAAO;wBACL,IAAI,CAAC,IAAI;wBACT,OAAO;8BACD,IAAI,CAAC,KAAK;;;8BAGV,IAAI,CAAC,KAAK;;;;;;gBAMxB,OAAO,4CAA4C,IAAI,CAAC,KAAK;;8BAE/C,IAAI,CAAC,kBAAkB;;;KAGhD,CAAC;IACJ,CAAC;CACF,CAAA;AAxIQ,iBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiFF;CACF,AApFY,CAoFX;AA1FwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCAAY;AACK;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;wCAAc;AAC7B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCAAW;AAEF;IAAjC,KAAK,CAAC,iBAAiB,CAAC;kDAAsC;AALpD,UAAU;IADtB,aAAa,CAAC,uBAAuB,CAAC;GAC1B,UAAU,CA+ItB"}

package/dist/components/vertical-nav/vertical-nav-item.d.ts

@@ -1,14 +1,15 @@
-import { LitElement } from 'lit';
+import { LitElement } from "lit";
 export declare class StNavItem extends LitElement {
     href: string;
     active: boolean;
     depth: number;
     static styles: import("lit").CSSResult[];
+    private _handleClick;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'st-vertical-nav-item': StNavItem;
+        "st-vertical-nav-item": StNavItem;
     }
 }
 //# sourceMappingURL=vertical-nav-item.d.ts.map

package/dist/components/vertical-nav/vertical-nav-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vertical-nav-item.d.ts","sourceRoot":"","sources":["../../../src/components/vertical-nav/vertical-nav-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,SAAU,SAAQ,UAAU;IACX,IAAI,SAAO;IACK,MAAM,UAAS;IAC/B,KAAK,SAAK;IAEtC,MAAM,CAAC,MAAM,4BA8CX;IAEF,MAAM,yCAOL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,SAAS,CAAC;KACnC;CACF"}
+{"version":3,"file":"vertical-nav-item.d.ts","sourceRoot":"","sources":["../../../src/components/vertical-nav/vertical-nav-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,SAAU,SAAQ,UAAU;IACb,IAAI,SAAO;IACK,MAAM,UAAS;IAC/B,KAAK,SAAK;IAEpC,MAAM,CAAC,MAAM,4BAmDX;IAEF,OAAO,CAAC,YAAY;IAYpB,MAAM,yCAaL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,SAAS,CAAC;KACnC;CACF"}

package/dist/components/vertical-nav/vertical-nav-item.js

@@ -4,19 +4,35 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { resetStyles } from '../../styles/reset.js';
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
 let StNavItem = class StNavItem extends LitElement {
     constructor() {
         super(...arguments);
-        this.href = '#';
+        this.href = "#";
         this.active = false;
         this.depth = 0;
     }
+    _handleClick(e) {
+        // Dispatch a custom event so single-page apps can catch internal route clicks if desired
+        const event = new CustomEvent("st-nav-click", {
+            detail: { href: this.href },
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+        });
+        this.dispatchEvent(event);
+    }
     render() {
         return html `
-      <a href=${this.href} part="link" style="--nav-depth: ${this.depth}">
+      <a
+        href=${this.href}
+        part="link"
+        style="--nav-depth: ${this.depth}"
+        aria-current=${this.active ? "page" : "false"}
+        @click=${this._handleClick}
+      >
         <slot name="icon"></slot>
         <slot></slot>
       </a>
@@ -52,7 +68,12 @@ StNavItem.styles = [
 
       a:hover {
         color: var(--st-color-text);
-        background-color: var(--st-color-surface-hover, rgba(0,0,0,0.03));
+        background-color: var(--st-color-surface-hover, rgba(0, 0, 0, 0.03));
+      }
+
+      a:focus-visible {
+        outline: 2px solid var(--st-color-primary);
+        outline-offset: -2px;
       }
 
       ::slotted([slot="icon"]) {
@@ -68,7 +89,7 @@ StNavItem.styles = [
         font-weight: var(--st-font-weight-bold);
         background-color: var(--st-color-primary-light, rgba(98, 0, 238, 0.05));
       }
-    `
+    `,
 ];
 __decorate([
     property({ type: String })
@@ -80,6 +101,7 @@ __decorate([
     property({ type: Number })
 ], StNavItem.prototype, "depth", void 0);
 StNavItem = __decorate([
-    customElement('st-vertical-nav-item')
+    customElement("st-vertical-nav-item")
 ], StNavItem);
 export { StNavItem };
+//# sourceMappingURL=vertical-nav-item.js.map

package/dist/components/vertical-nav/vertical-nav-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-nav-item.js","sourceRoot":"","sources":["../../../src/components/vertical-nav/vertical-nav-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAG3C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QACqB,SAAI,GAAG,GAAG,CAAC;QACK,WAAM,GAAG,KAAK,CAAC;QAC/B,UAAK,GAAG,CAAC,CAAC;IAiFtC,CAAC;IA1BS,YAAY,CAAC,CAAa;QAChC,yFAAyF;QACzF,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,cAAc,EAAE;YAC5C,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC;YACzB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;eAEA,IAAI,CAAC,IAAI;;8BAEM,IAAI,CAAC,KAAK;uBACjB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACpC,IAAI,CAAC,YAAY;;;;;KAK7B,CAAC;IACJ,CAAC;CACF,CAAA;AA/EQ,gBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgDF;CACF,AAnDY,CAmDX;AAvDwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCAAY;AACK;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAAgB;AAC/B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;wCAAW;AAHzB,SAAS;IADrB,aAAa,CAAC,sBAAsB,CAAC;GACzB,SAAS,CAoFrB"}