@panneau/fields 4.1.1 → 5.0.0-alpha.1

package/README.md

@@ -0,0 +1,74 @@
+# @panneau/fields
+
+Controlled field components for the protocol's built-in field types, built on [`@panneau/ui`](../ui). They work without a definition, a router or a network: a product can use them directly in its own screens.
+
+```bash
+npm install @panneau/fields@^5.0.0-alpha.0 @panneau/ui@^5.0.0-alpha.0 react-aria-components react-intl
+```
+
+```tsx
+import { TextField } from '@panneau/fields/text';
+import { PanneauRoot } from '@panneau/ui';
+
+<PanneauRoot>
+    <TextField label="Title" value={title} onChange={setTitle} errors={errors.title} required />
+</PanneauRoot>;
+```
+
+## Fields
+
+Every field takes `value`, `onChange`, `onBlur`, `errors`, `disabled`, `readOnly`, `required`, `label` and `description`, plus `className` and `xxxClassName` props for its inner elements. Fields keep no value of their own, and an empty value is `null`.
+
+| Import                      | Components                                   | Value                                          |
+| --------------------------- | -------------------------------------------- | ---------------------------------------------- |
+| `@panneau/fields/text`      | `TextField`                                  | `string`                                       |
+| `@panneau/fields/textarea`  | `TextAreaField`                              | `string`                                       |
+| `@panneau/fields/number`    | `NumberField`                                | `number`                                       |
+| `@panneau/fields/boolean`   | `BooleanField` (checkbox, switch)            | `boolean`                                      |
+| `@panneau/fields/date`      | `DateField`                                  | `'2026-10-15'`                                 |
+| `@panneau/fields/datetime`  | `DateTimeField`                              | `'2026-10-15T13:30:00Z'`, or without an offset |
+| `@panneau/fields/time`      | `TimeField`                                  | `'09:30'`                                      |
+| `@panneau/fields/select`    | `SelectField` (dropdown, radios, checkboxes) | an option's value, or a list with `multiple`   |
+| `@panneau/fields/email`     | `EmailField`                                 | `string`                                       |
+| `@panneau/fields/url`       | `UrlField`                                   | `string`, with `https://` added on blur        |
+| `@panneau/fields/color`     | `ColorField`                                 | `'#1d4ed8'`                                    |
+| `@panneau/fields/slug`      | `SlugField`, `slugify()`                     | `string`, following a `source` until edited    |
+| `@panneau/fields/localized` | `LocalizedField`                             | `{ fr: …, en: … }`                             |
+| `@panneau/fields/group`     | `GroupField`                                 | an object                                      |
+| `@panneau/fields/repeater`  | `RepeaterField` (items or typed blocks)      | a list of objects; blocks have a `type`        |
+| `@panneau/fields/relation`  | `RelationField`, `createRelationSource()`    | `{ id, label }`, or a list with `multiple`     |
+| `@panneau/fields/locales`   | `en`, `fr`                                   | deprecated: use `@panneau/intl`                |
+
+## From a definition
+
+Each subpath also exports the **registry entry** of its type (`TextFieldEntry`…): a component that renders a protocol `Field`. `@panneau/fields` exports them all as `builtInFields`, and as `fieldsPlugin` for `@panneau/core`. `DefinitionField` uses them without a provider; `FieldsProvider` adds or overrides entries.
+
+```tsx
+import {
+    DefinitionField,
+    FieldsProvider,
+    builtInFields,
+    createRelationSource,
+} from '@panneau/fields';
+
+<FieldsProvider
+    components={builtInFields}
+    locales={['fr', 'en']}
+    relationSource={createRelationSource(adapter, { definition })}
+>
+    <DefinitionField field={field} path={field.name} value={value} onChange={setValue} />
+</FieldsProvider>;
+```
+
+- **Localized fields** (`localized: true`) render the field of their type for each locale of the provider, at `title.fr`, `title.en`.
+- **Groups and repeaters** render their nested fields with `NestedField`, at paths like `blocks.2.body`. A `binding` in `FieldsProvider` can bind every nested field to a store by path: `@panneau/forms` binds them to its form state. Without one, the group or repeater sets its whole value.
+- **Relations** search a `RelationSource`. `createRelationSource()` makes one from any adapter with a `list()` method, such as the `DataAdapter` of `@panneau/data`. Labels come from the resource's `itemTitle`. Without a source, a relation field shows its references, read-only.
+    - **Plain ids.** Values can be ids (`"12"`, `["12", "13"]`), as a product's own API gives them. The field shows their labels once the source's optional `resolve(resource, ids)` gives them (`createRelationSource()` implements it with the adapter's `get()`), and their ids until then. Fields that show the same ids share one request. `useRelationReferences()` does the same for other components.
+    - **Creating from the picker.** When the source has `create(resource, text)`, the picker offers "Create “…”" for a text that matches no item, and adds the new item. `createRelationSource(adapter, { create: true })` creates it with the adapter's `create()`, with the text as its `itemTitle` (in every locale when it is localized), on the resources that allow `create`; a function gives other values. A field's `onCreate` prop replaces the source's, and can open a dialog with a full form: it resolves with the new reference, or `null`. `onCreate={null}` turns creating off.
+- **Plugin slot:** a type without an entry, such as `richtext` and `media` until Phase 2, renders a placeholder that names it. A plugin that provides the type replaces it.
+
+## Messages
+
+Strings go through react-intl, with English defaults. Add the messages of every Panneau package to the app's with `withPanneauMessages()` from [`@panneau/intl`](../intl), or use `fieldsPlugin`, which carries the French messages of every package (`ui`, `fields` and `forms`).
+
+The package layout, scripts and API reports are explained in [`docs/packages.md`](../../docs/packages.md).

package/dist/boolean/BooleanField.d.ts

@@ -0,0 +1,11 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export interface BooleanFieldProps extends Omit<FieldProps<boolean>, 'labelClassName'> {
+    /** `checkbox` (default) for a choice saved with the form, `switch` for an on and off setting. */
+    widget?: 'checkbox' | 'switch';
+    controlClassName?: string;
+}
+/** A yes or no value, as a checkbox or a switch with its label. An empty value is `false`. */
+export declare function BooleanField({ value, onChange, label, widget, disabled, readOnly, required, controlClassName, ...props }: BooleanFieldProps): import("react").JSX.Element;
+/** The `boolean` type: setting `widget` (`checkbox` or `switch`). */
+export declare function BooleanFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=BooleanField.d.ts.map

package/dist/boolean/BooleanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.d.ts","sourceRoot":"","sources":["../../src/boolean/BooleanField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAClF,iGAAiG;IACjG,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,8FAA8F;AAC9F,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,GAAG,KAAK,EACX,EAAE,iBAAiB,+BAenB;AAED,qEAAqE;AACrE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,+BAUvD"}

package/dist/boolean/BooleanField.js

@@ -0,0 +1,67 @@
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { c } from "react/compiler-runtime";
+import { Checkbox, Switch } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/boolean/BooleanField.tsx
+/** A yes or no value, as a checkbox or a switch with its label. An empty value is `false`. */
+function BooleanField({ value, onChange, label, widget = "checkbox", disabled, readOnly, required, controlClassName, ...props }) {
+	const shared = {
+		...props,
+		isSelected: value === true,
+		onChange: (next) => onChange?.(next),
+		isDisabled: disabled,
+		isReadOnly: readOnly,
+		isRequired: required,
+		children: label
+	};
+	return widget === "switch" ? /* @__PURE__ */ jsx(Switch, {
+		...shared,
+		switchClassName: controlClassName
+	}) : /* @__PURE__ */ jsx(Checkbox, {
+		...shared,
+		checkboxClassName: controlClassName
+	});
+}
+/** The `boolean` type: setting `widget` (`checkbox` or `switch`). */
+function BooleanFieldEntry(props) {
+	const $ = c(11);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "widget", isString);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const widget = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = props.value === true;
+	let t3;
+	if ($[4] !== widget) {
+		t3 = widget === "switch" || widget === "checkbox" ? { widget } : {};
+		$[4] = widget;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props.onChange || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(BooleanField, {
+			...t1,
+			value: t2,
+			onChange: props.onChange,
+			...t3
+		});
+		$[6] = props.onChange;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+//#endregion
+export { BooleanField, BooleanFieldEntry };
+
+//# sourceMappingURL=BooleanField.js.map

package/dist/boolean/BooleanField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.js","names":["_c"],"sources":["../../src/boolean/BooleanField.tsx"],"sourcesContent":["import { Checkbox, Switch } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface BooleanFieldProps extends Omit<FieldProps<boolean>, 'labelClassName'> {\n    /** `checkbox` (default) for a choice saved with the form, `switch` for an on and off setting. */\n    widget?: 'checkbox' | 'switch';\n    controlClassName?: string;\n}\n\n/** A yes or no value, as a checkbox or a switch with its label. An empty value is `false`. */\nexport function BooleanField({\n    value,\n    onChange,\n    label,\n    widget = 'checkbox',\n    disabled,\n    readOnly,\n    required,\n    controlClassName,\n    ...props\n}: BooleanFieldProps) {\n    const shared = {\n        ...props,\n        isSelected: value === true,\n        onChange: (next: boolean) => onChange?.(next),\n        isDisabled: disabled,\n        isReadOnly: readOnly,\n        isRequired: required,\n        children: label,\n    };\n    return widget === 'switch' ? (\n        <Switch {...shared} switchClassName={controlClassName} />\n    ) : (\n        <Checkbox {...shared} checkboxClassName={controlClassName} />\n    );\n}\n\n/** The `boolean` type: setting `widget` (`checkbox` or `switch`). */\nexport function BooleanFieldEntry(props: FieldEntryProps) {\n    const widget = getSetting(props.field, 'widget', isString);\n    return (\n        <BooleanField\n            {...getFieldProps(props)}\n            value={props.value === true}\n            onChange={props.onChange}\n            {...(widget === 'switch' || widget === 'checkbox' ? { widget } : {})}\n        />\n    );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,aAAa,EACzB,OACA,UACA,OACA,SAAS,YACT,UACA,UACA,UACA,kBACA,GAAG,SACe;CAClB,MAAM,SAAS;EACX,GAAG;EACH,YAAY,UAAU;EACtB,WAAW,SAAkB,WAAW,IAAI;EAC5C,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,UAAU;CACd;CACA,OAAO,WAAW,WACd,oBAAC,QAAD;EAAQ,GAAI;EAAQ,iBAAiB;CAAiB,CAAA,IAEtD,oBAAC,UAAD;EAAU,GAAI;EAAQ,mBAAmB;CAAiB,CAAA;AAElE;;AAGA,SAAO,kBAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,OAAA;EACY,KAAA,WAAW,MAAK,OAAQ,UAAU,QAAQ;EAAC,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAA1D,MAAA,SAAe;CAA4C,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAG/C,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,MAAK,UAAW;CAAI,IAAA;CAAA,IAAA,EAAA,OAAA,QAAA;EAEtB,KAAA,WAAW,YAAY,WAAW,aAAlC,EAAA,OAA6D,IAA7D,CAA6D;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAJvE,KAAA,oBAAC,cAAD;GAAa,GACL;GACG,OAAA;GACG,UAAA,MAAK;GAAS,GACnB;EAA8D,CAAA;EACrE,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}

package/dist/boolean/index.d.ts

@@ -0,0 +1,2 @@
+export { BooleanField, BooleanFieldEntry, type BooleanFieldProps } from './BooleanField';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/boolean/index.js

@@ -0,0 +1 @@
+export { BooleanField, BooleanFieldEntry } from "./BooleanField.js";

package/dist/color/ColorField.css

@@ -0,0 +1,33 @@
+.panneau-swatch-J24Ak3 {
+    position: relative;
+    display: inline-flex;
+    width: 1.5rem;
+    height: 1.5rem;
+    overflow: hidden;
+    border: var(--panneau-border-width) solid var(--panneau-color-border-control);
+    border-radius: var(--panneau-radius-sm);
+}
+
+.panneau-swatch-J24Ak3:focus-within {
+    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
+    outline-offset: 2px;
+}
+
+.panneau-picker-b7gdnM {
+    position: absolute;
+    inset: -0.5rem;
+    width: calc(100% + 1rem);
+    height: calc(100% + 1rem);
+    padding: 0;
+    cursor: pointer;
+    background: none;
+    border: 0;
+}
+
+.panneau-picker-b7gdnM:disabled {
+    cursor: not-allowed;
+}
+
+.panneau-input-1t8LLx {
+    font-family: var(--panneau-font-family-mono);
+}

package/dist/color/ColorField.d.ts

@@ -0,0 +1,16 @@
+import type { FieldEntryProps } from '../shared/types';
+import { type TextFieldProps } from '../text/TextField';
+export type ColorFieldProps = Omit<TextFieldProps, 'type' | 'prefix' | 'maxLength'>;
+/**
+ * Normalizes a hexadecimal color: `#` prefix, lowercase, and 3 digits expanded to 6. Returns the
+ * text as is when it isn't a hexadecimal color.
+ */
+export declare function normalizeColor(value: string): string;
+/**
+ * A color as a hexadecimal value (`#1d4ed8`): typed, or picked with the browser's color picker.
+ * The value is normalized on blur.
+ */
+export declare function ColorField({ value, onChange, onBlur, disabled, readOnly, inputClassName, ...props }: ColorFieldProps): import("react").JSX.Element;
+/** The `color` type. */
+export declare function ColorFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorField.d.ts.map

package/dist/color/ColorField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.d.ts","sourceRoot":"","sources":["../../src/color/ColorField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAC;AAEpF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAUpD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,GAAG,KAAK,EACX,EAAE,eAAe,+BAsCjB;AAED,wBAAwB;AACxB,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAQrD"}

package/dist/color/ColorField.js

@@ -0,0 +1,187 @@
+import { cx } from "../shared/cx.js";
+import { getFieldProps, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { TextField } from "../text/TextField.js";
+import ColorField_module_default from "./ColorField.module.js";
+import { c } from "react/compiler-runtime";
+import { usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/color/ColorField.tsx
+/**
+* Normalizes a hexadecimal color: `#` prefix, lowercase, and 3 digits expanded to 6. Returns the
+* text as is when it isn't a hexadecimal color.
+*/
+function normalizeColor(value) {
+	const trimmed = value.trim().toLowerCase();
+	const digits = trimmed.replace(/^#/, "");
+	if (/^[0-9a-f]{3}$/.test(digits)) return `#${[...digits].map((digit) => digit + digit).join("")}`;
+	if (/^[0-9a-f]{6}$/.test(digits) || /^[0-9a-f]{8}$/.test(digits)) return `#${digits}`;
+	return trimmed;
+}
+/**
+* A color as a hexadecimal value (`#1d4ed8`): typed, or picked with the browser's color picker.
+* The value is normalized on blur.
+*/
+function ColorField(t0) {
+	const $ = c(42);
+	let disabled;
+	let inputClassName;
+	let onBlur;
+	let onChange;
+	let props;
+	let readOnly;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, disabled, readOnly, inputClassName, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = inputClassName;
+		$[3] = onBlur;
+		$[4] = onChange;
+		$[5] = props;
+		$[6] = readOnly;
+		$[7] = value;
+	} else {
+		disabled = $[1];
+		inputClassName = $[2];
+		onBlur = $[3];
+		onChange = $[4];
+		props = $[5];
+		readOnly = $[6];
+		value = $[7];
+	}
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[8] !== value) {
+		t1 = value !== null && value !== void 0 && /^#[0-9a-f]{6}$/i.test(value);
+		$[8] = value;
+		$[9] = t1;
+	} else t1 = $[9];
+	const valid = t1;
+	let t2;
+	if ($[10] !== inputClassName) {
+		t2 = cx(ColorField_module_default.input, inputClassName);
+		$[10] = inputClassName;
+		$[11] = t2;
+	} else t2 = $[11];
+	let t3;
+	if ($[12] !== onBlur || $[13] !== onChange || $[14] !== value) {
+		t3 = () => {
+			if (value !== null && value !== void 0) {
+				const next = normalizeColor(value);
+				if (next !== value) onChange?.(next === "" ? null : next);
+			}
+			onBlur?.();
+		};
+		$[12] = onBlur;
+		$[13] = onChange;
+		$[14] = value;
+		$[15] = t3;
+	} else t3 = $[15];
+	const t4 = valid ? value : "transparent";
+	let t5;
+	if ($[16] !== t4) {
+		t5 = { backgroundColor: t4 };
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== valid || $[19] !== value) {
+		t6 = valid ? value.toLowerCase() : "#000000";
+		$[18] = valid;
+		$[19] = value;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== onChange) {
+		t7 = (event) => onChange?.(event.target.value);
+		$[21] = onChange;
+		$[22] = t7;
+	} else t7 = $[22];
+	const t8 = disabled === true || readOnly === true;
+	let t9;
+	if ($[23] !== intl) {
+		t9 = intl.formatMessage(messages.pickColor);
+		$[23] = intl;
+		$[24] = t9;
+	} else t9 = $[24];
+	let t10;
+	if ($[25] !== t6 || $[26] !== t7 || $[27] !== t8 || $[28] !== t9) {
+		t10 = /* @__PURE__ */ jsx("input", {
+			type: "color",
+			className: ColorField_module_default.picker,
+			value: t6,
+			onChange: t7,
+			disabled: t8,
+			"aria-label": t9
+		});
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+		$[29] = t10;
+	} else t10 = $[29];
+	let t11;
+	if ($[30] !== t10 || $[31] !== t5) {
+		t11 = /* @__PURE__ */ jsx("span", {
+			className: ColorField_module_default.swatch,
+			style: t5,
+			children: t10
+		});
+		$[30] = t10;
+		$[31] = t5;
+		$[32] = t11;
+	} else t11 = $[32];
+	let t12;
+	if ($[33] !== disabled || $[34] !== onChange || $[35] !== props || $[36] !== readOnly || $[37] !== t11 || $[38] !== t2 || $[39] !== t3 || $[40] !== value) {
+		t12 = /* @__PURE__ */ jsx(TextField, {
+			autoComplete: "off",
+			...props,
+			value,
+			onChange,
+			disabled,
+			readOnly,
+			inputClassName: t2,
+			onBlur: t3,
+			prefix: t11
+		});
+		$[33] = disabled;
+		$[34] = onChange;
+		$[35] = props;
+		$[36] = readOnly;
+		$[37] = t11;
+		$[38] = t2;
+		$[39] = t3;
+		$[40] = value;
+		$[41] = t12;
+	} else t12 = $[41];
+	return t12;
+}
+/** The `color` type. */
+function ColorFieldEntry(props) {
+	const $ = c(6);
+	let t0;
+	if ($[0] !== props) {
+		t0 = getFieldProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = isString(props.value) ? props.value : null;
+	let t2;
+	if ($[2] !== props.onChange || $[3] !== t0 || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ColorField, {
+			...t0,
+			value: t1,
+			onChange: props.onChange
+		});
+		$[2] = props.onChange;
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+//#endregion
+export { ColorField, ColorFieldEntry, normalizeColor };
+
+//# sourceMappingURL=ColorField.js.map

package/dist/color/ColorField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.js","names":["value","onChange","disabled","readOnly","_c","styles"],"sources":["../../src/color/ColorField.tsx"],"sourcesContent":["import { usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../shared/cx';\nimport { getFieldProps, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\nimport styles from './ColorField.module.css';\n\nexport type ColorFieldProps = Omit<TextFieldProps, 'type' | 'prefix' | 'maxLength'>;\n\n/**\n * Normalizes a hexadecimal color: `#` prefix, lowercase, and 3 digits expanded to 6. Returns the\n * text as is when it isn't a hexadecimal color.\n */\nexport function normalizeColor(value: string): string {\n    const trimmed = value.trim().toLowerCase();\n    const digits = trimmed.replace(/^#/, '');\n    if (/^[0-9a-f]{3}$/.test(digits)) {\n        return `#${[...digits].map((digit) => digit + digit).join('')}`;\n    }\n    if (/^[0-9a-f]{6}$/.test(digits) || /^[0-9a-f]{8}$/.test(digits)) {\n        return `#${digits}`;\n    }\n    return trimmed;\n}\n\n/**\n * A color as a hexadecimal value (`#1d4ed8`): typed, or picked with the browser's color picker.\n * The value is normalized on blur.\n */\nexport function ColorField({\n    value,\n    onChange,\n    onBlur,\n    disabled,\n    readOnly,\n    inputClassName,\n    ...props\n}: ColorFieldProps) {\n    const intl = usePanneauIntl();\n    const valid = value !== null && value !== undefined && /^#[0-9a-f]{6}$/i.test(value);\n    return (\n        <TextField\n            autoComplete=\"off\"\n            {...props}\n            value={value}\n            onChange={onChange}\n            disabled={disabled}\n            readOnly={readOnly}\n            inputClassName={cx(styles.input, inputClassName)}\n            onBlur={() => {\n                if (value !== null && value !== undefined) {\n                    const next = normalizeColor(value);\n                    if (next !== value) {\n                        onChange?.(next === '' ? null : next);\n                    }\n                }\n                onBlur?.();\n            }}\n            prefix={\n                <span\n                    className={styles.swatch}\n                    style={{ backgroundColor: valid ? value : 'transparent' }}\n                >\n                    <input\n                        type=\"color\"\n                        className={styles.picker}\n                        value={valid ? value.toLowerCase() : '#000000'}\n                        onChange={(event) => onChange?.(event.target.value)}\n                        disabled={disabled === true || readOnly === true}\n                        aria-label={intl.formatMessage(messages.pickColor)}\n                    />\n                </span>\n            }\n        />\n    );\n}\n\n/** The `color` type. */\nexport function ColorFieldEntry(props: FieldEntryProps) {\n    return (\n        <ColorField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/color/ColorField.module.js

@@ -0,0 +1,14 @@
+import "./ColorField.css";
+//#region src/color/ColorField.module.css
+var swatch = "panneau-swatch-J24Ak3";
+var picker = "panneau-picker-b7gdnM";
+var input = "panneau-input-1t8LLx";
+var ColorField_module_default = {
+	swatch,
+	picker,
+	input
+};
+//#endregion
+export { ColorField_module_default as default, input, picker, swatch };
+
+//# sourceMappingURL=ColorField.module.js.map

package/dist/color/ColorField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.module.js","names":[],"sources":["../../src/color/ColorField.module.css"],"sourcesContent":[".swatch {\n    position: relative;\n    display: inline-flex;\n    width: 1.5rem;\n    height: 1.5rem;\n    overflow: hidden;\n    border: var(--panneau-border-width) solid var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-sm);\n}\n\n.swatch:focus-within {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 2px;\n}\n\n.picker {\n    position: absolute;\n    inset: -0.5rem;\n    width: calc(100% + 1rem);\n    height: calc(100% + 1rem);\n    padding: 0;\n    cursor: pointer;\n    background: none;\n    border: 0;\n}\n\n.picker:disabled {\n    cursor: not-allowed;\n}\n\n.input {\n    font-family: var(--panneau-font-family-mono);\n}\n"],"mappings":""}

package/dist/color/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorField, ColorFieldEntry, type ColorFieldProps, normalizeColor } from './ColorField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/color/index.js

@@ -0,0 +1 @@
+export { ColorField, ColorFieldEntry, normalizeColor } from "./ColorField.js";

package/dist/date/DateField.d.ts

@@ -0,0 +1,16 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export interface DateFieldProps extends FieldProps<string> {
+    /** Earliest date (`2026-01-01`). */
+    min?: string;
+    /** Latest date. */
+    max?: string;
+    controlClassName?: string;
+}
+/**
+ * A date as an ISO string (`2026-10-15`), typed in the order of the locale or picked in a
+ * calendar.
+ */
+export declare function DateField({ value, onChange, min, max, disabled, readOnly, required, ...props }: DateFieldProps): import("react").JSX.Element;
+/** The `date` type. */
+export declare function DateFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=DateField.d.ts.map

package/dist/date/DateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/date/DateField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,MAAM,CAAC;IACtD,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAgBhB;AAED,uBAAuB;AACvB,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAQpD"}

package/dist/date/DateField.js

@@ -0,0 +1,132 @@
+import { getFieldProps, isString } from "../shared/entry.js";
+import { toCalendarDate } from "../shared/dates.js";
+import { c } from "react/compiler-runtime";
+import { DatePicker } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/date/DateField.tsx
+/**
+* A date as an ISO string (`2026-10-15`), typed in the order of the locale or picked in a
+* calendar.
+*/
+function DateField(t0) {
+	const $ = c(30);
+	let disabled;
+	let max;
+	let min;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, min, max, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = max;
+		$[3] = min;
+		$[4] = onChange;
+		$[5] = props;
+		$[6] = readOnly;
+		$[7] = required;
+		$[8] = value;
+	} else {
+		disabled = $[1];
+		max = $[2];
+		min = $[3];
+		onChange = $[4];
+		props = $[5];
+		readOnly = $[6];
+		required = $[7];
+		value = $[8];
+	}
+	let t1;
+	if ($[9] !== min) {
+		t1 = toCalendarDate(min);
+		$[9] = min;
+		$[10] = t1;
+	} else t1 = $[10];
+	const minValue = t1;
+	let t2;
+	if ($[11] !== max) {
+		t2 = toCalendarDate(max);
+		$[11] = max;
+		$[12] = t2;
+	} else t2 = $[12];
+	const maxValue = t2;
+	let t3;
+	if ($[13] !== value) {
+		t3 = toCalendarDate(value);
+		$[13] = value;
+		$[14] = t3;
+	} else t3 = $[14];
+	let t4;
+	if ($[15] !== onChange) {
+		t4 = (date) => onChange?.(date === null ? null : date.toString().slice(0, 10));
+		$[15] = onChange;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== minValue) {
+		t5 = minValue !== null ? { minValue } : {};
+		$[17] = minValue;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== maxValue) {
+		t6 = maxValue !== null ? { maxValue } : {};
+		$[19] = maxValue;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== disabled || $[22] !== props || $[23] !== readOnly || $[24] !== required || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6) {
+		t7 = /* @__PURE__ */ jsx(DatePicker, {
+			...props,
+			granularity: "day",
+			value: t3,
+			onChange: t4,
+			...t5,
+			...t6,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[21] = disabled;
+		$[22] = props;
+		$[23] = readOnly;
+		$[24] = required;
+		$[25] = t3;
+		$[26] = t4;
+		$[27] = t5;
+		$[28] = t6;
+		$[29] = t7;
+	} else t7 = $[29];
+	return t7;
+}
+/** The `date` type. */
+function DateFieldEntry(props) {
+	const $ = c(6);
+	let t0;
+	if ($[0] !== props) {
+		t0 = getFieldProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = isString(props.value) ? props.value : null;
+	let t2;
+	if ($[2] !== props.onChange || $[3] !== t0 || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(DateField, {
+			...t0,
+			value: t1,
+			onChange: props.onChange
+		});
+		$[2] = props.onChange;
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+//#endregion
+export { DateField, DateFieldEntry };
+
+//# sourceMappingURL=DateField.js.map

package/dist/date/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","names":["disabled","readOnly","required","_c"],"sources":["../../src/date/DateField.tsx"],"sourcesContent":["import { DatePicker } from '@panneau/ui';\n\nimport { toCalendarDate } from '../shared/dates';\nimport { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface DateFieldProps extends FieldProps<string> {\n    /** Earliest date (`2026-01-01`). */\n    min?: string;\n    /** Latest date. */\n    max?: string;\n    controlClassName?: string;\n}\n\n/**\n * A date as an ISO string (`2026-10-15`), typed in the order of the locale or picked in a\n * calendar.\n */\nexport function DateField({\n    value,\n    onChange,\n    min,\n    max,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: DateFieldProps) {\n    const minValue = toCalendarDate(min);\n    const maxValue = toCalendarDate(max);\n    return (\n        <DatePicker\n            {...props}\n            granularity=\"day\"\n            value={toCalendarDate(value)}\n            onChange={(date) => onChange?.(date === null ? null : date.toString().slice(0, 10))}\n            {...(minValue !== null ? { minValue } : {})}\n            {...(maxValue !== null ? { maxValue } : {})}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `date` type. */\nexport function DateFieldEntry(props: FieldEntryProps) {\n    return (\n        <DateField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/date/index.d.ts

@@ -0,0 +1,2 @@
+export { DateField, DateFieldEntry, type DateFieldProps } from './DateField';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/date/index.js

@@ -0,0 +1 @@
+export { DateField, DateFieldEntry } from "./DateField.js";