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

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"}

package/dist/textarea/textarea.d.ts

@@ -0,0 +1,59 @@
+import { type ElementEvents } from '@oddkin/core/element';
+import { type Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+import { OddkinTextControl, changeEvent, inputEvent } from '../form-control/text-control.js';
+export { changeEvent, inputEvent };
+export declare const TEXTAREA_STRINGS: {
+    count: string;
+};
+declare const OddkinTextarea_base: import("@oddkin/core/element").WithProps<typeof OddkinTextControl, {
+    readonly rows: import("@oddkin/core/element").PropDefinition<number>;
+    readonly resize: import("@oddkin/core/element").PropDefinition<"auto" | "none" | "vertical">;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        count: string;
+    }> | undefined>;
+}>;
+/**
+ * A labelled multi-line text field that participates in forms like a native textarea, with a
+ * character count while `maxlength` is set.
+ *
+ * @csspart field - Wrapper of label, description, control, error, and count.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The native `<textarea>`.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @csspart count - The character count under the field ("12 / 200 characters") while `maxlength` is set and no error shows; referenced by `aria-describedby`, not announced while typing.
+ * @cssprop --odd-field-height - Minimum height (never below the target-size token). Shared by every form control and the field recipe.
+ * @cssprop --odd-field-radius - Corner radius. Shared by every form control and the field recipe.
+ * @cssprop --odd-field-border-color - Border colour. Shared by every form control and the field recipe.
+ * @cssprop --odd-field-background - Background colour. Shared by every form control and the field recipe.
+ * @cssprop --odd-textarea-max-height - Tallest a `resize="auto"` field grows before it scrolls (default 40vh).
+ * @cssstate user-invalid - The field shows its error: `error` is set, or the value is invalid after the user left the field or a validity check failed. Matches `aria-invalid` on the inner control; style it with `odd-textarea:state(user-invalid)`.
+ * @a11y `label` names the native textarea inside the shadow root; a `<label for>` outside it cannot. Description, error, and count are announced through `aria-describedby`; `aria-invalid` is set for `error`, or for an invalid value after the user leaves the field or a validity check fails; reset clears it.
+ * @keyboard Native textarea behavior: Enter inserts a line break; Tab moves focus.
+ * @previewRole textArea
+ * @useFor Multi-line text in forms: descriptions, comments, messages.
+ * @notFor A single line (use odd-input); rich text.
+ * @limitation `resize="auto"` grows with `field-sizing: content` where the engine has it; elsewhere the element measures the field as its value or width changes. iOS and Firefox for Android draw no resize handle.
+ * @limitation Validation bubbles anchor to the inner textarea. `formStateRestoreCallback` restores the value; autofill depends on the inner textarea's `autocomplete`.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinTextarea extends OddkinTextarea_base {
+    readonly _events?: ElementEvents<typeof OddkinTextarea>;
+    /** @internal The engine sizes a field to its content; otherwise `resize="auto"` measures it. */
+    static _fieldSizing: boolean;
+    /** @internal The count text, bound directly so typing does not re-render the field. */
+    readonly _count: Readable<string>;
+    /** @internal The count shows under a length limit, unless the error takes its place. */
+    get _countShown(): boolean;
+    get _describedBy(): string | null;
+    protected _sanitize(text: string): string;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-textarea': OddkinTextarea;
+    }
+}
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/textarea/textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7F,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AAEnC,eAAO,MAAM,gBAAgB;IAAK,KAAK;CAAgC,CAAC;;;;;;;;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,cAAe,SAAQ,mBAclC;IACA,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,cAAc,CAAC,CAAC;IAEhE,gGAAgG;IAChG,MAAM,CAAC,YAAY,UAAyE;IAE5F,uFAAuF;IACvF,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAM9B;IAEH,wFAAwF;IACxF,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAa,YAAY,IAAI,MAAM,GAAG,IAAI,CAEzC;IAGD,UAAmB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEjD;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CA4B7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC;CACF"}

package/dist/textarea/textarea.define.d.ts

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

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

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

package/dist/textarea/textarea.define.js

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

package/dist/textarea/textarea.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.define.js","sourceRoot":"","sources":["../../src/textarea/textarea.define.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/textarea/textarea.definition.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.definition.d.ts","sourceRoot":"","sources":["../../src/textarea/textarea.definition.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAK/C,eAAO,MAAM,kBAAkB,kEAY7B,CAAC"}

package/dist/textarea/textarea.definition.js

@@ -0,0 +1,23 @@
+import { compose } from '@oddkin/core/element';
+import { controlStyles } from '../styles/control.styles.js';
+import { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinTextarea } from './textarea.js';
+import { textareaStructuralStyles } from './textarea.structural.styles.js';
+import { textareaStyles } from './textarea.styles.js';
+import { textareaTemplate } from './textarea.template.js';
+export const textareaDefinition = compose({
+    name: 'odd-textarea',
+    element: OddkinTextarea,
+    template: textareaTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        textareaStructuralStyles,
+        focusRingStyles,
+        controlStyles,
+        textareaStyles,
+    ],
+});
+//# sourceMappingURL=textarea.definition.js.map

package/dist/textarea/textarea.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.definition.js","sourceRoot":"","sources":["../../src/textarea/textarea.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACxC,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,wBAAwB;QACxB,eAAe;QACf,aAAa;QACb,cAAc;KACf;CACF,CAAC,CAAC"}

package/dist/textarea/textarea.js

@@ -0,0 +1,98 @@
+import { ResizeController } from '@oddkin/core/controllers/observe';
+import { prop } from '@oddkin/core/element';
+import { format, formatNumber, langOf, strings } from '@oddkin/core/i18n';
+import { computed } from '@oddkin/core/reactive';
+import { OddkinTextControl, changeEvent, inputEvent } from '../form-control/text-control.js';
+export { changeEvent, inputEvent };
+export const TEXTAREA_STRINGS = { count: '{count} / {max} characters' };
+/**
+ * A labelled multi-line text field that participates in forms like a native textarea, with a
+ * character count while `maxlength` is set.
+ *
+ * @csspart field - Wrapper of label, description, control, error, and count.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The native `<textarea>`.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @csspart count - The character count under the field ("12 / 200 characters") while `maxlength` is set and no error shows; referenced by `aria-describedby`, not announced while typing.
+ * @cssprop --odd-field-height - Minimum height (never below the target-size token). Shared by every form control and the field recipe.
+ * @cssprop --odd-field-radius - Corner radius. Shared by every form control and the field recipe.
+ * @cssprop --odd-field-border-color - Border colour. Shared by every form control and the field recipe.
+ * @cssprop --odd-field-background - Background colour. Shared by every form control and the field recipe.
+ * @cssprop --odd-textarea-max-height - Tallest a `resize="auto"` field grows before it scrolls (default 40vh).
+ * @cssstate user-invalid - The field shows its error: `error` is set, or the value is invalid after the user left the field or a validity check failed. Matches `aria-invalid` on the inner control; style it with `odd-textarea:state(user-invalid)`.
+ * @a11y `label` names the native textarea inside the shadow root; a `<label for>` outside it cannot. Description, error, and count are announced through `aria-describedby`; `aria-invalid` is set for `error`, or for an invalid value after the user leaves the field or a validity check fails; reset clears it.
+ * @keyboard Native textarea behavior: Enter inserts a line break; Tab moves focus.
+ * @previewRole textArea
+ * @useFor Multi-line text in forms: descriptions, comments, messages.
+ * @notFor A single line (use odd-input); rich text.
+ * @limitation `resize="auto"` grows with `field-sizing: content` where the engine has it; elsewhere the element measures the field as its value or width changes. iOS and Firefox for Android draw no resize handle.
+ * @limitation Validation bubbles anchor to the inner textarea. `formStateRestoreCallback` restores the value; autofill depends on the inner textarea's `autocomplete`.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export class OddkinTextarea extends OddkinTextControl.with({
+    rows: prop.number({
+        default: 4,
+        description: 'Visible lines; the least the field shows while `resize` is `auto`.',
+    }),
+    resize: prop.enum(['vertical', 'none', 'auto'], {
+        default: 'vertical',
+        reflect: true,
+        description: 'How the field changes height: the user drags it (`vertical`), never (`none`), or it follows its content (`auto`).',
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides; `count` takes `{count}` and `{max}`.',
+    }),
+}) {
+    /** @internal The engine sizes a field to its content; otherwise `resize="auto"` measures it. */
+    static _fieldSizing = typeof CSS !== 'undefined' && CSS.supports('field-sizing', 'content');
+    /** @internal The count text, bound directly so typing does not re-render the field. */
+    _count = computed(() => {
+        const locale = langOf(this);
+        return format(strings(TEXTAREA_STRINGS, this.strings).count, {
+            count: formatNumber(this.value.length, locale),
+            max: formatNumber(this.maxLength ?? 0, locale),
+        });
+    });
+    /** @internal The count shows under a length limit, unless the error takes its place. */
+    get _countShown() {
+        return this.maxLength !== undefined && !this.error;
+    }
+    get _describedBy() {
+        return [super._describedBy, this._countShown && 'count'].filter(Boolean).join(' ') || null;
+    }
+    // As a native textarea, the value's line breaks are line feeds.
+    _sanitize(text) {
+        return text.replace(/\r\n?/g, '\n');
+    }
+    mounted(scope) {
+        super.mounted(scope);
+        const area = this.shadowRoot.querySelector('textarea');
+        let inline = 0;
+        const measure = () => {
+            area.style.blockSize = 'auto';
+            const style = getComputedStyle(area);
+            const borders = parseFloat(style.borderBlockStartWidth) + parseFloat(style.borderBlockEndWidth);
+            area.style.blockSize = `${area.scrollHeight + borders}px`;
+        };
+        const measured = () => this.resize === 'auto' && !OddkinTextarea._fieldSizing;
+        scope.effect(() => {
+            area.style.setProperty('--_rows', String(this.rows));
+            void this._currentValue.value;
+            if (measured())
+                measure();
+            else
+                area.style.removeProperty('block-size');
+        });
+        // A narrower field wraps more lines.
+        const resize = new ResizeController(([entry]) => {
+            const size = entry.borderBoxSize[0].inlineSize;
+            if (size !== inline && measured())
+                measure();
+            inline = size;
+        }, { targets: () => [area] });
+        scope.use(resize);
+    }
+}
+//# sourceMappingURL=textarea.js.map

package/dist/textarea/textarea.js.map

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

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

@@ -0,0 +1,7 @@
+/**
+ * The textarea is a block; its field layout is the shared `fieldStructuralStyles`. The user
+ * drags its height (`resize="vertical"`), or it follows its content (`resize="auto"`: native
+ * field sizing where the engine has it, a measured height otherwise). No brand tokens.
+ */
+export declare const textareaStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=textarea.structural.styles.d.ts.map

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

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

package/dist/textarea/textarea.structural.styles.js

@@ -0,0 +1,24 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * The textarea is a block; its field layout is the shared `fieldStructuralStyles`. The user
+ * drags its height (`resize="vertical"`), or it follows its content (`resize="auto"`: native
+ * field sizing where the engine has it, a measured height otherwise). No brand tokens.
+ */
+export const textareaStructuralStyles = css `
+  :host {
+    display: block;
+  }
+  .control {
+    resize: vertical;
+  }
+  :host([resize='none']) .control,
+  :host([resize='auto']) .control {
+    resize: none;
+  }
+  @supports (field-sizing: content) {
+    :host([resize='auto']) .control {
+      field-sizing: content;
+    }
+  }
+`;
+//# sourceMappingURL=textarea.structural.styles.js.map

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

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

package/dist/textarea/textarea.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Oddkin's default textarea beyond the shared control module (Figma `textarea`): the text inset
+ * on every side; while it follows its content, at least `rows` lines and at most
+ * `--odd-textarea-max-height`.
+ */
+export declare const textareaStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=textarea.styles.d.ts.map

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

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

package/dist/textarea/textarea.styles.js

@@ -0,0 +1,19 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default textarea beyond the shared control module (Figma `textarea`): the text inset
+ * on every side; while it follows its content, at least `rows` lines and at most
+ * `--odd-textarea-max-height`.
+ */
+export const textareaStyles = css `
+  .control {
+    padding-block: ${token('space.sm')};
+  }
+  :host([resize='auto']) .control {
+    min-block-size: calc(
+      var(--_rows) * 1lh + 2 * ${token('space.sm')} + 2 * ${token('border.width.default')}
+    );
+    max-block-size: var(--odd-textarea-max-height, 40vh);
+  }
+`;
+//# sourceMappingURL=textarea.styles.js.map

package/dist/textarea/textarea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.styles.js","sourceRoot":"","sources":["../../src/textarea/textarea.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,cAAc,GAAG,GAAG,CAAA;;qBAEZ,KAAK,CAAC,UAAU,CAAC;;;;iCAIL,KAAK,CAAC,UAAU,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;;;;CAIxF,CAAC"}

package/dist/textarea/textarea.template.d.ts

@@ -0,0 +1,8 @@
+import type { OddkinTextarea } from './textarea.js';
+/**
+ * Anatomy: the shared field over a native `<textarea part="control">` labelled in the same
+ * shadow root, `description` and `error` parts, and a `count` part under the field while
+ * `maxlength` is set (Figma draws one line there: the count, or the error that replaces it).
+ */
+export declare const textareaTemplate: (textarea: OddkinTextarea) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=textarea.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.template.d.ts","sourceRoot":"","sources":["../../src/textarea/textarea.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,aAAc,cAAc,mDAsChD,CAAC"}

package/dist/textarea/textarea.template.js

@@ -0,0 +1,47 @@
+import { live } from '@oddkin/core/helpers/live';
+import { html } from '@oddkin/core/template';
+import { externalDescriptionTemplate } from '../form-control/description.js';
+/**
+ * Anatomy: the shared field over a native `<textarea part="control">` labelled in the same
+ * shadow root, `description` and `error` parts, and a `count` part under the field while
+ * `maxlength` is set (Figma draws one line there: the count, or the error that replaces it).
+ */
+export const textareaTemplate = (textarea) => html `<div part="field" class="field">
+    <label part="label" class="label" for="control" ?hidden=${!textarea.label}>
+      ${textarea.label}
+    </label>
+    <div part="description" id="description" class="description" ?hidden=${!textarea.description}>
+      ${textarea.description}
+    </div>
+    <textarea
+      part="control"
+      id="control"
+      class="control"
+      .value=${live(textarea._currentValue)}
+      name=${textarea.name || null}
+      placeholder=${textarea.placeholder || null}
+      autocomplete=${textarea.autocomplete || null}
+      rows=${textarea.rows}
+      minlength=${textarea.minLength ?? null}
+      maxlength=${textarea.maxLength ?? null}
+      inputmode=${textarea._hints.get('inputmode')}
+      enterkeyhint=${textarea._hints.get('enterkeyhint')}
+      autocapitalize=${textarea._hints.get('autocapitalize')}
+      autocorrect=${textarea._hints.get('autocorrect')}
+      spellcheck=${textarea._hints.get('spellcheck')}
+      ?required=${textarea.required}
+      ?disabled=${textarea.disabled || textarea._formDisabled.value}
+      ?readonly=${textarea.readonly}
+      aria-describedby=${textarea._describedBy}
+      aria-invalid=${textarea._userInvalid.value ? 'true' : null}
+      @input=${textarea._onInput}
+      @change=${textarea._onChange}
+      @blur=${textarea._onBlur}
+    ></textarea>
+    <div part="error" id="error" class="error" ?hidden=${!textarea.error}>${textarea.error}</div>
+    <div part="count" id="count" class="description" ?hidden=${!textarea._countShown}>
+      ${textarea._count}
+    </div>
+    ${externalDescriptionTemplate(textarea._externalDescription)}
+  </div>`;
+//# sourceMappingURL=textarea.template.js.map

package/dist/textarea/textarea.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.template.js","sourceRoot":"","sources":["../../src/textarea/textarea.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAG7E;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAwB,EAAE,EAAE,CAC3D,IAAI,CAAA;8DACwD,CAAC,QAAQ,CAAC,KAAK;QACrE,QAAQ,CAAC,KAAK;;2EAEqD,CAAC,QAAQ,CAAC,WAAW;QACxF,QAAQ,CAAC,WAAW;;;;;;eAMb,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;aAC9B,QAAQ,CAAC,IAAI,IAAI,IAAI;oBACd,QAAQ,CAAC,WAAW,IAAI,IAAI;qBAC3B,QAAQ,CAAC,YAAY,IAAI,IAAI;aACrC,QAAQ,CAAC,IAAI;kBACR,QAAQ,CAAC,SAAS,IAAI,IAAI;kBAC1B,QAAQ,CAAC,SAAS,IAAI,IAAI;kBAC1B,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC;qBAC7B,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;uBACjC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC;oBACxC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC;mBACnC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC;kBAClC,QAAQ,CAAC,QAAQ;kBACjB,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK;kBACjD,QAAQ,CAAC,QAAQ;yBACV,QAAQ,CAAC,YAAY;qBACzB,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;eACjD,QAAQ,CAAC,QAAQ;gBAChB,QAAQ,CAAC,SAAS;cACpB,QAAQ,CAAC,OAAO;;yDAE2B,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK;+DAC3B,CAAC,QAAQ,CAAC,WAAW;QAC5E,QAAQ,CAAC,MAAM;;MAEjB,2BAA2B,CAAC,QAAQ,CAAC,oBAAoB,CAAC;SACvD,CAAC"}

package/dist/toast/foundation.d.ts

@@ -0,0 +1,7 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinToast } from './toast.js';
+export { toastTemplate } from './toast.template.js';
+export { toastStructuralStyles } from './toast.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/toast/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/toast/foundation.js

@@ -0,0 +1,9 @@
+// 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 { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinToast } from './toast.js';
+export { toastTemplate } from './toast.template.js';
+export { toastStructuralStyles } from './toast.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/toast/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/toast/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/toast/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinToast } from './toast.js';
+export { toastTemplate } from './toast.template.js';
+export { toastStructuralStyles } from './toast.structural.styles.js';
+export { toastStyles } from './toast.styles.js';
+export { toastDefinition } from './toast.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/toast/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/toast`.
+export { OddkinToast } from './toast.js';
+export { toastTemplate } from './toast.template.js';
+export { toastStructuralStyles } from './toast.structural.styles.js';
+export { toastStyles } from './toast.styles.js';
+export { toastDefinition } from './toast.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/toast/toast.d.ts

@@ -0,0 +1,58 @@
+import { OddkinElement } from '@oddkin/core/element';
+import { type Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+export declare const TOAST_STRINGS: {
+    close: string;
+};
+declare const OddkinToast_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly tone: import("@oddkin/core/element").PropDefinition<"danger" | "info" | "neutral" | "success" | "warning">;
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly duration: import("@oddkin/core/element").PropDefinition<number>;
+    readonly open: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        close: string;
+    }> | undefined>;
+}>;
+/**
+ * A short message about something that just happened, at the block-end and inline-end corner of
+ * the viewport: a tone glyph, a title, the message, an optional action, and a close button. It
+ * closes by itself after `duration` unless it has an action; no toast's time runs while the
+ * pointer or focus is on any open toast, or while the page is hidden (WCAG 2.2.1). Open toasts
+ * stack in document order, the last at the corner, so reading and Tab order follow the screen.
+ *
+ * @slot - The message.
+ * @slot end - One action, such as "Undo". A toast with an action stays until it is closed.
+ * @csspart base - The glyph, the title, the message, the action, and the close button.
+ * @csspart marker - The tone glyph.
+ * @csspart label - The title.
+ * @csspart close - The close button.
+ * @cssprop --odd-toast-inline-size - Its width, within the viewport.
+ * @a11y A `status` live region, or an `alert` for `danger`, announced when it opens: its title and message join the region just after it shows. Opening it never moves focus; keep toasts after the controls that raise them, so Tab reaches an action. The close button is named by `strings.close`.
+ * @keyboard Tab reaches its action and its close button in document order. Focus in any open toast pauses them all.
+ * @previewRole toast
+ * @useFor A passing result of the user's action: saved, sent, copied, with Undo or Retry.
+ * @notFor A message that must stay with its region (use odd-alert); a decision (use odd-dialog); a field error (use the field's `error`).
+ * @category Overlays
+ * @customization 1 2 3
+ */
+export declare class OddkinToast extends OddkinToast_base {
+    #private;
+    /** @internal Whether the title and message are in the live region yet. */
+    readonly _revealed: import("@oddkin/core/reactive").Signal<boolean>;
+    /** @internal The built-in text with the author's overrides. */
+    readonly _strings: Readable<typeof TOAST_STRINGS>;
+    /** Shows it and starts its time. */
+    show(): void;
+    /** Closes it; focus inside returns to where it was before it opened. */
+    close(): void;
+    protected connected(scope: Scope): void;
+    protected mounted(scope: Scope): void;
+    protected updated(changes: ReadonlyMap<string, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-toast': OddkinToast;
+    }
+}
+export {};
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/toast/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAW,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAIzD,eAAO,MAAM,aAAa;IACxB,KAAK;CACN,CAAC;;;;;;;;;;AAUF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,WAAY,SAAQ,gBAgB/B;;IAWA,0EAA0E;IAC1E,QAAQ,CAAC,SAAS,kDAAiB;IAEnC,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,aAAa,CAAC,CAE/C;IAEF,oCAAoC;IACpC,IAAI,IAAI,IAAI,CAEX;IAED,wEAAwE;IACxE,KAAK,IAAI,IAAI,CAEZ;IAgBD,UAAmB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAoC/C;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAI7C;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAEtE;CAgEF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;CACF"}

package/dist/toast/toast.define.d.ts

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

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

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

package/dist/toast/toast.define.js

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

package/dist/toast/toast.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.define.js","sourceRoot":"","sources":["../../src/toast/toast.define.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,eAAe,CAAC,CAAC"}

package/dist/toast/toast.definition.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.definition.d.ts","sourceRoot":"","sources":["../../src/toast/toast.definition.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKzC,eAAO,MAAM,eAAe,+DAa1B,CAAC"}

package/dist/toast/toast.definition.js

@@ -0,0 +1,25 @@
+import { compose } from '@oddkin/core/element';
+import { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+import { glyphStyles } from '../styles/glyphs.js';
+import { toneStyles } from '../styles/tone.styles.js';
+import { overlaySurfaceStyles } from '../styles/overlay-surface.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinToast } from './toast.js';
+import { toastStructuralStyles } from './toast.structural.styles.js';
+import { toastStyles } from './toast.styles.js';
+import { toastTemplate } from './toast.template.js';
+export const toastDefinition = compose({
+    name: 'odd-toast',
+    element: OddkinToast,
+    template: toastTemplate,
+    styles: [
+        hostStyles,
+        toastStructuralStyles,
+        overlaySurfaceStructuralStyles,
+        glyphStyles,
+        toneStyles,
+        overlaySurfaceStyles,
+        toastStyles,
+    ],
+});
+//# sourceMappingURL=toast.definition.js.map

package/dist/toast/toast.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.definition.js","sourceRoot":"","sources":["../../src/toast/toast.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC;IACrC,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,8BAA8B;QAC9B,WAAW;QACX,UAAU;QACV,oBAAoB;QACpB,WAAW;KACZ;CACF,CAAC,CAAC"}