@antscorp/ui 0.1.2 → 0.1.4

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export { PathMark, type PathMarkProps, useEnclosingPath } from "./atoms/PathMark
 export { RowSkeletons, type RowSkeletonsProps } from "./atoms/RowSkeletons.js";
 export { TextAction, type TextActionProps } from "./atoms/TextAction.js";
 export { TruncatedText, type TruncatedTextProps } from "./atoms/TruncatedText.js";
+export { TruncatedOption, type TruncatedOptionProps } from "./atoms/TruncatedOption.js";
 export { AccentCard, type AccentCardProps } from "./molecules/AccentCard.js";
 export { ChoiceDialog, type ChoiceDialogProps } from "./molecules/ChoiceDialog.js";
 export { type ChoiceTile, ChoiceTiles, type ChoiceTilesProps } from "./molecules/ChoiceTiles.js";
@@ -66,3 +67,4 @@ export { HourOfDayRow, type HourOfDayRowProps } from "./organisms/HourOfDayRow.j
 export { HourOfWeekGrid, type HourOfWeekGridProps } from "./organisms/HourOfWeekGrid.js";
 export { ResizableDrawer, type ResizableDrawerProps } from "./organisms/ResizableDrawer.js";
 export { TreeSelect, type TreeSelectItem, type TreeSelectProps } from "./organisms/TreeSelect.js";
+export { TreeSearchPanel, type TreeSearchPanelProps } from "./organisms/TreeSearchPanel.js";

package/dist/index.js

@@ -16,54 +16,56 @@ import { PathMark as y, useEnclosingPath as b } from "./atoms/PathMark.js";
 import { RowSkeletons as x } from "./atoms/RowSkeletons.js";
 import { TextAction as S } from "./atoms/TextAction.js";
 import { TruncatedText as C } from "./atoms/TruncatedText.js";
-import { AccentCard as w } from "./molecules/AccentCard.js";
-import { RevealRadioGroup as T } from "./molecules/RevealRadioGroup.js";
-import { ChoiceDialog as E } from "./molecules/ChoiceDialog.js";
-import { ChoiceTiles as D } from "./molecules/ChoiceTiles.js";
-import { errorStatus as O } from "./lib/errorStatus.js";
-import { tokenLength as k } from "./lib/tokenLength.js";
-import { fitToMaxLength as A } from "./lib/fitToMaxLength.js";
-import { useDraft as j } from "./lib/useDraft.js";
-import { CommitTextField as M } from "./molecules/CommitTextField.js";
-import { FieldSkeleton as N } from "./molecules/FieldSkeleton.js";
-import { TokenTextField as P } from "./molecules/TokenTextField.js";
-import { TreeOptions as F } from "./molecules/TreeOptions.js";
-import { LoadMoreRow as I } from "./molecules/LoadMoreRow.js";
-import { TreeSelect as L } from "./organisms/TreeSelect.js";
-import { TokenPickerDialog as R } from "./organisms/TokenPickerDialog.js";
-import { ConfirmDialog as z } from "./molecules/ConfirmDialog.js";
-import { dateValue as B, timeValue as V } from "./lib/iso.js";
-import { FieldGroup as H } from "./molecules/FieldGroup.js";
-import { DateTimeInput as U } from "./molecules/DateTimeInput.js";
-import { DurationInput as W } from "./molecules/DurationInput.js";
-import { FieldRow as G } from "./molecules/FieldRow.js";
-import { PercentRow as K } from "./molecules/PercentRow.js";
-import { PhoneFrame as q } from "./molecules/PhoneFrame.js";
-import { ProblemsButton as J } from "./molecules/ProblemsButton.js";
-import { RemovableRow as Y } from "./molecules/RemovableRow.js";
-import { RevealSwitch as X } from "./molecules/RevealSwitch.js";
-import { RuleRow as Z } from "./molecules/RuleRow.js";
-import { Select as Q } from "./molecules/Select.js";
-import { SideLabelRow as $ } from "./molecules/SideLabelRow.js";
-import { CheckRow as ee } from "./molecules/CheckRow.js";
-import { MetaTable as te } from "./molecules/MetaTable.js";
-import { TransferLayout as ne } from "./molecules/TransferLayout.js";
-import { CheckGroup as re } from "./molecules/CheckGroup.js";
-import { FrequencyLimitRow as ie } from "./molecules/FrequencyLimitRow.js";
-import { InlineEditableText as ae } from "./molecules/InlineEditableText.js";
-import { LoadState as oe } from "./molecules/LoadState.js";
-import { SplitButton as se } from "./molecules/SplitButton.js";
-import { StatusButton as ce } from "./molecules/StatusButton.js";
-import { TagSelect as le } from "./molecules/TagSelect.js";
-import { ToggleGrid as ue } from "./molecules/ToggleGrid.js";
-import { useConfirmedChange as de } from "./lib/useConfirmedChange.js";
-import { RepeatableList as fe } from "./organisms/RepeatableList.js";
-import { RuleGroups as pe } from "./organisms/RuleGroups.js";
-import { RuleList as me } from "./organisms/RuleList.js";
-import { SearchableGroupedList as he } from "./organisms/SearchableGroupedList.js";
-import { TransferPicker as ge } from "./organisms/TransferPicker.js";
-import { ChipListAddPopover as _e } from "./organisms/ChipListAddPopover.js";
-import { HourOfDayRow as ve } from "./organisms/HourOfDayRow.js";
-import { HourOfWeekGrid as ye } from "./organisms/HourOfWeekGrid.js";
-import { ResizableDrawer as be } from "./organisms/ResizableDrawer.js";
-export { w as AccentCard, n as AddButton, t as AddGlyph, e as AntsomiTheme, re as CheckGroup, ee as CheckRow, i as Chip, _e as ChipListAddPopover, l as ChipSkeletons, E as ChoiceDialog, D as ChoiceTiles, M as CommitTextField, z as ConfirmDialog, U as DateTimeInput, W as DurationInput, p as FIELD_PATH_ATTRIBUTE, H as FieldGroup, s as FieldHeading, G as FieldRow, N as FieldSkeleton, ie as FrequencyLimitRow, ve as HourOfDayRow, ye as HourOfWeekGrid, a as HoverSwap, o as InfoTip, ae as InlineEditableText, c as JointLabel, u as LabeledDivider, I as LoadMoreRow, oe as LoadState, f as LogoImage, te as MetaTable, d as PanelSearchInput, y as PathMark, m as PathRevealContext, K as PercentRow, q as PhoneFrame, J as ProblemsButton, Y as RemovableRow, r as RemoveButton, fe as RepeatableList, be as ResizableDrawer, T as RevealRadioGroup, X as RevealSwitch, x as RowSkeletons, pe as RuleGroups, me as RuleList, Z as RuleRow, he as SearchableGroupedList, Q as Select, $ as SideLabelRow, se as SplitButton, ce as StatusButton, le as TagSelect, S as TextAction, ue as ToggleGrid, R as TokenPickerDialog, P as TokenTextField, ne as TransferLayout, ge as TransferPicker, F as TreeOptions, L as TreeSelect, C as TruncatedText, B as dateValue, O as errorStatus, A as fitToMaxLength, h as pathMarkOf, g as revealPath, V as timeValue, k as tokenLength, de as useConfirmedChange, j as useDraft, b as useEnclosingPath, _ as usePathReveal, v as useRevealedState };
+import { TruncatedOption as w } from "./atoms/TruncatedOption.js";
+import { AccentCard as T } from "./molecules/AccentCard.js";
+import { RevealRadioGroup as E } from "./molecules/RevealRadioGroup.js";
+import { ChoiceDialog as D } from "./molecules/ChoiceDialog.js";
+import { ChoiceTiles as O } from "./molecules/ChoiceTiles.js";
+import { errorStatus as k } from "./lib/errorStatus.js";
+import { tokenLength as A } from "./lib/tokenLength.js";
+import { fitToMaxLength as j } from "./lib/fitToMaxLength.js";
+import { useDraft as M } from "./lib/useDraft.js";
+import { CommitTextField as N } from "./molecules/CommitTextField.js";
+import { FieldSkeleton as P } from "./molecules/FieldSkeleton.js";
+import { TokenTextField as F } from "./molecules/TokenTextField.js";
+import { TreeOptions as I } from "./molecules/TreeOptions.js";
+import { LoadMoreRow as L } from "./molecules/LoadMoreRow.js";
+import { TreeSearchPanel as R } from "./organisms/TreeSearchPanel.js";
+import { TreeSelect as z } from "./organisms/TreeSelect.js";
+import { TokenPickerDialog as B } from "./organisms/TokenPickerDialog.js";
+import { ConfirmDialog as V } from "./molecules/ConfirmDialog.js";
+import { dateValue as H, timeValue as U } from "./lib/iso.js";
+import { FieldGroup as W } from "./molecules/FieldGroup.js";
+import { DateTimeInput as G } from "./molecules/DateTimeInput.js";
+import { DurationInput as K } from "./molecules/DurationInput.js";
+import { FieldRow as q } from "./molecules/FieldRow.js";
+import { PercentRow as J } from "./molecules/PercentRow.js";
+import { PhoneFrame as Y } from "./molecules/PhoneFrame.js";
+import { ProblemsButton as X } from "./molecules/ProblemsButton.js";
+import { RemovableRow as Z } from "./molecules/RemovableRow.js";
+import { RevealSwitch as Q } from "./molecules/RevealSwitch.js";
+import { RuleRow as $ } from "./molecules/RuleRow.js";
+import { Select as ee } from "./molecules/Select.js";
+import { SideLabelRow as te } from "./molecules/SideLabelRow.js";
+import { CheckRow as ne } from "./molecules/CheckRow.js";
+import { MetaTable as re } from "./molecules/MetaTable.js";
+import { TransferLayout as ie } from "./molecules/TransferLayout.js";
+import { CheckGroup as ae } from "./molecules/CheckGroup.js";
+import { FrequencyLimitRow as oe } from "./molecules/FrequencyLimitRow.js";
+import { InlineEditableText as se } from "./molecules/InlineEditableText.js";
+import { LoadState as ce } from "./molecules/LoadState.js";
+import { SplitButton as le } from "./molecules/SplitButton.js";
+import { StatusButton as ue } from "./molecules/StatusButton.js";
+import { TagSelect as de } from "./molecules/TagSelect.js";
+import { ToggleGrid as fe } from "./molecules/ToggleGrid.js";
+import { useConfirmedChange as pe } from "./lib/useConfirmedChange.js";
+import { RepeatableList as me } from "./organisms/RepeatableList.js";
+import { RuleGroups as he } from "./organisms/RuleGroups.js";
+import { RuleList as ge } from "./organisms/RuleList.js";
+import { SearchableGroupedList as _e } from "./organisms/SearchableGroupedList.js";
+import { TransferPicker as ve } from "./organisms/TransferPicker.js";
+import { ChipListAddPopover as ye } from "./organisms/ChipListAddPopover.js";
+import { HourOfDayRow as be } from "./organisms/HourOfDayRow.js";
+import { HourOfWeekGrid as xe } from "./organisms/HourOfWeekGrid.js";
+import { ResizableDrawer as Se } from "./organisms/ResizableDrawer.js";
+export { T as AccentCard, n as AddButton, t as AddGlyph, e as AntsomiTheme, ae as CheckGroup, ne as CheckRow, i as Chip, ye as ChipListAddPopover, l as ChipSkeletons, D as ChoiceDialog, O as ChoiceTiles, N as CommitTextField, V as ConfirmDialog, G as DateTimeInput, K as DurationInput, p as FIELD_PATH_ATTRIBUTE, W as FieldGroup, s as FieldHeading, q as FieldRow, P as FieldSkeleton, oe as FrequencyLimitRow, be as HourOfDayRow, xe as HourOfWeekGrid, a as HoverSwap, o as InfoTip, se as InlineEditableText, c as JointLabel, u as LabeledDivider, L as LoadMoreRow, ce as LoadState, f as LogoImage, re as MetaTable, d as PanelSearchInput, y as PathMark, m as PathRevealContext, J as PercentRow, Y as PhoneFrame, X as ProblemsButton, Z as RemovableRow, r as RemoveButton, me as RepeatableList, Se as ResizableDrawer, E as RevealRadioGroup, Q as RevealSwitch, x as RowSkeletons, he as RuleGroups, ge as RuleList, $ as RuleRow, _e as SearchableGroupedList, ee as Select, te as SideLabelRow, le as SplitButton, ue as StatusButton, de as TagSelect, S as TextAction, fe as ToggleGrid, B as TokenPickerDialog, F as TokenTextField, ie as TransferLayout, ve as TransferPicker, I as TreeOptions, R as TreeSearchPanel, z as TreeSelect, w as TruncatedOption, C as TruncatedText, H as dateValue, k as errorStatus, j as fitToMaxLength, h as pathMarkOf, g as revealPath, U as timeValue, A as tokenLength, pe as useConfirmedChange, M as useDraft, b as useEnclosingPath, _ as usePathReveal, v as useRevealedState };

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/lib/useLoadingShown.d.ts

@@ -1,5 +1,5 @@
 /**
- * When a loading state shows, for every view of the kit (marketinghub ADR 0080): only after the load has
+ * When a loading state shows, for every view of the kit: only after the load has
  * lasted `delay` ms, then for at least `minDuration` ms, so a fast load shows nothing and a slow
  * one never flashes. `delay` matches the antsomi theme's skeleton `animationDelay`.
  */

package/dist/molecules/AccentCard.d.ts

@@ -21,9 +21,8 @@ export type AccentCardProps = {
     readonly isDisabled?: boolean | undefined;
     /**
      * `stripe` (default): a grey border with an accent stripe down the start edge and a light
-     * header bar, as fe-app's Perform event card. `banner`: no border nor stripe but a soft shadow,
-     * under a dark blue header bar with the title in white capitals and a white close cross, as
-     * fe-app's audience picker.
+     * header bar. `banner`: no border nor stripe but a soft shadow,
+     * under a dark blue header bar with the title in white capitals and a white close cross.
      */
     readonly variant?: "stripe" | "banner" | undefined;
 };

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/CheckRow.d.ts

@@ -1,8 +1,7 @@
+import { type CheckboxInputProps } from "@astryxdesign/core/CheckboxInput";
 import type { ReactNode } from "react";
 /** What `CheckRow` takes. */
-export type CheckRowProps = {
-    /** The row's text and the checkbox's name; one line, the whole text in a tooltip when cut. */
-    readonly label: string;
+export type CheckRowProps = Pick<CheckboxInputProps, "label" | "isDisabled" | "isReadOnly"> & {
     /** A second line under the text, such as an id under a name; one line too. */
     readonly description?: string | undefined;
     /** Whether the box is ticked. */
@@ -16,16 +15,12 @@ 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
  * an optional second line), and content at its end that `hoverContent` replaces while the row is
  * hovered or focused. The box is the control and is named by the text; the text itself is not a
- * click target, as in fe-app. As high as a small control, so `RowSkeletons variant="check"`
+ * click target. As high as a small control, so `RowSkeletons variant="check"`
  * stands in for it without a shift. It holds no state.
  */
 export declare function CheckRow(props: CheckRowProps): ReactNode;

package/dist/molecules/ChoiceTiles.d.ts

@@ -22,7 +22,7 @@ export type ChoiceTilesProps<V extends string> = {
     readonly isDisabled?: boolean | undefined;
 };
 /**
- * A choice among a few ways to go on, as antsomi-ui's tiles: a wrapping row of 180×170 cards, each
+ * A choice among a few ways to go on: a wrapping row of 180×170 cards, each
  * a button with its glyph in a soft accent circle, a bold title and a description under it. A pick
  * is an action, not a selected state: the host shows what follows instead. It holds no state.
  */

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,19 @@
 import { type TextInputProps } from "@astryxdesign/core/TextInput";
 import type { ReactNode } from "react";
 /** What `CommitTextField` takes. */
-export type CommitTextFieldProps = {
-    /** The field's label; also its accessible name when hidden. */
-    readonly label: string;
+export type CommitTextFieldProps = 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 +23,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,7 @@
+import { type AlertDialogProps } from "@astryxdesign/core/AlertDialog";
 import type { ReactNode } from "react";
 /** 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 = 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,8 @@
+import { type TimeInputProps } from "@astryxdesign/core/TimeInput";
 import type { ReactNode } from "react";
 import { type FieldGroupProps } from "./FieldGroup.js";
 /** What `DateTimeInput` takes. */
-export type DateTimeInputProps = Pick<FieldGroupProps, "isDisabled"> & {
+export type DateTimeInputProps = Pick<FieldGroupProps, "isDisabled"> & 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 +18,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 +37,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 +46,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;