@jsekulowicz/ds-components 0.1.0

package/dist/organisms/footer/index.d.ts

@@ -0,0 +1,2 @@
+export { DsFooter } from './footer.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/organisms/footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/organisms/footer/index.js

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

package/dist/organisms/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/organisms/form/define.d.ts

@@ -0,0 +1,7 @@
+import { DsForm } from './form.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-form': DsForm;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/organisms/form/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/organisms/form/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAMnC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/organisms/form/define.js

@@ -0,0 +1,5 @@
+import { DsForm } from './form.js';
+if (!customElements.get('ds-form')) {
+    customElements.define('ds-form', DsForm);
+}
+//# sourceMappingURL=define.js.map

package/dist/organisms/form/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/organisms/form/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC3C,CAAC"}

package/dist/organisms/form/form.d.ts

@@ -0,0 +1,20 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-form
+ * @summary Layout + behavior shell for native <form> submission with slotted ds-field content.
+ * @slot default - ds-field or raw fieldset markup.
+ * @slot actions - Submit / cancel button row.
+ * @event ds-submit - Fires on successful form submit with FormData detail.
+ * @event ds-invalid - Fires when submit is prevented by invalid fields.
+ */
+export declare class DsForm extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    action: string;
+    method: 'get' | 'post' | 'dialog';
+    noValidate: boolean;
+    header: string;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=form.d.ts.map

package/dist/organisms/form/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/organisms/form/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD;;;;;;;GAOG;AACH,qBAAa,MAAO,SAAQ,SAAS;;IACnC,OAAgB,MAAM,4BAAqC;IAE/C,MAAM,SAAM;IACZ,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAU;IACD,UAAU,UAAS;IACvC,MAAM,SAAM;IAoCrC,MAAM,IAAI,cAAc;CAalC"}

package/dist/organisms/form/form.js

@@ -0,0 +1,82 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { formStyles } from './form.styles.js';
+/**
+ * @tag ds-form
+ * @summary Layout + behavior shell for native <form> submission with slotted ds-field content.
+ * @slot default - ds-field or raw fieldset markup.
+ * @slot actions - Submit / cancel button row.
+ * @event ds-submit - Fires on successful form submit with FormData detail.
+ * @event ds-invalid - Fires when submit is prevented by invalid fields.
+ */
+export class DsForm extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.action = '';
+        this.method = 'post';
+        this.noValidate = false;
+        this.header = '';
+        this.#onSubmit = (event) => {
+            event.preventDefault();
+            const controls = this.#collectControls();
+            const invalid = controls.some((control) => !control.checkValidity?.());
+            if (!this.noValidate && invalid) {
+                this.emit('ds-invalid', { detail: null });
+                return;
+            }
+            this.emit('ds-submit', { detail: { data: this.#buildFormData(controls) } });
+        };
+    }
+    static { this.styles = [...DsElement.styles, formStyles]; }
+    #onSubmit;
+    #collectControls() {
+        return Array.from(this.querySelectorAll('[name]'));
+    }
+    #buildFormData(controls) {
+        const data = new FormData();
+        for (const control of controls) {
+            if (!control.name) {
+                continue;
+            }
+            const value = control.value;
+            if (value == null || value === '') {
+                continue;
+            }
+            data.append(control.name, value instanceof File ? value : String(value));
+        }
+        return data;
+    }
+    render() {
+        return html `<form
+      part="form"
+      action=${this.action}
+      method=${this.method}
+      ?novalidate=${this.noValidate}
+      @submit=${this.#onSubmit}
+    >
+      ${this.header ? html `<h2 class="title" part="title">${this.header}</h2>` : nothing}
+      <div class="section" part="section"><slot></slot></div>
+      <div class="actions" part="actions"><slot name="actions"></slot></div>
+    </form>`;
+    }
+}
+__decorate([
+    property()
+], DsForm.prototype, "action", void 0);
+__decorate([
+    property()
+], DsForm.prototype, "method", void 0);
+__decorate([
+    property({ attribute: 'novalidate', type: Boolean })
+], DsForm.prototype, "noValidate", void 0);
+__decorate([
+    property({ attribute: 'title' })
+], DsForm.prototype, "header", void 0);
+//# sourceMappingURL=form.js.map

package/dist/organisms/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/organisms/form/form.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,OAAO,MAAO,SAAQ,SAAS;IAArC;;QAGc,WAAM,GAAG,EAAE,CAAC;QACZ,WAAM,GAA8B,MAAM,CAAC;QACD,eAAU,GAAG,KAAK,CAAC;QACvC,WAAM,GAAG,EAAE,CAAC;QAE9C,cAAS,GAAG,CAAC,KAAkB,EAAQ,EAAE;YACvC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YACvE,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,OAAO,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC1C,OAAO;YACT,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9E,CAAC,CAAC;IAsCJ,CAAC;aAtDiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,AAApC,CAAqC;IAO3D,SAAS,CASP;IAEF,gBAAgB;QAKd,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,QAAQ,CAAC,CAAU,CAAC;IAC3E,CAAC;IAED,cAAc,CAAC,QAA2D;QACxE,MAAM,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC5B,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;YAC/B,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBAClB,SAAS;YACX,CAAC;YACD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;YAC5B,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;gBAClC,SAAS;YACX,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;eAEA,IAAI,CAAC,MAAM;eACX,IAAI,CAAC,MAAM;oBACN,IAAI,CAAC,UAAU;gBACnB,IAAI,CAAC,SAAS;;QAEtB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,OAAO;;;YAG5E,CAAC;IACX,CAAC;;AAnDW;IAAX,QAAQ,EAAE;sCAAa;AACZ;IAAX,QAAQ,EAAE;sCAA4C;AACD;IAArD,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAoB;AACvC;IAAjC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;sCAAa"}

package/dist/organisms/form/form.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const formStyles: import("lit").CSSResult;
+//# sourceMappingURL=form.styles.d.ts.map

package/dist/organisms/form/form.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.styles.d.ts","sourceRoot":"","sources":["../../../src/organisms/form/form.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA+BtB,CAAC"}

package/dist/organisms/form/form.styles.js

@@ -0,0 +1,34 @@
+import { css } from 'lit';
+export const formStyles = css `
+  :host {
+    display: block;
+    container-type: inline-size;
+  }
+  form {
+    display: flex;
+    flex-direction: column;
+  }
+  .section {
+    display: flex;
+    flex-direction: column;
+    gap: var(--ds-space-4);
+    padding: var(--ds-space-6);
+    border: 1px solid var(--ds-color-border);
+    border-radius: var(--ds-radius-sm);
+    background: var(--ds-color-bg);
+  }
+  .actions {
+    display: flex;
+    gap: var(--ds-space-3);
+    justify-content: flex-end;
+    margin-top: var(--ds-space-5);
+  }
+  .title {
+    margin: 0 0 var(--ds-space-4);
+    font-family: var(--ds-font-display);
+    font-size: var(--ds-font-size-xl);
+    letter-spacing: var(--ds-letter-spacing-display);
+    color: var(--ds-color-fg);
+  }
+`;
+//# sourceMappingURL=form.styles.js.map

package/dist/organisms/form/form.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.styles.js","sourceRoot":"","sources":["../../../src/organisms/form/form.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B5B,CAAC"}

package/dist/organisms/form/index.d.ts

@@ -0,0 +1,2 @@
+export { DsForm } from './form.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/organisms/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}

package/dist/organisms/form/index.js

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

package/dist/organisms/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}

package/dist/organisms/navbar/define.d.ts

@@ -0,0 +1,7 @@
+import { DsNavbar } from './navbar.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-navbar': DsNavbar;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/organisms/navbar/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/organisms/navbar/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/organisms/navbar/define.js

@@ -0,0 +1,5 @@
+import { DsNavbar } from './navbar.js';
+if (!customElements.get('ds-navbar')) {
+    customElements.define('ds-navbar', DsNavbar);
+}
+//# sourceMappingURL=define.js.map

package/dist/organisms/navbar/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/organisms/navbar/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IACrC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC/C,CAAC"}

package/dist/organisms/navbar/index.d.ts

@@ -0,0 +1,2 @@
+export { DsNavbar } from './navbar.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/organisms/navbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/organisms/navbar/index.js

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

package/dist/organisms/navbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/organisms/navbar/navbar.d.ts

@@ -0,0 +1,29 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+import '../../atoms/icon/define.js';
+import '../../atoms/icon/icons/bars-3.js';
+import '../../atoms/icon/icons/x-mark.js';
+/**
+ * @tag ds-navbar
+ * @summary Top-bar navigation shell. Collapses to a hamburger menu below the configured breakpoint.
+ * @slot brand - Logo or wordmark (left).
+ * @slot default - ds-nav-item children (center, collapses on mobile).
+ * @slot actions - Buttons / user menu (right).
+ * @csspart bar - The internal `<nav>` element.
+ * @csspart brand - The brand wrapper.
+ * @csspart links - The collapsible links wrapper (mobile menu when expanded).
+ * @csspart actions - The actions wrapper.
+ * @csspart toggle - The hamburger toggle button.
+ * @csspart menu - The expandable links container.
+ */
+export declare class DsNavbar extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    label: string;
+    menuLabel: string;
+    private _open;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=navbar.d.ts.map

package/dist/organisms/navbar/navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/organisms/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAE1C;;;;;;;;;;;;GAYG;AACH,qBAAa,QAAS,SAAQ,SAAS;;IACrC,OAAgB,MAAM,4BAAuC;IAEjD,KAAK,SAAa;IACS,SAAS,SAAU;IAEjD,OAAO,CAAC,KAAK,CAAS;IAEtB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAkB5B,MAAM,IAAI,cAAc;CAwBlC"}

package/dist/organisms/navbar/navbar.js

@@ -0,0 +1,90 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { navbarStyles } from './navbar.styles.js';
+import '../../atoms/icon/define.js';
+import '../../atoms/icon/icons/bars-3.js';
+import '../../atoms/icon/icons/x-mark.js';
+/**
+ * @tag ds-navbar
+ * @summary Top-bar navigation shell. Collapses to a hamburger menu below the configured breakpoint.
+ * @slot brand - Logo or wordmark (left).
+ * @slot default - ds-nav-item children (center, collapses on mobile).
+ * @slot actions - Buttons / user menu (right).
+ * @csspart bar - The internal `<nav>` element.
+ * @csspart brand - The brand wrapper.
+ * @csspart links - The collapsible links wrapper (mobile menu when expanded).
+ * @csspart actions - The actions wrapper.
+ * @csspart toggle - The hamburger toggle button.
+ * @csspart menu - The expandable links container.
+ */
+export class DsNavbar extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.label = 'Primary';
+        this.menuLabel = 'Menu';
+        this._open = false;
+        this.#onDocumentKeydown = (event) => {
+            if (event.key === 'Escape' && this._open) {
+                this._open = false;
+                this.removeAttribute('data-open');
+                this.shadowRoot?.querySelector('.toggle')?.focus();
+            }
+        };
+        this.#onToggle = () => {
+            this._open = !this._open;
+            this.toggleAttribute('data-open', this._open);
+        };
+    }
+    static { this.styles = [...DsElement.styles, navbarStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('keydown', this.#onDocumentKeydown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this.#onDocumentKeydown);
+    }
+    #onDocumentKeydown;
+    #onToggle;
+    render() {
+        const menuId = `${this.uid}-menu`;
+        const iconName = this._open ? 'x-mark' : 'bars-3';
+        return html `<nav part="bar" aria-label=${this.label}>
+      <div class="brand" part="brand"><slot name="brand"></slot></div>
+      <div class="links" part="links">
+        <button
+          class="toggle"
+          part="toggle"
+          type="button"
+          aria-label=${this.menuLabel}
+          aria-expanded=${this._open ? 'true' : 'false'}
+          aria-controls=${menuId}
+          @click=${this.#onToggle}
+        >
+          <ds-icon name=${iconName} size="lg"></ds-icon>
+        </button>
+        <div class="menu" part="menu" id=${menuId} role="list">
+          <slot></slot>
+        </div>
+      </div>
+      <div class="actions" part="actions"><slot name="actions"></slot></div>
+    </nav>`;
+    }
+}
+__decorate([
+    property()
+], DsNavbar.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'menu-label' })
+], DsNavbar.prototype, "menuLabel", void 0);
+__decorate([
+    state()
+], DsNavbar.prototype, "_open", void 0);
+//# sourceMappingURL=navbar.js.map

package/dist/organisms/navbar/navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/organisms/navbar/navbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAE1C;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,QAAS,SAAQ,SAAS;IAAvC;;QAGc,UAAK,GAAG,SAAS,CAAC;QACS,cAAS,GAAG,MAAM,CAAC;QAEzC,UAAK,GAAG,KAAK,CAAC;QAY/B,uBAAkB,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAClD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACzC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;gBAClC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAoB,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;YACxE,CAAC;QACH,CAAC,CAAC;QAEF,cAAS,GAAG,GAAS,EAAE;YACrB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC,CAAC;IA0BJ,CAAC;aAtDiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,AAAtC,CAAuC;IAOpD,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAChE,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAED,kBAAkB,CAMhB;IAEF,SAAS,CAGP;IAEO,MAAM;QACb,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;QAClD,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK;;;;;;;uBAOhC,IAAI,CAAC,SAAS;0BACX,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;0BAC7B,MAAM;mBACb,IAAI,CAAC,SAAS;;0BAEP,QAAQ;;2CAES,MAAM;;;;;WAKtC,CAAC;IACV,CAAC;;AAnDW;IAAX,QAAQ,EAAE;uCAAmB;AACS;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2CAAoB;AAEzC;IAAhB,KAAK,EAAE;uCAAuB"}

package/dist/organisms/navbar/navbar.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const navbarStyles: import("lit").CSSResult;
+//# sourceMappingURL=navbar.styles.d.ts.map

package/dist/organisms/navbar/navbar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.styles.d.ts","sourceRoot":"","sources":["../../../src/organisms/navbar/navbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAiFxB,CAAC"}

package/dist/organisms/navbar/navbar.styles.js

@@ -0,0 +1,84 @@
+import { css } from 'lit';
+export const navbarStyles = css `
+  :host {
+    display: block;
+    container-type: inline-size;
+    --_breakpoint: 640px;
+  }
+  nav {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: var(--ds-space-4);
+    padding: var(--ds-space-3) var(--ds-space-6);
+    background: var(--ds-color-bg);
+    border-bottom: 1px solid var(--ds-color-border);
+    font-family: var(--ds-font-body);
+  }
+  .brand {
+    display: flex;
+    align-items: center;
+    gap: var(--ds-space-2);
+    font-family: var(--ds-font-display);
+    font-size: var(--ds-font-size-lg);
+    color: var(--ds-color-fg);
+  }
+  .links {
+    display: flex;
+    align-items: center;
+    gap: var(--ds-space-3);
+    flex: 1;
+  }
+  .actions {
+    display: flex;
+    align-items: center;
+    gap: var(--ds-space-2);
+  }
+  .toggle {
+    display: none;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--ds-color-border);
+    background: transparent;
+    border-radius: var(--ds-radius-sm);
+    color: var(--ds-color-fg);
+    cursor: pointer;
+    padding: var(--ds-space-2);
+  }
+  .toggle:focus-visible {
+    outline: 2px solid transparent;
+    box-shadow: var(--ds-shadow-focus);
+  }
+  .menu {
+    display: contents;
+  }
+  @container (max-width: 640px) {
+    .links {
+      justify-content: flex-end;
+      flex: 0 0 auto;
+      margin-left: auto;
+    }
+    .toggle {
+      display: inline-flex;
+    }
+    .menu {
+      display: none;
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      flex-direction: column;
+      align-items: stretch;
+      gap: var(--ds-space-1);
+      padding: var(--ds-space-3);
+      background: var(--ds-color-bg);
+      border-bottom: 1px solid var(--ds-color-border);
+      box-shadow: var(--ds-shadow-md);
+      z-index: 10;
+    }
+    :host([data-open]) .menu {
+      display: flex;
+    }
+  }
+`;
+//# sourceMappingURL=navbar.styles.js.map

package/dist/organisms/navbar/navbar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.styles.js","sourceRoot":"","sources":["../../../src/organisms/navbar/navbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiF9B,CAAC"}

package/dist/organisms/sidenav/define.d.ts

@@ -0,0 +1,7 @@
+import { DsSidenav } from './sidenav.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-sidenav': DsSidenav;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/organisms/sidenav/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/organisms/sidenav/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/organisms/sidenav/define.js

@@ -0,0 +1,5 @@
+import { DsSidenav } from './sidenav.js';
+if (!customElements.get('ds-sidenav')) {
+    customElements.define('ds-sidenav', DsSidenav);
+}
+//# sourceMappingURL=define.js.map

package/dist/organisms/sidenav/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/organisms/sidenav/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;IACtC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACjD,CAAC"}

package/dist/organisms/sidenav/index.d.ts

@@ -0,0 +1,2 @@
+export { DsSidenav } from './sidenav.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/organisms/sidenav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/sidenav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/organisms/sidenav/index.js

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

package/dist/organisms/sidenav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/sidenav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/organisms/sidenav/sidenav.d.ts

@@ -0,0 +1,24 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-sidenav
+ * @summary Vertical sidebar navigation. Hosts ds-nav-item / ds-nav-group children. Supports an icon-only collapsed mode.
+ * @slot header - Logo / app name (top).
+ * @slot default - ds-nav-item and ds-nav-group children.
+ * @slot footer - Bottom region (settings, sign-out, theme toggle, etc.).
+ * @csspart nav - The internal `<nav>` element.
+ * @csspart header - The header wrapper.
+ * @csspart list - The default-slot list wrapper.
+ * @csspart footer - The footer wrapper.
+ */
+export declare class DsSidenav extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    label: string;
+    collapsed: boolean;
+    private _hasHeader;
+    private _hasFooter;
+    updated(changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=sidenav.d.ts.map

package/dist/organisms/sidenav/sidenav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidenav.d.ts","sourceRoot":"","sources":["../../../src/organisms/sidenav/sidenav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAKjD;;;;;;;;;;GAUG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAAwC;IAElD,KAAK,SAAe;IACY,SAAS,UAAS;IAErD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA2BtC,MAAM,IAAI,cAAc;CAalC"}

package/dist/organisms/sidenav/sidenav.js

@@ -0,0 +1,81 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { sidenavStyles } from './sidenav.styles.js';
+const COMPACT_TARGETS = 'ds-nav-item, ds-nav-group';
+/**
+ * @tag ds-sidenav
+ * @summary Vertical sidebar navigation. Hosts ds-nav-item / ds-nav-group children. Supports an icon-only collapsed mode.
+ * @slot header - Logo / app name (top).
+ * @slot default - ds-nav-item and ds-nav-group children.
+ * @slot footer - Bottom region (settings, sign-out, theme toggle, etc.).
+ * @csspart nav - The internal `<nav>` element.
+ * @csspart header - The header wrapper.
+ * @csspart list - The default-slot list wrapper.
+ * @csspart footer - The footer wrapper.
+ */
+export class DsSidenav extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.label = 'Secondary';
+        this.collapsed = false;
+        this._hasHeader = false;
+        this._hasFooter = false;
+        this.#onDefaultSlotChange = () => {
+            this.#syncCompact();
+        };
+    }
+    static { this.styles = [...DsElement.styles, sidenavStyles]; }
+    updated(changed) {
+        if (changed.has('collapsed')) {
+            this.#syncCompact();
+        }
+    }
+    #syncCompact() {
+        const targets = this.querySelectorAll(COMPACT_TARGETS);
+        targets.forEach((el) => {
+            el.toggleAttribute('compact', this.collapsed);
+        });
+    }
+    #onHeaderSlotChange(e) {
+        const slot = e.target;
+        this._hasHeader = slot.assignedNodes({ flatten: true }).length > 0;
+    }
+    #onFooterSlotChange(e) {
+        const slot = e.target;
+        this._hasFooter = slot.assignedNodes({ flatten: true }).length > 0;
+    }
+    #onDefaultSlotChange;
+    render() {
+        return html `<nav part="nav" aria-label=${this.label}>
+      <div class="header" part="header" ?hidden=${!this._hasHeader}>
+        <slot name="header" @slotchange=${this.#onHeaderSlotChange}></slot>
+      </div>
+      <div class="list" part="list" role="list">
+        <slot @slotchange=${this.#onDefaultSlotChange}></slot>
+      </div>
+      <div class="footer" part="footer" ?hidden=${!this._hasFooter}>
+        <slot name="footer" @slotchange=${this.#onFooterSlotChange}></slot>
+      </div>
+    </nav>`;
+    }
+}
+__decorate([
+    property()
+], DsSidenav.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsSidenav.prototype, "collapsed", void 0);
+__decorate([
+    state()
+], DsSidenav.prototype, "_hasHeader", void 0);
+__decorate([
+    state()
+], DsSidenav.prototype, "_hasFooter", void 0);
+//# sourceMappingURL=sidenav.js.map

package/dist/organisms/sidenav/sidenav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidenav.js","sourceRoot":"","sources":["../../../src/organisms/sidenav/sidenav.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,eAAe,GAAG,2BAA2B,CAAC;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,OAAO,SAAU,SAAQ,SAAS;IAAxC;;QAGc,UAAK,GAAG,WAAW,CAAC;QACY,cAAS,GAAG,KAAK,CAAC;QAE7C,eAAU,GAAG,KAAK,CAAC;QACnB,eAAU,GAAG,KAAK,CAAC;QAyBpC,yBAAoB,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;IAeJ,CAAC;aAhDiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,AAAvC,CAAwC;IAQrD,OAAO,CAAC,OAAuB;QACtC,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAED,YAAY;QACV,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAc,eAAe,CAAC,CAAC;QACpE,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACrB,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACrE,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACrE,CAAC;IAED,oBAAoB,CAElB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK;kDACL,CAAC,IAAI,CAAC,UAAU;0CACxB,IAAI,CAAC,mBAAmB;;;4BAGtC,IAAI,CAAC,oBAAoB;;kDAEH,CAAC,IAAI,CAAC,UAAU;0CACxB,IAAI,CAAC,mBAAmB;;WAEvD,CAAC;IACV,CAAC;;AA7CW;IAAX,QAAQ,EAAE;wCAAqB;AACY;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAmB;AAE7C;IAAhB,KAAK,EAAE;6CAA4B;AACnB;IAAhB,KAAK,EAAE;6CAA4B"}

package/dist/organisms/sidenav/sidenav.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const sidenavStyles: import("lit").CSSResult;
+//# sourceMappingURL=sidenav.styles.d.ts.map