@mittwald/flow-react-components 0.2.0-alpha.679 → 0.2.0-alpha.680

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

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { FormResetAction } from './FormResetAction.mjs';
+import { FormSubmitAction } from './FormSubmitAction.mjs';
+
+const FormAction = (props) => {
+  const { children, reset, submit, ...actionProps } = props;
+  if (submit) {
+    return /* @__PURE__ */ jsx(FormSubmitAction, { ...actionProps, children });
+  }
+  if (reset) {
+    return /* @__PURE__ */ jsx(FormResetAction, { ...actionProps, children });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+export { FormAction, FormAction as default };
+//# sourceMappingURL=FormAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormAction.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action/types\";\nimport { FormResetAction } from \"@/integrations/react-hook-form/components/FormAction/FormResetAction\";\nimport FormSubmitAction from \"@/integrations/react-hook-form/components/FormAction/FormSubmitAction\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport interface FormActionProps\n  extends PropsWithChildren, SupportedActionProps {\n  reset?: boolean;\n  submit?: boolean;\n}\n\nexport const FormAction: FC<FormActionProps> = (props) => {\n  const { children, reset, submit, ...actionProps } = props;\n\n  if (submit) {\n    return <FormSubmitAction {...actionProps}>{children}</FormSubmitAction>;\n  }\n\n  if (reset) {\n    return <FormResetAction {...actionProps}>{children}</FormResetAction>;\n  }\n\n  return <>{children}</>;\n};\n\nexport default FormAction;\n"],"names":[],"mappings":";;;;AAaO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,GAAG,aAAY,GAAI,KAAA;AAEpD,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,WAAA,EAAc,QAAA,EAAS,CAAA;AAAA,EACtD;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,WAAA,EAAc,QAAA,EAAS,CAAA;AAAA,EACrD;AAEA,EAAA,uCAAU,QAAA,EAAS,CAAA;AACrB;;;;"}

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

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Action } from '../../../../components/Action/Action.mjs';
+import 'react-aria';
+import 'react';
+import '@react-aria/live-announcer';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const FormResetAction = (props) => {
+  const { children, ...actionProps } = props;
+  const { form, isReadOnly, id } = useFormContext();
+  const propsContext = {
+    Button: {
+      isReadOnly,
+      form: id,
+      color: "secondary",
+      variant: "soft",
+      type: "button"
+    }
+  };
+  return /* @__PURE__ */ jsx(Action, { onAction: () => form.reset(), ...actionProps, children: /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      props: propsContext,
+      dependencies: [isReadOnly, id],
+      children
+    }
+  ) });
+};
+
+export { FormResetAction };
+//# sourceMappingURL=FormResetAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormResetAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormResetAction.tsx"],"sourcesContent":["import Action, { type ActionProps } from \"@/components/Action\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport { PropsContextProvider, type PropsContext } from \"@/lib/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport const FormResetAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n\n  const { form, isReadOnly, id } = useFormContext();\n\n  const propsContext: PropsContext = {\n    Button: {\n      isReadOnly,\n      form: id,\n      color: \"secondary\",\n      variant: \"soft\",\n      type: \"button\",\n    },\n  };\n\n  return (\n    <Action onAction={() => form.reset()} {...actionProps}>\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isReadOnly, id]}\n      >\n        {children}\n      </PropsContextProvider>\n    </Action>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAOO,MAAM,eAAA,GAA+D,CAC1E,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AAErC,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,EAAA,KAAO,cAAA,EAAe;AAEhD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,UAAA;AAAA,MACA,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO,WAAA;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,UAAO,QAAA,EAAU,MAAM,KAAK,KAAA,EAAM,EAAI,GAAG,WAAA,EACxC,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,UAAA,EAAY,EAAE,CAAA;AAAA,MAE5B;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,45 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Action } from '../../../../components/Action/Action.mjs';
+import { ActionBatch } from '../../../../components/Action/ActionBatch.mjs';
+import 'react-aria';
+import 'react';
+import '@react-aria/live-announcer';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import { useFormSubmitAction } from '../FormContextProvider/useFormSubmitAction.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const InnerFormSubmitAction = (props) => {
+  const { children, ...actionProps } = props;
+  const { form } = useFormContext();
+  const formSubmitAction = useFormSubmitAction(form.formState, actionProps);
+  return /* @__PURE__ */ jsx(Action, { actionModel: formSubmitAction, ...actionProps, children });
+};
+const FormSubmitAction = (props) => {
+  const { children, ...actionProps } = props;
+  const { onAfterSuccessFeedback, isReadOnly, id } = useFormContext();
+  const propsContext = {
+    Button: {
+      isReadOnly,
+      type: "submit",
+      form: id
+    }
+  };
+  const innerSubmitAction = /* @__PURE__ */ jsx(InnerFormSubmitAction, { ...actionProps, children: /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      props: propsContext,
+      dependencies: [isReadOnly, id],
+      children
+    }
+  ) });
+  if (onAfterSuccessFeedback) {
+    return /* @__PURE__ */ jsx(Action, { onAction: onAfterSuccessFeedback, children: /* @__PURE__ */ jsx(ActionBatch, { children: innerSubmitAction }) });
+  }
+  return innerSubmitAction;
+};
+
+export { FormSubmitAction, FormSubmitAction as default };
+//# sourceMappingURL=FormSubmitAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormSubmitAction.tsx"],"sourcesContent":["import Action, { ActionBatch, type ActionProps } from \"@/components/Action\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport { useFormSubmitAction } from \"@/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction\";\nimport { PropsContextProvider, type PropsContext } from \"@/lib/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nconst InnerFormSubmitAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n  const { form } = useFormContext();\n  const formSubmitAction = useFormSubmitAction(form.formState, actionProps);\n  return (\n    <Action actionModel={formSubmitAction} {...actionProps}>\n      {children}\n    </Action>\n  );\n};\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport const FormSubmitAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n\n  const { onAfterSuccessFeedback, isReadOnly, id } = useFormContext();\n\n  const propsContext: PropsContext = {\n    Button: {\n      isReadOnly,\n      type: \"submit\",\n      form: id,\n    },\n  };\n\n  const innerSubmitAction = (\n    <InnerFormSubmitAction {...actionProps}>\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isReadOnly, id]}\n      >\n        {children}\n      </PropsContextProvider>\n    </InnerFormSubmitAction>\n  );\n\n  if (onAfterSuccessFeedback) {\n    return (\n      <Action onAction={onAfterSuccessFeedback}>\n        <ActionBatch>{innerSubmitAction}</ActionBatch>\n      </Action>\n    );\n  }\n\n  return innerSubmitAction;\n};\n\nexport default FormSubmitAction;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,qBAAA,GAAqE,CACzE,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AACrC,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,cAAA,EAAe;AAChC,EAAA,MAAM,gBAAA,GAAmB,mBAAA,CAAoB,IAAA,CAAK,SAAA,EAAW,WAAW,CAAA;AACxE,EAAA,2BACG,MAAA,EAAA,EAAO,WAAA,EAAa,gBAAA,EAAmB,GAAG,aACxC,QAAA,EACH,CAAA;AAEJ,CAAA;AAIO,MAAM,gBAAA,GAAgE,CAC3E,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AAErC,EAAA,MAAM,EAAE,sBAAA,EAAwB,UAAA,EAAY,EAAA,KAAO,cAAA,EAAe;AAElE,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,UAAA;AAAA,MACA,IAAA,EAAM,QAAA;AAAA,MACN,IAAA,EAAM;AAAA;AACR,GACF;AAEA,EAAA,MAAM,iBAAA,mBACJ,GAAA,CAAC,qBAAA,EAAA,EAAuB,GAAG,WAAA,EACzB,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,UAAA,EAAY,EAAE,CAAA;AAAA,MAE5B;AAAA;AAAA,GACH,EACF,CAAA;AAGF,EAAA,IAAI,sBAAA,EAAwB;AAC1B,IAAA,2BACG,MAAA,EAAA,EAAO,QAAA,EAAU,wBAChB,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,6BAAkB,CAAA,EAClC,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,iBAAA;AACT;;;;"}

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

@@ -3,7 +3,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState } from 'react';
 import invariant from 'invariant';
-import { useFormSubmitAction } from './useFormSubmitAction.mjs';
+import { useUpdateReadOnly } from './useUpdateReadOnly.mjs';
 
 const FormContext = createContext(
   void 0
@@ -18,10 +18,9 @@ const FormContextProvider = (props) => {
   } = props;
   const [isReadOnlyState, setReadOnly] = useState(isReadOnlyProp);
   const isReadOnly = isReadOnlyProp || isReadOnlyState;
-  const formSubmitAction = useFormSubmitAction({
-    form,
-    setReadOnly,
-    onAfterSuccessFeedback
+  useUpdateReadOnly({
+    formState: form.formState,
+    setReadOnly
   });
   return /* @__PURE__ */ jsx(
     FormContext,
@@ -31,7 +30,7 @@ const FormContextProvider = (props) => {
         setReadOnly,
         id,
         form,
-        formSubmitAction
+        onAfterSuccessFeedback
       },
       children
     }

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

@@ -1 +1 @@
-{"version":3,"file":"FormContextProvider.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.tsx"],"sourcesContent":["import type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n} from \"react\";\nimport type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport invariant from \"invariant\";\nimport { useFormSubmitAction } from \"@/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction\";\nimport type { AfterFormSubmitCallback } from \"@/integrations/react-hook-form/components/Form/Form\";\n\ninterface FormContext<F extends FieldValues> {\n  form: UseFormReturn<F>;\n  id: string;\n  isReadOnly: boolean;\n  setReadOnly: Dispatch<SetStateAction<boolean>>;\n  formSubmitAction: ActionModel;\n}\n\nexport const FormContext = createContext<FormContext<FieldValues> | undefined>(\n  undefined,\n);\n\nexport interface FormContextProviderProps extends PropsWithChildren {\n  form: UseFormReturn;\n  id: string;\n  isReadOnly?: boolean;\n  onAfterSuccessFeedback?: AfterFormSubmitCallback;\n}\n\nexport const FormContextProvider = (props: FormContextProviderProps) => {\n  const {\n    form,\n    id,\n    isReadOnly: isReadOnlyProp = false,\n    onAfterSuccessFeedback,\n    children,\n  } = props;\n  const [isReadOnlyState, setReadOnly] = useState(isReadOnlyProp);\n  const isReadOnly = isReadOnlyProp || isReadOnlyState;\n\n  const formSubmitAction = useFormSubmitAction({\n    form,\n    setReadOnly,\n    onAfterSuccessFeedback,\n  });\n\n  return (\n    <FormContext\n      value={{\n        isReadOnly,\n        setReadOnly,\n        id,\n        form,\n        formSubmitAction,\n      }}\n    >\n      {children}\n    </FormContext>\n  );\n};\n\nexport const useFormContext = <F extends FieldValues>() => {\n  const ctx = useOptionalFormContext<F>();\n  invariant(\n    !!ctx,\n    \"Could not useFormContext() outside a Form, or multiple versions of Flow installed.\",\n  );\n  return ctx;\n};\n\nexport const useOptionalFormContext = <F extends FieldValues>() =>\n  useContext(FormContext) as FormContext<F> | undefined;\n\nexport default FormContextProvider;\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,WAAA,GAAc,aAAA;AAAA,EACzB;AACF;AASO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAoC;AACtE,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,EAAA;AAAA,IACA,YAAY,cAAA,GAAiB,KAAA;AAAA,IAC7B,sBAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,CAAC,eAAA,EAAiB,WAAW,CAAA,GAAI,SAAS,cAAc,CAAA;AAC9D,EAAA,MAAM,aAAa,cAAA,IAAkB,eAAA;AAErC,EAAA,MAAM,mBAAmB,mBAAA,CAAoB;AAAA,IAC3C,IAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,UAAA;AAAA,QACA,WAAA;AAAA,QACA,EAAA;AAAA,QACA,IAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,iBAAiB,MAA6B;AACzD,EAAA,MAAM,MAAM,sBAAA,EAA0B;AACtC,EAAA,SAAA;AAAA,IACE,CAAC,CAAC,GAAA;AAAA,IACF;AAAA,GACF;AACA,EAAA,OAAO,GAAA;AACT;AAEO,MAAM,sBAAA,GAAyB,MACpC,UAAA,CAAW,WAAW;;;;"}
+{"version":3,"file":"FormContextProvider.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.tsx"],"sourcesContent":["import type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n} from \"react\";\nimport invariant from \"invariant\";\nimport type { AfterFormSubmitCallback } from \"@/integrations/react-hook-form/components/Form/Form\";\nimport { useUpdateReadOnly } from \"@/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly\";\n\ninterface FormContext<F extends FieldValues> {\n  form: UseFormReturn<F>;\n  id: string;\n  isReadOnly: boolean;\n  setReadOnly: Dispatch<SetStateAction<boolean>>;\n  onAfterSuccessFeedback?: AfterFormSubmitCallback;\n}\n\nexport const FormContext = createContext<FormContext<FieldValues> | undefined>(\n  undefined,\n);\n\nexport interface FormContextProviderProps extends PropsWithChildren {\n  form: UseFormReturn;\n  id: string;\n  isReadOnly?: boolean;\n  onAfterSuccessFeedback?: AfterFormSubmitCallback;\n}\n\nexport const FormContextProvider = (props: FormContextProviderProps) => {\n  const {\n    form,\n    id,\n    isReadOnly: isReadOnlyProp = false,\n    onAfterSuccessFeedback,\n    children,\n  } = props;\n  const [isReadOnlyState, setReadOnly] = useState(isReadOnlyProp);\n  const isReadOnly = isReadOnlyProp || isReadOnlyState;\n\n  useUpdateReadOnly({\n    formState: form.formState,\n    setReadOnly,\n  });\n\n  return (\n    <FormContext\n      value={{\n        isReadOnly,\n        setReadOnly,\n        id,\n        form,\n        onAfterSuccessFeedback,\n      }}\n    >\n      {children}\n    </FormContext>\n  );\n};\n\nexport const useFormContext = <F extends FieldValues>() => {\n  const ctx = useOptionalFormContext<F>();\n  invariant(\n    !!ctx,\n    \"Could not useFormContext() outside a Form, or multiple versions of Flow installed.\",\n  );\n  return ctx;\n};\n\nexport const useOptionalFormContext = <F extends FieldValues>() =>\n  useContext(FormContext) as FormContext<F> | undefined;\n\nexport default FormContextProvider;\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,WAAA,GAAc,aAAA;AAAA,EACzB;AACF;AASO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAoC;AACtE,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,EAAA;AAAA,IACA,YAAY,cAAA,GAAiB,KAAA;AAAA,IAC7B,sBAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,CAAC,eAAA,EAAiB,WAAW,CAAA,GAAI,SAAS,cAAc,CAAA;AAC9D,EAAA,MAAM,aAAa,cAAA,IAAkB,eAAA;AAErC,EAAA,iBAAA,CAAkB;AAAA,IAChB,WAAW,IAAA,CAAK,SAAA;AAAA,IAChB;AAAA,GACD,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,UAAA;AAAA,QACA,WAAA;AAAA,QACA,EAAA;AAAA,QACA,IAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,iBAAiB,MAA6B;AACzD,EAAA,MAAM,MAAM,sBAAA,EAA0B;AACtC,EAAA,SAAA;AAAA,IACE,CAAC,CAAC,GAAA;AAAA,IACF;AAAA,GACF;AACA,EAAA,OAAO,GAAA;AACT;AAEO,MAAM,sBAAA,GAAyB,MACpC,UAAA,CAAW,WAAW;;;;"}

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

@@ -1,36 +1,35 @@
 "use client"
 /* */
 import { ActionModel } from '../../../../components/Action/models/ActionModel.mjs';
+import { MutedActionError } from '../../../../components/Action/MutedActionError.mjs';
 import { useRef, useEffect } from 'react';
 
-const useFormSubmitAction = (options) => {
-  const { form, setReadOnly, onAfterSuccessFeedback } = options;
-  const formSubmitAction = ActionModel.useNew({});
-  const { isSubmitting, isSubmitted, isSubmitSuccessful } = form.formState;
-  const wasSubmitting = useRef(isSubmitting);
+const useFormSubmitAction = (formState, actionProps) => {
+  const { isSubmitting, isSubmitSuccessful } = formState;
+  const submitPromise = useRef(void 0);
+  const formSubmitAction = ActionModel.useNew({
+    ...actionProps,
+    onAction: () => {
+      submitPromise.current = Promise.withResolvers();
+      actionProps?.onAction?.();
+      return submitPromise.current.promise;
+    }
+  });
   useEffect(() => {
-    const submittingDone = wasSubmitting.current && !isSubmitting;
-    wasSubmitting.current = isSubmitting;
     if (isSubmitting) {
-      setReadOnly(true);
-      formSubmitAction.state.onAsyncStart();
-    } else if (submittingDone) {
-      if (isSubmitSuccessful) {
-        formSubmitAction.state.onSucceeded().then(onAfterSuccessFeedback);
-      } else {
-        formSubmitAction.state.onFailed(new Error("Form submission failed"));
+      if (!formSubmitAction.state.isBusy) {
+        formSubmitAction.execute();
       }
-      setReadOnly(false);
+      return;
+    }
+    if (isSubmitSuccessful) {
+      submitPromise.current?.resolve();
+      return;
     }
-  }, [
-    wasSubmitting,
-    isSubmitting,
-    isSubmitted,
-    isSubmitSuccessful,
-    formSubmitAction,
-    setReadOnly,
-    onAfterSuccessFeedback
-  ]);
+    submitPromise.current?.reject(
+      new MutedActionError("Form submission failed")
+    );
+  }, [isSubmitting, isSubmitSuccessful, submitPromise]);
   return formSubmitAction;
 };
 

package/dist/js/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 { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport type { AfterFormSubmitCallback } from \"@/integrations/react-hook-form/components/Form/Form\";\nimport { useEffect, useRef } from \"react\";\nimport type { UseFormReturn } from \"react-hook-form\";\n\ninterface Options {\n  form: UseFormReturn;\n  setReadOnly: (isReadOnly: boolean) => void;\n  onAfterSuccessFeedback?: AfterFormSubmitCallback;\n}\n\nexport const useFormSubmitAction = (options: Options) => {\n  const { form, setReadOnly, onAfterSuccessFeedback } = options;\n\n  const formSubmitAction = ActionModel.useNew({});\n\n  const { isSubmitting, isSubmitted, isSubmitSuccessful } = form.formState;\n  const wasSubmitting = useRef(isSubmitting);\n\n  useEffect(() => {\n    const submittingDone = wasSubmitting.current && !isSubmitting;\n    wasSubmitting.current = isSubmitting;\n\n    if (isSubmitting) {\n      setReadOnly(true);\n      formSubmitAction.state.onAsyncStart();\n    } else if (submittingDone) {\n      if (isSubmitSuccessful) {\n        formSubmitAction.state.onSucceeded().then(onAfterSuccessFeedback);\n      } else {\n        formSubmitAction.state.onFailed(new Error(\"Form submission failed\"));\n      }\n      setReadOnly(false);\n    }\n  }, [\n    wasSubmitting,\n    isSubmitting,\n    isSubmitted,\n    isSubmitSuccessful,\n    formSubmitAction,\n    setReadOnly,\n    onAfterSuccessFeedback,\n  ]);\n\n  return formSubmitAction;\n};\n"],"names":[],"mappings":";;;AAWO,MAAM,mBAAA,GAAsB,CAAC,OAAA,KAAqB;AACvD,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAa,sBAAA,EAAuB,GAAI,OAAA;AAEtD,EAAA,MAAM,gBAAA,GAAmB,WAAA,CAAY,MAAA,CAAO,EAAE,CAAA;AAE9C,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAa,kBAAA,KAAuB,IAAA,CAAK,SAAA;AAC/D,EAAA,MAAM,aAAA,GAAgB,OAAO,YAAY,CAAA;AAEzC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,cAAA,GAAiB,aAAA,CAAc,OAAA,IAAW,CAAC,YAAA;AACjD,IAAA,aAAA,CAAc,OAAA,GAAU,YAAA;AAExB,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,gBAAA,CAAiB,MAAM,YAAA,EAAa;AAAA,IACtC,WAAW,cAAA,EAAgB;AACzB,MAAA,IAAI,kBAAA,EAAoB;AACtB,QAAA,gBAAA,CAAiB,KAAA,CAAM,WAAA,EAAY,CAAE,IAAA,CAAK,sBAAsB,CAAA;AAAA,MAClE,CAAA,MAAO;AACL,QAAA,gBAAA,CAAiB,KAAA,CAAM,QAAA,CAAS,IAAI,KAAA,CAAM,wBAAwB,CAAC,CAAA;AAAA,MACrE;AACA,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IACnB;AAAA,EACF,CAAA,EAAG;AAAA,IACD,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,OAAO,gBAAA;AACT;;;;"}
+{"version":3,"file":"useFormSubmitAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"sourcesContent":["import type { ActionProps } from \"@/components/Action\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { MutedActionError } from \"@/components/Action/MutedActionError\";\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 MutedActionError(\"Form submission failed\"),\n    );\n  }, [isSubmitting, isSubmitSuccessful, submitPromise]);\n\n  return formSubmitAction;\n};\n"],"names":[],"mappings":";;;;AAMO,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;;;;"}

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

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { useEffect } from 'react';
+
+const useUpdateReadOnly = (options) => {
+  const { formState, setReadOnly } = options;
+  const { isSubmitting } = formState;
+  useEffect(() => {
+    setReadOnly(isSubmitting);
+  }, [isSubmitting, setReadOnly]);
+};
+
+export { useUpdateReadOnly };
+//# sourceMappingURL=useUpdateReadOnly.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -2,29 +2,11 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import '../../../../components/Button/Button.mjs';
-import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import { FormAction } from '../FormAction/FormAction.mjs';
 import ButtonView from '../../../../views/ButtonView.mjs';
 
 const ResetButton = (props) => {
-  const { children, onPress, isReadOnly: isReadOnlyProp, ...rest } = props;
-  const formContext = useFormContext();
-  const isReadOnly = isReadOnlyProp || formContext.isReadOnly;
-  const handleOnPress = (e) => {
-    formContext.form.reset();
-    onPress?.(e);
-  };
-  return /* @__PURE__ */ jsx(
-    ButtonView,
-    {
-      color: "secondary",
-      variant: "soft",
-      ...rest,
-      type: "button",
-      onPress: handleOnPress,
-      isReadOnly,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx(FormAction, { reset: true, children: /* @__PURE__ */ jsx(ButtonView, { ...props }) });
 };
 
 export { ResetButton };

package/dist/js/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 { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\nimport type { PressEvent } from \"react-aria\";\n\nexport const ResetButton: FC<ButtonProps> = (props) => {\n  const { children, onPress, isReadOnly: isReadOnlyProp, ...rest } = props;\n\n  const formContext = useFormContext();\n\n  const isReadOnly = isReadOnlyProp || formContext.isReadOnly;\n\n  const handleOnPress = (e: PressEvent) => {\n    formContext.form.reset();\n    onPress?.(e);\n  };\n\n  return (\n    <ButtonView\n      color=\"secondary\"\n      variant=\"soft\"\n      {...rest}\n      type=\"button\"\n      onPress={handleOnPress}\n      isReadOnly={isReadOnly}\n    >\n      {children}\n    </ButtonView>\n  );\n};\n\nexport default ResetButton;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,WAAA,GAA+B,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,YAAY,cAAA,EAAgB,GAAG,MAAK,GAAI,KAAA;AAEnE,EAAA,MAAM,cAAc,cAAA,EAAe;AAEnC,EAAA,MAAM,UAAA,GAAa,kBAAkB,WAAA,CAAY,UAAA;AAEjD,EAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAkB;AACvC,IAAA,WAAA,CAAY,KAAK,KAAA,EAAM;AACvB,IAAA,OAAA,GAAU,CAAC,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,WAAA;AAAA,MACN,OAAA,EAAQ,MAAA;AAAA,MACP,GAAG,IAAA;AAAA,MACJ,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,aAAA;AAAA,MACT,UAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"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;;;;"}

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

@@ -2,24 +2,12 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import '../../../../components/Button/Button.mjs';
-import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
-import { FormSubmitAction } from '../FormSubmitAction/FormSubmitAction.mjs';
+import { FormAction } from '../FormAction/FormAction.mjs';
 import ButtonView from '../../../../views/ButtonView.mjs';
 
 const SubmitButton = (props) => {
-  const { children, isReadOnly: isReadOnlyProp, ...rest } = props;
-  const formContext = useFormContext();
-  const isReadOnly = isReadOnlyProp || formContext.isReadOnly;
-  return /* @__PURE__ */ jsx(FormSubmitAction, { children: /* @__PURE__ */ jsx(
-    ButtonView,
-    {
-      ...rest,
-      type: "submit",
-      form: formContext.id,
-      isReadOnly,
-      children
-    }
-  ) });
+  const { showFeedback, ...buttonProps } = props;
+  return /* @__PURE__ */ jsx(FormAction, { submit: true, showFeedback, children: /* @__PURE__ */ jsx(ButtonView, { ...buttonProps }) });
 };
 
 export { SubmitButton };

package/dist/js/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 ButtonProps } from \"@/components/Button\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport FormSubmitAction from \"@/integrations/react-hook-form/components/FormSubmitAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\nexport const SubmitButton: FC<ButtonProps> = (props) => {\n  const { children, isReadOnly: isReadOnlyProp, ...rest } = props;\n\n  const formContext = useFormContext();\n\n  const isReadOnly = isReadOnlyProp || formContext.isReadOnly;\n\n  return (\n    <FormSubmitAction>\n      <ButtonView\n        {...rest}\n        type=\"submit\"\n        form={formContext.id}\n        isReadOnly={isReadOnly}\n      >\n        {children}\n      </ButtonView>\n    </FormSubmitAction>\n  );\n};\n\nexport default SubmitButton;\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,YAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,cAAA,EAAgB,GAAG,MAAK,GAAI,KAAA;AAE1D,EAAA,MAAM,cAAc,cAAA,EAAe;AAEnC,EAAA,MAAM,UAAA,GAAa,kBAAkB,WAAA,CAAY,UAAA;AAEjD,EAAA,2BACG,gBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,IAAA,EAAK,QAAA;AAAA,MACL,MAAM,WAAA,CAAY,EAAA;AAAA,MAClB,UAAA;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;;;"}
+{"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;;;;"}

package/dist/js/react-hook-form.mjs

@@ -5,4 +5,5 @@ export { Form } from './components/src/integrations/react-hook-form/components/F
 export { SubmitButton } from './components/src/integrations/react-hook-form/components/SubmitButton/SubmitButton.mjs';
 export { ResetButton } from './components/src/integrations/react-hook-form/components/ResetButton/ResetButton.mjs';
 export { useFormContext, useOptionalFormContext } from './components/src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.mjs';
+export { FormAction } from './components/src/integrations/react-hook-form/components/FormAction/FormAction.mjs';
 //# sourceMappingURL=react-hook-form.mjs.map

package/dist/js/react-hook-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"react-hook-form.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"react-hook-form.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/types/integrations/react-hook-form/components/FormAction/FormAction.d.ts

@@ -0,0 +1,10 @@
+import { ActionProps } from '../../../../components/Action/types';
+import { FC, PropsWithChildren } from 'react';
+type SupportedActionProps = Pick<ActionProps, "showFeedback">;
+export interface FormActionProps extends PropsWithChildren, SupportedActionProps {
+    reset?: boolean;
+    submit?: boolean;
+}
+export declare const FormAction: FC<FormActionProps>;
+export default FormAction;
+//# sourceMappingURL=FormAction.d.ts.map

package/dist/types/integrations/react-hook-form/components/FormAction/FormAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormAction.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormAction/FormAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7D,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AAE9D,MAAM,WAAW,eACf,SAAQ,iBAAiB,EAAE,oBAAoB;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAY1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/integrations/react-hook-form/components/FormAction/FormResetAction.d.ts

@@ -0,0 +1,6 @@
+import { ActionProps } from '../../../../components/Action';
+import { FC, PropsWithChildren } from 'react';
+type SupportedActionProps = Pick<ActionProps, "showFeedback">;
+export declare const FormResetAction: FC<PropsWithChildren<SupportedActionProps>>;
+export {};
+//# sourceMappingURL=FormResetAction.d.ts.map

package/dist/types/integrations/react-hook-form/components/FormAction/FormResetAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormResetAction.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormAction/FormResetAction.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AAE9D,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CA2BvE,CAAC"}

package/dist/types/integrations/react-hook-form/components/FormAction/FormSubmitAction.d.ts

@@ -0,0 +1,6 @@
+import { ActionProps } from '../../../../components/Action';
+import { FC, PropsWithChildren } from 'react';
+type SupportedActionProps = Pick<ActionProps, "showFeedback">;
+export declare const FormSubmitAction: FC<PropsWithChildren<SupportedActionProps>>;
+export default FormSubmitAction;
+//# sourceMappingURL=FormSubmitAction.d.ts.map

package/dist/types/integrations/react-hook-form/components/FormAction/FormSubmitAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitAction.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormAction/FormSubmitAction.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAe,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAI5E,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAenD,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AAE9D,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAmCxE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/integrations/react-hook-form/components/FormAction/index.d.ts

@@ -0,0 +1,2 @@
+export { default, FormAction, type FormActionProps } from './FormAction';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/integrations/react-hook-form/components/FormAction/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/types/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.d.ts

@@ -1,13 +1,12 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { ActionModel } from '../../../../components/Action/models/ActionModel';
 import { AfterFormSubmitCallback } from '../Form/Form';
 interface FormContext<F extends FieldValues> {
     form: UseFormReturn<F>;
     id: string;
     isReadOnly: boolean;
     setReadOnly: Dispatch<SetStateAction<boolean>>;
-    formSubmitAction: ActionModel;
+    onAfterSuccessFeedback?: AfterFormSubmitCallback;
 }
 export declare const FormContext: import('react').Context<FormContext<FieldValues> | undefined>;
 export interface FormContextProviderProps extends PropsWithChildren {

package/dist/types/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormContextProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAEnG,UAAU,WAAW,CAAC,CAAC,SAAS,WAAW;IACzC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,gBAAgB,EAAE,WAAW,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,+DAEvB,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,IAAI,EAAE,aAAa,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,uBAAuB,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA8BlE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,WAAW,qBAOnD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,OAC/B,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAExD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FormContextProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAGnG,UAAU,WAAW,CAAC,CAAC,SAAS,WAAW;IACzC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,sBAAsB,CAAC,EAAE,uBAAuB,CAAC;CAClD;AAED,eAAO,MAAM,WAAW,+DAEvB,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,IAAI,EAAE,aAAa,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,uBAAuB,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA6BlE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,WAAW,qBAOnD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,OAC/B,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAExD,eAAe,mBAAmB,CAAC"}

package/dist/types/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.d.ts

@@ -1,11 +1,5 @@
+import { ActionProps } from '../../../../components/Action';
 import { ActionModel } from '../../../../components/Action/models/ActionModel';
-import { AfterFormSubmitCallback } from '../Form/Form';
-import { UseFormReturn } from 'react-hook-form';
-interface Options {
-    form: UseFormReturn;
-    setReadOnly: (isReadOnly: boolean) => void;
-    onAfterSuccessFeedback?: AfterFormSubmitCallback;
-}
-export declare const useFormSubmitAction: (options: Options) => ActionModel;
-export {};
+import { FieldValues, FormState } from 'react-hook-form';
+export declare const useFormSubmitAction: (formState: FormState<FieldValues>, actionProps?: ActionProps) => ActionModel;
 //# sourceMappingURL=useFormSubmitAction.d.ts.map

package/dist/types/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormSubmitAction.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAEnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,UAAU,OAAO;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,sBAAsB,CAAC,EAAE,uBAAuB,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,GAAI,SAAS,OAAO,gBAkCnD,CAAC"}
+{"version":3,"file":"useFormSubmitAction.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE9D,eAAO,MAAM,mBAAmB,GAC9B,WAAW,SAAS,CAAC,WAAW,CAAC,EACjC,cAAc,WAAW,gBAuC1B,CAAC"}

package/dist/types/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.d.ts

@@ -0,0 +1,8 @@
+import { FieldValues, FormState } from 'react-hook-form';
+interface Options {
+    formState: FormState<FieldValues>;
+    setReadOnly: (isReadOnly: boolean) => void;
+}
+export declare const useUpdateReadOnly: (options: Options) => void;
+export {};
+//# sourceMappingURL=useUpdateReadOnly.d.ts.map

package/dist/types/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateReadOnly.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE9D,UAAU,OAAO;IACf,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAClC,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,OAAO,SAQjD,CAAC"}

package/dist/types/integrations/react-hook-form/components/ResetButton/ResetButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResetButton.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/ResetButton/ResetButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,CAwBvC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ResetButton.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/ResetButton/ResetButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,CAMvC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/integrations/react-hook-form/components/SubmitButton/SubmitButton.d.ts

@@ -1,5 +1,8 @@
+import { ActionProps } from '../../../../components/Action';
 import { ButtonProps } from '../../../../components/Button';
 import { FC } from 'react';
-export declare const SubmitButton: FC<ButtonProps>;
+type SupportedActionProps = Pick<ActionProps, "showFeedback">;
+export type SubmitButtonProps = ButtonProps & SupportedActionProps;
+export declare const SubmitButton: FC<SubmitButtonProps>;
 export default SubmitButton;
 //# sourceMappingURL=SubmitButton.d.ts.map

package/dist/types/integrations/react-hook-form/components/SubmitButton/SubmitButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAmBxC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,oBAAoB,CAAC;AAEnE,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAO9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/types/integrations/react-hook-form/index.d.ts

@@ -3,4 +3,5 @@ export * from './components/Form';
 export * from './components/SubmitButton';
 export * from './components/ResetButton';
 export { useFormContext, useOptionalFormContext, } from './components/FormContextProvider';
+export * from './components/FormAction';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/integrations/react-hook-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/integrations/react-hook-form/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,cAAc,EACd,sBAAsB,GACvB,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/integrations/react-hook-form/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,cAAc,EACd,sBAAsB,GACvB,MAAM,kCAAkC,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.679",
+  "version": "0.2.0-alpha.680",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
   "dependencies": {
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.679",
+    "@mittwald/react-tunnel": "0.2.0-alpha.680",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.3",
     "@react-aria/live-announcer": "^3.4.4",
@@ -104,7 +104,7 @@
     "@faker-js/faker": "^10.2.0",
     "@internationalized/date": "^3.10.1",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.679",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.680",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
     "@mittwald/typescript-config": "",
@@ -172,5 +172,5 @@
       "optional": true
     }
   },
-  "gitHead": "91959f4e255b5b7f0fab24a24dff41c7c1fb2f99"
+  "gitHead": "9bc78fb1a536d45848c6a3240f0aae204cef5e4b"
 }

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

@@ -1,17 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import { Action } from '../../../../components/Action/Action.mjs';
-import 'react-aria';
-import 'react';
-import '@react-aria/live-announcer';
-import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
-
-const FormSubmitAction = (props) => {
-  const { children } = props;
-  const action = useFormContext().formSubmitAction;
-  return /* @__PURE__ */ jsx(Action, { actionModel: action, children });
-};
-
-export { FormSubmitAction, FormSubmitAction as default };
-//# sourceMappingURL=FormSubmitAction.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormSubmitAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormSubmitAction/FormSubmitAction.tsx"],"sourcesContent":["import Action from \"@/components/Action\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport const FormSubmitAction: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n  const action = useFormContext().formSubmitAction;\n  return <Action actionModel={action}>{children}</Action>;\n};\n\nexport default FormSubmitAction;\n"],"names":[],"mappings":";;;;;;;AAIO,MAAM,gBAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AACrB,EAAA,MAAM,MAAA,GAAS,gBAAe,CAAE,gBAAA;AAChC,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAO,WAAA,EAAa,MAAA,EAAS,QAAA,EAAS,CAAA;AAChD;;;;"}

package/dist/types/integrations/react-hook-form/components/FormSubmitAction/FormSubmitAction.d.ts

@@ -1,4 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-export declare const FormSubmitAction: FC<PropsWithChildren>;
-export default FormSubmitAction;
-//# sourceMappingURL=FormSubmitAction.d.ts.map

package/dist/types/integrations/react-hook-form/components/FormSubmitAction/FormSubmitAction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormSubmitAction.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormSubmitAction/FormSubmitAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAIlD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/integrations/react-hook-form/components/FormSubmitAction/index.d.ts

@@ -1,2 +0,0 @@
-export { default, FormSubmitAction } from './FormSubmitAction';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/integrations/react-hook-form/components/FormSubmitAction/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/FormSubmitAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}