@mittwald/flow-react-components 1.6.0-next.5 → 1.6.0-next.51

package/dist/js/packages/components/src/components/TranslationProvider/useLocalizedStringFormatter.mjs

@@ -6,13 +6,27 @@ import { useCallback, useMemo } from "react";
 import { mapValues, mergeDeep, pick } from "remeda";
 import IntlMessageFormat from "intl-messageformat";
 import { useLocalizedStringDictionary } from "@react-aria/i18n";
-//#region src/components/TranslationProvider/useLocalizedStringFormatter.ts
+// src/components/TranslationProvider/useLocalizedStringFormatter.ts
 var pickComponentTranslations = (componentName, data) => {
 	if (!data) return {};
 	return mapValues(data, (components) => {
 		return pick(components ?? {}, [componentName])[componentName] ?? {};
 	});
 };
+var compiledMessages = /* @__PURE__ */ new Map();
+var getCompiledMessage = (message, locale) => {
+	let messagesOfLocale = compiledMessages.get(locale);
+	if (!messagesOfLocale) {
+		messagesOfLocale = /* @__PURE__ */ new Map();
+		compiledMessages.set(locale, messagesOfLocale);
+	}
+	let compiled = messagesOfLocale.get(message);
+	if (!compiled) {
+		compiled = new IntlMessageFormat(message, locale);
+		messagesOfLocale.set(message, compiled);
+	}
+	return compiled;
+};
 var useLocalizedStringFormatter = (strings, componentName) => {
 	const locale = useLanguage();
 	const { translations, translate } = useTranslationProvider();
@@ -31,8 +45,7 @@ var useLocalizedStringFormatter = (strings, componentName) => {
 			if (customTranslated !== void 0) return customTranslated;
 		}
 		const translationString = dictionary.getStringForLocale(key, locale);
-		const translationMessage = new IntlMessageFormat(translationString, locale);
-		return String(translationMessage.format(variables));
+		return String(getCompiledMessage(translationString, locale).format(variables));
 	}, [
 		translate,
 		locale,
@@ -41,7 +54,6 @@ var useLocalizedStringFormatter = (strings, componentName) => {
 	]);
 	return useMemo(() => ({ format: formatFunction }), [formatFunction]);
 };
-//#endregion
 export { useLocalizedStringFormatter };
 
 //# sourceMappingURL=useLocalizedStringFormatter.mjs.map

package/dist/js/packages/components/src/components/TranslationProvider/useLocalizedStringFormatter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalizedStringFormatter.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/useLocalizedStringFormatter.ts"],"sourcesContent":["import {\n  type Translations,\n  useTranslationProvider,\n} from \"@/components/TranslationProvider/TranslationProvider\";\nimport { mergeDeep } from \"remeda\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues, pick } from \"remeda\";\nimport type {\n  Variables,\n  LocalizedStrings as LocalizedStringsIntl,\n} from \"@internationalized/string\";\nimport IntlMessageFormat from \"intl-messageformat\";\nimport { useLocalizedStringDictionary } from \"@react-aria/i18n\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLanguage } from \"@/lib/hooks/useLanguage\";\n\nexport type LocalizedStrings = LocalizedStringsIntl<string, string>;\nexport type LocalizedComponentName = FlowComponentName | string;\n\nexport type TranslationFunction = (\n  key: string,\n  variables: Variables,\n  meta: {\n    component: string;\n    locale: string;\n  },\n) => string | undefined;\n\nconst pickComponentTranslations = (\n  componentName: LocalizedComponentName,\n  data?: Translations,\n) => {\n  if (!data) {\n    return {};\n  }\n\n  return mapValues(data, (components) => {\n    const picked = pick(components ?? {}, [componentName]);\n    return picked[componentName] ?? {};\n  });\n};\n\nexport const useLocalizedStringFormatter = (\n  strings: LocalizedStrings,\n  componentName: LocalizedComponentName,\n) => {\n  const locale = useLanguage();\n  const { translations, translate } = useTranslationProvider();\n\n  const mergedStrings = useMemo(\n    () =>\n      mergeDeep(\n        strings,\n        pickComponentTranslations(componentName, translations),\n      ),\n    [strings, translations, componentName],\n  );\n\n  const dictionary = useLocalizedStringDictionary(mergedStrings, componentName);\n  const formatFunction = useCallback(\n    (key: string, variables?: Variables): string => {\n      if (translate) {\n        const customTranslated = translate(key, variables, {\n          component: componentName,\n          locale,\n        });\n\n        if (customTranslated !== undefined) {\n          return customTranslated;\n        }\n      }\n\n      const translationString = dictionary.getStringForLocale(key, locale);\n      const translationMessage = new IntlMessageFormat(\n        translationString,\n        locale,\n      );\n\n      return String(translationMessage.format(variables));\n    },\n    [translate, locale, componentName, dictionary],\n  );\n\n  return useMemo(() => ({ format: formatFunction }), [formatFunction]);\n};\n"],"mappings":";;;;;;;;;AA4BA,IAAM,6BACJ,eACA,SACG;CACH,IAAI,CAAC,MACH,OAAO,CAAC;CAGV,OAAO,UAAU,OAAO,eAAe;EAErC,OADe,KAAK,cAAc,CAAC,GAAG,CAAC,aAAa,CAC7C,CAAA,CAAO,kBAAkB,CAAC;CACnC,CAAC;AACH;AAEA,IAAa,+BACX,SACA,kBACG;CACH,MAAM,SAAS,YAAY;CAC3B,MAAM,EAAE,cAAc,cAAc,uBAAuB;CAE3D,MAAM,gBAAgB,cAElB,UACE,SACA,0BAA0B,eAAe,YAAY,CACvD,GACF;EAAC;EAAS;EAAc;CAAa,CACvC;CAEA,MAAM,aAAa,6BAA6B,eAAe,aAAa;CAC5E,MAAM,iBAAiB,aACpB,KAAa,cAAkC;EAC9C,IAAI,WAAW;GACb,MAAM,mBAAmB,UAAU,KAAK,WAAW;IACjD,WAAW;IACX;GACF,CAAC;GAED,IAAI,qBAAqB,KAAA,GACvB,OAAO;EAEX;EAEA,MAAM,oBAAoB,WAAW,mBAAmB,KAAK,MAAM;EACnE,MAAM,qBAAqB,IAAI,kBAC7B,mBACA,MACF;EAEA,OAAO,OAAO,mBAAmB,OAAO,SAAS,CAAC;CACpD,GACA;EAAC;EAAW;EAAQ;EAAe;CAAU,CAC/C;CAEA,OAAO,eAAe,EAAE,QAAQ,eAAe,IAAI,CAAC,cAAc,CAAC;AACrE"}
+{"version":3,"file":"useLocalizedStringFormatter.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/useLocalizedStringFormatter.ts"],"sourcesContent":["import {\n  type Translations,\n  useTranslationProvider,\n} from \"@/components/TranslationProvider/TranslationProvider\";\nimport { mergeDeep } from \"remeda\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues, pick } from \"remeda\";\nimport type {\n  Variables,\n  LocalizedStrings as LocalizedStringsIntl,\n} from \"@internationalized/string\";\nimport IntlMessageFormat from \"intl-messageformat\";\nimport { useLocalizedStringDictionary } from \"@react-aria/i18n\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLanguage } from \"@/lib/hooks/useLanguage\";\n\nexport type LocalizedStrings = LocalizedStringsIntl<string, string>;\nexport type LocalizedComponentName = FlowComponentName | string;\n\nexport type TranslationFunction = (\n  key: string,\n  variables: Variables,\n  meta: {\n    component: string;\n    locale: string;\n  },\n) => string | undefined;\n\nconst pickComponentTranslations = (\n  componentName: LocalizedComponentName,\n  data?: Translations,\n) => {\n  if (!data) {\n    return {};\n  }\n\n  return mapValues(data, (components) => {\n    const picked = pick(components ?? {}, [componentName]);\n    return picked[componentName] ?? {};\n  });\n};\n\n// Compiling parses the message — do it once per locale and message.\nconst compiledMessages = new Map<string, Map<string, IntlMessageFormat>>();\n\nconst getCompiledMessage = (message: string, locale: string) => {\n  let messagesOfLocale = compiledMessages.get(locale);\n  if (!messagesOfLocale) {\n    messagesOfLocale = new Map();\n    compiledMessages.set(locale, messagesOfLocale);\n  }\n\n  let compiled = messagesOfLocale.get(message);\n  if (!compiled) {\n    compiled = new IntlMessageFormat(message, locale);\n    messagesOfLocale.set(message, compiled);\n  }\n\n  return compiled;\n};\n\nexport const useLocalizedStringFormatter = (\n  strings: LocalizedStrings,\n  componentName: LocalizedComponentName,\n) => {\n  const locale = useLanguage();\n  const { translations, translate } = useTranslationProvider();\n\n  const mergedStrings = useMemo(\n    () =>\n      mergeDeep(\n        strings,\n        pickComponentTranslations(componentName, translations),\n      ),\n    [strings, translations, componentName],\n  );\n\n  const dictionary = useLocalizedStringDictionary(mergedStrings, componentName);\n  const formatFunction = useCallback(\n    (key: string, variables?: Variables): string => {\n      if (translate) {\n        const customTranslated = translate(key, variables, {\n          component: componentName,\n          locale,\n        });\n\n        if (customTranslated !== undefined) {\n          return customTranslated;\n        }\n      }\n\n      const translationString = dictionary.getStringForLocale(key, locale);\n      return String(\n        getCompiledMessage(translationString, locale).format(variables),\n      );\n    },\n    [translate, locale, componentName, dictionary],\n  );\n\n  return useMemo(() => ({ format: formatFunction }), [formatFunction]);\n};\n"],"mappings":";;;;;;;;;AA4BA,IAAM,6BACJ,eACA,SACG;CACH,IAAI,CAAC,MACH,OAAO,CAAC;CAGV,OAAO,UAAU,OAAO,eAAe;EAErC,OADe,KAAK,cAAc,CAAC,GAAG,CAAC,aAAa,CAC7C,CAAA,CAAO,kBAAkB,CAAC;CACnC,CAAC;AACH;AAGA,IAAM,mCAAmB,IAAI,IAA4C;AAEzE,IAAM,sBAAsB,SAAiB,WAAmB;CAC9D,IAAI,mBAAmB,iBAAiB,IAAI,MAAM;CAClD,IAAI,CAAC,kBAAkB;EACrB,mCAAmB,IAAI,IAAI;EAC3B,iBAAiB,IAAI,QAAQ,gBAAgB;CAC/C;CAEA,IAAI,WAAW,iBAAiB,IAAI,OAAO;CAC3C,IAAI,CAAC,UAAU;EACb,WAAW,IAAI,kBAAkB,SAAS,MAAM;EAChD,iBAAiB,IAAI,SAAS,QAAQ;CACxC;CAEA,OAAO;AACT;AAEA,IAAa,+BACX,SACA,kBACG;CACH,MAAM,SAAS,YAAY;CAC3B,MAAM,EAAE,cAAc,cAAc,uBAAuB;CAE3D,MAAM,gBAAgB,cAElB,UACE,SACA,0BAA0B,eAAe,YAAY,CACvD,GACF;EAAC;EAAS;EAAc;CAAa,CACvC;CAEA,MAAM,aAAa,6BAA6B,eAAe,aAAa;CAC5E,MAAM,iBAAiB,aACpB,KAAa,cAAkC;EAC9C,IAAI,WAAW;GACb,MAAM,mBAAmB,UAAU,KAAK,WAAW;IACjD,WAAW;IACX;GACF,CAAC;GAED,IAAI,qBAAqB,KAAA,GACvB,OAAO;EAEX;EAEA,MAAM,oBAAoB,WAAW,mBAAmB,KAAK,MAAM;EACnE,OAAO,OACL,mBAAmB,mBAAmB,MAAM,CAAC,CAAC,OAAO,SAAS,CAChE;CACF,GACA;EAAC;EAAW;EAAQ;EAAe;CAAU,CAC/C;CAEA,OAAO,eAAe,EAAE,QAAQ,eAAe,IAAI,CAAC,cAAc,CAAC;AACrE"}

package/dist/js/packages/components/src/components/Truncate/Truncate.mjs

@@ -6,7 +6,7 @@ import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useIsSSR } from "react-aria";
 import ReactTruncate from "react-truncate-inside";
-//#region src/components/Truncate/Truncate.tsx
+// src/components/Truncate/Truncate.tsx
 /** @flr-generate all */
 var Truncate = (props) => {
 	const { children, className, title, offset, ellipsis } = props;
@@ -29,7 +29,6 @@ var Truncate = (props) => {
 		children
 	});
 };
-//#endregion
 export { Truncate, Truncate as default };
 
 //# sourceMappingURL=Truncate.mjs.map

package/dist/js/packages/components/src/components/Truncate/Truncate.module.mjs

@@ -1,13 +1,12 @@
 "use client"
 /* */
-//#region src/components/Truncate/Truncate.module.scss
+// src/components/Truncate/Truncate.module.scss
 var truncate = "flow--truncate";
 var ellipsis = "flow--truncate--ellipsis";
 var Truncate_module_default = {
 	truncate,
 	ellipsis
 };
-//#endregion
 export { Truncate_module_default as default, ellipsis, truncate };
 
 //# sourceMappingURL=Truncate.module.mjs.map

package/dist/js/packages/components/src/components/TunnelEntry/TunnelEntry.mjs

@@ -2,13 +2,12 @@
 /* */
 import { jsx } from "react/jsx-runtime";
 import { TunnelEntry } from "@mittwald/react-tunnel";
-//#region src/components/TunnelEntry/TunnelEntry.tsx
+// src/components/TunnelEntry/TunnelEntry.tsx
 /**
 * @flr-generate all
 * @flr-ignore-props providerId
 */
 var TunnelEntry$1 = (props) => /* @__PURE__ */ jsx(TunnelEntry, { ...props });
-//#endregion
 export { TunnelEntry$1 as TunnelEntry, TunnelEntry$1 as default };
 
 //# sourceMappingURL=TunnelEntry.mjs.map

package/dist/js/packages/components/src/components/UiComponentTunnel/UiComponentTunnelEntry.mjs

@@ -3,7 +3,7 @@
 import { getTunnelProviderId } from "./lib.mjs";
 import { jsx } from "react/jsx-runtime";
 import { TunnelEntry } from "@mittwald/react-tunnel";
-//#region src/components/UiComponentTunnel/UiComponentTunnelEntry.tsx
+// src/components/UiComponentTunnel/UiComponentTunnelEntry.tsx
 var UiComponentTunnelEntry = (props) => {
 	const { component, ...tunnelEntryProps } = props;
 	return /* @__PURE__ */ jsx(TunnelEntry, {
@@ -11,7 +11,6 @@ var UiComponentTunnelEntry = (props) => {
 		providerId: getTunnelProviderId(component)
 	});
 };
-//#endregion
 export { UiComponentTunnelEntry };
 
 //# sourceMappingURL=UiComponentTunnelEntry.mjs.map

package/dist/js/packages/components/src/components/UiComponentTunnel/UiComponentTunnelExit.mjs

@@ -3,7 +3,7 @@
 import { getTunnelProviderId } from "./lib.mjs";
 import { jsx } from "react/jsx-runtime";
 import { TunnelExit } from "@mittwald/react-tunnel";
-//#region src/components/UiComponentTunnel/UiComponentTunnelExit.tsx
+// src/components/UiComponentTunnel/UiComponentTunnelExit.tsx
 var UiComponentTunnelExit = (props) => {
 	const { component, ...tunnelExitProps } = props;
 	return /* @__PURE__ */ jsx(TunnelExit, {
@@ -11,7 +11,6 @@ var UiComponentTunnelExit = (props) => {
 		providerId: getTunnelProviderId(component)
 	});
 };
-//#endregion
 export { UiComponentTunnelExit };
 
 //# sourceMappingURL=UiComponentTunnelExit.mjs.map

package/dist/js/packages/components/src/components/UiComponentTunnel/UiComponentTunnelProvider.mjs

@@ -3,7 +3,7 @@
 import { getTunnelProviderId } from "./lib.mjs";
 import { jsx } from "react/jsx-runtime";
 import { TunnelProvider } from "@mittwald/react-tunnel";
-//#region src/components/UiComponentTunnel/UiComponentTunnelProvider.tsx
+// src/components/UiComponentTunnel/UiComponentTunnelProvider.tsx
 var UiComponentTunnelProvider = (props) => {
 	const { children, component } = props;
 	return /* @__PURE__ */ jsx(TunnelProvider, {
@@ -11,7 +11,6 @@ var UiComponentTunnelProvider = (props) => {
 		children
 	});
 };
-//#endregion
 export { UiComponentTunnelProvider };
 
 //# sourceMappingURL=UiComponentTunnelProvider.mjs.map

package/dist/js/packages/components/src/components/UiComponentTunnel/lib.mjs

@@ -1,9 +1,8 @@
 "use client"
 /* */
-//#region src/components/UiComponentTunnel/lib.ts
+// src/components/UiComponentTunnel/lib.ts
 var tunnelProviderPrefix = "@mittwald/flow/tunnel/";
 var getTunnelProviderId = (componentName) => `${tunnelProviderPrefix}${componentName}`;
-//#endregion
 export { getTunnelProviderId };
 
 //# sourceMappingURL=lib.mjs.map

package/dist/js/packages/components/src/components/Wrap/Wrap.mjs

@@ -1,12 +1,11 @@
 "use client"
 /* */
-//#region src/components/Wrap/Wrap.tsx
+// src/components/Wrap/Wrap.tsx
 var Wrap = (props) => {
 	const { if: _if, children } = props;
 	if (_if) return children;
 	return children.props.children;
 };
-//#endregion
 export { Wrap, Wrap as default };
 
 //# sourceMappingURL=Wrap.mjs.map

package/dist/js/packages/components/src/components/Wrap/Wrap.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Wrap.mjs","names":[],"sources":["../../../../../../../src/components/Wrap/Wrap.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactElement } from \"react\";\n\nexport interface WrapProps {\n  if: unknown;\n  children: ReactElement<PropsWithChildren>;\n}\n\nexport const Wrap: FC<WrapProps> = (props) => {\n  const { if: _if, children } = props;\n\n  if (_if) {\n    return children;\n  }\n\n  return children.props.children;\n};\n\nexport default Wrap;\n"],"mappings":";;;AAOA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EAAE,IAAI,KAAK,aAAa;CAE9B,IAAI,KACF,OAAO;CAGT,OAAO,SAAS,MAAM;AACxB"}
+{"version":3,"file":"Wrap.mjs","names":[],"sources":["../../../../../../../src/components/Wrap/Wrap.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactElement } from \"react\";\n\nexport interface WrapProps {\n  /**\n   * Whether the child element is rendered. Any truthy value keeps it, a falsy\n   * one renders only its children.\n   */\n  if: unknown;\n  /** The element that wraps the content, with the content as its children. */\n  children: ReactElement<PropsWithChildren>;\n}\n\nexport const Wrap: FC<WrapProps> = (props) => {\n  const { if: _if, children } = props;\n\n  if (_if) {\n    return children;\n  }\n\n  return children.props.children;\n};\n\nexport default Wrap;\n"],"mappings":";;;AAYA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EAAE,IAAI,KAAK,aAAa;CAE9B,IAAI,KACF,OAAO;CAGT,OAAO,SAAS,MAAM;AACxB"}

package/dist/js/packages/components/src/components/propTypes/index.mjs

@@ -95,7 +95,6 @@ var propsContextSupportingComponents = Object.keys({
 	TextField: true,
 	TimeField: true
 });
-//#endregion
 export { propsContextSupportingComponents };
 
 //# sourceMappingURL=index.mjs.map

package/dist/js/packages/components/src/flags.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/flags.ts
+// src/flags.ts
 /**
 * Fallback values of the flags. Only used when an application neither assigns
 * the flag nor provides a `ComponentDefaultsProvider`; the built-in defaults of
@@ -36,7 +36,6 @@ var defineFlag = (name) => {
 Object.keys(flagDefaults).forEach(defineFlag);
 /** @internal */
 var flagIsAssigned = (name) => assignedFlags.has(name);
-//#endregion
 export { flagIsAssigned, flags };
 
 //# sourceMappingURL=flags.mjs.map

package/dist/js/packages/components/src/integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { RuleType } from "@mittwald/password-tools-js/rules";
-//#region src/integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.ts
+// src/integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.ts
 var defaultPasswordCreationPolicy = {
 	minComplexity: 3,
 	rules: [
@@ -21,7 +21,6 @@ var defaultPasswordCreationPolicy = {
 		}
 	]
 };
-//#endregion
 export { defaultPasswordCreationPolicy };
 
 //# sourceMappingURL=defaultPasswordCreationPolicy.mjs.map

package/dist/js/packages/components/src/integrations/@mittwald/password-tools-js/usePasswordCreationFieldValidation.mjs

@@ -4,7 +4,7 @@ import { useWarnDeprecation } from "../../../components/DeprecationWarningProvid
 import { defaultPasswordCreationPolicy } from "./defaultPasswordCreationPolicy.mjs";
 import { Policy } from "../../../../../../@mittwald/password-tools-js.mjs";
 import { useMemo, useRef } from "react";
-//#region src/integrations/@mittwald/password-tools-js/usePasswordCreationFieldValidation.ts
+// src/integrations/@mittwald/password-tools-js/usePasswordCreationFieldValidation.ts
 var usePasswordCreationFieldValidation = (genericValidationPolicy = defaultPasswordCreationPolicy) => {
 	const validationPolicy = useMemo(() => Policy.fromDeclaration(genericValidationPolicy), [genericValidationPolicy]);
 	const cache = useRef(null);
@@ -28,7 +28,6 @@ var generatePasswordCreationFieldValidation = (genericValidationPolicy = default
 	useWarnDeprecation()("The 'generatePasswordCreationFieldValidation' function is deprecated and will be removed in a future release. Use 'usePasswordCreationFieldValidation' instead.");
 	return usePasswordCreationFieldValidation(genericValidationPolicy);
 };
-//#endregion
 export { generatePasswordCreationFieldValidation, usePasswordCreationFieldValidation };
 
 //# sourceMappingURL=usePasswordCreationFieldValidation.mjs.map

package/dist/js/packages/components/src/integrations/nextjs/components/Link/Link.mjs

@@ -3,7 +3,7 @@
 import { useWarnDeprecation } from "../../../../components/DeprecationWarningProvider/DeprecationWarningProvider.mjs";
 import { jsx } from "react/jsx-runtime";
 import NextLink from "next/link";
-//#region src/integrations/nextjs/components/Link/Link.tsx
+// src/integrations/nextjs/components/Link/Link.tsx
 /** @deprecated Use RouterProvider instead */
 var Link = (props) => {
 	const { href, isDisabled, ...rest } = props;
@@ -14,7 +14,6 @@ var Link = (props) => {
 		...rest
 	});
 };
-//#endregion
 export { Link };
 
 //# sourceMappingURL=Link.mjs.map

package/dist/js/packages/components/src/integrations/nextjs/components/LinkProvider/LinkProvider.mjs

@@ -4,7 +4,7 @@ import { useWarnDeprecation } from "../../../../components/DeprecationWarningPro
 import { LinkContextProvider } from "../../../../components/Link/context.mjs";
 import { Link } from "../Link/Link.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/integrations/nextjs/components/LinkProvider/LinkProvider.tsx
+// src/integrations/nextjs/components/LinkProvider/LinkProvider.tsx
 /** @deprecated Use RouterProvider instead */
 var LinkProvider = (props) => {
 	useWarnDeprecation()("The 'LinkProvider' component is deprecated and will be removed in a future release. Use 'RouterProvider' instead.");
@@ -13,7 +13,6 @@ var LinkProvider = (props) => {
 		children: props.children
 	});
 };
-//#endregion
 export { LinkProvider, LinkProvider as default };
 
 //# sourceMappingURL=LinkProvider.mjs.map

package/dist/js/packages/components/src/integrations/nextjs/components/RouterProvider/RouterProvider.mjs

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { RouterProvider } from "react-aria-components";
 import { useRouter } from "next/navigation";
 import { addBasePath } from "next/dist/client/add-base-path";
-//#region src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx
+// src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx
 var RouterProvider$1 = (props) => {
 	const router = useRouter();
 	return /* @__PURE__ */ jsx(RouterProvider, {
@@ -13,7 +13,6 @@ var RouterProvider$1 = (props) => {
 		children: props.children
 	});
 };
-//#endregion
 export { RouterProvider$1 as RouterProvider, RouterProvider$1 as default };
 
 //# sourceMappingURL=RouterProvider.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/Field.mjs

@@ -3,14 +3,14 @@
 import { PropsContextProvider } from "../../../../lib/propsContext/components/PropsContextProvider.mjs";
 import dynamic from "../../../../lib/propsContext/dynamicProps/dynamic.mjs";
 import { useLocalizedStringFormatter } from "../../../../components/TranslationProvider/useLocalizedStringFormatter.mjs";
+import FieldErrorView from "../../../../views/FieldErrorView.mjs";
 import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
 import __locale_default from "../../../../../../../_virtual/_36.locale.mjs";
-import FieldErrorView from "../../../../views/FieldErrorView.mjs";
 import { useUpdateFormDefaultValue } from "./hooks/useUpdateFormDefaultValue.mjs";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useController, useWatch } from "react-hook-form";
-//#region src/integrations/react-hook-form/components/Field/Field.tsx
+// src/integrations/react-hook-form/components/Field/Field.tsx
 function Field(props) {
 	const { children, name, defaultValue, ...rest } = props;
 	const stringFormatter = useLocalizedStringFormatter(__locale_default, "ReactHookForm.Field");
@@ -130,7 +130,6 @@ function Field(props) {
 	});
 }
 var typedField = (ignoredForm) => Field;
-//#endregion
 export { Field, Field as default, typedField };
 
 //# sourceMappingURL=Field.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLayoutEffect } from "react";
-//#region src/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue.ts
+// src/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue.ts
 var useUpdateFormDefaultValue = (fieldProps, form) => {
 	const { defaultValue, name } = fieldProps;
 	useLayoutEffect(() => {
@@ -17,7 +17,6 @@ var useUpdateFormDefaultValue = (fieldProps, form) => {
 		name
 	]);
 };
-//#endregion
 export { useUpdateFormDefaultValue };
 
 //# sourceMappingURL=useUpdateFormDefaultValue.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/lib/debounceValidate.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/integrations/react-hook-form/components/Field/lib/debounceValidate.ts
+// src/integrations/react-hook-form/components/Field/lib/debounceValidate.ts
 var debounceValidate = (validateFunction, waitMs = 500) => {
 	let timeoutId = null;
 	return (value, formValues) => new Promise((resolve, reject) => {
@@ -10,7 +10,6 @@ var debounceValidate = (validateFunction, waitMs = 500) => {
 		}, waitMs);
 	});
 };
-//#endregion
 export { debounceValidate };
 
 //# sourceMappingURL=debounceValidate.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Form/Form.mjs

@@ -11,7 +11,7 @@ import { useHotkeySubmit } from "./hooks/useHotkeySubmit.mjs";
 import { useId, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { FormProvider } from "react-hook-form";
-//#region src/integrations/react-hook-form/components/Form/Form.tsx
+// src/integrations/react-hook-form/components/Form/Form.tsx
 var DefaultFormComponent = (p) => /* @__PURE__ */ jsx("form", { ...p });
 /**
 * Runs `operation` while closing the surrounding Modal is allowed without a
@@ -51,7 +51,10 @@ function Form(props) {
 		if (autoResetOptions?.onAfterModalClose) form.reset();
 	});
 	const { submitInterceptor } = useFormSettings();
-	const onSubmit = submitInterceptor ? (values) => submitInterceptor(onSubmitProp, values, { form }) : onSubmitProp;
+	const onSubmit = submitInterceptor ? (values, event) => submitInterceptor(onSubmitProp, values, {
+		form,
+		event
+	}) : onSubmitProp;
 	const handleSubmitResult = (result) => {
 		if (typeof result === "function") afterSubmitCallback.current = result;
 		const rootError = form.getFieldState("root")?.error;
@@ -94,7 +97,6 @@ function Form(props) {
 		})
 	});
 }
-//#endregion
 export { Form, Form as default };
 
 //# sourceMappingURL=Form.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Form/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":["RhfFormContextProvider"],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { useComponentDefaults } from \"@/components/ComponentDefaultsProvider\";\nimport { type OverlayController, useModalController } from \"@/lib/controller\";\nimport {\n  type BaseSyntheticEvent,\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type Ref,\n  type SubmitEventHandler,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type {\n  FieldValues,\n  Path,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { useFormRootErrorController } from \"../FormRootError/useFormRootErrorController\";\nimport { FormRootError } from \"../../lib/FormRootError\";\nimport { useFormSettings } from \"../FormSettingsProvider/FormSettingsProvider\";\nimport {\n  useFormSubmitController,\n  type WithFormSubmitControllerProps,\n} from \"@/integrations/react-hook-form/components/Form/hooks/useFormSubmitController\";\nimport { useHotkeySubmit } from \"@/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\nexport type AfterFormSubmitCallback = (...unknownArgs: unknown[]) => unknown;\n\nexport interface FormAutoResetOptions {\n  /**\n   * Whether the form is reset to its default values after the surrounding modal\n   * has closed.\n   *\n   * @default true\n   */\n  onAfterModalClose?: boolean;\n}\n\ntype FormComponentType = FC<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: SubmitEventHandler | FormOnSubmitHandler<never>;\n    ref?: Ref<HTMLFormElement>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends\n    Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren,\n    WithFormSubmitControllerProps {\n  /** The react-hook-form instance returned by `useForm()`. */\n  form: UseFormReturn<F>;\n  /**\n   * Called with the validated form values when the form is submitted. Returning\n   * a promise keeps the submit button pending until it settles.\n   */\n  onSubmit: FormOnSubmitHandler<F>;\n  /**\n   * The component rendered as the form element. Use it to render the form with\n   * a routers form component. Defaults to a plain `<form />`.\n   */\n  formComponent?: FC<Omit<FormComponentType, \"ref\">>;\n  /**\n   * Whether all fields of the form can be read but not edited.\n   *\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * When the form is reset to its default values. `true` resets it after the\n   * surrounding modal has closed, `false` never resets it.\n   *\n   * @default true\n   */\n  autoReset?: FormAutoResetOptions | boolean;\n  /**\n   * Whether closing the surrounding modal must be confirmed while the form has\n   * unsaved changes. Overrides `Form.confirmModalCloseOnUnsavedChanges` of the\n   * `ComponentDefaultsProvider`.\n   *\n   * @default true\n   */\n  confirmModalCloseOnUnsavedChanges?: boolean;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\n/**\n * Runs `operation` while closing the surrounding Modal is allowed without a\n * confirmation, and drops that permission again as soon as the operation has\n * settled. Scoping it to the operation is what keeps a submit that only\n * advances a wizard step from disarming the confirmation for good (#2775).\n */\nconst runWithGrantedModalClose = (\n  modalController: OverlayController,\n  operation: () => unknown,\n): unknown => {\n  const releaseGrant = modalController.grantCloseWithoutConfirmation();\n\n  let result: unknown;\n  try {\n    result = operation();\n  } catch (error) {\n    releaseGrant();\n    throw error;\n  }\n\n  if (result instanceof Promise) {\n    return result.finally(releaseGrant);\n  }\n  releaseGrant();\n  return result;\n};\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit: onSubmitProp,\n    formComponent = DefaultFormComponent,\n    isReadOnly,\n    ref,\n    id: idProp,\n    autoReset = true,\n    confirmModalCloseOnUnsavedChanges: confirmModalCloseOnUnsavedChangesProp,\n    submitController: submitControllerFromProps,\n    ...formProps\n  } = props;\n\n  const newFormId = useId();\n  const formId = idProp ?? newFormId;\n  const FormComponent = useMemo(() => formComponent, [formId]);\n  const afterSubmitCallback = useRef<AfterFormSubmitCallback>(undefined);\n  const { isDirty } = form.formState;\n  const rootErrorController = useFormRootErrorController();\n\n  const defaultSubmitController = useFormSubmitController();\n  const submitController = submitControllerFromProps\n    ? submitControllerFromProps.submit.extend(defaultSubmitController)\n    : defaultSubmitController;\n\n  const autoResetOptions =\n    typeof autoReset === \"boolean\"\n      ? { onAfterModalClose: autoReset }\n      : autoReset;\n\n  const defaults = useComponentDefaults(\"Form\");\n  const confirmModalCloseOnUnsavedChanges =\n    confirmModalCloseOnUnsavedChangesProp ??\n    defaults.confirmModalCloseOnUnsavedChanges;\n\n  const modalController = useModalController();\n  modalController.useUpdateOptions({\n    // A dirty Form contributes one close confirmation source to the surrounding\n    // Modal; sources are combined, so a clean Form does not overrule a\n    // `<Modal confirmOnClose>`. The Modal renders the confirmation dialog.\n    // A Form that switched it off contributes nothing at all.\n    confirmOnClose: confirmModalCloseOnUnsavedChanges ? isDirty : undefined,\n  });\n  modalController.useOnClosed(() => {\n    if (autoResetOptions?.onAfterModalClose) {\n      form.reset();\n    }\n  });\n\n  const { submitInterceptor } = useFormSettings();\n  const onSubmit = submitInterceptor\n    ? (values: F) => submitInterceptor<F>(onSubmitProp, values, { form })\n    : onSubmitProp;\n\n  const handleSubmitResult = (result: unknown) => {\n    if (typeof result === \"function\") {\n      afterSubmitCallback.current = result as AfterFormSubmitCallback;\n    }\n    const rootError = form.getFieldState(\"root\" as Path<F>)?.error;\n    if (rootError && !rootErrorController.errorComponentMounted) {\n      throw new FormRootError(rootError);\n    }\n  };\n\n  const handleSubmit = async (e?: BaseSyntheticEvent | F): Promise<void> => {\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as BaseSyntheticEvent) : undefined;\n    formEvent?.stopPropagation();\n\n    // react-hook-form's submit handler resolves with an unknown value; the\n    // submit controller only awaits it, so drop the result.\n    await form.handleSubmit((values, event) =>\n      runWithGrantedModalClose(modalController, () => {\n        const submitResult = onSubmit(values, event);\n        if (submitResult instanceof Promise) {\n          return submitResult.then(handleSubmitResult);\n        }\n        handleSubmitResult(submitResult);\n      }),\n    )(formEvent);\n  };\n  submitController.submit.set(handleSubmit);\n\n  const onAfterSuccessFeedback = () => {\n    const callback = afterSubmitCallback.current;\n    if (!callback) {\n      return;\n    }\n    // The callback runs after the submit itself has finished (and after\n    // SubmitButton's success feedback), so it needs its own permission to close\n    // the Modal.\n    runWithGrantedModalClose(modalController, callback);\n  };\n\n  const refWithHotkeySubmit = useHotkeySubmit({\n    ref,\n    submitController,\n  });\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider\n        form={form as UseFormReturn}\n        isReadOnly={isReadOnly}\n        id={formId}\n        onAfterSuccessFeedback={onAfterSuccessFeedback}\n        rootErrorController={rootErrorController}\n      >\n        <FormComponent\n          {...formProps}\n          ref={refWithHotkeySubmit}\n          id={formId}\n          onSubmit={handleSubmit}\n        >\n          {children}\n        </FormComponent>\n      </FormContextProvider>\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"mappings":";;;;;;;;;;;;;;AA4FA,IAAM,wBAA2C,MAAM,oBAAC,QAAD,EAAM,GAAI,EAAI,CAAA;;;;;;;AAQrE,IAAM,4BACJ,iBACA,cACY;CACZ,MAAM,eAAe,gBAAgB,8BAA8B;CAEnE,IAAI;CACJ,IAAI;EACF,SAAS,UAAU;CACrB,SAAS,OAAO;EACd,aAAa;EACb,MAAM;CACR;CAEA,IAAI,kBAAkB,SACpB,OAAO,OAAO,QAAQ,YAAY;CAEpC,aAAa;CACb,OAAO;AACT;AAEA,SAAgB,KAA4B,OAAqB;CAC/D,MAAM,EACJ,MACA,UACA,UAAU,cACV,gBAAgB,sBAChB,YACA,KACA,IAAI,QACJ,YAAY,MACZ,mCAAmC,uCACnC,kBAAkB,2BAClB,GAAG,cACD;CAEJ,MAAM,YAAY,MAAM;CACxB,MAAM,SAAS,UAAU;CACzB,MAAM,gBAAgB,cAAc,eAAe,CAAC,MAAM,CAAC;CAC3D,MAAM,sBAAsB,OAAgC,KAAA,CAAS;CACrE,MAAM,EAAE,YAAY,KAAK;CACzB,MAAM,sBAAsB,2BAA2B;CAEvD,MAAM,0BAA0B,wBAAwB;CACxD,MAAM,mBAAmB,4BACrB,0BAA0B,OAAO,OAAO,uBAAuB,IAC/D;CAEJ,MAAM,mBACJ,OAAO,cAAc,YACjB,EAAE,mBAAmB,UAAU,IAC/B;CAEN,MAAM,WAAW,qBAAqB,MAAM;CAC5C,MAAM,oCACJ,yCACA,SAAS;CAEX,MAAM,kBAAkB,mBAAmB;CAC3C,gBAAgB,iBAAiB,EAK/B,gBAAgB,oCAAoC,UAAU,KAAA,EAChE,CAAC;CACD,gBAAgB,kBAAkB;EAChC,IAAI,kBAAkB,mBACpB,KAAK,MAAM;CAEf,CAAC;CAED,MAAM,EAAE,sBAAsB,gBAAgB;CAC9C,MAAM,WAAW,qBACZ,WAAc,kBAAqB,cAAc,QAAQ,EAAE,KAAK,CAAC,IAClE;CAEJ,MAAM,sBAAsB,WAAoB;EAC9C,IAAI,OAAO,WAAW,YACpB,oBAAoB,UAAU;EAEhC,MAAM,YAAY,KAAK,cAAc,MAAiB,CAAC,EAAE;EACzD,IAAI,aAAa,CAAC,oBAAoB,uBACpC,MAAM,IAAI,cAAc,SAAS;CAErC;CAEA,MAAM,eAAe,OAAO,MAA8C;EACxE,MAAM,YACJ,KAAK,iBAAiB,IAAK,IAA2B,KAAA;EACxD,WAAW,gBAAgB;EAI3B,MAAM,KAAK,cAAc,QAAQ,UAC/B,yBAAyB,uBAAuB;GAC9C,MAAM,eAAe,SAAS,QAAQ,KAAK;GAC3C,IAAI,wBAAwB,SAC1B,OAAO,aAAa,KAAK,kBAAkB;GAE7C,mBAAmB,YAAY;EACjC,CAAC,CACH,CAAC,CAAC,SAAS;CACb;CACA,iBAAiB,OAAO,IAAI,YAAY;CAExC,MAAM,+BAA+B;EACnC,MAAM,WAAW,oBAAoB;EACrC,IAAI,CAAC,UACH;EAKF,yBAAyB,iBAAiB,QAAQ;CACpD;CAEA,MAAM,sBAAsB,gBAAgB;EAC1C;EACA;CACF,CAAC;CAED,OACE,oBAACA,cAAD;EAAwB,GAAI;EAC1B,UAAA,oBAAC,qBAAD;GACQ;GACM;GACZ,IAAI;GACoB;GACH;GAErB,UAAA,oBAAC,eAAD;IACE,GAAI;IACJ,KAAK;IACL,IAAI;IACJ,UAAU;IAET;GACY,CAAA;EACI,CAAA;CACC,CAAA;AAE5B"}
+{"version":3,"file":"Form.mjs","names":["RhfFormContextProvider"],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { useComponentDefaults } from \"@/components/ComponentDefaultsProvider\";\nimport { type OverlayController, useModalController } from \"@/lib/controller\";\nimport {\n  type BaseSyntheticEvent,\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type Ref,\n  type SubmitEventHandler,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type {\n  FieldValues,\n  Path,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { useFormRootErrorController } from \"../FormRootError/useFormRootErrorController\";\nimport { FormRootError } from \"../../lib/FormRootError\";\nimport { useFormSettings } from \"../FormSettingsProvider/FormSettingsProvider\";\nimport {\n  useFormSubmitController,\n  type WithFormSubmitControllerProps,\n} from \"@/integrations/react-hook-form/components/Form/hooks/useFormSubmitController\";\nimport { useHotkeySubmit } from \"@/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\nexport type AfterFormSubmitCallback = (...unknownArgs: unknown[]) => unknown;\n\nexport interface FormAutoResetOptions {\n  /**\n   * Whether the form is reset to its default values after the surrounding modal\n   * has closed.\n   *\n   * @default true\n   */\n  onAfterModalClose?: boolean;\n}\n\ntype FormComponentType = FC<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: SubmitEventHandler | FormOnSubmitHandler<never>;\n    ref?: Ref<HTMLFormElement>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends\n    Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren,\n    WithFormSubmitControllerProps {\n  /** The react-hook-form instance returned by `useForm()`. */\n  form: UseFormReturn<F>;\n  /**\n   * Called with the validated form values when the form is submitted. Returning\n   * a promise keeps the submit button pending until it settles.\n   */\n  onSubmit: FormOnSubmitHandler<F>;\n  /**\n   * The component rendered as the form element. Use it to render the form with\n   * a routers form component. Defaults to a plain `<form />`.\n   */\n  formComponent?: FC<Omit<FormComponentType, \"ref\">>;\n  /**\n   * Whether all fields of the form can be read but not edited.\n   *\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * When the form is reset to its default values. `true` resets it after the\n   * surrounding modal has closed, `false` never resets it.\n   *\n   * @default true\n   */\n  autoReset?: FormAutoResetOptions | boolean;\n  /**\n   * Whether closing the surrounding modal must be confirmed while the form has\n   * unsaved changes. Overrides `Form.confirmModalCloseOnUnsavedChanges` of the\n   * `ComponentDefaultsProvider`.\n   *\n   * @default true\n   */\n  confirmModalCloseOnUnsavedChanges?: boolean;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\n/**\n * Runs `operation` while closing the surrounding Modal is allowed without a\n * confirmation, and drops that permission again as soon as the operation has\n * settled. Scoping it to the operation is what keeps a submit that only\n * advances a wizard step from disarming the confirmation for good (#2775).\n */\nconst runWithGrantedModalClose = (\n  modalController: OverlayController,\n  operation: () => unknown,\n): unknown => {\n  const releaseGrant = modalController.grantCloseWithoutConfirmation();\n\n  let result: unknown;\n  try {\n    result = operation();\n  } catch (error) {\n    releaseGrant();\n    throw error;\n  }\n\n  if (result instanceof Promise) {\n    return result.finally(releaseGrant);\n  }\n  releaseGrant();\n  return result;\n};\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit: onSubmitProp,\n    formComponent = DefaultFormComponent,\n    isReadOnly,\n    ref,\n    id: idProp,\n    autoReset = true,\n    confirmModalCloseOnUnsavedChanges: confirmModalCloseOnUnsavedChangesProp,\n    submitController: submitControllerFromProps,\n    ...formProps\n  } = props;\n\n  const newFormId = useId();\n  const formId = idProp ?? newFormId;\n  const FormComponent = useMemo(() => formComponent, [formId]);\n  const afterSubmitCallback = useRef<AfterFormSubmitCallback>(undefined);\n  const { isDirty } = form.formState;\n  const rootErrorController = useFormRootErrorController();\n\n  const defaultSubmitController = useFormSubmitController();\n  const submitController = submitControllerFromProps\n    ? submitControllerFromProps.submit.extend(defaultSubmitController)\n    : defaultSubmitController;\n\n  const autoResetOptions =\n    typeof autoReset === \"boolean\"\n      ? { onAfterModalClose: autoReset }\n      : autoReset;\n\n  const defaults = useComponentDefaults(\"Form\");\n  const confirmModalCloseOnUnsavedChanges =\n    confirmModalCloseOnUnsavedChangesProp ??\n    defaults.confirmModalCloseOnUnsavedChanges;\n\n  const modalController = useModalController();\n  modalController.useUpdateOptions({\n    // A dirty Form contributes one close confirmation source to the surrounding\n    // Modal; sources are combined, so a clean Form does not overrule a\n    // `<Modal confirmOnClose>`. The Modal renders the confirmation dialog.\n    // A Form that switched it off contributes nothing at all.\n    confirmOnClose: confirmModalCloseOnUnsavedChanges ? isDirty : undefined,\n  });\n  modalController.useOnClosed(() => {\n    if (autoResetOptions?.onAfterModalClose) {\n      form.reset();\n    }\n  });\n\n  const { submitInterceptor } = useFormSettings();\n  const onSubmit = submitInterceptor\n    ? (values: F, event?: BaseSyntheticEvent) =>\n        submitInterceptor<F>(onSubmitProp, values, { form, event })\n    : onSubmitProp;\n\n  const handleSubmitResult = (result: unknown) => {\n    if (typeof result === \"function\") {\n      afterSubmitCallback.current = result as AfterFormSubmitCallback;\n    }\n    const rootError = form.getFieldState(\"root\" as Path<F>)?.error;\n    if (rootError && !rootErrorController.errorComponentMounted) {\n      throw new FormRootError(rootError);\n    }\n  };\n\n  const handleSubmit = async (e?: BaseSyntheticEvent | F): Promise<void> => {\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as BaseSyntheticEvent) : undefined;\n    formEvent?.stopPropagation();\n\n    // react-hook-form's submit handler resolves with an unknown value; the\n    // submit controller only awaits it, so drop the result.\n    await form.handleSubmit((values, event) =>\n      runWithGrantedModalClose(modalController, () => {\n        const submitResult = onSubmit(values, event);\n        if (submitResult instanceof Promise) {\n          return submitResult.then(handleSubmitResult);\n        }\n        handleSubmitResult(submitResult);\n      }),\n    )(formEvent);\n  };\n  submitController.submit.set(handleSubmit);\n\n  const onAfterSuccessFeedback = () => {\n    const callback = afterSubmitCallback.current;\n    if (!callback) {\n      return;\n    }\n    // The callback runs after the submit itself has finished (and after\n    // SubmitButton's success feedback), so it needs its own permission to close\n    // the Modal.\n    runWithGrantedModalClose(modalController, callback);\n  };\n\n  const refWithHotkeySubmit = useHotkeySubmit({\n    ref,\n    submitController,\n  });\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider\n        form={form as UseFormReturn}\n        isReadOnly={isReadOnly}\n        id={formId}\n        onAfterSuccessFeedback={onAfterSuccessFeedback}\n        rootErrorController={rootErrorController}\n      >\n        <FormComponent\n          {...formProps}\n          ref={refWithHotkeySubmit}\n          id={formId}\n          onSubmit={handleSubmit}\n        >\n          {children}\n        </FormComponent>\n      </FormContextProvider>\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"mappings":";;;;;;;;;;;;;;AA4FA,IAAM,wBAA2C,MAAM,oBAAC,QAAD,EAAM,GAAI,EAAI,CAAA;;;;;;;AAQrE,IAAM,4BACJ,iBACA,cACY;CACZ,MAAM,eAAe,gBAAgB,8BAA8B;CAEnE,IAAI;CACJ,IAAI;EACF,SAAS,UAAU;CACrB,SAAS,OAAO;EACd,aAAa;EACb,MAAM;CACR;CAEA,IAAI,kBAAkB,SACpB,OAAO,OAAO,QAAQ,YAAY;CAEpC,aAAa;CACb,OAAO;AACT;AAEA,SAAgB,KAA4B,OAAqB;CAC/D,MAAM,EACJ,MACA,UACA,UAAU,cACV,gBAAgB,sBAChB,YACA,KACA,IAAI,QACJ,YAAY,MACZ,mCAAmC,uCACnC,kBAAkB,2BAClB,GAAG,cACD;CAEJ,MAAM,YAAY,MAAM;CACxB,MAAM,SAAS,UAAU;CACzB,MAAM,gBAAgB,cAAc,eAAe,CAAC,MAAM,CAAC;CAC3D,MAAM,sBAAsB,OAAgC,KAAA,CAAS;CACrE,MAAM,EAAE,YAAY,KAAK;CACzB,MAAM,sBAAsB,2BAA2B;CAEvD,MAAM,0BAA0B,wBAAwB;CACxD,MAAM,mBAAmB,4BACrB,0BAA0B,OAAO,OAAO,uBAAuB,IAC/D;CAEJ,MAAM,mBACJ,OAAO,cAAc,YACjB,EAAE,mBAAmB,UAAU,IAC/B;CAEN,MAAM,WAAW,qBAAqB,MAAM;CAC5C,MAAM,oCACJ,yCACA,SAAS;CAEX,MAAM,kBAAkB,mBAAmB;CAC3C,gBAAgB,iBAAiB,EAK/B,gBAAgB,oCAAoC,UAAU,KAAA,EAChE,CAAC;CACD,gBAAgB,kBAAkB;EAChC,IAAI,kBAAkB,mBACpB,KAAK,MAAM;CAEf,CAAC;CAED,MAAM,EAAE,sBAAsB,gBAAgB;CAC9C,MAAM,WAAW,qBACZ,QAAW,UACV,kBAAqB,cAAc,QAAQ;EAAE;EAAM;CAAM,CAAC,IAC5D;CAEJ,MAAM,sBAAsB,WAAoB;EAC9C,IAAI,OAAO,WAAW,YACpB,oBAAoB,UAAU;EAEhC,MAAM,YAAY,KAAK,cAAc,MAAiB,CAAC,EAAE;EACzD,IAAI,aAAa,CAAC,oBAAoB,uBACpC,MAAM,IAAI,cAAc,SAAS;CAErC;CAEA,MAAM,eAAe,OAAO,MAA8C;EACxE,MAAM,YACJ,KAAK,iBAAiB,IAAK,IAA2B,KAAA;EACxD,WAAW,gBAAgB;EAI3B,MAAM,KAAK,cAAc,QAAQ,UAC/B,yBAAyB,uBAAuB;GAC9C,MAAM,eAAe,SAAS,QAAQ,KAAK;GAC3C,IAAI,wBAAwB,SAC1B,OAAO,aAAa,KAAK,kBAAkB;GAE7C,mBAAmB,YAAY;EACjC,CAAC,CACH,CAAC,CAAC,SAAS;CACb;CACA,iBAAiB,OAAO,IAAI,YAAY;CAExC,MAAM,+BAA+B;EACnC,MAAM,WAAW,oBAAoB;EACrC,IAAI,CAAC,UACH;EAKF,yBAAyB,iBAAiB,QAAQ;CACpD;CAEA,MAAM,sBAAsB,gBAAgB;EAC1C;EACA;CACF,CAAC;CAED,OACE,oBAACA,cAAD;EAAwB,GAAI;EAC1B,UAAA,oBAAC,qBAAD;GACQ;GACM;GACZ,IAAI;GACoB;GACH;GAErB,UAAA,oBAAC,eAAD;IACE,GAAI;IACJ,KAAK;IACL,IAAI;IACJ,UAAU;IAET;GACY,CAAA;EACI,CAAA;CACC,CAAA;AAE5B"}

package/dist/js/packages/components/src/integrations/react-hook-form/components/Form/hooks/useFormSubmitController.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useRef } from "react";
-//#region src/integrations/react-hook-form/components/Form/hooks/useFormSubmitController.ts
+// src/integrations/react-hook-form/components/Form/hooks/useFormSubmitController.ts
 var useFormSubmitController = () => {
 	const submitHandler = useRef(async () => {});
 	const fn = async () => {
@@ -21,7 +21,6 @@ var useFormSubmitController = () => {
 	};
 	return formSubmitControllerReturn;
 };
-//#endregion
 export { useFormSubmitController };
 
 //# sourceMappingURL=useFormSubmitController.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit.mjs

@@ -3,7 +3,7 @@
 import { useObjectRef } from "react-aria";
 import { useMergeRefs } from "use-callback-ref";
 import { useHotkeys } from "react-hotkeys-hook";
-//#region src/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit.ts
+// src/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit.ts
 var useHotkeySubmit = (options) => {
 	const { ref, submitController } = options;
 	return useMergeRefs([useObjectRef(ref), useHotkeys("mod+enter", submitController.submit, {
@@ -11,7 +11,6 @@ var useHotkeySubmit = (options) => {
 		enableOnContentEditable: true
 	})]);
 };
-//#endregion
 export { useHotkeySubmit };
 
 //# sourceMappingURL=useHotkeySubmit.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/FormAction/FormAction.mjs

@@ -3,7 +3,7 @@
 import { FormResetAction } from "./FormResetAction.mjs";
 import { FormSubmitAction } from "./FormSubmitAction.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
-//#region src/integrations/react-hook-form/components/FormAction/FormAction.tsx
+// src/integrations/react-hook-form/components/FormAction/FormAction.tsx
 var FormAction = (props) => {
 	const { children, reset, submit, ...actionProps } = props;
 	if (submit) return /* @__PURE__ */ jsx(FormSubmitAction, {
@@ -16,7 +16,6 @@ var FormAction = (props) => {
 	});
 	return /* @__PURE__ */ jsx(Fragment, { children });
 };
-//#endregion
 export { FormAction, FormAction as default };
 
 //# sourceMappingURL=FormAction.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/FormAction/FormResetAction.mjs

@@ -4,7 +4,7 @@ import { PropsContextProvider } from "../../../../lib/propsContext/components/Pr
 import { Action } from "../../../../components/Action/Action.mjs";
 import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/integrations/react-hook-form/components/FormAction/FormResetAction.tsx
+// src/integrations/react-hook-form/components/FormAction/FormResetAction.tsx
 var FormResetAction = (props) => {
 	const { children, ...actionProps } = props;
 	const { form, isReadOnly, id } = useFormContext();
@@ -25,7 +25,6 @@ var FormResetAction = (props) => {
 		})
 	});
 };
-//#endregion
 export { FormResetAction };
 
 //# sourceMappingURL=FormResetAction.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/FormAction/FormSubmitAction.mjs

@@ -6,7 +6,7 @@ import { ActionBatch } from "../../../../components/Action/ActionBatch.mjs";
 import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
 import { useFormSubmitAction } from "../FormContextProvider/useFormSubmitAction.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/integrations/react-hook-form/components/FormAction/FormSubmitAction.tsx
+// src/integrations/react-hook-form/components/FormAction/FormSubmitAction.tsx
 var InnerFormSubmitAction = (props) => {
 	const { children, ...actionProps } = props;
 	const { form } = useFormContext();
@@ -39,7 +39,6 @@ var FormSubmitAction = (props) => {
 	});
 	return innerSubmitAction;
 };
-//#endregion
 export { FormSubmitAction, FormSubmitAction as default };
 
 //# sourceMappingURL=FormSubmitAction.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.mjs

@@ -4,7 +4,7 @@ import { useUpdateReadOnly } from "./useUpdateReadOnly.mjs";
 import { createContext, useContext, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import invariant from "invariant";
-//#region src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.tsx
+// src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.tsx
 var FormContext = createContext(void 0);
 var FormContextProvider = (props) => {
 	const { form, id, isReadOnly: isReadOnlyProp = false, onAfterSuccessFeedback, children, rootErrorController } = props;
@@ -32,7 +32,6 @@ var useFormContext = () => {
 	return ctx;
 };
 var useOptionalFormContext = () => useContext(FormContext);
-//#endregion
 export { FormContext, FormContextProvider, FormContextProvider as default, useFormContext, useOptionalFormContext };
 
 //# sourceMappingURL=FormContextProvider.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.mjs

@@ -3,7 +3,7 @@
 import { AbortActionError } from "../../../../components/Action/AbortActionError.mjs";
 import { ActionModel } from "../../../../components/Action/models/ActionModel.mjs";
 import { useEffect, useRef } from "react";
-//#region src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts
+// src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts
 var useFormSubmitAction = (formState, actionProps) => {
 	const { isSubmitting, isSubmitSuccessful } = formState;
 	const submitPromise = useRef(void 0);
@@ -38,7 +38,6 @@ var useFormSubmitAction = (formState, actionProps) => {
 	]);
 	return formSubmitAction;
 };
-//#endregion
 export { useFormSubmitAction };
 
 //# sourceMappingURL=useFormSubmitAction.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useEffect } from "react";
-//#region src/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.ts
+// src/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.ts
 var useUpdateReadOnly = (options) => {
 	const { formState, setReadOnly } = options;
 	const { isSubmitting } = formState;
@@ -9,7 +9,6 @@ var useUpdateReadOnly = (options) => {
 		setReadOnly(isSubmitting);
 	}, [isSubmitting, setReadOnly]);
 };
-//#endregion
 export { useUpdateReadOnly };
 
 //# sourceMappingURL=useUpdateReadOnly.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/FormRootError/FormRootError.mjs

@@ -1,10 +1,10 @@
 "use client"
 /* */
-import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
 import FieldErrorView from "../../../../views/FieldErrorView.mjs";
+import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
 import { useMountedFormRootErrorComponent } from "./useMountedFormRootErrorComponent.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
-//#region src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx
+// src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx
 /** @flowStatus new */
 var FormRootError = (props) => {
 	const { children } = props;
@@ -18,7 +18,6 @@ var FormRootError = (props) => {
 	if (!error) return null;
 	return /* @__PURE__ */ jsx(Fragment, { children: typeof children === "function" ? children(error) : children });
 };
-//#endregion
 export { FormRootError, FormRootError as default };
 
 //# sourceMappingURL=FormRootError.mjs.map