@aquera/nile-elements 1.6.7 → 1.6.9

package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.js

@@ -6,42 +6,43 @@
 */
 import { css } from 'lit';
 /**
- * InlinesidebarItem CSS
+ * InlinesidebarItem CSS — Enterprise (`--nile-*`) primary, NxtGen (`--ng-*`) fallback.
  */
 export const styles = css `
 :host {
   display: block;
-  font-family: var(--nile-font-family-sans-serif);
-  font-size: var(--nile-type-scale-3);
-  color: var(--nile-colors-dark-900);
+  font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
+  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+  color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
   cursor: pointer;
   user-select: none;
 }
 
 .item {
-  padding: var(--nile-spacing-lg) var(--nile-spacing-md);
-  border-radius: var(--nile-radius-sm);
+  padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-md, var(--ng-spacing-md));
+  border-radius: var(--nile-radius-sm, var(--ng-radius-xs));
   transition: background 0.2s, color 0.2s;
 }
 
- 
 :host(:not([disabled])) .item:hover {
-  background: var(--nile-colors-neutral-400);
+  background: var(--nile-colors-neutral-400, var(--ng-colors-bg-tertiary));
 }
 
- 
 :host([active]) .item {
-  background: var(--nile-colors-primary-100);
-  font-weight: 500;
+  background: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));
+  font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
+  color: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700));
+}
+:host([active]) .item--rich {
+  border-right: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-brand));
 }
 
 :host([active]) .item:hover {
-  background: var(--nile-colors-primary-100);
+  background: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));
 }
 
- 
 :host([disabled]) {
-  color:   var(--nile-colors-neutral-500);  
+  color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
   cursor: not-allowed;
 }
 
@@ -63,8 +64,5 @@ a {
     color: inherit;
     text-decoration: none;
   }
-
- 
-
 `;
 //# sourceMappingURL=nile-inline-sidebar-item.css.js.map

package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-inline-sidebar-item.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DxB,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2025\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';\n\n/**\n * InlinesidebarItem CSS\n */\nexport const styles = css`\n:host {\n  display: block;\n  font-family: var(--nile-font-family-sans-serif);\n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  user-select: none;\n}\n\n.item {\n  padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s, color 0.2s;\n}\n\n \n:host(:not([disabled])) .item:hover {\n  background: var(--nile-colors-neutral-400);\n}\n\n \n:host([active]) .item {\n  background: var(--nile-colors-primary-100);\n  font-weight: 500;\n}\n\n:host([active]) .item:hover {\n  background: var(--nile-colors-primary-100);\n}\n\n \n:host([disabled]) {\n  color:   var(--nile-colors-neutral-500);  \n  cursor: not-allowed;\n}\n\n:host([disabled]) .item {\n  pointer-events: none;\n}\na {\n    color: inherit;\n    text-decoration: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  a:visited,\n  a:hover,\n  a:active,\n  a:focus {\n    color: inherit;\n    text-decoration: none;\n  }\n\n \n\n`;\n"]}
+{"version":3,"file":"nile-inline-sidebar-item.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDxB,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2025\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';\n\n/**\n * InlinesidebarItem CSS — Enterprise (`--nile-*`) primary, NxtGen (`--ng-*`) fallback.\n */\nexport const styles = css`\n:host {\n  display: block;\n  font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  cursor: pointer;\n  user-select: none;\n}\n\n.item {\n  padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-md, var(--ng-spacing-md));\n  border-radius: var(--nile-radius-sm, var(--ng-radius-xs));\n  transition: background 0.2s, color 0.2s;\n}\n\n:host(:not([disabled])) .item:hover {\n  background: var(--nile-colors-neutral-400, var(--ng-colors-bg-tertiary));\n}\n\n:host([active]) .item {\n  background: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));\n  font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n  color: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700));\n}\n:host([active]) .item--rich {\n  border-right: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-brand));\n}\n\n:host([active]) .item:hover {\n  background: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));\n}\n\n:host([disabled]) {\n  color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  cursor: not-allowed;\n}\n\n:host([disabled]) .item {\n  pointer-events: none;\n}\na {\n    color: inherit;\n    text-decoration: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  a:visited,\n  a:hover,\n  a:active,\n  a:focus {\n    color: inherit;\n    text-decoration: none;\n  }\n`;\n"]}

package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.d.ts

@@ -4,7 +4,7 @@
  * 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 { CSSResultArray, TemplateResult } from 'lit';
+import { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
  * Nile inline sidebar item.
@@ -25,7 +25,13 @@ export declare class NileInlineSidebarItem extends NileElement {
     disabled: boolean;
     href?: string;
     tooltip: boolean;
+    variant?: 'minimal' | 'rich';
+    /** Links this item to a `nile-inline-sidebar-panel` by matching its `name` property. */
+    panel?: string;
     static get styles(): CSSResultArray;
+    firstUpdated(changedProperties: PropertyValues): void;
+    updated(changedProperties: PropertyValues): void;
+    private syncBodyAndHeaderStates;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private _handleHostKeyDown;

package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js

@@ -9,6 +9,7 @@ import { html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { styles } from './nile-inline-sidebar-item.css';
 import NileElement from '../internal/nile-element';
+import { classMap } from 'lit/directives/class-map.js';
 /**
  * Nile inline sidebar item.
  *
@@ -29,6 +30,7 @@ let NileInlineSidebarItem = class NileInlineSidebarItem extends NileElement {
         this.active = false;
         this.disabled = false;
         this.tooltip = false;
+        this.variant = 'minimal';
         this._handleHostKeyDown = (e) => {
             if (e.key === 'Enter' || e.key === ' ') {
                 e.preventDefault();
@@ -39,6 +41,35 @@ let NileInlineSidebarItem = class NileInlineSidebarItem extends NileElement {
     static get styles() {
         return [styles];
     }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.syncBodyAndHeaderStates();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('disabled') || changedProperties.has('active')) {
+            this.syncBodyAndHeaderStates();
+        }
+    }
+    syncBodyAndHeaderStates() {
+        const elements = [
+            this.querySelector('[slot="body"]'),
+            this.querySelector('[slot="header"]')
+        ];
+        const props = {
+            disabled: this.disabled,
+            active: this.active
+        };
+        elements.forEach(el => {
+            if (!el)
+                return;
+            Object.entries(props).forEach(([key, value]) => {
+                if (key in el) {
+                    el[key] = value;
+                }
+            });
+        });
+    }
     connectedCallback() {
         super.connectedCallback();
         if (!this.hasAttribute('tabindex')) {
@@ -80,14 +111,36 @@ let NileInlineSidebarItem = class NileInlineSidebarItem extends NileElement {
     render() {
         return html `
       <div
-        class="item"
+        class=${classMap({ 'item': true, 'item--rich': this.variant === 'rich' })}
         @click=${this.handleClick}
         role="menuitem"
+        style=${this.variant === 'rich' ? 'border-radius: 0px;' : ''}
         aria-disabled=${this.disabled}
       >
-        ${this.href
-            ? html `<a href=${this.href} @click=${(e) => e.preventDefault()}><slot></slot></a>`
-            : html `<slot></slot>`}
+        ${this.variant === 'minimal'
+            ? this.href
+                ? html `<a href=${this.href} @click=${(e) => e.preventDefault()}><slot></slot></a>`
+                : html `<slot></slot>`
+            : this.href
+                ? html `<a
+                href=${this.href}
+                @click=${(e) => e.preventDefault()}
+              >
+                <div class="header-content" part="header-content">
+                  <slot name="header"></slot>
+                </div>
+                <div class="body-content" part="body-content">
+                  <slot name="body"></slot>
+                </div>
+              </a>`
+                : html `
+                <div class="header-content" part="header-content">
+                  <slot name="header"></slot>
+                </div>
+                <div class="body-content" part="body-content">
+                  <slot name="body"></slot>
+                </div>
+              `}
       </div>
     `;
     }
@@ -104,6 +157,12 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NileInlineSidebarItem.prototype, "tooltip", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
+], NileInlineSidebarItem.prototype, "variant", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileInlineSidebarItem.prototype, "panel", void 0);
 NileInlineSidebarItem = __decorate([
     customElement('nile-inline-sidebar-item')
 ], NileInlineSidebarItem);

package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-inline-sidebar-item.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar-item.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar item.\n *\n * @tag nile-inlinesidebar-item\n *\n * @attr active - Marks the item as active (selected).\n * @attr disabled - Marks the item as disabled (non-interactive).\n * @attr href - Optional URL to navigate to when the item is clicked.\n *\n * @slot - Default slot for the item text or content.\n *\n * @fires nile-select - Emitted when the item is clicked (not disabled).\n *   detail: { item: this, href?: string }\n */\n@customElement('nile-inline-sidebar-item')\nexport class NileInlineSidebarItem extends NileElement {\n  @property({ type: Boolean, reflect: true }) active = false;\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: String }) href?: string;\n  @property({ type: Boolean, reflect: true }) tooltip = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('tabindex')) {\n      this.setAttribute('tabindex', this.disabled ? '-1' : '0');\n    }\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n    this.addEventListener('keydown', this._handleHostKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._handleHostKeyDown);\n  }\n\n  private _handleHostKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this._select(e);\n    }\n  };\n\n  private _select(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n  \n    const parent = this.closest('nile-inline-sidebar');\n    if (parent) {\n      const allItems = parent.querySelectorAll('nile-inline-sidebar-item');\n      allItems.forEach((item) => (item as NileInlineSidebarItem).active = item === this);\n    }\n  \n    const text = this.textContent?.trim() || '';\n  \n    this.dispatchEvent(\n      new CustomEvent('nile-click', {\n        detail: { item: this, href: this.href, text },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  \n    if (this.href) {\n      window.location.href = this.href;\n    }\n  }\n\n  private handleClick(e: Event) {\n    this._select(e);\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=\"item\"\n        @click=${this.handleClick}\n        role=\"menuitem\"\n        aria-disabled=${this.disabled}\n      >\n        ${this.href\n          ? html`<a href=${this.href} @click=${(e: Event) => e.preventDefault()}><slot></slot></a>`\n          : html`<slot></slot>`}\n      </div>\n    `;\n  }\n}\n\nexport default NileInlineSidebarItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar-item': NileInlineSidebarItem;\n  }\n}\n"]}
+{"version":3,"file":"nile-inline-sidebar-item.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar-item.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile inline sidebar item.\n *\n * @tag nile-inlinesidebar-item\n *\n * @attr active - Marks the item as active (selected).\n * @attr disabled - Marks the item as disabled (non-interactive).\n * @attr href - Optional URL to navigate to when the item is clicked.\n *\n * @slot - Default slot for the item text or content.\n *\n * @fires nile-select - Emitted when the item is clicked (not disabled).\n *   detail: { item: this, href?: string }\n */\n@customElement('nile-inline-sidebar-item')\nexport class NileInlineSidebarItem extends NileElement {\n  @property({ type: Boolean, reflect: true }) active = false;\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: String }) href?: string;\n  @property({ type: Boolean, reflect: true }) tooltip = false;\n  @property({ type: String, reflect: true, attribute: true }) variant?: 'minimal' | 'rich' = 'minimal';\n\n  /** Links this item to a `nile-inline-sidebar-panel` by matching its `name` property. */\n  @property({ type: String, reflect: true }) panel?: string;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n\n  firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n    this.syncBodyAndHeaderStates();\n  }\n\n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    if (changedProperties.has('disabled') || changedProperties.has('active')) {\n      this.syncBodyAndHeaderStates();\n    }\n  }\n\n  private syncBodyAndHeaderStates() {\n    const elements = [\n      this.querySelector('[slot=\"body\"]'),\n      this.querySelector('[slot=\"header\"]')\n    ] as (HTMLElement | null)[];\n\n    const props = {\n      disabled: this.disabled,\n      active: this.active\n    };\n\n    elements.forEach(el => {\n      if (!el) return;\n\n      Object.entries(props).forEach(([key, value]) => {\n        if (key in el) {\n          (el as any)[key] = value;\n        }\n      });\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('tabindex')) {\n      this.setAttribute('tabindex', this.disabled ? '-1' : '0');\n    }\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n    this.addEventListener('keydown', this._handleHostKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._handleHostKeyDown);\n  }\n\n  private _handleHostKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this._select(e);\n    }\n  };\n\n  private _select(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    const parent = this.closest('nile-inline-sidebar');\n    if (parent) {\n      const allItems = parent.querySelectorAll('nile-inline-sidebar-item');\n      allItems.forEach((item) => (item as NileInlineSidebarItem).active = item === this);\n    }\n\n    const text = this.textContent?.trim() || '';\n\n    this.dispatchEvent(\n      new CustomEvent('nile-click', {\n        detail: { item: this, href: this.href, text },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n\n    if (this.href) {\n      window.location.href = this.href;\n    }\n  }\n\n  private handleClick(e: Event) {\n    this._select(e);\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({ 'item': true, 'item--rich': this.variant === 'rich' })}\n        @click=${this.handleClick}\n        role=\"menuitem\"\n        style=${this.variant === 'rich' ? 'border-radius: 0px;' : ''}\n        aria-disabled=${this.disabled}\n      >\n        ${this.variant === 'minimal'\n          ? this.href\n            ? html`<a href=${this.href} @click=${(e: Event) => e.preventDefault()}><slot></slot></a>`\n            : html`<slot></slot>`\n          : this.href\n            ? html`<a\n                href=${this.href}\n                @click=${(e: Event) => e.preventDefault()}\n              >\n                <div class=\"header-content\" part=\"header-content\">\n                  <slot name=\"header\"></slot>\n                </div>\n                <div class=\"body-content\" part=\"body-content\">\n                  <slot name=\"body\"></slot>\n                </div>\n              </a>`\n            : html`\n                <div class=\"header-content\" part=\"header-content\">\n                  <slot name=\"header\"></slot>\n                </div>\n                <div class=\"body-content\" part=\"body-content\">\n                  <slot name=\"body\"></slot>\n                </div>\n              `}\n      </div>\n    `;\n  }\n\n\n  \n}\n\nexport default NileInlineSidebarItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar-item': NileInlineSidebarItem;\n  }\n}\n"]}

package/dist/src/nile-inline-sidebar-item-body/index.d.ts

@@ -0,0 +1 @@
+export { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';

package/dist/src/nile-inline-sidebar-item-body/index.js

@@ -0,0 +1,2 @@
+export { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-inline-sidebar-item-body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item-body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';"]}

package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.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-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.js

@@ -0,0 +1,62 @@
+/**
+* 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 {
+		display: block;
+		min-width: 0;
+		font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
+	}
+	.item-body {
+		display: flex;
+		align-items: flex-start;
+		min-width: 0;
+		padding-top: var(--nile-spacing-xxsmall, var(--ng-spacing-xxs));
+	}
+	.body-content {
+		box-sizing: border-box;
+		min-width: 0;
+		flex: 1 1 0%;
+		max-width: 100%;
+		color: var(--nile-colors-dark-500, var(--ng-componentcolors-alpha-black-50));
+		font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+		font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+		line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));
+	}
+	.body-content nile-lite-tooltip {
+		display: block;
+		min-width: 0;
+		max-width: 100%;
+	}
+	.body-text {
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		word-break: break-word;
+		overflow-wrap: anywhere;
+		-webkit-line-clamp: var(--line-clamp);
+		line-clamp: var(--line-clamp);
+	}
+	/* Slotted block/paragraph nodes need the same clamp (slot composition) */
+	.body-text ::slotted(*) {
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		word-break: break-word;
+		overflow-wrap: anywhere;
+		-webkit-line-clamp: var(--line-clamp);
+		line-clamp: var(--line-clamp);
+		margin-block: 0;
+	}
+	:host([disabled]) .body-content {
+		color: var(--nile-colors-neutral-300, var(--ng-colors-text-disabled));
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-inline-sidebar-item-body.css.js.map

package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-item-body.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDxB,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';\n\nexport const styles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tmin-width: 0;\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t}\n\t.item-body {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tmin-width: 0;\n\t\tpadding-top: var(--nile-spacing-xxsmall, var(--ng-spacing-xxs));\n\t}\n\t.body-content {\n\t\tbox-sizing: border-box;\n\t\tmin-width: 0;\n\t\tflex: 1 1 0%;\n\t\tmax-width: 100%;\n\t\tcolor: var(--nile-colors-dark-500, var(--ng-componentcolors-alpha-black-50));\n\t\tfont-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\t\tfont-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n\t\tline-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n\t}\n\t.body-content nile-lite-tooltip {\n\t\tdisplay: block;\n\t\tmin-width: 0;\n\t\tmax-width: 100%;\n\t}\n\t.body-text {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tword-break: break-word;\n\t\toverflow-wrap: anywhere;\n\t\t-webkit-line-clamp: var(--line-clamp);\n\t\tline-clamp: var(--line-clamp);\n\t}\n\t/* Slotted block/paragraph nodes need the same clamp (slot composition) */\n\t.body-text ::slotted(*) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tword-break: break-word;\n\t\toverflow-wrap: anywhere;\n\t\t-webkit-line-clamp: var(--line-clamp);\n\t\tline-clamp: var(--line-clamp);\n\t\tmargin-block: 0;\n\t}\n\t:host([disabled]) .body-content {\n\t\tcolor: var(--nile-colors-neutral-300, var(--ng-colors-text-disabled));\n\t}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { CSSResultArray, TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile inline-sidebar-item-body component.
+ *
+ * @tag nile-inline-sidebar-item-body
+ *
+ */
+export declare class NileInlineSidebarItemBody extends NileElement {
+    /** Maximum number of visible lines before text is truncated with an ellipsis. */
+    lines: number;
+    content: string;
+    showTooltip: boolean;
+    private isTruncated;
+    private bodyContentEl;
+    disabled: boolean;
+    active: boolean;
+    private resizeObserver?;
+    /**
+     * The styles for nile-inline-sidebar-item-body
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private checkTruncation;
+    private get contentTemplate();
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileInlineSidebarItemBody;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-inline-sidebar-item-body': NileInlineSidebarItemBody;
+    }
+}

package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.js

@@ -0,0 +1,110 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property, state, query } from 'lit/decorators.js';
+import { styles } from './nile-inline-sidebar-item-body.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile inline-sidebar-item-body component.
+ *
+ * @tag nile-inline-sidebar-item-body
+ *
+ */
+let NileInlineSidebarItemBody = class NileInlineSidebarItemBody extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** Maximum number of visible lines before text is truncated with an ellipsis. */
+        this.lines = 2;
+        this.content = '';
+        this.showTooltip = false;
+        this.isTruncated = false;
+        this.disabled = false;
+        this.active = false;
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-inline-sidebar-item-body
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    firstUpdated() {
+        this.checkTruncation();
+        if (this.bodyContentEl) {
+            this.resizeObserver = new ResizeObserver(() => this.checkTruncation());
+            this.resizeObserver.observe(this.bodyContentEl);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.resizeObserver?.disconnect();
+    }
+    checkTruncation() {
+        if (this.bodyContentEl) {
+            const truncated = this.bodyContentEl.scrollHeight > this.bodyContentEl.clientHeight;
+            if (truncated !== this.isTruncated) {
+                this.isTruncated = truncated;
+            }
+        }
+    }
+    get contentTemplate() {
+        const body = html `<div class="body-text" part="body-text">${this.content}</div>`;
+        return this.isTruncated && this.showTooltip
+            ? html `<nile-lite-tooltip content=${this.content} hoist>${body}</nile-lite-tooltip>`
+            : body;
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+		<div class="item-body" part="item-body">
+		<div class="prefix-content" part="prefix-content">
+			<slot name="prefix"></slot>
+		</div>
+		<div class="body-content" part="body-content" style="--line-clamp: ${this.lines ? this.lines : 2}">
+			${this.content ? this.contentTemplate : html `<div class="body-text" part="body-text"><slot></slot></div>`}
+		</div>
+		<div class="suffix-content" part="suffix-content">
+			<slot name="suffix"></slot>
+		</div>
+		</div>
+			`;
+    }
+};
+__decorate([
+    property({ type: Number, reflect: true })
+], NileInlineSidebarItemBody.prototype, "lines", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileInlineSidebarItemBody.prototype, "content", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileInlineSidebarItemBody.prototype, "showTooltip", void 0);
+__decorate([
+    state()
+], NileInlineSidebarItemBody.prototype, "isTruncated", void 0);
+__decorate([
+    query('.body-content')
+], NileInlineSidebarItemBody.prototype, "bodyContentEl", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileInlineSidebarItemBody.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileInlineSidebarItemBody.prototype, "active", void 0);
+NileInlineSidebarItemBody = __decorate([
+    customElement('nile-inline-sidebar-item-body')
+], NileInlineSidebarItemBody);
+export { NileInlineSidebarItemBody };
+export default NileInlineSidebarItemBody;
+//# sourceMappingURL=nile-inline-sidebar-item-body.js.map

package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-item-body.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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} from 'lit';\nimport { customElement, property, state, query} from 'lit/decorators.js';\nimport {styles} from './nile-inline-sidebar-item-body.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile inline-sidebar-item-body component.\n *\n * @tag nile-inline-sidebar-item-body\n *\n */\n@customElement('nile-inline-sidebar-item-body')\nexport class NileInlineSidebarItemBody extends NileElement {\n\n\t/** Maximum number of visible lines before text is truncated with an ellipsis. */\n\t@property({ type: Number, reflect: true }) lines: number = 2;\n\n\t@property({ type: String, reflect: true }) content: string = '';\n\n\t@property({ type: Boolean, reflect: true }) showTooltip: boolean = false;\n\n\t@state() private isTruncated = false;\n\n\t@query('.body-content') private bodyContentEl!: HTMLElement;\n\n\t@property({ type: Boolean, reflect: true, attribute: true }) disabled: boolean = false;\n\t@property({ type: Boolean, reflect: true, attribute: true }) active: boolean = false;\n\n\tprivate resizeObserver?: ResizeObserver;\n\n\t/**\n\t * The styles for nile-inline-sidebar-item-body\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\tfirstUpdated() {\n\t\tthis.checkTruncation();\n\t\tif (this.bodyContentEl) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => this.checkTruncation());\n\t\t\tthis.resizeObserver.observe(this.bodyContentEl);\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tthis.resizeObserver?.disconnect();\n\t}\n\n\tprivate checkTruncation() {\n\t\tif (this.bodyContentEl) {\n\t\t\tconst truncated = this.bodyContentEl.scrollHeight > this.bodyContentEl.clientHeight;\n\t\t\tif (truncated !== this.isTruncated) {\n\t\t\t\tthis.isTruncated = truncated;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate get contentTemplate(): TemplateResult {\n\t\tconst body = html`<div class=\"body-text\" part=\"body-text\">${this.content}</div>`;\n\n\t\treturn this.isTruncated && this.showTooltip\n\t\t\t? html`<nile-lite-tooltip content=${this.content} hoist>${body}</nile-lite-tooltip>`\n\t\t\t: body;\n\t}\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t<div class=\"item-body\" part=\"item-body\">\n\t\t<div class=\"prefix-content\" part=\"prefix-content\">\n\t\t\t<slot name=\"prefix\"></slot>\n\t\t</div>\n\t\t<div class=\"body-content\" part=\"body-content\" style=\"--line-clamp: ${this.lines? this.lines : 2}\">\n\t\t\t${this.content ? this.contentTemplate : html`<div class=\"body-text\" part=\"body-text\"><slot></slot></div>`}\n\t\t</div>\n\t\t<div class=\"suffix-content\" part=\"suffix-content\">\n\t\t\t<slot name=\"suffix\"></slot>\n\t\t</div>\n\t\t</div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileInlineSidebarItemBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar-item-body': NileInlineSidebarItemBody;\n  }\n}"]}

package/dist/src/nile-inline-sidebar-item-header/index.d.ts

@@ -0,0 +1 @@
+export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';

package/dist/src/nile-inline-sidebar-item-header/index.js

@@ -0,0 +1,2 @@
+export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-inline-sidebar-item-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC","sourcesContent":["export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';"]}

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.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-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.js

@@ -0,0 +1,36 @@
+/**
+* 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 {
+		font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
+	}
+	.item-header {
+		display: flex;
+		gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
+		width: 100%;
+		height: 100%;
+		align-items: center;
+	}
+	.item-header .body-content .header-text {
+		display: block;
+		font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));
+		font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
+		line-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));
+		color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+	}
+	:host([active]) .item-header .body-content .header-text {
+		font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
+		color: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700));
+	}
+
+	:host([disabled]) .item-header .body-content .header-text {
+		color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-inline-sidebar-item-header.css.js.map

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-item-header.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BxB,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';\n\nexport const styles = css`\n\t:host {\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t}\n\t.item-header {\n\t\tdisplay: flex;\n\t\tgap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t}\n\t.item-header .body-content .header-text {\n\t\tdisplay: block;\n\t\tfont-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n\t\tfont-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n\t\tline-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));\n\t\tcolor: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n\t}\n\t:host([active]) .item-header .body-content .header-text {\n\t\tfont-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n\t\tcolor: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700));\n\t}\n\n\t:host([disabled]) .item-header .body-content .header-text {\n\t\tcolor: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n\t}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { CSSResultArray, TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile inline-sidebar-item-header component.
+ *
+ * @tag nile-inline-sidebar-item-header
+ *
+ */
+export declare class NileInlineSidebarItemHeader extends NileElement {
+    active: boolean;
+    disabled: boolean;
+    /**
+     * The styles for nile-inline-sidebar-item-header
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileInlineSidebarItemHeader;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-inline-sidebar-item-header': NileInlineSidebarItemHeader;
+    }
+}