@mittwald/flow-react-components 0.2.0-alpha.865 → 0.2.0-alpha.866

package/dist/js/packages/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, useRef, type DependencyList } from \"react\";\nimport { useCloseOverlayConfirmationController } from \"@/lib/controller/overlay/useCloseOverlayConfirmationController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\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  overlay: FlowComponentName | OverlayController;\n  bypassConfirmation?: boolean;\n}\n\nexport interface OnOverlayClosedOptions {\n  dependencies?: DependencyList;\n}\n\nexport type CloseModalOptions = Omit<CloseOverlayOptions, \"overlay\">;\n\ntype CloseOptions = CloseOverlayOptions | CloseModalOptions;\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 isContentSuspended = false;\n  private onOpenHandlers = new Set<OverlayOpenHandler>();\n  private onCloseHandlers = new Set<OverlayCloseHandler>();\n  private onOpenChangeHandlers = new Set<OverlayOpenStateHandler>();\n\n  public showConfirmationModal = false;\n  public closeIsConfirmed = false;\n  public confirmOnCloseEnabled: boolean;\n\n  public constructor(options: ConstructorOptions = {}) {\n    makeObservable(this, {\n      isOpen: observable,\n      isContentSuspended: observable,\n      showConfirmationModal: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n      setIsContentSuspended: action.bound,\n      confirmClose: action.bound,\n    });\n    const { isDefaultOpen = false, confirmOnClose = false } = options;\n    this.isOpen = isDefaultOpen;\n    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  public useUpdateOptions(options: OverlayControllerOptions = {}): void {\n    const {\n      onOpen,\n      onClose,\n      onOpenChange,\n      confirmOnClose = this.confirmOnCloseEnabled,\n    } = 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    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  /**\n   * Can be used to execute a callback when the Overlay has unmounted – means\n   * after any closing animation.\n   *\n   * NOTICE: This hook only works inside the corresponding Overlay!\n   */\n  public useOnClosed(\n    callback: () => unknown,\n    options: OnOverlayClosedOptions = {},\n  ) {\n    const { dependencies = [] } = options;\n    const isOpen = this.useIsOpen();\n    const wasOpen = useRef(this.isOpen);\n\n    this.useUpdateOptions({\n      onOpen: () => {\n        wasOpen.current = true;\n      },\n    });\n\n    useEffect(() => {\n      return () => {\n        if (!isOpen && wasOpen.current) {\n          wasOpen.current = false;\n          callback();\n        }\n      };\n    }, [isOpen, ...dependencies]);\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 addOnClose(handler: OverlayCloseHandler) {\n    return this.addOpenStateHandler(handler, this.onCloseHandlers);\n  }\n\n  public addOnOpen(handler: OverlayOpenHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenHandlers);\n  }\n\n  public addOnOpenChange(handler: OverlayOpenStateHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);\n  }\n\n  public open(): void {\n    this.setOpen(true);\n  }\n\n  public close(options?: CloseOptions): 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: CloseOptions = {}): void {\n    if (this.isOpen === toOpen) {\n      return;\n    }\n\n    const { bypassConfirmation = false } = options;\n\n    if (\n      toOpen === false &&\n      this.confirmOnCloseEnabled &&\n      !this.closeIsConfirmed &&\n      !bypassConfirmation\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      this.closeIsConfirmed = false;\n    }\n  }\n\n  public setIsContentSuspended(to: boolean): void {\n    this.isContentSuspended = to;\n  }\n\n  public useIsOpen() {\n    return useSelector(() => this.isOpen);\n  }\n\n  public useIsContentSuspended() {\n    return useSelector(() => this.isContentSuspended);\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.closeIsConfirmed = true;\n    this.showConfirmationModal = false;\n  }\n\n  public cancelConfirmation(): void {\n    this.showConfirmationModal = false;\n  }\n}\n"],"names":[],"mappings":";;;;;;AA2CO,MAAM,iBAAA,CAAkB;AAAA,EACtB,MAAA,GAAS,KAAA;AAAA,EACT,kBAAA,GAAqB,KAAA;AAAA,EACpB,cAAA,uBAAqB,GAAA,EAAwB;AAAA,EAC7C,eAAA,uBAAsB,GAAA,EAAyB;AAAA,EAC/C,oBAAA,uBAA2B,GAAA,EAA6B;AAAA,EAEzD,qBAAA,GAAwB,KAAA;AAAA,EACxB,gBAAA,GAAmB,KAAA;AAAA,EACnB,qBAAA;AAAA,EAEA,WAAA,CAAY,OAAA,GAA8B,EAAC,EAAG;AACnD,IAAA,cAAA,CAAe,IAAA,EAAM;AAAA,MACnB,MAAA,EAAQ,UAAA;AAAA,MACR,kBAAA,EAAoB,UAAA;AAAA,MACpB,qBAAA,EAAuB,UAAA;AAAA,MACvB,MAAM,MAAA,CAAO,KAAA;AAAA,MACb,OAAO,MAAA,CAAO,KAAA;AAAA,MACd,QAAQ,MAAA,CAAO,KAAA;AAAA,MACf,SAAS,MAAA,CAAO,KAAA;AAAA,MAChB,uBAAuB,MAAA,CAAO,KAAA;AAAA,MAC9B,cAAc,MAAA,CAAO;AAAA,KACtB,CAAA;AACD,IAAA,MAAM,EAAE,aAAA,GAAgB,KAAA,EAAO,cAAA,GAAiB,OAAM,GAAI,OAAA;AAC1D,IAAA,IAAA,CAAK,MAAA,GAAS,aAAA;AACd,IAAA,IAAA,CAAK,qBAAA,GAAwB,cAAA;AAAA,EAC/B;AAAA,EAEO,gBAAA,CAAiB,OAAA,GAAoC,EAAC,EAAS;AACpE,IAAA,MAAM;AAAA,MACJ,MAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAiB,IAAA,CAAK;AAAA,KACxB,GAAI,OAAA;AAEJ,IAAA,IAAA,CAAK,YAAA;AAAA,MAAa,MAAA;AAAA,MAAQ,CAAC,CAAA,KACzB,IAAA,CAAK,mBAAA,CAAoB,CAAA,EAAG,KAAK,cAAc;AAAA,KACjD;AACA,IAAA,IAAA,CAAK,YAAA;AAAA,MAAa,OAAA;AAAA,MAAS,CAAC,CAAA,KAC1B,IAAA,CAAK,mBAAA,CAAoB,CAAA,EAAG,KAAK,eAAe;AAAA,KAClD;AACA,IAAA,IAAA,CAAK,YAAA;AAAA,MAAa,YAAA;AAAA,MAAc,CAAC,CAAA,KAC/B,IAAA,CAAK,mBAAA,CAAoB,CAAA,EAAG,KAAK,oBAAoB;AAAA,KACvD;AAEA,IAAA,IAAA,CAAK,qBAAA,GAAwB,cAAA;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,WAAA,CACL,QAAA,EACA,OAAA,GAAkC,EAAC,EACnC;AACA,IAAA,MAAM,EAAE,YAAA,GAAe,EAAC,EAAE,GAAI,OAAA;AAC9B,IAAA,MAAM,MAAA,GAAS,KAAK,SAAA,EAAU;AAC9B,IAAA,MAAM,OAAA,GAAU,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA;AAElC,IAAA,IAAA,CAAK,gBAAA,CAAiB;AAAA,MACpB,QAAQ,MAAM;AACZ,QAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAAA,MACpB;AAAA,KACD,CAAA;AAED,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,CAAC,MAAA,IAAU,OAAA,CAAQ,OAAA,EAAS;AAC9B,UAAA,OAAA,CAAQ,OAAA,GAAU,KAAA;AAClB,UAAA,QAAA,EAAS;AAAA,QACX;AAAA,MACF,CAAA;AAAA,IACF,CAAA,EAAG,CAAC,MAAA,EAAQ,GAAG,YAAY,CAAC,CAAA;AAAA,EAC9B;AAAA,EAEA,OAAc,MAAA,CACZ,OAAA,GAAoC,EAAC,EAClB;AACnB,IAAA,MAAM,aAAa,SAAA,CAAU,MAAM,IAAI,iBAAA,CAAkB,OAAO,CAAC,CAAA;AACjE,IAAA,UAAA,CAAW,iBAAiB,OAAO,CAAA;AACnC,IAAA,OAAO,UAAA;AAAA,EACT;AAAA,EAEQ,mBAAA,CACN,SACA,WAAA,EACY;AACZ,IAAA,WAAA,CAAY,IAAI,OAAO,CAAA;AACvB,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,OAAO,OAAO,CAAA;AAAA,IAC5B,CAAA;AAAA,EACF;AAAA,EAEQ,YAAA,CACN,SACA,YAAA,EACA;AACA,IAAA,SAAA;AAAA,MACE,MAAO,OAAA,GAAU,YAAA,CAAa,OAAO,CAAA,GAAI,MAAA;AAAA,MACzC,CAAC,SAAS,IAAI;AAAA,KAChB;AAAA,EACF;AAAA,EAEQ,eAAA,CACN,QACA,QAAA,EAGS;AACT,IAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAA,CAAE,GAAA;AAAA,MAAI,CAAC,OAAA,KAC9C,OAAA,CAAQ,MAAM;AAAA,KAChB;AACA,IAAA,OAAO,aAAA,CAAc,IAAA,CAAK,CAAC,MAAA,KAAW,WAAW,KAAK,CAAA;AAAA,EACxD;AAAA,EAEQ,cAAA,GAA0B;AAChC,IAAA,OAAO,IAAA,CAAK,eAAA,CAAgB,KAAA,EAAO,IAAA,CAAK,eAAe,CAAA;AAAA,EACzD;AAAA,EAEQ,aAAA,GAAyB;AAC/B,IAAA,OAAO,IAAA,CAAK,eAAA,CAAgB,IAAA,EAAM,IAAA,CAAK,cAAc,CAAA;AAAA,EACvD;AAAA,EAEQ,oBAAoB,MAAA,EAA0B;AACpD,IAAA,OAAO,IAAA,CAAK,eAAA,CAAgB,MAAA,EAAQ,IAAA,CAAK,oBAAoB,CAAA;AAAA,EAC/D;AAAA,EAEO,WAAW,OAAA,EAA8B;AAC9C,IAAA,OAAO,IAAA,CAAK,mBAAA,CAAoB,OAAA,EAAS,IAAA,CAAK,eAAe,CAAA;AAAA,EAC/D;AAAA,EAEO,UAAU,OAAA,EAA6B;AAC5C,IAAA,OAAO,IAAA,CAAK,mBAAA,CAAoB,OAAA,EAAS,IAAA,CAAK,cAAc,CAAA;AAAA,EAC9D;AAAA,EAEO,gBAAgB,OAAA,EAAkC;AACvD,IAAA,OAAO,IAAA,CAAK,mBAAA,CAAoB,OAAA,EAAS,IAAA,CAAK,oBAAoB,CAAA;AAAA,EACpE;AAAA,EAEO,IAAA,GAAa;AAClB,IAAA,IAAA,CAAK,QAAQ,IAAI,CAAA;AAAA,EACnB;AAAA,EAEO,MAAM,OAAA,EAA8B;AACzC,IAAA,IAAA,CAAK,OAAA,CAAQ,OAAO,OAAO,CAAA;AAAA,EAC7B;AAAA,EAEO,MAAA,GAAe;AACpB,IAAA,IAAA,CAAK,OAAA,CAAQ,CAAC,IAAA,CAAK,MAAM,CAAA;AAAA,EAC3B;AAAA,EAEO,OAAA,CAAQ,MAAA,EAAiB,OAAA,GAAwB,EAAC,EAAS;AAChE,IAAA,IAAI,IAAA,CAAK,WAAW,MAAA,EAAQ;AAC1B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,EAAE,kBAAA,GAAqB,KAAA,EAAM,GAAI,OAAA;AAEvC,IAAA,IACE,MAAA,KAAW,SACX,IAAA,CAAK,qBAAA,IACL,CAAC,IAAA,CAAK,gBAAA,IACN,CAAC,kBAAA,EACD;AACA,MAAA,IAAA,CAAK,qBAAA,GAAwB,IAAA;AAC7B,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,OAAA,GAAU,KAAA;AACd,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,OAAA,GAAU,KAAK,aAAA,EAAc;AAAA,IAC/B,CAAA,MAAO;AACL,MAAA,OAAA,GAAU,KAAK,cAAA,EAAe;AAAA,IAChC;AACA,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAA,GAAU,IAAA,CAAK,oBAAoB,MAAM,CAAA;AAAA,IAC3C;AAEA,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,MAAA,IAAA,CAAK,gBAAA,GAAmB,KAAA;AAAA,IAC1B;AAAA,EACF;AAAA,EAEO,sBAAsB,EAAA,EAAmB;AAC9C,IAAA,IAAA,CAAK,kBAAA,GAAqB,EAAA;AAAA,EAC5B;AAAA,EAEO,SAAA,GAAY;AACjB,IAAA,OAAO,WAAA,CAAY,MAAM,IAAA,CAAK,MAAM,CAAA;AAAA,EACtC;AAAA,EAEO,qBAAA,GAAwB;AAC7B,IAAA,OAAO,WAAA,CAAY,MAAM,IAAA,CAAK,kBAAkB,CAAA;AAAA,EAClD;AAAA,EAEO,wBAAA,GAA2B;AAChC,IAAA,OAAO,WAAA,CAAY,MAAM,IAAA,CAAK,qBAAqB,CAAA;AAAA,EACrD;AAAA,EAEO,yBAAA,GAA4B;AACjC,IAAA,OAAO,sCAAsC,IAAI,CAAA;AAAA,EACnD;AAAA,EAEO,YAAA,GAAqB;AAC1B,IAAA,IAAA,CAAK,gBAAA,GAAmB,IAAA;AACxB,IAAA,IAAA,CAAK,qBAAA,GAAwB,KAAA;AAAA,EAC/B;AAAA,EAEO,kBAAA,GAA2B;AAChC,IAAA,IAAA,CAAK,qBAAA,GAAwB,KAAA;AAAA,EAC/B;AACF;;;;"}
+{"version":3,"file":"OverlayController.mjs","names":[],"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, useRef, type DependencyList } from \"react\";\nimport { useCloseOverlayConfirmationController } from \"@/lib/controller/overlay/useCloseOverlayConfirmationController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\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  overlay: FlowComponentName | OverlayController;\n  bypassConfirmation?: boolean;\n}\n\nexport interface OnOverlayClosedOptions {\n  dependencies?: DependencyList;\n}\n\nexport type CloseModalOptions = Omit<CloseOverlayOptions, \"overlay\">;\n\ntype CloseOptions = CloseOverlayOptions | CloseModalOptions;\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 isContentSuspended = false;\n  private onOpenHandlers = new Set<OverlayOpenHandler>();\n  private onCloseHandlers = new Set<OverlayCloseHandler>();\n  private onOpenChangeHandlers = new Set<OverlayOpenStateHandler>();\n\n  public showConfirmationModal = false;\n  public closeIsConfirmed = false;\n  public confirmOnCloseEnabled: boolean;\n\n  public constructor(options: ConstructorOptions = {}) {\n    makeObservable(this, {\n      isOpen: observable,\n      isContentSuspended: observable,\n      showConfirmationModal: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n      setIsContentSuspended: action.bound,\n      confirmClose: action.bound,\n    });\n    const { isDefaultOpen = false, confirmOnClose = false } = options;\n    this.isOpen = isDefaultOpen;\n    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  public useUpdateOptions(options: OverlayControllerOptions = {}): void {\n    const {\n      onOpen,\n      onClose,\n      onOpenChange,\n      confirmOnClose = this.confirmOnCloseEnabled,\n    } = 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    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  /**\n   * Can be used to execute a callback when the Overlay has unmounted – means\n   * after any closing animation.\n   *\n   * NOTICE: This hook only works inside the corresponding Overlay!\n   */\n  public useOnClosed(\n    callback: () => unknown,\n    options: OnOverlayClosedOptions = {},\n  ) {\n    const { dependencies = [] } = options;\n    const isOpen = this.useIsOpen();\n    const wasOpen = useRef(this.isOpen);\n\n    this.useUpdateOptions({\n      onOpen: () => {\n        wasOpen.current = true;\n      },\n    });\n\n    useEffect(() => {\n      return () => {\n        if (!isOpen && wasOpen.current) {\n          wasOpen.current = false;\n          callback();\n        }\n      };\n    }, [isOpen, ...dependencies]);\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 addOnClose(handler: OverlayCloseHandler) {\n    return this.addOpenStateHandler(handler, this.onCloseHandlers);\n  }\n\n  public addOnOpen(handler: OverlayOpenHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenHandlers);\n  }\n\n  public addOnOpenChange(handler: OverlayOpenStateHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);\n  }\n\n  public open(): void {\n    this.setOpen(true);\n  }\n\n  public close(options?: CloseOptions): 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: CloseOptions = {}): void {\n    if (this.isOpen === toOpen) {\n      return;\n    }\n\n    const { bypassConfirmation = false } = options;\n\n    if (\n      toOpen === false &&\n      this.confirmOnCloseEnabled &&\n      !this.closeIsConfirmed &&\n      !bypassConfirmation\n    ) {\n      this.showConfirmationModal = true;\n      return;\n    }\n\n    let aborted: boolean;\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      this.closeIsConfirmed = false;\n    }\n  }\n\n  public setIsContentSuspended(to: boolean): void {\n    this.isContentSuspended = to;\n  }\n\n  public useIsOpen() {\n    return useSelector(() => this.isOpen);\n  }\n\n  public useIsContentSuspended() {\n    return useSelector(() => this.isContentSuspended);\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.closeIsConfirmed = true;\n    this.showConfirmationModal = false;\n  }\n\n  public cancelConfirmation(): void {\n    this.showConfirmationModal = false;\n  }\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
 "use client"
 /* */
-import { createContext, useContext } from 'react';
-
-const overlayContext = createContext({});
-const useOverlayContext = () => useContext(overlayContext);
-
+import { createContext, useContext } from "react";
+//#region src/lib/controller/overlay/context.ts
+var overlayContext = createContext({});
+var useOverlayContext = () => useContext(overlayContext);
+//#endregion
 export { overlayContext, useOverlayContext };
-//# sourceMappingURL=context.mjs.map
+
+//# sourceMappingURL=context.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.mjs","sources":["../../../../../../../../src/lib/controller/overlay/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type OverlayContext = Partial<\n  Record<FlowComponentName, OverlayController | undefined>\n>;\n\nexport const overlayContext = createContext<OverlayContext>({});\n\nexport const useOverlayContext = (): OverlayContext =>\n  useContext(overlayContext);\n"],"names":[],"mappings":";;AAQO,MAAM,cAAA,GAAiB,aAAA,CAA8B,EAAE;AAEvD,MAAM,iBAAA,GAAoB,MAC/B,UAAA,CAAW,cAAc;;;;"}
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../../../../../../src/lib/controller/overlay/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type OverlayContext = Partial<\n  Record<FlowComponentName, OverlayController | undefined>\n>;\n\nexport const overlayContext = createContext<OverlayContext>({});\n\nexport const useOverlayContext = (): OverlayContext =>\n  useContext(overlayContext);\n"],"mappings":";;AAQA,IAAa,iBAAiB,cAA8B,CAAC,CAAC;AAE9D,IAAa,0BACX,WAAW,cAAc"}

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

@@ -0,0 +1,3 @@
+import "./useModalController.mjs";
+import "./OverlayController.mjs";
+import "./useOverlayController.mjs";

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

@@ -1,34 +1,29 @@
 "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();
-      }
-    };
-  }
+import { useModalController } from "./useModalController.mjs";
+import { useEffect } from "react";
+//#region src/lib/controller/overlay/useCloseOverlayConfirmationController.ts
+var 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();
+		}
+	};
 };
-
+//#endregion
 export { useCloseOverlayConfirmationController };
-//# sourceMappingURL=useCloseOverlayConfirmationController.mjs.map
+
+//# sourceMappingURL=useCloseOverlayConfirmationController.mjs.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"useCloseOverlayConfirmationController.mjs","names":[],"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"],"mappings":";;;AAIA,IAAa,yCACX,qBACG;CACH,MAAM,wBAAwB,iBAAiB,yBAAyB;CAExE,MAAM,8BAA8B,mBAAmB;EACrD,4BAA4B;EAC5B,eAAe;GACb,IAAI,uBACF,iBAAiB,mBAAmB;EAExC;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,uBACF,4BAA4B,KAAK;CAErC,GAAG,CAAC,6BAA6B,qBAAqB,CAAC;CAEvD,IAAI,iBAAiB,cACnB,OAAO;EACL,YAAY;EACZ,cAAc,iBAAiB,mBAAmB;EAClD,eAAe;GACb,iBAAiB,aAAa;GAC9B,iBAAiB,MAAM;EACzB;CACF;AAEJ"}

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

@@ -1,14 +1,10 @@
 "use client"
 /* */
-import 'mobx';
-import 'react';
-import { useOverlayController } from './useOverlayController.mjs';
-import '../../propsContext/propsContext.mjs';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-
-const useModalController = (options) => useOverlayController("Modal", options);
-
+import "../../hooks/index.mjs";
+import { useOverlayController } from "./useOverlayController.mjs";
+//#region src/lib/controller/overlay/useModalController.ts
+var useModalController = (options) => useOverlayController("Modal", options);
+//#endregion
 export { useModalController };
-//# sourceMappingURL=useModalController.mjs.map
+
+//# sourceMappingURL=useModalController.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useModalController.mjs","sources":["../../../../../../../../src/lib/controller/overlay/useModalController.ts"],"sourcesContent":["import { useOverlayController } from \"@/lib/hooks\";\n\ntype UseModalControllerArgs = Parameters<typeof useOverlayController>;\n\nexport const useModalController = (options?: UseModalControllerArgs[1]) =>\n  useOverlayController(\"Modal\", options);\n"],"names":[],"mappings":";;;;;;;;AAIO,MAAM,kBAAA,GAAqB,CAAC,OAAA,KACjC,oBAAA,CAAqB,SAAS,OAAO;;;;"}
+{"version":3,"file":"useModalController.mjs","names":[],"sources":["../../../../../../../../src/lib/controller/overlay/useModalController.ts"],"sourcesContent":["import { useOverlayController } from \"@/lib/hooks\";\n\ntype UseModalControllerArgs = Parameters<typeof useOverlayController>;\n\nexport const useModalController = (options?: UseModalControllerArgs[1]) =>\n  useOverlayController(\"Modal\", options);\n"],"mappings":";;;AAIA,IAAa,sBAAsB,YACjC,qBAAqB,SAAS,OAAO"}

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

@@ -1,18 +1,17 @@
 "use client"
 /* */
-import { useOverlayContext } from './context.mjs';
-import { OverlayController } from './OverlayController.mjs';
-
-const useOverlayController = (overlayType, options = {}) => {
-  const { reuseControllerFromContext = true, ...restControllerOptions } = options;
-  const newController = OverlayController.useNew(restControllerOptions);
-  const controllerFromContext = useOverlayContext()[overlayType];
-  const controller = reuseControllerFromContext && controllerFromContext ? controllerFromContext : newController;
-  if (controller === controllerFromContext) {
-    controller.useUpdateOptions(restControllerOptions);
-  }
-  return controller;
+import { OverlayController } from "./OverlayController.mjs";
+import { useOverlayContext } from "./context.mjs";
+//#region src/lib/controller/overlay/useOverlayController.ts
+var useOverlayController = (overlayType, options = {}) => {
+	const { reuseControllerFromContext = true, ...restControllerOptions } = options;
+	const newController = OverlayController.useNew(restControllerOptions);
+	const controllerFromContext = useOverlayContext()[overlayType];
+	const controller = reuseControllerFromContext && controllerFromContext ? controllerFromContext : newController;
+	if (controller === controllerFromContext) controller.useUpdateOptions(restControllerOptions);
+	return controller;
 };
-
+//#endregion
 export { useOverlayController };
-//# sourceMappingURL=useOverlayController.mjs.map
+
+//# sourceMappingURL=useOverlayController.mjs.map

package/dist/js/packages/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  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;;;;"}
+{"version":3,"file":"useOverlayController.mjs","names":[],"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"],"mappings":";;;AASA,IAAa,wBACX,aACA,UAAuC,CAAC,MAClB;CACtB,MAAM,EAAE,6BAA6B,MAAM,GAAG,0BAC5C;CAEF,MAAM,gBAAgB,kBAAkB,OAAO,qBAAqB;CACpE,MAAM,wBAAwB,kBAAkB,EAAE;CAElD,MAAM,aACJ,8BAA8B,wBAC1B,wBACA;CAEN,IAAI,eAAe,uBACjB,WAAW,iBAAiB,qBAAqB;CAGnD,OAAO;AACT"}

package/dist/js/packages/components/src/lib/controller/public.mjs

@@ -0,0 +1,6 @@
+"use client"
+/* */
+import "./overlay/useModalController.mjs";
+import "./overlay/OverlayController.mjs";
+import "./overlay/useOverlayController.mjs";
+import "./overlay/index.mjs";

package/dist/js/packages/components/src/lib/date/transformDateValueToDateTime.mjs

@@ -1,14 +1,15 @@
 "use client"
 /* */
-import { DateTime } from 'luxon';
-
-const transformDateValueToDateTime = (date) => {
-  return DateTime.fromObject({
-    year: date.year,
-    month: date.month,
-    day: date.day
-  });
+import { DateTime } from "luxon";
+//#region src/lib/date/transformDateValueToDateTime.tsx
+var transformDateValueToDateTime = (date) => {
+	return DateTime.fromObject({
+		year: date.year,
+		month: date.month,
+		day: date.day
+	});
 };
-
+//#endregion
 export { transformDateValueToDateTime };
-//# sourceMappingURL=transformDateValueToDateTime.mjs.map
+
+//# sourceMappingURL=transformDateValueToDateTime.mjs.map

package/dist/js/packages/components/src/lib/date/transformDateValueToDateTime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transformDateValueToDateTime.mjs","sources":["../../../../../../../src/lib/date/transformDateValueToDateTime.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\nimport { DateTime } from \"luxon\";\n\nexport const transformDateValueToDateTime = (date: DateValue) => {\n  return DateTime.fromObject({\n    year: date.year,\n    month: date.month,\n    day: date.day,\n  });\n};\n"],"names":[],"mappings":";;AAGO,MAAM,4BAAA,GAA+B,CAAC,IAAA,KAAoB;AAC/D,EAAA,OAAO,SAAS,UAAA,CAAW;AAAA,IACzB,MAAM,IAAA,CAAK,IAAA;AAAA,IACX,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,KAAK,IAAA,CAAK;AAAA,GACX,CAAA;AACH;;;;"}
+{"version":3,"file":"transformDateValueToDateTime.mjs","names":[],"sources":["../../../../../../../src/lib/date/transformDateValueToDateTime.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\nimport { DateTime } from \"luxon\";\n\nexport const transformDateValueToDateTime = (date: DateValue) => {\n  return DateTime.fromObject({\n    year: date.year,\n    month: date.month,\n    day: date.day,\n  });\n};\n"],"mappings":";;AAGA,IAAa,gCAAgC,SAAoB;CAC/D,OAAO,SAAS,WAAW;EACzB,MAAM,KAAK;EACX,OAAO,KAAK;EACZ,KAAK,KAAK;CACZ,CAAC;AACH"}

package/dist/js/packages/components/src/lib/date/transformDateValueToFormattedDate.mjs

@@ -1,8 +1,10 @@
 "use client"
 /* */
-const transformDateValueToFormattedDate = (date) => {
-  return new Date(date.year, date.month - 1, date.day).toLocaleDateString();
+//#region src/lib/date/transformDateValueToFormattedDate.tsx
+var transformDateValueToFormattedDate = (date) => {
+	return new Date(date.year, date.month - 1, date.day).toLocaleDateString();
 };
-
+//#endregion
 export { transformDateValueToFormattedDate };
-//# sourceMappingURL=transformDateValueToFormattedDate.mjs.map
+
+//# sourceMappingURL=transformDateValueToFormattedDate.mjs.map

package/dist/js/packages/components/src/lib/date/transformDateValueToFormattedDate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transformDateValueToFormattedDate.mjs","sources":["../../../../../../../src/lib/date/transformDateValueToFormattedDate.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\n\nexport const transformDateValueToFormattedDate = (date: DateValue) => {\n  return new Date(date.year, date.month - 1, date.day).toLocaleDateString();\n};\n"],"names":[],"mappings":"AAEO,MAAM,iCAAA,GAAoC,CAAC,IAAA,KAAoB;AACpE,EAAA,OAAO,IAAI,IAAA,CAAK,IAAA,CAAK,IAAA,EAAM,IAAA,CAAK,QAAQ,CAAA,EAAG,IAAA,CAAK,GAAG,CAAA,CAAE,kBAAA,EAAmB;AAC1E;;;;"}
+{"version":3,"file":"transformDateValueToFormattedDate.mjs","names":[],"sources":["../../../../../../../src/lib/date/transformDateValueToFormattedDate.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\n\nexport const transformDateValueToFormattedDate = (date: DateValue) => {\n  return new Date(date.year, date.month - 1, date.day).toLocaleDateString();\n};\n"],"mappings":";AAEA,IAAa,qCAAqC,SAAoB;CACpE,OAAO,IAAI,KAAK,KAAK,MAAM,KAAK,QAAQ,GAAG,KAAK,GAAG,EAAE,mBAAmB;AAC1E"}

package/dist/js/packages/components/src/lib/form/isFocused.mjs

@@ -1,8 +1,10 @@
 "use client"
 /* */
-const isFocused = (element) => {
-  return element?.getAttribute("data-focused") === "true";
+//#region src/lib/form/isFocused.ts
+var isFocused = (element) => {
+	return element?.getAttribute("data-focused") === "true";
 };
-
+//#endregion
 export { isFocused };
-//# sourceMappingURL=isFocused.mjs.map
+
+//# sourceMappingURL=isFocused.mjs.map

package/dist/js/packages/components/src/lib/form/isFocused.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isFocused.mjs","sources":["../../../../../../../src/lib/form/isFocused.ts"],"sourcesContent":["export const isFocused = (element: HTMLElement | null) => {\n  return element?.getAttribute(\"data-focused\") === \"true\";\n};\n"],"names":[],"mappings":"AAAO,MAAM,SAAA,GAAY,CAAC,OAAA,KAAgC;AACxD,EAAA,OAAO,OAAA,EAAS,YAAA,CAAa,cAAc,CAAA,KAAM,MAAA;AACnD;;;;"}
+{"version":3,"file":"isFocused.mjs","names":[],"sources":["../../../../../../../src/lib/form/isFocused.ts"],"sourcesContent":["export const isFocused = (element: HTMLElement | null) => {\n  return element?.getAttribute(\"data-focused\") === \"true\";\n};\n"],"mappings":";AAAA,IAAa,aAAa,YAAgC;CACxD,OAAO,SAAS,aAAa,cAAc,MAAM;AACnD"}

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

@@ -1,6 +1,8 @@
 "use client"
 /* */
-const getContainerBreakpointSizeClassName = (containerBreakpointSize) => `container-breakpoint-size-${containerBreakpointSize}`;
-
+//#region src/lib/getContainerBreakpointSizeClassName.ts
+var getContainerBreakpointSizeClassName = (containerBreakpointSize) => `container-breakpoint-size-${containerBreakpointSize}`;
+//#endregion
 export { getContainerBreakpointSizeClassName };
-//# sourceMappingURL=getContainerBreakpointSizeClassName.mjs.map
+
+//# sourceMappingURL=getContainerBreakpointSizeClassName.mjs.map

package/dist/js/packages/components/src/lib/getContainerBreakpointSizeClassName.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getContainerBreakpointSizeClassName.mjs","sources":["../../../../../../src/lib/getContainerBreakpointSizeClassName.ts"],"sourcesContent":["import type { ContainerBreakpointSize } from \"@/lib/types/props\";\n\nexport const getContainerBreakpointSizeClassName = (\n  containerBreakpointSize: ContainerBreakpointSize,\n) => `container-breakpoint-size-${containerBreakpointSize}`;\n"],"names":[],"mappings":"AAEO,MAAM,mCAAA,GAAsC,CACjD,uBAAA,KACG,CAAA,0BAAA,EAA6B,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"getContainerBreakpointSizeClassName.mjs","names":[],"sources":["../../../../../../src/lib/getContainerBreakpointSizeClassName.ts"],"sourcesContent":["import type { ContainerBreakpointSize } from \"@/lib/types/props\";\n\nexport const getContainerBreakpointSizeClassName = (\n  containerBreakpointSize: ContainerBreakpointSize,\n) => `container-breakpoint-size-${containerBreakpointSize}`;\n"],"mappings":";AAEA,IAAa,uCACX,4BACG,6BAA6B"}

package/dist/js/packages/components/src/lib/hooks/dom/useMakeFocusable.mjs

@@ -1,28 +1,26 @@
 "use client"
 /* */
-import { useEffect } from 'react';
-
-const useMakeFocusable = (ref, onFocus) => {
-  useEffect(() => {
-    const element = ref.current;
-    const shouldProcessElement = element && element instanceof HTMLElement;
-    if (!shouldProcessElement) {
-      return;
-    }
-    const onFocusHandler = () => onFocus?.();
-    element.addEventListener("focus", onFocusHandler);
-    const hasTabIndex = element.hasAttribute("tabIndex");
-    if (!hasTabIndex) {
-      element.setAttribute("tabIndex", "-1");
-    }
-    return () => {
-      element.removeEventListener("focus", onFocusHandler);
-      if (!hasTabIndex) {
-        element.removeAttribute("tabIndex");
-      }
-    };
-  }, [ref.current, onFocus]);
+import { useEffect } from "react";
+//#region src/lib/hooks/dom/useMakeFocusable.ts
+/**
+* A hook that makes an element focusable and calls a callback when it receives
+* focus.
+*/
+var useMakeFocusable = (ref, onFocus) => {
+	useEffect(() => {
+		const element = ref.current;
+		if (!(element && element instanceof HTMLElement)) return;
+		const onFocusHandler = () => onFocus?.();
+		element.addEventListener("focus", onFocusHandler);
+		const hasTabIndex = element.hasAttribute("tabIndex");
+		if (!hasTabIndex) element.setAttribute("tabIndex", "-1");
+		return () => {
+			element.removeEventListener("focus", onFocusHandler);
+			if (!hasTabIndex) element.removeAttribute("tabIndex");
+		};
+	}, [ref.current, onFocus]);
 };
-
+//#endregion
 export { useMakeFocusable };
-//# sourceMappingURL=useMakeFocusable.mjs.map
+
+//# sourceMappingURL=useMakeFocusable.mjs.map

package/dist/js/packages/components/src/lib/hooks/dom/useMakeFocusable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMakeFocusable.mjs","sources":["../../../../../../../../src/lib/hooks/dom/useMakeFocusable.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\n\n/**\n * A hook that makes an element focusable and calls a callback when it receives\n * focus.\n */\nexport const useMakeFocusable = (\n  ref: RefObject<unknown>,\n  onFocus?: CallableFunction,\n) => {\n  useEffect(() => {\n    const element = ref.current;\n    const shouldProcessElement = element && element instanceof HTMLElement;\n\n    if (!shouldProcessElement) {\n      return;\n    }\n\n    const onFocusHandler = () => onFocus?.();\n    element.addEventListener(\"focus\", onFocusHandler);\n\n    const hasTabIndex = element.hasAttribute(\"tabIndex\");\n    if (!hasTabIndex) {\n      // when we have no tabIndex, we set it to -1 to make it focusable\n      element.setAttribute(\"tabIndex\", \"-1\");\n    }\n\n    return () => {\n      element.removeEventListener(\"focus\", onFocusHandler);\n      if (!hasTabIndex) {\n        element.removeAttribute(\"tabIndex\");\n      }\n    };\n  }, [ref.current, onFocus]);\n};\n"],"names":[],"mappings":";;AAMO,MAAM,gBAAA,GAAmB,CAC9B,GAAA,EACA,OAAA,KACG;AACH,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,GAAA,CAAI,OAAA;AACpB,IAAA,MAAM,oBAAA,GAAuB,WAAW,OAAA,YAAmB,WAAA;AAE3D,IAAA,IAAI,CAAC,oBAAA,EAAsB;AACzB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,cAAA,GAAiB,MAAM,OAAA,IAAU;AACvC,IAAA,OAAA,CAAQ,gBAAA,CAAiB,SAAS,cAAc,CAAA;AAEhD,IAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,YAAA,CAAa,UAAU,CAAA;AACnD,IAAA,IAAI,CAAC,WAAA,EAAa;AAEhB,MAAA,OAAA,CAAQ,YAAA,CAAa,YAAY,IAAI,CAAA;AAAA,IACvC;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,mBAAA,CAAoB,SAAS,cAAc,CAAA;AACnD,MAAA,IAAI,CAAC,WAAA,EAAa;AAChB,QAAA,OAAA,CAAQ,gBAAgB,UAAU,CAAA;AAAA,MACpC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,CAAI,OAAA,EAAS,OAAO,CAAC,CAAA;AAC3B;;;;"}
+{"version":3,"file":"useMakeFocusable.mjs","names":[],"sources":["../../../../../../../../src/lib/hooks/dom/useMakeFocusable.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\n\n/**\n * A hook that makes an element focusable and calls a callback when it receives\n * focus.\n */\nexport const useMakeFocusable = (\n  ref: RefObject<unknown>,\n  onFocus?: CallableFunction,\n) => {\n  useEffect(() => {\n    const element = ref.current;\n    const shouldProcessElement = element && element instanceof HTMLElement;\n\n    if (!shouldProcessElement) {\n      return;\n    }\n\n    const onFocusHandler = () => onFocus?.();\n    element.addEventListener(\"focus\", onFocusHandler);\n\n    const hasTabIndex = element.hasAttribute(\"tabIndex\");\n    if (!hasTabIndex) {\n      // when we have no tabIndex, we set it to -1 to make it focusable\n      element.setAttribute(\"tabIndex\", \"-1\");\n    }\n\n    return () => {\n      element.removeEventListener(\"focus\", onFocusHandler);\n      if (!hasTabIndex) {\n        element.removeAttribute(\"tabIndex\");\n      }\n    };\n  }, [ref.current, onFocus]);\n};\n"],"mappings":";;;;;;AAMA,IAAa,oBACX,KACA,YACG;CACH,gBAAgB;EACd,MAAM,UAAU,IAAI;EAGpB,IAAI,EAFyB,WAAW,mBAAmB,cAGzD;EAGF,MAAM,uBAAuB,UAAU;EACvC,QAAQ,iBAAiB,SAAS,cAAc;EAEhD,MAAM,cAAc,QAAQ,aAAa,UAAU;EACnD,IAAI,CAAC,aAEH,QAAQ,aAAa,YAAY,IAAI;EAGvC,aAAa;GACX,QAAQ,oBAAoB,SAAS,cAAc;GACnD,IAAI,CAAC,aACH,QAAQ,gBAAgB,UAAU;EAEtC;CACF,GAAG,CAAC,IAAI,SAAS,OAAO,CAAC;AAC3B"}

package/dist/js/packages/components/src/lib/hooks/dom/useObserveOverflow.mjs

@@ -1,45 +1,41 @@
 "use client"
 /* */
-import { useRef, useState, useEffect } from 'react';
-import { useCallbackRef } from 'use-callback-ref';
-
-const useObserveOverflow = () => {
-  const observer = useRef(null);
-  const [isOverflowing, setIsOverflowing] = useState(false);
-  const ref = useCallbackRef(null, (el) => {
-    stopObserver();
-    startObserver(el);
-  });
-  const onIntersectionChange = ([
-    intersection
-  ]) => {
-    if (intersection) {
-      setIsOverflowing(!intersection.isIntersecting);
-    }
-  };
-  const startObserver = (el = ref.current) => {
-    if (el && el instanceof Element) {
-      const newObserver = new IntersectionObserver(onIntersectionChange, {
-        root: el.parentElement,
-        // 1 = invoke callback when the element is 100% visible within the parent element
-        threshold: 1
-      });
-      observer.current = newObserver;
-      newObserver.observe(el);
-    }
-  };
-  const stopObserver = () => {
-    observer.current?.disconnect();
-  };
-  useEffect(() => {
-    startObserver();
-    return stopObserver;
-  }, [observer.current]);
-  return {
-    ref,
-    isOverflowing
-  };
+import { useEffect, useRef, useState } from "react";
+import { useCallbackRef } from "use-callback-ref";
+//#region src/lib/hooks/dom/useObserveOverflow.tsx
+var useObserveOverflow = () => {
+	const observer = useRef(null);
+	const [isOverflowing, setIsOverflowing] = useState(false);
+	const ref = useCallbackRef(null, (el) => {
+		stopObserver();
+		startObserver(el);
+	});
+	const onIntersectionChange = ([intersection]) => {
+		if (intersection) setIsOverflowing(!intersection.isIntersecting);
+	};
+	const startObserver = (el = ref.current) => {
+		if (el && el instanceof Element) {
+			const newObserver = new IntersectionObserver(onIntersectionChange, {
+				root: el.parentElement,
+				threshold: 1
+			});
+			observer.current = newObserver;
+			newObserver.observe(el);
+		}
+	};
+	const stopObserver = () => {
+		observer.current?.disconnect();
+	};
+	useEffect(() => {
+		startObserver();
+		return stopObserver;
+	}, [observer.current]);
+	return {
+		ref,
+		isOverflowing
+	};
 };
-
+//#endregion
 export { useObserveOverflow };
-//# sourceMappingURL=useObserveOverflow.mjs.map
+
+//# sourceMappingURL=useObserveOverflow.mjs.map

package/dist/js/packages/components/src/lib/hooks/dom/useObserveOverflow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useObserveOverflow.mjs","sources":["../../../../../../../../src/lib/hooks/dom/useObserveOverflow.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useCallbackRef } from \"use-callback-ref\";\n\ninterface UseObserveOverflowReturn {\n  ref: RefObject<never>;\n  isOverflowing: boolean;\n}\n\nexport const useObserveOverflow = (): UseObserveOverflowReturn => {\n  const observer = useRef<IntersectionObserver>(null);\n  const [isOverflowing, setIsOverflowing] = useState(false);\n\n  const ref = useCallbackRef<never>(null, (el: unknown) => {\n    stopObserver();\n    startObserver(el);\n  });\n\n  const onIntersectionChange: IntersectionObserverCallback = ([\n    intersection,\n  ]) => {\n    if (intersection) {\n      setIsOverflowing(!intersection.isIntersecting);\n    }\n  };\n\n  const startObserver = (el: unknown = ref.current) => {\n    if (el && el instanceof Element) {\n      const newObserver = new IntersectionObserver(onIntersectionChange, {\n        root: el.parentElement,\n        // 1 = invoke callback when the element is 100% visible within the parent element\n        threshold: 1.0,\n      });\n\n      observer.current = newObserver;\n      newObserver.observe(el);\n    }\n  };\n\n  const stopObserver = () => {\n    observer.current?.disconnect();\n  };\n\n  useEffect(() => {\n    startObserver();\n    return stopObserver;\n  }, [observer.current]);\n\n  return {\n    ref,\n    isOverflowing,\n  } as never;\n};\n"],"names":[],"mappings":";;;AASO,MAAM,qBAAqB,MAAgC;AAChE,EAAA,MAAM,QAAA,GAAW,OAA6B,IAAI,CAAA;AAClD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AAExD,EAAA,MAAM,GAAA,GAAM,cAAA,CAAsB,IAAA,EAAM,CAAC,EAAA,KAAgB;AACvD,IAAA,YAAA,EAAa;AACb,IAAA,aAAA,CAAc,EAAE,CAAA;AAAA,EAClB,CAAC,CAAA;AAED,EAAA,MAAM,uBAAqD,CAAC;AAAA,IAC1D;AAAA,GACF,KAAM;AACJ,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,gBAAA,CAAiB,CAAC,aAAa,cAAc,CAAA;AAAA,IAC/C;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAAC,EAAA,GAAc,GAAA,CAAI,OAAA,KAAY;AACnD,IAAA,IAAI,EAAA,IAAM,cAAc,OAAA,EAAS;AAC/B,MAAA,MAAM,WAAA,GAAc,IAAI,oBAAA,CAAqB,oBAAA,EAAsB;AAAA,QACjE,MAAM,EAAA,CAAG,aAAA;AAAA;AAAA,QAET,SAAA,EAAW;AAAA,OACZ,CAAA;AAED,MAAA,QAAA,CAAS,OAAA,GAAU,WAAA;AACnB,MAAA,WAAA,CAAY,QAAQ,EAAE,CAAA;AAAA,IACxB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,CAAS,SAAS,UAAA,EAAW;AAAA,EAC/B,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,aAAA,EAAc;AACd,IAAA,OAAO,YAAA;AAAA,EACT,CAAA,EAAG,CAAC,QAAA,CAAS,OAAO,CAAC,CAAA;AAErB,EAAA,OAAO;AAAA,IACL,GAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useObserveOverflow.mjs","names":[],"sources":["../../../../../../../../src/lib/hooks/dom/useObserveOverflow.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useCallbackRef } from \"use-callback-ref\";\n\ninterface UseObserveOverflowReturn {\n  ref: RefObject<never>;\n  isOverflowing: boolean;\n}\n\nexport const useObserveOverflow = (): UseObserveOverflowReturn => {\n  const observer = useRef<IntersectionObserver>(null);\n  const [isOverflowing, setIsOverflowing] = useState(false);\n\n  const ref = useCallbackRef<never>(null, (el: unknown) => {\n    stopObserver();\n    startObserver(el);\n  });\n\n  const onIntersectionChange: IntersectionObserverCallback = ([\n    intersection,\n  ]) => {\n    if (intersection) {\n      setIsOverflowing(!intersection.isIntersecting);\n    }\n  };\n\n  const startObserver = (el: unknown = ref.current) => {\n    if (el && el instanceof Element) {\n      const newObserver = new IntersectionObserver(onIntersectionChange, {\n        root: el.parentElement,\n        // 1 = invoke callback when the element is 100% visible within the parent element\n        threshold: 1.0,\n      });\n\n      observer.current = newObserver;\n      newObserver.observe(el);\n    }\n  };\n\n  const stopObserver = () => {\n    observer.current?.disconnect();\n  };\n\n  useEffect(() => {\n    startObserver();\n    return stopObserver;\n  }, [observer.current]);\n\n  return {\n    ref,\n    isOverflowing,\n  } as never;\n};\n"],"mappings":";;;AASA,IAAa,2BAAqD;CAChE,MAAM,WAAW,OAA6B,IAAI;CAClD,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CAExD,MAAM,MAAM,eAAsB,OAAO,OAAgB;EACvD,aAAa;EACb,cAAc,EAAE;CAClB,CAAC;CAED,MAAM,wBAAsD,CAC1D,kBACI;EACJ,IAAI,cACF,iBAAiB,CAAC,aAAa,cAAc;CAEjD;CAEA,MAAM,iBAAiB,KAAc,IAAI,YAAY;EACnD,IAAI,MAAM,cAAc,SAAS;GAC/B,MAAM,cAAc,IAAI,qBAAqB,sBAAsB;IACjE,MAAM,GAAG;IAET,WAAW;GACb,CAAC;GAED,SAAS,UAAU;GACnB,YAAY,QAAQ,EAAE;EACxB;CACF;CAEA,MAAM,qBAAqB;EACzB,SAAS,SAAS,WAAW;CAC/B;CAEA,gBAAgB;EACd,cAAc;EACd,OAAO;CACT,GAAG,CAAC,SAAS,OAAO,CAAC;CAErB,OAAO;EACL;EACA;CACF;AACF"}

package/dist/js/packages/components/src/lib/hooks/index.mjs

@@ -0,0 +1,6 @@
+import "../propsContext/isFlowComponentName.mjs";
+import "./useProps.mjs";
+import "./useOnChange.mjs";
+import "./useIsMounted.mjs";
+import "../controller/overlay/useOverlayController.mjs";
+import "../controller/index.mjs";

package/dist/js/packages/components/src/lib/hooks/public.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import "./useProps.mjs";
+import "./useLanguage.mjs";
+import "./useOnChange.mjs";
+import "./useIsMounted.mjs";
+import "../controller/overlay/useOverlayController.mjs";
+import "../controller/index.mjs";
+import "../../components/NotificationProvider/NotificationProvider.mjs";
+import "../../components/NotificationProvider/index.mjs";

package/dist/js/packages/components/src/lib/hooks/useFieldComponent.mjs

@@ -1,34 +1,27 @@
 "use client"
 /* */
-import '../propsContext/propsContext.mjs';
-import '../propsContext/components/PropsContextProvider.mjs';
-import formFieldStyles from '../../components/FormField/FormField.module.scss.mjs';
-import { useFieldError } from './useFieldError.mjs';
-import clsx from 'clsx';
-
-const useFieldComponent = (props, component) => {
-  const { FieldErrorView, FieldErrorCaptureContext } = useFieldError({
-    component
-  });
-  const fieldPropsContext = {
-    Label: {
-      className: formFieldStyles.label,
-      optional: !props.isRequired,
-      isDisabled: !!props.isDisabled
-    },
-    FieldDescription: {
-      className: formFieldStyles.fieldDescription
-    }
-  };
-  return {
-    FieldErrorView,
-    FieldErrorCaptureContext,
-    fieldPropsContext,
-    fieldProps: {
-      className: clsx(formFieldStyles.formField)
-    }
-  };
+import "../propsContext/index.mjs";
+import FormField_module_default from "../../components/FormField/FormField.module.mjs";
+import { useFieldError } from "./useFieldError.mjs";
+import clsx from "clsx";
+//#region src/lib/hooks/useFieldComponent.tsx
+var useFieldComponent = (props, component) => {
+	const { FieldErrorView, FieldErrorCaptureContext } = useFieldError({ component });
+	return {
+		FieldErrorView,
+		FieldErrorCaptureContext,
+		fieldPropsContext: {
+			Label: {
+				className: FormField_module_default.label,
+				optional: !props.isRequired,
+				isDisabled: !!props.isDisabled
+			},
+			FieldDescription: { className: FormField_module_default.fieldDescription }
+		},
+		fieldProps: { className: clsx(FormField_module_default.formField) }
+	};
 };
-
+//#endregion
 export { useFieldComponent };
-//# sourceMappingURL=useFieldComponent.mjs.map
+
+//# sourceMappingURL=useFieldComponent.mjs.map

package/dist/js/packages/components/src/lib/hooks/useFieldComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldComponent.mjs","sources":["../../../../../../../src/lib/hooks/useFieldComponent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFieldError } from \"@/lib/hooks/useFieldError\";\nimport clsx, { type ClassValue } from \"clsx\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\ninterface FieldComponentProps {\n  className?: ClassValue;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface UseFieldComponent {\n  FieldErrorCaptureContext: FC<PropsWithChildren>;\n  FieldErrorView: FC;\n  fieldPropsContext: PropsContext;\n  fieldProps: {\n    className?: ReturnType<typeof clsx>;\n  };\n}\n\nexport const useFieldComponent = (\n  props: FieldComponentProps,\n  component: FlowComponentName,\n): UseFieldComponent => {\n  const { FieldErrorView, FieldErrorCaptureContext } = useFieldError({\n    component,\n  });\n\n  // setting up the props context for all components that\n  // are part of a form control\n  const fieldPropsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n      isDisabled: !!props.isDisabled,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n  };\n\n  return {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps: {\n      className: clsx(formFieldStyles.formField),\n    },\n  } as const;\n};\n"],"names":[],"mappings":";;;;;;AAsBO,MAAM,iBAAA,GAAoB,CAC/B,KAAA,EACA,SAAA,KACsB;AACtB,EAAA,MAAM,EAAE,cAAA,EAAgB,wBAAA,EAAyB,GAAI,aAAA,CAAc;AAAA,IACjE;AAAA,GACD,CAAA;AAID,EAAA,MAAM,iBAAA,GAAkC;AAAA,IACtC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAA,CAAM,UAAA;AAAA,MACjB,UAAA,EAAY,CAAC,CAAC,KAAA,CAAM;AAAA,KACtB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,OAAO;AAAA,IACL,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EAAW,IAAA,CAAK,eAAA,CAAgB,SAAS;AAAA;AAC3C,GACF;AACF;;;;"}
+{"version":3,"file":"useFieldComponent.mjs","names":[],"sources":["../../../../../../../src/lib/hooks/useFieldComponent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFieldError } from \"@/lib/hooks/useFieldError\";\nimport clsx, { type ClassValue } from \"clsx\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\ninterface FieldComponentProps {\n  className?: ClassValue;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface UseFieldComponent {\n  FieldErrorCaptureContext: FC<PropsWithChildren>;\n  FieldErrorView: FC;\n  fieldPropsContext: PropsContext;\n  fieldProps: {\n    className?: ReturnType<typeof clsx>;\n  };\n}\n\nexport const useFieldComponent = (\n  props: FieldComponentProps,\n  component: FlowComponentName,\n): UseFieldComponent => {\n  const { FieldErrorView, FieldErrorCaptureContext } = useFieldError({\n    component,\n  });\n\n  // setting up the props context for all components that\n  // are part of a form control\n  const fieldPropsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n      isDisabled: !!props.isDisabled,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n  };\n\n  return {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps: {\n      className: clsx(formFieldStyles.formField),\n    },\n  } as const;\n};\n"],"mappings":";;;;;AAsBA,IAAa,qBACX,OACA,cACsB;CACtB,MAAM,EAAE,gBAAgB,6BAA6B,cAAc,EACjE,UACF,CAAC;CAeD,OAAO;EACL;EACA;EACA,mBAAA;GAbA,OAAO;IACL,WAAW,yBAAgB;IAC3B,UAAU,CAAC,MAAM;IACjB,YAAY,CAAC,CAAC,MAAM;GACtB;GACA,kBAAkB,EAChB,WAAW,yBAAgB,iBAC7B;EAMA;EACA,YAAY,EACV,WAAW,KAAK,yBAAgB,SAAS,EAC3C;CACF;AACF"}