@panneau/fields 4.1.1 → 5.0.0-alpha.0

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

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

package/dist/textarea/index.js

@@ -0,0 +1 @@
+export { TextAreaField, TextAreaFieldEntry } from "./TextAreaField.js";

package/dist/time/TimeField.d.ts

@@ -0,0 +1,13 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export interface TimeFieldProps extends FieldProps<string> {
+    /** Shows and writes seconds (`09:30:15`). */
+    withSeconds?: boolean;
+    /** Defaults to the locale's. */
+    hourCycle?: 12 | 24;
+    controlClassName?: string;
+}
+/** A time of day as a string, `09:30` (or `09:30:15` with seconds). */
+export declare function TimeField({ value, onChange, withSeconds, disabled, readOnly, required, ...props }: TimeFieldProps): import("react").JSX.Element;
+/** The `time` type: setting `withSeconds`. */
+export declare function TimeFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=TimeField.d.ts.map

package/dist/time/TimeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/time/TimeField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,MAAM,CAAC;IACtD,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,WAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAYhB;AAED,8CAA8C;AAC9C,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BASpD"}

package/dist/time/TimeField.js

@@ -0,0 +1,49 @@
+import { getFieldProps, isString } from "../shared/entry.js";
+import { fromTime, toTime } from "../shared/dates.js";
+import { c } from "react/compiler-runtime";
+import { TimeInput } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/time/TimeField.tsx
+/** A time of day as a string, `09:30` (or `09:30:15` with seconds). */
+function TimeField({ value, onChange, withSeconds = false, disabled, readOnly, required, ...props }) {
+	return /* @__PURE__ */ jsx(TimeInput, {
+		...props,
+		granularity: withSeconds ? "second" : "minute",
+		value: toTime(value),
+		onChange: (next) => onChange?.(next === null ? null : fromTime(next, withSeconds)),
+		isDisabled: disabled,
+		isReadOnly: readOnly,
+		isRequired: required
+	});
+}
+/** The `time` type: setting `withSeconds`. */
+function TimeFieldEntry(props) {
+	const $ = c(7);
+	let t0;
+	if ($[0] !== props) {
+		t0 = getFieldProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = isString(props.value) ? props.value : null;
+	const t2 = props.field.settings?.withSeconds === true;
+	let t3;
+	if ($[2] !== props.onChange || $[3] !== t0 || $[4] !== t1 || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx(TimeField, {
+			...t0,
+			value: t1,
+			onChange: props.onChange,
+			withSeconds: t2
+		});
+		$[2] = props.onChange;
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+}
+//#endregion
+export { TimeField, TimeFieldEntry };
+
+//# sourceMappingURL=TimeField.js.map

package/dist/time/TimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.js","names":["_c"],"sources":["../../src/time/TimeField.tsx"],"sourcesContent":["import { TimeInput } from '@panneau/ui';\n\nimport { fromTime, toTime } from '../shared/dates';\nimport { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface TimeFieldProps extends FieldProps<string> {\n    /** Shows and writes seconds (`09:30:15`). */\n    withSeconds?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/** A time of day as a string, `09:30` (or `09:30:15` with seconds). */\nexport function TimeField({\n    value,\n    onChange,\n    withSeconds = false,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TimeFieldProps) {\n    return (\n        <TimeInput\n            {...props}\n            granularity={withSeconds ? 'second' : 'minute'}\n            value={toTime(value)}\n            onChange={(next) => onChange?.(next === null ? null : fromTime(next, withSeconds))}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `time` type: setting `withSeconds`. */\nexport function TimeFieldEntry(props: FieldEntryProps) {\n    return (\n        <TimeField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            withSeconds={props.field.settings?.withSeconds === true}\n        />\n    );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,UAAU,EACtB,OACA,UACA,cAAc,OACd,UACA,UACA,UACA,GAAG,SACY;CACf,OACI,oBAAC,WAAD;EACI,GAAI;EACJ,aAAa,cAAc,WAAW;EACtC,OAAO,OAAO,KAAK;EACnB,WAAW,SAAS,WAAW,SAAS,OAAO,OAAO,SAAS,MAAM,WAAW,CAAC;EACjF,YAAY;EACZ,YAAY;EACZ,YAAY;CAAS,CAAA;AAGjC;;AAGA,SAAO,eAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAGS,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAEM,MAAA,KAAA,MAAK,MAAM,UAAsB,gBAAK;CAAI,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAJ3D,KAAA,oBAAC,WAAD;GAAU,GACF;GACG,OAAA;GACG,UAAA,MAAK;GACF,aAAA;EAA0C,CAAA;EACzD,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}

package/dist/time/index.d.ts

@@ -0,0 +1,2 @@
+export { TimeField, TimeFieldEntry, type TimeFieldProps } from './TimeField';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/time/index.js

@@ -0,0 +1 @@
+export { TimeField, TimeFieldEntry } from "./TimeField.js";

package/dist/url/UrlField.css

@@ -0,0 +1,11 @@
+.panneau-open-bOtJNo {
+    display: inline-flex;
+    align-items: center;
+    padding: var(--panneau-space-1);
+    color: var(--panneau-color-text-muted);
+    border-radius: var(--panneau-radius-sm);
+}
+
+.panneau-open-bOtJNo:hover {
+    color: var(--panneau-color-text);
+}

package/dist/url/UrlField.d.ts

@@ -0,0 +1,16 @@
+import type { FieldEntryProps } from '../shared/types';
+import { type TextFieldProps } from '../text/TextField';
+export interface UrlFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode' | 'suffix'> {
+    /** Scheme added on blur to a URL without one (`example.com`). Defaults to `https://`. */
+    defaultScheme?: string;
+}
+/** Adds a scheme to a URL that has none, and isn't a path or an anchor. */
+export declare function withScheme(url: string, scheme?: string): string;
+/**
+ * A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme
+ * gets `https://` on blur, as v4 did.
+ */
+export declare function UrlField({ value, onChange, onBlur, defaultScheme, ...props }: UrlFieldProps): import("react").JSX.Element;
+/** The `url` type: setting `defaultScheme`. */
+export declare function UrlFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=UrlField.d.ts.map

package/dist/url/UrlField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlField.d.ts","sourceRoot":"","sources":["../../src/url/UrlField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACxF,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAID,2EAA2E;AAC3E,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,SAAa,GAAG,MAAM,CASnE;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,aAA0B,EAC1B,GAAG,KAAK,EACX,EAAE,aAAa,+BAmCf;AAED,+CAA+C;AAC/C,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,+BAUnD"}

package/dist/url/UrlField.js

@@ -0,0 +1,94 @@
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { TextField } from "../text/TextField.js";
+import UrlField_module_default from "./UrlField.module.js";
+import { c } from "react/compiler-runtime";
+import { Icon, usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+//#region src/url/UrlField.tsx
+var SCHEME = /^[a-z][a-z0-9+.-]*:/i;
+/** Adds a scheme to a URL that has none, and isn't a path or an anchor. */
+function withScheme(url, scheme = "https://") {
+	const trimmed = url.trim();
+	if (trimmed.startsWith("//")) return `${scheme}${trimmed.slice(2)}`;
+	if (trimmed === "" || SCHEME.test(trimmed) || /^[/#?]/.test(trimmed)) return trimmed;
+	return `${scheme}${trimmed}`;
+}
+/**
+* A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme
+* gets `https://` on blur, as v4 did.
+*/
+function UrlField({ value, onChange, onBlur, defaultScheme = "https://", ...props }) {
+	const intl = usePanneauIntl();
+	const openable = value !== null && value !== void 0 && /^https?:\/\//i.test(value);
+	return /* @__PURE__ */ jsx(TextField, {
+		autoComplete: "off",
+		...props,
+		type: "url",
+		inputMode: "url",
+		value,
+		onChange,
+		onBlur: () => {
+			if (value !== null && value !== void 0) {
+				const next = withScheme(value, defaultScheme);
+				if (next !== value) onChange?.(next === "" ? null : next);
+			}
+			onBlur?.();
+		},
+		suffix: openable ? /* @__PURE__ */ jsx("a", {
+			href: value,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: UrlField_module_default.open,
+			title: intl.formatMessage(messages.openLink),
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: ExternalLink,
+				label: intl.formatMessage(messages.openLink)
+			})
+		}) : void 0
+	});
+}
+/** The `url` type: setting `defaultScheme`. */
+function UrlFieldEntry(props) {
+	const $ = c(11);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "defaultScheme", isString);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const defaultScheme = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = isString(props.value) ? props.value : null;
+	let t3;
+	if ($[4] !== defaultScheme) {
+		t3 = defaultScheme !== void 0 ? { defaultScheme } : {};
+		$[4] = defaultScheme;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props.onChange || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(UrlField, {
+			...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 { UrlField, UrlFieldEntry, withScheme };
+
+//# sourceMappingURL=UrlField.js.map

package/dist/url/UrlField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlField.js","names":["styles","_c"],"sources":["../../src/url/UrlField.tsx"],"sourcesContent":["import { ExternalLink } from 'lucide-react';\n\nimport { Icon, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, 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 './UrlField.module.css';\n\nexport interface UrlFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode' | 'suffix'> {\n    /** Scheme added on blur to a URL without one (`example.com`). Defaults to `https://`. */\n    defaultScheme?: string;\n}\n\nconst SCHEME = /^[a-z][a-z0-9+.-]*:/i;\n\n/** Adds a scheme to a URL that has none, and isn't a path or an anchor. */\nexport function withScheme(url: string, scheme = 'https://'): string {\n    const trimmed = url.trim();\n    if (trimmed.startsWith('//')) {\n        return `${scheme}${trimmed.slice(2)}`;\n    }\n    if (trimmed === '' || SCHEME.test(trimmed) || /^[/#?]/.test(trimmed)) {\n        return trimmed;\n    }\n    return `${scheme}${trimmed}`;\n}\n\n/**\n * A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme\n * gets `https://` on blur, as v4 did.\n */\nexport function UrlField({\n    value,\n    onChange,\n    onBlur,\n    defaultScheme = 'https://',\n    ...props\n}: UrlFieldProps) {\n    const intl = usePanneauIntl();\n    const openable = value !== null && value !== undefined && /^https?:\\/\\//i.test(value);\n    return (\n        <TextField\n            autoComplete=\"off\"\n            {...props}\n            type=\"url\"\n            inputMode=\"url\"\n            value={value}\n            onChange={onChange}\n            onBlur={() => {\n                if (value !== null && value !== undefined) {\n                    const next = withScheme(value, defaultScheme);\n                    if (next !== value) {\n                        onChange?.(next === '' ? null : next);\n                    }\n                }\n                onBlur?.();\n            }}\n            suffix={\n                openable ? (\n                    <a\n                        href={value}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className={styles.open}\n                        title={intl.formatMessage(messages.openLink)}\n                    >\n                        <Icon icon={ExternalLink} label={intl.formatMessage(messages.openLink)} />\n                    </a>\n                ) : undefined\n            }\n        />\n    );\n}\n\n/** The `url` type: setting `defaultScheme`. */\nexport function UrlFieldEntry(props: FieldEntryProps) {\n    const defaultScheme = getSetting(props.field, 'defaultScheme', isString);\n    return (\n        <UrlField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(defaultScheme !== undefined ? { defaultScheme } : {})}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;AAeA,IAAM,SAAS;;AAGf,SAAgB,WAAW,KAAa,SAAS,YAAoB;CACjE,MAAM,UAAU,IAAI,KAAK;CACzB,IAAI,QAAQ,WAAW,IAAI,GACvB,OAAO,GAAG,SAAS,QAAQ,MAAM,CAAC;CAEtC,IAAI,YAAY,MAAM,OAAO,KAAK,OAAO,KAAK,SAAS,KAAK,OAAO,GAC/D,OAAO;CAEX,OAAO,GAAG,SAAS;AACvB;;;;;AAMA,SAAgB,SAAS,EACrB,OACA,UACA,QACA,gBAAgB,YAChB,GAAG,SACW;CACd,MAAM,OAAO,eAAe;CAC5B,MAAM,WAAW,UAAU,QAAQ,UAAU,KAAA,KAAa,gBAAgB,KAAK,KAAK;CACpF,OACI,oBAAC,WAAD;EACI,cAAa;EACb,GAAI;EACJ,MAAK;EACL,WAAU;EACH;EACG;EACV,cAAc;GACV,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW;IACvC,MAAM,OAAO,WAAW,OAAO,aAAa;IAC5C,IAAI,SAAS,OACT,WAAW,SAAS,KAAK,OAAO,IAAI;GAE5C;GACA,SAAS;EACb;EACA,QACI,WACI,oBAAC,KAAD;GACI,MAAM;GACN,QAAO;GACP,KAAI;GACJ,WAAWA,wBAAO;GAClB,OAAO,KAAK,cAAc,SAAS,QAAQ;GAE3C,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAc,OAAO,KAAK,cAAc,SAAS,QAAQ;GAAE,CAAA;EACxE,CAAA,IACH,KAAA;CACP,CAAA;AAGb;;AAGA,SAAO,cAAA,OAAA;CAAA,MAAA,IAAAC,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,OAAA;EACmB,KAAA,WAAW,MAAK,OAAQ,iBAAiB,QAAQ;EAAC,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAxE,MAAA,gBAAsB;CAAmD,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAG7D,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAA0C,IAAA;CAAA,IAAA,EAAA,OAAA,eAAA;EAE5C,KAAA,kBAAkB,KAAA,IAAlB,EAAA,cAAmD,IAAnD,CAAmD;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;EAJ7D,KAAA,oBAAC,UAAD;GAAS,GACD;GACG,OAAA;GACG,UAAA,MAAK;GAAS,GACnB;EAAoD,CAAA;EAC3D,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}

package/dist/url/UrlField.module.js

@@ -0,0 +1,8 @@
+import "./UrlField.css";
+//#region src/url/UrlField.module.css
+var open = "panneau-open-bOtJNo";
+var UrlField_module_default = { open };
+//#endregion
+export { UrlField_module_default as default, open };
+
+//# sourceMappingURL=UrlField.module.js.map

package/dist/url/UrlField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlField.module.js","names":[],"sources":["../../src/url/UrlField.module.css"],"sourcesContent":[".open {\n    display: inline-flex;\n    align-items: center;\n    padding: var(--panneau-space-1);\n    color: var(--panneau-color-text-muted);\n    border-radius: var(--panneau-radius-sm);\n}\n\n.open:hover {\n    color: var(--panneau-color-text);\n}\n"],"mappings":""}

package/dist/url/index.d.ts

@@ -0,0 +1,2 @@
+export { UrlField, UrlFieldEntry, type UrlFieldProps, withScheme } from './UrlField';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/url/index.js

@@ -0,0 +1 @@
+export { UrlField, UrlFieldEntry, withScheme } from "./UrlField.js";

package/package.json

@@ -1,101 +1,130 @@
 {
     "name": "@panneau/fields",
-    "version": "4.1.1",
-    "description": "",
-    "keywords": [
-        "javascript"
-    ],
-    "homepage": "https://github.com/folkloreinc/panneau-js",
+    "version": "5.0.0-alpha.0",
+    "description": "Controlled field components of Panneau for the protocol's built-in field types, one subpath per field.",
+    "type": "module",
+    "license": "MIT",
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/folkloreinc/panneau-js.git"
+        "url": "git+https://github.com/folkloreinc/panneau-js.git",
+        "directory": "packages/fields"
     },
-    "license": "ISC",
-    "author": {
-        "name": "Folklore",
-        "email": "info@folklore.email"
-    },
-    "contributors": [
-        {
-            "name": "David Mongeau-Petitpas",
-            "email": "dmp@folklore.email"
-        },
-        {
-            "name": "Nicolas Roy-Bourdages",
-            "email": "nrb@folklore.email"
-        },
-        {
-            "name": "Julien Carignan",
-            "email": "jc@folklore.email"
-        },
-        {
-            "name": "Théo Gjini",
-            "email": "tg@folklore.email"
-        }
-    ],
     "sideEffects": [
-        "**/*.css"
+        "*.css"
     ],
-    "type": "module",
     "exports": {
         ".": {
+            "@panneau/source": "./src/index.ts",
             "types": "./dist/index.d.ts",
-            "style": "./assets/css/styles.css",
             "default": "./dist/index.js"
         },
-        "./assets/css/styles": "./assets/css/styles.css",
-        "./assets/css/styles.css": "./assets/css/styles.css"
+        "./text": {
+            "@panneau/source": "./src/text/index.ts",
+            "types": "./dist/text/index.d.ts",
+            "default": "./dist/text/index.js"
+        },
+        "./textarea": {
+            "@panneau/source": "./src/textarea/index.ts",
+            "types": "./dist/textarea/index.d.ts",
+            "default": "./dist/textarea/index.js"
+        },
+        "./number": {
+            "@panneau/source": "./src/number/index.ts",
+            "types": "./dist/number/index.d.ts",
+            "default": "./dist/number/index.js"
+        },
+        "./boolean": {
+            "@panneau/source": "./src/boolean/index.ts",
+            "types": "./dist/boolean/index.d.ts",
+            "default": "./dist/boolean/index.js"
+        },
+        "./date": {
+            "@panneau/source": "./src/date/index.ts",
+            "types": "./dist/date/index.d.ts",
+            "default": "./dist/date/index.js"
+        },
+        "./datetime": {
+            "@panneau/source": "./src/datetime/index.ts",
+            "types": "./dist/datetime/index.d.ts",
+            "default": "./dist/datetime/index.js"
+        },
+        "./time": {
+            "@panneau/source": "./src/time/index.ts",
+            "types": "./dist/time/index.d.ts",
+            "default": "./dist/time/index.js"
+        },
+        "./select": {
+            "@panneau/source": "./src/select/index.ts",
+            "types": "./dist/select/index.d.ts",
+            "default": "./dist/select/index.js"
+        },
+        "./email": {
+            "@panneau/source": "./src/email/index.ts",
+            "types": "./dist/email/index.d.ts",
+            "default": "./dist/email/index.js"
+        },
+        "./url": {
+            "@panneau/source": "./src/url/index.ts",
+            "types": "./dist/url/index.d.ts",
+            "default": "./dist/url/index.js"
+        },
+        "./color": {
+            "@panneau/source": "./src/color/index.ts",
+            "types": "./dist/color/index.d.ts",
+            "default": "./dist/color/index.js"
+        },
+        "./slug": {
+            "@panneau/source": "./src/slug/index.ts",
+            "types": "./dist/slug/index.d.ts",
+            "default": "./dist/slug/index.js"
+        },
+        "./localized": {
+            "@panneau/source": "./src/localized/index.ts",
+            "types": "./dist/localized/index.d.ts",
+            "default": "./dist/localized/index.js"
+        },
+        "./group": {
+            "@panneau/source": "./src/group/index.ts",
+            "types": "./dist/group/index.d.ts",
+            "default": "./dist/group/index.js"
+        },
+        "./repeater": {
+            "@panneau/source": "./src/repeater/index.ts",
+            "types": "./dist/repeater/index.d.ts",
+            "default": "./dist/repeater/index.js"
+        },
+        "./relation": {
+            "@panneau/source": "./src/relation/index.ts",
+            "types": "./dist/relation/index.d.ts",
+            "default": "./dist/relation/index.js"
+        },
+        "./locales": {
+            "@panneau/source": "./src/locales/index.ts",
+            "types": "./dist/locales/index.d.ts",
+            "default": "./dist/locales/index.js"
+        },
+        "./package.json": "./package.json"
     },
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "style": "assets/css/styles.css",
     "files": [
-        "dist",
-        "assets"
+        "dist"
     ],
     "scripts": {
-        "build": "../../scripts/prepare-package.sh --types && npm run css",
-        "css": "../../scripts/build-packages-styles.js --pattern='@panneau/field-*' ./src/styles.css.ejs ./assets/css/styles.css",
-        "prepublishOnly": "npm run build"
-    },
-    "dependencies": {
-        "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.1.1",
-        "@panneau/field-autocomplete": "^4.1.1",
-        "@panneau/field-checkboxes": "^4.1.1",
-        "@panneau/field-color": "^4.1.1",
-        "@panneau/field-date": "^4.1.1",
-        "@panneau/field-display": "^4.1.1",
-        "@panneau/field-embed": "^4.1.1",
-        "@panneau/field-fields": "^4.1.1",
-        "@panneau/field-html": "^4.1.1",
-        "@panneau/field-import": "^4.1.1",
-        "@panneau/field-input-group": "^4.1.1",
-        "@panneau/field-item": "^4.1.1",
-        "@panneau/field-items": "^4.1.1",
-        "@panneau/field-localized": "^4.1.1",
-        "@panneau/field-media": "^4.1.1",
-        "@panneau/field-number": "^4.1.1",
-        "@panneau/field-radios": "^4.1.1",
-        "@panneau/field-resource-item": "^4.1.1",
-        "@panneau/field-select": "^4.1.1",
-        "@panneau/field-text": "^4.1.1",
-        "@panneau/field-toggle": "^4.1.1",
-        "@panneau/field-toggles": "^4.1.1",
-        "@panneau/field-upload": "^4.1.1",
-        "@panneau/field-url": "^4.1.1",
-        "lodash-es": "^4.17.21"
+        "build": "vite build && tsc -p tsconfig.build.json",
+        "typecheck": "tsc --noEmit",
+        "api": "tsc -p tsconfig.build.json && node ../../scripts/api-report.js"
     },
-    "devDependencies": {
-        "react": "^19.2.0",
-        "react-dom": "^19.0.0"
+    "publishConfig": {
+        "access": "public"
     },
     "peerDependencies": {
         "react": "^19.2.0",
-        "react-dom": "^19.0.0"
+        "react-intl": "^12.0.0"
     },
-    "publishConfig": {
-        "access": "public"
-    },
-    "gitHead": "28b394278cffa0c927989873dd4b3f184635ceff"
+    "dependencies": {
+        "@internationalized/date": "^3.12.4",
+        "@panneau/intl": "5.0.0-alpha.0",
+        "@panneau/protocol": "5.0.0-alpha.0",
+        "@panneau/ui": "5.0.0-alpha.0",
+        "lucide-react": "^1.57.0"
+    }
 }

package/assets/css/styles.css

@@ -1,14 +0,0 @@
-@import url('@panneau/field-autocomplete');
-@import url('@panneau/field-checkboxes');
-@import url('@panneau/field-color');
-@import url('@panneau/field-date');
-@import url('@panneau/field-html');
-@import url('@panneau/field-import');
-@import url('@panneau/field-input-group');
-@import url('@panneau/field-media');
-@import url('@panneau/field-number');
-@import url('@panneau/field-text');
-@import url('@panneau/field-toggle');
-@import url('@panneau/field-toggles');
-@import url('@panneau/field-upload');
-