@ostack.tech/ui-kform 0.4.0 → 0.5.0

package/dist/ostack-ui-kform.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { usePrefix as usePrefix$1, useControllableState, useLatestValues, combineEventHandlers, LocalizationProvider as LocalizationProvider$1, useConstant, useSpacing, useCssVars, NATIVE_CONTROLS, useResponsiveValues, useCombinedRef, cx, useIsInRoot, warnOnce, PrefixProvider, Root, computed, TabContent, ErrorBoundary, DocumentTitle, Spinner, useToastManager, Tabs, useErrorReporter, EMPTY_STORE, Field, Feedback, FeedbackList, FeedbackPopover, useMediaBreakpointUp, DropdownMenu, DropdownMenuTrigger, Button, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuItem, useAlertDialog, DropdownMenuRadioItem, controlStatusToAccent, VisuallyHidden, IconButton, Tab, boolDataAttr, TabList, useIsInTableCell, useDataTableColumnLabel, useOnFieldLabelChange, Checkbox, OptionsGroup, Option, CheckboxGroup, useDateTransformer, DateInput, DateRangeInput, Input, Dialog, Tooltip, DialogTrigger, ControlAddon, Icon, DialogContent, DialogHeader, DialogTitle, DialogBody, Alert, Stack, Popover, PopoverTrigger, PopoverContent, useMeasure, Container, Select, MenuListItem, MenuList, StepContent, Step, StepList, Stepper, CloseButton, useScrollPosition, setBoolDataAttr, Card, CardHeader, CardTitle, CardBody, useIntersectionObserver, useKeyboardShortcut, NumericInput, Link, RadioGroup, Radio, ButtonGroup, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogBody, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, DataTableCell, DataTableRow, useDataTableApiRef, DataTable, Slot, DataTableContent, DataTablePagination, DataTableRowsPerPage, TextArea, PortalContext } from "@ostack.tech/ui";
+import { usePrefix as usePrefix$1, useControllableState, useLatestValues, combineEventHandlers, LocalizationProvider as LocalizationProvider$1, usePrinting, useConstant, useSpacing, useCssVars, NATIVE_CONTROLS, useResponsiveValues, useCombinedRef, cx, useIsInRoot, warnOnce, usePrintInProgress, PrefixProvider, Root, computed, TabContent, ErrorBoundary, DocumentTitle, Spinner, useToastManager, useStartPrintingTask, Tabs, useErrorReporter, EMPTY_STORE, Field, Feedback, FeedbackList, FeedbackPopover, useMediaBreakpointUp, DropdownMenu, DropdownMenuTrigger, Button, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuItem, useAlertDialog, DropdownMenuRadioItem, controlStatusToAccent, VisuallyHidden, IconButton, Tab, boolDataAttr, TabList, useIsInTableCell, useDataTableColumnLabel, useOnFieldLabelChange, Checkbox, OptionsGroup, Option, CheckboxGroup, useDateTransformer, DateInput, DateRangeInput, Input, Dialog, Tooltip, DialogTrigger, ControlAddon, Icon, DialogContent, DialogHeader, DialogTitle, DialogBody, Alert, Stack, Popover, PopoverTrigger, PopoverContent, useMeasure, Container, Select, MenuListItem, MenuList, usePrintClassNames, StepContent, Step, StepList, Stepper, CloseButton, useScrollPosition, setBoolDataAttr, Card, CardHeader, CardTitle, CardBody, useIntersectionObserver, useKeyboardShortcut, NumericInput, Link, usePrint, PrinterTrigger, RadioGroup, Radio, ButtonGroup, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogBody, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, DataTableCell, DataTableRow, useDataTableApiRef, DataTable, Slot, DataTableContent, DataTablePagination, DataTableRowsPerPage, TextArea, PortalContext } from "@ostack.tech/ui";
 import { AbsolutePath, AbsolutePathFragment, PathMultimap, sliceTable, listableSize, Path, ValidationFailure, nullableSchemaInnerSchema, compareSchemaPaths, PromiseCancellationException, arrayToTable, indexOfTableRowId, isComputedSchema } from "@ostack.tech/kform";
 import { useResolvedPath, equals, useFormController, useForm, FormContext, CurrentPath, useCurrentPath, useFormManager, useFormattedValue, InvalidPathError, AtPathError, useIssuesTracker, useFormContext, useInput, useListableInput, formatTemporalAsString, useTemporalInput, useFileInput, useController, useNumericInput, formatNumericAsString, useFormatter } from "@ostack.tech/kform-react";
 import { createContext, useContext, useCallback, useMemo, useRef, useEffect, forwardRef, useState, useImperativeHandle, startTransition, Suspense, useDeferredValue, Children, isValidElement, createElement, memo } from "react";
@@ -8,12 +8,12 @@ import { subscribeWithSelector } from "zustand/middleware";
 import { useShallow } from "zustand/react/shallow";
 import { shallow } from "zustand/shallow";
 import { supported, fileOpen, fileSave } from "browser-fs-access";
+import { addDays, min, max, parseISO, format } from "date-fns";
 import { enGB } from "./locales/en-GB.js";
 import { enUS } from "./locales/en-US.js";
 import { fr } from "./locales/fr.js";
 import { pt } from "./locales/pt.js";
-import { faChevronUp, faChevronDown, faTrash, faFileLines, faDownload, faCircleQuestion, faArrowsToDot, faAnglesLeft, faAngleLeft, faAngleRight, faAnglesRight, faCircleCheck, faCircleExclamation, faTriangleExclamation, faFolderOpen, faFloppyDisk, faCaretDown, faArrowRight, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { addDays, min, max, parseISO, format } from "date-fns";
+import { faChevronUp, faChevronDown, faTrash, faFileLines, faDownload, faCircleQuestion, faArrowsToDot, faAnglesLeft, faAngleLeft, faAngleRight, faAnglesRight, faCircleCheck, faCircleExclamation, faTriangleExclamation, faFolderOpen, faPrint, faFloppyDisk, faCaretDown, faArrowRight, faPlus } from "@fortawesome/free-solid-svg-icons";
 import { faCircleCheck as faCircleCheck$1 } from "@fortawesome/free-regular-svg-icons";
 const DEFAULT_PREFIX_SUFFIX = "kform-";
 const defaultPrefixSuffixStore = createStore(() => ({
@@ -80,7 +80,7 @@ function ActivePathProvider({
     [latest, setActivePath]
   );
   return /* @__PURE__ */ jsx(
-    ActivePathContext,
+    ActivePathContext.Provider,
     {
       value: useMemo(
         () => ({
@@ -160,6 +160,7 @@ function useEqualityFn(selector, equalityFn = Object.is) {
 }
 const FormAppContext = createContext(null);
 function useCreateFormAppContext({
+  formTitle,
   controller,
   disabled,
   readOnly,
@@ -168,7 +169,7 @@ function useCreateFormAppContext({
   formAppElement,
   onPathFocus
 }) {
-  const listeners = useLatestValues({ onPathFocus });
+  const latest = useLatestValues({ printing: usePrinting(), onPathFocus });
   const store = useConstant(
     () => createStore()(
       subscribeWithSelector((set, get) => ({
@@ -188,6 +189,9 @@ function useCreateFormAppContext({
         deferredLabelRemovalEntryIds: [],
         actions: {
           setIssuesPanelPath: (path) => {
+            if (latest.printing) {
+              return;
+            }
             const {
               deferredIssueMessageRemovalEntryIds,
               deferredLabelRemovalEntryIds
@@ -227,6 +231,9 @@ function useCreateFormAppContext({
             return breadcrumbParts;
           },
           focus: (path) => {
+            if (latest.printing) {
+              return;
+            }
             const { focusedPath } = get();
             const absolutePath = path instanceof AbsolutePath ? path : new AbsolutePath(path);
             if (!get().controller.getState().formManager.isValidPath(absolutePath)) {
@@ -243,11 +250,13 @@ function useCreateFormAppContext({
               focusCounter: focusCounter + 1
             }));
             if (focusPathChanged) {
-              listeners.onPathFocus?.(absolutePath);
+              latest.onPathFocus?.(absolutePath);
             }
           },
           resetFocus: () => {
-            set({ focusedPath: null });
+            if (!latest.printing) {
+              set({ focusedPath: null });
+            }
           },
           registerController: (path, controller2) => {
             if (controller2 == null) {
@@ -263,7 +272,9 @@ function useCreateFormAppContext({
           },
           isRegistered: (path) => get().registeredControllers[0].containsPath(path),
           setLatestInteraction: (path) => {
-            set({ latestInteraction: path });
+            if (!latest.printing) {
+              set({ latestInteraction: path });
+            }
           },
           registerIssueMessages: (basePath, issueMessages, priority = 0) => {
             if (issueMessages == null) {
@@ -366,6 +377,7 @@ function useCreateFormAppContext({
   }, [controller, store]);
   return useMemo(
     () => ({
+      formTitle,
       disabled,
       readOnly,
       issuesDisplayMode,
@@ -377,6 +389,7 @@ function useCreateFormAppContext({
       disabled,
       displayIssueCodes,
       formAppElement,
+      formTitle,
       issuesDisplayMode,
       readOnly,
       store
@@ -390,6 +403,9 @@ function useFormAppContext() {
   }
   return formAppContext;
 }
+function useFormTitle() {
+  return useFormAppContext().formTitle;
+}
 function useFormIsDisabled() {
   return useFormAppContext().disabled;
 }
@@ -407,23 +423,26 @@ function useFormAppElement() {
 }
 function useSetTopBarHeight() {
   const { store } = useFormAppContext();
+  const printing = usePrinting();
   return useCallback(
-    (height) => store.setState({ topBarHeight: height ?? 0 }),
-    [store]
+    (height) => !printing && store.setState({ topBarHeight: height ?? 0 }),
+    [printing, store]
   );
 }
 function useSetLeftSidebarWidth() {
   const { store } = useFormAppContext();
+  const printing = usePrinting();
   return useCallback(
-    (width) => store.setState({ leftSidebarWidth: width ?? 0 }),
-    [store]
+    (width) => !printing && store.setState({ leftSidebarWidth: width ?? 0 }),
+    [printing, store]
   );
 }
 function useSetBottomPanelHeight() {
   const { store } = useFormAppContext();
+  const printing = usePrinting();
   return useCallback(
-    (height) => store.setState({ bottomPanelHeight: height ?? 0 }),
-    [store]
+    (height) => !printing && store.setState({ bottomPanelHeight: height ?? 0 }),
+    [printing, store]
   );
 }
 function useIssuesPanelPath() {
@@ -447,10 +466,12 @@ function useResetFocus() {
 function useRegisterController(controller) {
   const store = useFormAppContext().store;
   const path = controller.usePath();
-  useEffect(
-    () => store.getState().actions.registerController(path, controller),
-    [store, controller, path]
-  );
+  const printing = usePrinting();
+  useEffect(() => {
+    if (!printing) {
+      return store.getState().actions.registerController(path, controller);
+    }
+  }, [store, controller, path, printing]);
 }
 function useIsRegistered(path) {
   return useStore(
@@ -472,11 +493,12 @@ function useSetLatestInteraction() {
 }
 function useRegisterIssueMessages(path, issueMessages, priority) {
   const store = useFormAppContext().store;
+  const printing = usePrinting();
   useEffect(() => {
-    if (path != null) {
+    if (!printing && path != null) {
       return store.getState().actions.registerIssueMessages(path, issueMessages, priority);
     }
-  }, [path, issueMessages, priority, store]);
+  }, [path, issueMessages, priority, store, printing]);
 }
 function useRegisteredIssueMessage(path, code) {
   return useStore(
@@ -486,11 +508,12 @@ function useRegisteredIssueMessage(path, code) {
 }
 function useRegisterLabel(path, label, priority = 0) {
   const store = useFormAppContext().store;
+  const printing = usePrinting();
   useEffect(() => {
-    if (path != null) {
+    if (!printing && path != null) {
       return store.getState().actions.registerLabel(path, label, priority);
     }
-  }, [store, path, label, priority]);
+  }, [store, path, label, priority, printing]);
 }
 function useActiveIssuesPanelBreadcrumb() {
   return useStore(
@@ -518,21 +541,26 @@ function useStartIssuesNavigation() {
 }
 function useOnPathFocus(cb, { fireImmediately = true } = {}) {
   const { store } = useFormAppContext();
-  useEffect(
-    () => store.subscribe(
-      ({ focusedPath, focusCounter }) => ({ focusedPath, focusCounter }),
-      ({ focusedPath }) => focusedPath && cb(focusedPath),
-      { fireImmediately, equalityFn: shallow }
-    ),
-    [cb, fireImmediately, store]
-  );
+  const printing = usePrinting();
+  useEffect(() => {
+    if (!printing) {
+      return store.subscribe(
+        ({ focusedPath, focusCounter }) => ({ focusedPath, focusCounter }),
+        ({ focusedPath }) => focusedPath && cb(focusedPath),
+        { fireImmediately, equalityFn: shallow }
+      );
+    }
+  }, [cb, fireImmediately, printing, store]);
 }
 function useSetStartIssuesNavigation(fn) {
   const { store } = useFormAppContext();
+  const printing = usePrinting();
   useEffect(() => {
-    store.setState({ startIssuesNavigation: fn });
-    return () => store.setState({ startIssuesNavigation: void 0 });
-  }, [fn, store]);
+    if (!printing) {
+      store.setState({ startIssuesNavigation: fn });
+      return () => store.setState({ startIssuesNavigation: void 0 });
+    }
+  }, [fn, printing, store]);
 }
 const FOCUSABLE_ELEMENTS = ["INPUT", "SELECT", "TEXTAREA"];
 function useControlAutofocus({ usePath, useExists }, enabled = true) {
@@ -741,6 +769,7 @@ const FormApp = forwardRef(function FormApp2({
   errorBoundaryProps,
   schema,
   initialValue,
+  formTitle,
   issuesPanelLabel,
   disabled = false,
   readOnly = false,
@@ -819,7 +848,8 @@ const FormApp = forwardRef(function FormApp2({
       "FormApp: No locale has been provided. Either provide a `defaultLocale`/`locale` property or wrap the component in a `LocalizationProvider`."
     );
   }
-  issuesPanelLabel ??= locale.FormApp.issuesPanelLabel;
+  formTitle ??= locale.FormApp.formTitle;
+  issuesPanelLabel ??= locale.FormApp.issuesPanelLabel ?? formTitle;
   confirmUnloadMessage ??= locale.FormApp.confirmUnloadMessage;
   const controller = useForm(schema, {
     initialValue,
@@ -858,8 +888,10 @@ const FormApp = forwardRef(function FormApp2({
     }),
     [controller, formManager]
   );
-  const displayDisabled = controller.useSubmitting() || disabled;
+  const printInProgress = usePrintInProgress();
+  const displayDisabled = controller.useSubmitting() || disabled || printInProgress;
   const formAppContextValue = useCreateFormAppContext({
+    formTitle,
     disabled: displayDisabled,
     readOnly,
     issuesDisplayMode,
@@ -987,6 +1019,7 @@ function useCreateAnnexesContext({
   const { activePath, onActivePathChange } = useActivePathContext();
   activeAnnex ??= activePath;
   const latest = useLatestValues({
+    printing: usePrinting(),
     formManager,
     onActivePathChange,
     onActiveAnnexChange,
@@ -1130,6 +1163,9 @@ function useCreateAnnexesContext({
             return newRepetitiveAnnexStates;
           },
           setActiveAnnex: (path) => {
+            if (latest.printing) {
+              return;
+            }
             const newActiveAnnex = path === null || path instanceof AbsolutePath ? path : new AbsolutePath(path);
             const oldActiveAnnex = get().activeAnnex;
             if (!oldActiveAnnex?.equals(newActiveAnnex)) {
@@ -1144,6 +1180,9 @@ function useCreateAnnexesContext({
             }
           },
           updateActiveAnnex: (oldActiveAnnexIndex) => {
+            if (latest.printing) {
+              return;
+            }
             const tabStates = get().tabStates();
             const nextActiveAnnex = get().nextActiveAnnex;
             if (nextActiveAnnex !== null && tabStates.some((state) => state.path.equals(nextActiveAnnex))) {
@@ -1300,10 +1339,13 @@ const AnnexTabContent = forwardRef(function AnnexTabContent2({
   issueMessages,
   children,
   className,
+  containerProps,
+  tabContentLabelProps,
   errorBoundaryProps,
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
+  const printing = usePrinting();
   const annexPath = useCurrentPath();
   const documentTitle = useAnnexState(
     annexPath,
@@ -1315,13 +1357,36 @@ const AnnexTabContent = forwardRef(function AnnexTabContent2({
     );
   }
   return /* @__PURE__ */ jsx(
-    TabContent,
+    "div",
     {
-      className: cx(prefix("annexes__annex"), className),
-      value: annexPath.toString(),
-      ...otherProps,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx(ErrorBoundary, { ...errorBoundaryProps, children: /* @__PURE__ */ jsx(DocumentTitle, { title: documentTitle ?? void 0, children: /* @__PURE__ */ jsx(FormAppStatus, { disabled, readOnly, children: /* @__PURE__ */ jsx(FormAppIssueMessages, { issueMessages, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Spinner, { size: "xl", color: "primary" }), children }) }) }) }) })
+      ...containerProps,
+      className: cx(
+        prefix("annexes__annex-container"),
+        containerProps?.className
+      ),
+      children: /* @__PURE__ */ jsx(
+        TabContent,
+        {
+          className: cx(prefix("annexes__annex"), className),
+          value: annexPath.toString(),
+          tabContentLabelProps: {
+            ...tabContentLabelProps,
+            className: cx(
+              prefix("annexes__annex-label"),
+              tabContentLabelProps?.className
+            )
+          },
+          ...otherProps,
+          ref: forwardedRef,
+          children: /* @__PURE__ */ jsx(ErrorBoundary, { ...errorBoundaryProps, children: /* @__PURE__ */ jsx(
+            DocumentTitle,
+            {
+              title: printing ? void 0 : documentTitle ?? void 0,
+              children: /* @__PURE__ */ jsx(FormAppStatus, { disabled, readOnly, children: /* @__PURE__ */ jsx(FormAppIssueMessages, { issueMessages, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Spinner, { size: "xl", color: "primary" }), children }) }) })
+            }
+          ) })
+        }
+      )
     }
   );
 });
@@ -1469,11 +1534,14 @@ function AnnexRegistrar({
   documentTitle
 }) {
   const store = useAnnexesContext();
+  const printing = usePrinting();
+  const finishPrintingTask = useStartPrintingTask();
   const [isNull = true, controller] = useFormattedValue(
     path.append(AbsolutePathFragment.RecursiveWildcard),
     {
       enabled: !useFormIsLoading(),
-      format: useCallback((value) => value === null, [])
+      onInitialized: finishPrintingTask,
+      format: useCallback((value2) => value2 === null, [])
     }
   );
   const isRepetitive = index != null;
@@ -1483,16 +1551,18 @@ function AnnexRegistrar({
     (state) => state.initialized && state.exists
   );
   const dirty = controller.useDirty();
-  const deferredValue = useDeferredValue(controller.useValue());
+  const value = controller.useValue();
+  const deferredValue = useDeferredValue(value);
+  const relevantValue = printing ? value : deferredValue;
   const deferredIssuesToDisplay = useDeferredValue(
     controller.useState((state) => state.touched ? state.issues : [], {
       equalityFn: shallow
     })
   );
   const deferredDisplayStatus = useDeferredValue(controller.useDisplayStatus());
-  const actualTitle = isRepetitive ? typeof itemTitle === "function" ? deferredValue === void 0 ? null : itemTitle(deferredValue, index) : itemTitle === void 0 ? title : itemTitle : typeof title === "function" ? deferredValue === void 0 ? null : title(deferredValue) : title;
-  const actualSubtitle = typeof subtitle === "function" ? deferredValue === void 0 ? null : subtitle(deferredValue, index) : subtitle;
-  const actualDocumentTitle = typeof documentTitle === "function" ? deferredValue === void 0 ? null : documentTitle(deferredValue, index) : documentTitle === void 0 ? (actualTitle === null || typeof actualTitle === "string") && (actualSubtitle == null || typeof actualSubtitle === "string") ? [actualTitle, actualSubtitle].filter((s) => s).join(" — ") : void 0 : documentTitle;
+  const actualTitle = isRepetitive ? typeof itemTitle === "function" ? relevantValue === void 0 ? null : itemTitle(relevantValue, index) : itemTitle === void 0 ? title : itemTitle : typeof title === "function" ? relevantValue === void 0 ? null : title(relevantValue) : title;
+  const actualSubtitle = typeof subtitle === "function" ? relevantValue === void 0 ? null : subtitle(relevantValue, index) : subtitle;
+  const actualDocumentTitle = typeof documentTitle === "function" ? relevantValue === void 0 ? null : documentTitle(relevantValue, index) : documentTitle === void 0 ? (actualTitle === null || typeof actualTitle === "string") && (actualSubtitle == null || typeof actualSubtitle === "string") ? [actualTitle, actualSubtitle].filter((s) => s).join(" — ") : void 0 : documentTitle;
   useEffect(() => {
     if (exists) {
       const { registerAnnexState } = store.getState().actions;
@@ -1546,8 +1616,10 @@ function RepetitiveAnnexRegistrar({
   ...annexProps
 }) {
   const store = useAnnexesContext();
+  const finishPrintingTask = useStartPrintingTask();
   const [rowIds, controller] = useFormattedValue(path.parent(), {
     enabled: !useFormIsLoading(),
+    onInitialized: finishPrintingTask,
     format: useCallback(
       (value) => value == null ? [] : sliceTable(value).map(([id]) => id),
       []
@@ -1700,6 +1772,7 @@ const Annexes = forwardRef(
           activationMode: "manual",
           value: activeAnnexString,
           onValueChange: handleValueChange,
+          showAllTabsWhilePrinting: true,
           ...otherProps,
           ref: forwardedRef,
           children
@@ -2541,6 +2614,7 @@ function useRegisterControl({
   preventAutoFocus,
   apiRef
 }) {
+  const printing = usePrinting();
   const { useState: useState2, usePath, useInitialized, useDisplayStatus } = controller;
   const path = usePath();
   const formIsDisabled = useFormIsDisabled();
@@ -2549,13 +2623,20 @@ function useRegisterControl({
   const deferredIsValidating = useDeferredValue(
     useState2((state) => state.validationStatus === "validating")
   );
-  const displayLoading = !useInitialized() || deferredIsValidating;
+  const initialized = useInitialized();
+  const displayLoading = !initialized || deferredIsValidating;
   const displayStatusToDisplay = useDeferredValue(useDisplayStatus());
   const issuesToDisplay = useDeferredValue(
     useState2((state) => state.touched ? state.issues : [], {
       equalityFn: shallow
     })
   );
+  const finishPrintingTask = useStartPrintingTask();
+  useEffect(() => {
+    if (initialized) {
+      finishPrintingTask();
+    }
+  }, [finishPrintingTask, initialized]);
   const columnLabel = useDataTableColumnLabel();
   useRegisterLabel(
     path,
@@ -2568,24 +2649,24 @@ function useRegisterControl({
   useImperativeHandle(apiRef, () => controller, [controller]);
   const autofocusRef = useControlAutofocus(
     controller,
-    !preventAutoFocus
+    !preventAutoFocus && !printing
   );
   const setLatestInteraction = useSetLatestInteraction();
   const handleFocus = useCallback(
     (event) => {
-      if (event.target === event.currentTarget && !event.defaultPrevented) {
+      if (!printing && event.target === event.currentTarget && !event.defaultPrevented) {
         setLatestInteraction(controller.getState().path);
       }
     },
-    [controller, setLatestInteraction]
+    [controller, printing, setLatestInteraction]
   );
   return useMemo(
     () => ({
-      displayLoading,
-      displayDisabled,
-      displayReadOnly,
-      displayStatusToDisplay,
-      issuesToDisplay,
+      displayLoading: printing ? false : displayLoading,
+      displayDisabled: printing ? false : displayDisabled,
+      displayReadOnly: printing ? false : displayReadOnly,
+      displayStatusToDisplay: printing ? void 0 : displayStatusToDisplay,
+      issuesToDisplay: printing ? [] : issuesToDisplay,
       autofocusRef,
       handleFocus
     }),
@@ -2596,7 +2677,8 @@ function useRegisterControl({
       displayReadOnly,
       displayStatusToDisplay,
       handleFocus,
-      issuesToDisplay
+      issuesToDisplay,
+      printing
     ]
   );
 }
@@ -3526,7 +3608,11 @@ function useCreateFormPagesContext({
   const setLatestInteraction = useSetLatestInteraction();
   const { activePath, onActivePathChange } = useActivePathContext();
   activePage ??= activePath;
-  const latest = useLatestValues({ onActivePathChange, onActivePageChange });
+  const latest = useLatestValues({
+    printing: usePrinting(),
+    onActivePathChange,
+    onActivePageChange
+  });
   const store = useConstant(
     () => createStore()(
       subscribeWithSelector((set, get) => ({
@@ -3553,6 +3639,9 @@ function useCreateFormPagesContext({
             get().actions.updateActivePage(oldActivePageIndex);
           },
           setActivePage: (path) => {
+            if (latest.printing) {
+              return;
+            }
             const newActivePage = path === null || path instanceof AbsolutePath ? path : new AbsolutePath(path);
             const oldActivePage = get().activePage;
             if (!oldActivePage?.equals(newActivePage)) {
@@ -3567,7 +3656,7 @@ function useCreateFormPagesContext({
             }
           },
           updateActivePage: (oldActivePageIndex) => {
-            if (get().activePage !== null && get().pages.some((page) => page.path.equals(get().activePage))) {
+            if (latest.printing || get().activePage !== null && get().pages.some((page) => page.path.equals(get().activePage))) {
               return;
             }
             get().actions.setActivePage(
@@ -3585,6 +3674,9 @@ function useCreateFormPagesContext({
             get().actions.updateActivePage(oldActivePageIndex);
           },
           setPageHeaderHeight: (path, height) => {
+            if (latest.printing) {
+              return;
+            }
             const {
               pageHeaderHeights: [pageHeaderHeights]
             } = get();
@@ -3658,17 +3750,18 @@ const FormPageHeader = forwardRef(function FormPageHeader2({
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
+  const printing = usePrinting();
   const currentPath = useCurrentPath();
   const issuesDisplayMode = useIssuesDisplayMode();
   const deferredIssuesToDisplay = useFormPageState(
     currentPath,
     useShallow(
-      (state) => issuesDisplayMode === "inline" && state?.deferredIssuesToDisplay || []
+      (state) => !printing && issuesDisplayMode === "inline" && state?.deferredIssuesToDisplay || []
     )
   ) ?? [];
   const deferredDisplayStatus = useFormPageState(
     currentPath,
-    (state) => state?.deferredDisplayStatus
+    (state) => printing ? void 0 : state?.deferredDisplayStatus
   );
   const code = useFormPageState(currentPath, (state) => state?.code);
   const title = useFormPageState(currentPath, (state) => state?.title);
@@ -3702,7 +3795,7 @@ const FormPageHeader = forwardRef(function FormPageHeader2({
             children: title
           }
         ),
-        /* @__PURE__ */ jsxs(
+        !printing && /* @__PURE__ */ jsxs(
           Stack,
           {
             direction: "row",
@@ -3807,6 +3900,7 @@ const FormPage = forwardRef(
     const prefix = usePrefix();
     const [locale] = useLocale();
     helperButtonLabel ??= locale.FormPage.helperButtonLabel;
+    const printing = usePrinting();
     const store = useFormPagesContext();
     const pagePath = useResolvedPath(path);
     const activePage = useStore(store, (state) => state.activePage);
@@ -3836,60 +3930,66 @@ const FormPage = forwardRef(
     const formAppEl = useFormAppElement();
     const isFirstDisplay = useRef(true);
     useEffect(() => {
-      if (shouldDisplay && isFirstDisplay.current) {
+      if (shouldDisplay && !printing && isFirstDisplay.current) {
         formAppEl.scrollIntoView(true);
         isFirstDisplay.current = false;
         return () => {
           isFirstDisplay.current = true;
         };
       }
-    }, [formAppEl, shouldDisplay]);
+    }, [formAppEl, printing, shouldDisplay]);
     const combinedHeaderRef = useCombinedRef(setHeaderEl, headerProps?.ref);
-    return shouldDisplay ? /* @__PURE__ */ jsx(CurrentPath, { path: pagePath, children: /* @__PURE__ */ jsx(DocumentTitle, { title: documentTitle ?? void 0, children: /* @__PURE__ */ jsx(
-      "div",
+    return shouldDisplay || printing ? /* @__PURE__ */ jsx(CurrentPath, { path: pagePath, children: /* @__PURE__ */ jsx(
+      DocumentTitle,
       {
-        className: cx(prefix("form-pages__page"), className),
-        ...otherProps,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(FormAppStatus, { disabled, readOnly, children: /* @__PURE__ */ jsxs(FormAppIssueMessages, { issueMessages, children: [
-          /* @__PURE__ */ jsx(
-            FormPageHeader,
-            {
-              helperText,
-              helperButtonLabel,
-              ownIssueMessages,
-              codeProps,
-              titleProps,
-              headerPopoverContainerProps,
-              issuesPopoverProps,
-              issueMessagesProps,
-              helperButtonProps,
-              helperPopoverProps,
-              helperPopoverContentProps,
-              ...headerProps,
-              ref: combinedHeaderRef
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...contentProps,
-              className: cx(
-                prefix("form-pages__page-content"),
-                contentProps?.className
+        title: printing ? void 0 : documentTitle ?? void 0,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cx(prefix("form-pages__page"), className),
+            ...otherProps,
+            ref: forwardedRef,
+            children: /* @__PURE__ */ jsx(FormAppStatus, { disabled, readOnly, children: /* @__PURE__ */ jsxs(FormAppIssueMessages, { issueMessages, children: [
+              /* @__PURE__ */ jsx(
+                FormPageHeader,
+                {
+                  helperText,
+                  helperButtonLabel,
+                  ownIssueMessages,
+                  codeProps,
+                  titleProps,
+                  headerPopoverContainerProps,
+                  issuesPopoverProps,
+                  issueMessagesProps,
+                  helperButtonProps,
+                  helperPopoverProps,
+                  helperPopoverContentProps,
+                  ...headerProps,
+                  ref: combinedHeaderRef
+                }
               ),
-              children: /* @__PURE__ */ jsx(Container, { fluid: "md", gutter: 0, ...containerProps, children: /* @__PURE__ */ jsx(ErrorBoundary, { ...errorBoundaryProps, children: /* @__PURE__ */ jsx(
-                Suspense,
+              /* @__PURE__ */ jsx(
+                "div",
                 {
-                  fallback: /* @__PURE__ */ jsx(Spinner, { size: "xl", color: "primary" }),
-                  children
+                  ...contentProps,
+                  className: cx(
+                    prefix("form-pages__page-content"),
+                    contentProps?.className
+                  ),
+                  children: /* @__PURE__ */ jsx(Container, { fluid: "md", gutter: 0, ...containerProps, children: /* @__PURE__ */ jsx(ErrorBoundary, { ...errorBoundaryProps, children: /* @__PURE__ */ jsx(
+                    Suspense,
+                    {
+                      fallback: /* @__PURE__ */ jsx(Spinner, { size: "xl", color: "primary" }),
+                      children
+                    }
+                  ) }) })
                 }
-              ) }) })
-            }
-          )
-        ] }) })
+              )
+            ] }) })
+          }
+        )
       }
-    ) }) }) : null;
+    ) }) : null;
   }
 );
 function FormPageRegistrar({
@@ -3900,9 +4000,10 @@ function FormPageRegistrar({
   issuesPanelLabel
 }) {
   const store = useFormPagesContext();
+  const finishPrintingTask = useStartPrintingTask();
   const controller = useController(
     path.append(AbsolutePathFragment.RecursiveWildcard),
-    { enabled: !useFormIsLoading() }
+    { enabled: !useFormIsLoading(), onInitialized: finishPrintingTask }
   );
   const absolutePath = controller.usePath();
   const exists = controller.useState(
@@ -4256,11 +4357,12 @@ const FormPagesNavigation = forwardRef(function FormPagesNavigation2({
   const prefix = usePrefix();
   const [locale] = useLocale();
   ariaLabel ??= locale.FormPagesNavigation["aria-label"];
+  const { printHidden } = usePrintClassNames();
   const isLargeScreen = useMediaBreakpointUp("sm");
   return /* @__PURE__ */ jsx(
     "nav",
     {
-      className: cx(prefix("form-pages__navigation"), className),
+      className: cx(prefix("form-pages__navigation"), printHidden, className),
       "data-navigation-mode": isLargeScreen ? "sidebar" : "select",
       "aria-label": ariaLabel,
       ...otherProps,
@@ -4289,6 +4391,7 @@ function useCreateFormStepperContext({
   const { activePath, onActivePathChange } = useActivePathContext();
   activeStep ??= activePath;
   const latest = useLatestValues({
+    printing: usePrinting(),
     formManager,
     onActivePathChange,
     onActiveStepChange,
@@ -4323,6 +4426,9 @@ function useCreateFormStepperContext({
             get().actions.updateActiveStep();
           },
           setActiveStep: (step, callListener = true) => {
+            if (latest.printing) {
+              return;
+            }
             const oldActiveStep = get().activeStep;
             if (!oldActiveStep?.path.equals(step?.path) || oldActiveStep?.index !== step?.index) {
               startTransition(() => {
@@ -4341,7 +4447,7 @@ function useCreateFormStepperContext({
             }
           },
           updateActiveStep: () => {
-            if (get().activeStep !== null && get().steps.some(
+            if (latest.printing || get().activeStep !== null && get().steps.some(
               (step) => step.path.equals(get().activeStep.path)
             )) {
               return;
@@ -4363,6 +4469,9 @@ function useCreateFormStepperContext({
             get().actions.updateActiveStep();
           },
           goToStep: async (newStepIndex) => {
+            if (latest.printing) {
+              return;
+            }
             const oldActiveStep = get().activeStep;
             const newActiveStep = get().steps[newStepIndex];
             if (oldActiveStep?.path != newActiveStep?.path && (oldActiveStep?.path == null || newActiveStep?.path == null) || oldActiveStep?.path != null && newActiveStep?.path != null && !newActiveStep.path.contains(oldActiveStep.path)) {
@@ -5154,6 +5263,7 @@ const IssuesPanel = forwardRef(function ValidationPanel({
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
+  const printing = usePrinting();
   const [locale] = useLocale();
   errorsLabel ??= locale.IssuesPanel.errorsLabel;
   warningsLabel ??= locale.IssuesPanel.warningsLabel;
@@ -5169,7 +5279,7 @@ const IssuesPanel = forwardRef(function ValidationPanel({
   const [open, setOpen] = useControllableState(defaultOpen, controlledOpen);
   const formIsLoading = useFormIsLoading();
   const issuesTrackerResult = useIssuesTracker(AbsolutePath.MATCH_ALL, {
-    enabled: open && !formIsLoading,
+    enabled: open && !formIsLoading && !printing,
     issuesOrderCompareFn
   });
   useReportValidationFailures(issuesTrackerResult.info);
@@ -5332,7 +5442,7 @@ const IssuesPanel = forwardRef(function ValidationPanel({
     setContainerEl,
     containerProps?.ref
   );
-  return open && /* @__PURE__ */ jsx(
+  return open && !printing && /* @__PURE__ */ jsx(
     "div",
     {
       ...containerProps,
@@ -5421,6 +5531,7 @@ function LoadAction({
   label,
   keybinds,
   loading,
+  enabledWhenLoading,
   disabled,
   onClick,
   decode,
@@ -5452,10 +5563,12 @@ function LoadAction({
     successMessage,
     errorMessage
   });
-  const formIsLoading = useFormIsLoading();
   const formIsDisabled = useFormIsDisabled();
+  const formIsLoading = useFormIsLoading();
+  const shouldDisable = disabled || loading && !enabledWhenLoading || formIsDisabled || formIsLoading;
   const formAppEl = useFormAppElement();
   useKeyboardShortcut(keybinds, () => load(), {
+    enabled: !shouldDisable,
     target: formAppEl,
     preventDefault: true
   });
@@ -5467,8 +5580,9 @@ function LoadAction({
       icon: faFolderOpen,
       ...otherProps,
       onClick: combineEventHandlers(() => load(), onClick),
+      disabled: shouldDisable,
       loading: loading || formIsLoading,
-      disabled: disabled || formIsDisabled,
+      enabledWhenLoading,
       children: label
     }
   );
@@ -5626,6 +5740,50 @@ function PathLink({
     }
   );
 }
+function PrintAction({
+  label,
+  keybinds,
+  disabled,
+  loading,
+  enabledWhenLoading,
+  onClick,
+  ...otherProps
+}) {
+  const [locale] = useLocale();
+  label ??= locale.PrintAction.label;
+  keybinds ??= locale.PrintAction.keybinds;
+  const printInProgress = usePrintInProgress();
+  const formIsDisabled = useFormIsDisabled();
+  const formIsLoading = useFormIsLoading();
+  const shouldDisable = disabled || loading && !enabledWhenLoading || formIsDisabled || formIsLoading || printInProgress;
+  const formAppEl = useFormAppElement();
+  const formTitle = useFormTitle();
+  const print = usePrint();
+  const handlePrint = (evt) => {
+    evt.preventDefault();
+    void print({ documentTitle: formTitle });
+  };
+  useKeyboardShortcut(keybinds, handlePrint, {
+    enabled: !shouldDisable,
+    target: formAppEl,
+    preventDefault: true
+  });
+  return /* @__PURE__ */ jsx(PrinterTrigger, { children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      vertical: true,
+      variant: "subtle",
+      icon: faPrint,
+      onClick: combineEventHandlers(onClick, handlePrint, {
+        checkDefaultPrevented: true
+      }),
+      ...otherProps,
+      loading: loading || printInProgress,
+      disabled: shouldDisable,
+      children: label
+    }
+  ) });
+}
 const RadioGroupControl = forwardRef(function RadioGroupControl2({
   path,
   options,
@@ -5786,6 +5944,7 @@ function useFormSaver({
   const formManager = useFormManager();
   const { getState, _setState } = useFormController();
   const { addToast } = useToastManager();
+  const formTitle = useFormTitle();
   return useMemo(() => {
     async function save({
       overwrite: overwrite2,
@@ -5824,7 +5983,7 @@ function useFormSaver({
         fileHandle = await fileSave(
           typeof encodedForm === "string" ? new Blob([encodedForm], { type: mimeTypes2?.[0] }) : encodedForm,
           {
-            fileName: suggestedFileName,
+            fileName: suggestedFileName || defaultFileName(formTitle, extensions2?.[0]),
             extensions: extensions2,
             description: description2,
             mimeTypes: mimeTypes2,
@@ -5895,9 +6054,11 @@ function useFormSaver({
     extensions,
     fileName,
     formManager,
+    formTitle,
     getState,
     id,
-    locale.SaveAction,
+    locale.SaveAction.errorMessage,
+    locale.SaveAction.successMessage,
     mimeTypes,
     overwrite,
     path,
@@ -5909,6 +6070,10 @@ function useFormSaver({
 function useFormIsSaving() {
   return useFormController().useState((state) => state.saving);
 }
+function defaultFileName(formTitle, extension) {
+  const date = format(/* @__PURE__ */ new Date(), "yyyy-MM-dd");
+  return [[formTitle, date].filter(Boolean).join(" "), extension].filter(Boolean).join("");
+}
 function SaveAction({
   label,
   keybinds,
@@ -5917,6 +6082,7 @@ function SaveAction({
   saveAsLabel,
   saveAsKeybinds,
   loading,
+  enabledWhenLoading,
   disabled,
   onClick,
   variant = "subtle",
@@ -5957,12 +6123,15 @@ function SaveAction({
   });
   const formIsSaving = useFormIsSaving();
   const formIsLoading = useFormIsLoading();
+  const shouldDisable = disabled || loading && !enabledWhenLoading || formIsSaving || formIsLoading;
   const formAppEl = useFormAppElement();
   useKeyboardShortcut(keybinds, () => save({ overwrite: !disableOverwrite }), {
+    enabled: !shouldDisable,
     target: formAppEl,
     preventDefault: true
   });
   useKeyboardShortcut(saveAsKeybinds, () => save(), {
+    enabled: !shouldDisable,
     target: formAppEl,
     preventDefault: true
   });
@@ -5978,8 +6147,9 @@ function SaveAction({
         () => save({ overwrite: !disableOverwrite }),
         onClick
       ),
+      disabled: shouldDisable,
       loading: loading || formIsSaving,
-      disabled: disabled || formIsLoading,
+      enabledWhenLoading,
       children: label
     }
   );
@@ -5994,18 +6164,11 @@ function SaveAction({
           icon: faCaretDown,
           ...saveOptionsProps,
           label: saveOptionsLabel,
-          disabled: disabled || loading || formIsSaving || formIsLoading || saveOptionsProps?.disabled,
+          disabled: shouldDisable || saveOptionsProps?.disabled,
           style: { minWidth: 20, ...saveOptionsProps?.style }
         }
       ) }),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", ...dropdownMenuProps, children: /* @__PURE__ */ jsx(
-        DropdownMenuItem,
-        {
-          onClick: () => save(),
-          disabled: disabled || loading || formIsSaving || formIsLoading,
-          children: saveAsLabel
-        }
-      ) })
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", ...dropdownMenuProps, children: /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => save(), disabled: shouldDisable, children: saveAsLabel }) })
     ] })
   ] }) : saveButton;
 }
@@ -6337,6 +6500,7 @@ function SubmitAction({
   keybinds,
   confirmWarnings = true,
   loading,
+  enabledWhenLoading,
   disabled,
   onClick,
   dialogTitle,
@@ -6381,9 +6545,10 @@ function SubmitAction({
   const { submit, useSubmitting } = useFormController();
   const submitting = useSubmitting();
   const [runningOnSubmit, setRunningOnSubmit] = useState(false);
-  const formIsLoading = useFormIsLoading();
   const formIsDisabled = useFormIsDisabled();
+  const formIsLoading = useFormIsLoading();
   const formAppEl = useFormAppElement();
+  const shouldDisable = disabled || loading && !enabledWhenLoading || formIsDisabled || formIsLoading || submitting;
   const [submissionInfo, setSubmissionInfo] = useState(null);
   const [checkedWarnings, setCheckedWarnings] = useState([]);
   const allWarningsChecked = !submissionInfo?.warnings || submissionInfo.warnings.every(
@@ -6461,6 +6626,7 @@ function SubmitAction({
     convertExternalIssuesTableRowIndicesToIds
   });
   useKeyboardShortcut(keybinds, handleAction, {
+    enabled: !shouldDisable,
     target: formAppEl,
     preventDefault: true
   });
@@ -6474,8 +6640,9 @@ function SubmitAction({
         iconPlacement: "end",
         ...otherProps,
         onClick: combineEventHandlers(handleAction, onClick),
+        disabled: shouldDisable,
         loading: loading || submitting,
-        disabled: disabled || formIsDisabled || formIsLoading,
+        enabledWhenLoading,
         children: label
       }
     ) }),
@@ -6567,13 +6734,14 @@ function useTableControlRowContext() {
   return tableControlRowContext;
 }
 const TableControlCell = forwardRef(function TableControlCell2({ variant, ...otherProps }, forwardedRef) {
+  const printing = usePrinting();
   const { useDisplayStatus } = useTableControlRowContext();
   const deferredDisplayStatus = useDeferredValue(useDisplayStatus());
   return /* @__PURE__ */ jsx(
     DataTableCell,
     {
       variant,
-      status: variant === "header" ? displayStatusToControlStatus(deferredDisplayStatus) : void 0,
+      status: !printing && variant === "header" ? displayStatusToControlStatus(deferredDisplayStatus) : void 0,
       ...otherProps,
       ref: forwardedRef
     }
@@ -6588,6 +6756,13 @@ const TableControlRow = memo(
       const path = controller.usePath();
       useRegisterController(controller);
       useRegisterLabel(path, row == null ? null : index + 1);
+      const initialized = controller.useInitialized();
+      const finishPrintingTask = useStartPrintingTask({ enabled: row != null });
+      useEffect(() => {
+        if (initialized) {
+          finishPrintingTask();
+        }
+      }, [finishPrintingTask, initialized]);
       return /* @__PURE__ */ jsx(CurrentPath, { path, children: /* @__PURE__ */ jsx(
         TableControlRowContext.Provider,
         {
@@ -6770,12 +6945,14 @@ const TableControl = forwardRef(function TableControl2({
       [absolutePath, exists, goToId]
     )
   );
+  const printing = usePrinting();
   const dataTableColumns = useMemo(
     () => tableControlToDataTableColumns(columns, {
       disabled: controlIsDisabled,
-      readOnly: controlIsReadOnly
+      readOnly: controlIsReadOnly,
+      printing
     }),
-    [columns, controlIsDisabled, controlIsReadOnly]
+    [columns, controlIsDisabled, controlIsReadOnly, printing]
   );
   const tableControlController = useMemo(
     () => ({ ...controller, ...ownController }),
@@ -6812,6 +6989,7 @@ const TableControl = forwardRef(function TableControl2({
             loading: !initialized,
             renderRow: (props) => /* @__PURE__ */ jsx(TableControlRow, { ...props }),
             renderCell: (props) => /* @__PURE__ */ jsx(TableControlCell, { ...props }),
+            showAllRowsWhilePrinting: true,
             apiRef: dataTableApiRef,
             ...otherProps,
             ref: forwardedRef
@@ -6854,6 +7032,7 @@ const TableControlAddRowTrigger = forwardRef(function TableControlAddRowTrigger2
   defaultButtonText,
   onRowAdded,
   showWhenReadOnly,
+  showWhilePrinting,
   disabled,
   onClick,
   className,
@@ -6863,6 +7042,7 @@ const TableControlAddRowTrigger = forwardRef(function TableControlAddRowTrigger2
   const prefix = usePrefix();
   const [locale] = useLocale();
   defaultButtonText ??= locale.TableControlAddRowTrigger.defaultButtonText;
+  const printing = usePrinting();
   const { controller, size, maxRows } = useTableControlContext();
   const controlIsDisabled = useFormIsDisabled();
   const controlIsReadOnly = useFormIsReadOnly();
@@ -6876,7 +7056,7 @@ const TableControlAddRowTrigger = forwardRef(function TableControlAddRowTrigger2
     ({ initialized, exists }) => !initialized || !exists || controlIsDisabled || disabled || controlIsReadOnly || maxRows != null && size >= maxRows
   );
   const As = Slot;
-  return (showWhenReadOnly || !controlIsReadOnly) && /* @__PURE__ */ jsx(
+  return (showWhenReadOnly || !controlIsReadOnly) && (showWhilePrinting || !printing) && /* @__PURE__ */ jsx(
     As,
     {
       className: cx(prefix("table-control__add-row-trigger"), className),
@@ -6978,7 +7158,7 @@ function tableControlActionsColumn({
   removeRowProps,
   ...columnOverrides
 } = {}) {
-  return (tableControlStatus) => !tableControlStatus.readOnly && {
+  return (tableControlStatus) => !tableControlStatus.readOnly && !tableControlStatus.printing && {
     sticky: "right",
     width: 50,
     fixed: true,
@@ -6996,13 +7176,14 @@ const TableControlContent = forwardRef(function TableControlContent2({ container
       void controller.setTouched();
     }
   }, [controller]);
+  const printing = usePrinting();
   const deferredDisplayStatus = useDeferredValue(controller.useDisplayStatus());
   return /* @__PURE__ */ jsx(
     DataTableContent,
     {
       editable: true,
       variant: "control",
-      status: displayStatusToControlStatus(deferredDisplayStatus),
+      status: printing ? void 0 : displayStatusToControlStatus(deferredDisplayStatus),
       containerProps: {
         ...containerProps,
         className: cx(
@@ -7154,6 +7335,7 @@ function parseText(formattedValue, state) {
 const TopBar = forwardRef(
   function TopBar2({ className, ...otherProps }, forwardedRef) {
     const prefix = usePrefix();
+    const { printHidden } = usePrintClassNames();
     const setTopBarHeight = useSetTopBarHeight();
     const [topBarEl, setTopBarEl] = useState(null);
     useMeasure(
@@ -7167,7 +7349,7 @@ const TopBar = forwardRef(
     return /* @__PURE__ */ jsx(PortalContext.Provider, { value: { container: topBarEl }, children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: cx(prefix("top-bar"), className),
+        className: cx(prefix("top-bar"), printHidden, className),
         ...otherProps,
         ref: combinedTopBarRef
       }
@@ -7192,6 +7374,7 @@ function ValidateAction({
   label,
   keybinds,
   loading,
+  enabledWhenLoading,
   disabled,
   onClick,
   ...otherProps
@@ -7200,11 +7383,14 @@ function ValidateAction({
   label ??= locale.ValidateAction.label;
   keybinds ??= locale.ValidateAction.keybinds;
   const { validate } = useFormValidator();
-  const { validatingAutomatically, validating } = useFormIsValidating();
+  const { validatingAutomatically, validatingManually, validating } = useFormIsValidating();
   const deferredValidating = useDeferredValue(validating);
+  const formIsDisabled = useFormIsDisabled();
   const formIsLoading = useFormIsLoading();
+  const shouldDisable = disabled || loading && !enabledWhenLoading || formIsDisabled || formIsLoading || validatingManually;
   const formAppEl = useFormAppElement();
   useKeyboardShortcut(keybinds, validate, {
+    enabled: !shouldDisable,
     target: formAppEl,
     preventDefault: true
   });
@@ -7216,9 +7402,9 @@ function ValidateAction({
       vertical: true,
       ...otherProps,
       onClick: combineEventHandlers(validate, onClick),
-      disabled: disabled || formIsLoading,
+      disabled: shouldDisable,
       loading: loading || deferredValidating,
-      enabledWhenLoading: validatingAutomatically,
+      enabledWhenLoading: enabledWhenLoading || validatingAutomatically,
       children: label
     }
   );
@@ -7258,6 +7444,7 @@ export {
   PathLink,
   PrefixSuffixContext,
   PrefixSuffixProvider,
+  PrintAction,
   RadioGroupControl,
   RepetitiveAnnexRegistrar,
   SaveAction,
@@ -7297,6 +7484,7 @@ export {
   useFormIsValidating,
   useFormLoader,
   useFormSaver,
+  useFormTitle,
   useFormValidator,
   useIsInControlField,
   useIsRegistered,