@burojs/ui-shadcn 0.3.0 → 0.5.0

package/dist/check-confirm-dialog-CkaVTPT9.js

@@ -0,0 +1,1232 @@
+import { l as cn } from "./use-theme-dnE3Od3I.js";
+import { d as useLinkComponent, f as Popover, g as PopoverTrigger, h as PopoverContent, n as toast } from "./toaster-CfCRLgR-.js";
+import { t as Button } from "./button-MWVeZaqj.js";
+import { a as DialogFooter, i as DialogDescription, o as DialogHeader, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-B_rt9S1c.js";
+import { canonicalEntityNodeKey, compileFlow, docAddressToArticle, hasRecordPage, hrefFor, humanizeKey, isBuiltinItemAction, normalizeEntityRef, recordEntries, resolveContentSlot, resolveDocSee } from "@burojs/core";
+import { buildDI, conjoinHostPage, modeForSurface, resolveRoute, useApp, useAvailabilityResolver, useComponent, useDoc, useDocPanel, useDocTopics, useEntryGate, useFlowRowResolver, useHostPage, useI18nCaps, useOptionalRouterAdapter, useOptionalT, usePresentBlock, usePresentFlow, useProjectedTitle, useQuick, useQuickEntry, useTestIds, useUIInstance } from "@burojs/react";
+import { IconArrowRight, IconArrowUpRight, IconArrowsLeftRight, IconBan, IconBell, IconBox, IconBoxMultiple, IconBuilding, IconCheck, IconChevronRight, IconCircle, IconCircleCaretRight, IconCircleCheck, IconCircleX, IconClipboardList, IconClock, IconCopy, IconDots, IconEye, IconFileOff, IconFilePencil, IconFileText, IconFileX, IconGitBranch, IconHammer, IconHash, IconHistory, IconInfoHexagon, IconKey, IconKeyOff, IconLink, IconList, IconLoader2, IconMapPin, IconNetwork, IconPackage, IconPackageExport, IconPackageImport, IconPackageOff, IconPackages, IconPencil, IconPlayerPlay, IconPlayerTrackNext, IconPlus, IconQrcode, IconRefresh, IconRotate, IconScript, IconSettings, IconShieldCheck, IconTag, IconTool, IconTrash, IconTruck, IconUserPlus, IconUsers, IconX } from "@tabler/icons-react";
+import * as React from "react";
+import { Component, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { evaluateCondition, isFlowAction } from "@burojs/core/internal";
+//#region src/doc/doc-info.tsx
+function DocInfo({ address, name, testId, className }) {
+	const doc = useDoc(address);
+	const caps = useI18nCaps();
+	const t = useOptionalT();
+	const { openPanel } = useDocPanel();
+	const [open, setOpen] = useState(false);
+	const see = resolveDocSee(caps, address);
+	const { scope: articleScope, topicId: ownTopicId } = docAddressToArticle(see ?? address);
+	const topics = useDocTopics(articleScope);
+	const hasOwnArticle = ownTopicId === void 0 ? topics.length > 0 : topics.some((x) => x.id === ownTopicId);
+	if (!doc && !hasOwnArticle) return null;
+	const id = testId ?? `doc-info:${address}`;
+	const newTabNote = t("docPanel.opensInNewTab", { defaultValue: "(opens in a new tab)" });
+	const hasSummary = doc?.summary !== void 0;
+	const hasLinks = doc?.links !== void 0 && doc.links.length > 0;
+	return jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [jsx(PopoverTrigger, {
+			asChild: true,
+			children: jsx("button", {
+				type: "button",
+				"aria-haspopup": "dialog",
+				"aria-label": t("docPanel.openFor", {
+					params: { name },
+					defaultValue: `Help: ${name}`
+				}),
+				"data-testid": id,
+				className: cn("inline-flex size-6 min-h-[24px] min-w-[24px] shrink-0 items-center justify-center rounded-full", "text-muted-foreground", "transition-colors duration-150", "hover:bg-muted hover:text-foreground", "data-[state=open]:bg-muted data-[state=open]:text-foreground", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", className),
+				children: jsx(IconInfoHexagon, {
+					className: "size-3.5",
+					"aria-hidden": "true"
+				})
+			})
+		}), jsxs(PopoverContent, {
+			role: "dialog",
+			"aria-label": name,
+			className: cn("w-auto min-w-[16rem] max-w-[22rem]", "max-h-[min(24rem,60vh)] overflow-y-auto overscroll-contain", "space-y-2.5"),
+			"data-testid": `${id}:content`,
+			children: [
+				hasSummary && jsx("p", {
+					className: "text-[0.8125rem] leading-[1.6] text-foreground",
+					children: doc?.summary
+				}),
+				hasOwnArticle && jsxs("button", {
+					type: "button",
+					"data-testid": `${id}:more`,
+					onClick: () => {
+						setOpen(false);
+						openPanel(ownTopicId === void 0 ? { scopes: [articleScope] } : {
+							scopes: [articleScope],
+							topicId: ownTopicId
+						}, id);
+					},
+					className: cn("inline-flex items-center gap-1 rounded-sm text-[0.8125rem] font-medium text-primary", "hover:underline underline-offset-2", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"),
+					children: [t("docPanel.readMore", { defaultValue: "Read more" }), jsx(IconArrowRight, {
+						className: "size-3.5 shrink-0",
+						"aria-hidden": "true"
+					})]
+				}),
+				hasLinks && jsx("div", {
+					className: cn("flex flex-col items-start gap-1.5", hasSummary && "border-t border-border/60 pt-2.5"),
+					children: doc?.links?.map((link) => jsxs("a", {
+						href: link.href,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: cn("group inline-flex max-w-full items-center gap-1 rounded-sm", "text-[0.8125rem] font-medium text-primary", "hover:underline underline-offset-2", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"),
+						children: [
+							jsx("span", {
+								className: "min-w-0 truncate",
+								children: link.label
+							}),
+							jsx(IconArrowUpRight, {
+								className: "size-3.5 shrink-0 transition-transform duration-150 group-hover:-translate-y-px group-hover:translate-x-px",
+								"aria-hidden": "true"
+							}),
+							jsx("span", {
+								className: "sr-only",
+								children: newTabNote
+							})
+						]
+					}, link.href))
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/primitives/tooltip.tsx
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => jsx(TooltipPrimitive.Portal, { children: jsx(TooltipPrimitive.Content, {
+	ref,
+	sideOffset,
+	className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md duration-[var(--duration-overlay)] ease-[var(--ease-overlay)] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+//#endregion
+//#region src/primitives/dropdown-menu.tsx
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => jsxs(DropdownMenuPrimitive.SubTrigger, {
+	ref,
+	className: cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props,
+	children: [children, jsx(IconChevronRight, { className: "ml-auto" })]
+}));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => jsx(DropdownMenuPrimitive.SubContent, {
+	ref,
+	className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg duration-[var(--duration-overlay)] ease-[var(--ease-overlay)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => jsx(DropdownMenuPrimitive.Portal, { children: jsx(DropdownMenuPrimitive.Content, {
+	ref,
+	sideOffset,
+	className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md duration-[var(--duration-overlay)] ease-[var(--ease-overlay)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => jsx(DropdownMenuPrimitive.Item, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => jsxs(DropdownMenuPrimitive.CheckboxItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: jsx(DropdownMenuPrimitive.ItemIndicator, { children: jsx(IconCheck, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => jsxs(DropdownMenuPrimitive.RadioItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: jsx(DropdownMenuPrimitive.ItemIndicator, { children: jsx(IconCircle, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => jsx(DropdownMenuPrimitive.Label, {
+	ref,
+	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => jsx(DropdownMenuPrimitive.Separator, {
+	ref,
+	className: cn("-mx-1 my-1 h-px bg-muted", className),
+	...props
+}));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+function DropdownMenuShortcut({ className, ...props }) {
+	return jsx("span", {
+		className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+		...props
+	});
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+//#endregion
+//#region src/primitives/icon.tsx
+const REGISTRY = {
+	Play: IconPlayerPlay,
+	PlayCircle: IconCircleCaretRight,
+	StepForward: IconPlayerTrackNext,
+	RotateCcw: IconRotate,
+	RefreshCw: IconRefresh,
+	Ban: IconBan,
+	XCircle: IconCircleX,
+	Trash2: IconTrash,
+	Copy: IconCopy,
+	Hash: IconHash,
+	QrCode: IconQrcode,
+	Network: IconNetwork,
+	GitBranch: IconGitBranch,
+	Link: IconLink,
+	Link2: IconLink,
+	Pencil: IconPencil,
+	Plus: IconPlus,
+	Eye: IconEye,
+	ScrollText: IconScript,
+	History: IconHistory,
+	MoreHorizontal: IconDots,
+	Circle: IconCircle,
+	CircleCheck: IconCircleCheck,
+	Clock: IconClock,
+	Package: IconPackage,
+	PackagePlus: IconPackageImport,
+	PackageMinus: IconPackageExport,
+	PackageCheck: IconPackages,
+	PackageX: IconPackageOff,
+	PackageOpen: IconBox,
+	ArrowRightLeft: IconArrowsLeftRight,
+	FileText: IconFileText,
+	FileEdit: IconFilePencil,
+	FileX: IconFileX,
+	FileX2: IconFileOff,
+	Truck: IconTruck,
+	Wrench: IconTool,
+	Hammer: IconHammer,
+	Settings: IconSettings,
+	Bell: IconBell,
+	Building2: IconBuilding,
+	MapPin: IconMapPin,
+	Users: IconUsers,
+	UserPlus: IconUserPlus,
+	Boxes: IconBoxMultiple,
+	Tag: IconTag,
+	ShieldCheck: IconShieldCheck,
+	Key: IconKey,
+	KeyOff: IconKeyOff,
+	ClipboardList: IconClipboardList,
+	List: IconList,
+	Check: IconCheck,
+	X: IconX
+};
+function registerIcons(map) {
+	Object.assign(REGISTRY, map);
+}
+function hasIcon(name) {
+	return Object.hasOwn(REGISTRY, name);
+}
+function Icon({ name, className }) {
+	const Cmp = (name ? REGISTRY[name] : void 0) ?? IconCircle;
+	return jsx(Cmp, {
+		className: cn("h-4 w-4", className),
+		"aria-hidden": "true"
+	});
+}
+//#endregion
+//#region src/flows/load-runtime.tsx
+function retrying(importer) {
+	let loading;
+	return () => {
+		loading ??= importer().catch((error) => {
+			loading = void 0;
+			throw error;
+		});
+		return loading;
+	};
+}
+const loadFlowRuntime = retrying(() => import("./flow-runtime-D8h99FSg.js"));
+const loadFlowScreen = retrying(() => import("./flow-screen-CmbARSqg.js"));
+const loadPageFlowRoute = retrying(() => import("./page-flow-route-CyXSvXSE.js"));
+const loadInlineFlowHost = retrying(() => import("./inline-flow-host-C3H2UpSA.js"));
+const loadBulkSummary = retrying(() => import("./bulk-summary-GxMDP4bw.js"));
+function preloadFlowRuntime() {
+	loadFlowRuntime().catch(() => void 0);
+}
+function useLoaded(loader) {
+	const [attempt, setAttempt] = useState(0);
+	const [state, setState] = useState({});
+	useEffect(() => {
+		let live = true;
+		loader().then((module) => {
+			if (live) setState({ module });
+		}, (error) => {
+			if (live) setState({ error });
+		});
+		return () => {
+			live = false;
+		};
+	}, [loader, attempt]);
+	const retry = useCallback(() => {
+		setState({});
+		setAttempt((value) => value + 1);
+	}, []);
+	return {
+		...state,
+		retry
+	};
+}
+var FlowBoundary = class extends Component {
+	state = { error: void 0 };
+	static getDerivedStateFromError(error) {
+		return { error: error ?? new Error("unknown") };
+	}
+	componentDidCatch(error, info) {
+		if (process.env.NODE_ENV !== "production") console.error("[burojs] A flow failed to render.", error, info.componentStack);
+	}
+	render() {
+		if (this.state.error !== void 0) return this.props.fallback(this.state.error, () => this.setState({ error: void 0 }));
+		return this.props.children;
+	}
+};
+function loadFailedText(t) {
+	const value = t("block.failed");
+	return value === "block.failed" ? "This section could not be loaded." : value;
+}
+function FailedRun({ onDone }) {
+	const t = useOptionalT();
+	useEffect(() => {
+		toast(loadFailedText(t));
+		onDone();
+	}, [t, onDone]);
+	return null;
+}
+function RuntimeFlowRunner(props) {
+	const loaded = useLoaded(loadFlowRuntime);
+	if (loaded.error !== void 0) return jsx(FailedRun, { onDone: props.onClose });
+	if (loaded.module === void 0) return null;
+	const Runner = loaded.module.FlowRunner;
+	return jsx(FlowBoundary, {
+		fallback: () => jsx(FailedRun, { onDone: props.onClose }),
+		children: jsx(Runner, { ...props })
+	});
+}
+function RuntimeAppFlowRunner(props) {
+	const loaded = useLoaded(loadFlowRuntime);
+	if (loaded.error !== void 0) return jsx(FailedRun, { onDone: props.onClose });
+	if (loaded.module === void 0) return null;
+	const Runner = loaded.module.AppFlowRunner;
+	return jsx(FlowBoundary, {
+		fallback: () => jsx(FailedRun, { onDone: props.onClose }),
+		children: jsx(Runner, { ...props })
+	});
+}
+function RuntimeBulkFlowRunner(props) {
+	const loaded = useLoaded(loadFlowRuntime);
+	const done = useCallback(() => props.onFinish(Object.freeze({ outcome: "failed" }), void 0), [props.onFinish]);
+	if (loaded.error !== void 0) return jsx(FailedRun, { onDone: done });
+	if (loaded.module === void 0) return null;
+	const Runner = loaded.module.BulkFlowRunner;
+	return jsx(FlowBoundary, {
+		fallback: () => jsx(FailedRun, { onDone: done }),
+		children: jsx(Runner, { ...props })
+	});
+}
+function FlowLoadFailed({ onRetry }) {
+	const t = useOptionalT();
+	const instance = useUIInstance();
+	const retryText = t("actions.retry") === "actions.retry" ? "Retry" : t("actions.retry");
+	const closeText = t("flow.close") === "flow.close" ? "Close" : t("flow.close");
+	return jsxs("div", {
+		role: "alert",
+		"data-buro-flow-load": "failed",
+		className: "flex flex-col gap-3 text-sm",
+		children: [jsx("p", { children: loadFailedText(t) }), jsxs("div", {
+			className: "flex justify-end gap-2",
+			children: [jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				onClick: () => instance.dismiss(),
+				children: closeText
+			}), jsx(Button, {
+				type: "button",
+				onClick: onRetry,
+				children: retryText
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/actions/action-inner.tsx
+function ActionInner({ icon, label }) {
+	return jsxs(Fragment$1, { children: [icon ? jsx(Icon, { name: icon }) : null, label] });
+}
+//#endregion
+//#region src/actions/action-control.tsx
+const warned = new Set();
+function resolveControlChrome(args) {
+	const { density, icon, label, actionName, surface } = args;
+	if (density === "compact" && icon == null) {
+		const key = `${actionName}@${surface}`;
+		if (!warned.has(key)) {
+			warned.add(key);
+			console.warn(`[buro] action "${actionName}" is declared 'compact' on surface "${surface}" but has no icon; rendering it with its label instead. Give the action an \`icon\`, or declare 'regular'.`);
+		}
+		return {
+			compact: false,
+			size: "sm",
+			className: void 0,
+			ariaLabel: void 0,
+			content: jsx(ActionInner, {
+				icon,
+				label
+			})
+		};
+	}
+	if (density === "compact") return {
+		compact: true,
+		size: "icon",
+		className: surface === "row" ? "size-7" : "h-8 w-8",
+		ariaLabel: typeof label === "string" ? label : humanizeKey(actionName),
+		content: jsx(Icon, { name: icon })
+	};
+	return {
+		compact: false,
+		size: "sm",
+		className: void 0,
+		ariaLabel: void 0,
+		content: jsx(ActionInner, {
+			icon,
+			label
+		})
+	};
+}
+function withActionTooltip(control, label, compact, reason) {
+	if (!compact && reason === void 0) return control;
+	const tooltip = jsxs(Tooltip, { children: [jsx(TooltipTrigger, {
+		asChild: true,
+		children: control
+	}), jsxs(TooltipContent, { children: [label, reason === void 0 ? null : jsx("span", {
+		className: "block opacity-80",
+		children: reason
+	})] })] });
+	return compact ? tooltip : jsx(TooltipProvider, { children: tooltip });
+}
+//#endregion
+//#region src/flows/chrome.ts
+const text = (t, key, fallback, params) => {
+	const value = t(key, params === void 0 ? void 0 : { params });
+	return value === key ? fallback : value;
+};
+function findDeclared(def, name) {
+	const actions = def?.actions ?? {};
+	for (const place of [
+		"item",
+		"resource",
+		"bulk"
+	]) {
+		const list = actions[place];
+		if (!Array.isArray(list)) continue;
+		const found = list.find((entry) => entry.name === name);
+		if (found !== void 0) return found;
+	}
+}
+function useFlowChrome(resource, actionName, children) {
+	const app = useApp();
+	const declared = (resource === "" ? void 0 : findDeclared(app.registry.get(resource), actionName)) ?? {};
+	const label = useResolvedLabel(declared, actionName, children, resource);
+	return {
+		label,
+		labelText: typeof label === "string" ? label : humanizeKey(actionName),
+		icon: resolveActionIcon(declared, actionName),
+		destructive: declared.variant === "destructive"
+	};
+}
+//#endregion
+//#region src/flows/flow-action-button.tsx
+const DESTRUCTIVE_ITEM$1 = "text-destructive focus:bg-destructive/10 focus:text-destructive data-[highlighted]:text-destructive";
+function FlowControl(props) {
+	const { state, chrome, testid, resource, actionName, scope, asMenuItem, density } = props;
+	const Anchor = useLinkComponent();
+	if (state === "absent") return null;
+	const buttonVariant = props.variant ?? (chrome.destructive ? "destructive" : "outline");
+	if (state === "disabled") return jsx(DisabledAction, {
+		reason: props.reason,
+		label: chrome.label,
+		icon: chrome.icon,
+		testid,
+		size: props.size,
+		variant: buttonVariant,
+		className: props.className,
+		asMenuItem,
+		resource,
+		density,
+		actionName,
+		surface: scope
+	});
+	const running = state === "running" || props.active === true;
+	const busy = state === "undecided" || state === "pending" || running;
+	if (props.href !== void 0 && !busy) {
+		if (asMenuItem === true) return jsx(DropdownMenuItem, {
+			asChild: true,
+			className: cn(chrome.destructive && DESTRUCTIVE_ITEM$1),
+			children: jsx(Anchor, {
+				href: props.href,
+				"data-testid": testid,
+				"data-buro-flow-state": state,
+				onClick: (event) => event.stopPropagation(),
+				children: jsx(ActionInner, {
+					icon: chrome.icon,
+					label: chrome.label
+				})
+			})
+		});
+		const linkChrome = resolveControlChrome({
+			density: density ?? "regular",
+			icon: chrome.icon,
+			label: chrome.label,
+			actionName,
+			surface: scope
+		});
+		return withActionTooltip(jsx(Button, {
+			asChild: true,
+			variant: buttonVariant,
+			size: linkChrome.size,
+			"aria-label": linkChrome.ariaLabel,
+			className: cn(linkChrome.className, props.className),
+			children: jsx(Anchor, {
+				href: props.href,
+				"data-testid": testid,
+				"data-buro-flow-state": state,
+				onClick: (event) => event.stopPropagation(),
+				children: linkChrome.content
+			})
+		}), chrome.label, linkChrome.compact);
+	}
+	if (asMenuItem === true) return jsx(DropdownMenuItem, {
+		"data-testid": testid,
+		"data-buro-flow-state": state,
+		disabled: busy,
+		"aria-busy": busy ? "true" : void 0,
+		className: cn(chrome.destructive && DESTRUCTIVE_ITEM$1),
+		onFocus: props.onIntent,
+		onPointerEnter: props.onIntent,
+		onSelect: () => {
+			if (!busy) props.onRun();
+		},
+		children: jsx(ActionInner, {
+			icon: chrome.icon,
+			label: chrome.label
+		})
+	});
+	const controlChrome = resolveControlChrome({
+		density: density ?? "regular",
+		icon: chrome.icon,
+		label: chrome.label,
+		actionName,
+		surface: scope
+	});
+	return jsxs(Fragment$1, { children: [withActionTooltip(jsxs(Button, {
+		type: "button",
+		variant: buttonVariant,
+		size: controlChrome.size,
+		"aria-label": controlChrome.ariaLabel,
+		"data-testid": testid,
+		"data-buro-flow-state": state,
+		disabled: busy,
+		"aria-busy": busy ? "true" : void 0,
+		onPointerEnter: props.onIntent,
+		onFocus: props.onIntent,
+		onClick: () => {
+			if (!busy) props.onRun();
+		},
+		className: cn(controlChrome.className, props.className),
+		children: [running ? jsx(IconLoader2, {
+			className: "h-4 w-4 animate-spin",
+			"aria-hidden": "true"
+		}) : null, controlChrome.content]
+	}), chrome.label, controlChrome.compact), jsx(DocInfo, {
+		address: `${resource}/actions/${actionName}`,
+		name: chrome.labelText,
+		testId: `${testid}:info`
+	})] });
+}
+function FlowActionButton(props) {
+	const { resource, actionName, record, scope = "row", children } = props;
+	const control = useFlowRowResolver(resource)(actionName, record);
+	const chrome = useFlowChrome(resource, actionName, children);
+	const tid = useTestIds();
+	const testid = makeTestId(scope, resource, actionName, record?.id ?? "", tid);
+	const [running, setRunning] = useState(false);
+	const runRecord = control.record ?? record;
+	const hosted = useHostedFlow(resource, actionName, runRecord, chrome.labelText);
+	const onRun = () => {
+		if (running) return;
+		if (hosted.pageHref !== void 0) return;
+		const closed = hosted.present();
+		if (closed !== null) {
+			setRunning(true);
+			closed.finally(() => setRunning(false));
+			return;
+		}
+		if (!hosted.hasHost) setRunning(true);
+	};
+	return jsxs(Fragment$1, { children: [jsx(FlowControl, {
+		...props,
+		state: conjoinHostPage(control.state, hosted.hostPage),
+		...control.reason === void 0 ? {} : { reason: control.reason },
+		testid,
+		scope,
+		chrome,
+		active: running,
+		...hosted.pageHref === void 0 ? {} : { href: hosted.pageHref },
+		onRun,
+		onIntent: preloadFlowRuntime
+	}), running && !hosted.hasHost && hosted.pageHref === void 0 ? jsx(RuntimeFlowRunner, {
+		resource,
+		actionName,
+		...runRecord === void 0 ? {} : { record: runRecord },
+		scope,
+		onClose: () => setRunning(false)
+	}) : null] });
+}
+function useHostedFlow(resource, actionName, record, label) {
+	const app = useApp();
+	const def = app.registry.get(resource);
+	const compiled = useMemo(() => {
+		try {
+			return def === void 0 ? null : compileFlow(def, actionName);
+		} catch {
+			return null;
+		}
+	}, [def, actionName]);
+	const title = useProjectedTitle(resource, record?.id, record);
+	const presentFlow = usePresentFlow();
+	const hasHost = compiled?.hasHost === true;
+	const recordId = record?.[compiled?.idField ?? "id"] ?? record?.id;
+	const hostPage = useHostPage(compiled?.flow.host);
+	const pageHref = hostPage !== void 0 ? hostPage.access === "allowed" ? hostPage.href : void 0 : compiled?.flow.host === "page" && (typeof recordId === "string" || typeof recordId === "number") && String(recordId) !== "" ? hrefFor(app.registry, resource, {
+		action: "flow",
+		id: String(recordId),
+		flow: actionName
+	}) : void 0;
+	return {
+		hasHost,
+		pageHref,
+		hostPage,
+		present: () => !hasHost || compiled === null || pageHref !== void 0 ? null : presentFlow({
+			target: {
+				resource,
+				action: actionName
+			},
+			host: compiled.flow.host === "sheet" ? "sheet" : "dialog",
+			label,
+			...record === void 0 ? {} : { record },
+			...record === void 0 || title === "" ? {} : { title }
+		})
+	};
+}
+function FlowMenuItem(props) {
+	const chrome = useFlowChrome(props.resource, props.actionName);
+	const tid = useTestIds();
+	const testid = makeTestId(props.scope, props.resource, props.actionName, props.record?.id ?? "", tid);
+	const runRecord = props.control.record ?? props.record;
+	const hosted = useHostedFlow(props.resource, props.actionName, runRecord, chrome.labelText);
+	return jsx(FlowControl, {
+		state: conjoinHostPage(props.control.state, hosted.hostPage),
+		...props.control.reason === void 0 ? {} : { reason: props.control.reason },
+		resource: props.resource,
+		actionName: props.actionName,
+		testid,
+		scope: props.scope,
+		chrome,
+		asMenuItem: true,
+		...props.active === true ? { active: true } : {},
+		...hosted.pageHref === void 0 ? {} : { href: hosted.pageHref },
+		onRun: () => {
+			if (hosted.pageHref !== void 0) return;
+			if (hosted.present() === null && !hosted.hasHost) props.onRun();
+		},
+		onIntent: preloadFlowRuntime
+	});
+}
+//#endregion
+//#region src/lib/external-href.ts
+const EXTERNAL_HREF = /^(?:https?:|mailto:)/i;
+function isExternalHref(href) {
+	return EXTERNAL_HREF.test(href);
+}
+function openExternal(href) {
+	window.open(href, "_blank", "noopener noreferrer");
+}
+function toBrowserHref(appPath, currentPath) {
+	if (typeof window === "undefined" || isExternalHref(appPath) || !appPath.startsWith("/")) return appPath;
+	const here = window.location.pathname;
+	if (currentPath === "") return appPath;
+	const basename = currentPath === "/" ? here.replace(/\/$/u, "") : here.endsWith(currentPath) ? here.slice(0, here.length - currentPath.length).replace(/\/$/u, "") : void 0;
+	if (basename === void 0) return appPath;
+	if (basename === "") return appPath;
+	return `${basename}${appPath}`;
+}
+function useToBrowserHref() {
+	const pathname = useOptionalRouterAdapter()?.pathname;
+	return useCallback((appPath) => pathname === void 0 ? appPath : toBrowserHref(appPath, pathname), [pathname]);
+}
+//#endregion
+//#region src/list-kit/list-slots.ts
+function canonicalResourceName(resource) {
+	return canonicalEntityNodeKey({
+		name: resource,
+		ref: normalizeEntityRef(resource)
+	});
+}
+function listSlot(region, resource) {
+	return `list.${region}.${canonicalResourceName(resource)}`;
+}
+function useListSlot(region, resource) {
+	return useComponent(listSlot(region, resource));
+}
+//#endregion
+//#region src/actions/builtin-edit-route.ts
+const LINK = Object.freeze({ kind: "link" });
+const NONE = Object.freeze({ kind: "none" });
+function sameResource(a, b) {
+	try {
+		return canonicalResourceName(a) === canonicalResourceName(b);
+	} catch {
+		return false;
+	}
+}
+function useBuiltinEditRoute(action, resource, recordId) {
+	const app = useApp();
+	const entry = useQuickEntry();
+	const quick = useQuick();
+	const gate = useEntryGate();
+	if (!isBuiltinItemAction(action, "edit")) return LINK;
+	const def = app.registry.get(resource);
+	if (def === void 0) return LINK;
+	const entries = recordEntries(def);
+	const id = recordId === null || recordId === void 0 ? "" : String(recordId);
+	const top = entry?.stack.top;
+	if (entry !== null && top !== void 0 && top.mode === "show" && top.recordId === id && sameResource(top.resource, resource) && entries.quick.edit !== null) {
+		if (entries.quick.edit === entry.host) return {
+			kind: "quick",
+			open: () => {
+				if (gate(resource, "edit").state !== "open") return;
+				entry.scope.request(() => entry.stack.replaceTop({
+					...top,
+					mode: "edit"
+				}));
+			}
+		};
+		return {
+			kind: "quick",
+			open: () => void quick.edit(resource, id)
+		};
+	}
+	if (entries.page.edit) return LINK;
+	if (entries.quick.edit === null) return NONE;
+	return {
+		kind: "quick",
+		open: () => void quick.edit(resource, id)
+	};
+}
+//#endregion
+//#region src/actions/action-button.tsx
+function DisabledAction({ reason, label, icon, testid, size, variant, className, asMenuItem, resource, density = "regular", actionName, surface }) {
+	const i18nCaps = useI18nCaps(resource);
+	const text = reason ? resolveContentSlot(i18nCaps, [reason], {
+		resource,
+		default: reason
+	}) : resolveContentSlot(i18nCaps, ["availability.denied"], {
+		resource,
+		default: "This action isn't available"
+	});
+	const onClick = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		toast(text);
+	};
+	if (asMenuItem) return jsx(DropdownMenuItem, {
+		"aria-disabled": "true",
+		"data-testid": testid,
+		onSelect: (e) => e.preventDefault(),
+		onClick,
+		className: "opacity-60",
+		children: jsx(ActionInner, {
+			icon,
+			label
+		})
+	});
+	const chrome = resolveControlChrome({
+		density,
+		icon,
+		label,
+		actionName: actionName ?? testid ?? "",
+		surface: surface ?? "unknown"
+	});
+	return withActionTooltip(jsx(Button, {
+		type: "button",
+		size: size ?? chrome.size,
+		variant: variant ?? "outline",
+		className: cn(chrome.className, className),
+		"data-testid": testid,
+		"aria-disabled": "true",
+		"aria-label": chrome.ariaLabel,
+		onClick,
+		children: chrome.content
+	}), label, chrome.compact, text);
+}
+const DESTRUCTIVE_ITEM = "text-destructive focus:bg-destructive/10 focus:text-destructive data-[highlighted]:text-destructive";
+const DEFAULT_ACTION_ICONS = {
+	create: "Plus",
+	edit: "Pencil",
+	delete: "Trash2",
+	show: "Eye",
+	auditLog: "ScrollText",
+	refresh: "RefreshCw",
+	copy: "Copy",
+	cancel: "X"
+};
+function resolveActionIcon(action, actionName) {
+	return action.icon ?? DEFAULT_ACTION_ICONS[camelizeActionName(actionName)];
+}
+function camelizeActionName(actionName) {
+	return actionName.replace(/[-_]+([a-zA-Z0-9])/g, (_m, c) => c.toUpperCase());
+}
+function useResolvedLabel(action, actionName, children, resource) {
+	const caps = useI18nCaps(resource);
+	if (children != null) return children;
+	const raw = `actions.${actionName}`;
+	const own = `resources.${resource}.${raw}`;
+	if (caps.has(`${own}.label`)) return caps.t(`${own}.label`);
+	if (caps.has(own)) return caps.t(own);
+	if (action.label != null) return action.label;
+	if (caps.has(`${raw}.label`)) return caps.t(`${raw}.label`);
+	if (caps.has(raw)) return caps.t(raw);
+	const camel = `actions.${camelizeActionName(actionName)}`;
+	if (caps.has(camel)) return caps.t(camel);
+	return humanizeKey(actionName);
+}
+function findAction(actions, name) {
+	if (!Array.isArray(actions)) return void 0;
+	return actions.find((a) => "name" in a && a.name === name);
+}
+function actionResourceHandle(resource) {
+	return {
+		kind: "resource",
+		ref: normalizeEntityRef(resource)
+	};
+}
+function ActionButton(props) {
+	const def = useApp().registry.get(props.resource);
+	const scope = props.scope ?? "row";
+	const availability = useAvailabilityResolver(props.resource, modeForSurface(scope))(props.actionName, props.record);
+	const action = findAction(def?.actions?.item, props.actionName) ?? findAction(def?.actions?.resource, props.actionName);
+	if (!action) return null;
+	if (isFlowAction(action)) return jsx(FlowActionButton, { ...props });
+	if (availability.state === "absent" || availability.state === "hidden") return null;
+	if (!actionWhenHolds(action, props.record)) return null;
+	if (action.kind === "link") return jsx(LinkActionButton, {
+		...props,
+		action,
+		availability
+	});
+	if (action.kind === "modal") return jsx(ModalActionButton, {
+		...props,
+		action,
+		availability
+	});
+	return null;
+}
+function actionWhenHolds(action, record) {
+	const when = action.when;
+	if (when === void 0) return true;
+	return evaluateCondition(when, record === void 0 ? {} : { record: {
+		status: "ready",
+		value: record,
+		refreshing: false
+	} }, { mode: "show" }) === true;
+}
+function presentModalAction(args) {
+	const { present, action, resource, actionName, record, recordId, label } = args;
+	const result = present({
+		block: action.block,
+		props: action.props ?? {},
+		resource,
+		record,
+		host: action.host === "sheet" ? "sheet" : "dialog",
+		...typeof label === "string" ? { label } : {},
+		activation: { surface: {
+			type: "item",
+			resource: normalizeEntityRef(resource),
+			recordId,
+			record
+		} }
+	});
+	if (!result.ok) console.error(`[buro/ui-shadcn] modal action "${actionName}" failed to open block "${action.block.namespace}:${action.block.id}": ${result.code}`);
+}
+function makeTestId(scope, resource, actionName, recordId, tid) {
+	if (scope === "row") return tid.listRowAction(resource, recordId, actionName);
+	if (scope === "list" && recordId === "") return tid.listFlow(resource, actionName);
+	return tid.formAction(resource, scope, actionName);
+}
+const reportedDeadRoutes = new Set();
+function deadRecordRoute(registry, action, to) {
+	if (isBuiltinItemAction(action) || to === null || typeof to !== "object") return null;
+	const target = to;
+	if (typeof target.resource !== "string") return null;
+	if (target.action !== "show" && target.action !== "edit" && target.action !== "create") return null;
+	let def;
+	try {
+		def = registry.get(target.resource);
+	} catch {
+		return null;
+	}
+	if (def === void 0 || hasRecordPage(def, target.action)) return null;
+	return {
+		resource: target.resource,
+		action: target.action
+	};
+}
+function reportDeadRecordRoute(name, resource, action) {
+	if (process.env.NODE_ENV === "production") return;
+	const key = `${name}\u0000${resource}\u0000${action}`;
+	if (reportedDeadRoutes.has(key)) return;
+	reportedDeadRoutes.add(key);
+	console.error(`[burojs] The action "${name}" links to ${resource}'s ${action} page, and ${resource} has none (views.show.page: false).`);
+}
+function LinkActionButton({ resource, actionName, record, scope = "row", variant, size, density, className, children, asMenuItem, action, availability }) {
+	const tid = useTestIds();
+	const app = useApp();
+	const toBrowser = useToBrowserHref();
+	const safeRecord = record ?? { id: "" };
+	const isDestructive = action.variant === "destructive";
+	const buttonVariant = variant ?? (isDestructive ? "destructive" : "outline");
+	const recordId = record?.id ?? "";
+	const testid = makeTestId(scope, resource, actionName, recordId, tid);
+	const label = useResolvedLabel(action, actionName, children, resource);
+	const editRoute = useBuiltinEditRoute(action, resource, recordId);
+	const to = typeof action.to === "function" ? action.to(buildDI(actionResourceHandle(resource), safeRecord)) : action.to;
+	const href = resolveRoute(to, app.registry);
+	const target = action.target ?? "_self";
+	const deadPage = deadRecordRoute(app.registry, action, to);
+	const deadResource = deadPage?.resource;
+	const deadAction = deadPage?.action;
+	useEffect(() => {
+		if (deadResource !== void 0 && deadAction !== void 0) reportDeadRecordRoute(actionName, deadResource, deadAction);
+	}, [
+		deadResource,
+		deadAction,
+		actionName
+	]);
+	const rel = target === "_blank" ? "noopener noreferrer" : void 0;
+	const RouterLink = useLinkComponent();
+	const Anchor = target === "_blank" || isExternalHref(href) ? "a" : RouterLink;
+	const anchorHref = target === "_blank" ? toBrowser(href) : href;
+	if (editRoute.kind === "none") return null;
+	if (availability.state === "disabled") return jsx(DisabledAction, {
+		reason: availability.reason,
+		label,
+		icon: resolveActionIcon(action, actionName),
+		testid,
+		size,
+		variant: buttonVariant,
+		className,
+		asMenuItem,
+		resource,
+		density,
+		actionName,
+		surface: scope
+	});
+	if (editRoute.kind === "quick") {
+		if (asMenuItem) return jsx(DropdownMenuItem, {
+			"data-testid": testid,
+			onSelect: () => editRoute.open(),
+			children: jsx(ActionInner, {
+				icon: resolveActionIcon(action, actionName),
+				label
+			})
+		});
+		const quickChrome = resolveControlChrome({
+			density: density ?? "regular",
+			icon: resolveActionIcon(action, actionName),
+			label,
+			actionName,
+			surface: scope
+		});
+		return withActionTooltip(jsx(Button, {
+			type: "button",
+			variant: buttonVariant,
+			size: quickChrome.size,
+			"aria-label": quickChrome.ariaLabel,
+			className: cn(quickChrome.className, className),
+			"data-testid": testid,
+			onClick: (e) => {
+				e.stopPropagation();
+				editRoute.open();
+			},
+			children: quickChrome.content
+		}), label, quickChrome.compact);
+	}
+	if (asMenuItem) return jsx(DropdownMenuItem, {
+		asChild: true,
+		className: cn(isDestructive && DESTRUCTIVE_ITEM),
+		children: jsx(Anchor, {
+			href: anchorHref,
+			target,
+			rel,
+			"data-testid": testid,
+			onClick: (e) => e.stopPropagation(),
+			children: jsx(ActionInner, {
+				icon: resolveActionIcon(action, actionName),
+				label
+			})
+		})
+	});
+	const chrome = resolveControlChrome({
+		density: density ?? "regular",
+		icon: resolveActionIcon(action, actionName),
+		label,
+		actionName,
+		surface: scope
+	});
+	return withActionTooltip(jsx(Button, {
+		asChild: true,
+		variant: buttonVariant,
+		size: chrome.size,
+		"aria-label": chrome.ariaLabel,
+		className: cn(chrome.className, className),
+		children: jsx(Anchor, {
+			href: anchorHref,
+			target,
+			rel,
+			"data-testid": testid,
+			onClick: (e) => e.stopPropagation(),
+			children: chrome.content
+		})
+	}), label, chrome.compact);
+}
+function ModalActionButton({ resource, actionName, record, scope = "row", variant, size, density, className, children, asMenuItem, action, availability }) {
+	const tid = useTestIds();
+	const present = usePresentBlock();
+	const safeRecord = record ?? { id: "" };
+	const isDestructive = action.variant === "destructive";
+	const buttonVariant = variant ?? (isDestructive ? "destructive" : "outline");
+	const recordId = record?.id ?? "";
+	const testid = makeTestId(scope, resource, actionName, recordId, tid);
+	const label = useResolvedLabel(action, actionName, children, resource);
+	if (availability.state === "disabled") return jsx(DisabledAction, {
+		reason: availability.reason,
+		label,
+		icon: resolveActionIcon(action, actionName),
+		testid,
+		size,
+		variant: buttonVariant,
+		className,
+		asMenuItem,
+		resource,
+		density,
+		actionName,
+		surface: scope
+	});
+	function openModal() {
+		presentModalAction({
+			present,
+			action,
+			resource,
+			actionName,
+			record: safeRecord,
+			recordId,
+			label
+		});
+	}
+	if (asMenuItem) return jsx(DropdownMenuItem, {
+		"data-testid": testid,
+		className: cn(isDestructive && DESTRUCTIVE_ITEM),
+		onSelect: openModal,
+		children: jsx(ActionInner, {
+			icon: resolveActionIcon(action, actionName),
+			label
+		})
+	});
+	const chrome = resolveControlChrome({
+		density: density ?? "regular",
+		icon: resolveActionIcon(action, actionName),
+		label,
+		actionName,
+		surface: scope
+	});
+	return withActionTooltip(jsx(Button, {
+		type: "button",
+		variant: buttonVariant,
+		size: chrome.size,
+		"aria-label": chrome.ariaLabel,
+		"data-testid": testid,
+		onClick: (e) => {
+			e.stopPropagation();
+			openModal();
+		},
+		className: cn(chrome.className, className),
+		children: chrome.content
+	}), label, chrome.compact);
+}
+//#endregion
+//#region src/checks/check-confirm-dialog.tsx
+function translateOrFallback(t, key, fallback, params, resource) {
+	const translated = t(key, {
+		params,
+		...resource === void 0 ? {} : { resource }
+	});
+	return translated === key ? fallback : translated;
+}
+function issueText(issue, t, resource) {
+	const declared = typeof issue.message.default === "string" ? issue.message.default : issue.message.key;
+	if (issue.params?.resolved === true) return declared;
+	return translateOrFallback(t, issue.message.key, declared, issue.params, resource);
+}
+function checkIdOf(issue, index) {
+	const id = issue.params?.checkId;
+	return typeof id === "string" ? id : `${index}`;
+}
+const SEVERITY_CLASSNAME = {
+	error: "text-destructive",
+	warning: "text-warning-emphasis",
+	info: "text-muted-foreground"
+};
+function ChecksList({ issues, testid, onRowClick, resource }) {
+	const t = useOptionalT();
+	return issues.map((issue, index) => {
+		const checkId = checkIdOf(issue, index);
+		const anchor = issue.path[0];
+		const anchorable = typeof anchor === "string";
+		const text = issueText(issue, t, resource);
+		const className = cn("text-sm", SEVERITY_CLASSNAME[issue.severity]);
+		return anchorable ? jsx("li", { children: jsx("button", {
+			type: "button",
+			"data-testid": `${testid}:item:${checkId}`,
+			className: cn(className, "text-left underline-offset-2 hover:underline"),
+			onClick: () => onRowClick(anchor),
+			children: text
+		}) }, `${checkId}-${index}`) : jsx("li", {
+			"data-testid": `${testid}:item:${checkId}`,
+			className,
+			children: text
+		}, `${checkId}-${index}`);
+	});
+}
+function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel, tone }) {
+	const t = useOptionalT();
+	const { resource, open, busy, header, blockers, confirmable, proceed, cancel } = state;
+	const blocked = blockers.length > 0;
+	const bound = resource === void 0 ? {} : { resource };
+	const heading = title ?? t("checks.dialogTitle", {
+		defaultValue: "Please review",
+		...bound
+	});
+	const restoreFocusRef = useRef(null);
+	useEffect(() => {
+		if (typeof document === "undefined") return;
+		if (open) {
+			const active = document.activeElement;
+			if (active instanceof HTMLElement && active !== document.body) restoreFocusRef.current = active;
+			return;
+		}
+		const target = restoreFocusRef.current;
+		restoreFocusRef.current = null;
+		if (!target || !document.contains(target)) return;
+		const id = requestAnimationFrame(() => target.focus());
+		return () => cancelAnimationFrame(id);
+	}, [open]);
+	const onRowClick = (field) => {
+		onAnchorFocus?.(field);
+		cancel();
+	};
+	return jsx(Dialog, {
+		open,
+		onOpenChange: (next) => {
+			if (!next) cancel();
+		},
+		children: jsxs(DialogContent, {
+			"data-testid": `${testid}:dialog`,
+			className: "flex max-h-[85vh] flex-col overflow-hidden",
+			children: [
+				jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: heading }), header !== null ? jsx(DialogDescription, { children: header }) : jsx(DialogDescription, {
+					className: "sr-only",
+					children: heading
+				})] }),
+				jsxs("ul", {
+					className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overscroll-contain",
+					children: [
+						blocked && jsx("li", {
+							className: "text-xs font-semibold uppercase tracking-wider text-destructive",
+							children: t("checks.blocked", {
+								defaultValue: "Cannot continue",
+								...bound
+							})
+						}),
+						jsx(ChecksList, {
+							issues: blockers,
+							testid,
+							onRowClick,
+							resource
+						}),
+						jsx(ChecksList, {
+							issues: confirmable,
+							testid,
+							onRowClick,
+							resource
+						})
+					]
+				}),
+				jsxs(DialogFooter, { children: [jsx(Button, {
+					type: "button",
+					variant: "outline",
+					onClick: cancel,
+					"data-testid": `${testid}:cancel`,
+					disabled: busy,
+					children: t("checks.back", {
+						defaultValue: "Go back",
+						...bound
+					})
+				}), !blocked && jsx(Button, {
+					type: "button",
+					variant: tone === "destructive" ? "destructive" : "default",
+					onClick: proceed,
+					"data-testid": `${testid}:proceed`,
+					disabled: busy,
+					children: proceedLabel ?? t("checks.proceed", {
+						defaultValue: "Continue anyway",
+						...bound
+					})
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { hasIcon as A, DropdownMenuRadioItem as B, loadFailedText as C, preloadFlowRuntime as D, loadPageFlowRoute as E, DropdownMenuGroup as F, DropdownMenuSubTrigger as G, DropdownMenuShortcut as H, DropdownMenuItem as I, TooltipContent as J, DropdownMenuTrigger as K, DropdownMenuLabel as L, DropdownMenu as M, DropdownMenuCheckboxItem as N, useLoaded as O, DropdownMenuContent as P, DropdownMenuPortal as R, loadBulkSummary as S, loadInlineFlowHost as T, DropdownMenuSub as U, DropdownMenuSeparator as V, DropdownMenuSubContent as W, TooltipTrigger as X, TooltipProvider as Y, DocInfo as Z, FlowBoundary as _, modeForSurface as a, RuntimeBulkFlowRunner as b, useListSlot as c, useToBrowserHref as d, FlowActionButton as f, ActionInner as g, useFlowChrome as h, makeTestId as i, registerIcons as j, Icon as k, isExternalHref as l, text as m, ActionButton as n, canonicalResourceName as o, FlowMenuItem as p, Tooltip as q, DisabledAction as r, listSlot as s, CheckConfirmDialog as t, openExternal as u, FlowLoadFailed as v, loadFlowScreen as w, RuntimeFlowRunner as x, RuntimeAppFlowRunner as y, DropdownMenuRadioGroup as z };
+
+//# sourceMappingURL=check-confirm-dialog-CkaVTPT9.js.map