@oddkin/components 0.0.0-stage → 1.0.0-beta.0

package/dist/tab-panel/tab-panel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.styles.d.ts","sourceRoot":"","sources":["../../src/tab-panel/tab-panel.styles.ts"],"names":[],"mappings":"AAEA,oGAAoG;AACpG,eAAO,MAAM,cAAc,yCAAQ,CAAC"}

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

@@ -0,0 +1,4 @@
+import { css } from '@oddkin/core/styles';
+/** No look of its own: the panel inherits the text of `odd-tabs`, which draws the tab and panel. */
+export const tabPanelStyles = css ``;
+//# sourceMappingURL=tab-panel.styles.js.map

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

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

package/dist/tab-panel/tab-panel.template.d.ts

@@ -0,0 +1,4 @@
+import type { OddkinTabPanel } from './tab-panel.js';
+/** Anatomy: the default slot only; `odd-tabs` draws the tab and the panel around it. */
+export declare const tabPanelTemplate: (_panel: OddkinTabPanel) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=tab-panel.template.d.ts.map

package/dist/tab-panel/tab-panel.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.template.d.ts","sourceRoot":"","sources":["../../src/tab-panel/tab-panel.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,WAAY,cAAc,mDAAwB,CAAC"}

package/dist/tab-panel/tab-panel.template.js

@@ -0,0 +1,4 @@
+import { html } from '@oddkin/core/template';
+/** Anatomy: the default slot only; `odd-tabs` draws the tab and the panel around it. */
+export const tabPanelTemplate = (_panel) => html `<slot></slot>`;
+//# sourceMappingURL=tab-panel.template.js.map

package/dist/tab-panel/tab-panel.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.template.js","sourceRoot":"","sources":["../../src/tab-panel/tab-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,wFAAwF;AACxF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAE,EAAE,CAAC,IAAI,CAAA,eAAe,CAAC"}

package/dist/tabs/foundation.d.ts

@@ -0,0 +1,5 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { OddkinTabs } from './tabs.js';
+export { tabsTemplate } from './tabs.template.js';
+export { tabsStructuralStyles } from './tabs.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/tabs/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/tabs/foundation.js

@@ -0,0 +1,7 @@
+// Skin-free foundation: behavior, anatomy, and structural styles (shared host defaults first).
+// Loads no default visual styles and registers nothing (multi-product.md §4).
+export { hostStyles } from '../styles/host.styles.js';
+export { OddkinTabs } from './tabs.js';
+export { tabsTemplate } from './tabs.template.js';
+export { tabsStructuralStyles } from './tabs.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/tabs/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/tabs/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/tabs/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinTabs } from './tabs.js';
+export { tabsTemplate } from './tabs.template.js';
+export { tabsStructuralStyles } from './tabs.structural.styles.js';
+export { tabsStyles } from './tabs.styles.js';
+export { tabsDefinition } from './tabs.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/tabs/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/tabs`.
+export { OddkinTabs } from './tabs.js';
+export { tabsTemplate } from './tabs.template.js';
+export { tabsStructuralStyles } from './tabs.structural.styles.js';
+export { tabsStyles } from './tabs.styles.js';
+export { tabsDefinition } from './tabs.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/tabs/tabs.d.ts

@@ -0,0 +1,65 @@
+import { OddkinElement, type ElementEvents } from '@oddkin/core/element';
+import { type Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+import { OddkinTabPanel } from '../tab-panel/tab-panel.js';
+/** The user selected another tab. */
+export declare const tabsInputEvent: import("@oddkin/core/element").EventDefinition<void>;
+/** The user selected another tab (the selection is committed at once). */
+export declare const tabsChangeEvent: import("@oddkin/core/element").EventDefinition<void>;
+declare const OddkinTabs_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly value: import("@oddkin/core/element").PropDefinition<string>;
+    readonly orientation: import("@oddkin/core/element").PropDefinition<"horizontal" | "vertical">;
+    readonly activation: import("@oddkin/core/element").PropDefinition<"automatic" | "manual">;
+}>;
+/**
+ * Tabs that switch between related panels (APG tabs). Panels are `odd-tab-panel` children; the
+ * element draws a tab for each and assigns each panel to a tab panel inside its own shadow root
+ * (manual slot assignment), so each tab and its panel reference each other while the content
+ * stays in the light DOM.
+ *
+ * @slot - `odd-tab-panel` children; other children are not shown.
+ * @csspart base - The surface.
+ * @csspart list - The tab list.
+ * @csspart tab - Each tab (a button).
+ * @csspart panel - Each tab panel, around its `odd-tab-panel`.
+ * @cssprop --odd-tabs-radius - Corner radius of the surface.
+ * @cssprop --odd-tabs-background - Background of the surface.
+ * @a11y A `tablist` named by `label`, with `tab` buttons (`aria-selected`, `aria-controls`) and `tabpanel` regions named by their tab. The panel shown is focusable, so its content is reachable even without focusable content.
+ * @keyboard Tab reaches the selected tab, then the panel. Arrow keys move between tabs (Left and Right, or Up and Down when vertical; mirrored right to left), Home and End go to the first and last; disabled tabs are skipped. With `activation="automatic"` a focused tab is selected; with `manual`, Enter or Space selects it.
+ * @previewRole tabs
+ * @useFor Switching between related views of the same subject in place.
+ * @notFor Page navigation (use links or odd-side-nav); a choice of value in a form (use a radio group or segmented control); steps of a process.
+ * @category Navigation
+ * @customization 1 2 3
+ */
+export declare class OddkinTabs extends OddkinTabs_base {
+    #private;
+    static shadowRootOptions: ShadowRootInit;
+    static events: {
+        input: import("@oddkin/core/element").EventDefinition<void>;
+        change: import("@oddkin/core/element").EventDefinition<void>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinTabs>;
+    /** @internal The `odd-tab-panel` children, in order. */
+    readonly _panels: import("@oddkin/core/reactive").Signal<readonly OddkinTabPanel[]>;
+    /** @internal The index of the panel shown, or -1 without an enabled panel. */
+    readonly _selected: Readable<number>;
+    /** @internal The index of the tab in the Tab order (the roving tab stop). */
+    readonly _active: import("@oddkin/core/reactive").Signal<number>;
+    /** @internal Re-reads the panels (also called by a panel that connects late). */
+    _panelsChanged(): void;
+    /** @internal The user selected a tab. */
+    _select(index: number): void;
+    /** @internal A tab received focus: with automatic activation, it is selected. */
+    _onTabFocus(index: number): void;
+    protected connected(scope: Scope): void;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-tabs': OddkinTabs;
+    }
+}
+export {};
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAe,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAA+B,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,qCAAqC;AACrC,eAAO,MAAM,cAAc,sDAMzB,CAAC;AACH,0EAA0E;AAC1E,eAAO,MAAM,eAAe,sDAK1B,CAAC;;;;;;;AAKH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,UAAW,SAAQ,eAgB9B;;IACA,OAAgB,iBAAiB,EAAE,cAAc,CAA8C;IAC/F,OAAgB,MAAM;QAAK,KAAK;QAAkB,MAAM;MAAoB;IAC5E,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,UAAU,CAAC,CAAC;IAE5D,wDAAwD;IACxD,QAAQ,CAAC,OAAO,oEAAyC;IACzD,8EAA8E;IAC9E,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAKjC;IACH,6EAA6E;IAC7E,QAAQ,CAAC,OAAO,iDAAa;IAI7B,iFAAiF;IACjF,cAAc,IAAI,IAAI,CAErB;IAED,yCAAyC;IACzC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAM3B;IAED,iFAAiF;IACjF,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAE/B;IAmBD,UAAmB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAK/C;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAuB7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

package/dist/tabs/tabs.define.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="tabs.d.ts" preserve="true" />
+export {};
+//# sourceMappingURL=tabs.define.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.define.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.define.ts"],"names":[],"mappings":""}

package/dist/tabs/tabs.define.js

@@ -0,0 +1,5 @@
+/// <reference path="./tabs.ts" preserve="true" />
+import { define } from '@oddkin/core/element';
+import { tabsDefinition } from './tabs.definition.js';
+define(tabsDefinition);
+//# sourceMappingURL=tabs.define.js.map

package/dist/tabs/tabs.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.define.js","sourceRoot":"","sources":["../../src/tabs/tabs.define.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,cAAc,CAAC,CAAC"}

package/dist/tabs/tabs.definition.d.ts

@@ -0,0 +1,3 @@
+import { OddkinTabs } from './tabs.js';
+export declare const tabsDefinition: import("@oddkin/core/element").ElementDefinition<OddkinTabs>;
+//# sourceMappingURL=tabs.definition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.definition.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.definition.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAKvC,eAAO,MAAM,cAAc,8DAOzB,CAAC"}

package/dist/tabs/tabs.definition.js

@@ -0,0 +1,17 @@
+import { compose } from '@oddkin/core/element';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { tabPanelDefinition } from '../tab-panel/tab-panel.definition.js';
+import { OddkinTabs } from './tabs.js';
+import { tabsStructuralStyles } from './tabs.structural.styles.js';
+import { tabsStyles } from './tabs.styles.js';
+import { tabsTemplate } from './tabs.template.js';
+export const tabsDefinition = compose({
+    name: 'odd-tabs',
+    element: OddkinTabs,
+    template: tabsTemplate,
+    styles: [hostStyles, tabsStructuralStyles, focusRingStyles, tabsStyles],
+    // Registering odd-tabs registers the panels it reads.
+    dependencies: { panel: tabPanelDefinition },
+});
+//# sourceMappingURL=tabs.definition.js.map

package/dist/tabs/tabs.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.definition.js","sourceRoot":"","sources":["../../src/tabs/tabs.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;IACpC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,eAAe,EAAE,UAAU,CAAC;IACvE,sDAAsD;IACtD,YAAY,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE;CAC5C,CAAC,CAAC"}

package/dist/tabs/tabs.js

@@ -0,0 +1,131 @@
+import { RovingFocus } from '@oddkin/core/controllers/focus';
+import { OddkinElement, event, prop } from '@oddkin/core/element';
+import { computed, signal, untracked } from '@oddkin/core/reactive';
+import { OddkinTabPanel } from '../tab-panel/tab-panel.js';
+/** The user selected another tab. */
+export const tabsInputEvent = event('input', {
+    bubbles: true,
+    composed: true,
+    cancelable: false,
+    syncs: 'value',
+    intent: 'user',
+});
+/** The user selected another tab (the selection is committed at once). */
+export const tabsChangeEvent = event('change', {
+    bubbles: true,
+    composed: false,
+    cancelable: false,
+    intent: 'user',
+});
+/** A panel's value in `value`: its own, or its position. */
+const valueOf = (panel, index) => panel.value || String(index);
+/**
+ * Tabs that switch between related panels (APG tabs). Panels are `odd-tab-panel` children; the
+ * element draws a tab for each and assigns each panel to a tab panel inside its own shadow root
+ * (manual slot assignment), so each tab and its panel reference each other while the content
+ * stays in the light DOM.
+ *
+ * @slot - `odd-tab-panel` children; other children are not shown.
+ * @csspart base - The surface.
+ * @csspart list - The tab list.
+ * @csspart tab - Each tab (a button).
+ * @csspart panel - Each tab panel, around its `odd-tab-panel`.
+ * @cssprop --odd-tabs-radius - Corner radius of the surface.
+ * @cssprop --odd-tabs-background - Background of the surface.
+ * @a11y A `tablist` named by `label`, with `tab` buttons (`aria-selected`, `aria-controls`) and `tabpanel` regions named by their tab. The panel shown is focusable, so its content is reachable even without focusable content.
+ * @keyboard Tab reaches the selected tab, then the panel. Arrow keys move between tabs (Left and Right, or Up and Down when vertical; mirrored right to left), Home and End go to the first and last; disabled tabs are skipped. With `activation="automatic"` a focused tab is selected; with `manual`, Enter or Space selects it.
+ * @previewRole tabs
+ * @useFor Switching between related views of the same subject in place.
+ * @notFor Page navigation (use links or odd-side-nav); a choice of value in a form (use a radio group or segmented control); steps of a process.
+ * @category Navigation
+ * @customization 1 2 3
+ */
+export class OddkinTabs extends OddkinElement.with({
+    label: prop.string({ default: '', description: 'Names the tab list.' }),
+    value: prop.string({
+        default: '',
+        description: "The selected panel's `value` (its position when it has none). Without a match, the first enabled panel shows.",
+    }),
+    orientation: prop.enum(['horizontal', 'vertical'], {
+        default: 'horizontal',
+        reflect: true,
+        description: 'Tabs in a row above the panel, or in a column beside it.',
+    }),
+    activation: prop.enum(['automatic', 'manual'], {
+        default: 'automatic',
+        description: 'Select a tab when it receives focus, or only with Enter or Space (APG).',
+    }),
+}) {
+    static shadowRootOptions = { mode: 'open', slotAssignment: 'manual' };
+    static events = { input: tabsInputEvent, change: tabsChangeEvent };
+    /** @internal The `odd-tab-panel` children, in order. */
+    _panels = signal([]);
+    /** @internal The index of the panel shown, or -1 without an enabled panel. */
+    _selected = computed(() => {
+        const panels = this._panels.value;
+        const enabled = (panel) => !panel.disabled;
+        const index = panels.findIndex((p, i) => enabled(p) && valueOf(p, i) === this.value);
+        return index >= 0 ? index : panels.findIndex(enabled);
+    });
+    /** @internal The index of the tab in the Tab order (the roving tab stop). */
+    _active = signal(0);
+    #roving = new RovingFocus(this.#focusOptions());
+    /** @internal Re-reads the panels (also called by a panel that connects late). */
+    _panelsChanged() {
+        this._panels.value = [...this.children].filter((c) => c instanceof OddkinTabPanel);
+    }
+    /** @internal The user selected a tab. */
+    _select(index) {
+        const panel = this._panels.value[index];
+        if (!panel || index === this._selected.value)
+            return;
+        this.value = valueOf(panel, index);
+        this.emit(tabsInputEvent);
+        this.emit(tabsChangeEvent);
+    }
+    /** @internal A tab received focus: with automatic activation, it is selected. */
+    _onTabFocus(index) {
+        if (this.activation === 'automatic')
+            this._select(index);
+    }
+    #list() {
+        return this.shadowRoot?.querySelector('[part~="list"]');
+    }
+    #focusOptions() {
+        const host = this;
+        return {
+            target: () => this.#list(),
+            items: () => [...(this.shadowRoot?.querySelectorAll('[part~="tab"]') ?? [])],
+            // Read on each key press, so a new orientation applies at once.
+            get orientation() {
+                return host.orientation;
+            },
+            onActiveChange: (index) => (this._active.value = index),
+        };
+    }
+    connected(scope) {
+        this._panelsChanged();
+        const observer = new MutationObserver(() => this._panelsChanged());
+        observer.observe(this, { childList: true });
+        scope.add(() => observer.disconnect(), 'tab panels');
+    }
+    mounted(scope) {
+        scope.use(this.#roving);
+        // Panels are assigned to their tab panels after each render.
+        scope.effect(() => {
+            const panels = this._panels.value;
+            const slots = this.shadowRoot.querySelectorAll('[part~="panel"] > slot');
+            panels.forEach((panel, i) => slots[i]?.assign(panel));
+        }, { phase: 'post', name: '<odd-tabs> panel slots' });
+        // The selected tab holds the Tab stop whenever focus is outside the tab list.
+        scope.effect(() => {
+            const selected = this._selected.value;
+            untracked(() => this.#roving.setActive(selected));
+        }, { phase: 'post', name: '<odd-tabs> tab stop' });
+        scope.listen(this.#list(), 'focusout', (event) => {
+            if (!this.#list().contains(event.relatedTarget))
+                this.#roving.setActive(this._selected.value);
+        });
+    }
+}
+//# sourceMappingURL=tabs.js.map

package/dist/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA2B,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAsB,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAiB,MAAM,uBAAuB,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,qCAAqC;AACrC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,EAAE;IAC3C,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AACH,0EAA0E;AAC1E,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,EAAE;IAC7C,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH,4DAA4D;AAC5D,MAAM,OAAO,GAAG,CAAC,KAAqB,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;AAEvF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,OAAO,UAAW,SAAQ,aAAa,CAAC,IAAI,CAAC;IACjD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC;IACvE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;QACjB,OAAO,EAAE,EAAE;QACX,WAAW,EACT,+GAA+G;KAClH,CAAC;IACF,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE;QACjD,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,0DAA0D;KACxE,CAAC;IACF,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE;QAC7C,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,yEAAyE;KACvF,CAAC;CACH,CAAC;IACA,MAAM,CAAU,iBAAiB,GAAmB,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC/F,MAAM,CAAU,MAAM,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;IAG5E,wDAAwD;IAC/C,OAAO,GAAG,MAAM,CAA4B,EAAE,CAAC,CAAC;IACzD,8EAA8E;IACrE,SAAS,GAAqB,QAAQ,CAAC,GAAG,EAAE;QACnD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QAClC,MAAM,OAAO,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;QACrF,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IACH,6EAA6E;IACpE,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAEpB,OAAO,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAEzD,iFAAiF;IACjF,cAAc;QACZ,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,cAAc,CAAC,CAAC;IACrF,CAAC;IAED,yCAAyC;IACzC,OAAO,CAAC,KAAa;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK;YAAE,OAAO;QACrD,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC7B,CAAC;IAED,iFAAiF;IACjF,WAAW,CAAC,KAAa;QACvB,IAAI,IAAI,CAAC,UAAU,KAAK,WAAW;YAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAc,gBAAgB,CAAC,CAAC;IACvE,CAAC;IAED,aAAa;QACX,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,OAAO;YACL,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;YAC1B,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAc,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;YACzF,gEAAgE;YAChE,IAAI,WAAW;gBACb,OAAO,IAAI,CAAC,WAAW,CAAC;YAC1B,CAAC;YACD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;SACxD,CAAC;IACJ,CAAC;IAEkB,SAAS,CAAC,KAAY;QACvC,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QACnE,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5C,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,YAAY,CAAC,CAAC;IACvD,CAAC;IAEkB,OAAO,CAAC,KAAY;QACrC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACxB,6DAA6D;QAC7D,KAAK,CAAC,MAAM,CACV,GAAG,EAAE;YACH,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAW,CAAC,gBAAgB,CAAkB,wBAAwB,CAAC,CAAC;YAC3F,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACxD,CAAC,EACD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAClD,CAAC;QACF,8EAA8E;QAC9E,KAAK,CAAC,MAAM,CACV,GAAG,EAAE;YACH,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;YACtC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QACpD,CAAC,EACD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAC/C,CAAC;QACF,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAG,EAAE,UAAU,EAAE,CAAC,KAAiB,EAAE,EAAE;YAC5D,IAAI,CAAC,IAAI,CAAC,KAAK,EAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC;gBAC7D,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

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

@@ -0,0 +1,6 @@
+/**
+ * A row of tabs above the panels (a column beside them when vertical); tabs wrap rather than
+ * overflow. No brand or visual tokens.
+ */
+export declare const tabsStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=tabs.structural.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.structural.styles.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.structural.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,yCAmEhC,CAAC"}

package/dist/tabs/tabs.structural.styles.js

@@ -0,0 +1,74 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * A row of tabs above the panels (a column beside them when vertical); tabs wrap rather than
+ * overflow. No brand or visual tokens.
+ */
+export const tabsStructuralStyles = css `
+  :host {
+    display: block;
+  }
+  .tabs {
+    display: flex;
+    flex-direction: column;
+    min-inline-size: 0;
+  }
+  .list {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .tab {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: center;
+    overflow-wrap: anywhere;
+    cursor: pointer;
+  }
+  .tab:disabled {
+    cursor: not-allowed;
+  }
+  .panels {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    min-inline-size: 0;
+  }
+  .panels::before {
+    content: '';
+    flex: none;
+  }
+  .panel {
+    min-inline-size: 0;
+  }
+  :host([orientation='vertical']) .tabs,
+  :host([orientation='vertical']) .panels {
+    flex-direction: row;
+  }
+  :host([orientation='vertical']) .list {
+    flex: none;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    max-inline-size: 40%;
+  }
+  :host([orientation='vertical']) .panel {
+    flex: 1 1 auto;
+  }
+  @media (forced-colors: active) {
+    .tabs {
+      border-color: CanvasText;
+    }
+    .tabs .tab[aria-selected='true'] {
+      background: Highlight;
+      color: HighlightText;
+    }
+    .tabs .tab:disabled {
+      color: GrayText;
+    }
+  }
+`;
+//# sourceMappingURL=tabs.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.structural.styles.js","sourceRoot":"","sources":["../../src/tabs/tabs.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEtC,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Oddkin's default tabs: Figma `Tabs` (a bordered default surface with `card/radius`; the selected
+ * tab in the selection colours with `control/radius`, the others in the secondary text colour; a
+ * divider between the tabs and the panel).
+ */
+export declare const tabsStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=tabs.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,UAAU,yCA4CtB,CAAC"}

package/dist/tabs/tabs.styles.js

@@ -0,0 +1,53 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default tabs: Figma `Tabs` (a bordered default surface with `card/radius`; the selected
+ * tab in the selection colours with `control/radius`, the others in the secondary text colour; a
+ * divider between the tabs and the panel).
+ */
+export const tabsStyles = css `
+  .tabs {
+    border: ${token('border.width.default')} solid ${token('color.border.default')};
+    border-radius: var(--odd-tabs-radius, ${token('card.radius')});
+    background: var(--odd-tabs-background, ${token('color.surface.default')});
+    color: ${token('color.text.primary')};
+    font-family: ${token('type.ui.family')};
+    font-size: ${token('type.ui.size')};
+    font-weight: ${token('type.ui.weight')};
+    line-height: ${token('type.ui.line-height')};
+  }
+  .list {
+    gap: ${token('space.xs')};
+    padding: ${token('space.xs')};
+  }
+  .tab {
+    min-block-size: ${token('control.height.sm')};
+    padding: ${token('space.xs')} ${token('space.lg')};
+    border-radius: ${token('control.radius')};
+    color: ${token('color.text.secondary')};
+  }
+  .tab[aria-selected='true'] {
+    background: ${token('color.selection.background')};
+    color: ${token('color.selection.foreground')};
+  }
+  .tab:disabled {
+    color: ${token('color.text.disabled')};
+  }
+  @media (hover: hover) {
+    .tab:not(:disabled, [aria-selected='true']):hover {
+      background: ${token('color.surface.hover')};
+    }
+  }
+  .panels::before {
+    block-size: ${token('border.width.default')};
+    background: ${token('color.border.default')};
+  }
+  :host([orientation='vertical']) .panels::before {
+    block-size: auto;
+    inline-size: ${token('border.width.default')};
+  }
+  .panel {
+    padding: ${token('space.md')};
+  }
+`;
+//# sourceMappingURL=tabs.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.styles.js","sourceRoot":"","sources":["../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;cAEf,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;4CACtC,KAAK,CAAC,aAAa,CAAC;6CACnB,KAAK,CAAC,uBAAuB,CAAC;aAC9D,KAAK,CAAC,oBAAoB,CAAC;mBACrB,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;;;WAGpC,KAAK,CAAC,UAAU,CAAC;eACb,KAAK,CAAC,UAAU,CAAC;;;sBAGV,KAAK,CAAC,mBAAmB,CAAC;eACjC,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC;qBAChC,KAAK,CAAC,gBAAgB,CAAC;aAC/B,KAAK,CAAC,sBAAsB,CAAC;;;kBAGxB,KAAK,CAAC,4BAA4B,CAAC;aACxC,KAAK,CAAC,4BAA4B,CAAC;;;aAGnC,KAAK,CAAC,qBAAqB,CAAC;;;;oBAIrB,KAAK,CAAC,qBAAqB,CAAC;;;;kBAI9B,KAAK,CAAC,sBAAsB,CAAC;kBAC7B,KAAK,CAAC,sBAAsB,CAAC;;;;mBAI5B,KAAK,CAAC,sBAAsB,CAAC;;;eAGjC,KAAK,CAAC,UAAU,CAAC;;CAE/B,CAAC"}

package/dist/tabs/tabs.template.d.ts

@@ -0,0 +1,7 @@
+import type { OddkinTabs } from './tabs.js';
+/**
+ * Anatomy: `part="base"` with the `list` of `tab` buttons and one `panel` per `odd-tab-panel`
+ * child, each holding a slot the element assigns that panel to.
+ */
+export declare const tabsTemplate: (tabs: OddkinTabs) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=tabs.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.template.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,mDAgD5C,CAAC"}

package/dist/tabs/tabs.template.js

@@ -0,0 +1,49 @@
+import { html } from '@oddkin/core/template';
+/**
+ * Anatomy: `part="base"` with the `list` of `tab` buttons and one `panel` per `odd-tab-panel`
+ * child, each holding a slot the element assigns that panel to.
+ */
+export const tabsTemplate = (tabs) => {
+    const panels = tabs._panels.value;
+    const selected = tabs._selected.value;
+    const active = tabs._active.value;
+    return html `<div part="base" class="tabs">
+    <div
+      part="list"
+      class="list"
+      role="tablist"
+      aria-label=${tabs.label || null}
+      aria-orientation=${tabs.orientation}
+    >
+      ${panels.map((panel, i) => html `<button
+            part="tab"
+            class="tab"
+            type="button"
+            role="tab"
+            id=${`tab-${i}`}
+            aria-selected=${i === selected ? 'true' : 'false'}
+            aria-controls=${`panel-${i}`}
+            tabindex=${i === active ? '0' : '-1'}
+            ?disabled=${panel.disabled}
+            @click=${() => tabs._select(i)}
+            @focus=${() => tabs._onTabFocus(i)}
+          >
+            ${panel.label}
+          </button>`)}
+    </div>
+    <div class="panels">
+      ${panels.map((_panel, i) => html `<div
+            part="panel"
+            class="panel"
+            role="tabpanel"
+            id=${`panel-${i}`}
+            aria-labelledby=${`tab-${i}`}
+            tabindex="0"
+            ?hidden=${i !== selected}
+          >
+            <slot></slot>
+          </div>`)}
+    </div>
+  </div>`;
+};
+//# sourceMappingURL=tabs.template.js.map

package/dist/tabs/tabs.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.template.js","sourceRoot":"","sources":["../../src/tabs/tabs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAE,EAAE;IAC/C,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;IACtC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAClC,OAAO,IAAI,CAAA;;;;;mBAKM,IAAI,CAAC,KAAK,IAAI,IAAI;yBACZ,IAAI,CAAC,WAAW;;QAEjC,MAAM,CAAC,GAAG,CACV,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACX,IAAI,CAAA;;;;;iBAKG,OAAO,CAAC,EAAE;4BACC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BACjC,SAAS,CAAC,EAAE;uBACjB,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;wBACxB,KAAK,CAAC,QAAQ;qBACjB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;qBACrB,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;;cAEhC,KAAK,CAAC,KAAK;oBACL,CACb;;;QAGC,MAAM,CAAC,GAAG,CACV,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CACZ,IAAI,CAAA;;;;iBAIG,SAAS,CAAC,EAAE;8BACC,OAAO,CAAC,EAAE;;sBAElB,CAAC,KAAK,QAAQ;;;iBAGnB,CACV;;SAEE,CAAC;AACV,CAAC,CAAC"}

package/dist/textarea/foundation.d.ts

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { OddkinTextarea, TEXTAREA_STRINGS, inputEvent, changeEvent } from './textarea.js';
+export { textareaTemplate } from './textarea.template.js';
+export { textareaStructuralStyles } from './textarea.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/textarea/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/textarea/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/textarea/foundation.js

@@ -0,0 +1,8 @@
+// Skin-free foundation: behavior, anatomy, and structural styles (shared host defaults first).
+// Loads no default visual styles and registers nothing (multi-product.md §4).
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { OddkinTextarea, TEXTAREA_STRINGS, inputEvent, changeEvent } from './textarea.js';
+export { textareaTemplate } from './textarea.template.js';
+export { textareaStructuralStyles } from './textarea.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/textarea/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/textarea/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/textarea/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinTextarea, TEXTAREA_STRINGS, inputEvent, changeEvent } from './textarea.js';
+export { textareaTemplate } from './textarea.template.js';
+export { textareaStructuralStyles } from './textarea.structural.styles.js';
+export { textareaStyles } from './textarea.styles.js';
+export { textareaDefinition } from './textarea.definition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/textarea/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/textarea`.
+export { OddkinTextarea, TEXTAREA_STRINGS, inputEvent, changeEvent } from './textarea.js';
+export { textareaTemplate } from './textarea.template.js';
+export { textareaStructuralStyles } from './textarea.structural.styles.js';
+export { textareaStyles } from './textarea.styles.js';
+export { textareaDefinition } from './textarea.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/textarea/index.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}