@burojs/ui-shadcn 0.4.0 → 0.5.0

package/dist/search-access-B7G5oR8n.cjs

@@ -0,0 +1,812 @@
+const require_use_theme = require("./use-theme-DFlpXils.cjs");
+const require_toaster = require("./toaster-C7CiYA4Z.cjs");
+const require_dialog = require("./dialog-DRNUq9EA.cjs");
+let _burojs_core = require("@burojs/core");
+let _burojs_react = require("@burojs/react");
+let _tabler_icons_react = require("@tabler/icons-react");
+let react = require("react");
+react = require_use_theme.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let cmdk = require("cmdk");
+//#region src/primitives/command.tsx
+const Command = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsx)(cmdk.Command, {
+	ref,
+	className: require_use_theme.cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
+	...props
+}));
+Command.displayName = cmdk.Command.displayName;
+const CommandInput = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsxs)("div", {
+	className: "flex items-center border-b px-3",
+	"cmdk-input-wrapper": "",
+	children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconSearch, {
+		className: "mr-2 h-4 w-4 shrink-0 opacity-50",
+		"aria-hidden": "true"
+	}), (0, react_jsx_runtime.jsx)(cmdk.Command.Input, {
+		ref,
+		className: require_use_theme.cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input-disabled", className),
+		...props
+	})]
+}));
+CommandInput.displayName = cmdk.Command.Input.displayName;
+const CommandList = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsx)(cmdk.Command.List, {
+	ref,
+	className: require_use_theme.cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+	...props
+}));
+CommandList.displayName = cmdk.Command.List.displayName;
+const CommandEmpty = react.forwardRef((props, ref) => (0, react_jsx_runtime.jsx)(cmdk.Command.Empty, {
+	ref,
+	className: "py-6 text-center text-sm text-muted-foreground",
+	...props
+}));
+CommandEmpty.displayName = cmdk.Command.Empty.displayName;
+const CommandGroup = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsx)(cmdk.Command.Group, {
+	ref,
+	className: require_use_theme.cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
+	...props
+}));
+CommandGroup.displayName = cmdk.Command.Group.displayName;
+const CommandSeparator = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsx)(cmdk.Command.Separator, {
+	ref,
+	className: require_use_theme.cn("-mx-1 h-px bg-border", className),
+	...props
+}));
+CommandSeparator.displayName = cmdk.Command.Separator.displayName;
+const CommandItem = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsx)(cmdk.Command.Item, {
+	ref,
+	className: require_use_theme.cn("group relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50", className),
+	...props
+}));
+CommandItem.displayName = cmdk.Command.Item.displayName;
+const CommandLoading = react.forwardRef(({ ...props }, ref) => (0, react_jsx_runtime.jsx)(cmdk.Command.Loading, {
+	ref,
+	...props
+}));
+CommandLoading.displayName = cmdk.Command.Loading.displayName;
+function CommandDialog({ open, onOpenChange, defaultOpen, modal, title = "Command Palette", description = "Search and run actions.", className, commandClassName, children, contentProps }) {
+	return (0, react_jsx_runtime.jsx)(require_dialog.Dialog, {
+		open,
+		onOpenChange,
+		defaultOpen,
+		modal,
+		children: (0, react_jsx_runtime.jsxs)(require_dialog.DialogContent, {
+			...contentProps,
+			className: require_use_theme.cn("overflow-hidden p-0 shadow-lg max-w-[480px] sm:max-w-[480px]", className),
+			overlayClassName: "backdrop-blur-sm",
+			children: [
+				(0, react_jsx_runtime.jsx)(require_dialog.DialogTitle, {
+					className: "sr-only",
+					children: title
+				}),
+				(0, react_jsx_runtime.jsx)(require_dialog.DialogDescription, {
+					className: "sr-only",
+					children: description
+				}),
+				(0, react_jsx_runtime.jsx)(Command, {
+					className: require_use_theme.cn("[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", commandClassName),
+					children
+				})
+			]
+		})
+	});
+}
+CommandDialog.displayName = "CommandDialog";
+//#endregion
+//#region src/fields/claimed-quick-link.tsx
+function isPlainLeftClick(event) {
+	return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+function claimAnchor(wrapper) {
+	const anchor = wrapper?.querySelector("a") ?? null;
+	(0, _burojs_react.quickAnchorRef)(anchor);
+}
+function ClaimedQuickLink({ href, testid, className, onOpen, children }) {
+	const RouterLink = require_toaster.useLinkComponent();
+	return (0, react_jsx_runtime.jsx)("span", {
+		ref: claimAnchor,
+		className: "contents",
+		children: (0, react_jsx_runtime.jsx)(RouterLink, {
+			href,
+			...testid === void 0 ? {} : { "data-testid": testid },
+			[_burojs_react.QUICK_ANCHOR_ATTRIBUTE]: "",
+			...className === void 0 ? {} : { className },
+			onClick: (event) => {
+				event.stopPropagation();
+				if (!isPlainLeftClick(event) || event.currentTarget.target === "_blank") return;
+				event.preventDefault();
+				onOpen();
+			},
+			children
+		})
+	});
+}
+//#endregion
+//#region src/resource/record-display-name.ts
+function recordDisplayName(record, displayField) {
+	if (displayField && record[displayField] != null && record[displayField] !== "") return String(record[displayField]);
+	return String(record.id ?? "");
+}
+//#endregion
+//#region src/resource/use-row-title.ts
+function useRowTitle(target, displayField) {
+	const access = (0, _burojs_react.useListAccess)(target);
+	const visible = displayField !== void 0 && access.status === "ready" && access.fieldVisible(displayField);
+	return (0, react.useCallback)((row) => recordDisplayName(row, visible ? displayField : void 0), [visible, displayField]);
+}
+//#endregion
+//#region src/quick/peek-context.ts
+const PeekHostContext = (0, react.createContext)(null);
+const PeekContext = (0, react.createContext)(false);
+const KEYBOARD_FOCUS_WINDOW_MS = 100;
+const NAVIGATION_KEYS = new Set([
+	"Tab",
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight"
+]);
+let lastNavigationKeyAt = Number.NEGATIVE_INFINITY;
+const listening = new WeakSet();
+function listenForModality(doc) {
+	if (listening.has(doc)) return;
+	listening.add(doc);
+	doc.addEventListener("keydown", (event) => {
+		if (NAVIGATION_KEYS.has(event.key)) lastNavigationKeyAt = Date.now();
+	}, true);
+	const forget = () => {
+		lastNavigationKeyAt = Number.NEGATIVE_INFINITY;
+	};
+	doc.addEventListener("pointerdown", forget, true);
+	doc.addEventListener("mousedown", forget, true);
+}
+function keyboardModality() {
+	return Date.now() - lastNavigationKeyAt <= KEYBOARD_FOCUS_WINDOW_MS;
+}
+const focusedByCode = new WeakSet();
+function focusWithoutPeek(element) {
+	focusedByCode.add(element);
+	element.focus();
+	focusedByCode.delete(element);
+}
+const anchorOpeners = new WeakMap();
+function peekAnchorOpener(anchor) {
+	return anchor === null ? void 0 : anchorOpeners.get(anchor);
+}
+function anchorIn(wrapper) {
+	if (wrapper === null) return null;
+	const marked = wrapper.querySelector("[data-buro-quick]");
+	if (marked !== null) return marked;
+	const first = wrapper.firstElementChild;
+	return first instanceof HTMLElement ? first : null;
+}
+const noSubscription = () => () => void 0;
+function PeekIntent({ target, children }) {
+	if ((0, react.useContext)(PeekContext)) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	return (0, react_jsx_runtime.jsx)(ActivePeekIntent, {
+		target,
+		children
+	});
+}
+function ActivePeekIntent({ target, children }) {
+	const gate = (0, _burojs_react.useEntryGate)();
+	const runtime = (0, _burojs_react.useUIPresentationRuntime)();
+	const activation = (0, _burojs_react.useCurrentUIActivation)();
+	const [anchor, setAnchor] = (0, react.useState)(null);
+	const wrapper = (0, react.useRef)(null);
+	const timer = (0, react.useRef)(null);
+	const latest = (0, react.useRef)({
+		gate,
+		target,
+		activation
+	});
+	latest.current = {
+		gate,
+		target,
+		activation
+	};
+	const attach = (0, react.useCallback)((element) => {
+		wrapper.current = element;
+		if (element !== null && element.ownerDocument !== void 0) listenForModality(element.ownerDocument);
+		setAnchor(anchorIn(element));
+	}, []);
+	const expanded = (0, react.useSyncExternalStore)(anchor === null ? noSubscription : runtime.subscribe, () => anchor !== null && runtime.getSnapshot().some((d) => d.component === _burojs_react.PEEK_COMPONENT && d.anchor?.element === anchor), () => false);
+	const peekable = gate(target.to, "peek").state === "open";
+	(0, react.useEffect)(() => {
+		if (anchor === null) return;
+		if (!peekable) {
+			anchor.removeAttribute("aria-haspopup");
+			anchor.removeAttribute("aria-expanded");
+			return;
+		}
+		anchor.setAttribute("aria-haspopup", "dialog");
+		anchor.setAttribute("aria-expanded", expanded ? "true" : "false");
+	}, [
+		anchor,
+		peekable,
+		expanded
+	]);
+	const quickOpen = (0, _burojs_react.useQuickOpener)();
+	const onOpen = (0, react.useCallback)((to, id) => void quickOpen(to, id), [quickOpen]);
+	(0, react.useEffect)(() => {
+		if (anchor === null) return;
+		anchorOpeners.set(anchor, onOpen);
+		return () => {
+			if (anchorOpeners.get(anchor) === onOpen) anchorOpeners.delete(anchor);
+		};
+	}, [anchor, onOpen]);
+	const cancel = (0, react.useCallback)(() => {
+		if (timer.current === null) return;
+		clearTimeout(timer.current);
+		timer.current = null;
+	}, []);
+	(0, react.useEffect)(() => cancel, [cancel]);
+	const fire = (0, react.useCallback)(() => {
+		timer.current = null;
+		const { gate: ask, target: what, activation: from } = latest.current;
+		const element = anchorIn(wrapper.current);
+		if (element === null || !element.isConnected) return;
+		const answer = ask(what.to, "peek");
+		if (answer.state !== "open") return;
+		const snapshot = runtime.getSnapshot();
+		if (snapshot.some((d) => d.component === _burojs_react.PEEK_COMPONENT && d.anchor?.element === element)) return;
+		for (const descriptor of snapshot) if (descriptor.component === _burojs_react.PEEK_COMPONENT) runtime.dismiss(descriptor.id);
+		const props = {
+			target: answer.target,
+			...what.id === void 0 ? {} : { id: what.id },
+			...what.by === void 0 ? {} : { by: what.by }
+		};
+		runtime.present({
+			component: _burojs_react.PEEK_COMPONENT,
+			host: "popover",
+			anchor: { element },
+			props,
+			activation: from
+		});
+	}, [runtime]);
+	const schedule = (0, react.useCallback)(() => {
+		if (timer.current !== null) return;
+		timer.current = setTimeout(fire, 500);
+	}, [fire]);
+	return (0, react_jsx_runtime.jsx)("span", {
+		ref: attach,
+		className: "contents",
+		onPointerEnter: (event) => {
+			if (event.pointerType === "mouse" || event.pointerType === "pen") schedule();
+		},
+		onPointerLeave: cancel,
+		onFocus: (event) => {
+			if (focusedByCode.has(event.target)) return;
+			if (keyboardModality()) schedule();
+		},
+		onBlur: cancel,
+		onPointerDown: cancel,
+		onClickCapture: cancel,
+		children
+	});
+}
+//#endregion
+//#region src/fields/relation-display.tsx
+const relationLinkClassName = "rounded text-foreground underline decoration-muted-foreground/40 decoration-dotted underline-offset-4 transition-all hover:decoration-foreground hover:decoration-solid focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring";
+function RelationDisplay({ value, field }) {
+	const app = (0, _burojs_react.useApp)();
+	const meta = field?.meta;
+	const by = typeof meta?.by === "string" ? meta.by : void 0;
+	const lazy = meta?.resolve === "lazy";
+	let to;
+	try {
+		to = meta?.to === void 0 ? void 0 : (0, _burojs_core.resourceKey)(meta.to);
+	} catch {
+		to = void 0;
+	}
+	const id = value;
+	const idStr = String(value ?? "");
+	const baseId = `relation-display:${to ?? "unknown"}:${idStr}`;
+	const open = (0, _burojs_core.relationOpenOf)({ ui: field?.ui });
+	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:empty`,
+		className: "text-muted-foreground",
+		children: "—"
+	});
+	if (!to) {
+		if (process.env.NODE_ENV !== "production") console.warn(`[RelationDisplay] no meta.to declared on field — rendering raw value '${idStr}'`);
+		return (0, react_jsx_runtime.jsx)("span", {
+			"data-testid": `relation-display:unknown:${idStr}:no-target`,
+			children: idStr
+		});
+	}
+	if (lazy) return (0, react_jsx_runtime.jsx)(LazyRelationDisplay, {
+		to,
+		by,
+		idStr,
+		app,
+		open
+	});
+	return (0, react_jsx_runtime.jsx)(GatedRelationDisplay, {
+		to,
+		by,
+		id,
+		idStr,
+		app,
+		open
+	});
+}
+function RelationField({ to, value }) {
+	return (0, react_jsx_runtime.jsx)(RelationDisplay, {
+		value,
+		field: {
+			name: "",
+			meta: { to }
+		}
+	});
+}
+function peekTarget(to, by, key) {
+	return by === void 0 ? {
+		to,
+		id: key
+	} : {
+		to,
+		by: {
+			field: by,
+			key
+		}
+	};
+}
+function showPageDef(app, def) {
+	const delegate = def.routesTo?.show;
+	if (delegate === void 0) return def;
+	try {
+		return app.registry.get((0, _burojs_core.resourceKey)(delegate));
+	} catch {
+		return;
+	}
+}
+function linksToPage(app, def) {
+	const target = showPageDef(app, def);
+	return target !== void 0 && (0, _burojs_core.hasRecordPage)(target, "show");
+}
+function QuickOpener({ href, testid, onOpen, children }) {
+	if (href === null) return (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		"data-testid": testid,
+		[_burojs_react.QUICK_ANCHOR_ATTRIBUTE]: "",
+		className: `${relationLinkClassName} text-left`,
+		onClick: (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			onOpen();
+		},
+		children
+	});
+	return (0, react_jsx_runtime.jsx)(ClaimedQuickLink, {
+		href,
+		testid,
+		className: relationLinkClassName,
+		onOpen,
+		children
+	});
+}
+function LazyRelationDisplay({ to, by, idStr, app, open: openMode }) {
+	const RouterLink = require_toaster.useLinkComponent();
+	const gate = (0, _burojs_react.useEntryGate)();
+	const open = (0, _burojs_react.useQuickOpener)();
+	const targetDef = app.registry.get(to);
+	const baseId = `relation-display:${to}:${idStr}`;
+	if (!targetDef || openMode === "none") return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:lazy`,
+		children: idStr
+	});
+	const answer = gate(to, "show");
+	if (answer.state === "undecided") return (0, react_jsx_runtime.jsx)(PeekIntent, {
+		target: peekTarget(to, by, idStr),
+		children: (0, react_jsx_runtime.jsx)("span", {
+			"data-testid": `${baseId}:lazy`,
+			children: idStr
+		})
+	});
+	if (answer.state === "hidden" || answer.state === "disabled") return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:lazy`,
+		children: idStr
+	});
+	const page = linksToPage(app, targetDef);
+	if (openMode === "page") {
+		if (by !== void 0 || !page) return (0, react_jsx_runtime.jsx)("span", {
+			"data-testid": `${baseId}:lazy`,
+			children: idStr
+		});
+		return (0, react_jsx_runtime.jsx)(RouterLink, {
+			href: (0, _burojs_core.resourceShowHref)(app.registry, targetDef, to, idStr),
+			"data-testid": `${baseId}:lazy`,
+			className: relationLinkClassName,
+			onClick: (e) => e.stopPropagation(),
+			children: idStr
+		});
+	}
+	if (answer.state !== "open") {
+		if (by !== void 0 || !page) return (0, react_jsx_runtime.jsx)("span", {
+			"data-testid": `${baseId}:lazy`,
+			children: idStr
+		});
+		return (0, react_jsx_runtime.jsx)(RouterLink, {
+			href: (0, _burojs_core.resourceShowHref)(app.registry, targetDef, to, idStr),
+			"data-testid": `${baseId}:lazy`,
+			className: relationLinkClassName,
+			onClick: (e) => e.stopPropagation(),
+			children: idStr
+		});
+	}
+	if (by !== void 0) return (0, react_jsx_runtime.jsx)(PeekIntent, {
+		target: peekTarget(to, by, idStr),
+		children: (0, react_jsx_runtime.jsx)(LazyByOpener, {
+			to,
+			by,
+			idStr,
+			target: answer.target
+		})
+	});
+	const openKey = () => void open(to, idStr);
+	return (0, react_jsx_runtime.jsx)(PeekIntent, {
+		target: peekTarget(to, void 0, idStr),
+		children: (0, react_jsx_runtime.jsx)(QuickOpener, {
+			href: page ? (0, _burojs_core.resourceShowHref)(app.registry, targetDef, to, idStr) : null,
+			testid: `${baseId}:lazy`,
+			onOpen: openKey,
+			children: idStr
+		})
+	});
+}
+function LazyByOpener({ to, by, idStr, target }) {
+	const app = (0, _burojs_react.useApp)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const open = (0, _burojs_react.useQuickOpener)();
+	const [asked, setAsked] = (0, react.useState)(false);
+	const rows = (0, _burojs_react.useList)(to, {
+		...asked ? {
+			filter: {
+				field: by,
+				op: "eq",
+				value: idStr
+			},
+			pagination: {
+				kind: "offset",
+				page: 1,
+				pageSize: 2
+			}
+		} : {},
+		enabled: asked,
+		retry: false
+	}).data?.data;
+	const baseId = `relation-display:${to}:${idStr}`;
+	const idField = (app.registry.get(target)?.data)?.idField;
+	const rowId = rows?.length === 1 ? rows[0]?.[typeof idField === "string" && idField.length > 0 ? idField : "id"] : void 0;
+	const requested = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		if (!asked || rows === void 0 || !requested.current) return;
+		if (rows.length > 1) {
+			requested.current = false;
+			if (process.env.NODE_ENV !== "production") console.error(`[burojs] ${(0, _burojs_core.relationAmbiguousError)(to, by, idStr).message}`);
+			return;
+		}
+		requested.current = false;
+		if (rows.length === 1 && rowId !== void 0 && rowId !== null) open(to, String(rowId));
+	}, [
+		asked,
+		rows,
+		rowId,
+		open,
+		to,
+		by,
+		idStr
+	]);
+	if (asked && rows !== void 0 && rows.length === 0) return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:unavailable`,
+		className: "text-muted-foreground",
+		children: t("relation.unavailable", { defaultValue: "Not available" })
+	});
+	if (asked && rows !== void 0 && rows.length > 1) return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:ambiguous`,
+		className: "text-muted-foreground",
+		children: idStr
+	});
+	return (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		"data-testid": `${baseId}:lazy`,
+		[_burojs_react.QUICK_ANCHOR_ATTRIBUTE]: "",
+		className: `${relationLinkClassName} text-left`,
+		onClick: (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			if (asked && rowId !== void 0 && rowId !== null) open(to, String(rowId));
+			else {
+				requested.current = true;
+				setAsked(true);
+			}
+		},
+		children: idStr
+	});
+}
+function GatedRelationDisplay(props) {
+	const gate = (0, _burojs_react.useEntryGate)();
+	const target = props.to;
+	const { idStr } = props;
+	const answer = gate(target, "show");
+	if (answer.state === "undecided") return (0, react_jsx_runtime.jsx)(PeekIntent, {
+		target: peekTarget(target, props.by, idStr),
+		children: (0, react_jsx_runtime.jsx)("span", {
+			"data-testid": `relation-display:${target}:${idStr}:text`,
+			children: idStr
+		})
+	});
+	if (answer.state === "hidden" || answer.state === "disabled") return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `relation-display:${target}:${idStr}:text`,
+		children: idStr
+	});
+	return (0, react_jsx_runtime.jsx)(RelationDisplayBody, {
+		...props,
+		quickTarget: answer.state === "open" && props.open === "quick" ? answer.target : null
+	});
+}
+function RelationDisplayBody({ to, by, id, idStr, app, open: openMode, quickTarget }) {
+	const targetDef = app.registry.get(to);
+	const rowTitle = useRowTitle(to, targetDef?.displayField);
+	const baseId = `relation-display:${to}:${idStr}`;
+	const RouterLink = require_toaster.useLinkComponent();
+	const open = (0, _burojs_react.useQuickOpener)();
+	const { record, isLoading, error, ambiguous } = (0, _burojs_react.useRelatedRecord)(to, id, by === void 0 ? void 0 : { by });
+	if (!targetDef) {
+		if (process.env.NODE_ENV !== "production") console.warn(`[RelationDisplay] target resource '${to}' not registered — rendering raw value '${idStr}'`);
+		return (0, react_jsx_runtime.jsx)("span", {
+			"data-testid": `${baseId}:unregistered`,
+			className: "text-muted-foreground",
+			children: idStr
+		});
+	}
+	if (isLoading) return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `relation-display-loading:${to}`,
+		className: "inline-block h-5 w-20 animate-pulse rounded bg-muted",
+		"aria-busy": "true"
+	});
+	if (ambiguous) return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:ambiguous`,
+		className: "text-muted-foreground",
+		title: `${to}: more than one row has ${by ?? "id"} ${idStr}`,
+		children: idStr
+	});
+	if (error) return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:error`,
+		className: "text-muted-foreground",
+		title: error.message,
+		children: idStr
+	});
+	if (!record) return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:not-found`,
+		className: "text-muted-foreground",
+		title: `${to} #${idStr} not found`,
+		children: idStr
+	});
+	const displayName = rowTitle(record);
+	const idField = targetDef.data?.idField;
+	const rowId = record[typeof idField === "string" && idField.length > 0 ? idField : "id"];
+	if (rowId === null || rowId === void 0 || rowId === "") return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": `${baseId}:no-id`,
+		className: "text-muted-foreground",
+		children: displayName
+	});
+	const href = linksToPage(app, targetDef) ? (0, _burojs_core.resourceShowHref)(app.registry, targetDef, to, String(rowId)) : null;
+	if (openMode === "none") return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": baseId,
+		children: displayName
+	});
+	if (quickTarget !== null) return (0, react_jsx_runtime.jsx)(RowOpener, {
+		to,
+		rowId: String(rowId),
+		href,
+		testid: baseId,
+		open,
+		children: displayName
+	});
+	if (href === null) return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": baseId,
+		children: displayName
+	});
+	return (0, react_jsx_runtime.jsx)(RouterLink, {
+		href,
+		"data-testid": baseId,
+		className: relationLinkClassName,
+		onClick: (e) => e.stopPropagation(),
+		children: displayName
+	});
+}
+function RowOpener({ to, rowId, href, testid, open, children }) {
+	const onOpen = (0, react.useCallback)(() => void open(to, rowId), [
+		open,
+		to,
+		rowId
+	]);
+	return (0, react_jsx_runtime.jsx)(PeekIntent, {
+		target: peekTarget(to, void 0, rowId),
+		children: (0, react_jsx_runtime.jsx)(QuickOpener, {
+			href,
+			testid,
+			onOpen,
+			children
+		})
+	});
+}
+function RelationManyDisplay({ value, field }) {
+	const keys = Array.isArray(value) ? value : [];
+	if (keys.length === 0) return (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": "relation-many-display:empty",
+		className: "text-muted-foreground",
+		children: "—"
+	});
+	return (0, react_jsx_runtime.jsx)("span", {
+		className: "inline-flex flex-wrap gap-x-2",
+		"data-testid": "relation-many-display",
+		children: keys.map((key, index) => (0, react_jsx_runtime.jsx)(RelationDisplay, {
+			value: key,
+			field
+		}, `${String(key)}:${index}`))
+	});
+}
+//#endregion
+//#region src/fields/search-access.ts
+function narrowSearchDecl(declared, visible) {
+	if (declared === void 0 || typeof declared === "function") return declared;
+	if (!Array.isArray(declared.fields)) return declared;
+	const fields = declared.fields.filter((ref) => visible(typeof ref === "string" ? ref : ref.field));
+	if (fields.length === declared.fields.length) return declared;
+	return fields.length === 0 ? void 0 : {
+		...declared,
+		fields
+	};
+}
+function namesHiddenField(filter, visible) {
+	return filter !== void 0 && (0, _burojs_react.filterFields)(filter).some((field) => !visible(field));
+}
+//#endregion
+Object.defineProperty(exports, "ClaimedQuickLink", {
+	enumerable: true,
+	get: function() {
+		return ClaimedQuickLink;
+	}
+});
+Object.defineProperty(exports, "Command", {
+	enumerable: true,
+	get: function() {
+		return Command;
+	}
+});
+Object.defineProperty(exports, "CommandDialog", {
+	enumerable: true,
+	get: function() {
+		return CommandDialog;
+	}
+});
+Object.defineProperty(exports, "CommandEmpty", {
+	enumerable: true,
+	get: function() {
+		return CommandEmpty;
+	}
+});
+Object.defineProperty(exports, "CommandGroup", {
+	enumerable: true,
+	get: function() {
+		return CommandGroup;
+	}
+});
+Object.defineProperty(exports, "CommandInput", {
+	enumerable: true,
+	get: function() {
+		return CommandInput;
+	}
+});
+Object.defineProperty(exports, "CommandItem", {
+	enumerable: true,
+	get: function() {
+		return CommandItem;
+	}
+});
+Object.defineProperty(exports, "CommandList", {
+	enumerable: true,
+	get: function() {
+		return CommandList;
+	}
+});
+Object.defineProperty(exports, "CommandLoading", {
+	enumerable: true,
+	get: function() {
+		return CommandLoading;
+	}
+});
+Object.defineProperty(exports, "CommandSeparator", {
+	enumerable: true,
+	get: function() {
+		return CommandSeparator;
+	}
+});
+Object.defineProperty(exports, "PeekContext", {
+	enumerable: true,
+	get: function() {
+		return PeekContext;
+	}
+});
+Object.defineProperty(exports, "PeekHostContext", {
+	enumerable: true,
+	get: function() {
+		return PeekHostContext;
+	}
+});
+Object.defineProperty(exports, "RelationDisplay", {
+	enumerable: true,
+	get: function() {
+		return RelationDisplay;
+	}
+});
+Object.defineProperty(exports, "RelationField", {
+	enumerable: true,
+	get: function() {
+		return RelationField;
+	}
+});
+Object.defineProperty(exports, "RelationManyDisplay", {
+	enumerable: true,
+	get: function() {
+		return RelationManyDisplay;
+	}
+});
+Object.defineProperty(exports, "focusWithoutPeek", {
+	enumerable: true,
+	get: function() {
+		return focusWithoutPeek;
+	}
+});
+Object.defineProperty(exports, "isPlainLeftClick", {
+	enumerable: true,
+	get: function() {
+		return isPlainLeftClick;
+	}
+});
+Object.defineProperty(exports, "linksToPage", {
+	enumerable: true,
+	get: function() {
+		return linksToPage;
+	}
+});
+Object.defineProperty(exports, "namesHiddenField", {
+	enumerable: true,
+	get: function() {
+		return namesHiddenField;
+	}
+});
+Object.defineProperty(exports, "narrowSearchDecl", {
+	enumerable: true,
+	get: function() {
+		return narrowSearchDecl;
+	}
+});
+Object.defineProperty(exports, "peekAnchorOpener", {
+	enumerable: true,
+	get: function() {
+		return peekAnchorOpener;
+	}
+});
+Object.defineProperty(exports, "recordDisplayName", {
+	enumerable: true,
+	get: function() {
+		return recordDisplayName;
+	}
+});
+Object.defineProperty(exports, "relationLinkClassName", {
+	enumerable: true,
+	get: function() {
+		return relationLinkClassName;
+	}
+});
+Object.defineProperty(exports, "useRowTitle", {
+	enumerable: true,
+	get: function() {
+		return useRowTitle;
+	}
+});
+
+//# sourceMappingURL=search-access-B7G5oR8n.cjs.map