@jsekulowicz/ds-components 0.1.0

package/dist/atoms/tabs/tab-panel.styles.js

@@ -0,0 +1,15 @@
+import { css } from 'lit';
+export const tabPanelStyles = css `
+  :host {
+    display: block;
+    outline: none;
+  }
+  :host(:focus-visible) {
+    border-radius: var(--ds-radius-sm);
+    box-shadow: var(--ds-shadow-focus);
+  }
+  :host([hidden]) {
+    display: none;
+  }
+`;
+//# sourceMappingURL=tab-panel.styles.js.map

package/dist/atoms/tabs/tab-panel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.styles.js","sourceRoot":"","sources":["../../../src/atoms/tabs/tab-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;CAYhC,CAAC"}

package/dist/atoms/tabs/tab.d.ts

@@ -0,0 +1,20 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-tab
+ * @summary Individual tab trigger inside a ds-tabs tablist.
+ * @slot default - Tab label content.
+ * @csspart tab - The inner tab surface.
+ */
+export declare class DsTab extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    value: string;
+    selected: boolean;
+    disabled: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=tab.d.ts.map

package/dist/atoms/tabs/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD;;;;;GAKG;AACH,qBAAa,KAAM,SAAQ,SAAS;;IAClC,OAAgB,MAAM,4BAAoC;IAE9C,KAAK,SAAM;IACqB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAEpD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAgBtC,MAAM,IAAI,cAAc;CAGlC"}

package/dist/atoms/tabs/tab.js

@@ -0,0 +1,62 @@
+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 } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { tabStyles } from './tab.styles.js';
+/**
+ * @tag ds-tab
+ * @summary Individual tab trigger inside a ds-tabs tablist.
+ * @slot default - Tab label content.
+ * @csspart tab - The inner tab surface.
+ */
+export class DsTab extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.selected = false;
+        this.disabled = false;
+        this.#onClick = () => {
+            if (this.disabled) {
+                return;
+            }
+            this.emit('ds-tab-activate', { detail: { value: this.value } });
+        };
+    }
+    static { this.styles = [...DsElement.styles, tabStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'tab');
+        this.addEventListener('click', this.#onClick);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('click', this.#onClick);
+    }
+    updated(changed) {
+        if (changed.has('selected')) {
+            this.setAttribute('aria-selected', this.selected ? 'true' : 'false');
+        }
+        if (changed.has('disabled')) {
+            this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
+        }
+    }
+    #onClick;
+    render() {
+        return html `<div class="tab" part="tab"><slot></slot></div>`;
+    }
+}
+__decorate([
+    property()
+], DsTab.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsTab.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsTab.prototype, "disabled", void 0);
+//# sourceMappingURL=tab.js.map

package/dist/atoms/tabs/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/atoms/tabs/tab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,OAAO,KAAM,SAAQ,SAAS;IAApC;;QAGc,UAAK,GAAG,EAAE,CAAC;QACqB,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,KAAK,CAAC;QAsB7D,aAAQ,GAAG,GAAS,EAAE;YACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;IAKJ,CAAC;aApCiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,AAAnC,CAAoC;IAMjD,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAEQ,OAAO,CAAC,OAAuB;QACtC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACvE,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;IAED,QAAQ,CAKN;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,iDAAiD,CAAC;IAC/D,CAAC;;AAjCW;IAAX,QAAQ,EAAE;oCAAY;AACqB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAkB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAkB"}

package/dist/atoms/tabs/tab.styles.d.ts

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

package/dist/atoms/tabs/tab.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/tab.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBAuCrB,CAAC"}

package/dist/atoms/tabs/tab.styles.js

@@ -0,0 +1,42 @@
+import { css } from 'lit';
+export const tabStyles = css `
+  :host {
+    display: inline-flex;
+    outline: none;
+  }
+  :host([disabled]) {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+  .tab {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--ds-space-2);
+    padding: var(--ds-space-3) var(--ds-space-2);
+    color: var(--ds-color-fg-muted);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-sm);
+    font-weight: var(--ds-font-weight-medium);
+    line-height: 1;
+    cursor: pointer;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -1px;
+    transition:
+      color var(--ds-duration-fast) var(--ds-easing-standard),
+      border-color var(--ds-duration-fast) var(--ds-easing-standard);
+    user-select: none;
+    white-space: nowrap;
+  }
+  :host(:hover:not([disabled])) .tab {
+    color: var(--ds-color-fg);
+  }
+  :host([selected]) .tab {
+    color: var(--ds-color-accent);
+    border-bottom-color: var(--ds-color-accent);
+  }
+  :host(:focus-visible) .tab {
+    border-radius: var(--ds-radius-sm);
+    box-shadow: var(--ds-shadow-focus);
+  }
+`;
+//# sourceMappingURL=tab.styles.js.map

package/dist/atoms/tabs/tab.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.styles.js","sourceRoot":"","sources":["../../../src/atoms/tabs/tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC3B,CAAC"}

package/dist/atoms/tabs/tabs.d.ts

@@ -0,0 +1,23 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-tabs
+ * @summary Tablist container that coordinates ds-tab triggers and ds-tab-panel regions.
+ * @slot tab - ds-tab elements that make up the tablist.
+ * @slot default - ds-tab-panel elements, one per tab.
+ * @event ds-change - Fires when the active tab changes. Detail: `{ value: string }`.
+ * @csspart tablist - The horizontal tab row.
+ * @csspart panels - The panels container.
+ */
+export declare class DsTabs extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    value: string;
+    private _tabs;
+    private _panels;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=tabs.d.ts.map

package/dist/atoms/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAKjD;;;;;;;;GAQG;AACH,qBAAa,MAAO,SAAQ,SAAS;;IACnC,OAAgB,MAAM,4BAAqC;IAE/C,KAAK,SAAM;IAEqC,OAAO,CAAC,KAAK,CAAW;IAC/B,OAAO,CAAC,OAAO,CAAgB;IAE3E,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA6EtC,MAAM,IAAI,cAAc;CAUlC"}

package/dist/atoms/tabs/tabs.js

@@ -0,0 +1,130 @@
+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, queryAssignedElements } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { tabsStyles } from './tabs.styles.js';
+/**
+ * @tag ds-tabs
+ * @summary Tablist container that coordinates ds-tab triggers and ds-tab-panel regions.
+ * @slot tab - ds-tab elements that make up the tablist.
+ * @slot default - ds-tab-panel elements, one per tab.
+ * @event ds-change - Fires when the active tab changes. Detail: `{ value: string }`.
+ * @csspart tablist - The horizontal tab row.
+ * @csspart panels - The panels container.
+ */
+export class DsTabs extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.#onSlotChange = () => {
+            if (!this.value && this._tabs[0]) {
+                this.value = this._tabs[0].value;
+            }
+            this.#syncSelection();
+        };
+        this.#syncSelection = () => {
+            this._tabs.forEach(tab => {
+                const selected = !tab.disabled && tab.value === this.value;
+                tab.selected = selected;
+                tab.tabIndex = selected ? 0 : -1;
+                tab.id = `${this.uid}-tab-${tab.value}`;
+                tab.setAttribute('aria-controls', `${this.uid}-panel-${tab.value}`);
+            });
+            this._panels.forEach(panel => {
+                panel.active = panel.value === this.value;
+                panel.id = `${this.uid}-panel-${panel.value}`;
+                panel.setAttribute('aria-labelledby', `${this.uid}-tab-${panel.value}`);
+            });
+        };
+        this.#onTabActivate = (event) => {
+            event.stopPropagation();
+            this.#setValue(event.detail.value);
+        };
+        this.#setValue = (value) => {
+            if (value === this.value) {
+                return;
+            }
+            this.value = value;
+            this.emit('ds-change', { detail: { value } });
+        };
+        this.#focusTab = (index) => {
+            const tab = this._tabs[index];
+            if (!tab || tab.disabled) {
+                return;
+            }
+            tab.focus();
+            this.#setValue(tab.value);
+        };
+        this.#onKeydown = (event) => {
+            const count = this._tabs.length;
+            if (count === 0) {
+                return;
+            }
+            const current = this._tabs.findIndex(t => t.value === this.value);
+            let next;
+            switch (event.key) {
+                case 'ArrowLeft':
+                    next = current <= 0 ? count - 1 : current - 1;
+                    break;
+                case 'ArrowRight':
+                    next = current >= count - 1 ? 0 : current + 1;
+                    break;
+                case 'Home':
+                    next = 0;
+                    break;
+                case 'End':
+                    next = count - 1;
+                    break;
+                default:
+                    return;
+            }
+            event.preventDefault();
+            this.#focusTab(next);
+        };
+    }
+    static { this.styles = [...DsElement.styles, tabsStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('ds-tab-activate', this.#onTabActivate);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('ds-tab-activate', this.#onTabActivate);
+    }
+    updated(changed) {
+        if (changed.has('value')) {
+            this.#syncSelection();
+        }
+    }
+    #onSlotChange;
+    #syncSelection;
+    #onTabActivate;
+    #setValue;
+    #focusTab;
+    #onKeydown;
+    render() {
+        return html `
+      <div class="tablist" part="tablist" role="tablist" @keydown=${this.#onKeydown}>
+        <slot name="tab" @slotchange=${this.#onSlotChange}></slot>
+      </div>
+      <div class="panels" part="panels">
+        <slot @slotchange=${this.#onSlotChange}></slot>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], DsTabs.prototype, "value", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'tab', selector: 'ds-tab' })
+], DsTabs.prototype, "_tabs", void 0);
+__decorate([
+    queryAssignedElements({ selector: 'ds-tab-panel' })
+], DsTabs.prototype, "_panels", void 0);
+//# sourceMappingURL=tabs.js.map

package/dist/atoms/tabs/tabs.js.map

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

package/dist/atoms/tabs/tabs.styles.d.ts

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

package/dist/atoms/tabs/tabs.styles.d.ts.map

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

package/dist/atoms/tabs/tabs.styles.js

@@ -0,0 +1,18 @@
+import { css } from 'lit';
+export const tabsStyles = css `
+  :host {
+    display: block;
+    width: 100%;
+  }
+  .tablist {
+    display: flex;
+    gap: var(--ds-space-2);
+    border-bottom: 1px solid var(--ds-color-border);
+    padding: 4px 4px 0;
+    margin: -4px -4px 0;
+  }
+  .panels {
+    padding-top: var(--ds-space-4);
+  }
+`;
+//# sourceMappingURL=tabs.styles.js.map

package/dist/atoms/tabs/tabs.styles.js.map

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

package/dist/atoms/text-field/define.d.ts

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

package/dist/atoms/text-field/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/text-field/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAM9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/atoms/text-field/define.js

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

package/dist/atoms/text-field/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/text-field/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;AACtD,CAAC"}

package/dist/atoms/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export { DsTextField, type TextFieldType, type TextFieldSize } from './text-field.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/text-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/text-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/atoms/text-field/index.js

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

package/dist/atoms/text-field/index.js.map

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

package/dist/atoms/text-field/text-field.d.ts

@@ -0,0 +1,39 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type TextFieldType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number';
+export type TextFieldSize = 'sm' | 'md' | 'lg';
+declare const DsTextField_base: typeof DsElement & (new (...args: any[]) => import("@jsekulowicz/ds-core").FormControlHost & DsElement);
+/**
+ * @tag ds-text-field
+ * @summary Single-line text input with native form participation via ElementInternals.
+ * @slot leading - Adornment rendered before the input.
+ * @slot trailing - Adornment rendered after the input.
+ * @event ds-input - Fired on every keystroke with the current value.
+ * @event ds-change - Fired when the value is committed.
+ */
+export declare class DsTextField extends DsTextField_base {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static shadowRootOptions: ShadowRootInit;
+    type: TextFieldType;
+    size: TextFieldSize;
+    placeholder: string;
+    readonly: boolean;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    autocomplete?: string;
+    label: string;
+    inputLabel: string;
+    description: string;
+    error: string;
+    invalid: boolean;
+    optional: boolean;
+    private _hasLeading;
+    private _hasTrailing;
+    private input;
+    firstUpdated(): void;
+    render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=text-field.d.ts.map

package/dist/atoms/text-field/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/atoms/text-field/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AAInE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAChG,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;AAE/C;;;;;;;GAOG;AACH,qBAAa,WAAY,SAAQ,gBAA2B;;IAC1D,OAAgB,MAAM,4BAA2D;IACjF,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEU,IAAI,EAAE,aAAa,CAAU;IACZ,IAAI,EAAE,aAAa,CAAQ;IAC5C,WAAW,SAAM;IACe,QAAQ,UAAS;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,SAAM;IACiB,UAAU,SAAM;IAC5C,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IAChB,QAAQ,UAAS;IAEpD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IAEtB,OAAO,CAAC,KAAK,CAAoB;IAkCxC,YAAY,IAAI,IAAI;IAIpB,MAAM,IAAI,cAAc;CAiClC"}

package/dist/atoms/text-field/text-field.js

@@ -0,0 +1,163 @@
+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, LitElement } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+import { DsElement, FormControlMixin } from '@jsekulowicz/ds-core';
+import { formFieldStyles, renderFieldLabel, renderSubtext } from '../../shared/form-field.js';
+import { textFieldStyles } from './text-field.styles.js';
+/**
+ * @tag ds-text-field
+ * @summary Single-line text input with native form participation via ElementInternals.
+ * @slot leading - Adornment rendered before the input.
+ * @slot trailing - Adornment rendered after the input.
+ * @event ds-input - Fired on every keystroke with the current value.
+ * @event ds-change - Fired when the value is committed.
+ */
+export class DsTextField extends FormControlMixin(DsElement) {
+    constructor() {
+        super(...arguments);
+        this.type = 'text';
+        this.size = 'md';
+        this.placeholder = '';
+        this.readonly = false;
+        this.label = '';
+        this.inputLabel = '';
+        this.description = '';
+        this.error = '';
+        this.invalid = false;
+        this.optional = false;
+        this._hasLeading = false;
+        this._hasTrailing = false;
+        this.#onLeadingChange = (e) => {
+            this._hasLeading = e.target.assignedElements().length > 0;
+        };
+        this.#onTrailingChange = (e) => {
+            this._hasTrailing = e.target.assignedElements().length > 0;
+        };
+        this.#onInput = (event) => {
+            if (this.disabled)
+                return;
+            const target = event.target;
+            this.value = target.value;
+            this.#syncValidity();
+            this.emit('ds-input', { detail: { value: target.value } });
+        };
+        this.#onChange = (event) => {
+            if (this.disabled)
+                return;
+            const target = event.target;
+            this.value = target.value;
+            this.#syncValidity();
+            this.emit('ds-change', { detail: { value: target.value } });
+        };
+    }
+    static { this.styles = [...DsElement.styles, formFieldStyles, textFieldStyles]; }
+    static { this.shadowRootOptions = {
+        ...LitElement.shadowRootOptions,
+        delegatesFocus: true,
+    }; }
+    #onLeadingChange;
+    #onTrailingChange;
+    #onInput;
+    #onChange;
+    #syncValidity() {
+        if (!this.input) {
+            return;
+        }
+        this.setValidity(this.input.validity, this.input.validationMessage, this.input);
+        this.invalid = !this.input.validity.valid;
+    }
+    firstUpdated() {
+        this.#syncValidity();
+    }
+    render() {
+        const current = typeof this.value === 'string' ? this.value : '';
+        return html `
+      ${this.label ? renderFieldLabel(this.label, this.required, 'input', this.optional) : nothing}
+      <span class="wrap" part="wrap">
+        <span class="adornment" ?hidden=${!this._hasLeading}>
+          <slot name="leading" @slotchange=${this.#onLeadingChange}></slot>
+        </span>
+        <input
+          id="input"
+          part="input"
+          .value=${live(current)}
+          type=${this.type}
+          name=${this.name || nothing}
+          placeholder=${this.placeholder}
+          aria-label=${this.label ? nothing : this.inputLabel || nothing}
+          ?required=${this.required}
+          ?readonly=${this.disabled || this.readonly}
+          minlength=${this.minLength ?? nothing}
+          maxlength=${this.maxLength ?? nothing}
+          pattern=${this.pattern ?? nothing}
+          autocomplete=${this.autocomplete ?? nothing}
+          aria-invalid=${this.invalid ? 'true' : 'false'}
+          @input=${this.#onInput}
+          @change=${this.#onChange}
+        />
+        <span class="adornment" ?hidden=${!this._hasTrailing}>
+          <slot name="trailing" @slotchange=${this.#onTrailingChange}></slot>
+        </span>
+      </span>
+      ${renderSubtext(this.description, this.error, this.invalid)}
+    `;
+    }
+}
+__decorate([
+    property()
+], DsTextField.prototype, "type", void 0);
+__decorate([
+    property({ reflect: true })
+], DsTextField.prototype, "size", void 0);
+__decorate([
+    property()
+], DsTextField.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsTextField.prototype, "readonly", void 0);
+__decorate([
+    property({ attribute: 'min-length', type: Number })
+], DsTextField.prototype, "minLength", void 0);
+__decorate([
+    property({ attribute: 'max-length', type: Number })
+], DsTextField.prototype, "maxLength", void 0);
+__decorate([
+    property()
+], DsTextField.prototype, "pattern", void 0);
+__decorate([
+    property()
+], DsTextField.prototype, "autocomplete", void 0);
+__decorate([
+    property()
+], DsTextField.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'input-label' })
+], DsTextField.prototype, "inputLabel", void 0);
+__decorate([
+    property()
+], DsTextField.prototype, "description", void 0);
+__decorate([
+    property()
+], DsTextField.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsTextField.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsTextField.prototype, "optional", void 0);
+__decorate([
+    state()
+], DsTextField.prototype, "_hasLeading", void 0);
+__decorate([
+    state()
+], DsTextField.prototype, "_hasTrailing", void 0);
+__decorate([
+    query('input')
+], DsTextField.prototype, "input", void 0);
+//# sourceMappingURL=text-field.js.map

package/dist/atoms/text-field/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../src/atoms/text-field/text-field.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAKzD;;;;;;;GAOG;AACH,MAAM,OAAO,WAAY,SAAQ,gBAAgB,CAAC,SAAS,CAAC;IAA5D;;QAOc,SAAI,GAAkB,MAAM,CAAC;QACZ,SAAI,GAAkB,IAAI,CAAC;QAC5C,gBAAW,GAAG,EAAE,CAAC;QACe,aAAQ,GAAG,KAAK,CAAC;QAKjD,UAAK,GAAG,EAAE,CAAC;QACiB,eAAU,GAAG,EAAE,CAAC;QAC5C,gBAAW,GAAG,EAAE,CAAC;QACjB,UAAK,GAAG,EAAE,CAAC;QACqB,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QAE5C,gBAAW,GAAG,KAAK,CAAC;QACpB,iBAAY,GAAG,KAAK,CAAC;QAItC,qBAAgB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACpC,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QACjF,CAAC,CAAC;QAEF,sBAAiB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACrC,IAAI,CAAC,YAAY,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QAClF,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,KAAY,EAAQ,EAAE;YAChC,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;YAChD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7D,CAAC,CAAC;QAEF,cAAS,GAAG,CAAC,KAAY,EAAQ,EAAE;YACjC,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;YAChD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC;IA+CJ,CAAC;aA/FiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe,CAAC,AAA1D,CAA2D;aACjE,sBAAiB,GAAmB;QAClD,GAAG,UAAU,CAAC,iBAAiB;QAC/B,cAAc,EAAE,IAAI;KACrB,AAHgC,CAG/B;IAsBF,gBAAgB,CAEd;IAEF,iBAAiB,CAEf;IAEF,QAAQ,CAMN;IAEF,SAAS,CAMP;IAEF,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAChF,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC5C,CAAC;IAEQ,YAAY;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEQ,MAAM;QACb,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACjE,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;;0CAExD,CAAC,IAAI,CAAC,WAAW;6CACd,IAAI,CAAC,gBAAgB;;;;;mBAK/C,IAAI,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,IAAI;iBACT,IAAI,CAAC,IAAI,IAAI,OAAO;wBACb,IAAI,CAAC,WAAW;uBACjB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,OAAO;sBAClD,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;sBAC9B,IAAI,CAAC,SAAS,IAAI,OAAO;sBACzB,IAAI,CAAC,SAAS,IAAI,OAAO;oBAC3B,IAAI,CAAC,OAAO,IAAI,OAAO;yBAClB,IAAI,CAAC,YAAY,IAAI,OAAO;yBAC5B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBACrC,IAAI,CAAC,QAAQ;oBACZ,IAAI,CAAC,SAAS;;0CAEQ,CAAC,IAAI,CAAC,YAAY;8CACd,IAAI,CAAC,iBAAiB;;;QAG5D,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;KAC5D,CAAC;IACJ,CAAC;;AAxFW;IAAX,QAAQ,EAAE;yCAA8B;AACZ;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAA4B;AAC5C;IAAX,QAAQ,EAAE;gDAAkB;AACe;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AACR;IAApD,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAoB;AACnB;IAApD,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAoB;AAC5D;IAAX,QAAQ,EAAE;4CAAkB;AACjB;IAAX,QAAQ,EAAE;iDAAuB;AACtB;IAAX,QAAQ,EAAE;0CAAY;AACiB;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAAiB;AAC5C;IAAX,QAAQ,EAAE;gDAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAY;AACqB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAiB;AAChB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AAE5C;IAAhB,KAAK,EAAE;gDAA6B;AACpB;IAAhB,KAAK,EAAE;iDAA8B;AAEd;IAAvB,KAAK,CAAC,OAAO,CAAC;0CAAkC"}

package/dist/atoms/text-field/text-field.styles.d.ts

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

package/dist/atoms/text-field/text-field.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/text-field/text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAyE3B,CAAC"}