@mittwald/flow-react-components 0.2.0-experimental.775 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"useFormSubmitAction.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"sourcesContent":["import { AbortActionError, type ActionProps } from \"@/components/Action\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\nexport const useFormSubmitAction = (\n  formState: FormState<FieldValues>,\n  actionProps?: ActionProps,\n) => {\n  const { isSubmitting, isSubmitSuccessful } = formState;\n\n  const submitPromise = useRef<PromiseWithResolvers<void>>(undefined);\n\n  const formSubmitAction = ActionModel.useNew({\n    ...actionProps,\n    onAction: () => {\n      submitPromise.current = Promise.withResolvers<void>();\n      actionProps?.onAction?.();\n      return submitPromise.current.promise;\n    },\n  });\n\n  useEffect(() => {\n    if (isSubmitting) {\n      if (!formSubmitAction.state.isBusy) {\n        /**\n         * Manually start execution. This happens if the form submission was\n         * triggered by other means than the submit button, e.g. by pressing\n         * Enter in a text field.\n         */\n        formSubmitAction.execute();\n      }\n      return;\n    }\n\n    if (isSubmitSuccessful) {\n      submitPromise.current?.resolve();\n      return;\n    }\n\n    submitPromise.current?.reject(\n      new AbortActionError(\"Form submission failed\"),\n    );\n  }, [isSubmitting, isSubmitSuccessful, submitPromise]);\n\n  return formSubmitAction;\n};\n"],"names":[],"mappings":";;;;;;;;AAKO,MAAM,mBAAA,GAAsB,CACjC,SAAA,EACA,WAAA,KACG;AACH,EAAA,MAAM,EAAE,YAAA,EAAc,kBAAA,EAAmB,GAAI,SAAA;AAE7C,EAAA,MAAM,aAAA,GAAgB,OAAmC,MAAS,CAAA;AAElE,EAAA,MAAM,gBAAA,GAAmB,YAAY,MAAA,CAAO;AAAA,IAC1C,GAAG,WAAA;AAAA,IACH,UAAU,MAAM;AACd,MAAA,aAAA,CAAc,OAAA,GAAU,QAAQ,aAAA,EAAoB;AACpD,MAAA,WAAA,EAAa,QAAA,IAAW;AACxB,MAAA,OAAO,cAAc,OAAA,CAAQ,OAAA;AAAA,IAC/B;AAAA,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,IAAI,CAAC,gBAAA,CAAiB,KAAA,CAAM,MAAA,EAAQ;AAMlC,QAAA,gBAAA,CAAiB,OAAA,EAAQ;AAAA,MAC3B;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,aAAA,CAAc,SAAS,OAAA,EAAQ;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,aAAA,CAAc,OAAA,EAAS,MAAA;AAAA,MACrB,IAAI,iBAAiB,wBAAwB;AAAA,KAC/C;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,kBAAA,EAAoB,aAAa,CAAC,CAAA;AAEpD,EAAA,OAAO,gBAAA;AACT;;;;"}
+{"version":3,"file":"useFormSubmitAction.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"sourcesContent":["import { AbortActionError, type ActionProps } from \"@/components/Action\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\nexport const useFormSubmitAction = (\n  formState: FormState<FieldValues>,\n  actionProps?: ActionProps,\n) => {\n  const { isSubmitting, isSubmitSuccessful } = formState;\n\n  const submitPromise = useRef<PromiseWithResolvers<void>>(undefined);\n\n  const formSubmitAction = ActionModel.useNew({\n    ...actionProps,\n    onAction: () => {\n      submitPromise.current = Promise.withResolvers<void>();\n      actionProps?.onAction?.();\n      return submitPromise.current.promise;\n    },\n  });\n\n  useEffect(() => {\n    if (isSubmitting) {\n      if (!formSubmitAction.state.isBusy) {\n        /**\n         * Manually start execution. This happens if the form submission was\n         * triggered by other means than the submit button, e.g. by pressing\n         * Enter in a text field.\n         */\n        formSubmitAction.execute();\n      }\n      return;\n    }\n\n    if (isSubmitSuccessful) {\n      submitPromise.current?.resolve();\n      return;\n    }\n\n    submitPromise.current?.reject(\n      new AbortActionError(\"Form submission failed\"),\n    );\n  }, [isSubmitting, isSubmitSuccessful, submitPromise]);\n\n  return formSubmitAction;\n};\n"],"mappings":";;;;;;AAKA,IAAa,uBACX,WACA,gBACG;CACH,MAAM,EAAE,cAAc,uBAAuB;CAE7C,MAAM,gBAAgB,OAAmC,KAAA,CAAS;CAElE,MAAM,mBAAmB,YAAY,OAAO;EAC1C,GAAG;EACH,gBAAgB;GACd,cAAc,UAAU,QAAQ,cAAoB;GACpD,aAAa,WAAW;GACxB,OAAO,cAAc,QAAQ;EAC/B;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,cAAc;GAChB,IAAI,CAAC,iBAAiB,MAAM;;;;;;GAM1B,iBAAiB,QAAQ;GAE3B;EACF;EAEA,IAAI,oBAAoB;GACtB,cAAc,SAAS,QAAQ;GAC/B;EACF;EAEA,cAAc,SAAS,OACrB,IAAI,iBAAiB,wBAAwB,CAC/C;CACF,GAAG;EAAC;EAAc;EAAoB;CAAa,CAAC;CAEpD,OAAO;AACT"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useUpdateReadOnly.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\ninterface Options {\n  formState: FormState<FieldValues>;\n  setReadOnly: (isReadOnly: boolean) => void;\n}\n\nexport const useUpdateReadOnly = (options: Options) => {\n  const { formState, setReadOnly } = options;\n\n  const { isSubmitting } = formState;\n\n  useEffect(() => {\n    setReadOnly(isSubmitting);\n  }, [isSubmitting, setReadOnly]);\n};\n"],"names":[],"mappings":";;AAQO,MAAM,iBAAA,GAAoB,CAAC,OAAA,KAAqB;AACrD,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAY,GAAI,OAAA;AAEnC,EAAA,MAAM,EAAE,cAAa,GAAI,SAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,YAAY,CAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAChC;;;;"}
+{"version":3,"file":"useUpdateReadOnly.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\ninterface Options {\n  formState: FormState<FieldValues>;\n  setReadOnly: (isReadOnly: boolean) => void;\n}\n\nexport const useUpdateReadOnly = (options: Options) => {\n  const { formState, setReadOnly } = options;\n\n  const { isSubmitting } = formState;\n\n  useEffect(() => {\n    setReadOnly(isSubmitting);\n  }, [isSubmitting, setReadOnly]);\n};\n"],"mappings":";;;;AAQA,IAAa,qBAAqB,YAAqB;CACrD,MAAM,EAAE,WAAW,gBAAgB;CAEnC,MAAM,EAAE,iBAAiB;CAEzB,gBAAgB;EACd,YAAY,YAAY;CAC1B,GAAG,CAAC,cAAc,WAAW,CAAC;AAChC"}

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

@@ -1,16 +1,21 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
-import FieldErrorView from '../../../../views/FieldErrorView.mjs';
-import { useMountedFormRootErrorComponent } from './useMountedFormRootErrorComponent.mjs';
-
-const FormRootError = () => {
-  const form = useFormContext().form;
-  useMountedFormRootErrorComponent();
-  const error = form.formState.errors.root;
-  return /* @__PURE__ */ jsx(FieldErrorView, { renderAlert: true, children: error?.message });
+import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
+import FieldErrorView from "../../../../views/FieldErrorView.mjs";
+import { useMountedFormRootErrorComponent } from "./useMountedFormRootErrorComponent.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx
+/** @flowStatus new */
+var FormRootError = () => {
+	const form = useFormContext().form;
+	useMountedFormRootErrorComponent();
+	const error = form.formState.errors.root;
+	return /* @__PURE__ */ jsx(FieldErrorView, {
+		renderAlert: true,
+		children: error?.message
+	});
 };
+//#endregion
+export { FormRootError, FormRootError as default };
 
-export { FormRootError };
-//# sourceMappingURL=FormRootError.mjs.map
+//# sourceMappingURL=FormRootError.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormRootError.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useFormContext } from \"../FormContextProvider\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useMountedFormRootErrorComponent } from \"./useMountedFormRootErrorComponent\";\n\nexport const FormRootError: FC = () => {\n  const form = useFormContext().form;\n  useMountedFormRootErrorComponent();\n  const error = form.formState.errors.root;\n  return <FieldErrorView renderAlert>{error?.message}</FieldErrorView>;\n};\n\nexport default FormRootError;\n"],"names":[],"mappings":";;;;;AAKO,MAAM,gBAAoB,MAAM;AACrC,EAAA,MAAM,IAAA,GAAO,gBAAe,CAAE,IAAA;AAC9B,EAAA,gCAAA,EAAiC;AACjC,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,IAAA;AACpC,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,WAAA,EAAW,IAAA,EAAE,iBAAO,OAAA,EAAQ,CAAA;AACrD;;;;"}
+{"version":3,"file":"FormRootError.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useFormContext } from \"../FormContextProvider\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useMountedFormRootErrorComponent } from \"./useMountedFormRootErrorComponent\";\n\n/** @flowStatus new */\nexport const FormRootError: FC = () => {\n  const form = useFormContext().form;\n  useMountedFormRootErrorComponent();\n  const error = form.formState.errors.root;\n  return <FieldErrorView renderAlert>{error?.message}</FieldErrorView>;\n};\n\nexport default FormRootError;\n"],"mappings":";;;;;;;;AAMA,IAAa,sBAA0B;CACrC,MAAM,OAAO,eAAe,CAAC,CAAC;CAC9B,iCAAiC;CACjC,MAAM,QAAQ,KAAK,UAAU,OAAO;CACpC,OAAO,oBAAC,gBAAD;EAAgB,aAAA;EAAa,UAAA,OAAO;CAAwB,CAAA;AACrE"}

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

@@ -1,17 +1,15 @@
 "use client"
 /* */
-import { useState, useMemo } from 'react';
-
-const useFormRootErrorController = () => {
-  const [errorComponentMounted, updateErrorComponentMounted] = useState(false);
-  return useMemo(
-    () => ({
-      errorComponentMounted,
-      updateErrorComponentMounted
-    }),
-    [errorComponentMounted, updateErrorComponentMounted]
-  );
+import { useMemo, useState } from "react";
+//#region src/integrations/react-hook-form/components/FormRootError/useFormRootErrorController.ts
+var useFormRootErrorController = () => {
+	const [errorComponentMounted, updateErrorComponentMounted] = useState(false);
+	return useMemo(() => ({
+		errorComponentMounted,
+		updateErrorComponentMounted
+	}), [errorComponentMounted, updateErrorComponentMounted]);
 };
-
+//#endregion
 export { useFormRootErrorController };
-//# sourceMappingURL=useFormRootErrorController.mjs.map
+
+//# sourceMappingURL=useFormRootErrorController.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFormRootErrorController.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/useFormRootErrorController.ts"],"sourcesContent":["import { useMemo, useState, type Dispatch, type SetStateAction } from \"react\";\n\nexport interface FormRootErrorController {\n  errorComponentMounted: boolean;\n  updateErrorComponentMounted: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const useFormRootErrorController = (): FormRootErrorController => {\n  const [errorComponentMounted, updateErrorComponentMounted] = useState(false);\n\n  return useMemo(\n    () => ({\n      errorComponentMounted,\n      updateErrorComponentMounted,\n    }),\n    [errorComponentMounted, updateErrorComponentMounted],\n  );\n};\n"],"names":[],"mappings":";;AAOO,MAAM,6BAA6B,MAA+B;AACvE,EAAA,MAAM,CAAC,qBAAA,EAAuB,2BAA2B,CAAA,GAAI,SAAS,KAAK,CAAA;AAE3E,EAAA,OAAO,OAAA;AAAA,IACL,OAAO;AAAA,MACL,qBAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,uBAAuB,2BAA2B;AAAA,GACrD;AACF;;;;"}
+{"version":3,"file":"useFormRootErrorController.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/useFormRootErrorController.ts"],"sourcesContent":["import { useMemo, useState, type Dispatch, type SetStateAction } from \"react\";\n\nexport interface FormRootErrorController {\n  errorComponentMounted: boolean;\n  updateErrorComponentMounted: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const useFormRootErrorController = (): FormRootErrorController => {\n  const [errorComponentMounted, updateErrorComponentMounted] = useState(false);\n\n  return useMemo(\n    () => ({\n      errorComponentMounted,\n      updateErrorComponentMounted,\n    }),\n    [errorComponentMounted, updateErrorComponentMounted],\n  );\n};\n"],"mappings":";;;;AAOA,IAAa,mCAA4D;CACvE,MAAM,CAAC,uBAAuB,+BAA+B,SAAS,KAAK;CAE3E,OAAO,eACE;EACL;EACA;CACF,IACA,CAAC,uBAAuB,2BAA2B,CACrD;AACF"}

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

@@ -1,17 +1,18 @@
 "use client"
 /* */
-import { useEffect } from 'react';
-import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
-
-const useMountedFormRootErrorComponent = () => {
-  const controller = useFormContext().rootErrorController;
-  useEffect(() => {
-    controller.updateErrorComponentMounted(true);
-    return () => {
-      controller.updateErrorComponentMounted(false);
-    };
-  }, [controller]);
+import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
+import { useEffect } from "react";
+//#region src/integrations/react-hook-form/components/FormRootError/useMountedFormRootErrorComponent.ts
+var useMountedFormRootErrorComponent = () => {
+	const controller = useFormContext().rootErrorController;
+	useEffect(() => {
+		controller.updateErrorComponentMounted(true);
+		return () => {
+			controller.updateErrorComponentMounted(false);
+		};
+	}, [controller]);
 };
-
+//#endregion
 export { useMountedFormRootErrorComponent };
-//# sourceMappingURL=useMountedFormRootErrorComponent.mjs.map
+
+//# sourceMappingURL=useMountedFormRootErrorComponent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMountedFormRootErrorComponent.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/useMountedFormRootErrorComponent.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useFormContext } from \"../FormContextProvider\";\n\nexport const useMountedFormRootErrorComponent = () => {\n  const controller = useFormContext().rootErrorController;\n\n  useEffect(() => {\n    controller.updateErrorComponentMounted(true);\n    return () => {\n      controller.updateErrorComponentMounted(false);\n    };\n  }, [controller]);\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,mCAAmC,MAAM;AACpD,EAAA,MAAM,UAAA,GAAa,gBAAe,CAAE,mBAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,4BAA4B,IAAI,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,4BAA4B,KAAK,CAAA;AAAA,IAC9C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjB;;;;"}
+{"version":3,"file":"useMountedFormRootErrorComponent.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/useMountedFormRootErrorComponent.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useFormContext } from \"../FormContextProvider\";\n\nexport const useMountedFormRootErrorComponent = () => {\n  const controller = useFormContext().rootErrorController;\n\n  useEffect(() => {\n    controller.updateErrorComponentMounted(true);\n    return () => {\n      controller.updateErrorComponentMounted(false);\n    };\n  }, [controller]);\n};\n"],"mappings":";;;;;AAGA,IAAa,yCAAyC;CACpD,MAAM,aAAa,eAAe,CAAC,CAAC;CAEpC,gBAAgB;EACd,WAAW,4BAA4B,IAAI;EAC3C,aAAa;GACX,WAAW,4BAA4B,KAAK;EAC9C;CACF,GAAG,CAAC,UAAU,CAAC;AACjB"}

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

@@ -1,13 +1,17 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-
-const context = createContext({});
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/integrations/react-hook-form/components/FormSettingsProvider/FormSettingsProvider.tsx
+var context = createContext({});
 function FormSettingsProvider(props) {
-  return /* @__PURE__ */ jsx(context.Provider, { value: props, children: props.children });
+	return /* @__PURE__ */ jsx(context.Provider, {
+		value: props,
+		children: props.children
+	});
 }
-const useFormSettings = () => useContext(context);
-
+var useFormSettings = () => useContext(context);
+//#endregion
 export { FormSettingsProvider, useFormSettings };
-//# sourceMappingURL=FormSettingsProvider.mjs.map
+
+//# sourceMappingURL=FormSettingsProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormSettingsProvider.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormSettingsProvider/FormSettingsProvider.tsx"],"sourcesContent":["import { createContext, useContext, type PropsWithChildren } from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport type { FormOnSubmitHandler } from \"../Form/Form\";\n\nexport interface SubmitInterceptorContext<F extends FieldValues = FieldValues> {\n  form: UseFormReturn<F>;\n}\n\nexport type SubmitInterceptor = <F extends FieldValues = FieldValues>(\n  submit: FormOnSubmitHandler<F>,\n  values: F,\n  context: SubmitInterceptorContext<F>,\n) => ReturnType<FormOnSubmitHandler<F>>;\n\ninterface Context {\n  submitInterceptor?: SubmitInterceptor;\n}\n\nconst context = createContext<Context>({});\n\nexport type FormSettingsProviderProps = Context & PropsWithChildren;\n\nexport function FormSettingsProvider(props: FormSettingsProviderProps) {\n  return (\n    <context.Provider value={props as Context}>\n      {props.children}\n    </context.Provider>\n  );\n}\n\nexport const useFormSettings = () => useContext(context);\n"],"names":[],"mappings":";;;AAkBA,MAAM,OAAA,GAAU,aAAA,CAAuB,EAAE,CAAA;AAIlC,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,2BACG,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,KAAA,EACtB,gBAAM,QAAA,EACT,CAAA;AAEJ;AAEO,MAAM,eAAA,GAAkB,MAAM,UAAA,CAAW,OAAO;;;;"}
+{"version":3,"file":"FormSettingsProvider.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormSettingsProvider/FormSettingsProvider.tsx"],"sourcesContent":["import { createContext, useContext, type PropsWithChildren } from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport type { FormOnSubmitHandler } from \"../Form/Form\";\n\nexport interface SubmitInterceptorContext<F extends FieldValues = FieldValues> {\n  form: UseFormReturn<F>;\n}\n\nexport type SubmitInterceptor = <F extends FieldValues = FieldValues>(\n  submit: FormOnSubmitHandler<F>,\n  values: F,\n  context: SubmitInterceptorContext<F>,\n) => ReturnType<FormOnSubmitHandler<F>>;\n\ninterface Context {\n  submitInterceptor?: SubmitInterceptor;\n}\n\nconst context = createContext<Context>({});\n\nexport type FormSettingsProviderProps = Context & PropsWithChildren;\n\nexport function FormSettingsProvider(props: FormSettingsProviderProps) {\n  return (\n    <context.Provider value={props as Context}>\n      {props.children}\n    </context.Provider>\n  );\n}\n\nexport const useFormSettings = () => useContext(context);\n"],"mappings":";;;;;AAkBA,IAAM,UAAU,cAAuB,CAAC,CAAC;AAIzC,SAAgB,qBAAqB,OAAkC;CACrE,OACE,oBAAC,QAAQ,UAAT;EAAkB,OAAO;EACtB,UAAA,MAAM;CACS,CAAA;AAEtB;AAEA,IAAa,wBAAwB,WAAW,OAAO"}

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

@@ -1,13 +1,16 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import '../../../../components/Button/Button.mjs';
-import { FormAction } from '../FormAction/FormAction.mjs';
-import ButtonView from '../../../../views/ButtonView.mjs';
-
-const ResetButton = (props) => {
-  return /* @__PURE__ */ jsx(FormAction, { reset: true, children: /* @__PURE__ */ jsx(ButtonView, { ...props }) });
+import ButtonView from "../../../../views/ButtonView.mjs";
+import { FormAction } from "../FormAction/FormAction.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/integrations/react-hook-form/components/ResetButton/ResetButton.tsx
+var ResetButton = (props) => {
+	return /* @__PURE__ */ jsx(FormAction, {
+		reset: true,
+		children: /* @__PURE__ */ jsx(ButtonView, { ...props })
+	});
 };
+//#endregion
+export { ResetButton, ResetButton as default };
 
-export { ResetButton };
-//# sourceMappingURL=ResetButton.mjs.map
+//# sourceMappingURL=ResetButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResetButton.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/ResetButton/ResetButton.tsx"],"sourcesContent":["import { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\nexport const ResetButton: FC<ButtonProps> = (props) => {\n  return (\n    <FormAction reset>\n      <ButtonView {...props} />\n    </FormAction>\n  );\n};\n\nexport default ResetButton;\n"],"names":[],"mappings":";;;;;AAKO,MAAM,WAAA,GAA+B,CAAC,KAAA,KAAU;AACrD,EAAA,uBACE,GAAA,CAAC,cAAW,KAAA,EAAK,IAAA,EACf,8BAAC,UAAA,EAAA,EAAY,GAAG,OAAO,CAAA,EACzB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ResetButton.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/ResetButton/ResetButton.tsx"],"sourcesContent":["import { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\nexport const ResetButton: FC<ButtonProps> = (props) => {\n  return (\n    <FormAction reset>\n      <ButtonView {...props} />\n    </FormAction>\n  );\n};\n\nexport default ResetButton;\n"],"mappings":";;;;;;AAKA,IAAa,eAAgC,UAAU;CACrD,OACE,oBAAC,YAAD;EAAY,OAAA;EACV,UAAA,oBAAC,YAAD,EAAY,GAAI,MAAQ,CAAA;CACd,CAAA;AAEhB"}

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

@@ -1,14 +1,21 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import '../../../../components/Button/Button.mjs';
-import { FormAction } from '../FormAction/FormAction.mjs';
-import ButtonView from '../../../../views/ButtonView.mjs';
-
-const SubmitButton = (props) => {
-  const { showFeedback, ...buttonProps } = props;
-  return /* @__PURE__ */ jsx(FormAction, { submit: true, showFeedback, children: /* @__PURE__ */ jsx(ButtonView, { ...buttonProps }) });
+import ButtonView from "../../../../views/ButtonView.mjs";
+import { FormAction } from "../FormAction/FormAction.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx
+var SubmitButton = (props) => {
+	const { showFeedback, ...buttonProps } = props;
+	return /* @__PURE__ */ jsx(FormAction, {
+		submit: true,
+		showFeedback,
+		children: /* @__PURE__ */ jsx(ButtonView, {
+			color: "success",
+			...buttonProps
+		})
+	});
 };
+//#endregion
+export { SubmitButton, SubmitButton as default };
 
-export { SubmitButton };
-//# sourceMappingURL=SubmitButton.mjs.map
+//# sourceMappingURL=SubmitButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action\";\nimport { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport type SubmitButtonProps = ButtonProps & SupportedActionProps;\n\nexport const SubmitButton: FC<SubmitButtonProps> = (props) => {\n  const { showFeedback, ...buttonProps } = props;\n  return (\n    <FormAction submit showFeedback={showFeedback}>\n      <ButtonView {...buttonProps} />\n    </FormAction>\n  );\n};\n\nexport default SubmitButton;\n"],"names":[],"mappings":";;;;;AAUO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,YAAA,EAAc,GAAG,WAAA,EAAY,GAAI,KAAA;AACzC,EAAA,uBACE,GAAA,CAAC,cAAW,MAAA,EAAM,IAAA,EAAC,cACjB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAY,GAAG,WAAA,EAAa,CAAA,EAC/B,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SubmitButton.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action\";\nimport { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport type SubmitButtonProps = ButtonProps & SupportedActionProps;\n\nexport const SubmitButton: FC<SubmitButtonProps> = (props) => {\n  const { showFeedback, ...buttonProps } = props;\n  return (\n    <FormAction submit showFeedback={showFeedback}>\n      <ButtonView color=\"success\" {...buttonProps} />\n    </FormAction>\n  );\n};\n\nexport default SubmitButton;\n"],"mappings":";;;;;;AAUA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,cAAc,GAAG,gBAAgB;CACzC,OACE,oBAAC,YAAD;EAAY,QAAA;EAAqB;EAC/B,UAAA,oBAAC,YAAD;GAAY,OAAM;GAAU,GAAI;EAAc,CAAA;CACpC,CAAA;AAEhB"}

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

@@ -1,13 +1,15 @@
 "use client"
 /* */
-class FormRootError extends Error {
-  type;
-  constructor(fieldError) {
-    super(fieldError.message);
-    this.name = "FormRootError";
-    this.type = fieldError.type;
-  }
-}
-
+//#region src/integrations/react-hook-form/lib/FormRootError.ts
+var FormRootError = class extends Error {
+	type;
+	constructor(fieldError) {
+		super(fieldError.message);
+		this.name = "FormRootError";
+		this.type = fieldError.type;
+	}
+};
+//#endregion
 export { FormRootError };
-//# sourceMappingURL=FormRootError.mjs.map
+
+//# sourceMappingURL=FormRootError.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormRootError.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/lib/FormRootError.ts"],"sourcesContent":["import type { FieldError } from \"react-hook-form\";\n\nexport class FormRootError extends Error {\n  public readonly type: string;\n\n  public constructor(fieldError: FieldError) {\n    super(fieldError.message);\n    this.name = \"FormRootError\";\n    this.type = fieldError.type;\n  }\n}\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsB,KAAA,CAAM;AAAA,EACvB,IAAA;AAAA,EAET,YAAY,UAAA,EAAwB;AACzC,IAAA,KAAA,CAAM,WAAW,OAAO,CAAA;AACxB,IAAA,IAAA,CAAK,IAAA,GAAO,eAAA;AACZ,IAAA,IAAA,CAAK,OAAO,UAAA,CAAW,IAAA;AAAA,EACzB;AACF;;;;"}
+{"version":3,"file":"FormRootError.mjs","names":[],"sources":["../../../../../../../../src/integrations/react-hook-form/lib/FormRootError.ts"],"sourcesContent":["import type { FieldError } from \"react-hook-form\";\n\nexport class FormRootError extends Error {\n  public readonly type: string;\n\n  public constructor(fieldError: FieldError) {\n    super(fieldError.message);\n    this.name = \"FormRootError\";\n    this.type = fieldError.type;\n  }\n}\n"],"mappings":";;;AAEA,IAAa,gBAAb,cAAmC,MAAM;CACvC;CAEA,YAAmB,YAAwB;EACzC,MAAM,WAAW,OAAO;EACxB,KAAK,OAAO;EACZ,KAAK,OAAO,WAAW;CACzB;AACF"}

package/dist/js/packages/components/src/lib/array/toArray.mjs

@@ -1,6 +1,8 @@
 "use client"
 /* */
-const toArray = (val) => Array.isArray(val) ? val : [val];
-
+//#region src/lib/array/toArray.ts
+var toArray = (val) => Array.isArray(val) ? val : [val];
+//#endregion
 export { toArray };
-//# sourceMappingURL=toArray.mjs.map
+
+//# sourceMappingURL=toArray.mjs.map

package/dist/js/packages/components/src/lib/array/toArray.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toArray.mjs","sources":["../../../../../../../src/lib/array/toArray.ts"],"sourcesContent":["export const toArray = <T>(val: T | T[]): T[] =>\n  Array.isArray(val) ? val : [val];\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU,CAAI,GAAA,KACzB,KAAA,CAAM,QAAQ,GAAG,CAAA,GAAI,GAAA,GAAM,CAAC,GAAG;;;;"}
+{"version":3,"file":"toArray.mjs","names":[],"sources":["../../../../../../../src/lib/array/toArray.ts"],"sourcesContent":["export const toArray = <T>(val: T | T[]): T[] =>\n  Array.isArray(val) ? val : [val];\n"],"mappings":";;;AAAA,IAAa,WAAc,QACzB,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG"}

package/dist/js/packages/components/src/lib/componentFactory/flowComponent.mjs

@@ -1,49 +1,71 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { memo, cloneElement } from 'react';
-import { TunnelEntry } from '@mittwald/react-tunnel';
-import { SlotContextProvider } from '../slotContext/SlotContextProvider.mjs';
-import { useProps } from '../hooks/useProps.mjs';
-import { useComponentPropsContext } from '../propsContext/propsContext.mjs';
-import { ComponentPropsContextProvider } from '../propsContext/components/ComponentPropsContextProvider.mjs';
-import { ClearPropsContext } from '../propsContext/components/ClearPropsContext.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-
+import { SlotContextProvider } from "../slotContext/SlotContextProvider.mjs";
+import { useComponentPropsContext } from "../propsContext/propsContext.mjs";
+import useProps from "../hooks/useProps.mjs";
+import { ComponentPropsContextProvider } from "../propsContext/components/ComponentPropsContextProvider.mjs";
+import { ClearPropsContext } from "../propsContext/components/ClearPropsContext.mjs";
+import ClearPropsContextView from "../../views/ClearPropsContextView.mjs";
+import { UiComponentTunnelProvider } from "../../components/UiComponentTunnel/UiComponentTunnelProvider.mjs";
+import { UiComponentTunnelEntry } from "../../components/UiComponentTunnel/UiComponentTunnelEntry.mjs";
+import { ViewCompositionReset, useReportComponentUsage } from "../../components/ComponentUsageProvider/ComponentUsageProvider.mjs";
+import { cloneElement, memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/componentFactory/flowComponent.tsx
 function flowComponent(componentName, ImplementationComponentType, options = {}) {
-  const { type = "ui", isRemoteComponent = false } = options;
-  const MemoizedImplementationComponentType = memo(ImplementationComponentType);
-  function Component(props) {
-    const { tunnelId, wrapWith, ...propsWithContext } = useProps(
-      componentName,
-      props
-    );
-    const implementationTypeProps = propsWithContext;
-    const componentProps = useComponentPropsContext(componentName);
-    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;
-    let element = /* @__PURE__ */ jsx(MemoizedImplementationComponentType, { ...implementationTypeProps });
-    element = /* @__PURE__ */ jsx(ComponentPropsContextProvider, { componentProps, children: element });
-    if (type === "ui") {
-      if (isRemoteComponent) {
-        element = /* @__PURE__ */ jsx(ClearPropsContext, { children: element });
-      } else {
-        element = /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(ClearPropsContextView, { children: element }) });
-      }
-    }
-    if ("slot" in props && !!props.slot && typeof props.slot === "string") {
-      element = /* @__PURE__ */ jsx(SlotContextProvider, { slot: props.slot, component: componentName, children: element });
-    }
-    if (wrapWith) {
-      element = cloneElement(wrapWith, void 0, element);
-    }
-    if (tunnelId) {
-      element = /* @__PURE__ */ jsx(TunnelEntry, { id: tunnelId, children: element });
-    }
-    return element;
-  }
-  Component.displayName = `FlowComponent(${componentName})`;
-  return memo(Component);
+	const { type = "ui", isRemoteComponent = false } = options;
+	const MemoizedImplementationComponentType = memo(ImplementationComponentType);
+	function Component(props) {
+		const isViewComposition = useReportComponentUsage(componentName);
+		const { tunnel, wrapWith, ...propsWithContext } = useProps(componentName, props);
+		const implementationTypeProps = propsWithContext;
+		const componentProps = useComponentPropsContext(componentName);
+		ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;
+		let element = /* @__PURE__ */ jsx(MemoizedImplementationComponentType, { ...implementationTypeProps });
+		if (type === "ui" || type === "layout") element = /* @__PURE__ */ jsx(UiComponentTunnelProvider, {
+			component: componentName,
+			children: element
+		});
+		element = /* @__PURE__ */ jsx(ComponentPropsContextProvider, {
+			componentProps,
+			children: element
+		});
+		if (type === "ui") {
+			/**
+			* Protect the inside of UI components for accidental prop changes through
+			* the Props Context.
+			*/
+			if (isRemoteComponent) element = /* @__PURE__ */ jsx(ClearPropsContext, { children: element });
+			else
+ /**
+			* In case of a UI component that does not have a remote counterpart
+			* (like the Modal component), the <ClearPropsContext> must be
+			* additionally applied on the host side by using the
+			* <ClearPropsContextView>.
+			*
+			* This prevents Props Contexts created by parent components on the host
+			* side affecting the children of this UI component.
+			*/
+			element = /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(ClearPropsContextView, { children: element }) });
+		}
+		if ("slot" in props && !!props.slot && typeof props.slot === "string") element = /* @__PURE__ */ jsx(SlotContextProvider, {
+			slot: props.slot,
+			component: componentName,
+			children: element
+		});
+		if (wrapWith) element = cloneElement(wrapWith, void 0, element);
+		if (tunnel) element = /* @__PURE__ */ jsx(UiComponentTunnelEntry, {
+			id: tunnel.id,
+			component: tunnel.component,
+			children: element
+		});
+		if (isViewComposition) element = /* @__PURE__ */ jsx(ViewCompositionReset, { children: element });
+		return element;
+	}
+	Component.displayName = `FlowComponent(${componentName})`;
+	return memo(Component);
 }
-
+//#endregion
 export { flowComponent };
-//# sourceMappingURL=flowComponent.mjs.map
+
+//# sourceMappingURL=flowComponent.mjs.map

package/dist/js/packages/components/src/lib/componentFactory/flowComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"flowComponent.mjs","sources":["../../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  FunctionComponent,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n} from \"react\";\nimport { cloneElement, memo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel, RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\nexport type FlowComponentImplementationProps<C extends FlowComponentName> =\n  Omit<FlowComponentPropsOfName<C>, keyof FlowComponentProps> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\nexport type FlowComponentProvisionType = \"provider\" | \"ui\" | \"layout\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const componentProps = useComponentPropsContext(componentName);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    element = (\n      <ComponentPropsContextProvider componentProps={componentProps}>\n        {element}\n      </ComponentPropsContextProvider>\n    );\n\n    if (type === \"ui\") {\n      /**\n       * Protect the inside of UI components for accidental prop changes through\n       * the Props Context.\n       */\n      if (isRemoteComponent) {\n        element = <ClearPropsContext>{element}</ClearPropsContext>;\n      } else {\n        /**\n         * In case of a UI component that does not have a remote counterpart\n         * (like the Modal component), the <ClearPropsContext> must be\n         * additionally applied on the host side by using the\n         * <ClearPropsContextView>.\n         *\n         * This prevents Props Contexts created by parent components on the host\n         * side affecting the children of this UI component.\n         */\n        element = (\n          <ClearPropsContext>\n            <ClearPropsContextView>{element}</ClearPropsContextView>\n          </ClearPropsContext>\n        );\n      }\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"names":[],"mappings":";;;;;;;;;;AAgDO,SAAS,aAAA,CACd,aAAA,EACA,2BAAA,EACA,OAAA,GAAmB,EAAC,EACE;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAM,iBAAA,GAAoB,OAAM,GAAI,OAAA;AAEnD,EAAA,MAAM,mCAAA,GAAsC,KAAK,2BAA2B,CAAA;AAE5E,EAAA,SAAS,UAAU,KAAA,EAAc;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAU,GAAG,kBAAiB,GAAI,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAAA,GAA0B,gBAAA;AAIhC,IAAA,MAAM,cAAA,GAAiB,yBAAyB,aAAa,CAAA;AAE7D,IAAA,2BAAA,CAA4B,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OAAA,mBACF,GAAA,CAAC,mCAAA,EAAA,EAAqC,GAAG,uBAAA,EAAyB,CAAA;AAGpE,IAAA,OAAA,mBACE,GAAA,CAAC,6BAAA,EAAA,EAA8B,cAAA,EAC5B,QAAA,EAAA,OAAA,EACH,CAAA;AAGF,IAAA,IAAI,SAAS,IAAA,EAAM;AAKjB,MAAA,IAAI,iBAAA,EAAmB;AACrB,QAAA,OAAA,mBAAU,GAAA,CAAC,qBAAmB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,MACxC,CAAA,MAAO;AAUL,QAAA,OAAA,mBACE,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAuB,mBAAQ,CAAA,EAClC,CAAA;AAAA,MAEJ;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAA,IAAQ,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,EAAU;AACrE,MAAA,OAAA,uBACG,mBAAA,EAAA,EAAoB,IAAA,EAAM,MAAM,IAAA,EAAM,SAAA,EAAW,eAC/C,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,IAEJ;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAA,GAAU,YAAA,CAAa,QAAA,EAAU,MAAA,EAAW,OAAO,CAAA;AAAA,IACrD;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAA,mBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,QAAA,EAAW,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IAChD;AACA,IAAA,OAAO,OAAA;AAAA,EACT;AAEA,EAAA,SAAA,CAAU,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,KAAK,SAAS,CAAA;AACvB;;;;"}
+{"version":3,"file":"flowComponent.mjs","names":[],"sources":["../../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  FunctionComponent,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n} from \"react\";\nimport { cloneElement, memo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport { UiComponentTunnelProvider } from \"@/components/UiComponentTunnel/UiComponentTunnelProvider\";\nimport { UiComponentTunnelEntry } from \"@/components/UiComponentTunnel/UiComponentTunnelEntry\";\nimport {\n  useReportComponentUsage,\n  ViewCompositionReset,\n} from \"@/components/ComponentUsageProvider\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel, RefAttributes<R> {\n  /**\n   * A React element the component is wrapped with. The element is cloned and\n   * receives the component as its only child — useful to render the component\n   * inside a link, a tooltip trigger or any other wrapper without changing the\n   * surrounding markup.\n   */\n  wrapWith?: ReactElement;\n}\n\nexport type FlowComponentImplementationProps<C extends FlowComponentName> =\n  Omit<FlowComponentPropsOfName<C>, keyof FlowComponentProps> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\nexport type FlowComponentProvisionType = \"provider\" | \"ui\" | \"layout\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const isViewComposition = useReportComponentUsage(componentName);\n\n    const { tunnel, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const componentProps = useComponentPropsContext(componentName);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    if (type === \"ui\" || type === \"layout\") {\n      element = (\n        <UiComponentTunnelProvider component={componentName}>\n          {element}\n        </UiComponentTunnelProvider>\n      );\n    }\n\n    element = (\n      <ComponentPropsContextProvider componentProps={componentProps}>\n        {element}\n      </ComponentPropsContextProvider>\n    );\n\n    if (type === \"ui\") {\n      /**\n       * Protect the inside of UI components for accidental prop changes through\n       * the Props Context.\n       */\n      if (isRemoteComponent) {\n        element = <ClearPropsContext>{element}</ClearPropsContext>;\n      } else {\n        /**\n         * In case of a UI component that does not have a remote counterpart\n         * (like the Modal component), the <ClearPropsContext> must be\n         * additionally applied on the host side by using the\n         * <ClearPropsContextView>.\n         *\n         * This prevents Props Contexts created by parent components on the host\n         * side affecting the children of this UI component.\n         */\n        element = (\n          <ClearPropsContext>\n            <ClearPropsContextView>{element}</ClearPropsContextView>\n          </ClearPropsContext>\n        );\n      }\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnel) {\n      element = (\n        <UiComponentTunnelEntry id={tunnel.id} component={tunnel.component}>\n          {element}\n        </UiComponentTunnelEntry>\n      );\n    }\n\n    if (isViewComposition) {\n      element = <ViewCompositionReset>{element}</ViewCompositionReset>;\n    }\n\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"mappings":";;;;;;;;;;;;;;AA2DA,SAAgB,cACd,eACA,6BACA,UAAmB,CAAC,GACE;CAItB,MAAM,EAAE,OAAO,MAAM,oBAAoB,UAAU;CAEnD,MAAM,sCAAsC,KAAK,2BAA2B;CAE5E,SAAS,UAAU,OAAc;EAC/B,MAAM,oBAAoB,wBAAwB,aAAa;EAE/D,MAAM,EAAE,QAAQ,UAAU,GAAG,qBAAqB,SAChD,eACA,KACF;EAEA,MAAM,0BAA0B;EAIhC,MAAM,iBAAiB,yBAAyB,aAAa;EAE7D,4BAA4B,cAAc,qBAAqB,cAAc;EAE7E,IAAI,UACF,oBAAC,qCAAD,EAAqC,GAAI,wBAA0B,CAAA;EAGrE,IAAI,SAAS,QAAQ,SAAS,UAC5B,UACE,oBAAC,2BAAD;GAA2B,WAAW;GACnC,UAAA;EACwB,CAAA;EAI/B,UACE,oBAAC,+BAAD;GAA+C;GAC5C,UAAA;EAC4B,CAAA;EAGjC,IAAI,SAAS,MAAM;;;;;GAKjB,IAAI,mBACF,UAAU,oBAAC,mBAAD,EAAA,UAAoB,QAA2B,CAAA;;;;;;;;;;;GAWzD,UACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,uBAAD,EAAA,UAAwB,QAA+B,CAAA,EACtC,CAAA;EAGzB;EAEA,IAAI,UAAU,SAAS,CAAC,CAAC,MAAM,QAAQ,OAAO,MAAM,SAAS,UAC3D,UACE,oBAAC,qBAAD;GAAqB,MAAM,MAAM;GAAM,WAAW;GAC/C,UAAA;EACkB,CAAA;EAIzB,IAAI,UACF,UAAU,aAAa,UAAU,KAAA,GAAW,OAAO;EAGrD,IAAI,QACF,UACE,oBAAC,wBAAD;GAAwB,IAAI,OAAO;GAAI,WAAW,OAAO;GACtD,UAAA;EACqB,CAAA;EAI5B,IAAI,mBACF,UAAU,oBAAC,sBAAD,EAAA,UAAuB,QAA8B,CAAA;EAGjE,OAAO;CACT;CAEA,UAAU,cAAc,iBAAiB,cAAc;CACvD,OAAO,KAAK,SAAS;AACvB"}

package/dist/js/packages/components/src/lib/controller/overlay/OverlayContentSuspendWatcher.mjs

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import { Suspense, useEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/controller/overlay/OverlayContentSuspendWatcher.tsx
+var WatcherFallback = (props) => {
+	const { overlayController } = props;
+	useEffect(() => {
+		overlayController.setIsContentSuspended(true);
+		return () => overlayController.setIsContentSuspended(false);
+	}, [overlayController]);
+	return null;
+};
+var OverlayContentSuspendWatcher = (props) => {
+	const { overlayController, children } = props;
+	const Fallback = useMemo(() => /* @__PURE__ */ jsx(WatcherFallback, { overlayController }), [overlayController]);
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: Fallback,
+		children
+	});
+};
+//#endregion
+export { OverlayContentSuspendWatcher };
+
+//# sourceMappingURL=OverlayContentSuspendWatcher.mjs.map

package/dist/js/packages/components/src/lib/controller/overlay/OverlayContentSuspendWatcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayContentSuspendWatcher.mjs","names":[],"sources":["../../../../../../../../src/lib/controller/overlay/OverlayContentSuspendWatcher.tsx"],"sourcesContent":["import {\n  Suspense,\n  useEffect,\n  useMemo,\n  type FC,\n  type PropsWithChildren,\n} from \"react\";\nimport type { OverlayController } from \"./OverlayController\";\n\ninterface Props extends PropsWithChildren {\n  overlayController: OverlayController;\n}\n\nconst WatcherFallback: FC<Props> = (props) => {\n  const { overlayController } = props;\n  useEffect(() => {\n    overlayController.setIsContentSuspended(true);\n    return () => overlayController.setIsContentSuspended(false);\n  }, [overlayController]);\n  return null;\n};\n\nexport const OverlayContentSuspendWatcher: FC<Props> = (props) => {\n  const { overlayController, children } = props;\n\n  const Fallback = useMemo(\n    () => <WatcherFallback overlayController={overlayController} />,\n    [overlayController],\n  );\n\n  return <Suspense fallback={Fallback}>{children}</Suspense>;\n};\n"],"mappings":";;;;;AAaA,IAAM,mBAA8B,UAAU;CAC5C,MAAM,EAAE,sBAAsB;CAC9B,gBAAgB;EACd,kBAAkB,sBAAsB,IAAI;EAC5C,aAAa,kBAAkB,sBAAsB,KAAK;CAC5D,GAAG,CAAC,iBAAiB,CAAC;CACtB,OAAO;AACT;AAEA,IAAa,gCAA2C,UAAU;CAChE,MAAM,EAAE,mBAAmB,aAAa;CAExC,MAAM,WAAW,cACT,oBAAC,iBAAD,EAAoC,kBAAoB,CAAA,GAC9D,CAAC,iBAAiB,CACpB;CAEA,OAAO,oBAAC,UAAD;EAAU,UAAU;EAAW;CAAmB,CAAA;AAC3D"}

package/dist/js/packages/components/src/lib/controller/overlay/OverlayContextProvider.mjs

@@ -1,23 +1,20 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import { useOverlayContext, overlayContext } from './context.mjs';
-
-const OverlayContextProvider = (props) => {
-  const { type, controller, children } = props;
-  const parentContext = useOverlayContext();
-  return /* @__PURE__ */ jsx(
-    overlayContext.Provider,
-    {
-      value: {
-        ...parentContext,
-        [type]: controller
-      },
-      children
-    }
-  );
+import { overlayContext, useOverlayContext } from "./context.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/controller/overlay/OverlayContextProvider.tsx
+var OverlayContextProvider = (props) => {
+	const { type, controller, children } = props;
+	const parentContext = useOverlayContext();
+	return /* @__PURE__ */ jsx(overlayContext.Provider, {
+		value: {
+			...parentContext,
+			[type]: controller
+		},
+		children
+	});
 };
-
+//#endregion
 export { OverlayContextProvider, OverlayContextProvider as default };
-//# sourceMappingURL=OverlayContextProvider.mjs.map
+
+//# sourceMappingURL=OverlayContextProvider.mjs.map

package/dist/js/packages/components/src/lib/controller/overlay/OverlayContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayContextProvider.mjs","sources":["../../../../../../../../src/lib/controller/overlay/OverlayContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  overlayContext,\n  useOverlayContext,\n} from \"@/lib/controller/overlay/context\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type { OverlayController } from \"@/lib/controller\";\n\ninterface Props extends PropsWithChildren {\n  type: FlowComponentName;\n  controller: OverlayController;\n}\n\nexport const OverlayContextProvider: FC<Props> = (props) => {\n  const { type, controller, children } = props;\n  const parentContext = useOverlayContext();\n\n  return (\n    <overlayContext.Provider\n      value={{\n        ...parentContext,\n        [type]: controller,\n      }}\n    >\n      {children}\n    </overlayContext.Provider>\n  );\n};\n\nexport default OverlayContextProvider;\n"],"names":[],"mappings":";;;;AAcO,MAAM,sBAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,QAAA,EAAS,GAAI,KAAA;AACvC,EAAA,MAAM,gBAAgB,iBAAA,EAAkB;AAExC,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA,CAAe,QAAA;AAAA,IAAf;AAAA,MACC,KAAA,EAAO;AAAA,QACL,GAAG,aAAA;AAAA,QACH,CAAC,IAAI,GAAG;AAAA,OACV;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"OverlayContextProvider.mjs","names":[],"sources":["../../../../../../../../src/lib/controller/overlay/OverlayContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport {\n  overlayContext,\n  useOverlayContext,\n} from \"@/lib/controller/overlay/context\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type { OverlayController } from \"@/lib/controller\";\n\ninterface Props extends PropsWithChildren {\n  type: FlowComponentName;\n  controller: OverlayController;\n}\n\nexport const OverlayContextProvider: FC<Props> = (props) => {\n  const { type, controller, children } = props;\n  const parentContext = useOverlayContext();\n\n  return (\n    <overlayContext.Provider\n      value={{\n        ...parentContext,\n        [type]: controller,\n      }}\n    >\n      {children}\n    </overlayContext.Provider>\n  );\n};\n\nexport default OverlayContextProvider;\n"],"mappings":";;;;;AAaA,IAAa,0BAAqC,UAAU;CAC1D,MAAM,EAAE,MAAM,YAAY,aAAa;CACvC,MAAM,gBAAgB,kBAAkB;CAExC,OACE,oBAAC,eAAe,UAAhB;EACE,OAAO;GACL,GAAG;IACF,OAAO;EACV;EAEC;CACsB,CAAA;AAE7B"}