@burojs/ui-shadcn 0.5.0 → 0.7.0

package/dist/{search-access-CURsWn-U.js → relation-create-C43cdPQt.js}

@@ -1,11 +1,12 @@
 import { l as cn } from "./use-theme-dnE3Od3I.js";
-import { d as useLinkComponent } from "./toaster-CfCRLgR-.js";
-import { i as DialogDescription, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-B_rt9S1c.js";
-import { hasRecordPage, relationAmbiguousError, relationOpenOf, resourceKey, resourceShowHref } from "@burojs/core";
-import { PEEK_COMPONENT, QUICK_ANCHOR_ATTRIBUTE, filterFields, quickAnchorRef, useApp, useCurrentUIActivation, useEntryGate, useList, useListAccess, useOptionalT, useQuickOpener, useRelatedRecord, useUIPresentationRuntime } from "@burojs/react";
-import { IconSearch } from "@tabler/icons-react";
+import { a as technicalText, l as useLinkComponent, n as toast, o as technicalTexts, r as friendlyStringsFrom, s as toFriendlyError } from "./toaster-Ct_YHGs6.js";
+import { n as buttonVariants, t as Button } from "./button-MWVeZaqj.js";
+import { i as DialogDescription, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-C123sVQ8.js";
+import { composeListFilter, hasRecordPage, normalizeDataError, normalizeFixedFilters, relationAmbiguousError, relationOpenOf, resourceKey, resourceShowHref, routeResourceKey } from "@burojs/core";
+import { PEEK_COMPONENT, QUICK_ANCHOR_ATTRIBUTE, filterFields, quickAnchorRef, specificErrorText, useApp, useChromeT, useCurrentUIActivation, useEntryGate, useI18nCaps, useList, useListAccess, useLoadErrorView, useOptionalT, useQuick, useQuickOpener, useRelatedRecord, useRouteNavigate, useT, useTestIds, useUIPresentationRuntime } from "@burojs/react";
+import { IconAlertCircle, IconEye, IconRefresh, IconSearch } from "@tabler/icons-react";
 import * as React from "react";
-import { createContext, useCallback, useContext, useEffect, useRef, useState, useSyncExternalStore } from "react";
+import { Component, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Command } from "cmdk";
 //#region src/primitives/command.tsx
@@ -92,6 +93,243 @@ function CommandDialog({ open, onOpenChange, defaultOpen, modal, title = "Comman
 }
 CommandDialog.displayName = "CommandDialog";
 //#endregion
+//#region src/record/record-state.tsx
+function RecordState({ state, onRetry, message: given }) {
+	const t = useT();
+	const chromeT = useChromeT();
+	if (state === "loading") return jsx("div", {
+		role: "status",
+		"aria-busy": "true",
+		"data-testid": "record-page:loading",
+		className: "p-6 text-sm text-muted-foreground",
+		children: t("router.recordLoading")
+	});
+	const message = given ?? (state === "not-found" ? t("record.notFoundOrNoAccess") : state === "session-expired" ? t("router.recordSessionExpired") : t("router.recordError"));
+	return jsxs("div", {
+		role: "alert",
+		"data-testid": `record-page:${state}`,
+		className: "flex flex-col items-center justify-center gap-3 px-6 py-24 text-center",
+		children: [jsx("p", {
+			className: "max-w-sm text-sm text-muted-foreground",
+			children: message
+		}), onRetry ? jsx(Button, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			"data-testid": "record-page:retry",
+			onClick: onRetry,
+			children: chromeT("actions.retry")
+		}) : null]
+	});
+}
+//#endregion
+//#region src/load-error/list-error-panel.tsx
+function ListErrorPanel({ text, technical, onRetry, resource, title, className }) {
+	useT();
+	const t = useOptionalT();
+	const chromeT = useChromeT();
+	const raw = process.env.NODE_ENV === "production" ? void 0 : technical;
+	return jsxs("div", {
+		role: "alert",
+		className: cn("flex flex-col items-center justify-center gap-3 px-6 py-16 rounded-lg border border-destructive/40 bg-destructive/5 text-center", className),
+		"data-testid": "error",
+		children: [
+			jsx("div", {
+				className: "rounded-full bg-destructive/10 p-3 text-destructive",
+				children: jsx(IconAlertCircle, {
+					className: "size-6",
+					"aria-hidden": "true"
+				})
+			}),
+			jsxs("div", {
+				className: "space-y-1",
+				children: [jsx("h3", {
+					className: "text-base font-semibold tracking-tight text-destructive",
+					children: title ?? t("list.errorTitle")
+				}), jsx("p", {
+					className: "max-w-md text-sm text-muted-foreground",
+					children: text
+				})]
+			}),
+			raw && raw !== text ? jsxs("details", {
+				className: "max-w-md text-left",
+				children: [jsx("summary", {
+					className: "cursor-pointer text-xs text-muted-foreground hover:text-foreground",
+					children: t("list.errorDetails")
+				}), jsx("p", {
+					className: "mt-1.5 break-all font-mono text-xs text-muted-foreground",
+					"data-testid": "list-error-detail",
+					children: raw
+				})]
+			}) : null,
+			onRetry && jsx("div", {
+				className: "flex justify-center pt-2",
+				children: jsxs(Button, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					"data-testid": resource ? `list-error-retry:${resource}` : "list-error-retry",
+					onClick: onRetry,
+					className: "gap-1.5",
+					children: [jsx(IconRefresh, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					}), chromeT("actions.retry")]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/load-error/state.ts
+function recordErrorState(error) {
+	const { kind } = normalizeDataError(error);
+	if (kind === "not-found" || kind === "forbidden") return "not-found";
+	if (kind === "auth") return "session-expired";
+	return "error";
+}
+//#endregion
+//#region src/load-error/load-error-view.tsx
+const RECORD_KEYS = {
+	"not-found": "record.notFoundOrNoAccess",
+	"session-expired": "router.recordSessionExpired",
+	error: "router.recordError"
+};
+const LIST_FALLBACK = {
+	key: "list.errorBody",
+	default: "Failed to load data. Please try again."
+};
+function loadErrorTechnicalTexts(error, original) {
+	const out = [...technicalTexts(error), ...technicalTexts(original)];
+	if (original !== null && typeof original === "object" && !(original instanceof Error)) {
+		const message = original.message;
+		if (typeof message === "string") out.push(message);
+	}
+	return out.filter((text, index) => text.length > 0 && out.indexOf(text) === index);
+}
+function useLoadErrorText(error, original, state, surface, fallback) {
+	const t = useOptionalT();
+	const caps = useI18nCaps();
+	if (state !== "error") return t(RECORD_KEYS[state]);
+	const own = specificErrorText(error, caps);
+	if (own !== void 0) return own;
+	const strings = friendlyStringsFrom(t);
+	for (const text of loadErrorTechnicalTexts(error, original)) {
+		const friendly = toFriendlyError(text, "", strings);
+		if (friendly.replaced && friendly.detail !== strings.generic) return friendly.detail;
+	}
+	const generic = surface === "list" ? fallback ?? LIST_FALLBACK : fallback;
+	if (surface === "record" || generic === void 0) return t(RECORD_KEYS.error);
+	return t(generic.key, { defaultValue: generic.default });
+}
+function DefaultLoadErrorView(props) {
+	const { error, surface, state, retry, original, fallback, testId, className, children, attributes } = props;
+	const text = useLoadErrorText(error, original, state, surface, fallback);
+	const chromeT = useChromeT();
+	if (surface === "record") return jsx(RecordState, {
+		state,
+		message: text,
+		...retry === void 0 ? {} : { onRetry: retry }
+	});
+	if (surface === "list") return jsx(ListErrorPanel, {
+		text,
+		technical: loadErrorTechnicalTexts(error, original)[0],
+		...retry === void 0 ? {} : { onRetry: retry },
+		...props.resource === void 0 ? {} : { resource: props.resource },
+		...props.title === void 0 ? {} : { title: props.title },
+		...className === void 0 ? {} : { className }
+	});
+	if (surface === "relation" || surface === "picker") {
+		const technical = process.env.NODE_ENV === "production" ? void 0 : loadErrorTechnicalTexts(error, original)[0];
+		return jsx("span", {
+			...attributes,
+			...testId === void 0 ? {} : { "data-testid": testId },
+			className,
+			title: technical === void 0 ? text : `${text} (${technical})`,
+			children: children ?? text
+		});
+	}
+	return jsxs("div", {
+		...attributes,
+		role: "alert",
+		...testId === void 0 ? {} : { "data-testid": testId },
+		className: cn("flex flex-wrap items-center gap-2 rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground", className),
+		children: [jsx("span", { children: text }), retry === void 0 ? null : jsx(Button, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: retry,
+			children: chromeT("actions.retry", { defaultValue: "Retry" })
+		})]
+	});
+}
+const UNSET = Symbol("unset");
+var AppViewBoundary = class extends Component {
+	state = {
+		failedFor: UNSET,
+		failed: false
+	};
+	static getDerivedStateFromError() {
+		return { failed: true };
+	}
+	static getDerivedStateFromProps(props, state) {
+		if (state.failed && state.failedFor !== UNSET && state.failedFor !== props.error) return {
+			failedFor: UNSET,
+			failed: false
+		};
+		return null;
+	}
+	componentDidCatch(error, _info) {
+		this.setState({ failedFor: this.props.error });
+		if (process.env.NODE_ENV !== "production") console.error("[burojs] load-error.view-threw: the app's views.loadError threw while rendering; the kit's view is shown instead.", error);
+	}
+	render() {
+		return this.state.failed ? this.props.fallback : this.props.children;
+	}
+};
+function LoadError(props) {
+	const App = useLoadErrorView();
+	const { error: original, surface, resource } = props;
+	const error = useMemo(() => normalizeDataError(original), [original]);
+	const state = props.state ?? recordErrorState(error);
+	const retry = state === "error" ? props.retry : void 0;
+	const viewProps = {
+		error,
+		surface,
+		state,
+		...resource === void 0 ? {} : { resource },
+		...retry === void 0 ? {} : { retry }
+	};
+	const standard = jsx(DefaultLoadErrorView, {
+		...viewProps,
+		original,
+		fallback: props.fallback,
+		testId: props.testId,
+		className: props.className,
+		title: props.title,
+		attributes: props.attributes,
+		children: props.children
+	});
+	if (App === void 0) return standard;
+	return jsx(AppViewBoundary, {
+		error: original,
+		fallback: standard,
+		children: jsx(App, { ...viewProps })
+	});
+}
+const INVALID_ROUTE_ID = Object.freeze({
+	kind: "not-found",
+	code: "invalid-record-id"
+});
+function InvalidRouteId({ resource }) {
+	return jsx(LoadError, {
+		surface: "record",
+		resource,
+		state: "not-found",
+		error: INVALID_ROUTE_ID
+	});
+}
+//#endregion
 //#region src/fields/claimed-quick-link.tsx
 function isPlainLeftClick(event) {
 	return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
@@ -330,7 +568,8 @@ function RelationDisplay({ value, field }) {
 		open
 	});
 }
-function RelationField({ to, value }) {
+function RelationField({ to: toInput, value }) {
+	const to = routeResourceKey(toInput);
 	return jsx(RelationDisplay, {
 		value,
 		field: {
@@ -472,6 +711,7 @@ function LazyByOpener({ to, by, idStr, target }) {
 				pageSize: 2
 			}
 		} : {},
+		scope: "none",
 		enabled: asked,
 		retry: false
 	}).data?.data;
@@ -483,7 +723,7 @@ function LazyByOpener({ to, by, idStr, target }) {
 		if (!asked || rows === void 0 || !requested.current) return;
 		if (rows.length > 1) {
 			requested.current = false;
-			if (process.env.NODE_ENV !== "production") console.error(`[burojs] ${relationAmbiguousError(to, by, idStr).message}`);
+			if (process.env.NODE_ENV !== "production") console.error(`[burojs] ${technicalText(relationAmbiguousError(to, by, idStr))}`);
 			return;
 		}
 		requested.current = false;
@@ -571,10 +811,16 @@ function RelationDisplayBody({ to, by, id, idStr, app, open: openMode, quickTarg
 		title: `${to}: more than one row has ${by ?? "id"} ${idStr}`,
 		children: idStr
 	});
-	if (error) return jsx("span", {
-		"data-testid": `${baseId}:error`,
+	if (error) return jsx(LoadError, {
+		surface: "relation",
+		error,
+		resource: to,
+		testId: `${baseId}:error`,
 		className: "text-muted-foreground",
-		title: error.message,
+		fallback: {
+			key: "relation.failed",
+			default: "Failed to load options."
+		},
 		children: idStr
 	});
 	if (!record) return jsx("span", {
@@ -632,22 +878,6 @@ function RowOpener({ to, rowId, href, testid, open, children }) {
 		})
 	});
 }
-function RelationManyDisplay({ value, field }) {
-	const keys = Array.isArray(value) ? value : [];
-	if (keys.length === 0) return jsx("span", {
-		"data-testid": "relation-many-display:empty",
-		className: "text-muted-foreground",
-		children: "—"
-	});
-	return jsx("span", {
-		className: "inline-flex flex-wrap gap-x-2",
-		"data-testid": "relation-many-display",
-		children: keys.map((key, index) => jsx(RelationDisplay, {
-			value: key,
-			field
-		}, `${String(key)}:${index}`))
-	});
-}
 //#endregion
 //#region src/fields/search-access.ts
 function narrowSearchDecl(declared, visible) {
@@ -664,6 +894,343 @@ function namesHiddenField(filter, visible) {
 	return filter !== void 0 && filterFields(filter).some((field) => !visible(field));
 }
 //#endregion
-export { CommandLoading as C, CommandList as S, CommandDialog as _, RelationManyDisplay as a, CommandInput as b, focusWithoutPeek as c, PeekHostContext as d, useRowTitle as f, Command$1 as g, isPlainLeftClick as h, RelationField as i, peekAnchorOpener as l, ClaimedQuickLink as m, narrowSearchDecl as n, linksToPage as o, recordDisplayName as p, RelationDisplay as r, relationLinkClassName as s, namesHiddenField as t, PeekContext as u, CommandEmpty as v, CommandSeparator as w, CommandItem as x, CommandGroup as y };
+//#region src/fields/relation-hand-back.tsx
+function createdOptionFilter(input) {
+	const own = createdOptionScope(input);
+	const byId = {
+		field: input.idField,
+		op: "eq",
+		value: input.id
+	};
+	return own === void 0 ? byId : { and: [own, byId] };
+}
+function createdOptionScope(input) {
+	return composeListFilter({
+		fixed: normalizeFixedFilters(input.fixed),
+		search: "",
+		...input.searchDecl === void 0 ? {} : { searchDecl: input.searchDecl },
+		...input.searchContext === void 0 ? {} : { searchContext: input.searchContext }
+	});
+}
+function CreatedOptionRead({ to, filter, scope, scopeField, by, idField, onSettled }) {
+	const query = useList(to, {
+		filter,
+		pagination: {
+			kind: "offset",
+			page: 1,
+			pageSize: 1
+		},
+		scope,
+		...scopeField === void 0 ? {} : { scopeField },
+		retry: false
+	});
+	const settled = React.useRef(false);
+	const latest = React.useRef(onSettled);
+	latest.current = onSettled;
+	const rows = query.data?.data;
+	const answered = rows !== void 0 && query.isCurrentData && !query.isFetching;
+	const failed = query.isError && !query.isFetching;
+	React.useEffect(() => {
+		if (settled.current) return;
+		if (failed) {
+			settled.current = true;
+			latest.current({ kind: "failed" });
+			return;
+		}
+		if (!answered) return;
+		settled.current = true;
+		const value = rows[0]?.[by ?? idField];
+		latest.current(typeof value === "string" || typeof value === "number" ? {
+			kind: "fits",
+			value
+		} : { kind: "does-not-fit" });
+	}, [
+		answered,
+		failed,
+		rows,
+		by,
+		idField
+	]);
+	return null;
+}
+//#endregion
+//#region src/fields/relation-view-button.tsx
+function selectKey(value) {
+	if (typeof value === "string") return value.length === 0 ? null : value;
+	if (typeof value === "number") return Number.isFinite(value) ? String(value) : null;
+	return null;
+}
+const VIEW_CLASS = cn(buttonVariants({
+	variant: "outline",
+	size: "icon"
+}), "shrink-0");
+const TITLE_CLASS = "min-w-0 max-w-[16rem] truncate";
+const TITLE_VIEW_CLASS = cn(TITLE_CLASS, "cursor-pointer rounded-sm text-left hover:underline focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring");
+function RelationViewButton(props) {
+	const gate = useEntryGate();
+	const { to, value, by } = props;
+	const access = useListAccess(to);
+	const key = selectKey(value);
+	const plain = plainTitle(props.title);
+	if (key === null || props.open === "none") return plain;
+	if (by !== void 0 && !(access.status === "ready" && access.fieldVisible(by))) return plain;
+	if (gate(to, "show").state !== "open") return plain;
+	return jsx(ViewButton, {
+		...props,
+		keyString: key
+	}, key);
+}
+function plainTitle(title) {
+	return title === void 0 ? null : jsx("span", {
+		className: TITLE_CLASS,
+		children: title
+	});
+}
+function ViewButton({ to, by, fieldName, keyString, beforeOpen, open: openMode = "quick", title }) {
+	const app = useApp();
+	const t = useOptionalT();
+	const tid = useTestIds();
+	const quick = useQuick();
+	const navigate = useRouteNavigate();
+	const RouterLink = useLinkComponent();
+	const [asked, setAsked] = React.useState(false);
+	const requested = React.useRef(false);
+	const targetDef = app.registry.get(to);
+	const rawIdField = (targetDef?.data)?.idField;
+	const idField = typeof rawIdField === "string" && rawIdField.length > 0 ? rawIdField : "id";
+	const read = useList(to, {
+		...asked && by !== void 0 ? {
+			filter: {
+				field: by,
+				op: "eq",
+				value: keyString
+			},
+			pagination: {
+				kind: "offset",
+				page: 1,
+				pageSize: 2
+			}
+		} : {},
+		scope: "none",
+		enabled: asked && by !== void 0,
+		retry: false
+	});
+	const rows = read.isCurrentData && !read.isPlaceholderData && !read.isFetching ? read.data?.data : void 0;
+	const open = React.useCallback((id) => {
+		beforeOpen();
+		if (openMode === "page") {
+			if (targetDef !== void 0 && linksToPage(app, targetDef)) navigate(resourceShowHref(app.registry, targetDef, to, id));
+			return;
+		}
+		quick.show(to, id);
+	}, [
+		beforeOpen,
+		quick,
+		to,
+		openMode,
+		navigate,
+		app,
+		targetDef
+	]);
+	React.useEffect(() => {
+		if (by === void 0 || !asked || rows === void 0 || !requested.current) return;
+		requested.current = false;
+		if (rows.length !== 1) {
+			if (rows.length > 1 && process.env.NODE_ENV !== "production") console.error(`[burojs] ${to}: more than one row has ${by} ${keyString}; "view" opened nothing.`);
+			return;
+		}
+		const id = rows[0]?.[idField];
+		const next = selectKey(id);
+		if (next !== null) open(next);
+	}, [
+		by,
+		asked,
+		rows,
+		idField,
+		keyString,
+		to,
+		open
+	]);
+	const label = t("relationPicker.view", { defaultValue: "View" });
+	const content = title === void 0 ? jsx(IconEye, {
+		className: "h-4 w-4",
+		"aria-hidden": true
+	}) : title;
+	const className = title === void 0 ? VIEW_CLASS : TITLE_VIEW_CLASS;
+	const testid = tid.relationView(to, fieldName);
+	if (openMode === "page" && (targetDef === void 0 || !linksToPage(app, targetDef))) return plainTitle(title);
+	if (openMode === "page" && by === void 0 && targetDef !== void 0) return jsxs(RouterLink, {
+		href: resourceShowHref(app.registry, targetDef, to, keyString),
+		"data-testid": testid,
+		className,
+		onClick: () => beforeOpen(),
+		children: [jsxs("span", {
+			className: "sr-only",
+			children: [label, " "]
+		}), content]
+	});
+	if (by === void 0 && targetDef !== void 0 && linksToPage(app, targetDef)) return jsxs(ClaimedQuickLink, {
+		href: resourceShowHref(app.registry, targetDef, to, keyString),
+		testid,
+		className,
+		onOpen: () => open(keyString),
+		children: [jsxs("span", {
+			className: "sr-only",
+			children: [label, " "]
+		}), content]
+	});
+	return jsx("button", {
+		type: "button",
+		className,
+		"data-testid": testid,
+		"aria-label": title === void 0 ? label : `${label} ${title}`,
+		[QUICK_ANCHOR_ATTRIBUTE]: "",
+		onClick: (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			if (!isPlainLeftClick(event)) return;
+			if (by === void 0) {
+				open(keyString);
+				return;
+			}
+			requested.current = true;
+			setAsked(true);
+			if (rows !== void 0 && rows.length === 1) {
+				const next = selectKey(rows[0]?.[idField]);
+				requested.current = false;
+				if (next !== null) open(next);
+			}
+		},
+		children: content
+	});
+}
+//#endregion
+//#region src/fields/relation-create.tsx
+function useSelectCreate(input) {
+	const t = useOptionalT();
+	const { to: target } = input;
+	const [pending, setPending] = React.useState(false);
+	const [created, setCreated] = React.useState(null);
+	const latch = React.useRef(false);
+	const mounted = React.useRef(true);
+	React.useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	const latest = React.useRef(input);
+	latest.current = input;
+	const access = useListAccess(target);
+	const blocked = input.held === true || access.status !== "ready" || namesHiddenField(createdOptionScope({
+		fixed: input.fixedFilters,
+		searchDecl: input.searchDecl,
+		searchContext: input.searchContext
+	}), (name) => access.fieldVisible(name));
+	const blockedRef = React.useRef(blocked);
+	blockedRef.current = blocked;
+	const release = React.useCallback(() => {
+		latch.current = false;
+		if (mounted.current) {
+			setPending(false);
+			setCreated(null);
+		}
+	}, []);
+	const start = React.useCallback((open) => {
+		if (latch.current || !mounted.current || blockedRef.current) return;
+		latch.current = true;
+		setPending(true);
+		let opened;
+		try {
+			opened = open();
+		} catch (error) {
+			release();
+			throw error;
+		}
+		opened.then((row) => {
+			if (!mounted.current) {
+				latch.current = false;
+				return;
+			}
+			const id = row === null ? null : selectKey(row[latest.current.idField]) ?? selectKey(row.id);
+			if (id === null) release();
+			else setCreated({ id });
+		}, () => release());
+	}, [release]);
+	const settle = React.useCallback((result) => {
+		if (mounted.current) {
+			if (result.kind === "fits") latest.current.onValue(result.value);
+			else if (result.kind === "does-not-fit") toast(t("relationPicker.createdNotFitting", { defaultValue: "The record was created but does not fit this field" }));
+			else toast.error(t("relationPicker.createdNotSelected", { defaultValue: "The record was created but could not be selected" }));
+		}
+		release();
+	}, [release, t]);
+	return {
+		create: React.useMemo(() => ({
+			pending,
+			blocked,
+			start
+		}), [
+			pending,
+			blocked,
+			start
+		]),
+		reader: created === null || blocked ? null : jsx(CreatedOptionRead, {
+			to: target,
+			filter: createdOptionFilter({
+				fixed: input.fixedFilters,
+				idField: input.idField,
+				id: created.id,
+				searchDecl: input.searchDecl,
+				searchContext: input.searchContext
+			}),
+			scope: input.scope,
+			...input.scopeField === void 0 ? {} : { scopeField: input.scopeField },
+			by: input.by,
+			idField: input.idField,
+			onSettled: settle
+		}, created.id)
+	};
+}
+function plainStringField(def) {
+	if (def === null || typeof def !== "object") return false;
+	const field = def;
+	return field.kind === "string" && field.system !== true && field.opts?.system !== true && field.opts?.enum === void 0 && field.opts?.localized !== true;
+}
+function RelationCreateButton(props) {
+	const gate = useEntryGate();
+	const { to } = props;
+	if (props.create.blocked || gate(to, "create").state !== "open") return null;
+	return jsx(CreateButton, { ...props });
+}
+function CreateButton({ to, fieldName, create, seeds, search, beforeOpen, className, testId }) {
+	const app = useApp();
+	const t = useOptionalT();
+	const tid = useTestIds();
+	const quick = useQuick();
+	const label = t("relationPicker.create", { defaultValue: "+ Create" });
+	return jsx("button", {
+		type: "button",
+		"data-testid": testId ?? tid.relationCreate(to, fieldName),
+		disabled: create.pending,
+		className,
+		onClick: () => {
+			const text = search?.trim() ?? "";
+			const displayField = app.registry.get(to)?.displayField;
+			const fields = app.registry.get(to)?.fields;
+			const prefill = text.length > 0 && typeof displayField === "string" && fields !== void 0 && Object.hasOwn(fields, displayField) && plainStringField(fields[displayField]) ? { [displayField]: text } : void 0;
+			create.start(() => {
+				beforeOpen();
+				return quick.create(to, {
+					...seeds === void 0 || Object.keys(seeds).length === 0 ? {} : { defaults: seeds },
+					...prefill === void 0 ? {} : { input: prefill }
+				});
+			});
+		},
+		children: label
+	});
+}
+//#endregion
+export { CommandEmpty as C, CommandList as D, CommandItem as E, CommandLoading as O, CommandDialog as S, CommandInput as T, isPlainLeftClick as _, namesHiddenField as a, RecordState as b, RelationField as c, peekAnchorOpener as d, PeekContext as f, ClaimedQuickLink as g, recordDisplayName as h, selectKey as i, CommandSeparator as k, relationLinkClassName as l, useRowTitle as m, useSelectCreate as n, narrowSearchDecl as o, PeekHostContext as p, RelationViewButton as r, RelationDisplay as s, RelationCreateButton as t, focusWithoutPeek as u, InvalidRouteId as v, CommandGroup as w, Command$1 as x, LoadError as y };
 
-//# sourceMappingURL=search-access-CURsWn-U.js.map
+//# sourceMappingURL=relation-create-C43cdPQt.js.map