@ostack.tech/ui-kform 0.4.1 → 0.6.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, usePrintClassNames, 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, usePrint, usePrinterDocumentTitle, 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 { 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 { locale } from "./locales/en-GB.js";
+import { locale as locale2 } from "./locales/en-US.js";
+import { locale as locale3, locale as locale4 } from "./locales/fr-FR.js";
+import { locale as locale5, locale as locale6 } from "./locales/pt-PT.js";
+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(
         () => ({
@@ -100,18 +100,18 @@ function LocalizationProvider({
   onLocaleChange,
   children
 }) {
-  const [locale, setLocale] = useControllableState(
+  const [locale7, setLocale] = useControllableState(
     defaultLocale,
     controlledLocale
   );
-  return locale === void 0 ? children : /* @__PURE__ */ jsx(
+  return locale7 === void 0 ? children : /* @__PURE__ */ jsx(
     LocalizationContext.Provider,
     {
       value: {
-        locale,
+        locale: locale7,
         setLocale: combineEventHandlers(setLocale, onLocaleChange)
       },
-      children: /* @__PURE__ */ jsx(LocalizationProvider$1, { locale: locale.baseLocale, children })
+      children: /* @__PURE__ */ jsx(LocalizationProvider$1, { locale: locale7.baseLocale, children })
     }
   );
 }
@@ -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,
@@ -813,14 +842,15 @@ const FormApp = forwardRef(function FormApp2({
     );
   }
   const contextLocale = useContext(LocalizationContext)?.locale;
-  const locale = controlledLocale ?? defaultLocale ?? contextLocale;
-  if (locale == null) {
+  const locale7 = controlledLocale ?? defaultLocale ?? contextLocale;
+  if (locale7 == null) {
     throw new Error(
       "FormApp: No locale has been provided. Either provide a `defaultLocale`/`locale` property or wrap the component in a `LocalizationProvider`."
     );
   }
-  issuesPanelLabel ??= locale.FormApp.issuesPanelLabel;
-  confirmUnloadMessage ??= locale.FormApp.confirmUnloadMessage;
+  formTitle ??= locale7.FormApp.formTitle;
+  issuesPanelLabel ??= locale7.FormApp.issuesPanelLabel ?? formTitle;
+  confirmUnloadMessage ??= locale7.FormApp.confirmUnloadMessage;
   const controller = useForm(schema, {
     initialValue,
     externalContexts,
@@ -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,
@@ -917,7 +949,7 @@ const FormApp = forwardRef(function FormApp2({
           children: /* @__PURE__ */ jsx(
             FormAppIssueMessages,
             {
-              issueMessages: locale.FormApp.issueMessages,
+              issueMessages: locale7.FormApp.issueMessages,
               priority: -1,
               children: /* @__PURE__ */ jsxs(FormAppIssueMessages, { issueMessages, children: [
                 /* @__PURE__ */ jsx(FormAppAutoFocus, {}),
@@ -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 }) }) })
+            }
+          ) })
+        }
+      )
     }
   );
 });
@@ -1338,7 +1403,7 @@ function useFormLoader({
   successMessage,
   errorMessage
 } = {}) {
-  const [locale] = useLocale();
+  const [locale7] = useLocale();
   const formManager = useFormManager();
   const { _setState } = useFormController();
   const { addToast } = useToastManager();
@@ -1361,10 +1426,10 @@ function useFormLoader({
         throw new Error("No `decode` function was provided.");
       }
       if (successMessage2 === void 0) {
-        successMessage2 = locale.LoadAction.successMessage;
+        successMessage2 = locale7.LoadAction.successMessage;
       }
       if (errorMessage2 === void 0) {
-        errorMessage2 = locale.LoadAction.errorMessage;
+        errorMessage2 = locale7.LoadAction.errorMessage;
       }
       const validationModeIsAuto = formManager.autoValidationStatus !== "inactive";
       let file = null;
@@ -1439,7 +1504,7 @@ function useFormLoader({
     _setState,
     formManager,
     startIssuesNavigation,
-    locale.LoadAction,
+    locale7.LoadAction,
     addToast,
     decode,
     path,
@@ -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
@@ -1828,9 +1901,9 @@ function IssueMessage({
   unknownWarningMessage,
   issueCodeProps
 }) {
-  const [locale] = useLocale();
-  unknownErrorMessage ??= locale.IssueMessages.unknownErrorMessage;
-  unknownWarningMessage ??= locale.IssueMessages.unknownWarningMessage;
+  const [locale7] = useLocale();
+  unknownErrorMessage ??= locale7.IssueMessages.unknownErrorMessage;
+  unknownWarningMessage ??= locale7.IssueMessages.unknownWarningMessage;
   let message = useRegisteredIssueMessage(path, issue.code);
   const unknownIssue = message == null;
   if (unknownIssue) {
@@ -1927,8 +2000,8 @@ const IssuesPopover = forwardRef(function IssuesPopover2({
   label,
   ...otherProps
 }, forwardedRef) {
-  const [locale] = useLocale();
-  label ??= locale.IssuesPopover.label;
+  const [locale7] = useLocale();
+  label ??= locale7.IssuesPopover.label;
   const absolutePath = useResolvedPath(path);
   const [open, setOpen] = useControllableState(defaultOpen, controlledOpen);
   const isInControlField = useIsInControlField();
@@ -2392,16 +2465,16 @@ const AnnexesManager = forwardRef(function AnnexManager2({
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
-  const [locale] = useLocale();
-  ariaLabel ??= locale.AnnexesManager["aria-label"];
-  menuButtonText ??= locale.AnnexesManager.menuButtonText;
-  addAnnexText ??= locale.AnnexesManager.addAnnexText;
-  removeAnnexButtonLabel ??= locale.AnnexesManager.removeAnnexButtonLabel;
-  removeAnnexKeyboardHint ??= locale.AnnexesManager.removeAnnexKeyboardHint;
-  removeAnnexConfirmDialogTitle ??= locale.AnnexesManager.removeAnnexConfirmDialogTitle;
-  removeAnnexConfirmDialogMessage ??= locale.AnnexesManager.removeAnnexConfirmDialogMessage;
-  removeAnnexConfirmDialogOkText ??= locale.AnnexesManager.removeAnnexConfirmDialogOkText;
-  removeAnnexConfirmDialogCancelText ??= locale.AnnexesManager.removeAnnexConfirmDialogCancelText;
+  const [locale7] = useLocale();
+  ariaLabel ??= locale7.AnnexesManager["aria-label"];
+  menuButtonText ??= locale7.AnnexesManager.menuButtonText;
+  addAnnexText ??= locale7.AnnexesManager.addAnnexText;
+  removeAnnexButtonLabel ??= locale7.AnnexesManager.removeAnnexButtonLabel;
+  removeAnnexKeyboardHint ??= locale7.AnnexesManager.removeAnnexKeyboardHint;
+  removeAnnexConfirmDialogTitle ??= locale7.AnnexesManager.removeAnnexConfirmDialogTitle;
+  removeAnnexConfirmDialogMessage ??= locale7.AnnexesManager.removeAnnexConfirmDialogMessage;
+  removeAnnexConfirmDialogOkText ??= locale7.AnnexesManager.removeAnnexConfirmDialogOkText;
+  removeAnnexConfirmDialogCancelText ??= locale7.AnnexesManager.removeAnnexConfirmDialogCancelText;
   const store = useAnnexesContext();
   const issuesDisplayMode = useIssuesDisplayMode();
   const tablessStates = useStore(
@@ -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
     ]
   );
 }
@@ -3112,9 +3194,9 @@ const DateRangeControl = forwardRef(function DateRangeControl2({
   endAdornment,
   ...otherProps
 }, forwardedRef) {
-  const [locale] = useLocale();
-  issuesPanelStartLabelSuffix ??= locale.DateRangeControl.issuesPanelStartLabelSuffix;
-  issuesPanelEndLabelSuffix ??= locale.DateRangeControl.issuesPanelEndLabelSuffix;
+  const [locale7] = useLocale();
+  issuesPanelStartLabelSuffix ??= locale7.DateRangeControl.issuesPanelStartLabelSuffix;
+  issuesPanelEndLabelSuffix ??= locale7.DateRangeControl.issuesPanelEndLabelSuffix;
   const { format: format2, parse } = useTemporalStringTransformer({
     locale: dateFnsLocale,
     shortFormat,
@@ -3332,10 +3414,11 @@ const FileControl = forwardRef(function FileControl2({
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
-  const [locale] = useLocale();
-  viewFileButtonLabel ??= locale.FileControl.viewFileButtonLabel;
-  downloadFileButtonLabel ??= locale.FileControl.downloadFileButtonLabel;
-  fallbackText ??= locale.FileControl.fallbackText;
+  const [locale7] = useLocale();
+  viewFileButtonLabel ??= locale7.FileControl.viewFileButtonLabel;
+  downloadFileButtonLabel ??= locale7.FileControl.downloadFileButtonLabel;
+  fallbackText ??= locale7.FileControl.fallbackText;
+  const { printHidden } = usePrintClassNames();
   const latestFileList = useRef(null);
   const [file, setFile] = useState(null);
   const controller = useFileInput(
@@ -3449,7 +3532,7 @@ const FileControl = forwardRef(function FileControl2({
           popoverIssues,
           endAdornment,
           fileInteraction === "view" && file && /* @__PURE__ */ jsxs(Dialog, { children: [
-            /* @__PURE__ */ jsx(Tooltip, { content: viewFileButtonLabel, children: /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsx(ControlAddon, { asChild: true, children: /* @__PURE__ */ jsx("button", { type: "button", children: /* @__PURE__ */ jsx(Icon, { fixedWidth: true, icon: faFileLines }) }) }) }) }),
+            /* @__PURE__ */ jsx(Tooltip, { content: viewFileButtonLabel, children: /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsx(ControlAddon, { asChild: true, children: /* @__PURE__ */ jsx("button", { type: "button", className: printHidden, children: /* @__PURE__ */ jsx(Icon, { fixedWidth: true, icon: faFileLines }) }) }) }) }),
             /* @__PURE__ */ jsxs(
               DialogContent,
               {
@@ -3504,7 +3587,15 @@ const FileControl = forwardRef(function FileControl2({
               }
             )
           ] }),
-          fileInteraction === "download" && file && /* @__PURE__ */ jsx(Tooltip, { content: downloadFileButtonLabel, children: /* @__PURE__ */ jsx(ControlAddon, { asChild: true, children: /* @__PURE__ */ jsx("a", { href: dataURL, download: file.name, children: /* @__PURE__ */ jsx(Icon, { icon: faDownload }) }) }) })
+          fileInteraction === "download" && file && /* @__PURE__ */ jsx(Tooltip, { content: downloadFileButtonLabel, children: /* @__PURE__ */ jsx(ControlAddon, { asChild: true, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              className: printHidden,
+              href: dataURL,
+              download: file.name,
+              children: /* @__PURE__ */ jsx(Icon, { icon: faDownload })
+            }
+          ) }) })
         ] }),
         ...otherProps,
         ref: combinedInputRef
@@ -3526,7 +3617,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 +3648,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 +3665,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 +3683,9 @@ function useCreateFormPagesContext({
             get().actions.updateActivePage(oldActivePageIndex);
           },
           setPageHeaderHeight: (path, height) => {
+            if (latest.printing) {
+              return;
+            }
             const {
               pageHeaderHeights: [pageHeaderHeights]
             } = get();
@@ -3658,17 +3759,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 +3804,7 @@ const FormPageHeader = forwardRef(function FormPageHeader2({
             children: title
           }
         ),
-        /* @__PURE__ */ jsxs(
+        !printing && /* @__PURE__ */ jsxs(
           Stack,
           {
             direction: "row",
@@ -3805,8 +3907,9 @@ const FormPage = forwardRef(
     ...otherProps
   }, forwardedRef) {
     const prefix = usePrefix();
-    const [locale] = useLocale();
-    helperButtonLabel ??= locale.FormPage.helperButtonLabel;
+    const [locale7] = useLocale();
+    helperButtonLabel ??= locale7.FormPage.helperButtonLabel;
+    const printing = usePrinting();
     const store = useFormPagesContext();
     const pagePath = useResolvedPath(path);
     const activePage = useStore(store, (state) => state.activePage);
@@ -3836,60 +3939,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,23 +4009,27 @@ function FormPageRegistrar({
   issuesPanelLabel
 }) {
   const store = useFormPagesContext();
+  const printing = usePrinting();
+  const finishPrintingTask = useStartPrintingTask();
   const controller = useController(
     path.append(AbsolutePathFragment.RecursiveWildcard),
-    { enabled: !useFormIsLoading() }
+    { enabled: !useFormIsLoading(), onInitialized: finishPrintingTask }
   );
   const absolutePath = controller.usePath();
   const exists = controller.useState(
     (state) => state.initialized && state.exists
   );
-  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 = typeof title === "function" ? deferredValue === void 0 ? null : title(deferredValue) : title;
-  const actualDocumentTitle = typeof documentTitle === "function" ? deferredValue === void 0 ? null : documentTitle(deferredValue) : documentTitle === void 0 ? actualTitle === null || typeof actualTitle === "string" ? actualTitle : void 0 : documentTitle;
+  const actualTitle = typeof title === "function" ? relevantValue === void 0 ? null : title(relevantValue) : title;
+  const actualDocumentTitle = typeof documentTitle === "function" ? relevantValue === void 0 ? null : documentTitle(relevantValue) : documentTitle === void 0 ? actualTitle === null || typeof actualTitle === "string" ? actualTitle : void 0 : documentTitle;
   useEffect(() => {
     const { registerPageState } = store.getState().actions;
     registerPageState(absolutePath, {
@@ -4254,13 +4367,14 @@ const FormPagesNavigation = forwardRef(function FormPagesNavigation2({
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
-  const [locale] = useLocale();
-  ariaLabel ??= locale.FormPagesNavigation["aria-label"];
+  const [locale7] = useLocale();
+  ariaLabel ??= locale7.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 +4403,7 @@ function useCreateFormStepperContext({
   const { activePath, onActivePathChange } = useActivePathContext();
   activeStep ??= activePath;
   const latest = useLatestValues({
+    printing: usePrinting(),
     formManager,
     onActivePathChange,
     onActiveStepChange,
@@ -4323,6 +4438,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 +4459,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 +4481,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)) {
@@ -4529,15 +4650,18 @@ function FormStepRegistrar({
   issuesPanelLabel
 }) {
   const store = useFormStepperContext();
+  const printing = usePrinting();
   const controller = useController(path, { enabled: !useFormIsLoading() });
   const absolutePath = controller.usePath();
   const exists = controller.useState(
     (state) => state.initialized && state.exists
   );
-  const deferredValue = useDeferredValue(controller.useValue());
+  const value = controller.useValue();
+  const deferredValue = useDeferredValue(value);
+  const relevantValue = printing ? value : deferredValue;
   const deferredDisplayStatus = useDeferredValue(controller.useDisplayStatus());
-  const actualTitle = typeof title === "function" ? deferredValue === void 0 ? null : title(deferredValue) : title;
-  const actualDocumentTitle = typeof documentTitle === "function" ? deferredValue === void 0 ? null : documentTitle(deferredValue) : documentTitle === void 0 ? actualTitle === null || typeof actualTitle === "string" ? actualTitle : void 0 : documentTitle;
+  const actualTitle = typeof title === "function" ? relevantValue === void 0 ? null : title(relevantValue) : title;
+  const actualDocumentTitle = typeof documentTitle === "function" ? relevantValue === void 0 ? null : documentTitle(relevantValue) : documentTitle === void 0 ? actualTitle === null || typeof actualTitle === "string" ? actualTitle : void 0 : documentTitle;
   useEffect(() => {
     const { registerStepState } = store.getState().actions;
     registerStepState(absolutePath, {
@@ -5154,22 +5278,23 @@ const IssuesPanel = forwardRef(function ValidationPanel({
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
-  const [locale] = useLocale();
-  errorsLabel ??= locale.IssuesPanel.errorsLabel;
-  warningsLabel ??= locale.IssuesPanel.warningsLabel;
-  focusButtonLabel ??= locale.IssuesPanel.focusButtonLabel;
-  previousIssueButtonLabel ??= locale.IssuesPanel.previousIssueButtonLabel;
-  nextIssueButtonLabel ??= locale.IssuesPanel.nextIssueButtonLabel;
-  firstIssueButtonLabel ??= locale.IssuesPanel.firstIssueButtonLabel;
-  lastIssueButtonLabel ??= locale.IssuesPanel.lastIssueButtonLabel;
-  paginationLabel ??= locale.IssuesPanel.paginationLabel;
-  noIssuesMessage ??= locale.IssuesPanel.noIssuesMessage;
-  resolvedTitle ??= locale.IssuesPanel.resolvedTitle;
-  resolvedMessage ??= locale.IssuesPanel.resolvedMessage;
+  const printing = usePrinting();
+  const [locale7] = useLocale();
+  errorsLabel ??= locale7.IssuesPanel.errorsLabel;
+  warningsLabel ??= locale7.IssuesPanel.warningsLabel;
+  focusButtonLabel ??= locale7.IssuesPanel.focusButtonLabel;
+  previousIssueButtonLabel ??= locale7.IssuesPanel.previousIssueButtonLabel;
+  nextIssueButtonLabel ??= locale7.IssuesPanel.nextIssueButtonLabel;
+  firstIssueButtonLabel ??= locale7.IssuesPanel.firstIssueButtonLabel;
+  lastIssueButtonLabel ??= locale7.IssuesPanel.lastIssueButtonLabel;
+  paginationLabel ??= locale7.IssuesPanel.paginationLabel;
+  noIssuesMessage ??= locale7.IssuesPanel.noIssuesMessage;
+  resolvedTitle ??= locale7.IssuesPanel.resolvedTitle;
+  resolvedMessage ??= locale7.IssuesPanel.resolvedMessage;
   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 +5457,7 @@ const IssuesPanel = forwardRef(function ValidationPanel({
     setContainerEl,
     containerProps?.ref
   );
-  return open && /* @__PURE__ */ jsx(
+  return open && !printing && /* @__PURE__ */ jsx(
     "div",
     {
       ...containerProps,
@@ -5421,6 +5546,7 @@ function LoadAction({
   label,
   keybinds,
   loading,
+  enabledWhenLoading,
   disabled,
   onClick,
   decode,
@@ -5436,9 +5562,9 @@ function LoadAction({
   errorMessage,
   ...otherProps
 }) {
-  const [locale] = useLocale();
-  label ??= locale.LoadAction.label;
-  keybinds ??= locale.LoadAction.keybinds;
+  const [locale7] = useLocale();
+  label ??= locale7.LoadAction.label;
+  keybinds ??= locale7.LoadAction.keybinds;
   const { load } = useFormLoader({
     decode,
     path,
@@ -5452,10 +5578,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 +5595,9 @@ function LoadAction({
       icon: faFolderOpen,
       ...otherProps,
       onClick: combineEventHandlers(() => load(), onClick),
+      disabled: shouldDisable,
       loading: loading || formIsLoading,
-      disabled: disabled || formIsDisabled,
+      enabledWhenLoading,
       children: label
     }
   );
@@ -5626,6 +5755,62 @@ function PathLink({
     }
   );
 }
+function PrintAction({
+  label,
+  keybinds,
+  disabled,
+  loading,
+  enabledWhenLoading,
+  onClick,
+  ...otherProps
+}) {
+  const [locale7] = useLocale();
+  label ??= locale7.PrintAction.label;
+  keybinds ??= locale7.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 printerHasDocumentTitle = !!usePrinterDocumentTitle();
+  const handlePrint = (evt) => {
+    evt.preventDefault();
+    void print(
+      printerHasDocumentTitle ? void 0 : { documentTitle: defaultDocumentTitle(formTitle) }
+    );
+  };
+  useKeyboardShortcut(keybinds, handlePrint, {
+    enabled: !shouldDisable,
+    target: formAppEl,
+    preventDefault: true
+  });
+  return /* @__PURE__ */ jsx(
+    PrinterTrigger,
+    {
+      onClick: combineEventHandlers(onClick, handlePrint, {
+        checkDefaultPrevented: true
+      }),
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          vertical: true,
+          variant: "subtle",
+          icon: faPrint,
+          ...otherProps,
+          loading: loading || printInProgress,
+          disabled: shouldDisable,
+          children: label
+        }
+      )
+    }
+  );
+}
+function defaultDocumentTitle(formTitle) {
+  const date = format(/* @__PURE__ */ new Date(), "yyyy-MM-dd");
+  return [formTitle, date].filter(Boolean).join(" ");
+}
 const RadioGroupControl = forwardRef(function RadioGroupControl2({
   path,
   options,
@@ -5782,10 +5967,11 @@ function useFormSaver({
   successMessage,
   errorMessage
 } = {}) {
-  const [locale] = useLocale();
+  const [locale7] = useLocale();
   const formManager = useFormManager();
   const { getState, _setState } = useFormController();
   const { addToast } = useToastManager();
+  const formTitle = useFormTitle();
   return useMemo(() => {
     async function save({
       overwrite: overwrite2,
@@ -5806,10 +5992,10 @@ function useFormSaver({
         throw new Error("No `encode` function was provided.");
       }
       if (successMessage2 === void 0) {
-        successMessage2 = locale.SaveAction.successMessage;
+        successMessage2 = locale7.SaveAction.successMessage;
       }
       if (errorMessage2 === void 0) {
-        errorMessage2 = locale.SaveAction.errorMessage;
+        errorMessage2 = locale7.SaveAction.errorMessage;
       }
       _setState({ saving: true });
       let fileHandle = getState().latestFileHandles?.[id2] ?? null;
@@ -5824,7 +6010,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 +6081,11 @@ function useFormSaver({
     extensions,
     fileName,
     formManager,
+    formTitle,
     getState,
     id,
-    locale.SaveAction,
+    locale7.SaveAction.errorMessage,
+    locale7.SaveAction.successMessage,
     mimeTypes,
     overwrite,
     path,
@@ -5909,6 +6097,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 +6109,7 @@ function SaveAction({
   saveAsLabel,
   saveAsKeybinds,
   loading,
+  enabledWhenLoading,
   disabled,
   onClick,
   variant = "subtle",
@@ -5936,12 +6129,12 @@ function SaveAction({
   dropdownMenuProps,
   ...otherProps
 }) {
-  const [locale] = useLocale();
-  label ??= locale.SaveAction.label;
-  keybinds ??= locale.SaveAction.keybinds;
-  saveOptionsLabel ??= locale.SaveAction.saveOptionsLabel;
-  saveAsLabel ??= locale.SaveAction.saveAsLabel;
-  saveAsKeybinds ??= locale.SaveAction.saveAsKeybinds;
+  const [locale7] = useLocale();
+  label ??= locale7.SaveAction.label;
+  keybinds ??= locale7.SaveAction.keybinds;
+  saveOptionsLabel ??= locale7.SaveAction.saveOptionsLabel;
+  saveAsLabel ??= locale7.SaveAction.saveAsLabel;
+  saveAsKeybinds ??= locale7.SaveAction.saveAsKeybinds;
   const { save, supportsFileSystemAPIs } = useFormSaver({
     path,
     encode,
@@ -5957,12 +6150,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 +6174,9 @@ function SaveAction({
         () => save({ overwrite: !disableOverwrite }),
         onClick
       ),
+      disabled: shouldDisable,
       loading: loading || formIsSaving,
-      disabled: disabled || formIsLoading,
+      enabledWhenLoading,
       children: label
     }
   );
@@ -5994,18 +6191,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 +6527,7 @@ function SubmitAction({
   keybinds,
   confirmWarnings = true,
   loading,
+  enabledWhenLoading,
   disabled,
   onClick,
   dialogTitle,
@@ -6360,20 +6551,20 @@ function SubmitAction({
   ...otherProps
 }) {
   const prefix = usePrefix();
-  const [locale] = useLocale();
-  label ??= locale.SubmitAction.label;
-  keybinds ??= locale.SubmitAction.keybinds;
-  dialogTitle ??= locale.SubmitAction.dialogTitle;
-  dialogDescription ??= locale.SubmitAction.dialogDescription;
-  dialogBody ??= locale.SubmitAction.dialogBody;
-  confirmWarningsCheckboxLabel ??= locale.SubmitAction.confirmWarningsCheckboxLabel;
-  dialogOkText ??= locale.SubmitAction.dialogOkText ?? label;
-  dialogCancelText ??= locale.SubmitAction.dialogCancelText;
+  const [locale7] = useLocale();
+  label ??= locale7.SubmitAction.label;
+  keybinds ??= locale7.SubmitAction.keybinds;
+  dialogTitle ??= locale7.SubmitAction.dialogTitle;
+  dialogDescription ??= locale7.SubmitAction.dialogDescription;
+  dialogBody ??= locale7.SubmitAction.dialogBody;
+  confirmWarningsCheckboxLabel ??= locale7.SubmitAction.confirmWarningsCheckboxLabel;
+  dialogOkText ??= locale7.SubmitAction.dialogOkText ?? label;
+  dialogCancelText ??= locale7.SubmitAction.dialogCancelText;
   if (successMessage === void 0) {
-    successMessage = locale.SubmitAction.successMessage;
+    successMessage = locale7.SubmitAction.successMessage;
   }
   if (errorMessage === void 0) {
-    errorMessage = locale.SubmitAction.errorMessage;
+    errorMessage = locale7.SubmitAction.errorMessage;
   }
   const [confirmingSubmission, setConfirmingSubmission] = useState(false);
   const startIssuesNavigation = useStartIssuesNavigation();
@@ -6381,9 +6572,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 +6653,7 @@ function SubmitAction({
     convertExternalIssuesTableRowIndicesToIds
   });
   useKeyboardShortcut(keybinds, handleAction, {
+    enabled: !shouldDisable,
     target: formAppEl,
     preventDefault: true
   });
@@ -6474,8 +6667,9 @@ function SubmitAction({
         iconPlacement: "end",
         ...otherProps,
         onClick: combineEventHandlers(handleAction, onClick),
+        disabled: shouldDisable,
         loading: loading || submitting,
-        disabled: disabled || formIsDisabled || formIsLoading,
+        enabledWhenLoading,
         children: label
       }
     ) }),
@@ -6567,13 +6761,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 +6783,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 +6972,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 +7016,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 +7059,7 @@ const TableControlAddRowTrigger = forwardRef(function TableControlAddRowTrigger2
   defaultButtonText,
   onRowAdded,
   showWhenReadOnly,
+  showWhilePrinting,
   disabled,
   onClick,
   className,
@@ -6861,8 +7067,9 @@ const TableControlAddRowTrigger = forwardRef(function TableControlAddRowTrigger2
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
-  const [locale] = useLocale();
-  defaultButtonText ??= locale.TableControlAddRowTrigger.defaultButtonText;
+  const [locale7] = useLocale();
+  defaultButtonText ??= locale7.TableControlAddRowTrigger.defaultButtonText;
+  const printing = usePrinting();
   const { controller, size, maxRows } = useTableControlContext();
   const controlIsDisabled = useFormIsDisabled();
   const controlIsReadOnly = useFormIsReadOnly();
@@ -6876,7 +7083,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),
@@ -6908,12 +7115,12 @@ const TableControlRemoveRowTrigger = forwardRef(function TableControlRemoveRowTr
   children,
   ...otherProps
 }, forwardedRef) {
-  const [locale] = useLocale();
-  defaultButtonLabel ??= locale.TableControlRemoveRowTrigger.defaultButtonLabel;
-  confirmDialogTitle ??= locale.TableControlRemoveRowTrigger.confirmDialogTitle;
-  confirmDialogMessage ??= locale.TableControlRemoveRowTrigger.confirmDialogMessage;
-  confirmDialogOkText ??= locale.TableControlRemoveRowTrigger.confirmDialogOkText;
-  confirmDialogCancelText ??= locale.TableControlRemoveRowTrigger.confirmDialogCancelText;
+  const [locale7] = useLocale();
+  defaultButtonLabel ??= locale7.TableControlRemoveRowTrigger.defaultButtonLabel;
+  confirmDialogTitle ??= locale7.TableControlRemoveRowTrigger.confirmDialogTitle;
+  confirmDialogMessage ??= locale7.TableControlRemoveRowTrigger.confirmDialogMessage;
+  confirmDialogOkText ??= locale7.TableControlRemoveRowTrigger.confirmDialogOkText;
+  confirmDialogCancelText ??= locale7.TableControlRemoveRowTrigger.confirmDialogCancelText;
   const { confirm } = useAlertDialog();
   const { controller } = useTableControlContext();
   const controlIsDisabled = useFormIsDisabled();
@@ -6978,7 +7185,7 @@ function tableControlActionsColumn({
   removeRowProps,
   ...columnOverrides
 } = {}) {
-  return (tableControlStatus) => !tableControlStatus.readOnly && {
+  return (tableControlStatus) => !tableControlStatus.readOnly && !tableControlStatus.printing && {
     sticky: "right",
     width: 50,
     fixed: true,
@@ -6996,13 +7203,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 +7362,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 +7376,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,19 +7401,23 @@ function ValidateAction({
   label,
   keybinds,
   loading,
+  enabledWhenLoading,
   disabled,
   onClick,
   ...otherProps
 }) {
-  const [locale] = useLocale();
-  label ??= locale.ValidateAction.label;
-  keybinds ??= locale.ValidateAction.keybinds;
+  const [locale7] = useLocale();
+  label ??= locale7.ValidateAction.label;
+  keybinds ??= locale7.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 +7429,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 +7471,7 @@ export {
   PathLink,
   PrefixSuffixContext,
   PrefixSuffixProvider,
+  PrintAction,
   RadioGroupControl,
   RepetitiveAnnexRegistrar,
   SaveAction,
@@ -7277,10 +7491,12 @@ export {
   ValidateAction,
   displayStatusToColor,
   displayStatusToControlStatus,
-  enGB,
-  enUS,
-  fr,
-  pt,
+  locale as enGB,
+  locale2 as enUS,
+  locale3 as fr,
+  locale4 as frFR,
+  locale5 as pt,
+  locale6 as ptPT,
   setDefaultPrefixSuffix,
   tableControlActionsColumn,
   tableControlIndexColumn,
@@ -7297,6 +7513,7 @@ export {
   useFormIsValidating,
   useFormLoader,
   useFormSaver,
+  useFormTitle,
   useFormValidator,
   useIsInControlField,
   useIsRegistered,