@antscorp/ui 0.1.3 → 0.1.5

package/dist/lib/forwardable.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Props taken from another component (`Pick`/`Omit`) whose optional ones also accept `undefined`,
+ * as the kit's own props do, so a host under `exactOptionalPropertyTypes` can forward its own
+ * optional value (`isDisabled={props.isDisabled}`). Required props stay as they are.
+ */
+export type Forwardable<T> = {
+    [K in keyof T]: Partial<Pick<T, K>> extends Pick<T, K> ? T[K] | undefined : T[K];
+};

package/dist/lib/iso.d.ts

@@ -3,11 +3,11 @@ import { type ISODateString, type ISOTimeString } from "@astryxdesign/core/utils
 export declare function timeValue(time: string): {
     readonly value?: ISOTimeString;
 };
-/** Spread into a date input: `{ value }` when `date` is `YYYY-MM-DD`, `{}` otherwise. */
+/** Spread into a date input: `{ value }` for a valid calendar date in `YYYY-MM-DD`, `{}` otherwise. */
 export declare function dateValue(date: string): {
     readonly value?: ISODateString;
 };
-/** Spread into a date input: `{ min }` when `min` is `YYYY-MM-DD`, `{}` otherwise. */
+/** Spread into a date input: `{ min }` for a valid calendar date in `YYYY-MM-DD`, `{}` otherwise. */
 export declare function minDate(min: string | undefined): {
     readonly min?: ISODateString;
 };

package/dist/lib/iso.js

@@ -1,14 +1,22 @@
-import { createISOTimeString as e } from "@astryxdesign/core/utils";
+import { createISOTimeString as e, parseISO as t } from "@astryxdesign/core/utils";
 // src/lib/iso.ts
-function t(t) {
+function n(t) {
 	let n = e(t);
 	return n === null ? {} : { value: n };
 }
-var n = (e) => /^\d{4}-\d{2}-\d{2}$/u.test(e);
-function r(e) {
-	return n(e) ? { value: e } : {};
-}
+var r = (e) => /^\d{4}-\d{2}-\d{2}$/u.test(e);
 function i(e) {
-	return e !== void 0 && n(e) ? { min: e } : {};
+	if (!r(e)) return !1;
+	try {
+		return t(e), !0;
+	} catch {
+		return !1;
+	}
+}
+function a(e) {
+	return i(e) ? { value: e } : {};
+}
+function o(e) {
+	return e !== void 0 && i(e) ? { min: e } : {};
 }
-export { r as dateValue, i as minDate, t as timeValue };
+export { a as dateValue, o as minDate, n as timeValue };

package/dist/lib/tokenEditorExtensions.js

@@ -187,7 +187,7 @@ var h = r.theme({
 		font: "inherit",
 		fontSize: "12px",
 		borderRadius: "50%",
-		color: "var(--ants-mh-blue-700)",
+		color: "var(--color-icon-accent)",
 		cursor: "pointer"
 	},
 	".cm-token:hover .cm-token-remove, .cm-token:focus-within .cm-token-remove": { opacity: "1" }

package/dist/molecules/AccentCard.js

@@ -41,7 +41,7 @@ function u(u) {
 	}) : /* @__PURE__ */ n(e, {
 		label: p,
 		size: "sm",
-		isDisabled: u.isDisabled,
+		isDisabled: u.isDisabled ?? !1,
 		onClick: u.onClose
 	})), f[9] = p, f[10] = h, f[11] = m, f[12] = u.isDisabled, f[13] = u.onClose, f[14] = S) : S = f[14];
 	let C;
@@ -95,7 +95,7 @@ var d = {
 		$$css: !0
 	},
 	banner: {
-		kWkggS: "auial5by5",
+		kWkggS: "aui1jxocwm",
 		kMwMTN: "aui17wrial",
 		kP9fke: "auitvhhri",
 		$$css: !0

package/dist/molecules/CheckGroup.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import type { Forwardable } from "../lib/forwardable.js";
 import { type FieldGroupProps } from "./FieldGroup.js";
 /** One checkbox of a `CheckGroup`. */
 export type CheckGroupOption<V extends string> = {
@@ -8,7 +9,7 @@ export type CheckGroupOption<V extends string> = {
     readonly label: string;
 };
 /** What `CheckGroup` takes. */
-export type CheckGroupProps<V extends string> = Pick<FieldGroupProps, "label" | "isDisabled" | "error"> & {
+export type CheckGroupProps<V extends string> = Forwardable<Pick<FieldGroupProps, "label" | "isDisabled" | "error">> & {
     /** The checkboxes, in order. */
     readonly options: readonly CheckGroupOption<V>[];
     /** The picked values. */

package/dist/molecules/CheckRow.d.ts

@@ -1,6 +1,8 @@
+import { type CheckboxInputProps } from "@astryxdesign/core/CheckboxInput";
 import type { ReactNode } from "react";
+import type { Forwardable } from "../lib/forwardable.js";
 /** What `CheckRow` takes. */
-export type CheckRowProps = {
+export type CheckRowProps = Forwardable<Pick<CheckboxInputProps, "isDisabled" | "isReadOnly">> & {
     /** The row's text and the checkbox's name; one line, the whole text in a tooltip when cut. */
     readonly label: string;
     /** A second line under the text, such as an id under a name; one line too. */
@@ -16,10 +18,6 @@ export type CheckRowProps = {
      * link to the item; the two share one place, so nothing moves. None without it.
      */
     readonly hoverContent?: ReactNode;
-    /** Dims the box and blocks it; nothing is hidden. */
-    readonly isDisabled?: boolean | undefined;
-    /** Shows the box's state, not dimmed, and blocks it. */
-    readonly isReadOnly?: boolean | undefined;
 };
 /**
  * One row of a list to tick: a checkbox (md, as every checkbox), the row's text on one line (and

package/dist/molecules/ChoiceTiles.js

@@ -64,7 +64,7 @@ var l = {
 		kzqmXN: "aui1pju0fl",
 		kZKoxP: "aui10wjd1d",
 		kaIpWk: "aui16rqkct",
-		kWkggS: "aui1mu13x8",
+		kWkggS: "auir796ur",
 		kMwMTN: "auiqwr325",
 		$$css: !0
 	}

package/dist/molecules/CommitTextField.d.ts

@@ -1,33 +1,20 @@
 import { type TextInputProps } from "@astryxdesign/core/TextInput";
 import type { ReactNode } from "react";
+import type { Forwardable } from "../lib/forwardable.js";
 /** What `CommitTextField` takes. */
-export type CommitTextFieldProps = {
-    /** The field's label; also its accessible name when hidden. */
-    readonly label: string;
+export type CommitTextFieldProps = Forwardable<Pick<TextInputProps, "label" | "isDisabled" | "isReadOnly" | "isLabelHidden" | "placeholder" | "description" | "isRequired" | "width" | "controlXstyle" | "containerXstyle">> & {
     /** The committed text. A new value from outside (an agent, undo) replaces the draft. */
     readonly value: string;
     /** Called with the draft on blur or Enter, only when it differs from `value`. */
     readonly onCommit: (value: string) => void;
     /** The input's height, `md` by default. */
     readonly size?: "sm" | "md";
-    /** Dims the field and blocks typing. */
-    readonly isDisabled?: boolean;
-    /** Shows the text, not dimmed, and blocks typing. */
-    readonly isReadOnly?: boolean;
-    /** Keeps the label for screen readers only. */
-    readonly isLabelHidden?: boolean;
-    /** Shown while the field is empty. */
-    readonly placeholder?: string;
-    /** Help under the label. */
-    readonly description?: string;
     /** A problem with the value, already in the user's language. */
     readonly error?: string | undefined;
     /** A text area instead of a single line; Enter then adds a line. */
     readonly isMultiline?: boolean;
     /** For `isMultiline`: how many rows the text area shows, `4` by default. */
     readonly rows?: number;
-    /** Marks the field as required. */
-    readonly isRequired?: boolean;
     /**
      * `false` (default): after a commit the draft goes back to `value`, so a refused text does not
      * stay in the field. `true` keeps the typed text until `value` changes from outside.
@@ -37,10 +24,6 @@ export type CommitTextFieldProps = {
     readonly maxLength?: number;
     /** Fresh global pattern for whole tokens, counted as one character even in plain text. */
     readonly pattern?: () => RegExp;
-    /** For a single line: the field's width, in pixels or any CSS length such as `"100%"`. */
-    readonly width?: number | string;
-    /** For a single line: StyleX styles for the input's box, e.g. to make it read as plain text. */
-    readonly controlXstyle?: TextInputProps["controlXstyle"];
 };
 /**
  * Text that stays a local draft while typing and commits on blur or Enter, so a word typed is one

package/dist/molecules/CommitTextField.js

@@ -7,7 +7,7 @@ import { TextArea as a } from "@astryxdesign/core/TextArea";
 import { TextInput as o } from "@astryxdesign/core/TextInput";
 // src/molecules/CommitTextField.tsx
 function s(s) {
-	let c = r(43), { value: l, onCommit: u, isMultiline: d, error: f, maxLength: p, isDraftKeptOnCommit: m } = s, h = d !== void 0 && d, g = m !== void 0 && m, _;
+	let c = r(46), { value: l, onCommit: u, isMultiline: d, error: f, maxLength: p, isDraftKeptOnCommit: m } = s, h = d !== void 0 && d, g = m !== void 0 && m, _;
 	c[0] === u ? _ = c[1] : (_ = (e) => {
 		u(e ?? "");
 	}, c[0] = u, c[1] = _);
@@ -24,9 +24,13 @@ function s(s) {
 	let j;
 	c[14] === s.description ? j = c[15] : (j = s.description === void 0 ? {} : { description: s.description }, c[14] = s.description, c[15] = j);
 	let M;
-	c[16] === f ? M = c[17] : (M = e(f), c[16] = f, c[17] = M);
+	c[16] === s.controlXstyle ? M = c[17] : (M = s.controlXstyle === void 0 ? {} : { controlXstyle: s.controlXstyle }, c[16] = s.controlXstyle, c[17] = M);
 	let N;
-	c[18] !== S || c[19] !== v || c[20] !== s.label || c[21] !== k || c[22] !== A || c[23] !== j || c[24] !== M || c[25] !== w || c[26] !== T || c[27] !== E || c[28] !== D || c[29] !== O ? (N = {
+	c[18] === s.containerXstyle ? N = c[19] : (N = s.containerXstyle === void 0 ? {} : { containerXstyle: s.containerXstyle }, c[18] = s.containerXstyle, c[19] = N);
+	let P;
+	c[20] === f ? P = c[21] : (P = e(f), c[20] = f, c[21] = P);
+	let F;
+	c[22] !== S || c[23] !== v || c[24] !== s.label || c[25] !== k || c[26] !== A || c[27] !== j || c[28] !== M || c[29] !== N || c[30] !== P || c[31] !== w || c[32] !== T || c[33] !== E || c[34] !== D || c[35] !== O ? (F = {
 		label: C,
 		value: v,
 		onChange: w,
@@ -38,26 +42,25 @@ function s(s) {
 		isRequired: k,
 		...A,
 		...j,
-		...M
-	}, c[18] = S, c[19] = v, c[20] = s.label, c[21] = k, c[22] = A, c[23] = j, c[24] = M, c[25] = w, c[26] = T, c[27] = E, c[28] = D, c[29] = O, c[30] = N) : N = c[30];
-	let P = N;
+		...M,
+		...N,
+		...P
+	}, c[22] = S, c[23] = v, c[24] = s.label, c[25] = k, c[26] = A, c[27] = j, c[28] = M, c[29] = N, c[30] = P, c[31] = w, c[32] = T, c[33] = E, c[34] = D, c[35] = O, c[36] = F) : F = c[36];
+	let I = F;
 	if (h) {
 		let e = s.rows ?? 4, t;
-		return c[31] !== P || c[32] !== e ? (t = /* @__PURE__ */ i(a, {
-			...P,
+		return c[37] !== I || c[38] !== e ? (t = /* @__PURE__ */ i(a, {
+			...I,
 			rows: e
-		}), c[31] = P, c[32] = e, c[33] = t) : t = c[33], t;
+		}), c[37] = I, c[38] = e, c[39] = t) : t = c[39], t;
 	}
-	let F;
-	c[34] === s.width ? F = c[35] : (F = s.width === void 0 ? {} : { width: s.width }, c[34] = s.width, c[35] = F);
-	let I;
-	c[36] === s.controlXstyle ? I = c[37] : (I = s.controlXstyle === void 0 ? {} : { controlXstyle: s.controlXstyle }, c[36] = s.controlXstyle, c[37] = I);
 	let L;
-	return c[38] !== S || c[39] !== P || c[40] !== F || c[41] !== I ? (L = /* @__PURE__ */ i(o, {
-		...P,
+	c[40] === s.width ? L = c[41] : (L = s.width === void 0 ? {} : { width: s.width }, c[40] = s.width, c[41] = L);
+	let R;
+	return c[42] !== S || c[43] !== I || c[44] !== L ? (R = /* @__PURE__ */ i(o, {
+		...I,
 		onEnter: S,
-		...F,
-		...I
-	}), c[38] = S, c[39] = P, c[40] = F, c[41] = I, c[42] = L) : L = c[42], L;
+		...L
+	}), c[42] = S, c[43] = I, c[44] = L, c[45] = R) : R = c[45], R;
 }
 export { s as CommitTextField };

package/dist/molecules/ConfirmDialog.d.ts

@@ -1,12 +1,8 @@
+import { type AlertDialogProps } from "@astryxdesign/core/AlertDialog";
 import type { ReactNode } from "react";
+import type { Forwardable } from "../lib/forwardable.js";
 /** What `ConfirmDialog` takes. */
-export type ConfirmDialogProps = {
-    /** Open while a change waits for an answer. */
-    readonly isOpen: boolean;
-    /** The question, e.g. "Remove these rows?". */
-    readonly title: string;
-    /** What the change does. */
-    readonly description: string;
+export type ConfirmDialogProps = Forwardable<Pick<AlertDialogProps, "isOpen" | "title" | "description">> & {
     /** The texts of the two buttons; the host translates them. */
     readonly labels: {
         /** The confirming button, e.g. "Remove". */

package/dist/molecules/DateTimeInput.d.ts

@@ -1,7 +1,9 @@
+import { type TimeInputProps } from "@astryxdesign/core/TimeInput";
 import type { ReactNode } from "react";
+import type { Forwardable } from "../lib/forwardable.js";
 import { type FieldGroupProps } from "./FieldGroup.js";
 /** What `DateTimeInput` takes. */
-export type DateTimeInputProps = Pick<FieldGroupProps, "isDisabled"> & {
+export type DateTimeInputProps = Forwardable<Pick<FieldGroupProps, "isDisabled">> & Forwardable<Pick<TimeInputProps, "hourFormat">> & {
     /** The group's label, e.g. "Start date"; it names the group and is not shown. */
     readonly label: string;
     /** The texts the inputs show; the host translates them. */
@@ -17,7 +19,7 @@ export type DateTimeInputProps = Pick<FieldGroupProps, "isDisabled"> & {
     readonly value: string;
     /** The inputs' size, `md` by default. */
     readonly size?: "sm" | "md" | undefined;
-    /** Shows the date-time, not dimmed, and ignores changes. */
+    /** Shows readable date and time fields at full opacity, without clear or picker actions. */
     readonly isReadOnly?: boolean | undefined;
     /** A problem with the date-time, already in the user's language. */
     readonly error?: string | undefined;
@@ -36,7 +38,7 @@ export type DateTimeInputProps = Pick<FieldGroupProps, "isDisabled"> & {
     readonly isRequired?: boolean;
     /** The time input stays disabled until a date is picked. */
     readonly isTimeLockedWithoutDate?: boolean;
-    /** The earliest date the calendar offers (`YYYY-MM-DD`), such as an end's start; any without it or with another text. */
+    /** The earliest valid calendar date (`YYYY-MM-DD`); an absent or invalid minimum leaves dates unconstrained. */
     readonly min?: string | undefined;
     /** Called with the new date-time; a part not picked yet is empty, a new date starts at 00:00:00. */
     readonly onChange: (value: string) => void;
@@ -45,5 +47,7 @@ export type DateTimeInputProps = Pick<FieldGroupProps, "isDisabled"> & {
  * A date and a time of day under one label. It composes `DateInput` and `TimeInput` rather than
  * using Astryx's `DateTimeInput`, which holds only a complete value: here a date or a time may be
  * set alone while the other is still empty.
+ * `hourFormat` defaults to `12h`; choose `24h` for a 24-hour clock. Calendar and clear text use
+ * the facade's `InternationalizationProvider`, alongside host-translated `label` and `labels`.
  */
 export declare function DateTimeInput(props: DateTimeInputProps): ReactNode;

package/dist/molecules/DateTimeInput.js

@@ -5,94 +5,103 @@ import { c as a } from "react/compiler-runtime";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { HStack as c } from "@astryxdesign/core/HStack";
 import { Text as l } from "@astryxdesign/core/Text";
-import { DateInput as u } from "@astryxdesign/core/DateInput";
-import { TimeInput as d } from "@astryxdesign/core/TimeInput";
+import { TextInput as u } from "@astryxdesign/core/TextInput";
+import { DateInput as d } from "@astryxdesign/core/DateInput";
+import { TimeInput as f } from "@astryxdesign/core/TimeInput";
 // src/molecules/DateTimeInput.tsx
-function f(f) {
-	let p = a(68), { label: m, isDisabled: h, isReadOnly: g, error: _, hasTime: v, frame: y } = f, b = h !== void 0 && h, x = g !== void 0 && g, S = v === void 0 || v, C = f.size ?? "md", w;
-	p[0] !== x || p[1] !== f ? (w = (e) => {
-		x || f.onChange(e);
-	}, p[0] = x, p[1] = f, p[2] = w) : w = p[2];
-	let T = w, E = y === "none", D, O, k, A, j, M, N, P, F;
-	if (p[3] !== b || p[4] !== E || p[5] !== f.isRequired || p[6] !== f.labels.date || p[7] !== f.value || p[8] !== C) {
-		let [e, n] = f.value.split(" ");
-		O = e === void 0 ? "" : e, F = n === void 0 ? "" : n, D = u, k = f.labels.date, A = C, j = !E, M = b, N = f.isRequired ?? !1, P = t(O), p[3] = b, p[4] = E, p[5] = f.isRequired, p[6] = f.labels.date, p[7] = f.value, p[8] = C, p[9] = D, p[10] = O, p[11] = k, p[12] = A, p[13] = j, p[14] = M, p[15] = N, p[16] = P, p[17] = F;
-	} else D = p[9], O = p[10], k = p[11], A = p[12], j = p[13], M = p[14], N = p[15], P = p[16], F = p[17];
-	let I;
-	p[18] === f.min ? I = p[19] : (I = n(f.min), p[18] = f.min, p[19] = I);
-	let L;
-	p[20] !== S || p[21] !== T || p[22] !== F ? (L = (e) => {
-		T(S ? [e, F === "" ? "00:00:00" : F].join(" ") : e ?? "");
-	}, p[20] = S, p[21] = T, p[22] = F, p[23] = L) : L = p[23];
-	let R;
-	p[24] !== E || p[25] !== f.description ? (R = E && f.description !== void 0 ? { description: f.description } : {}, p[24] = E, p[25] = f.description, p[26] = R) : R = p[26];
-	let z;
-	p[27] !== _ || p[28] !== E ? (z = E ? e(_) : {}, p[27] = _, p[28] = E, p[29] = z) : z = p[29];
-	let B;
-	p[30] !== D || p[31] !== I || p[32] !== L || p[33] !== R || p[34] !== z || p[35] !== k || p[36] !== A || p[37] !== j || p[38] !== M || p[39] !== N || p[40] !== P ? (B = /* @__PURE__ */ o(D, {
-		label: k,
-		size: A,
-		isLabelHidden: j,
-		isDisabled: M,
-		isRequired: N,
-		...P,
-		...I,
-		onChange: L,
-		...R,
-		...z
-	}), p[30] = D, p[31] = I, p[32] = L, p[33] = R, p[34] = z, p[35] = k, p[36] = A, p[37] = j, p[38] = M, p[39] = N, p[40] = P, p[41] = B) : B = p[41];
-	let V = B, H;
-	p[42] !== O || p[43] !== S || p[44] !== b || p[45] !== E || p[46] !== T || p[47] !== f.isTimeLockedWithoutDate || p[48] !== f.labels.time || p[49] !== C || p[50] !== F ? (H = S && /* @__PURE__ */ o(d, {
-		label: f.labels.time,
-		size: C,
-		isLabelHidden: !E,
-		hourFormat: "12h",
+function p(p) {
+	let m = a(52), { label: h, isDisabled: g, isReadOnly: _, error: v, hasTime: y, frame: b } = p, x = g !== void 0 && g, S = _ !== void 0 && _, C = y === void 0 || y, w = p.size ?? "md", T = b === "none", E, D, O;
+	if (m[0] !== v || m[1] !== C || m[2] !== x || m[3] !== T || m[4] !== S || m[5] !== p || m[6] !== w) {
+		let [r, i] = p.value.split(" ");
+		E = r === void 0 ? "" : r, O = i === void 0 ? "" : i;
+		let a = !T, s = p.isRequired ?? !1, c;
+		m[10] !== T || m[11] !== p.description ? (c = T && p.description !== void 0 ? { description: p.description } : {}, m[10] = T, m[11] = p.description, m[12] = c) : c = m[12];
+		let l;
+		m[13] !== v || m[14] !== T ? (l = T ? e(v) : {}, m[13] = v, m[14] = T, m[15] = l) : l = m[15];
+		let f;
+		m[16] !== p.labels.date || m[17] !== w || m[18] !== a || m[19] !== s || m[20] !== c || m[21] !== l ? (f = {
+			label: p.labels.date,
+			size: w,
+			isLabelHidden: a,
+			isRequired: s,
+			...c,
+			...l
+		}, m[16] = p.labels.date, m[17] = w, m[18] = a, m[19] = s, m[20] = c, m[21] = l, m[22] = f) : f = m[22];
+		let h = f;
+		D = S ? /* @__PURE__ */ o(u, {
+			...h,
+			value: E,
+			isReadOnly: !0
+		}) : /* @__PURE__ */ o(d, {
+			...h,
+			isDisabled: x,
+			...t(E),
+			...n(p.min),
+			onChange: (e) => {
+				p.onChange(C ? [e, O === "" ? "00:00:00" : O].join(" ") : e ?? "");
+			}
+		}), m[0] = v, m[1] = C, m[2] = x, m[3] = T, m[4] = S, m[5] = p, m[6] = w, m[7] = E, m[8] = D, m[9] = O;
+	} else E = m[7], D = m[8], O = m[9];
+	let k = D, A = !T, j = w === "sm" ? 150 : 168, M;
+	m[23] !== p.labels.time || m[24] !== w || m[25] !== A || m[26] !== j ? (M = {
+		label: p.labels.time,
+		size: w,
+		isLabelHidden: A,
+		width: j
+	}, m[23] = p.labels.time, m[24] = w, m[25] = A, m[26] = j, m[27] = M) : M = m[27];
+	let N = M, P;
+	m[28] !== E || m[29] !== C || m[30] !== x || m[31] !== S || m[32] !== p || m[33] !== O || m[34] !== N ? (P = C && (S ? /* @__PURE__ */ o(u, {
+		...N,
+		value: O,
+		isReadOnly: !0
+	}) : /* @__PURE__ */ o(f, {
+		...N,
+		hourFormat: p.hourFormat ?? "12h",
 		hasSeconds: !0,
-		width: C === "sm" ? 150 : 168,
-		isDisabled: b || f.isTimeLockedWithoutDate === !0 && O === "",
-		...r(F),
+		isDisabled: x || p.isTimeLockedWithoutDate === !0 && E === "",
+		...r(O),
 		onChange: (e) => {
-			T([O, e?.length === 5 ? `${e}:00` : e].join(" "));
+			p.onChange([E, e?.length === 5 ? `${e}:00` : e].join(" "));
 		}
-	}), p[42] = O, p[43] = S, p[44] = b, p[45] = E, p[46] = T, p[47] = f.isTimeLockedWithoutDate, p[48] = f.labels.time, p[49] = C, p[50] = F, p[51] = H) : H = p[51];
-	let U = H, W;
-	p[52] === f.labels.timezone ? W = p[53] : (W = f.labels.timezone !== void 0 && /* @__PURE__ */ o(l, {
+	})), m[28] = E, m[29] = C, m[30] = x, m[31] = S, m[32] = p, m[33] = O, m[34] = N, m[35] = P) : P = m[35];
+	let F = P, I;
+	m[36] === p.labels.timezone ? I = m[37] : (I = p.labels.timezone !== void 0 && /* @__PURE__ */ o(l, {
 		type: "supporting",
-		children: f.labels.timezone
-	}), p[52] = f.labels.timezone, p[53] = W);
-	let G = W;
-	if (E) {
-		if (!S) return V;
+		children: p.labels.timezone
+	}), m[36] = p.labels.timezone, m[37] = I);
+	let L = I;
+	if (T) {
+		if (!C) return k;
 		let e;
-		return p[54] !== V || p[55] !== U || p[56] !== G ? (e = /* @__PURE__ */ s(c, {
+		return m[38] !== k || m[39] !== F || m[40] !== L ? (e = /* @__PURE__ */ s(c, {
 			gap: 2,
 			wrap: "wrap",
 			align: "start",
 			children: [
-				V,
-				U,
-				G
+				k,
+				F,
+				L
 			]
-		}), p[54] = V, p[55] = U, p[56] = G, p[57] = e) : e = p[57], e;
+		}), m[38] = k, m[39] = F, m[40] = L, m[41] = e) : e = m[41], e;
 	}
-	let K;
-	p[58] !== V || p[59] !== U || p[60] !== G ? (K = /* @__PURE__ */ s(c, {
+	let R = x && !S, z;
+	m[42] !== k || m[43] !== F || m[44] !== L ? (z = /* @__PURE__ */ s(c, {
 		gap: 2,
 		wrap: "wrap",
 		align: "center",
 		children: [
-			V,
-			U,
-			G
+			k,
+			F,
+			L
 		]
-	}), p[58] = V, p[59] = U, p[60] = G, p[61] = K) : K = p[61];
-	let q;
-	return p[62] !== _ || p[63] !== b || p[64] !== m || p[65] !== f.description || p[66] !== K ? (q = /* @__PURE__ */ o(i, {
-		label: m,
-		description: f.description,
-		isDisabled: b,
-		error: _,
-		children: K
-	}), p[62] = _, p[63] = b, p[64] = m, p[65] = f.description, p[66] = K, p[67] = q) : q = p[67], q;
+	}), m[42] = k, m[43] = F, m[44] = L, m[45] = z) : z = m[45];
+	let B;
+	return m[46] !== v || m[47] !== h || m[48] !== p.description || m[49] !== z || m[50] !== R ? (B = /* @__PURE__ */ o(i, {
+		label: h,
+		description: p.description,
+		isDisabled: R,
+		error: v,
+		children: z
+	}), m[46] = v, m[47] = h, m[48] = p.description, m[49] = z, m[50] = R, m[51] = B) : B = m[51], B;
 }
-export { f as DateTimeInput };
+export { p as DateTimeInput };

package/dist/molecules/DurationInput.d.ts

@@ -1,11 +1,12 @@
 import type { ReactNode } from "react";
+import type { Forwardable } from "../lib/forwardable.js";
 import { type FieldGroupProps } from "./FieldGroup.js";
 declare const PARTS: readonly ["days", "hours", "minutes", "seconds"];
 type Part = (typeof PARTS)[number];
 /** A length of time as stored: whole days, hours, minutes and seconds, each optional. */
 export type DurationValue = Readonly<Partial<Record<Part, number>>>;
 /** What `DurationInput` takes. */
-export type DurationInputProps = Pick<FieldGroupProps, "label" | "isDisabled" | "error"> & {
+export type DurationInputProps = Forwardable<Pick<FieldGroupProps, "label" | "isDisabled" | "error">> & {
     /**
      * The unit of each part, already in the user's language, e.g. "day(s)": shown after its input
      * and naming it for assistive tech.

package/dist/molecules/PercentRow.d.ts

@@ -1,8 +1,9 @@
 import { type NumberInputProps } from "@astryxdesign/core/NumberInput";
 import { type ReactNode } from "react";
+import type { Forwardable } from "../lib/forwardable.js";
 import { type FieldRowProps } from "./FieldRow.js";
 /** What `PercentRow` takes. */
-export type PercentRowProps = Pick<FieldRowProps, "label" | "labelWidth"> & Pick<NumberInputProps, "isDisabled" | "isReadOnly" | "disabledMessage"> & {
+export type PercentRowProps = Forwardable<Pick<FieldRowProps, "label" | "labelWidth">> & Forwardable<Pick<NumberInputProps, "isDisabled" | "isReadOnly" | "disabledMessage">> & {
     /** The controls' accessible name and the optional remove button's name. */
     readonly labels: {
         readonly share: string;

package/dist/molecules/RemovableRow.js

@@ -12,29 +12,29 @@ import { VStack as u } from "@astryxdesign/core/VStack";
 import { FieldStatus as d } from "@astryxdesign/core/FieldStatus";
 // src/molecules/RemovableRow.tsx
 function f(f) {
-	let m = i(29), h = f.isFramed ?? !1, g;
-	m[0] !== f.isDisabled || m[1] !== f.isReadOnly || m[2] !== f.labels.remove || m[3] !== f.onRemove || m[4] !== f.size ? (g = /* @__PURE__ */ o(e, {
+	let m = i(29), h = f.isFramed ?? !1, g = f.isDisabled ?? !1, _;
+	m[0] !== f.isReadOnly || m[1] !== f.labels.remove || m[2] !== f.onRemove || m[3] !== f.size || m[4] !== g ? (_ = /* @__PURE__ */ o(e, {
 		label: f.labels.remove,
 		size: f.size,
-		isDisabled: f.isDisabled,
+		isDisabled: g,
 		isReadOnly: f.isReadOnly,
 		onClick: f.onRemove
-	}), m[0] = f.isDisabled, m[1] = f.isReadOnly, m[2] = f.labels.remove, m[3] = f.onRemove, m[4] = f.size, m[5] = g) : g = m[5];
-	let _ = g, v;
-	m[6] === h ? v = m[7] : (v = h && { padding: 2 }, m[6] = h, m[7] = v);
-	let y;
-	m[8] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+	}), m[0] = f.isReadOnly, m[1] = f.labels.remove, m[2] = f.onRemove, m[3] = f.size, m[4] = g, m[5] = _) : _ = m[5];
+	let v = _, y;
+	m[6] === h ? y = m[7] : (y = h && { padding: 2 }, m[6] = h, m[7] = y);
+	let b;
+	m[8] === Symbol.for("react.memo_cache_sentinel") ? (b = {
 		"aui-default-marker": "aui-default-marker",
 		$$css: !0
-	}, m[8] = y) : y = m[8];
-	let b = h && p.frame, x = h && f.error !== void 0 && p.frameError, S;
-	m[9] !== b || m[10] !== x ? (S = [
-		y,
+	}, m[8] = b) : b = m[8];
+	let x = h && p.frame, S = h && f.error !== void 0 && p.frameError, C;
+	m[9] !== x || m[10] !== S ? (C = [
 		b,
-		x
-	], m[9] = b, m[10] = x, m[11] = S) : S = m[11];
-	let C;
-	m[12] !== h || m[13] !== f.description || m[14] !== f.error || m[15] !== f.label ? (C = h ? /* @__PURE__ */ s(u, {
+		x,
+		S
+	], m[9] = x, m[10] = S, m[11] = C) : C = m[11];
+	let w;
+	m[12] !== h || m[13] !== f.description || m[14] !== f.error || m[15] !== f.label ? (w = h ? /* @__PURE__ */ s(u, {
 		xstyle: p.text,
 		children: [/* @__PURE__ */ s(c, {
 			gap: 1,
@@ -69,28 +69,28 @@ function f(f) {
 				message: f.error
 			})
 		]
-	}), m[12] = h, m[13] = f.description, m[14] = f.error, m[15] = f.label, m[16] = C) : C = m[16];
-	let w = h && p.end, T;
-	m[17] !== f.endContent || m[18] !== f.hoverContent || m[19] !== _ ? (T = f.hoverContent === void 0 ? /* @__PURE__ */ s(a, { children: [f.endContent, _] }) : /* @__PURE__ */ o(t, {
-		hoverContent: /* @__PURE__ */ s(a, { children: [f.hoverContent, _] }),
+	}), m[12] = h, m[13] = f.description, m[14] = f.error, m[15] = f.label, m[16] = w) : w = m[16];
+	let T = h && p.end, E;
+	m[17] !== f.endContent || m[18] !== f.hoverContent || m[19] !== v ? (E = f.hoverContent === void 0 ? /* @__PURE__ */ s(a, { children: [f.endContent, v] }) : /* @__PURE__ */ o(t, {
+		hoverContent: /* @__PURE__ */ s(a, { children: [f.hoverContent, v] }),
 		children: f.endContent
-	}), m[17] = f.endContent, m[18] = f.hoverContent, m[19] = _, m[20] = T) : T = m[20];
-	let E;
-	m[21] !== w || m[22] !== T ? (E = /* @__PURE__ */ o(c, {
+	}), m[17] = f.endContent, m[18] = f.hoverContent, m[19] = v, m[20] = E) : E = m[20];
+	let D;
+	m[21] !== T || m[22] !== E ? (D = /* @__PURE__ */ o(c, {
 		gap: 1.5,
 		align: "center",
-		xstyle: w,
-		children: T
-	}), m[21] = w, m[22] = T, m[23] = E) : E = m[23];
-	let D;
-	return m[24] !== v || m[25] !== S || m[26] !== C || m[27] !== E ? (D = /* @__PURE__ */ s(c, {
+		xstyle: T,
+		children: E
+	}), m[21] = T, m[22] = E, m[23] = D) : D = m[23];
+	let O;
+	return m[24] !== D || m[25] !== y || m[26] !== C || m[27] !== w ? (O = /* @__PURE__ */ s(c, {
 		gap: 1.5,
 		align: "center",
 		justify: "between",
-		...v,
-		xstyle: S,
-		children: [C, E]
-	}), m[24] = v, m[25] = S, m[26] = C, m[27] = E, m[28] = D) : D = m[28], D;
+		...y,
+		xstyle: C,
+		children: [w, D]
+	}), m[24] = D, m[25] = y, m[26] = C, m[27] = w, m[28] = O) : O = m[28], O;
 }
 var p = {
 	text: {