@aquera/nile-elements 1.1.5-beta-1.1 → 1.1.5

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

@@ -1,80 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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 } from 'lit/decorators.js';
-import { styles } from './nile-inline-sidebar-item.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile inline sidebar item.
- *
- * @tag nile-inlinesidebar-item
- *
- * @attr active - Marks the item as active (selected).
- * @attr disabled - Marks the item as disabled (non-interactive).
- * @attr href - Optional URL to navigate to when the item is clicked.
- *
- * @slot - Default slot for the item text or content.
- *
- * @fires nile-select - Emitted when the item is clicked (not disabled).
- *   detail: { item: this, href?: string }
- */
-let NileInlineSidebarItem = class NileInlineSidebarItem extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.active = false;
-        this.disabled = false;
-    }
-    static get styles() {
-        return [styles];
-    }
-    handleClick(e) {
-        if (this.disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        const parent = this.closest('nile-inline-sidebar');
-        if (parent) {
-            const allItems = parent.querySelectorAll('nile-inline-sidebar-item');
-            allItems.forEach((item) => item.active = item === this);
-        }
-        const text = this.textContent?.trim() || '';
-        this.dispatchEvent(new CustomEvent('nile-select', {
-            detail: { item: this, href: this.href, text },
-            bubbles: true,
-            composed: true,
-        }));
-        if (this.href) {
-            window.location.href = this.href;
-        }
-    }
-    render() {
-        return html `
-      <div class="item" @click=${this.handleClick} role="button" tabindex="0">
-        ${this.href
-            ? html `<a href=${this.href} @click=${(e) => e.preventDefault()}><slot></slot></a>`
-            : html `<slot></slot>`}
-      </div>
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileInlineSidebarItem.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileInlineSidebarItem.prototype, "disabled", void 0);
-__decorate([
-    property({ type: String })
-], NileInlineSidebarItem.prototype, "href", void 0);
-NileInlineSidebarItem = __decorate([
-    customElement('nile-inline-sidebar-item')
-], NileInlineSidebarItem);
-export { NileInlineSidebarItem };
-export default NileInlineSidebarItem;
-//# sourceMappingURL=nile-inline-sidebar-item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-inline-sidebar-item.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;;;;GAaG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,WAAW;IAA/C;;QACuC,WAAM,GAAG,KAAK,CAAC;QACf,aAAQ,GAAG,KAAK,CAAC;IA6C/D,CAAC;IA1CQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEO,WAAW,CAAC,CAAQ;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACnD,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;YACrE,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAE,IAA8B,CAAC,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC;QACrF,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAE5C,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE;YAC7C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;QAEF,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACnC,CAAC;IACH,CAAC;IAGM,MAAM;QACX,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,WAAW;UACvC,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA,WAAW,IAAI,CAAC,IAAI,WAAW,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,oBAAoB;YACzF,CAAC,CAAC,IAAI,CAAA,eAAe;;KAE1B,CAAC;IACJ,CAAC;CACF,CAAA;AA9C6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAgB;AACf;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAAkB;AACjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAe;AAH/B,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CA+CjC;;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private handleClick(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-select', {\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\n  public render(): TemplateResult {\n    return html`\n      <div class=\"item\" @click=${this.handleClick} role=\"button\" tabindex=\"0\">\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"]}

package/dist/src/nile-inlinesidebar/index.d.ts

@@ -1 +0,0 @@
-export { NileInlinesidebar } from './nile-inlinesidebar';

package/dist/src/nile-inlinesidebar/index.js

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

package/dist/src/nile-inlinesidebar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inlinesidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { NileInlinesidebar } from './nile-inlinesidebar';"]}

package/dist/src/nile-inlinesidebar/nile-inlinesidebar.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/dist/src/nile-inlinesidebar/nile-inlinesidebar.css.js

@@ -1,64 +0,0 @@
-import { css } from 'lit';
-export const styles = css `
-:host {
-  display: block;
-  height: 100%;
-}
-
-/* Sidebar container */
-.sidebar {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: white;
-
-  border-right: 1px solid var(--nile-colors-neutral-400);
-  transition: width 0.3s ease;
-  position: relative;  
-}
-
-/* Toggle button pinned to sidebar border */
-.toggle-btn {
-  position: absolute;
-  top: 20px;
-  right: -14px;  
-  z-index: 10;
-}
-
-nile-button.toggle-btn::part(base) {
-  width: 30px;
-  height: 30px;
-}
-
-/* Expanded */
-:host(:not([collapsed])) .sidebar {
-  width: 216px;
-}
-
-/* Collapsed */
-:host([collapsed]) .sidebar {
-  width: 0px;
-}
-
-/* Hide nav when collapsed */
-:host([collapsed]) .sidebar-nav {
-  display: none;
-}
-
-/* Header section */
-.sidebar-header {
-  display: flex;
-  justify-content: flex-end;
-}
-
-/* Navigation links */
-.sidebar-nav {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nile-spacing-xs);
- padding-right: 16px;
- padding-top: 20px;
- padding-bottom: 20px;
-}
-`;
-//# sourceMappingURL=nile-inlinesidebar.css.js.map

package/dist/src/nile-inlinesidebar/nile-inlinesidebar.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-inlinesidebar.css.js","sourceRoot":"","sources":["../../../src/nile-inlinesidebar/nile-inlinesidebar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n:host {\n  display: block;\n  height: 100%;\n}\n\n/* Sidebar container */\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: white;\n\n  border-right: 1px solid var(--nile-colors-neutral-400);\n  transition: width 0.3s ease;\n  position: relative;  \n}\n\n/* Toggle button pinned to sidebar border */\n.toggle-btn {\n  position: absolute;\n  top: 20px;\n  right: -14px;  \n  z-index: 10;\n}\n\nnile-button.toggle-btn::part(base) {\n  width: 30px;\n  height: 30px;\n}\n\n/* Expanded */\n:host(:not([collapsed])) .sidebar {\n  width: 216px;\n}\n\n/* Collapsed */\n:host([collapsed]) .sidebar {\n  width: 0px;\n}\n\n/* Hide nav when collapsed */\n:host([collapsed]) .sidebar-nav {\n  display: none;\n}\n\n/* Header section */\n.sidebar-header {\n  display: flex;\n  justify-content: flex-end;\n}\n\n/* Navigation links */\n.sidebar-nav {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs);\n padding-right: 16px;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n`;\n"]}

package/dist/src/nile-inlinesidebar/nile-inlinesidebar.d.ts

@@ -1,28 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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 component.
- *
- * @tag nile-inlinesidebar
- */
-export declare class NileInlinesidebar extends NileElement {
-    /**
-     * Whether sidebar is collapsed
-     */
-    collapsed: boolean;
-    static get styles(): CSSResultArray;
-    private toggleCollapse;
-    render(): TemplateResult;
-}
-export default NileInlinesidebar;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-inlinesidebar': NileInlinesidebar;
-    }
-}

package/dist/src/nile-inlinesidebar/nile-inlinesidebar.js

@@ -1,97 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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 } from 'lit/decorators.js';
-import { styles } from './nile-inlinesidebar.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile inline sidebar component.
- *
- * @tag nile-inlinesidebar
- */
-let NileInlinesidebar = class NileInlinesidebar extends NileElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Whether sidebar is collapsed
-         */
-        this.collapsed = false;
-    }
-    static get styles() {
-        return [styles];
-    }
-    toggleCollapse() {
-        this.collapsed = !this.collapsed;
-        this.dispatchEvent(new CustomEvent('nile-toggle', {
-            detail: { collapsed: this.collapsed },
-            bubbles: true,
-            composed: true
-        }));
-    }
-    render() {
-        return html `
-	  <div class="sidebar">
-		<div class="sidebar-header">
-		  ${this.collapsed
-            ? html `
-				<!-- Collapsed: button both toggles + acts as dropdown trigger -->
-				<nile-side-bar-action 
-				  class="toggle-action" 
-				  placement="bottom-start"
-				  hoist 
-				  triggerDropdown="hover"
-				>
-				  <!-- Trigger = nile-button -->
-				  <nile-button 
-					slot="trigger" 
-					class="toggle-btn" 
-					variant="tertiary"
-					@click=${this.toggleCollapse}
-				  >
-					<nile-icon name="menu_open"></nile-icon>
-				  </nile-button>
-  
-				  <!-- Dropdown menu with items -->
-				  <nile-side-bar-action-menu open>
-					<nile-side-bar-action-menu-item>Basic Details</nile-side-bar-action-menu-item>
-					<nile-side-bar-action-menu-item>Creation Email Details</nile-side-bar-action-menu-item>
-					<nile-side-bar-action-menu-item>Deactivation Email Details</nile-side-bar-action-menu-item>
-					<nile-side-bar-action-menu-item>Advanced Details</nile-side-bar-action-menu-item>
-					<nile-side-bar-action-menu-item disabled>Admin Email Options</nile-side-bar-action-menu-item>
-				  </nile-side-bar-action-menu>
-				</nile-side-bar-action>
-			  `
-            : html `
-				<!-- Expanded: normal collapse toggle -->
-				<nile-button class="toggle-btn" variant="tertiary" @click=${this.toggleCollapse}>
-				  <nile-icon name="menu_close"></nile-icon>
-				</nile-button>
-			  `}
-		</div>
-  
-		<!-- Expanded nav -->
-		${this.collapsed
-            ? null
-            : html `
-			  <nav class="sidebar-nav">
-				<slot></slot>
-			  </nav>
-			`}
-	  </div>
-	`;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileInlinesidebar.prototype, "collapsed", void 0);
-NileInlinesidebar = __decorate([
-    customElement('nile-inlinesidebar')
-], NileInlinesidebar);
-export { NileInlinesidebar };
-export default NileInlinesidebar;
-//# sourceMappingURL=nile-inlinesidebar.js.map

package/dist/src/nile-inlinesidebar/nile-inlinesidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-inlinesidebar.js","sourceRoot":"","sources":["../../../src/nile-inlinesidebar/nile-inlinesidebar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;GAIG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QACL;;WAEG;QACyC,cAAS,GAAG,KAAK,CAAC;IAyEhE,CAAC;IAvEQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;YAChD,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;YACrC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAEM,MAAM;QACd,OAAO,IAAI,CAAA;;;MAGN,IAAI,CAAC,SAAS;YACjB,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;cAaK,IAAI,CAAC,cAAc;;;;;;;;;;;;;;MAc3B;YACH,CAAC,CAAC,IAAI,CAAA;;gEAEuD,IAAI,CAAC,cAAc;;;MAG7E;;;;IAIF,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI,CAAA;;;;IAIN;;EAEF,CAAC;IACD,CAAC;CAOF,CAAA;AAzE6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAmB;AAJnD,iBAAiB;IAD7B,aAAa,CAAC,oBAAoB,CAAC;GACvB,iBAAiB,CA6E7B;;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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 { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inlinesidebar.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar component.\n *\n * @tag nile-inlinesidebar\n */\n@customElement('nile-inlinesidebar')\nexport class NileInlinesidebar extends NileElement {\n  /**\n   * Whether sidebar is collapsed\n   */\n  @property({ type: Boolean, reflect: true }) collapsed = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private toggleCollapse() {\n    this.collapsed = !this.collapsed;\n    this.dispatchEvent(new CustomEvent('nile-toggle', {\n      detail: { collapsed: this.collapsed },\n      bubbles: true,\n      composed: true\n    }));\n  }\n\n  public render(): TemplateResult {\n\treturn html`\n\t  <div class=\"sidebar\">\n\t\t<div class=\"sidebar-header\">\n\t\t  ${this.collapsed\n\t\t\t? html`\n\t\t\t\t<!-- Collapsed: button both toggles + acts as dropdown trigger -->\n\t\t\t\t<nile-side-bar-action \n\t\t\t\t  class=\"toggle-action\" \n\t\t\t\t  placement=\"bottom-start\"\n\t\t\t\t  hoist \n\t\t\t\t  triggerDropdown=\"hover\"\n\t\t\t\t>\n\t\t\t\t  <!-- Trigger = nile-button -->\n\t\t\t\t  <nile-button \n\t\t\t\t\tslot=\"trigger\" \n\t\t\t\t\tclass=\"toggle-btn\" \n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t@click=${this.toggleCollapse}\n\t\t\t\t  >\n\t\t\t\t\t<nile-icon name=\"menu_open\"></nile-icon>\n\t\t\t\t  </nile-button>\n  \n\t\t\t\t  <!-- Dropdown menu with items -->\n\t\t\t\t  <nile-side-bar-action-menu open>\n\t\t\t\t\t<nile-side-bar-action-menu-item>Basic Details</nile-side-bar-action-menu-item>\n\t\t\t\t\t<nile-side-bar-action-menu-item>Creation Email Details</nile-side-bar-action-menu-item>\n\t\t\t\t\t<nile-side-bar-action-menu-item>Deactivation Email Details</nile-side-bar-action-menu-item>\n\t\t\t\t\t<nile-side-bar-action-menu-item>Advanced Details</nile-side-bar-action-menu-item>\n\t\t\t\t\t<nile-side-bar-action-menu-item disabled>Admin Email Options</nile-side-bar-action-menu-item>\n\t\t\t\t  </nile-side-bar-action-menu>\n\t\t\t\t</nile-side-bar-action>\n\t\t\t  `\n\t\t\t: html`\n\t\t\t\t<!-- Expanded: normal collapse toggle -->\n\t\t\t\t<nile-button class=\"toggle-btn\" variant=\"tertiary\" @click=${this.toggleCollapse}>\n\t\t\t\t  <nile-icon name=\"menu_close\"></nile-icon>\n\t\t\t\t</nile-button>\n\t\t\t  `}\n\t\t</div>\n  \n\t\t<!-- Expanded nav -->\n\t\t${this.collapsed\n\t\t  ? null\n\t\t  : html`\n\t\t\t  <nav class=\"sidebar-nav\">\n\t\t\t\t<slot></slot>\n\t\t\t  </nav>\n\t\t\t`}\n\t  </div>\n\t`;\n  }\n  \n  \n  \n  \n  \n  \n}\n\nexport default NileInlinesidebar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inlinesidebar': NileInlinesidebar;\n  }\n}\n"]}

package/dist/src/nile-inlinesidebar-group/index.d.ts

@@ -1 +0,0 @@
-export { NileInlinesidebarGroup } from './nile-inlinesidebar-group';

package/dist/src/nile-inlinesidebar-group/index.js

@@ -1,2 +0,0 @@
-export { NileInlinesidebarGroup } from './nile-inlinesidebar-group';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-inlinesidebar-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inlinesidebar-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { NileInlinesidebarGroup } from './nile-inlinesidebar-group';"]}

package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.css.d.ts

@@ -1,3 +0,0 @@
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.css.js

@@ -1,36 +0,0 @@
-import { css } from 'lit';
-export const styles = css `
-:host {
-  display: block;
-}
-
-.group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-/* Remove divider if divider=false */
-:host([divider="false"]) .group {
-  border-bottom: none;
-  margin-bottom: 0;
-  padding-bottom: 0;
-}
-
-.group-label {
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  color: var(--nile-color-muted, #6b7280);
-  margin: 0.25rem 0 0.25rem 0.5rem;
-  letter-spacing: 0.05em;
-}
-
-.group-items {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-`;
-export default [styles];
-//# sourceMappingURL=nile-inlinesidebar-group.css.js.map

package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-inlinesidebar-group.css.js","sourceRoot":"","sources":["../../../src/nile-inlinesidebar-group/nile-inlinesidebar-group.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n:host {\n  display: block;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n\n/* Remove divider if divider=false */\n:host([divider=\"false\"]) .group {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n\n.group-label {\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: var(--nile-color-muted, #6b7280);\n  margin: 0.25rem 0 0.25rem 0.5rem;\n  letter-spacing: 0.05em;\n}\n\n.group-items {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.d.ts

@@ -1,34 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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 group.
- *
- * @tag nile-inlinesidebar-group
- *
- * @attr label - Optional group label
- * @attr divider - Whether to show a divider below the group (default: true)
- *
- * @slot - Inline sidebar items
- * @slot label - Optional label/header for the group
- */
-export declare class NileInlinesidebarGroup extends NileElement {
-    /** Optional label text */
-    label: string;
-    /** Whether to show divider below group */
-    divider: boolean;
-    static get styles(): CSSResultArray;
-    render(): TemplateResult;
-    private hasLabelSlot;
-}
-export default NileInlinesidebarGroup;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-inlinesidebar-group': NileInlinesidebarGroup;
-    }
-}

package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.js

@@ -1,67 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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 } from 'lit/decorators.js';
-import { styles } from './nile-inlinesidebar-group.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile inline sidebar group.
- *
- * @tag nile-inlinesidebar-group
- *
- * @attr label - Optional group label
- * @attr divider - Whether to show a divider below the group (default: true)
- *
- * @slot - Inline sidebar items
- * @slot label - Optional label/header for the group
- */
-let NileInlinesidebarGroup = class NileInlinesidebarGroup extends NileElement {
-    constructor() {
-        super(...arguments);
-        /** Optional label text */
-        this.label = '';
-        /** Whether to show divider below group */
-        this.divider = false;
-    }
-    static get styles() {
-        return [styles];
-    }
-    render() {
-        return html `
-      <div class="group">
-        ${this.label || this.hasLabelSlot()
-            ? html `
-              <div class="group-label">
-                <slot name="label">${this.label}</slot>
-              </div>
-            `
-            : null}
-        <div class="group-items">
-          <slot></slot>
-        </div>
-      </div>
-    `;
-    }
-    hasLabelSlot() {
-        // check if a slot is provided for label
-        const slot = this.shadowRoot?.querySelector('slot[name="label"]');
-        return !!slot;
-    }
-};
-__decorate([
-    property({ type: String })
-], NileInlinesidebarGroup.prototype, "label", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileInlinesidebarGroup.prototype, "divider", void 0);
-NileInlinesidebarGroup = __decorate([
-    customElement('nile-inlinesidebar-group')
-], NileInlinesidebarGroup);
-export { NileInlinesidebarGroup };
-export default NileInlinesidebarGroup;
-//# sourceMappingURL=nile-inlinesidebar-group.js.map

package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-inlinesidebar-group.js","sourceRoot":"","sources":["../../../src/nile-inlinesidebar-group/nile-inlinesidebar-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;GAUG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,WAAW;IAAhD;;QACL,0BAA0B;QACE,UAAK,GAAW,EAAE,CAAC;QAE/C,0CAA0C;QACE,YAAO,GAAY,KAAK,CAAC;IA4BvE,CAAC;IA1BQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,EAAE;YACjC,CAAC,CAAC,IAAI,CAAA;;qCAEqB,IAAI,CAAC,KAAK;;aAElC;YACH,CAAC,CAAC,IAAI;;;;;KAKX,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,wCAAwC;QACxC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAClE,OAAO,CAAC,CAAC,IAAI,CAAC;IAChB,CAAC;CACF,CAAA;AA/B6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAoB;AAGH;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAA0B;AAL1D,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAiClC;;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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-inlinesidebar-group.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar group.\n *\n * @tag nile-inlinesidebar-group\n *\n * @attr label - Optional group label\n * @attr divider - Whether to show a divider below the group (default: true)\n *\n * @slot - Inline sidebar items\n * @slot label - Optional label/header for the group\n */\n@customElement('nile-inlinesidebar-group')\nexport class NileInlinesidebarGroup extends NileElement {\n  /** Optional label text */\n  @property({ type: String }) label: string = '';\n\n  /** Whether to show divider below group */\n  @property({ type: Boolean, reflect: true }) divider: boolean = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"group\">\n        ${this.label || this.hasLabelSlot()\n          ? html`\n              <div class=\"group-label\">\n                <slot name=\"label\">${this.label}</slot>\n              </div>\n            `\n          : null}\n        <div class=\"group-items\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private hasLabelSlot(): boolean {\n    // check if a slot is provided for label\n    const slot = this.shadowRoot?.querySelector('slot[name=\"label\"]');\n    return !!slot;\n  }\n}\n\nexport default NileInlinesidebarGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inlinesidebar-group': NileInlinesidebarGroup;\n  }\n}\n"]}

package/dist/src/nile-inlinesidebar-item/index.d.ts

@@ -1 +0,0 @@
-export { NileInlinesidebarItem } from './nile-inlinesidebar-item';

package/dist/src/nile-inlinesidebar-item/index.js

@@ -1,2 +0,0 @@
-export { NileInlinesidebarItem } from './nile-inlinesidebar-item';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-inlinesidebar-item/index.js.map

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

package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.css.d.ts

@@ -1,4 +0,0 @@
-/**
- * InlinesidebarItem CSS
- */
-export declare const styles: import("lit").CSSResult;

package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.css.js

@@ -1,42 +0,0 @@
-import { css } from 'lit';
-/**
- * InlinesidebarItem CSS
- */
-export const styles = css `
-:host {
-  display: block;
-  font-family: var(--nile-font-family, sans-serif);
-  font-size: var(--nile-font-size, 14px);
-  color: var(--nile-color-text, #111827);
-  cursor: pointer;
-  user-select: none;
-}
-
-.item {
-  padding: 12px 8px;
-  border-radius: 4px;
-  transition: background 0.2s, color 0.2s;
-}
-
-/* Hover state */
-:host(:not([disabled])) .item:hover {
-  background: var(--nile-color-hover, #f3f4f6);
-}
-
-/* Active state */
-:host([active]) .item {
-  background: var(--nile-color-active-bg, #e5f0ff);
-  font-weight: 500;
-}
-
-/* Disabled state */
-:host([disabled]) {
-  color: var(--nile-color-disabled-text, #9ca3af);
-  cursor: not-allowed;
-}
-
-:host([disabled]) .item {
-  pointer-events: none;
-}
-`;
-//# sourceMappingURL=nile-inlinesidebar-item.css.js.map

package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-inlinesidebar-item.css.js","sourceRoot":"","sources":["../../../src/nile-inlinesidebar-item/nile-inlinesidebar-item.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxB,CAAC","sourcesContent":["import { 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-font-size, 14px);\n  color: var(--nile-color-text, #111827);\n  cursor: pointer;\n  user-select: none;\n}\n\n.item {\n  padding: 12px 8px;\n  border-radius: 4px;\n  transition: background 0.2s, color 0.2s;\n}\n\n/* Hover state */\n:host(:not([disabled])) .item:hover {\n  background: var(--nile-color-hover, #f3f4f6);\n}\n\n/* Active state */\n:host([active]) .item {\n  background: var(--nile-color-active-bg, #e5f0ff);\n  font-weight: 500;\n}\n\n/* Disabled state */\n:host([disabled]) {\n  color: var(--nile-color-disabled-text, #9ca3af);\n  cursor: not-allowed;\n}\n\n:host([disabled]) .item {\n  pointer-events: none;\n}\n`;\n"]}

package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.d.ts

@@ -1,37 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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.
- *
- * @tag nile-inlinesidebar-item
- *
- * @attr active - Marks the item as active (selected).
- * @attr disabled - Marks the item as disabled (non-interactive).
- *
- * @slot - Default slot for the item text or content.
- */
-export declare class NileInlinesidebarItem extends NileElement {
-    /**
-     * Whether the item is active (selected).
-     */
-    active: boolean;
-    /**
-     * Whether the item is disabled.
-     */
-    disabled: boolean;
-    static get styles(): CSSResultArray;
-    private handleClick;
-    render(): TemplateResult;
-}
-export default NileInlinesidebarItem;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-inlinesidebar-item': NileInlinesidebarItem;
-    }
-}

package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.js

@@ -1,68 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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 } from 'lit/decorators.js';
-import { styles } from './nile-inlinesidebar-item.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile inline sidebar item.
- *
- * @tag nile-inlinesidebar-item
- *
- * @attr active - Marks the item as active (selected).
- * @attr disabled - Marks the item as disabled (non-interactive).
- *
- * @slot - Default slot for the item text or content.
- */
-let NileInlinesidebarItem = class NileInlinesidebarItem extends NileElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Whether the item is active (selected).
-         */
-        this.active = false;
-        /**
-         * Whether the item is disabled.
-         */
-        this.disabled = false;
-    }
-    static get styles() {
-        return [styles];
-    }
-    handleClick(e) {
-        if (this.disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        this.dispatchEvent(new CustomEvent('nile-inlinesidebar-item-select', {
-            detail: { item: this },
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    render() {
-        return html `
-      <div class="item" @click=${this.handleClick}>
-        <slot></slot>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileInlinesidebarItem.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileInlinesidebarItem.prototype, "disabled", void 0);
-NileInlinesidebarItem = __decorate([
-    customElement('nile-inlinesidebar-item')
-], NileInlinesidebarItem);
-export { NileInlinesidebarItem };
-export default NileInlinesidebarItem;
-//# sourceMappingURL=nile-inlinesidebar-item.js.map