@burojs/ui-shadcn 0.4.0 → 0.5.0

package/dist/search-access-CURsWn-U.js

@@ -0,0 +1,669 @@
+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 * as React from "react";
+import { createContext, useCallback, useContext, useEffect, 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
+const Command$1 = React.forwardRef(({ className, ...props }, ref) => jsx(Command, {
+	ref,
+	className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
+	...props
+}));
+Command$1.displayName = Command.displayName;
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => jsxs("div", {
+	className: "flex items-center border-b px-3",
+	"cmdk-input-wrapper": "",
+	children: [jsx(IconSearch, {
+		className: "mr-2 h-4 w-4 shrink-0 opacity-50",
+		"aria-hidden": "true"
+	}), jsx(Command.Input, {
+		ref,
+		className: 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 = Command.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => jsx(Command.List, {
+	ref,
+	className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+	...props
+}));
+CommandList.displayName = Command.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => jsx(Command.Empty, {
+	ref,
+	className: "py-6 text-center text-sm text-muted-foreground",
+	...props
+}));
+CommandEmpty.displayName = Command.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => jsx(Command.Group, {
+	ref,
+	className: 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 = Command.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => jsx(Command.Separator, {
+	ref,
+	className: cn("-mx-1 h-px bg-border", className),
+	...props
+}));
+CommandSeparator.displayName = Command.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => jsx(Command.Item, {
+	ref,
+	className: 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 = Command.Item.displayName;
+const CommandLoading = React.forwardRef(({ ...props }, ref) => jsx(Command.Loading, {
+	ref,
+	...props
+}));
+CommandLoading.displayName = Command.Loading.displayName;
+function CommandDialog({ open, onOpenChange, defaultOpen, modal, title = "Command Palette", description = "Search and run actions.", className, commandClassName, children, contentProps }) {
+	return jsx(Dialog, {
+		open,
+		onOpenChange,
+		defaultOpen,
+		modal,
+		children: jsxs(DialogContent, {
+			...contentProps,
+			className: cn("overflow-hidden p-0 shadow-lg max-w-[480px] sm:max-w-[480px]", className),
+			overlayClassName: "backdrop-blur-sm",
+			children: [
+				jsx(DialogTitle, {
+					className: "sr-only",
+					children: title
+				}),
+				jsx(DialogDescription, {
+					className: "sr-only",
+					children: description
+				}),
+				jsx(Command$1, {
+					className: 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;
+	quickAnchorRef(anchor);
+}
+function ClaimedQuickLink({ href, testid, className, onOpen, children }) {
+	const RouterLink = useLinkComponent();
+	return jsx("span", {
+		ref: claimAnchor,
+		className: "contents",
+		children: jsx(RouterLink, {
+			href,
+			...testid === void 0 ? {} : { "data-testid": testid },
+			[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 = useListAccess(target);
+	const visible = displayField !== void 0 && access.status === "ready" && access.fieldVisible(displayField);
+	return useCallback((row) => recordDisplayName(row, visible ? displayField : void 0), [visible, displayField]);
+}
+//#endregion
+//#region src/quick/peek-context.ts
+const PeekHostContext = createContext(null);
+const PeekContext = 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 (useContext(PeekContext)) return jsx(Fragment$1, { children });
+	return jsx(ActivePeekIntent, {
+		target,
+		children
+	});
+}
+function ActivePeekIntent({ target, children }) {
+	const gate = useEntryGate();
+	const runtime = useUIPresentationRuntime();
+	const activation = useCurrentUIActivation();
+	const [anchor, setAnchor] = useState(null);
+	const wrapper = useRef(null);
+	const timer = useRef(null);
+	const latest = useRef({
+		gate,
+		target,
+		activation
+	});
+	latest.current = {
+		gate,
+		target,
+		activation
+	};
+	const attach = useCallback((element) => {
+		wrapper.current = element;
+		if (element !== null && element.ownerDocument !== void 0) listenForModality(element.ownerDocument);
+		setAnchor(anchorIn(element));
+	}, []);
+	const expanded = useSyncExternalStore(anchor === null ? noSubscription : runtime.subscribe, () => anchor !== null && runtime.getSnapshot().some((d) => d.component === PEEK_COMPONENT && d.anchor?.element === anchor), () => false);
+	const peekable = gate(target.to, "peek").state === "open";
+	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 = useQuickOpener();
+	const onOpen = useCallback((to, id) => void quickOpen(to, id), [quickOpen]);
+	useEffect(() => {
+		if (anchor === null) return;
+		anchorOpeners.set(anchor, onOpen);
+		return () => {
+			if (anchorOpeners.get(anchor) === onOpen) anchorOpeners.delete(anchor);
+		};
+	}, [anchor, onOpen]);
+	const cancel = useCallback(() => {
+		if (timer.current === null) return;
+		clearTimeout(timer.current);
+		timer.current = null;
+	}, []);
+	useEffect(() => cancel, [cancel]);
+	const fire = 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 === PEEK_COMPONENT && d.anchor?.element === element)) return;
+		for (const descriptor of snapshot) if (descriptor.component === 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: PEEK_COMPONENT,
+			host: "popover",
+			anchor: { element },
+			props,
+			activation: from
+		});
+	}, [runtime]);
+	const schedule = useCallback(() => {
+		if (timer.current !== null) return;
+		timer.current = setTimeout(fire, 500);
+	}, [fire]);
+	return 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 = 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 : resourceKey(meta.to);
+	} catch {
+		to = void 0;
+	}
+	const id = value;
+	const idStr = String(value ?? "");
+	const baseId = `relation-display:${to ?? "unknown"}:${idStr}`;
+	const open = relationOpenOf({ ui: field?.ui });
+	if (value == null || value === "") return 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 jsx("span", {
+			"data-testid": `relation-display:unknown:${idStr}:no-target`,
+			children: idStr
+		});
+	}
+	if (lazy) return jsx(LazyRelationDisplay, {
+		to,
+		by,
+		idStr,
+		app,
+		open
+	});
+	return jsx(GatedRelationDisplay, {
+		to,
+		by,
+		id,
+		idStr,
+		app,
+		open
+	});
+}
+function RelationField({ to, value }) {
+	return 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(resourceKey(delegate));
+	} catch {
+		return;
+	}
+}
+function linksToPage(app, def) {
+	const target = showPageDef(app, def);
+	return target !== void 0 && hasRecordPage(target, "show");
+}
+function QuickOpener({ href, testid, onOpen, children }) {
+	if (href === null) return jsx("button", {
+		type: "button",
+		"data-testid": testid,
+		[QUICK_ANCHOR_ATTRIBUTE]: "",
+		className: `${relationLinkClassName} text-left`,
+		onClick: (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			onOpen();
+		},
+		children
+	});
+	return jsx(ClaimedQuickLink, {
+		href,
+		testid,
+		className: relationLinkClassName,
+		onOpen,
+		children
+	});
+}
+function LazyRelationDisplay({ to, by, idStr, app, open: openMode }) {
+	const RouterLink = useLinkComponent();
+	const gate = useEntryGate();
+	const open = useQuickOpener();
+	const targetDef = app.registry.get(to);
+	const baseId = `relation-display:${to}:${idStr}`;
+	if (!targetDef || openMode === "none") return jsx("span", {
+		"data-testid": `${baseId}:lazy`,
+		children: idStr
+	});
+	const answer = gate(to, "show");
+	if (answer.state === "undecided") return jsx(PeekIntent, {
+		target: peekTarget(to, by, idStr),
+		children: jsx("span", {
+			"data-testid": `${baseId}:lazy`,
+			children: idStr
+		})
+	});
+	if (answer.state === "hidden" || answer.state === "disabled") return jsx("span", {
+		"data-testid": `${baseId}:lazy`,
+		children: idStr
+	});
+	const page = linksToPage(app, targetDef);
+	if (openMode === "page") {
+		if (by !== void 0 || !page) return jsx("span", {
+			"data-testid": `${baseId}:lazy`,
+			children: idStr
+		});
+		return jsx(RouterLink, {
+			href: 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 jsx("span", {
+			"data-testid": `${baseId}:lazy`,
+			children: idStr
+		});
+		return jsx(RouterLink, {
+			href: resourceShowHref(app.registry, targetDef, to, idStr),
+			"data-testid": `${baseId}:lazy`,
+			className: relationLinkClassName,
+			onClick: (e) => e.stopPropagation(),
+			children: idStr
+		});
+	}
+	if (by !== void 0) return jsx(PeekIntent, {
+		target: peekTarget(to, by, idStr),
+		children: jsx(LazyByOpener, {
+			to,
+			by,
+			idStr,
+			target: answer.target
+		})
+	});
+	const openKey = () => void open(to, idStr);
+	return jsx(PeekIntent, {
+		target: peekTarget(to, void 0, idStr),
+		children: jsx(QuickOpener, {
+			href: page ? resourceShowHref(app.registry, targetDef, to, idStr) : null,
+			testid: `${baseId}:lazy`,
+			onOpen: openKey,
+			children: idStr
+		})
+	});
+}
+function LazyByOpener({ to, by, idStr, target }) {
+	const app = useApp();
+	const t = useOptionalT();
+	const open = useQuickOpener();
+	const [asked, setAsked] = useState(false);
+	const rows = 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 = useRef(false);
+	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] ${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 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 jsx("span", {
+		"data-testid": `${baseId}:ambiguous`,
+		className: "text-muted-foreground",
+		children: idStr
+	});
+	return jsx("button", {
+		type: "button",
+		"data-testid": `${baseId}:lazy`,
+		[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 = useEntryGate();
+	const target = props.to;
+	const { idStr } = props;
+	const answer = gate(target, "show");
+	if (answer.state === "undecided") return jsx(PeekIntent, {
+		target: peekTarget(target, props.by, idStr),
+		children: jsx("span", {
+			"data-testid": `relation-display:${target}:${idStr}:text`,
+			children: idStr
+		})
+	});
+	if (answer.state === "hidden" || answer.state === "disabled") return jsx("span", {
+		"data-testid": `relation-display:${target}:${idStr}:text`,
+		children: idStr
+	});
+	return 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 = useLinkComponent();
+	const open = useQuickOpener();
+	const { record, isLoading, error, ambiguous } = 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 jsx("span", {
+			"data-testid": `${baseId}:unregistered`,
+			className: "text-muted-foreground",
+			children: idStr
+		});
+	}
+	if (isLoading) return 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 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 jsx("span", {
+		"data-testid": `${baseId}:error`,
+		className: "text-muted-foreground",
+		title: error.message,
+		children: idStr
+	});
+	if (!record) return 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 jsx("span", {
+		"data-testid": `${baseId}:no-id`,
+		className: "text-muted-foreground",
+		children: displayName
+	});
+	const href = linksToPage(app, targetDef) ? resourceShowHref(app.registry, targetDef, to, String(rowId)) : null;
+	if (openMode === "none") return jsx("span", {
+		"data-testid": baseId,
+		children: displayName
+	});
+	if (quickTarget !== null) return jsx(RowOpener, {
+		to,
+		rowId: String(rowId),
+		href,
+		testid: baseId,
+		open,
+		children: displayName
+	});
+	if (href === null) return jsx("span", {
+		"data-testid": baseId,
+		children: displayName
+	});
+	return jsx(RouterLink, {
+		href,
+		"data-testid": baseId,
+		className: relationLinkClassName,
+		onClick: (e) => e.stopPropagation(),
+		children: displayName
+	});
+}
+function RowOpener({ to, rowId, href, testid, open, children }) {
+	const onOpen = useCallback(() => void open(to, rowId), [
+		open,
+		to,
+		rowId
+	]);
+	return jsx(PeekIntent, {
+		target: peekTarget(to, void 0, rowId),
+		children: jsx(QuickOpener, {
+			href,
+			testid,
+			onOpen,
+			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) {
+	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 && 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 };
+
+//# sourceMappingURL=search-access-CURsWn-U.js.map