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

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

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { useHotkeySubmit } from \"@/integrations/react-hook-form/components/Form/useHotkeySubmit\";\nimport { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport {\n  type ComponentProps,\n  type FC,\n  type FormEvent,\n  type FormEventHandler,\n  type PropsWithChildren,\n  type Ref,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type {\n  FieldValues,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\nexport type AfterFormSubmitCallback = (...unknownArgs: unknown[]) => unknown;\n\ntype FormComponentType = FC<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: FormEventHandler | FormOnSubmitHandler<never>;\n    ref?: Ref<HTMLFormElement>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends Omit<ComponentProps<\"form\">, \"onSubmit\">, PropsWithChildren {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FC<Omit<FormComponentType, \"ref\">>;\n  isReadOnly?: boolean;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit,\n    formComponent = DefaultFormComponent,\n    isReadOnly,\n    ref,\n    id: idProp,\n    ...formProps\n  } = props;\n\n  const newFormId = useId();\n  const formId = idProp ?? newFormId;\n  const FormComponent = useMemo(() => formComponent, [formId]);\n  const afterSubmitCallback = useRef<AfterFormSubmitCallback>(undefined);\n  const { isSubmitting, isValidating } = form.formState;\n\n  const handleSubmitResult = (result: unknown) => {\n    if (typeof result === \"function\") {\n      afterSubmitCallback.current = result as AfterFormSubmitCallback;\n    }\n  };\n\n  const handleSubmit = (e?: FormEvent | F) => {\n    const formEvent = e && \"nativeEvent\" in e ? (e as FormEvent) : undefined;\n    formEvent?.stopPropagation();\n    if (isSubmitting || isValidating) {\n      return;\n    }\n    return form.handleSubmit((values, event) => {\n      const submitResult = onSubmit(values, event);\n      if (submitResult instanceof Promise) {\n        return submitResult.then(handleSubmitResult);\n      }\n      handleSubmitResult(submitResult);\n    })(formEvent);\n  };\n\n  const onAfterSuccessFeedback = () => {\n    afterSubmitCallback.current?.();\n  };\n\n  const refWithHotkeySubmit = useHotkeySubmit({\n    ref,\n    handleSubmit,\n  });\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider\n        form={form as UseFormReturn}\n        isReadOnly={isReadOnly}\n        id={formId}\n        onAfterSuccessFeedback={onAfterSuccessFeedback}\n      >\n        <FormComponent\n          {...formProps}\n          ref={refWithHotkeySubmit}\n          id={formId}\n          onSubmit={handleSubmit}\n        >\n          {children}\n        </FormComponent>\n      </FormContextProvider>\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":";;;;;;AAwCA,MAAM,uBAA0C,CAAC,CAAA,qBAAM,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,CAAA,EAAG,CAAA;AAE7D,SAAS,KAA4B,KAAA,EAAqB;AAC/D,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA,GAAgB,oBAAA;AAAA,IAChB,UAAA;AAAA,IACA,GAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,YAAY,KAAA,EAAM;AACxB,EAAA,MAAM,SAAS,MAAA,IAAU,SAAA;AACzB,EAAA,MAAM,gBAAgB,OAAA,CAAQ,MAAM,aAAA,EAAe,CAAC,MAAM,CAAC,CAAA;AAC3D,EAAA,MAAM,mBAAA,GAAsB,OAAgC,MAAS,CAAA;AACrE,EAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAa,GAAI,IAAA,CAAK,SAAA;AAE5C,EAAA,MAAM,kBAAA,GAAqB,CAAC,MAAA,KAAoB;AAC9C,IAAA,IAAI,OAAO,WAAW,UAAA,EAAY;AAChC,MAAA,mBAAA,CAAoB,OAAA,GAAU,MAAA;AAAA,IAChC;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAAsB;AAC1C,IAAA,MAAM,SAAA,GAAY,CAAA,IAAK,aAAA,IAAiB,CAAA,GAAK,CAAA,GAAkB,MAAA;AAC/D,IAAA,SAAA,EAAW,eAAA,EAAgB;AAC3B,IAAA,IAAI,gBAAgB,YAAA,EAAc;AAChC,MAAA;AAAA,IACF;AACA,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,CAAC,MAAA,EAAQ,KAAA,KAAU;AAC1C,MAAA,MAAM,YAAA,GAAe,QAAA,CAAS,MAAA,EAAQ,KAAK,CAAA;AAC3C,MAAA,IAAI,wBAAwB,OAAA,EAAS;AACnC,QAAA,OAAO,YAAA,CAAa,KAAK,kBAAkB,CAAA;AAAA,MAC7C;AACA,MAAA,kBAAA,CAAmB,YAAY,CAAA;AAAA,IACjC,CAAC,EAAE,SAAS,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,MAAM,yBAAyB,MAAM;AACnC,IAAA,mBAAA,CAAoB,OAAA,IAAU;AAAA,EAChC,CAAA;AAEA,EAAA,MAAM,sBAAsB,eAAA,CAAgB;AAAA,IAC1C,GAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,GAAA,CAACA,YAAA,EAAA,EAAwB,GAAG,IAAA,EAC1B,QAAA,kBAAA,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,UAAA;AAAA,MACA,EAAA,EAAI,MAAA;AAAA,MACJ,sBAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA,EAAK,mBAAA;AAAA,UACL,EAAA,EAAI,MAAA;AAAA,UACJ,QAAA,EAAU,YAAA;AAAA,UAET;AAAA;AAAA;AACH;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Form.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import ConfirmUnsavedChangesModal from \"@/components/Modal/components/ConfirmUnsavedChangesModal\";\nimport { useHotkeySubmit } from \"@/integrations/react-hook-form/components/Form/useHotkeySubmit\";\nimport { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { useModalController } from \"@/lib/controller\";\nimport {\n  type ComponentProps,\n  type FC,\n  type FormEvent,\n  type FormEventHandler,\n  type PropsWithChildren,\n  type Ref,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type {\n  FieldValues,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\nexport type AfterFormSubmitCallback = (...unknownArgs: unknown[]) => unknown;\n\ntype FormComponentType = FC<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: FormEventHandler | FormOnSubmitHandler<never>;\n    ref?: Ref<HTMLFormElement>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends Omit<ComponentProps<\"form\">, \"onSubmit\">, PropsWithChildren {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FC<Omit<FormComponentType, \"ref\">>;\n  isReadOnly?: boolean;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit,\n    formComponent = DefaultFormComponent,\n    isReadOnly,\n    ref,\n    id: idProp,\n    ...formProps\n  } = props;\n\n  const newFormId = useId();\n  const formId = idProp ?? newFormId;\n  const FormComponent = useMemo(() => formComponent, [formId]);\n  const afterSubmitCallback = useRef<AfterFormSubmitCallback>(undefined);\n  const { isSubmitting, isValidating, isDirty } = form.formState;\n\n  const modalController = useModalController();\n  modalController.useUpdateOptions({\n    confirmOnClose: isDirty,\n  });\n\n  const handleSubmitResult = (result: unknown) => {\n    if (typeof result === \"function\") {\n      afterSubmitCallback.current = result as AfterFormSubmitCallback;\n    }\n  };\n\n  const handleSubmit = (e?: FormEvent | F) => {\n    const formEvent = e && \"nativeEvent\" in e ? (e as FormEvent) : undefined;\n    formEvent?.stopPropagation();\n    if (isSubmitting || isValidating) {\n      return;\n    }\n    modalController.confirmClose();\n    return form.handleSubmit((values, event) => {\n      const submitResult = onSubmit(values, event);\n      if (submitResult instanceof Promise) {\n        return submitResult.then(handleSubmitResult);\n      }\n      handleSubmitResult(submitResult);\n    })(formEvent);\n  };\n\n  const onAfterSuccessFeedback = () => {\n    afterSubmitCallback.current?.();\n  };\n\n  const refWithHotkeySubmit = useHotkeySubmit({\n    ref,\n    handleSubmit,\n  });\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider\n        form={form as UseFormReturn}\n        isReadOnly={isReadOnly}\n        id={formId}\n        onAfterSuccessFeedback={onAfterSuccessFeedback}\n      >\n        <FormComponent\n          {...formProps}\n          ref={refWithHotkeySubmit}\n          id={formId}\n          onSubmit={handleSubmit}\n        >\n          {children}\n        </FormComponent>\n      </FormContextProvider>\n      <ConfirmUnsavedChangesModal />\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":";;;;;;;;;;AA0CA,MAAM,uBAA0C,CAAC,CAAA,qBAAM,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,CAAA,EAAG,CAAA;AAE7D,SAAS,KAA4B,KAAA,EAAqB;AAC/D,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA,GAAgB,oBAAA;AAAA,IAChB,UAAA;AAAA,IACA,GAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,YAAY,KAAA,EAAM;AACxB,EAAA,MAAM,SAAS,MAAA,IAAU,SAAA;AACzB,EAAA,MAAM,gBAAgB,OAAA,CAAQ,MAAM,aAAA,EAAe,CAAC,MAAM,CAAC,CAAA;AAC3D,EAAA,MAAM,mBAAA,GAAsB,OAAgC,MAAS,CAAA;AACrE,EAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAc,OAAA,KAAY,IAAA,CAAK,SAAA;AAErD,EAAA,MAAM,kBAAkB,kBAAA,EAAmB;AAC3C,EAAA,eAAA,CAAgB,gBAAA,CAAiB;AAAA,IAC/B,cAAA,EAAgB;AAAA,GACjB,CAAA;AAED,EAAA,MAAM,kBAAA,GAAqB,CAAC,MAAA,KAAoB;AAC9C,IAAA,IAAI,OAAO,WAAW,UAAA,EAAY;AAChC,MAAA,mBAAA,CAAoB,OAAA,GAAU,MAAA;AAAA,IAChC;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAAsB;AAC1C,IAAA,MAAM,SAAA,GAAY,CAAA,IAAK,aAAA,IAAiB,CAAA,GAAK,CAAA,GAAkB,MAAA;AAC/D,IAAA,SAAA,EAAW,eAAA,EAAgB;AAC3B,IAAA,IAAI,gBAAgB,YAAA,EAAc;AAChC,MAAA;AAAA,IACF;AACA,IAAA,eAAA,CAAgB,YAAA,EAAa;AAC7B,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,CAAC,MAAA,EAAQ,KAAA,KAAU;AAC1C,MAAA,MAAM,YAAA,GAAe,QAAA,CAAS,MAAA,EAAQ,KAAK,CAAA;AAC3C,MAAA,IAAI,wBAAwB,OAAA,EAAS;AACnC,QAAA,OAAO,YAAA,CAAa,KAAK,kBAAkB,CAAA;AAAA,MAC7C;AACA,MAAA,kBAAA,CAAmB,YAAY,CAAA;AAAA,IACjC,CAAC,EAAE,SAAS,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,MAAM,yBAAyB,MAAM;AACnC,IAAA,mBAAA,CAAoB,OAAA,IAAU;AAAA,EAChC,CAAA;AAEA,EAAA,MAAM,sBAAsB,eAAA,CAAgB;AAAA,IAC1C,GAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,IAAA,CAACA,YAAA,EAAA,EAAwB,GAAG,IAAA,EAC1B,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,UAAA;AAAA,QACA,EAAA,EAAI,MAAA;AAAA,QACJ,sBAAA;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACE,GAAG,SAAA;AAAA,YACJ,GAAA,EAAK,mBAAA;AAAA,YACL,EAAA,EAAI,MAAA;AAAA,YACJ,QAAA,EAAU,YAAA;AAAA,YAET;AAAA;AAAA;AACH;AAAA,KACF;AAAA,wBACC,0BAAA,EAAA,EAA2B;AAAA,GAAA,EAC9B,CAAA;AAEJ;;;;"}

package/dist/js/components/src/lib/controller/overlay/OverlayController.mjs

@@ -4,33 +4,52 @@ import { makeObservable, action, observable } from 'mobx';
 import useSelector from '../../mobx/useSelector.mjs';
 import { useStatic } from '../../hooks/useStatic.mjs';
 import { useEffect } from 'react';
+import { useCloseOverlayConfirmationController } from './useCloseOverlayConfirmationController.mjs';
 
 class OverlayController {
   isOpen = false;
+  showConfirmationModal = false;
+  confirmOnCloseEnabled;
   onOpenHandlers = /* @__PURE__ */ new Set();
   onCloseHandlers = /* @__PURE__ */ new Set();
   onOpenChangeHandlers = /* @__PURE__ */ new Set();
-  constructor(options) {
+  constructor(options = {}) {
     makeObservable(this, {
       isOpen: observable,
+      showConfirmationModal: observable,
       open: action.bound,
       close: action.bound,
       toggle: action.bound,
-      setOpen: action.bound
+      setOpen: action.bound,
+      confirmClose: action.bound
     });
     this.isOpen = options?.isDefaultOpen ?? false;
-    if (options?.onOpen) {
-      this.onOpenHandlers.add(options.onOpen);
-    }
-    if (options?.onClose) {
-      this.onCloseHandlers.add(options.onClose);
-    }
-    if (options?.onOpenChange) {
-      this.onOpenChangeHandlers.add(options.onOpenChange);
-    }
+    this.confirmOnCloseEnabled = options?.confirmOnClose === true;
+  }
+  useUpdateOptions(options = {}) {
+    const { onOpen, onClose, onOpenChange, confirmOnClose } = options;
+    this.useOnHandler(
+      onOpen,
+      (h) => this.addOpenStateHandler(h, this.onOpenHandlers)
+    );
+    this.useOnHandler(
+      onClose,
+      (h) => this.addOpenStateHandler(h, this.onCloseHandlers)
+    );
+    this.useOnHandler(
+      onOpenChange,
+      (h) => this.addOpenStateHandler(h, this.onOpenChangeHandlers)
+    );
+    useEffect(() => {
+      if (confirmOnClose) {
+        this.confirmOnCloseEnabled = true;
+      }
+    }, [confirmOnClose, this]);
   }
   static useNew(options = {}) {
-    return useStatic(() => new OverlayController(options));
+    const controller = useStatic(() => new OverlayController(options));
+    controller.useUpdateOptions(options);
+    return controller;
   }
   addOpenStateHandler(handler, handlersSet) {
     handlersSet.add(handler);
@@ -38,30 +57,12 @@ class OverlayController {
       handlersSet.delete(handler);
     };
   }
-  addOnOpen(handler) {
-    return this.addOpenStateHandler(handler, this.onOpenHandlers);
-  }
-  addOnClose(handler) {
-    return this.addOpenStateHandler(handler, this.onCloseHandlers);
-  }
-  addOnOpenChange(handler) {
-    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);
-  }
   useOnHandler(handler, addHandlerFn) {
     useEffect(
       () => handler ? addHandlerFn(handler) : void 0,
       [handler, this]
     );
   }
-  useOnOpen(handler) {
-    this.useOnHandler(handler, (h) => this.addOnOpen(h));
-  }
-  useOnClose(handler) {
-    this.useOnHandler(handler, (h) => this.addOnClose(h));
-  }
-  useOnOpenChange(handler) {
-    this.useOnHandler(handler, (h) => this.addOnOpenChange(h));
-  }
   executeHandlers(isOpen, handlers) {
     const handlerResult = Array.from(handlers).map(
       (handler) => handler(isOpen)
@@ -80,32 +81,50 @@ class OverlayController {
   open() {
     this.setOpen(true);
   }
-  close() {
-    this.setOpen(false);
+  close(options) {
+    this.setOpen(false, options);
   }
   toggle() {
     this.setOpen(!this.isOpen);
   }
-  setOpen(to) {
-    if (this.isOpen === to) {
+  setOpen(toOpen, options = {}) {
+    if (this.isOpen === toOpen) {
+      return;
+    }
+    const { bypassConfirmation = false } = options;
+    if (this.confirmOnCloseEnabled && toOpen === false && bypassConfirmation === false) {
+      this.showConfirmationModal = true;
       return;
     }
     let aborted = false;
-    if (to) {
+    if (toOpen) {
       aborted = this.executeOnOpen();
     } else {
       aborted = this.executeOnClose();
     }
     if (!aborted) {
-      aborted = this.executeOnOpenChange(to);
+      aborted = this.executeOnOpenChange(toOpen);
     }
     if (!aborted) {
-      this.isOpen = to;
+      this.isOpen = toOpen;
     }
   }
   useIsOpen() {
     return useSelector(() => this.isOpen);
   }
+  useShowConfirmationModal() {
+    return useSelector(() => this.showConfirmationModal);
+  }
+  useConfirmationController() {
+    return useCloseOverlayConfirmationController(this);
+  }
+  confirmClose() {
+    this.showConfirmationModal = false;
+    this.confirmOnCloseEnabled = false;
+  }
+  cancelConfirmation() {
+    this.showConfirmationModal = false;
+  }
 }
 
 export { OverlayController };

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayController.mjs","sources":["../../../../../../../src/lib/controller/overlay/OverlayController.ts"],"sourcesContent":["import { action, makeObservable, observable } from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport { useEffect } from \"react\";\n\nexport type OverlayOpenHandler = () => unknown;\nexport type OverlayCloseHandler = () => unknown;\nexport type OverlayOpenStateHandler = (isOpen: boolean) => unknown;\ntype AnyOverlayOpenStateHandler =\n  | OverlayOpenHandler\n  | OverlayCloseHandler\n  | OverlayOpenStateHandler;\n\ntype DisposerFn = () => void;\n\nexport interface OverlayControllerOptions {\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n}\n\nexport class OverlayController {\n  public isOpen = false;\n  private onOpenHandlers = new Set<OverlayOpenHandler>();\n  private onCloseHandlers = new Set<OverlayCloseHandler>();\n  private onOpenChangeHandlers = new Set<OverlayOpenStateHandler>();\n\n  public constructor(options?: OverlayControllerOptions) {\n    makeObservable(this, {\n      isOpen: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n    });\n    this.isOpen = options?.isDefaultOpen ?? false;\n\n    if (options?.onOpen) {\n      this.onOpenHandlers.add(options.onOpen);\n    }\n    if (options?.onClose) {\n      this.onCloseHandlers.add(options.onClose);\n    }\n    if (options?.onOpenChange) {\n      this.onOpenChangeHandlers.add(options.onOpenChange);\n    }\n  }\n\n  public static useNew(\n    options: OverlayControllerOptions = {},\n  ): OverlayController {\n    return useStatic(() => new OverlayController(options));\n  }\n\n  private addOpenStateHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T,\n    handlersSet: Set<T>,\n  ): DisposerFn {\n    handlersSet.add(handler);\n    return () => {\n      handlersSet.delete(handler);\n    };\n  }\n\n  public addOnOpen(handler: OverlayOpenHandler): DisposerFn {\n    return this.addOpenStateHandler(handler, this.onOpenHandlers);\n  }\n\n  public addOnClose(handler: OverlayCloseHandler): DisposerFn {\n    return this.addOpenStateHandler(handler, this.onCloseHandlers);\n  }\n\n  public addOnOpenChange(handler: OverlayOpenStateHandler): DisposerFn {\n    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);\n  }\n\n  private useOnHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T | undefined,\n    addHandlerFn: (handler: T) => DisposerFn,\n  ) {\n    useEffect(\n      () => (handler ? addHandlerFn(handler) : undefined),\n      [handler, this],\n    );\n  }\n\n  public useOnOpen(handler?: OverlayOpenHandler): void {\n    this.useOnHandler(handler, (h) => this.addOnOpen(h));\n  }\n\n  public useOnClose(handler?: OverlayCloseHandler): void {\n    this.useOnHandler(handler, (h) => this.addOnClose(h));\n  }\n\n  public useOnOpenChange(handler?: OverlayOpenStateHandler): void {\n    this.useOnHandler(handler, (h) => this.addOnOpenChange(h));\n  }\n\n  private executeHandlers(\n    isOpen: boolean,\n    handlers: Set<\n      OverlayOpenHandler | OverlayCloseHandler | OverlayOpenStateHandler\n    >,\n  ): boolean {\n    const handlerResult = Array.from(handlers).map((handler) =>\n      handler(isOpen),\n    );\n    return handlerResult.some((result) => result === false);\n  }\n\n  private executeOnClose(): boolean {\n    return this.executeHandlers(false, this.onCloseHandlers);\n  }\n\n  private executeOnOpen(): boolean {\n    return this.executeHandlers(true, this.onOpenHandlers);\n  }\n\n  private executeOnOpenChange(isOpen: boolean): boolean {\n    return this.executeHandlers(isOpen, this.onOpenChangeHandlers);\n  }\n\n  public open(): void {\n    this.setOpen(true);\n  }\n\n  public close(): void {\n    this.setOpen(false);\n  }\n\n  public toggle(): void {\n    this.setOpen(!this.isOpen);\n  }\n\n  public setOpen(to: boolean): void {\n    if (this.isOpen === to) {\n      return;\n    }\n\n    let aborted = false;\n    if (to) {\n      aborted = this.executeOnOpen();\n    } else {\n      aborted = this.executeOnClose();\n    }\n    if (!aborted) {\n      aborted = this.executeOnOpenChange(to);\n    }\n\n    if (!aborted) {\n      this.isOpen = to;\n    }\n  }\n\n  public useIsOpen() {\n    return useSelector(() => this.isOpen);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OverlayController.mjs","sources":["../../../../../../../src/lib/controller/overlay/OverlayController.ts"],"sourcesContent":["import { action, makeObservable, observable } from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport { useEffect } from \"react\";\nimport { useCloseOverlayConfirmationController } from \"@/lib/controller/overlay/useCloseOverlayConfirmationController\";\n\nexport type OverlayOpenHandler = () => unknown;\nexport type OverlayCloseHandler = () => unknown;\nexport type OverlayOpenStateHandler = (isOpen: boolean) => unknown;\ntype AnyOverlayOpenStateHandler =\n  | OverlayOpenHandler\n  | OverlayCloseHandler\n  | OverlayOpenStateHandler;\n\ntype DisposerFn = () => void;\n\nexport interface CloseOverlayOptions {\n  bypassConfirmation?: boolean;\n}\n\nexport interface OverlayControllerOptions {\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n  confirmOnClose?: boolean;\n}\n\ntype ConstructorOptions = Pick<\n  OverlayControllerOptions,\n  \"isDefaultOpen\" | \"confirmOnClose\"\n>;\n\nexport class OverlayController {\n  public isOpen = false;\n  public showConfirmationModal = false;\n  public confirmOnCloseEnabled: boolean;\n  private onOpenHandlers = new Set<OverlayOpenHandler>();\n  private onCloseHandlers = new Set<OverlayCloseHandler>();\n  private onOpenChangeHandlers = new Set<OverlayOpenStateHandler>();\n\n  public constructor(options: ConstructorOptions = {}) {\n    makeObservable(this, {\n      isOpen: observable,\n      showConfirmationModal: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n      confirmClose: action.bound,\n    });\n    this.isOpen = options?.isDefaultOpen ?? false;\n    this.confirmOnCloseEnabled = options?.confirmOnClose === true;\n  }\n\n  public useUpdateOptions(options: OverlayControllerOptions = {}): void {\n    const { onOpen, onClose, onOpenChange, confirmOnClose } = options;\n\n    this.useOnHandler(onOpen, (h) =>\n      this.addOpenStateHandler(h, this.onOpenHandlers),\n    );\n    this.useOnHandler(onClose, (h) =>\n      this.addOpenStateHandler(h, this.onCloseHandlers),\n    );\n    this.useOnHandler(onOpenChange, (h) =>\n      this.addOpenStateHandler(h, this.onOpenChangeHandlers),\n    );\n\n    useEffect(() => {\n      if (confirmOnClose) {\n        this.confirmOnCloseEnabled = true;\n      }\n    }, [confirmOnClose, this]);\n  }\n\n  public static useNew(\n    options: OverlayControllerOptions = {},\n  ): OverlayController {\n    const controller = useStatic(() => new OverlayController(options));\n    controller.useUpdateOptions(options);\n    return controller;\n  }\n\n  private addOpenStateHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T,\n    handlersSet: Set<T>,\n  ): DisposerFn {\n    handlersSet.add(handler);\n    return () => {\n      handlersSet.delete(handler);\n    };\n  }\n\n  private useOnHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T | undefined,\n    addHandlerFn: (handler: T) => DisposerFn,\n  ) {\n    useEffect(\n      () => (handler ? addHandlerFn(handler) : undefined),\n      [handler, this],\n    );\n  }\n\n  private executeHandlers(\n    isOpen: boolean,\n    handlers: Set<\n      OverlayOpenHandler | OverlayCloseHandler | OverlayOpenStateHandler\n    >,\n  ): boolean {\n    const handlerResult = Array.from(handlers).map((handler) =>\n      handler(isOpen),\n    );\n    return handlerResult.some((result) => result === false);\n  }\n\n  private executeOnClose(): boolean {\n    return this.executeHandlers(false, this.onCloseHandlers);\n  }\n\n  private executeOnOpen(): boolean {\n    return this.executeHandlers(true, this.onOpenHandlers);\n  }\n\n  private executeOnOpenChange(isOpen: boolean): boolean {\n    return this.executeHandlers(isOpen, this.onOpenChangeHandlers);\n  }\n\n  public open(): void {\n    this.setOpen(true);\n  }\n\n  public close(options?: CloseOverlayOptions): void {\n    this.setOpen(false, options);\n  }\n\n  public toggle(): void {\n    this.setOpen(!this.isOpen);\n  }\n\n  public setOpen(toOpen: boolean, options: CloseOverlayOptions = {}): void {\n    if (this.isOpen === toOpen) {\n      return;\n    }\n\n    const { bypassConfirmation = false } = options;\n\n    if (\n      this.confirmOnCloseEnabled &&\n      toOpen === false &&\n      bypassConfirmation === false\n    ) {\n      this.showConfirmationModal = true;\n      return;\n    }\n\n    let aborted = false;\n    if (toOpen) {\n      aborted = this.executeOnOpen();\n    } else {\n      aborted = this.executeOnClose();\n    }\n    if (!aborted) {\n      aborted = this.executeOnOpenChange(toOpen);\n    }\n\n    if (!aborted) {\n      this.isOpen = toOpen;\n    }\n  }\n\n  public useIsOpen() {\n    return useSelector(() => this.isOpen);\n  }\n\n  public useShowConfirmationModal() {\n    return useSelector(() => this.showConfirmationModal);\n  }\n\n  public useConfirmationController() {\n    return useCloseOverlayConfirmationController(this);\n  }\n\n  public confirmClose(): void {\n    this.showConfirmationModal = false;\n    this.confirmOnCloseEnabled = false;\n  }\n\n  public cancelConfirmation(): void {\n    this.showConfirmationModal = false;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/lib/controller/overlay/useCloseOverlayConfirmationController.mjs

@@ -0,0 +1,34 @@
+"use client"
+/* */
+import { useModalController } from './useModalController.mjs';
+import { useEffect } from 'react';
+
+const useCloseOverlayConfirmationController = (parentController) => {
+  const showConfirmationModal = parentController.useShowConfirmationModal();
+  const confirmationModalController = useModalController({
+    reuseControllerFromContext: false,
+    onClose: () => {
+      if (showConfirmationModal) {
+        parentController.cancelConfirmation();
+      }
+    }
+  });
+  useEffect(() => {
+    if (showConfirmationModal) {
+      confirmationModalController.open();
+    }
+  }, [confirmationModalController, showConfirmationModal]);
+  if (parentController.confirmClose) {
+    return {
+      controller: confirmationModalController,
+      cancel: () => parentController.cancelConfirmation(),
+      confirm: () => {
+        parentController.confirmClose();
+        parentController.close();
+      }
+    };
+  }
+};
+
+export { useCloseOverlayConfirmationController };
+//# sourceMappingURL=useCloseOverlayConfirmationController.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseOverlayConfirmationController.mjs","sources":["../../../../../../../src/lib/controller/overlay/useCloseOverlayConfirmationController.ts"],"sourcesContent":["import type { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport { useModalController } from \"@/lib/controller/overlay/useModalController\";\nimport { useEffect } from \"react\";\n\nexport const useCloseOverlayConfirmationController = (\n  parentController: OverlayController,\n) => {\n  const showConfirmationModal = parentController.useShowConfirmationModal();\n\n  const confirmationModalController = useModalController({\n    reuseControllerFromContext: false,\n    onClose: () => {\n      if (showConfirmationModal) {\n        parentController.cancelConfirmation();\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (showConfirmationModal) {\n      confirmationModalController.open();\n    }\n  }, [confirmationModalController, showConfirmationModal]);\n\n  if (parentController.confirmClose) {\n    return {\n      controller: confirmationModalController,\n      cancel: () => parentController.cancelConfirmation(),\n      confirm: () => {\n        parentController.confirmClose();\n        parentController.close();\n      },\n    } as const;\n  }\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,qCAAA,GAAwC,CACnD,gBAAA,KACG;AACH,EAAA,MAAM,qBAAA,GAAwB,iBAAiB,wBAAA,EAAyB;AAExE,EAAA,MAAM,8BAA8B,kBAAA,CAAmB;AAAA,IACrD,0BAAA,EAA4B,KAAA;AAAA,IAC5B,SAAS,MAAM;AACb,MAAA,IAAI,qBAAA,EAAuB;AACzB,QAAA,gBAAA,CAAiB,kBAAA,EAAmB;AAAA,MACtC;AAAA,IACF;AAAA,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,qBAAA,EAAuB;AACzB,MAAA,2BAAA,CAA4B,IAAA,EAAK;AAAA,IACnC;AAAA,EACF,CAAA,EAAG,CAAC,2BAAA,EAA6B,qBAAqB,CAAC,CAAA;AAEvD,EAAA,IAAI,iBAAiB,YAAA,EAAc;AACjC,IAAA,OAAO;AAAA,MACL,UAAA,EAAY,2BAAA;AAAA,MACZ,MAAA,EAAQ,MAAM,gBAAA,CAAiB,kBAAA,EAAmB;AAAA,MAClD,SAAS,MAAM;AACb,QAAA,gBAAA,CAAiB,YAAA,EAAa;AAC9B,QAAA,gBAAA,CAAiB,KAAA,EAAM;AAAA,MACzB;AAAA,KACF;AAAA,EACF;AACF;;;;"}

package/dist/js/components/src/lib/controller/overlay/useOverlayController.mjs

@@ -3,25 +3,14 @@
 import { useOverlayContext } from './context.mjs';
 import { OverlayController } from './OverlayController.mjs';
 
-const useOverlayController = (overlayType, opts = {}) => {
-  const {
-    reuseControllerFromContext = true,
-    isDefaultOpen,
-    onOpen,
-    onClose,
-    onOpenChange
-  } = opts;
-  const newController = OverlayController.useNew({
-    isDefaultOpen,
-    onOpen,
-    onClose,
-    onOpenChange
-  });
+const useOverlayController = (overlayType, options = {}) => {
+  const { reuseControllerFromContext = true, ...restControllerOptions } = options;
+  const newController = OverlayController.useNew(restControllerOptions);
   const controllerFromContext = useOverlayContext()[overlayType];
   const controller = reuseControllerFromContext && controllerFromContext ? controllerFromContext : newController;
-  controller.useOnOpen(onOpen);
-  controller.useOnClose(onClose);
-  controller.useOnOpenChange(onOpenChange);
+  if (controller === controllerFromContext) {
+    controller.useUpdateOptions(restControllerOptions);
+  }
   return controller;
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"useOverlayController.mjs","sources":["../../../../../../../src/lib/controller/overlay/useOverlayController.ts"],"sourcesContent":["import { useOverlayContext } from \"@/lib/controller/overlay/context\";\nimport type { OverlayControllerOptions } from \"@/lib/controller/overlay/OverlayController\";\nimport { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport interface UseOverlayControllerOptions extends OverlayControllerOptions {\n  reuseControllerFromContext?: boolean;\n}\n\nexport const useOverlayController = (\n  overlayType: FlowComponentName,\n  opts: UseOverlayControllerOptions = {},\n): OverlayController => {\n  const {\n    reuseControllerFromContext = true,\n    isDefaultOpen,\n    onOpen,\n    onClose,\n    onOpenChange,\n  } = opts;\n\n  const newController = OverlayController.useNew({\n    isDefaultOpen,\n    onOpen,\n    onClose,\n    onOpenChange,\n  });\n  const controllerFromContext = useOverlayContext()[overlayType];\n\n  const controller =\n    reuseControllerFromContext && controllerFromContext\n      ? controllerFromContext\n      : newController;\n\n  controller.useOnOpen(onOpen);\n  controller.useOnClose(onClose);\n  controller.useOnOpenChange(onOpenChange);\n\n  return controller;\n};\n"],"names":[],"mappings":";;;AASO,MAAM,oBAAA,GAAuB,CAClC,WAAA,EACA,IAAA,GAAoC,EAAC,KACf;AACtB,EAAA,MAAM;AAAA,IACJ,0BAAA,GAA6B,IAAA;AAAA,IAC7B,aAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF,GAAI,IAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,kBAAkB,MAAA,CAAO;AAAA,IAC7C,aAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,MAAM,qBAAA,GAAwB,iBAAA,EAAkB,CAAE,WAAW,CAAA;AAE7D,EAAA,MAAM,UAAA,GACJ,0BAAA,IAA8B,qBAAA,GAC1B,qBAAA,GACA,aAAA;AAEN,EAAA,UAAA,CAAW,UAAU,MAAM,CAAA;AAC3B,EAAA,UAAA,CAAW,WAAW,OAAO,CAAA;AAC7B,EAAA,UAAA,CAAW,gBAAgB,YAAY,CAAA;AAEvC,EAAA,OAAO,UAAA;AACT;;;;"}
+{"version":3,"file":"useOverlayController.mjs","sources":["../../../../../../../src/lib/controller/overlay/useOverlayController.ts"],"sourcesContent":["import { useOverlayContext } from \"@/lib/controller/overlay/context\";\nimport type { OverlayControllerOptions } from \"@/lib/controller/overlay/OverlayController\";\nimport { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport interface UseOverlayControllerOptions extends OverlayControllerOptions {\n  reuseControllerFromContext?: boolean;\n}\n\nexport const useOverlayController = (\n  overlayType: FlowComponentName,\n  options: UseOverlayControllerOptions = {},\n): OverlayController => {\n  const { reuseControllerFromContext = true, ...restControllerOptions } =\n    options;\n\n  const newController = OverlayController.useNew(restControllerOptions);\n  const controllerFromContext = useOverlayContext()[overlayType];\n\n  const controller =\n    reuseControllerFromContext && controllerFromContext\n      ? controllerFromContext\n      : newController;\n\n  if (controller === controllerFromContext) {\n    controller.useUpdateOptions(restControllerOptions);\n  }\n\n  return controller;\n};\n"],"names":[],"mappings":";;;AASO,MAAM,oBAAA,GAAuB,CAClC,WAAA,EACA,OAAA,GAAuC,EAAC,KAClB;AACtB,EAAA,MAAM,EAAE,0BAAA,GAA6B,IAAA,EAAM,GAAG,uBAAsB,GAClE,OAAA;AAEF,EAAA,MAAM,aAAA,GAAgB,iBAAA,CAAkB,MAAA,CAAO,qBAAqB,CAAA;AACpE,EAAA,MAAM,qBAAA,GAAwB,iBAAA,EAAkB,CAAE,WAAW,CAAA;AAE7D,EAAA,MAAM,UAAA,GACJ,0BAAA,IAA8B,qBAAA,GAC1B,qBAAA,GACA,aAAA;AAEN,EAAA,IAAI,eAAe,qBAAA,EAAuB;AACxC,IAAA,UAAA,CAAW,iBAAiB,qBAAqB,CAAA;AAAA,EACnD;AAEA,EAAA,OAAO,UAAA;AACT;;;;"}

package/dist/types/components/Action/models/getExecutionFunction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getExecutionFunction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Action/models/getExecutionFunction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAMpD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,WAAW,GAAG,QAAQ,CAgClE"}
+{"version":3,"file":"getExecutionFunction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Action/models/getExecutionFunction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAMpD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,WAAW,GAAG,QAAQ,CAmClE"}

package/dist/types/components/Action/types.d.ts

@@ -3,6 +3,7 @@ import { OverlayController } from '../../lib/controller';
 import { ActionModel } from './models/ActionModel';
 import { FlowComponentName } from '../propTypes';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { CloseOverlayOptions } from '../../lib/controller/overlay/OverlayController';
 export type ActionFn = (...args: unknown[]) => unknown;
 export interface ActionProps extends PropsWithChildren, FlowComponentProps {
     onAction?: ActionFn;
@@ -10,7 +11,7 @@ export interface ActionProps extends PropsWithChildren, FlowComponentProps {
     closeOverlay?: FlowComponentName | OverlayController;
     openOverlay?: FlowComponentName | OverlayController;
     toggleOverlay?: FlowComponentName | OverlayController;
-    closeModal?: boolean;
+    closeModal?: boolean | CloseOverlayOptions;
     openModal?: boolean;
     toggleModal?: boolean;
     break?: boolean;

package/dist/types/components/Action/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,iBAAiB,EAAE,kBAAkB;IACxE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACrD,WAAW,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACpD,aAAa,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAEtF,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,iBAAiB,EAAE,kBAAkB;IACxE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACrD,WAAW,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACpD,aAAa,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dist/types/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AAQzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAM5D,KAAK,qBAAqB,GAAG,IAAI,CAC/B,YAAY,EACZ,QAAQ,GAAG,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,cAAc,CACnE,CAAC;AAEF,MAAM,WAAW,UACf,SACE,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB;IACvB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC,wDAAwD;IACxD,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,+FAkFhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AAQzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAM5D,KAAK,qBAAqB,GAAG,IAAI,CAC/B,YAAY,EACZ,QAAQ,GAAG,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,cAAc,CACnE,CAAC;AAEF,MAAM,WAAW,UACf,SACE,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB;IACvB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC,wDAAwD;IACxD,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,+FA0FhB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/types/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.d.ts

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

package/dist/types/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmUnsavedChangesModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,eAAO,MAAM,0BAA0B,EAAE,EAuCxC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/types/components/Modal/components/ConfirmUnsavedChangesModal/index.d.ts

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

package/dist/types/components/Modal/components/ConfirmUnsavedChangesModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/components/ConfirmUnsavedChangesModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,0BAA0B,GAC3B,MAAM,8BAA8B,CAAC"}

package/dist/types/components/Modal/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,KAAuB,MAAM,oBAAoB,CAAC;AAoBzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4C5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAEtC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkCtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAkC/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqC5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqC5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiE7B,CAAC;AAUF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,KAAuB,MAAM,oBAAoB,CAAC;AAoBzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4C5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAEtC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0CtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAkC/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqC5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqC5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiE7B,CAAC;AAUF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC"}

package/dist/types/components/Overlay/Overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,kBAAkB;IACzE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,mDAAmD;IACnD,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA0CpC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,kBAAkB;IACzE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,mDAAmD;IACnD,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAsCpC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,EAAE,EAEP,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,GAAG,EAIT,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,CAAC,GAAG,WAAW,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;AAE7E,KAAK,iBAAiB,GAAG,EAAE,CACzB,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B,CAAC,CACH,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW,CAC9C,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,EAAE,iBAAiB;IACnE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,2CAmE9D;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,EAAE,EAEP,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,GAAG,EAIT,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,CAAC,GAAG,WAAW,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;AAE7E,KAAK,iBAAiB,GAAG,EAAE,CACzB,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B,CAAC,CACH,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW,CAC9C,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,EAAE,iBAAiB;IACnE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,2CA0E9D;AAED,eAAe,IAAI,CAAC"}

package/dist/types/lib/controller/overlay/OverlayController.d.ts

@@ -1,37 +1,46 @@
 export type OverlayOpenHandler = () => unknown;
 export type OverlayCloseHandler = () => unknown;
 export type OverlayOpenStateHandler = (isOpen: boolean) => unknown;
-type DisposerFn = () => void;
+export interface CloseOverlayOptions {
+    bypassConfirmation?: boolean;
+}
 export interface OverlayControllerOptions {
     isDefaultOpen?: boolean;
     onOpen?: OverlayOpenHandler;
     onClose?: OverlayCloseHandler;
     onOpenChange?: OverlayOpenStateHandler;
+    confirmOnClose?: boolean;
 }
+type ConstructorOptions = Pick<OverlayControllerOptions, "isDefaultOpen" | "confirmOnClose">;
 export declare class OverlayController {
     isOpen: boolean;
+    showConfirmationModal: boolean;
+    confirmOnCloseEnabled: boolean;
     private onOpenHandlers;
     private onCloseHandlers;
     private onOpenChangeHandlers;
-    constructor(options?: OverlayControllerOptions);
+    constructor(options?: ConstructorOptions);
+    useUpdateOptions(options?: OverlayControllerOptions): void;
     static useNew(options?: OverlayControllerOptions): OverlayController;
     private addOpenStateHandler;
-    addOnOpen(handler: OverlayOpenHandler): DisposerFn;
-    addOnClose(handler: OverlayCloseHandler): DisposerFn;
-    addOnOpenChange(handler: OverlayOpenStateHandler): DisposerFn;
     private useOnHandler;
-    useOnOpen(handler?: OverlayOpenHandler): void;
-    useOnClose(handler?: OverlayCloseHandler): void;
-    useOnOpenChange(handler?: OverlayOpenStateHandler): void;
     private executeHandlers;
     private executeOnClose;
     private executeOnOpen;
     private executeOnOpenChange;
     open(): void;
-    close(): void;
+    close(options?: CloseOverlayOptions): void;
     toggle(): void;
-    setOpen(to: boolean): void;
+    setOpen(toOpen: boolean, options?: CloseOverlayOptions): void;
     useIsOpen(): boolean;
+    useShowConfirmationModal(): boolean;
+    useConfirmationController(): {
+        readonly controller: OverlayController;
+        readonly cancel: () => void;
+        readonly confirm: () => void;
+    } | undefined;
+    confirmClose(): void;
+    cancelConfirmation(): void;
 }
 export {};
 //# sourceMappingURL=OverlayController.d.ts.map

package/dist/types/lib/controller/overlay/OverlayController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayController.d.ts","sourceRoot":"","sources":["../../../../../src/lib/controller/overlay/OverlayController.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC;AAC/C,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,CAAC;AAChD,MAAM,MAAM,uBAAuB,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;AAMnE,KAAK,UAAU,GAAG,MAAM,IAAI,CAAC;AAE7B,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED,qBAAa,iBAAiB;IACrB,MAAM,UAAS;IACtB,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,oBAAoB,CAAsC;gBAE/C,OAAO,CAAC,EAAE,wBAAwB;WAqBvC,MAAM,CAClB,OAAO,GAAE,wBAA6B,GACrC,iBAAiB;IAIpB,OAAO,CAAC,mBAAmB;IAUpB,SAAS,CAAC,OAAO,EAAE,kBAAkB,GAAG,UAAU;IAIlD,UAAU,CAAC,OAAO,EAAE,mBAAmB,GAAG,UAAU;IAIpD,eAAe,CAAC,OAAO,EAAE,uBAAuB,GAAG,UAAU;IAIpE,OAAO,CAAC,YAAY;IAUb,SAAS,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,IAAI;IAI7C,UAAU,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI;IAI/C,eAAe,CAAC,OAAO,CAAC,EAAE,uBAAuB,GAAG,IAAI;IAI/D,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,mBAAmB;IAIpB,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAIb,MAAM,IAAI,IAAI;IAId,OAAO,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAoB1B,SAAS;CAGjB"}
+{"version":3,"file":"OverlayController.d.ts","sourceRoot":"","sources":["../../../../../src/lib/controller/overlay/OverlayController.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC;AAC/C,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,CAAC;AAChD,MAAM,MAAM,uBAAuB,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;AAQnE,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,wBAAwB,EACxB,eAAe,GAAG,gBAAgB,CACnC,CAAC;AAEF,qBAAa,iBAAiB;IACrB,MAAM,UAAS;IACf,qBAAqB,UAAS;IAC9B,qBAAqB,EAAE,OAAO,CAAC;IACtC,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,oBAAoB,CAAsC;gBAE/C,OAAO,GAAE,kBAAuB;IAc5C,gBAAgB,CAAC,OAAO,GAAE,wBAA6B,GAAG,IAAI;WAoBvD,MAAM,CAClB,OAAO,GAAE,wBAA6B,GACrC,iBAAiB;IAMpB,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,mBAAmB;IAIpB,IAAI,IAAI,IAAI;IAIZ,KAAK,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI;IAI1C,MAAM,IAAI,IAAI;IAId,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI;IA+BjE,SAAS;IAIT,wBAAwB;IAIxB,yBAAyB;;;;;IAIzB,YAAY,IAAI,IAAI;IAKpB,kBAAkB,IAAI,IAAI;CAGlC"}

package/dist/types/lib/controller/overlay/useCloseOverlayConfirmationController.d.ts

@@ -0,0 +1,7 @@
+import { OverlayController } from './OverlayController';
+export declare const useCloseOverlayConfirmationController: (parentController: OverlayController) => {
+    readonly controller: OverlayController;
+    readonly cancel: () => void;
+    readonly confirm: () => void;
+} | undefined;
+//# sourceMappingURL=useCloseOverlayConfirmationController.d.ts.map

package/dist/types/lib/controller/overlay/useCloseOverlayConfirmationController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseOverlayConfirmationController.d.ts","sourceRoot":"","sources":["../../../../../src/lib/controller/overlay/useCloseOverlayConfirmationController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAIpF,eAAO,MAAM,qCAAqC,GAChD,kBAAkB,iBAAiB;;;;aA6BpC,CAAC"}

package/dist/types/lib/controller/overlay/useOverlayController.d.ts

@@ -3,5 +3,5 @@ import { FlowComponentName } from '../../../components/propTypes';
 export interface UseOverlayControllerOptions extends OverlayControllerOptions {
     reuseControllerFromContext?: boolean;
 }
-export declare const useOverlayController: (overlayType: FlowComponentName, opts?: UseOverlayControllerOptions) => OverlayController;
+export declare const useOverlayController: (overlayType: FlowComponentName, options?: UseOverlayControllerOptions) => OverlayController;
 //# sourceMappingURL=useOverlayController.d.ts.map

package/dist/types/lib/controller/overlay/useOverlayController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverlayController.d.ts","sourceRoot":"","sources":["../../../../../src/lib/controller/overlay/useOverlayController.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,WAAW,2BAA4B,SAAQ,wBAAwB;IAC3E,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,oBAAoB,GAC/B,aAAa,iBAAiB,EAC9B,OAAM,2BAAgC,KACrC,iBA2BF,CAAC"}
+{"version":3,"file":"useOverlayController.d.ts","sourceRoot":"","sources":["../../../../../src/lib/controller/overlay/useOverlayController.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,WAAW,2BAA4B,SAAQ,wBAAwB;IAC3E,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,oBAAoB,GAC/B,aAAa,iBAAiB,EAC9B,UAAS,2BAAgC,KACxC,iBAiBF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.680",
+  "version": "0.2.0-alpha.681",
   "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.680",
+    "@mittwald/react-tunnel": "0.2.0-alpha.681",
     "@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.680",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.681",
     "@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": "9bc78fb1a536d45848c6a3240f0aae204cef5e4b"
+  "gitHead": "472d9c3c4843df8a24827e4e049dd7645b39ac6e"
 }