@panneau/fields 5.0.0-alpha.2 → 5.0.0-alpha.20

package/dist/shared/types.d.ts

@@ -39,10 +39,22 @@ export interface FieldEntryProps {
     onChange: (value: unknown) => void;
     onBlur?: () => void;
     errors?: readonly string[];
+    /**
+     * Paths inside the field that have errors (`title.en`), given by the form's binding to fields
+     * that show their nested fields: a localized field marks its locales in error.
+     */
+    invalidPaths?: readonly string[];
     disabled?: boolean;
     readOnly?: boolean;
+    /**
+     * Renders the field without a visible label, named by its label for assistive technologies:
+     * the input of a locale, under the label of its localized field.
+     */
+    hideLabel?: boolean;
     /** The object the field belongs to: the form's values, or a group or a block. */
     parentValue?: unknown;
+    /** The locale of the value: the input of a locale of a localized field. */
+    locale?: string;
     className?: string;
 }
 /** A registry entry: renders the field of a type from its definition. */

package/dist/shared/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wFAAwF;AACxF,MAAM,WAAW,eAAe;IAC5B,iDAAiD;IACjD,KAAK,EAAE,KAAK,CAAC;IACb,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yEAAyE;AACzE,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wFAAwF;AACxF,MAAM,WAAW,eAAe;IAC5B,iDAAiD;IACjD,KAAK,EAAE,KAAK,CAAC;IACb,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yEAAyE;AACzE,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC"}

package/dist/slug/SlugField.css

@@ -0,0 +1,18 @@
+.panneau-slug-field-description {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-1);
+}
+
+.panneau-slug-field-url {
+    overflow-wrap: anywhere;
+    color: var(--panneau-color-link);
+}
+
+.panneau-slug-field-taken {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--panneau-space-2);
+    color: var(--panneau-color-warning);
+}

package/dist/slug/SlugField.d.ts

@@ -1,10 +1,15 @@
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldCheckResponse } from '@panneau/protocol';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 /**
  * Turns a text into a slug: lowercase ASCII letters and digits separated by dashes, without
  * accents (`Été à Montréal` gives `ete-a-montreal`).
  */
 export declare function slugify(text: string): string;
+/** Checks a slug with the backend: whether it is available, and its URL. */
+export type SlugCheck = (value: string, options: {
+    signal: AbortSignal;
+}) => Promise<FieldCheckResponse>;
 export interface SlugFieldProps extends Omit<TextFieldProps, 'type' | 'suffix'> {
     /**
      * The text the slug is made from (a title). While the slug is empty or still matches it, the
@@ -13,12 +18,35 @@ export interface SlugFieldProps extends Omit<TextFieldProps, 'type' | 'suffix'>
     source?: string | null;
     /** Name of the source, for the button that generates the slug from it. */
     sourceLabel?: string;
+    /**
+     * Checks the slug as it is typed, and once when the field shows: the field then shows the
+     * URL the backend gives, and says when the slug is taken, with a free one to use instead.
+     */
+    onCheck?: SlugCheck | null;
+    /** How long typing must pause before a check, in milliseconds. Defaults to 300. */
+    checkDelay?: number;
+    /**
+     * What the check depends on besides the slug, such as the form's values: the slug is checked
+     * again when it changes. `onCheck` itself can change on every render.
+     */
+    checkKey?: string;
 }
 /**
  * A slug for URLs. Typed text is cleaned up on blur. With a `source`, the slug follows it until
- * it is edited, and a button generates it again.
+ * it is edited, and a button generates it again. With `onCheck`, the backend says whether the
+ * slug is taken, and gives its URL.
+ */
+export declare function SlugField({ value, onChange, onBlur, source, sourceLabel, onCheck, checkDelay, checkKey, disabled, readOnly, prefix, errors, description, ...props }: SlugFieldProps): import("react").JSX.Element;
+/**
+ * The text of a source value: the value itself, or for a localized value, its value in `locale`.
+ * Without a locale, the first locale that has a value.
+ */
+export declare function sourceText(value: unknown, locale?: string): string | null;
+/**
+ * The `slug` type: `from` names the field it follows, in the slug's own locale, or in the default
+ * locale (the first of the fields context) for a slug that isn't localized. Setting `prefix`
+ * shows a URL prefix. With `check`, the fields context's check source checks the slug of a field
+ * at the top of the resource, with the form's values.
  */
-export declare function SlugField({ value, onChange, onBlur, source, sourceLabel, disabled, readOnly, ...props }: SlugFieldProps): import("react").JSX.Element;
-/** The `slug` type: `from` names the field it follows, and setting `prefix` shows a URL prefix. */
 export declare function SlugFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
 //# sourceMappingURL=SlugField.d.ts.map

package/dist/slug/SlugField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlugField.d.ts","sourceRoot":"","sources":["../../src/slug/SlugField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO5C;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3E;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAqDhB;AAcD,mGAAmG;AACnG,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAgBpD"}
+{"version":3,"file":"SlugField.d.ts","sourceRoot":"","sources":["../../src/slug/SlugField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAM5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnE;;;GAGG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO5C;AAED,4EAA4E;AAC5E,MAAM,MAAM,SAAS,GAAG,CACpB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,KAC/B,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEjC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3E;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AA4CD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,OAAO,EACP,UAAgB,EAChB,QAAa,EACb,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACX,EAAE,cAAc,+BA4FhB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAazE;AAeD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAqCpD"}

package/dist/slug/SlugField.js

@@ -1,12 +1,15 @@
 import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
 import { messages } from "../shared/messages.js";
 import { TextField } from "../text/TextField.js";
+import SlugField_module_default from "./SlugField.module.js";
 import { c } from "react/compiler-runtime";
-import { IconButton, usePanneauIntl } from "@panneau/ui";
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { Button, IconButton, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { WandSparkles } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
 //#region src/slug/SlugField.tsx
+var suggestionMessage = messages.useSuggestion;
 /**
 * Turns a text into a slug: lowercase ASCII letters and digits separated by dashes, without
 * accents (`Été à Montréal` gives `ete-a-montreal`).
@@ -15,47 +18,131 @@ function slugify(text) {
 	return text.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
 /**
+* Checks a slug after a pause in typing, and keeps the latest answer for it. A check that
+* fails leaves the field as it is: saving still validates the slug.
+*/
+function useSlugCheck(value, onCheck, delay, key) {
+	const $ = c(11);
+	const [result, setResult] = useState(null);
+	const latest = useRef(onCheck);
+	let t0;
+	if ($[0] !== onCheck) {
+		t0 = () => {
+			latest.current = onCheck;
+		};
+		$[0] = onCheck;
+		$[1] = t0;
+	} else t0 = $[1];
+	useEffect(t0);
+	const enabled = onCheck !== null && onCheck !== void 0;
+	let t1;
+	if ($[2] !== delay || $[3] !== enabled || $[4] !== value) {
+		t1 = () => {
+			if (!enabled || value === "") return;
+			const controller = new AbortController();
+			const timer = setTimeout(() => {
+				const check = latest.current;
+				if (check === null || check === void 0) return;
+				check(value, { signal: controller.signal }).then((check_0) => {
+					if (!controller.signal.aborted) setResult({
+						value,
+						check: check_0
+					});
+				}).catch(_temp);
+			}, delay);
+			return () => {
+				clearTimeout(timer);
+				controller.abort();
+			};
+		};
+		$[2] = delay;
+		$[3] = enabled;
+		$[4] = value;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== delay || $[7] !== enabled || $[8] !== key || $[9] !== value) {
+		t2 = [
+			value,
+			enabled,
+			delay,
+			key
+		];
+		$[6] = delay;
+		$[7] = enabled;
+		$[8] = key;
+		$[9] = value;
+		$[10] = t2;
+	} else t2 = $[10];
+	useEffect(t1, t2);
+	return result !== null && result.value === value ? result.check : null;
+}
+/**
 * A slug for URLs. Typed text is cleaned up on blur. With a `source`, the slug follows it until
-* it is edited, and a button generates it again.
+* it is edited, and a button generates it again. With `onCheck`, the backend says whether the
+* slug is taken, and gives its URL.
 */
+function _temp() {}
 function SlugField(t0) {
-	const $ = c(37);
+	const $ = c(65);
+	let description;
 	let disabled;
+	let errors;
 	let onBlur;
 	let onChange;
+	let onCheck;
+	let prefix;
 	let props;
 	let readOnly;
 	let source;
 	let sourceLabel;
+	let t1;
+	let t2;
 	let value;
 	if ($[0] !== t0) {
-		({value, onChange, onBlur, source, sourceLabel, disabled, readOnly, ...props} = t0);
+		({value, onChange, onBlur, source, sourceLabel, onCheck, checkDelay: t1, checkKey: t2, disabled, readOnly, prefix, errors, description, ...props} = t0);
 		$[0] = t0;
-		$[1] = disabled;
-		$[2] = onBlur;
-		$[3] = onChange;
-		$[4] = props;
-		$[5] = readOnly;
-		$[6] = source;
-		$[7] = sourceLabel;
-		$[8] = value;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = errors;
+		$[4] = onBlur;
+		$[5] = onChange;
+		$[6] = onCheck;
+		$[7] = prefix;
+		$[8] = props;
+		$[9] = readOnly;
+		$[10] = source;
+		$[11] = sourceLabel;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = value;
 	} else {
-		disabled = $[1];
-		onBlur = $[2];
-		onChange = $[3];
-		props = $[4];
-		readOnly = $[5];
-		source = $[6];
-		sourceLabel = $[7];
-		value = $[8];
+		description = $[1];
+		disabled = $[2];
+		errors = $[3];
+		onBlur = $[4];
+		onChange = $[5];
+		onCheck = $[6];
+		prefix = $[7];
+		props = $[8];
+		readOnly = $[9];
+		source = $[10];
+		sourceLabel = $[11];
+		t1 = $[12];
+		t2 = $[13];
+		value = $[14];
 	}
+	const checkDelay = t1 === void 0 ? 300 : t1;
+	const checkKey = t2 === void 0 ? "" : t2;
 	const intl = usePanneauIntl();
 	const previousSource = useRef(source);
-	const editable = disabled !== true && readOnly !== true;
-	let t1;
-	let t2;
-	if ($[9] !== editable || $[10] !== onChange || $[11] !== source || $[12] !== value) {
-		t1 = () => {
+	const check = useSlugCheck(value ?? "", onCheck, checkDelay, checkKey);
+	const disabledByBackend = check?.disabled === true;
+	const editable = disabled !== true && readOnly !== true && !disabledByBackend;
+	let t3;
+	let t4;
+	if ($[15] !== editable || $[16] !== onChange || $[17] !== source || $[18] !== value) {
+		t3 = () => {
 			const previous = previousSource.current;
 			previousSource.current = source;
 			if (!editable || source === previous || source === void 0) return;
@@ -65,95 +152,193 @@ function SlugField(t0) {
 				if (next !== current) onChange?.(next === "" ? null : next);
 			}
 		};
-		t2 = [
+		t4 = [
 			source,
 			value,
 			onChange,
 			editable
 		];
-		$[9] = editable;
-		$[10] = onChange;
-		$[11] = source;
-		$[12] = value;
-		$[13] = t1;
-		$[14] = t2;
+		$[15] = editable;
+		$[16] = onChange;
+		$[17] = source;
+		$[18] = value;
+		$[19] = t3;
+		$[20] = t4;
 	} else {
-		t1 = $[13];
-		t2 = $[14];
+		t3 = $[19];
+		t4 = $[20];
 	}
-	useEffect(t1, t2);
-	const t3 = source ?? "";
-	let t4;
-	if ($[15] !== t3) {
-		t4 = slugify(t3);
-		$[15] = t3;
-		$[16] = t4;
-	} else t4 = $[16];
-	const generated = t4;
-	let t5;
-	if ($[17] !== onBlur || $[18] !== onChange || $[19] !== value) {
-		t5 = () => {
+	useEffect(t3, t4);
+	const t5 = source ?? "";
+	let t6;
+	if ($[21] !== t5) {
+		t6 = slugify(t5);
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
+	const generated = t6;
+	const taken = check !== null && !check.available;
+	let t7;
+	if ($[23] !== check || $[24] !== taken) {
+		t7 = taken && isString(check.suggestion) ? check.suggestion : null;
+		$[23] = check;
+		$[24] = taken;
+		$[25] = t7;
+	} else t7 = $[25];
+	const suggestion = t7;
+	let t8;
+	if ($[26] !== check || $[27] !== taken) {
+		t8 = check !== null && isString(check.url) && !taken ? check.url : null;
+		$[26] = check;
+		$[27] = taken;
+		$[28] = t8;
+	} else t8 = $[28];
+	const url = t8;
+	const t9 = readOnly === true || disabledByBackend;
+	let t10;
+	if ($[29] !== check || $[30] !== prefix) {
+		t10 = check !== null && isString(check.prefix) ? { prefix: check.prefix } : prefix !== void 0 ? { prefix } : {};
+		$[29] = check;
+		$[30] = prefix;
+		$[31] = t10;
+	} else t10 = $[31];
+	let t11;
+	if ($[32] !== errors) {
+		t11 = errors !== void 0 ? { errors } : {};
+		$[32] = errors;
+		$[33] = t11;
+	} else t11 = $[33];
+	let t12;
+	if ($[34] !== description || $[35] !== editable || $[36] !== intl || $[37] !== onChange || $[38] !== suggestion || $[39] !== taken || $[40] !== url) {
+		t12 = taken || url !== null || description !== void 0 ? /* @__PURE__ */ jsxs("span", {
+			className: SlugField_module_default.description,
+			children: [
+				description !== void 0 ? /* @__PURE__ */ jsx("span", { children: description }) : null,
+				url !== null ? /* @__PURE__ */ jsx("a", {
+					href: url,
+					target: "_blank",
+					rel: "noreferrer",
+					className: SlugField_module_default.url,
+					children: url
+				}) : null,
+				taken ? /* @__PURE__ */ jsxs("span", {
+					className: SlugField_module_default.taken,
+					role: "status",
+					children: [intl.formatMessage(messages.slugTaken), suggestion !== null && editable ? /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						appearance: "ghost",
+						onPress: () => onChange?.(suggestion),
+						children: intl.formatMessage(suggestionMessage, { suggestion })
+					}) : null]
+				}) : null
+			]
+		}) : void 0;
+		$[34] = description;
+		$[35] = editable;
+		$[36] = intl;
+		$[37] = onChange;
+		$[38] = suggestion;
+		$[39] = taken;
+		$[40] = url;
+		$[41] = t12;
+	} else t12 = $[41];
+	let t13;
+	if ($[42] !== onBlur || $[43] !== onChange || $[44] !== value) {
+		t13 = () => {
 			if (value !== null && value !== void 0) {
 				const next_0 = slugify(value);
 				if (next_0 !== value) onChange?.(next_0 === "" ? null : next_0);
 			}
 			onBlur?.();
 		};
-		$[17] = onBlur;
-		$[18] = onChange;
-		$[19] = value;
-		$[20] = t5;
-	} else t5 = $[20];
-	let t6;
-	if ($[21] !== editable || $[22] !== generated || $[23] !== intl || $[24] !== onChange || $[25] !== source || $[26] !== sourceLabel || $[27] !== value) {
-		t6 = source !== void 0 && editable ? /* @__PURE__ */ jsx(IconButton, {
+		$[42] = onBlur;
+		$[43] = onChange;
+		$[44] = value;
+		$[45] = t13;
+	} else t13 = $[45];
+	let t14;
+	if ($[46] !== editable || $[47] !== generated || $[48] !== intl || $[49] !== onChange || $[50] !== source || $[51] !== sourceLabel || $[52] !== value) {
+		t14 = source !== void 0 && editable ? /* @__PURE__ */ jsx(IconButton, {
 			icon: WandSparkles,
 			size: "sm",
 			label: intl.formatMessage(messages.generateSlug, { field: sourceLabel ?? "" }),
 			isDisabled: generated === "" || generated === value,
 			onPress: () => onChange?.(generated === "" ? null : generated)
 		}) : void 0;
-		$[21] = editable;
-		$[22] = generated;
-		$[23] = intl;
-		$[24] = onChange;
-		$[25] = source;
-		$[26] = sourceLabel;
-		$[27] = value;
-		$[28] = t6;
-	} else t6 = $[28];
-	let t7;
-	if ($[29] !== disabled || $[30] !== onChange || $[31] !== props || $[32] !== readOnly || $[33] !== t5 || $[34] !== t6 || $[35] !== value) {
-		t7 = /* @__PURE__ */ jsx(TextField, {
+		$[46] = editable;
+		$[47] = generated;
+		$[48] = intl;
+		$[49] = onChange;
+		$[50] = source;
+		$[51] = sourceLabel;
+		$[52] = value;
+		$[53] = t14;
+	} else t14 = $[53];
+	let t15;
+	if ($[54] !== disabled || $[55] !== onChange || $[56] !== props || $[57] !== t10 || $[58] !== t11 || $[59] !== t12 || $[60] !== t13 || $[61] !== t14 || $[62] !== t9 || $[63] !== value) {
+		t15 = /* @__PURE__ */ jsx(TextField, {
 			autoComplete: "off",
 			...props,
 			value,
 			onChange,
 			disabled,
-			readOnly,
-			onBlur: t5,
-			suffix: t6
+			readOnly: t9,
+			...t10,
+			...t11,
+			description: t12,
+			onBlur: t13,
+			suffix: t14
 		});
-		$[29] = disabled;
-		$[30] = onChange;
-		$[31] = props;
-		$[32] = readOnly;
-		$[33] = t5;
-		$[34] = t6;
-		$[35] = value;
-		$[36] = t7;
-	} else t7 = $[36];
-	return t7;
+		$[54] = disabled;
+		$[55] = onChange;
+		$[56] = props;
+		$[57] = t10;
+		$[58] = t11;
+		$[59] = t12;
+		$[60] = t13;
+		$[61] = t14;
+		$[62] = t9;
+		$[63] = value;
+		$[64] = t15;
+	} else t15 = $[64];
+	return t15;
 }
-function sourceText(value) {
+/**
+* The text of a source value: the value itself, or for a localized value, its value in `locale`.
+* Without a locale, the first locale that has a value.
+*/
+function sourceText(value, locale) {
 	if (typeof value === "string") return value;
-	if (value !== null && typeof value === "object") return Object.values(value).find(isString) ?? null;
+	if (value !== null && typeof value === "object") {
+		const record = value;
+		if (locale !== void 0) {
+			const text = record[locale];
+			return isString(text) ? text : null;
+		}
+		return Object.values(record).find(isString) ?? null;
+	}
 	return null;
 }
-/** The `slug` type: `from` names the field it follows, and setting `prefix` shows a URL prefix. */
+/** The form's values that a check depends on: all but the slug itself. */
+function checkKeyOf(values, name) {
+	if (values === null) return "";
+	const { [name]: _slug, ...others } = values;
+	try {
+		return JSON.stringify(others);
+	} catch {
+		return "";
+	}
+}
+/**
+* The `slug` type: `from` names the field it follows, in the slug's own locale, or in the default
+* locale (the first of the fields context) for a slug that isn't localized. Setting `prefix`
+* shows a URL prefix. With `check`, the fields context's check source checks the slug of a field
+* at the top of the resource, with the form's values.
+*/
 function SlugFieldEntry(props) {
-	const $ = c(18);
-	const { field, parentValue } = props;
+	const $ = c(33);
+	const { field, parentValue, locale, path } = props;
+	const { locales, checkSource } = useFieldsContext();
 	let t0;
 	if ($[0] !== field) {
 		t0 = getSetting(field, "prefix", isString);
@@ -161,56 +346,91 @@ function SlugFieldEntry(props) {
 		$[1] = t0;
 	} else t0 = $[1];
 	const prefix = t0;
+	const values = parentValue !== null && typeof parentValue === "object" ? parentValue : null;
 	let t1;
-	if ($[2] !== field.from || $[3] !== parentValue) {
-		t1 = field.from !== void 0 && parentValue !== null && typeof parentValue === "object" ? sourceText(parentValue[field.from]) : void 0;
+	if ($[2] !== field.from || $[3] !== locale || $[4] !== locales || $[5] !== values) {
+		t1 = field.from !== void 0 && values !== null ? sourceText(values[field.from], locale ?? locales[0]) : void 0;
 		$[2] = field.from;
-		$[3] = parentValue;
-		$[4] = t1;
-	} else t1 = $[4];
+		$[3] = locale;
+		$[4] = locales;
+		$[5] = values;
+		$[6] = t1;
+	} else t1 = $[6];
 	const source = t1;
+	const topLevel = path === field.name || path === `${field.name}.${locale ?? ""}`;
 	let t2;
-	if ($[5] !== props) {
-		t2 = getFieldProps(props);
-		$[5] = props;
-		$[6] = t2;
-	} else t2 = $[6];
-	const t3 = isString(props.value) ? props.value : null;
-	let t4;
-	if ($[7] !== field.from || $[8] !== source) {
-		t4 = source !== void 0 ? {
+	if ($[7] !== checkSource || $[8] !== field.check || $[9] !== field.name || $[10] !== locale || $[11] !== topLevel || $[12] !== values) {
+		t2 = field.check === true && checkSource !== null && topLevel ? (value, t3) => {
+			const { signal } = t3;
+			return checkSource.check(field.name, {
+				value,
+				...locale !== void 0 ? { locale } : {},
+				values: values ?? {}
+			}, { signal });
+		} : null;
+		$[7] = checkSource;
+		$[8] = field.check;
+		$[9] = field.name;
+		$[10] = locale;
+		$[11] = topLevel;
+		$[12] = values;
+		$[13] = t2;
+	} else t2 = $[13];
+	const onCheck = t2;
+	let t3;
+	if ($[14] !== props) {
+		t3 = getFieldProps(props);
+		$[14] = props;
+		$[15] = t3;
+	} else t3 = $[15];
+	const t4 = isString(props.value) ? props.value : null;
+	let t5;
+	if ($[16] !== field.name || $[17] !== onCheck || $[18] !== values) {
+		t5 = onCheck !== null ? checkKeyOf(values, field.name) : "";
+		$[16] = field.name;
+		$[17] = onCheck;
+		$[18] = values;
+		$[19] = t5;
+	} else t5 = $[19];
+	let t6;
+	if ($[20] !== field.from || $[21] !== source) {
+		t6 = source !== void 0 ? {
 			source,
 			sourceLabel: field.from ?? ""
 		} : {};
-		$[7] = field.from;
-		$[8] = source;
-		$[9] = t4;
-	} else t4 = $[9];
-	let t5;
-	if ($[10] !== prefix) {
-		t5 = prefix !== void 0 ? { prefix } : {};
-		$[10] = prefix;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== props.onChange || $[13] !== t2 || $[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx(SlugField, {
-			...t2,
-			value: t3,
+		$[20] = field.from;
+		$[21] = source;
+		$[22] = t6;
+	} else t6 = $[22];
+	let t7;
+	if ($[23] !== prefix) {
+		t7 = prefix !== void 0 ? { prefix } : {};
+		$[23] = prefix;
+		$[24] = t7;
+	} else t7 = $[24];
+	let t8;
+	if ($[25] !== onCheck || $[26] !== props.onChange || $[27] !== t3 || $[28] !== t4 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7) {
+		t8 = /* @__PURE__ */ jsx(SlugField, {
+			...t3,
+			value: t4,
 			onChange: props.onChange,
-			...t4,
-			...t5
+			onCheck,
+			checkKey: t5,
+			...t6,
+			...t7
 		});
-		$[12] = props.onChange;
-		$[13] = t2;
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+		$[25] = onCheck;
+		$[26] = props.onChange;
+		$[27] = t3;
+		$[28] = t4;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
 }
 //#endregion
-export { SlugField, SlugFieldEntry, slugify };
+export { SlugField, SlugFieldEntry, slugify, sourceText };
 
 //# sourceMappingURL=SlugField.js.map