@burojs/ui-shadcn 0.6.0 → 0.7.0

package/dist/{check-confirm-dialog--gPFnEeg.cjs → check-confirm-dialog-C-NHgMST.cjs}

@@ -1,13 +1,16 @@
 const require_use_theme = require("./use-theme-DFlpXils.cjs");
-const require_toaster = require("./toaster-Cr51X7bz.cjs");
+const require_toaster = require("./toaster-BbByOytP.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
-const require_dialog = require("./dialog-DRNUq9EA.cjs");
+const require_dialog = require("./dialog-vmMdfUWs.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 class_variance_authority = require("class-variance-authority");
+let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
+_radix_ui_react_dialog = require_use_theme.__toESM(_radix_ui_react_dialog, 1);
 let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
 _radix_ui_react_tooltip = require_use_theme.__toESM(_radix_ui_react_tooltip, 1);
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
@@ -103,6 +106,69 @@ function DocInfo({ address, name, testId, className }) {
 	});
 }
 //#endregion
+//#region src/primitives/sheet.tsx
+const Sheet = _radix_ui_react_dialog.Root;
+const SheetTrigger = _radix_ui_react_dialog.Trigger;
+const SheetClose = _radix_ui_react_dialog.Close;
+const SheetPortal = _radix_ui_react_dialog.Portal;
+const SheetOverlay = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Overlay, {
+	className: require_use_theme.cn("fixed inset-0 z-50 bg-overlay/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-[var(--duration-panel)] ease-[var(--ease-overlay)]", className),
+	...props,
+	ref
+}));
+SheetOverlay.displayName = _radix_ui_react_dialog.Overlay.displayName;
+const sheetVariants = (0, class_variance_authority.cva)("fixed z-50 gap-4 bg-background text-foreground p-6 shadow-lg duration-[var(--duration-panel)] ease-[var(--ease-overlay)] data-[state=open]:animate-in data-[state=closed]:animate-out", {
+	variants: { side: {
+		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+	} },
+	defaultVariants: { side: "right" }
+});
+const SheetContent = react.forwardRef(({ side = "right", className, children, showClose = true, ...props }, ref) => {
+	const chromeT = (0, _burojs_react.useChromeT)();
+	return (0, react_jsx_runtime.jsxs)(SheetPortal, { children: [(0, react_jsx_runtime.jsx)(SheetOverlay, {}), (0, react_jsx_runtime.jsxs)(_radix_ui_react_dialog.Content, {
+		ref,
+		className: require_use_theme.cn(sheetVariants({ side }), className),
+		...props,
+		children: [children, showClose && (0, react_jsx_runtime.jsxs)(_radix_ui_react_dialog.Close, {
+			className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",
+			children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, { className: "h-4 w-4" }), (0, react_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: chromeT("actions.close", { defaultValue: "Close" })
+			})]
+		})]
+	})] });
+});
+SheetContent.displayName = _radix_ui_react_dialog.Content.displayName;
+function SheetHeader({ className, ...props }) {
+	return (0, react_jsx_runtime.jsx)("div", {
+		className: require_use_theme.cn("flex flex-col space-y-2 text-center sm:text-left", className),
+		...props
+	});
+}
+SheetHeader.displayName = "SheetHeader";
+function SheetFooter({ className, ...props }) {
+	return (0, react_jsx_runtime.jsx)("div", {
+		className: require_use_theme.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+		...props
+	});
+}
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+	ref,
+	className: require_use_theme.cn("text-lg font-semibold text-foreground", className),
+	...props
+}));
+SheetTitle.displayName = _radix_ui_react_dialog.Title.displayName;
+const SheetDescription = react.forwardRef(({ className, ...props }, ref) => (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
+	ref,
+	className: require_use_theme.cn("text-sm text-muted-foreground", className),
+	...props
+}));
+SheetDescription.displayName = _radix_ui_react_dialog.Description.displayName;
+//#endregion
 //#region src/primitives/tooltip.tsx
 const TooltipProvider = _radix_ui_react_tooltip.Provider;
 const Tooltip = _radix_ui_react_tooltip.Root;
@@ -259,6 +325,162 @@ function Icon({ name, className }) {
 	});
 }
 //#endregion
+//#region src/ui-presentations/shell.tsx
+const OwnTitleContext = (0, react.createContext)(false);
+function focusOwnHeading(event) {
+	const container = event.currentTarget;
+	if (!(container instanceof HTMLElement)) return;
+	const heading = container.querySelector("[data-buro-overlay-heading]");
+	if (!(heading instanceof HTMLElement)) return;
+	event.preventDefault();
+	heading.focus();
+}
+function WrappedDialogContent({ wrapper, copy, children }) {
+	return wrapper ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)(require_dialog.DialogHeader, { children: [(0, react_jsx_runtime.jsx)(require_dialog.DialogTitle, { children: copy.title }), (0, react_jsx_runtime.jsx)(require_dialog.DialogDescription, {
+		className: copy.description === void 0 ? "sr-only" : void 0,
+		children: copy.description ?? ""
+	})] }), children] }) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		(0, react_jsx_runtime.jsx)(require_dialog.DialogTitle, {
+			className: "sr-only",
+			children: copy.title
+		}),
+		(0, react_jsx_runtime.jsx)(require_dialog.DialogDescription, {
+			className: "sr-only",
+			children: copy.description ?? ""
+		}),
+		children
+	] });
+}
+function WrappedSheetContent({ wrapper, copy, children }) {
+	return wrapper ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)(SheetHeader, { children: [(0, react_jsx_runtime.jsx)(SheetTitle, { children: copy.title }), (0, react_jsx_runtime.jsx)(SheetDescription, {
+		className: copy.description === void 0 ? "sr-only" : void 0,
+		children: copy.description ?? ""
+	})] }), children] }) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		(0, react_jsx_runtime.jsx)(SheetTitle, {
+			className: "sr-only",
+			children: copy.title
+		}),
+		(0, react_jsx_runtime.jsx)(SheetDescription, {
+			className: "sr-only",
+			children: copy.description ?? ""
+		}),
+		children
+	] });
+}
+function useFocusRestoration() {
+	const returnFocus = (0, react.useRef)(typeof document === "undefined" || !(document.activeElement instanceof HTMLElement) ? null : document.activeElement);
+	(0, react.useEffect)(() => () => {
+		const element = returnFocus.current;
+		queueMicrotask(() => {
+			if (element?.isConnected && element !== document.body) {
+				element.focus();
+				return;
+			}
+			const main = document.querySelector("main");
+			if (main === null) return;
+			if (!main.hasAttribute("tabindex")) main.setAttribute("tabindex", "-1");
+			main.focus();
+		});
+	}, []);
+}
+function keepForPopover(event) {
+	const target = event.target;
+	if (target instanceof Element && target.closest("[data-buro-popover]") !== null) event.preventDefault();
+}
+const REDUCED_MOTION = "motion-reduce:animate-none motion-reduce:transition-none";
+function DialogPresentationShell({ dismiss, wrapper, copy, ownTitle = false, children }) {
+	useFocusRestoration();
+	return (0, react_jsx_runtime.jsx)(require_dialog.Dialog, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) dismiss();
+		},
+		children: ownTitle ? (0, react_jsx_runtime.jsx)(require_dialog.DialogContent, {
+			className: `flex max-h-[85vh] flex-col ${REDUCED_MOTION}`,
+			overlayClassName: REDUCED_MOTION,
+			showClose: wrapper,
+			"aria-describedby": void 0,
+			"aria-modal": "true",
+			onOpenAutoFocus: focusOwnHeading,
+			onPointerDownOutside: keepForPopover,
+			children: (0, react_jsx_runtime.jsx)(OwnTitleContext.Provider, {
+				value: true,
+				children
+			})
+		}) : (0, react_jsx_runtime.jsx)(require_dialog.DialogContent, {
+			className: REDUCED_MOTION,
+			overlayClassName: REDUCED_MOTION,
+			showClose: wrapper,
+			"aria-modal": "true",
+			onPointerDownOutside: keepForPopover,
+			children: (0, react_jsx_runtime.jsx)(WrappedDialogContent, {
+				wrapper,
+				copy,
+				children
+			})
+		})
+	});
+}
+function SheetPresentationShell({ dismiss, wrapper, copy, ownTitle = false, children }) {
+	useFocusRestoration();
+	return (0, react_jsx_runtime.jsx)(Sheet, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) dismiss();
+		},
+		children: ownTitle ? (0, react_jsx_runtime.jsx)(SheetContent, {
+			side: "right",
+			className: `flex flex-col sm:max-w-xl ${REDUCED_MOTION}`,
+			showClose: wrapper,
+			"aria-describedby": void 0,
+			"aria-modal": "true",
+			onOpenAutoFocus: focusOwnHeading,
+			onPointerDownOutside: keepForPopover,
+			children: (0, react_jsx_runtime.jsx)(OwnTitleContext.Provider, {
+				value: true,
+				children
+			})
+		}) : (0, react_jsx_runtime.jsx)(SheetContent, {
+			side: "right",
+			className: `sm:max-w-xl ${REDUCED_MOTION}`,
+			showClose: wrapper,
+			"aria-modal": "true",
+			onPointerDownOutside: keepForPopover,
+			children: (0, react_jsx_runtime.jsx)(WrappedSheetContent, {
+				wrapper,
+				copy,
+				children
+			})
+		})
+	});
+}
+//#endregion
+//#region src/flows/overlay-heading.tsx
+function useFocusOnMount(ref) {
+	(0, react.useEffect)(() => {
+		const heading = ref.current;
+		if (heading === null) return;
+		const active = document.activeElement;
+		if (active === document.body || active === heading.closest("[role=\"dialog\"]")) heading.focus();
+	}, [ref]);
+}
+function OwnTitleHeading({ label }) {
+	const ownTitle = (0, react.useContext)(OwnTitleContext);
+	const ref = (0, react.useRef)(null);
+	useFocusOnMount(ref);
+	const heading = (0, react_jsx_runtime.jsx)("h2", {
+		ref,
+		tabIndex: -1,
+		"data-buro-overlay-heading": "",
+		className: "text-lg font-semibold",
+		children: label
+	});
+	return ownTitle ? (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+		asChild: true,
+		children: heading
+	}) : heading;
+}
+//#endregion
 //#region src/flows/load-runtime.tsx
 function retrying(importer) {
 	let loading;
@@ -270,11 +492,11 @@ function retrying(importer) {
 		return loading;
 	};
 }
-const loadFlowRuntime = retrying(() => Promise.resolve().then(() => require("./flow-runtime-D3avVH0I.cjs")));
-const loadFlowScreen = retrying(() => Promise.resolve().then(() => require("./flow-screen-Ci_Sik4Y.cjs")));
-const loadPageFlowRoute = retrying(() => Promise.resolve().then(() => require("./page-flow-route-hdnULWqd.cjs")));
-const loadInlineFlowHost = retrying(() => Promise.resolve().then(() => require("./inline-flow-host-DV1et3c6.cjs")));
-const loadBulkSummary = retrying(() => Promise.resolve().then(() => require("./bulk-summary-CwSd6Yjb.cjs")));
+const loadFlowRuntime = retrying(() => Promise.resolve().then(() => require("./flow-runtime-BpmrIUb6.cjs")));
+const loadFlowScreen = retrying(() => Promise.resolve().then(() => require("./flow-screen-Bcz9NF2V.cjs")));
+const loadPageFlowRoute = retrying(() => Promise.resolve().then(() => require("./page-flow-route-DS8IVTVH.cjs")));
+const loadInlineFlowHost = retrying(() => Promise.resolve().then(() => require("./inline-flow-host-3vw7LzzD.cjs")));
+const loadBulkSummary = retrying(() => Promise.resolve().then(() => require("./bulk-summary-CrEij5vq.cjs")));
 function preloadFlowRuntime() {
 	loadFlowRuntime().catch(() => void 0);
 }
@@ -315,8 +537,7 @@ var FlowBoundary = class extends react.Component {
 	}
 };
 function loadFailedText(t) {
-	const value = t("block.failed");
-	return value === "block.failed" ? "This section could not be loaded." : value;
+	return t("block.failed", { defaultValue: "This section could not be loaded." });
 }
 function FailedRun({ onDone }) {
 	const t = (0, _burojs_react.useOptionalT)();
@@ -357,31 +578,45 @@ function RuntimeBulkFlowRunner(props) {
 		children: (0, react_jsx_runtime.jsx)(Runner, { ...props })
 	});
 }
-function FlowLoadFailed({ onRetry }) {
+function FlowLoadFailed({ label, onRetry }) {
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const instance = (0, _burojs_react.useUIInstance)();
-	const retryText = t("actions.retry") === "actions.retry" ? "Retry" : t("actions.retry");
-	const closeText = t("flow.close") === "flow.close" ? "Close" : t("flow.close");
+	const retryText = chromeT("actions.retry", { defaultValue: "Retry" });
+	const closeText = t("flow.close", { defaultValue: "Close" });
 	return (0, react_jsx_runtime.jsxs)("div", {
 		role: "alert",
 		"data-buro-flow-load": "failed",
 		className: "flex flex-col gap-3 text-sm",
-		children: [(0, react_jsx_runtime.jsx)("p", { children: loadFailedText(t) }), (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex justify-end gap-2",
-			children: [(0, react_jsx_runtime.jsx)(require_button.Button, {
-				type: "button",
-				variant: "ghost",
-				onClick: () => instance.dismiss(),
-				children: closeText
-			}), (0, react_jsx_runtime.jsx)(require_button.Button, {
-				type: "button",
-				onClick: onRetry,
-				children: retryText
-			})]
-		})]
+		children: [
+			label === void 0 ? null : (0, react_jsx_runtime.jsx)(OwnTitleHeading, { label }),
+			(0, react_jsx_runtime.jsx)("p", { children: loadFailedText(t) }),
+			(0, react_jsx_runtime.jsxs)("div", {
+				className: "flex justify-end gap-2",
+				children: [(0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					variant: "ghost",
+					onClick: () => instance.dismiss(),
+					children: closeText
+				}), (0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					onClick: onRetry,
+					children: retryText
+				})]
+			})
+		]
 	});
 }
 //#endregion
+//#region src/lib/reason-text.ts
+function reasonText(caps, reason, resource) {
+	if (reason === "") return reason;
+	return (0, _burojs_core.resolveContentSlot)(caps, [reason], {
+		resource,
+		default: reason
+	}) ?? reason;
+}
+//#endregion
 //#region src/actions/action-inner.tsx
 function ActionInner({ icon, label }) {
 	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [icon ? (0, react_jsx_runtime.jsx)(Icon, { name: icon }) : null, label] });
@@ -439,10 +674,6 @@ function withActionTooltip(control, label, compact, reason) {
 }
 //#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 [
@@ -456,15 +687,39 @@ function findDeclared(def, name) {
 		if (found !== void 0) return found;
 	}
 }
+function declaredFlow(app, resource, actionName) {
+	try {
+		return resource === "" ? app.registry.appActions.get(actionName) : findDeclared(app.registry.get(resource), actionName);
+	} catch {
+		return;
+	}
+}
+function useFlowDialogTexts(resource, actionName, labelText) {
+	const app = (0, _burojs_react.useApp)();
+	const caps = (0, _burojs_react.useI18nCaps)("");
+	const texts = declaredFlow(app, resource, actionName)?.texts;
+	const prefix = resource === "" ? `appActions.${actionName}` : `resources.${resource}.actions.${actionName}`;
+	const own = (path) => {
+		const key = `${prefix}.${path.join(".")}`;
+		return caps.has(key) ? caps.t(key) : (0, _burojs_core.textsValueAt)(texts, path);
+	};
+	return {
+		confirmTitle: own(["confirm", "title"]) ?? labelText,
+		confirmProceed: own(["confirm", "proceed"]) ?? labelText,
+		dismiss: own(["dismiss"])
+	};
+}
 function useFlowChrome(resource, actionName, children) {
 	const app = (0, _burojs_react.useApp)();
 	const declared = (resource === "" ? void 0 : findDeclared(app.registry.get(resource), actionName)) ?? {};
 	const label = useResolvedLabel(declared, actionName, children, resource);
+	const labelText = typeof label === "string" ? label : (0, _burojs_core.humanizeKey)(actionName);
 	return {
 		label,
-		labelText: typeof label === "string" ? label : (0, _burojs_core.humanizeKey)(actionName),
+		labelText,
 		icon: resolveActionIcon(declared, actionName),
-		destructive: declared.variant === "destructive"
+		destructive: declared.variant === "destructive",
+		...useFlowDialogTexts(resource, actionName, labelText)
 	};
 }
 //#endregion
@@ -576,14 +831,19 @@ function FlowControl(props) {
 		testId: `${testid}:info`
 	})] });
 }
-function FlowActionButton(props) {
+function FlowActionButton(input) {
+	const props = {
+		...input,
+		resource: (0, _burojs_core.routeResourceKey)(input.resource)
+	};
 	const { resource, actionName, record, scope = "row", children } = props;
 	const control = (0, _burojs_react.useFlowRowResolver)(resource)(actionName, record);
 	const chrome = useFlowChrome(resource, actionName, children);
 	const tid = (0, _burojs_react.useTestIds)();
-	const testid = makeTestId(scope, resource, actionName, record?.id ?? "", tid);
+	const app = (0, _burojs_react.useApp)();
+	const testid = makeTestId(scope, resource, actionName, String((0, _burojs_react.recordKeyOf)(app.registry.get(resource), record) ?? ""), tid);
 	const [running, setRunning] = (0, react.useState)(false);
-	const runRecord = control.record ?? record;
+	const runRecord = useFlowRecord(resource, actionName, control.record ?? record);
 	const hosted = useHostedFlow(resource, actionName, runRecord, chrome.labelText);
 	const onRun = () => {
 		if (running) return;
@@ -615,6 +875,17 @@ function FlowActionButton(props) {
 		onClose: () => setRunning(false)
 	}) : null] });
 }
+function useFlowRecord(resource, actionName, record) {
+	const def = (0, _burojs_react.useApp)().registry.get(resource);
+	const compiled = (0, react.useMemo)(() => {
+		try {
+			return def === void 0 ? null : (0, _burojs_core.compileFlow)(def, actionName);
+		} catch {
+			return null;
+		}
+	}, [def, actionName]);
+	return compiled === null ? void 0 : (0, _burojs_core.flowRecordOf)(compiled, record);
+}
 function useHostedFlow(resource, actionName, record, label) {
 	const app = (0, _burojs_react.useApp)();
 	const def = app.registry.get(resource);
@@ -625,7 +896,7 @@ function useHostedFlow(resource, actionName, record, label) {
 			return null;
 		}
 	}, [def, actionName]);
-	const title = (0, _burojs_react.useProjectedTitle)(resource, record?.id, record);
+	const title = (0, _burojs_react.useProjectedTitle)(resource, (0, _burojs_react.recordKeyOf)(def, record), record);
 	const presentFlow = (0, _burojs_react.usePresentFlow)();
 	const hasHost = compiled?.hasHost === true;
 	const recordId = record?.[compiled?.idField ?? "id"] ?? record?.id;
@@ -654,8 +925,9 @@ function useHostedFlow(resource, actionName, record, label) {
 function FlowMenuItem(props) {
 	const chrome = useFlowChrome(props.resource, props.actionName);
 	const tid = (0, _burojs_react.useTestIds)();
-	const testid = makeTestId(props.scope, props.resource, props.actionName, props.record?.id ?? "", tid);
-	const runRecord = props.control.record ?? props.record;
+	const def = (0, _burojs_react.useApp)().registry.get(props.resource);
+	const testid = makeTestId(props.scope, props.resource, props.actionName, String((0, _burojs_react.recordKeyOf)(def, props.record) ?? ""), tid);
+	const runRecord = useFlowRecord(props.resource, props.actionName, props.control.record ?? props.record);
 	const hosted = useHostedFlow(props.resource, props.actionName, runRecord, chrome.labelText);
 	return (0, react_jsx_runtime.jsx)(FlowControl, {
 		state: (0, _burojs_react.conjoinHostPage)(props.control.state, hosted.hostPage),
@@ -709,7 +981,7 @@ function listSlot(region, resource) {
 	return `list.${region}.${canonicalResourceName(resource)}`;
 }
 function useListSlot(region, resource) {
-	return (0, _burojs_react.useComponent)(listSlot(region, resource));
+	return (0, _burojs_react.useComponent)(listSlot(region, (0, _burojs_core.routeResourceKey)(resource)));
 }
 //#endregion
 //#region src/actions/builtin-edit-route.ts
@@ -758,12 +1030,10 @@ function useBuiltinEditRoute(action, resource, recordId) {
 }
 //#endregion
 //#region src/actions/action-button.tsx
-function DisabledAction({ reason, label, icon, testid, size, variant, className, asMenuItem, resource, density = "regular", actionName, surface }) {
+function DisabledAction({ reason, label, icon, testid, size, variant, className, asMenuItem, resource: resourceInput, density = "regular", actionName, surface }) {
+	const resource = resourceInput === void 0 ? void 0 : (0, _burojs_core.routeResourceKey)(resourceInput);
 	const i18nCaps = (0, _burojs_react.useI18nCaps)(resource);
-	const text = reason ? (0, _burojs_core.resolveContentSlot)(i18nCaps, [reason], {
-		resource,
-		default: reason
-	}) : (0, _burojs_core.resolveContentSlot)(i18nCaps, ["availability.denied"], {
+	const text = reason ? reasonText(i18nCaps, reason, resource) : (0, _burojs_core.resolveContentSlot)(i18nCaps, ["availability.denied"], {
 		resource,
 		default: "This action isn't available"
 	});
@@ -772,15 +1042,24 @@ function DisabledAction({ reason, label, icon, testid, size, variant, className,
 		e.stopPropagation();
 		(0, sonner.toast)(text);
 	};
+	const reasonId = (0, react.useId)();
 	if (asMenuItem) return (0, react_jsx_runtime.jsx)(DropdownMenuItem, {
 		"aria-disabled": "true",
+		"aria-describedby": reasonId,
 		"data-testid": testid,
 		onSelect: (e) => e.preventDefault(),
 		onClick,
 		className: "opacity-60",
 		children: (0, react_jsx_runtime.jsx)(ActionInner, {
 			icon,
-			label
+			label: (0, react_jsx_runtime.jsxs)("span", {
+				className: "flex min-w-0 flex-col",
+				children: [(0, react_jsx_runtime.jsx)("span", { children: label }), (0, react_jsx_runtime.jsx)("span", {
+					id: reasonId,
+					className: "text-xs text-muted-foreground",
+					children: text
+				})]
+			})
 		})
 	});
 	const chrome = resolveControlChrome({
@@ -844,36 +1123,41 @@ function actionResourceHandle(resource) {
 		ref: (0, _burojs_core.normalizeEntityRef)(resource)
 	};
 }
-function ActionButton(props) {
+function ActionButton(input) {
+	const { sources, ...rest } = input;
+	const props = {
+		...rest,
+		resource: (0, _burojs_core.routeResourceKey)(input.resource)
+	};
 	const def = (0, _burojs_react.useApp)().registry.get(props.resource);
 	const scope = props.scope ?? "row";
-	const availability = (0, _burojs_react.useAvailabilityResolver)(props.resource, (0, _burojs_react.modeForSurface)(scope))(props.actionName, props.record);
-	const action = findAction(def?.actions?.item, props.actionName) ?? findAction(def?.actions?.resource, props.actionName);
+	const resolveAvailability = (0, _burojs_react.useAvailabilityResolver)(props.resource, (0, _burojs_react.modeForSurface)(scope));
+	const itemAction = findAction(def?.actions?.item, props.actionName);
+	const action = itemAction ?? findAction(def?.actions?.resource, props.actionName);
+	const record = itemAction === void 0 ? void 0 : props.record;
+	const availability = resolveAvailability(props.actionName, record);
+	const whenSources = (0, _burojs_react.useActionWhenSources)({
+		resource: props.resource,
+		record
+	});
 	if (!action) return null;
 	if ((0, _burojs_core_internal.isFlowAction)(action)) return (0, react_jsx_runtime.jsx)(FlowActionButton, { ...props });
 	if (availability.state === "absent" || availability.state === "hidden") return null;
-	if (!actionWhenHolds(action, props.record)) return null;
+	if (!(0, _burojs_core_internal.actionWhenHolds)(action, (0, _burojs_core_internal.actionWhenSources)(whenSources, sources))) return null;
 	if (action.kind === "link") return (0, react_jsx_runtime.jsx)(LinkActionButton, {
 		...props,
+		record,
 		action,
 		availability
 	});
 	if (action.kind === "modal") return (0, react_jsx_runtime.jsx)(ModalActionButton, {
 		...props,
+		record,
 		action,
 		availability
 	});
 	return null;
 }
-function actionWhenHolds(action, record) {
-	const when = action.when;
-	if (when === void 0) return true;
-	return (0, _burojs_core_internal.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({
@@ -901,17 +1185,20 @@ const reportedDeadRoutes = new Set();
 function deadRecordRoute(registry, action, to) {
 	if ((0, _burojs_core.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 resource;
 	let def;
 	try {
-		def = registry.get(target.resource);
+		if (typeof target.resource === "string") resource = target.resource;
+		else if (target.resource !== null && typeof target.resource === "object") resource = (0, _burojs_core.routeResourceKey)(target.resource);
+		else return null;
+		def = registry.get(resource);
 	} catch {
 		return null;
 	}
 	if (def === void 0 || (0, _burojs_core.hasRecordPage)(def, target.action)) return null;
 	return {
-		resource: target.resource,
+		resource,
 		action: target.action
 	};
 }
@@ -929,7 +1216,7 @@ function LinkActionButton({ resource, actionName, record, scope = "row", variant
 	const safeRecord = record ?? { id: "" };
 	const isDestructive = action.variant === "destructive";
 	const buttonVariant = variant ?? (isDestructive ? "destructive" : "outline");
-	const recordId = record?.id ?? "";
+	const recordId = String((0, _burojs_react.recordKeyOf)(app.registry.get(resource), record) ?? "");
 	const testid = makeTestId(scope, resource, actionName, recordId, tid);
 	const label = useResolvedLabel(action, actionName, children, resource);
 	const editRoute = useBuiltinEditRoute(action, resource, recordId);
@@ -1035,11 +1322,12 @@ function LinkActionButton({ resource, actionName, record, scope = "row", variant
 }
 function ModalActionButton({ resource, actionName, record, scope = "row", variant, size, density, className, children, asMenuItem, action, availability }) {
 	const tid = (0, _burojs_react.useTestIds)();
+	const app = (0, _burojs_react.useApp)();
 	const present = (0, _burojs_react.usePresentBlock)();
 	const safeRecord = record ?? { id: "" };
 	const isDestructive = action.variant === "destructive";
 	const buttonVariant = variant ?? (isDestructive ? "destructive" : "outline");
-	const recordId = record?.id ?? "";
+	const recordId = String((0, _burojs_react.recordKeyOf)(app.registry.get(resource), record) ?? "");
 	const testid = makeTestId(scope, resource, actionName, recordId, tid);
 	const label = useResolvedLabel(action, actionName, children, resource);
 	if (availability.state === "disabled") return (0, react_jsx_runtime.jsx)(DisabledAction, {
@@ -1099,33 +1387,34 @@ function ModalActionButton({ resource, actionName, record, scope = "row", varian
 }
 //#endregion
 //#region src/checks/check-confirm-dialog.tsx
-function translateOrFallback(t, key, fallback, params, resource) {
-	const translated = t(key, {
+function issueText(issue, t, caps, resource) {
+	const params = issue.message.params;
+	const checkId = issue.check?.id;
+	const ownCheck = checkId !== void 0 && issue.message.key === `checks.${checkId}`;
+	const declared = typeof issue.message.default === "string" ? issue.message.default : ownCheck ? void 0 : issue.message.key;
+	if (issue.message.params?.resolved === true) return declared ?? issue.message.key;
+	if (!ownCheck) return t(issue.message.key, {
+		defaultValue: declared ?? "",
 		params,
 		...resource === void 0 ? {} : { resource }
 	});
-	return translated === key ? fallback : translated;
-}
-function issueText(issue, t, resource) {
-	const params = issue.params;
-	const checkId = params?.checkId;
-	const ownCheck = typeof checkId === "string" && issue.message.key === `checks.${checkId}`;
-	const declared = typeof issue.message.default === "string" ? issue.message.default : ownCheck ? void 0 : issue.message.key;
-	if (issue.params?.resolved === true) return declared ?? issue.message.key;
-	if (!ownCheck) return translateOrFallback(t, issue.message.key, declared ?? "", params, resource);
-	const miss = "\0";
-	const bundled = [`${issue.message.key}.message`, issue.message.key].map((key) => translateOrFallback(t, key, miss, params, resource)).find((text) => text !== miss);
-	if (bundled !== void 0) return bundled;
+	const entryKey = [`${issue.message.key}.message`, issue.message.key].find((key) => caps.has(key, { resource }));
+	if (entryKey !== void 0) return caps.t(entryKey, {
+		resource,
+		params
+	});
 	if (declared !== void 0) return declared;
 	const name = String(params?.name ?? checkId);
-	return translateOrFallback(t, _burojs_core.FRAMEWORK_TEXT_KEYS.checkFailed, (0, _burojs_core.checkFailedDefault)(name), {
-		...params,
-		name
-	}, void 0);
+	return t(_burojs_core.FRAMEWORK_TEXT_KEYS.checkFailed, {
+		defaultValue: (0, _burojs_core.checkFailedDefault)(name),
+		params: {
+			...params,
+			name
+		}
+	});
 }
 function checkIdOf(issue, index) {
-	const id = issue.params?.checkId;
-	return typeof id === "string" ? id : `${index}`;
+	return issue.check?.id ?? `${index}`;
 }
 const SEVERITY_CLASSNAME = {
 	error: "text-destructive",
@@ -1134,11 +1423,12 @@ const SEVERITY_CLASSNAME = {
 };
 function ChecksList({ issues, testid, onRowClick, resource }) {
 	const t = (0, _burojs_react.useOptionalT)();
+	const caps = (0, _burojs_react.useI18nCaps)(resource);
 	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 text = issueText(issue, t, caps, resource);
 		const className = require_use_theme.cn("text-sm", SEVERITY_CLASSNAME[issue.severity]);
 		return anchorable ? (0, react_jsx_runtime.jsx)("li", { children: (0, react_jsx_runtime.jsx)("button", {
 			type: "button",
@@ -1153,15 +1443,11 @@ function ChecksList({ issues, testid, onRowClick, resource }) {
 		}, `${checkId}-${index}`);
 	});
 }
-function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel, tone }) {
-	const t = (0, _burojs_react.useOptionalT)();
+function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel, cancelLabel, tone }) {
+	const chromeT = (0, _burojs_react.useChromeT)();
 	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 heading = title ?? chromeT("checks.dialogTitle", { defaultValue: "Please review" });
 	const restoreFocusRef = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
 		if (typeof document === "undefined") return;
@@ -1198,10 +1484,7 @@ function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel,
 					children: [
 						blocked && (0, react_jsx_runtime.jsx)("li", {
 							className: "text-xs font-semibold uppercase tracking-wider text-destructive",
-							children: t("checks.blocked", {
-								defaultValue: "Cannot continue",
-								...bound
-							})
+							children: chromeT("checks.blocked", { defaultValue: "Cannot continue" })
 						}),
 						(0, react_jsx_runtime.jsx)(ChecksList, {
 							issues: blockers,
@@ -1223,20 +1506,14 @@ function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel,
 					onClick: cancel,
 					"data-testid": `${testid}:cancel`,
 					disabled: busy,
-					children: t("checks.back", {
-						defaultValue: "Go back",
-						...bound
-					})
+					children: cancelLabel ?? chromeT("checks.back", { defaultValue: "Go back" })
 				}), !blocked && (0, react_jsx_runtime.jsx)(require_button.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
-					})
+					children: proceedLabel ?? chromeT("checks.proceed", { defaultValue: "Continue anyway" })
 				})] })
 			]
 		})
@@ -1261,6 +1538,12 @@ Object.defineProperty(exports, "CheckConfirmDialog", {
 		return CheckConfirmDialog;
 	}
 });
+Object.defineProperty(exports, "DialogPresentationShell", {
+	enumerable: true,
+	get: function() {
+		return DialogPresentationShell;
+	}
+});
 Object.defineProperty(exports, "DisabledAction", {
 	enumerable: true,
 	get: function() {
@@ -1393,6 +1676,18 @@ Object.defineProperty(exports, "Icon", {
 		return Icon;
 	}
 });
+Object.defineProperty(exports, "OwnTitleContext", {
+	enumerable: true,
+	get: function() {
+		return OwnTitleContext;
+	}
+});
+Object.defineProperty(exports, "OwnTitleHeading", {
+	enumerable: true,
+	get: function() {
+		return OwnTitleHeading;
+	}
+});
 Object.defineProperty(exports, "RuntimeAppFlowRunner", {
 	enumerable: true,
 	get: function() {
@@ -1411,6 +1706,60 @@ Object.defineProperty(exports, "RuntimeFlowRunner", {
 		return RuntimeFlowRunner;
 	}
 });
+Object.defineProperty(exports, "Sheet", {
+	enumerable: true,
+	get: function() {
+		return Sheet;
+	}
+});
+Object.defineProperty(exports, "SheetClose", {
+	enumerable: true,
+	get: function() {
+		return SheetClose;
+	}
+});
+Object.defineProperty(exports, "SheetContent", {
+	enumerable: true,
+	get: function() {
+		return SheetContent;
+	}
+});
+Object.defineProperty(exports, "SheetDescription", {
+	enumerable: true,
+	get: function() {
+		return SheetDescription;
+	}
+});
+Object.defineProperty(exports, "SheetFooter", {
+	enumerable: true,
+	get: function() {
+		return SheetFooter;
+	}
+});
+Object.defineProperty(exports, "SheetHeader", {
+	enumerable: true,
+	get: function() {
+		return SheetHeader;
+	}
+});
+Object.defineProperty(exports, "SheetPresentationShell", {
+	enumerable: true,
+	get: function() {
+		return SheetPresentationShell;
+	}
+});
+Object.defineProperty(exports, "SheetTitle", {
+	enumerable: true,
+	get: function() {
+		return SheetTitle;
+	}
+});
+Object.defineProperty(exports, "SheetTrigger", {
+	enumerable: true,
+	get: function() {
+		return SheetTrigger;
+	}
+});
 Object.defineProperty(exports, "Tooltip", {
 	enumerable: true,
 	get: function() {
@@ -1507,16 +1856,16 @@ Object.defineProperty(exports, "preloadFlowRuntime", {
 		return preloadFlowRuntime;
 	}
 });
-Object.defineProperty(exports, "registerIcons", {
+Object.defineProperty(exports, "reasonText", {
 	enumerable: true,
 	get: function() {
-		return registerIcons;
+		return reasonText;
 	}
 });
-Object.defineProperty(exports, "text", {
+Object.defineProperty(exports, "registerIcons", {
 	enumerable: true,
 	get: function() {
-		return text;
+		return registerIcons;
 	}
 });
 Object.defineProperty(exports, "useFlowChrome", {
@@ -1525,6 +1874,18 @@ Object.defineProperty(exports, "useFlowChrome", {
 		return useFlowChrome;
 	}
 });
+Object.defineProperty(exports, "useFlowDialogTexts", {
+	enumerable: true,
+	get: function() {
+		return useFlowDialogTexts;
+	}
+});
+Object.defineProperty(exports, "useFocusOnMount", {
+	enumerable: true,
+	get: function() {
+		return useFocusOnMount;
+	}
+});
 Object.defineProperty(exports, "useListSlot", {
 	enumerable: true,
 	get: function() {
@@ -1544,4 +1905,4 @@ Object.defineProperty(exports, "useToBrowserHref", {
 	}
 });
 
-//# sourceMappingURL=check-confirm-dialog--gPFnEeg.cjs.map
+//# sourceMappingURL=check-confirm-dialog-C-NHgMST.cjs.map