@aquera/nile-elements 1.7.8 → 1.8.0

package/dist/src/nile-context-submenu/nile-context-submenu.js

@@ -0,0 +1,324 @@
+/**
+ * Copyright Aquera Inc 2026
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var NileContextSubmenu_1;
+import { __decorate } from "tslib";
+import { html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import NileElement from '../internal/nile-element';
+import '../nile-floating-panel';
+const ITEM_TAG = 'nile-context-menu-item';
+const SUBMENU_TAG = 'nile-context-submenu';
+const HOVER_OPEN_DELAY = 100;
+const HOVER_CLOSE_DELAY = 300;
+let submenuIdSeq = 0;
+/**
+ * Nested submenu inside a `nile-context-menu-item`.
+ * @tag nile-context-submenu
+ */
+let NileContextSubmenu = NileContextSubmenu_1 = class NileContextSubmenu extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.zIndex = 9999;
+        this._open = false;
+        this._parentItem = null;
+        this._proxyId = `nile-context-submenu-anchor-${++submenuIdSeq}`;
+        this._menuContainerRef = null;
+        this._setupDone = false;
+        this._onParentEnter = () => {
+            if (this._parentItem?.disabled)
+                return;
+            this._clearTimers();
+            if (this._open)
+                return;
+            this._openTimer = window.setTimeout(() => this.openSubmenu(), HOVER_OPEN_DELAY);
+        };
+        this._onParentLeave = () => {
+            if (this._openTimer != null) {
+                clearTimeout(this._openTimer);
+                this._openTimer = undefined;
+            }
+            if (this._open) {
+                this._closeTimer = window.setTimeout(() => this.closeSubmenu(), HOVER_CLOSE_DELAY);
+            }
+        };
+        this._onParentClick = (e) => {
+            e.stopPropagation();
+            if (this._parentItem?.disabled)
+                return;
+            this._clearTimers();
+            if (this._open)
+                this.closeSubmenu();
+            else
+                this.openSubmenu();
+        };
+        this._onPanelEnter = () => {
+            this._clearTimers();
+        };
+        this._onPanelLeave = () => {
+            if (this._open) {
+                this._closeTimer = window.setTimeout(() => {
+                    const hasOpenDescendant = NileContextSubmenu_1.openStack.some(sub => sub !== this && this._menuContainerRef?.contains(sub));
+                    if (hasOpenDescendant)
+                        return;
+                    this.closeSubmenu();
+                }, HOVER_CLOSE_DELAY);
+            }
+        };
+        this._onMenuMouseOver = (e) => {
+            const item = e.composedPath().find(n => n instanceof HTMLElement && n.tagName.toLowerCase() === ITEM_TAG);
+            if (!item || item.disabled)
+                return;
+            item.focus();
+        };
+        this._onNestedSelect = (e) => {
+            if (e.target === this)
+                return;
+            if (e.detail?.type !== 'click')
+                return;
+            this.emit('nile-change', e.detail);
+        };
+        this._onMenuClick = (e) => {
+            const item = e.composedPath().find(n => n instanceof HTMLElement && n.tagName.toLowerCase() === ITEM_TAG);
+            if (!item || item.disabled)
+                return;
+            if (item.querySelector(`:scope > ${SUBMENU_TAG}`))
+                return;
+            const detail = {
+                id: item.id,
+                value: item.value,
+                name: (item.textContent ?? '').trim(),
+                target: null,
+                originalEvent: e,
+            };
+            try {
+                item.onSelect?.(detail);
+            }
+            catch (err) {
+                console.error('[nile-context-submenu] onSelect callback threw:', err);
+            }
+            this.emit('nile-change', { type: 'click', ...detail });
+        };
+    }
+    static get styles() {
+        return [
+            css `
+        :host { display: contents; }
+      `,
+        ];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        let p = this.parentElement;
+        while (p && p.tagName.toLowerCase() !== ITEM_TAG)
+            p = p.parentElement;
+        this._parentItem = p;
+        this._ensureProxy();
+        if (this._parentItem) {
+            this._parentItem.setSubmenuExpanded?.(false);
+            this._parentItem.addEventListener('mouseenter', this._onParentEnter);
+            this._parentItem.addEventListener('mouseleave', this._onParentLeave);
+            this._parentItem.addEventListener('click', this._onParentClick, true);
+        }
+        this._ensureBodyPanel();
+    }
+    _ensureProxy() {
+        if (this._proxyEl)
+            return;
+        const el = document.createElement('div');
+        el.id = this._proxyId;
+        el.setAttribute('aria-hidden', 'true');
+        el.style.cssText =
+            'position: fixed; top: 0; left: 0; width: 0; height: 0; pointer-events: none;';
+        document.body.appendChild(el);
+        this._proxyEl = el;
+    }
+    _syncProxyToParent() {
+        if (!this._proxyEl || !this._parentItem)
+            return;
+        const rect = this._parentItem.getBoundingClientRect();
+        this._proxyEl.style.left = `${rect.left}px`;
+        this._proxyEl.style.top = `${rect.top}px`;
+        this._proxyEl.style.width = `${rect.width}px`;
+        this._proxyEl.style.height = `${rect.height}px`;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._parentItem) {
+            this._parentItem.removeEventListener('mouseenter', this._onParentEnter);
+            this._parentItem.removeEventListener('mouseleave', this._onParentLeave);
+            this._parentItem.removeEventListener('click', this._onParentClick, true);
+        }
+        this._clearTimers();
+        if (this._open)
+            this.closeSubmenu();
+        this._teardownBodyArtifacts();
+        NileContextSubmenu_1.openStack = NileContextSubmenu_1.openStack.filter(s => s !== this);
+    }
+    _teardownBodyArtifacts() {
+        const menu = this._menuContainerRef;
+        if (menu) {
+            menu.removeEventListener('click', this._onMenuClick);
+            menu.removeEventListener('mouseover', this._onMenuMouseOver);
+            menu.removeEventListener('mouseenter', this._onPanelEnter);
+            menu.removeEventListener('mouseleave', this._onPanelLeave);
+            menu.removeEventListener('nile-change', this._onNestedSelect);
+            while (menu.firstChild)
+                this.appendChild(menu.firstChild);
+        }
+        this._floatingPanelEl?.remove();
+        this._floatingPanelEl = undefined;
+        this._menuContainerRef = null;
+        this._setupDone = false;
+        this._proxyEl?.remove();
+        this._proxyEl = undefined;
+    }
+    _ensureBodyPanel() {
+        if (this._setupDone)
+            return;
+        const fp = document.createElement('nile-floating-panel');
+        fp.setAttribute('for', this._proxyId);
+        fp.setAttribute('trigger', 'manual');
+        fp.setAttribute('placement', 'right-start');
+        fp.panelClass = 'nile-context-menu-panel';
+        fp.zIndex = this.zIndex;
+        fp.interactive = true;
+        fp.hideOnClick = false;
+        fp.closeOnEscape = false;
+        fp.arrow = 'none';
+        fp.distance = 0;
+        const menu = document.createElement('div');
+        menu.className = 'nile-context-menu__menu';
+        menu.setAttribute('role', 'menu');
+        fp.appendChild(menu);
+        document.body.appendChild(fp);
+        this._floatingPanelEl = fp;
+        this._menuContainerRef = menu;
+        menu.addEventListener('click', this._onMenuClick);
+        menu.addEventListener('mouseover', this._onMenuMouseOver);
+        menu.addEventListener('mouseenter', this._onPanelEnter);
+        menu.addEventListener('mouseleave', this._onPanelLeave);
+        menu.addEventListener('nile-change', this._onNestedSelect);
+        this._relocateLightChildren();
+        this._setupDone = true;
+    }
+    firstUpdated() {
+        this._relocateLightChildren();
+    }
+    _relocateLightChildren() {
+        if (!this._menuContainerRef)
+            return;
+        for (const kid of Array.from(this.children)) {
+            this._menuContainerRef.appendChild(kid);
+        }
+    }
+    _clearTimers() {
+        if (this._openTimer != null) {
+            clearTimeout(this._openTimer);
+            this._openTimer = undefined;
+        }
+        if (this._closeTimer != null) {
+            clearTimeout(this._closeTimer);
+            this._closeTimer = undefined;
+        }
+    }
+    openSubmenu() {
+        if (this._open)
+            return;
+        if (this._parentItem?.disabled)
+            return;
+        this._closeSiblingSubmenus();
+        this._ensureProxy();
+        this._ensureBodyPanel();
+        this._syncProxyToParent();
+        this._open = true;
+        if (this._floatingPanelEl)
+            this._floatingPanelEl.open = true;
+        NileContextSubmenu_1.openStack.push(this);
+        this._parentItem?.setSubmenuExpanded?.(true);
+    }
+    closeSubmenu() {
+        if (!this._open)
+            return;
+        for (const sub of [...NileContextSubmenu_1.openStack]) {
+            if (sub !== this && this._menuContainerRef?.contains(sub)) {
+                sub.closeSubmenu();
+            }
+        }
+        this._open = false;
+        if (this._floatingPanelEl)
+            this._floatingPanelEl.open = false;
+        NileContextSubmenu_1.openStack = NileContextSubmenu_1.openStack.filter(s => s !== this);
+        this._clearTimers();
+        this._parentItem?.setSubmenuExpanded?.(false);
+    }
+    get isOpen() {
+        return this._open;
+    }
+    static findByContainer(container) {
+        for (const sub of NileContextSubmenu_1.openStack) {
+            if (sub._menuContainerRef === container)
+                return sub;
+        }
+        return null;
+    }
+    get parentItem() {
+        return this._parentItem;
+    }
+    focusFirstItem() {
+        if (!this._menuContainerRef)
+            return;
+        const items = Array.from(this._menuContainerRef.querySelectorAll(ITEM_TAG));
+        for (const item of items) {
+            let cur = item.parentElement;
+            let inDeeperSub = false;
+            while (cur && cur !== this._menuContainerRef) {
+                if (cur.tagName.toLowerCase() === SUBMENU_TAG) {
+                    inDeeperSub = true;
+                    break;
+                }
+                cur = cur.parentElement;
+            }
+            if (inDeeperSub)
+                continue;
+            if (!item.disabled) {
+                item.focus();
+                return;
+            }
+        }
+    }
+    _closeSiblingSubmenus() {
+        const myLevel = this._parentLevel();
+        for (const sub of [...NileContextSubmenu_1.openStack]) {
+            if (sub === this)
+                continue;
+            if (sub._parentLevel() === myLevel)
+                sub.closeSubmenu();
+        }
+    }
+    _parentLevel() {
+        const item = this._parentItem;
+        if (!item)
+            return null;
+        return item.parentElement?.closest('.nile-context-menu__menu') ?? null;
+    }
+    render() {
+        return html ``;
+    }
+};
+NileContextSubmenu.openStack = [];
+__decorate([
+    property({ attribute: true, type: Number, reflect: true })
+], NileContextSubmenu.prototype, "zIndex", void 0);
+__decorate([
+    state()
+], NileContextSubmenu.prototype, "_open", void 0);
+NileContextSubmenu = NileContextSubmenu_1 = __decorate([
+    customElement('nile-context-submenu')
+], NileContextSubmenu);
+export { NileContextSubmenu };
+export default NileContextSubmenu;
+//# sourceMappingURL=nile-context-submenu.js.map

package/dist/src/nile-context-submenu/nile-context-submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-context-submenu.js","sourceRoot":"","sources":["../../../src/nile-context-submenu/nile-context-submenu.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2026\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { NileContextMenuItem } from '../nile-context-menu-item';\nimport '../nile-floating-panel';\nimport type { NileFloatingPanel } from '../nile-floating-panel';\n\nconst ITEM_TAG = 'nile-context-menu-item';\nconst SUBMENU_TAG = 'nile-context-submenu';\nconst HOVER_OPEN_DELAY = 100;\nconst HOVER_CLOSE_DELAY = 300;\n\nlet submenuIdSeq = 0;\n\n/**\n * Nested submenu inside a `nile-context-menu-item`.\n * @tag nile-context-submenu\n */\n@customElement('nile-context-submenu')\nexport class NileContextSubmenu extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host { display: contents; }\n      `,\n    ];\n  }\n\n  @property({ attribute: true, type: Number, reflect: true }) zIndex = 9999;\n\n  @state() private _open = false;\n\n  public static openStack: NileContextSubmenu[] = [];\n\n  private _parentItem: NileContextMenuItem | null = null;\n  private _proxyId = `nile-context-submenu-anchor-${++submenuIdSeq}`;\n  private _proxyEl?: HTMLDivElement;\n  private _floatingPanelEl?: NileFloatingPanel;\n  private _menuContainerRef: HTMLDivElement | null = null;\n  private _openTimer?: number;\n  private _closeTimer?: number;\n  private _setupDone = false;\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    let p: Element | null = this.parentElement;\n    while (p && p.tagName.toLowerCase() !== ITEM_TAG) p = p.parentElement;\n    this._parentItem = p as NileContextMenuItem | null;\n    this._ensureProxy();\n    if (this._parentItem) {\n      this._parentItem.setSubmenuExpanded?.(false);\n      this._parentItem.addEventListener('mouseenter', this._onParentEnter);\n      this._parentItem.addEventListener('mouseleave', this._onParentLeave);\n      this._parentItem.addEventListener('click', this._onParentClick, true);\n    }\n    this._ensureBodyPanel();\n  }\n\n  private _ensureProxy(): void {\n    if (this._proxyEl) return;\n    const el = document.createElement('div');\n    el.id = this._proxyId;\n    el.setAttribute('aria-hidden', 'true');\n    el.style.cssText =\n      'position: fixed; top: 0; left: 0; width: 0; height: 0; pointer-events: none;';\n    document.body.appendChild(el);\n    this._proxyEl = el;\n  }\n\n  private _syncProxyToParent(): void {\n    if (!this._proxyEl || !this._parentItem) return;\n    const rect = this._parentItem.getBoundingClientRect();\n    this._proxyEl.style.left = `${rect.left}px`;\n    this._proxyEl.style.top = `${rect.top}px`;\n    this._proxyEl.style.width = `${rect.width}px`;\n    this._proxyEl.style.height = `${rect.height}px`;\n  }\n\n  public override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._parentItem) {\n      this._parentItem.removeEventListener('mouseenter', this._onParentEnter);\n      this._parentItem.removeEventListener('mouseleave', this._onParentLeave);\n      this._parentItem.removeEventListener('click', this._onParentClick, true);\n    }\n    this._clearTimers();\n    if (this._open) this.closeSubmenu();\n    this._teardownBodyArtifacts();\n    NileContextSubmenu.openStack = NileContextSubmenu.openStack.filter(s => s !== this);\n  }\n\n  private _teardownBodyArtifacts(): void {\n    const menu = this._menuContainerRef;\n    if (menu) {\n      menu.removeEventListener('click', this._onMenuClick);\n      menu.removeEventListener('mouseover', this._onMenuMouseOver);\n      menu.removeEventListener('mouseenter', this._onPanelEnter);\n      menu.removeEventListener('mouseleave', this._onPanelLeave);\n      menu.removeEventListener('nile-change', this._onNestedSelect as EventListener);\n      while (menu.firstChild) this.appendChild(menu.firstChild);\n    }\n    this._floatingPanelEl?.remove();\n    this._floatingPanelEl = undefined;\n    this._menuContainerRef = null;\n    this._setupDone = false;\n    this._proxyEl?.remove();\n    this._proxyEl = undefined;\n  }\n\n  private _ensureBodyPanel(): void {\n    if (this._setupDone) return;\n    const fp = document.createElement('nile-floating-panel') as NileFloatingPanel;\n    fp.setAttribute('for', this._proxyId);\n    fp.setAttribute('trigger', 'manual');\n    fp.setAttribute('placement', 'right-start');\n    fp.panelClass = 'nile-context-menu-panel';\n    fp.zIndex = this.zIndex;\n    fp.interactive = true;\n    fp.hideOnClick = false;\n    fp.closeOnEscape = false;\n    (fp as unknown as { arrow: 'none' }).arrow = 'none';\n    fp.distance = 0;\n\n    const menu = document.createElement('div');\n    menu.className = 'nile-context-menu__menu';\n    menu.setAttribute('role', 'menu');\n    fp.appendChild(menu);\n\n    document.body.appendChild(fp);\n    this._floatingPanelEl = fp;\n    this._menuContainerRef = menu;\n\n    menu.addEventListener('click', this._onMenuClick);\n    menu.addEventListener('mouseover', this._onMenuMouseOver);\n    menu.addEventListener('mouseenter', this._onPanelEnter);\n    menu.addEventListener('mouseleave', this._onPanelLeave);\n    menu.addEventListener('nile-change', this._onNestedSelect as EventListener);\n\n    this._relocateLightChildren();\n    this._setupDone = true;\n  }\n\n  protected override firstUpdated(): void {\n    this._relocateLightChildren();\n  }\n\n  private _relocateLightChildren(): void {\n    if (!this._menuContainerRef) return;\n    for (const kid of Array.from(this.children)) {\n      this._menuContainerRef.appendChild(kid);\n    }\n  }\n\n  private _clearTimers(): void {\n    if (this._openTimer != null) { clearTimeout(this._openTimer); this._openTimer = undefined; }\n    if (this._closeTimer != null) { clearTimeout(this._closeTimer); this._closeTimer = undefined; }\n  }\n\n  private _onParentEnter = (): void => {\n    if (this._parentItem?.disabled) return;\n    this._clearTimers();\n    if (this._open) return;\n    this._openTimer = window.setTimeout(() => this.openSubmenu(), HOVER_OPEN_DELAY);\n  };\n\n  private _onParentLeave = (): void => {\n    if (this._openTimer != null) { clearTimeout(this._openTimer); this._openTimer = undefined; }\n    if (this._open) {\n      this._closeTimer = window.setTimeout(() => this.closeSubmenu(), HOVER_CLOSE_DELAY);\n    }\n  };\n\n  private _onParentClick = (e: MouseEvent): void => {\n    e.stopPropagation();\n    if (this._parentItem?.disabled) return;\n    this._clearTimers();\n    if (this._open) this.closeSubmenu();\n    else this.openSubmenu();\n  };\n\n  private _onPanelEnter = (): void => {\n    this._clearTimers();\n  };\n\n  private _onPanelLeave = (): void => {\n    if (this._open) {\n      this._closeTimer = window.setTimeout(() => {\n        const hasOpenDescendant = NileContextSubmenu.openStack.some(\n          sub => sub !== this && this._menuContainerRef?.contains(sub),\n        );\n        if (hasOpenDescendant) return;\n        this.closeSubmenu();\n      }, HOVER_CLOSE_DELAY);\n    }\n  };\n\n  public openSubmenu(): void {\n    if (this._open) return;\n    if (this._parentItem?.disabled) return;\n    this._closeSiblingSubmenus();\n    this._ensureProxy();\n    this._ensureBodyPanel();\n    this._syncProxyToParent();\n    this._open = true;\n    if (this._floatingPanelEl) this._floatingPanelEl.open = true;\n    NileContextSubmenu.openStack.push(this);\n    this._parentItem?.setSubmenuExpanded?.(true);\n  }\n\n  public closeSubmenu(): void {\n    if (!this._open) return;\n    for (const sub of [...NileContextSubmenu.openStack]) {\n      if (sub !== this && this._menuContainerRef?.contains(sub)) {\n        sub.closeSubmenu();\n      }\n    }\n    this._open = false;\n    if (this._floatingPanelEl) this._floatingPanelEl.open = false;\n    NileContextSubmenu.openStack = NileContextSubmenu.openStack.filter(s => s !== this);\n    this._clearTimers();\n    this._parentItem?.setSubmenuExpanded?.(false);\n  }\n\n  public get isOpen(): boolean {\n    return this._open;\n  }\n\n  public static findByContainer(container: Element): NileContextSubmenu | null {\n    for (const sub of NileContextSubmenu.openStack) {\n      if (sub._menuContainerRef === container) return sub;\n    }\n    return null;\n  }\n\n  public get parentItem(): NileContextMenuItem | null {\n    return this._parentItem;\n  }\n  public focusFirstItem(): void {\n    if (!this._menuContainerRef) return;\n    const items = Array.from(\n      this._menuContainerRef.querySelectorAll(ITEM_TAG)\n    ) as NileContextMenuItem[];\n    for (const item of items) {\n      let cur: Element | null = item.parentElement;\n      let inDeeperSub = false;\n      while (cur && cur !== this._menuContainerRef) {\n        if (cur.tagName.toLowerCase() === SUBMENU_TAG) { inDeeperSub = true; break; }\n        cur = cur.parentElement;\n      }\n      if (inDeeperSub) continue;\n      if (!item.disabled) { item.focus(); return; }\n    }\n  }\n\n  private _closeSiblingSubmenus(): void {\n    const myLevel = this._parentLevel();\n    for (const sub of [...NileContextSubmenu.openStack]) {\n      if (sub === this) continue;\n      if (sub._parentLevel() === myLevel) sub.closeSubmenu();\n    }\n  }\n\n  private _parentLevel(): Element | null {\n    const item = this._parentItem;\n    if (!item) return null;\n    return item.parentElement?.closest('.nile-context-menu__menu') ?? null;\n  }\n\n  private _onMenuMouseOver = (e: MouseEvent): void => {\n    const item = e.composedPath().find(\n      n => n instanceof HTMLElement && n.tagName.toLowerCase() === ITEM_TAG\n    ) as NileContextMenuItem | undefined;\n    if (!item || item.disabled) return;\n    item.focus();\n  };\n\n  private _onNestedSelect = (e: CustomEvent): void => {\n    if (e.target === this) return;\n    if (e.detail?.type !== 'click') return;\n    this.emit('nile-change', e.detail);\n  };\n\n  private _onMenuClick = (e: MouseEvent): void => {\n    const item = e.composedPath().find(\n      n => n instanceof HTMLElement && n.tagName.toLowerCase() === ITEM_TAG\n    ) as NileContextMenuItem | undefined;\n    if (!item || item.disabled) return;\n    if (item.querySelector(`:scope > ${SUBMENU_TAG}`)) return;\n    const detail = {\n      id: item.id,\n      value: item.value,\n      name: (item.textContent ?? '').trim(),\n      target: null,\n      originalEvent: e,\n    };\n    try {\n      (item as unknown as { onSelect?: (d: typeof detail) => void }).onSelect?.(detail);\n    } catch (err) {\n      console.error('[nile-context-submenu] onSelect callback threw:', err);\n    }\n    this.emit('nile-change', { type: 'click', ...detail });\n  };\n\n  public render(): TemplateResult {\n    return html``;\n  }\n}\n\nexport default NileContextSubmenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-context-submenu': NileContextSubmenu;\n  }\n}\n"]}

package/dist/src/nile-status-light/index.d.ts

@@ -0,0 +1 @@
+export { NileStatusLight } from './nile-status-light';

package/dist/src/nile-status-light/index.js

@@ -0,0 +1,2 @@
+export { NileStatusLight } from './nile-status-light';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-status-light/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-status-light/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { NileStatusLight } from './nile-status-light';\n"]}

package/dist/src/nile-status-light/nile-status-light.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright Aquera Inc 2026
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-status-light/nile-status-light.css.js

@@ -0,0 +1,145 @@
+/**
+ * Copyright Aquera Inc 2026
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    -webkit-font-smoothing: var(
+      --nile-webkit-font-smoothing,
+      var(--ng-webkit-font-smoothing)
+    );
+    -moz-osx-font-smoothing: var(
+      --nile-moz-osx-font-smoothing,
+      var(--ng-moz-osx-font-smoothing)
+    );
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+    display: inline-block;
+  }
+
+  .status-light {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--nile-spacing-sm, var(--ng-spacing-2));
+    box-sizing: border-box;
+  }
+
+  .status-light__dot {
+    position: relative;
+    flex: none;
+    border-radius: var(--nile-radius-full, var(--ng-radius-full));
+    width: var(--nile-height-10px, var(--ng-height-10px));
+    height: var(--nile-height-10px, var(--ng-height-10px));
+    background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));
+  }
+
+  .status-light__label {
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
+    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));
+    letter-spacing: 0.2px;
+    color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-gray-900));
+  }
+
+  /* #region Sizes */
+
+  .status-light--small .status-light__dot {
+    width: var(--nile-height-8px, var(--ng-height-8px));
+    height: var(--nile-height-8px, var(--ng-height-8px));
+  }
+
+  .status-light--medium .status-light__dot {
+    width: var(--nile-height-10px, var(--ng-height-10px));
+    height: var(--nile-height-10px, var(--ng-height-10px));
+  }
+
+  .status-light--large .status-light__dot {
+    width: var(--nile-height-12px, var(--ng-height-12px));
+    height: var(--nile-height-12px, var(--ng-height-12px));
+  }
+
+  .status-light--x-large .status-light__dot {
+    width: var(--nile-height-14px, var(--ng-height-14px));
+    height: var(--nile-height-14px, var(--ng-height-14px));
+  }
+
+  .status-light--large .status-light__label,
+  .status-light--x-large .status-light__label {
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
+    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-md));
+  }
+
+ 
+
+  .status-light--positive .status-light__dot {
+    background: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));
+  }
+
+  .status-light--negative .status-light__dot {
+    background: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-500));
+  }
+
+  .status-light--notice .status-light__dot {
+    background: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));
+  }
+
+  .status-light--informative .status-light__dot {
+    background: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-blue-light-500));
+  }
+
+  .status-light--neutral .status-light__dot {
+    background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));
+  }
+
+  .status-light--inactive .status-light__dot {
+    background: var(--nile-colors-gray-light-mode-300, var(--ng-componentcolors-utility-gray-300));
+  }
+
+  .status-light--inactive .status-light__label {
+    color: var(--nile-colors-text-tertiary, var(--ng-componentcolors-utility-gray-500));
+  }
+
+  .status-light--disabled .status-light__dot {
+    background: var(--nile-colors-text-disabled, var(--ng-componentcolors-utility-gray-300));
+  }
+
+  .status-light--disabled .status-light__label {
+    color: var(--nile-colors-text-disabled, var(--ng-colors-text-disabled));
+  }
+
+ 
+
+  .status-light--pulse .status-light__dot::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background: inherit;
+    animation: status-light-pulse 1.5s ease-out infinite;
+  }
+
+  @keyframes status-light-pulse {
+    0% {
+      transform: scale(1);
+      opacity: 0.6;
+    }
+    100% {
+      transform: scale(2.5);
+      opacity: 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .status-light--pulse .status-light__dot::after {
+      animation: none;
+    }
+  }
+
+  /* #endregion */
+`;
+export default [styles];
+//# sourceMappingURL=nile-status-light.css.js.map

package/dist/src/nile-status-light/nile-status-light.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-status-light.css.js","sourceRoot":"","sources":["../../../src/nile-status-light/nile-status-light.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2026\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\nexport const styles = css`\n  :host {\n    -webkit-font-smoothing: var(\n      --nile-webkit-font-smoothing,\n      var(--ng-webkit-font-smoothing)\n    );\n    -moz-osx-font-smoothing: var(\n      --nile-moz-osx-font-smoothing,\n      var(--ng-moz-osx-font-smoothing)\n    );\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    display: inline-block;\n  }\n\n  .status-light {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-2));\n    box-sizing: border-box;\n  }\n\n  .status-light__dot {\n    position: relative;\n    flex: none;\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    width: var(--nile-height-10px, var(--ng-height-10px));\n    height: var(--nile-height-10px, var(--ng-height-10px));\n    background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n  }\n\n  .status-light__label {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-gray-900));\n  }\n\n  /* #region Sizes */\n\n  .status-light--small .status-light__dot {\n    width: var(--nile-height-8px, var(--ng-height-8px));\n    height: var(--nile-height-8px, var(--ng-height-8px));\n  }\n\n  .status-light--medium .status-light__dot {\n    width: var(--nile-height-10px, var(--ng-height-10px));\n    height: var(--nile-height-10px, var(--ng-height-10px));\n  }\n\n  .status-light--large .status-light__dot {\n    width: var(--nile-height-12px, var(--ng-height-12px));\n    height: var(--nile-height-12px, var(--ng-height-12px));\n  }\n\n  .status-light--x-large .status-light__dot {\n    width: var(--nile-height-14px, var(--ng-height-14px));\n    height: var(--nile-height-14px, var(--ng-height-14px));\n  }\n\n  .status-light--large .status-light__label,\n  .status-light--x-large .status-light__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-md));\n  }\n\n \n\n  .status-light--positive .status-light__dot {\n    background: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n  }\n\n  .status-light--negative .status-light__dot {\n    background: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-500));\n  }\n\n  .status-light--notice .status-light__dot {\n    background: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));\n  }\n\n  .status-light--informative .status-light__dot {\n    background: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-blue-light-500));\n  }\n\n  .status-light--neutral .status-light__dot {\n    background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n  }\n\n  .status-light--inactive .status-light__dot {\n    background: var(--nile-colors-gray-light-mode-300, var(--ng-componentcolors-utility-gray-300));\n  }\n\n  .status-light--inactive .status-light__label {\n    color: var(--nile-colors-text-tertiary, var(--ng-componentcolors-utility-gray-500));\n  }\n\n  .status-light--disabled .status-light__dot {\n    background: var(--nile-colors-text-disabled, var(--ng-componentcolors-utility-gray-300));\n  }\n\n  .status-light--disabled .status-light__label {\n    color: var(--nile-colors-text-disabled, var(--ng-colors-text-disabled));\n  }\n\n \n\n  .status-light--pulse .status-light__dot::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    background: inherit;\n    animation: status-light-pulse 1.5s ease-out infinite;\n  }\n\n  @keyframes status-light-pulse {\n    0% {\n      transform: scale(1);\n      opacity: 0.6;\n    }\n    100% {\n      transform: scale(2.5);\n      opacity: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .status-light--pulse .status-light__dot::after {\n      animation: none;\n    }\n  }\n\n  /* #endregion */\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-status-light/nile-status-light.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright Aquera Inc 2026
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+/**
+ * Nile status light component.
+ *
+ * @tag nile-status-light
+ *
+ * @summary Status lights describe the status of an object, using a colored dot
+ * alongside a text label (e.g. "Active", "Error", "Pending").
+ * @status experimental
+ *
+ * @slot - The status light's text label.
+ *
+ * @attr {boolean} pulse - Optional pulse animation for active statuses.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart indicator - The colored status dot.
+ * @csspart label - The status light's text label.
+ *
+ * @example
+ * <!-- Pulse animation for an active status -->
+ * <nile-status-light variant="positive" pulse>Active</nile-status-light>
+ *
+ * @example
+ * <!-- Disabled status light with muted colors -->
+ * <nile-status-light variant="positive" disabled>Inactive</nile-status-light>
+ */
+export declare class NileStatusLight extends NileElement {
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    /** The status light's color variant. */
+    variant: 'positive' | 'negative' | 'notice' | 'informative' | 'neutral' | 'inactive';
+    /** The status light's size. */
+    size: 'small' | 'medium' | 'large' | 'x-large';
+    /** Disables the status light, muting its colors. */
+    disabled: boolean;
+    /** Draws attention to an active status with a pulsing animation around the dot. */
+    pulse: boolean;
+    render(): TemplateResult;
+}
+export default NileStatusLight;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-status-light': NileStatusLight;
+    }
+}