@mittwald/flow-react-components 0.2.0-alpha.74 → 0.2.0-alpha.740

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

@@ -0,0 +1 @@
+{"version":3,"file":"flowComponent.mjs","sources":["../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n  FunctionComponent,\n} from \"react\";\nimport { cloneElement, memo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel, RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\ntype FlowComponentImplementationProps<C extends FlowComponentName> = Omit<\n  FlowComponentPropsOfName<C>,\n  keyof FlowComponentProps\n> &\n  RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\nexport type FlowComponentProvisionType = \"provider\" | \"ui\" | \"layout\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const componentProps = useComponentPropsContext(componentName);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    element = (\n      <ComponentPropsContextProvider componentProps={componentProps}>\n        {element}\n      </ComponentPropsContextProvider>\n    );\n\n    if (type === \"ui\") {\n      /**\n       * Protect the inside of UI components for accidental prop changes through\n       * the Props Context.\n       */\n      if (isRemoteComponent) {\n        element = <ClearPropsContext>{element}</ClearPropsContext>;\n      } else {\n        /**\n         * In case of a UI component that does not have a remote counterpart\n         * (like the Modal component), the <ClearPropsContext> must be\n         * additionally applied on the host side by using the\n         * <ClearPropsContextView>.\n         *\n         * This prevents Props Contexts created by parent components on the host\n         * side affecting the children of this UI component.\n         */\n        element = (\n          <ClearPropsContext>\n            <ClearPropsContextView>{element}</ClearPropsContextView>\n          </ClearPropsContext>\n        );\n      }\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"names":[],"mappings":";;;;;;;;;;AAkDO,SAAS,aAAA,CACd,aAAA,EACA,2BAAA,EACA,OAAA,GAAmB,EAAC,EACE;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAM,iBAAA,GAAoB,OAAM,GAAI,OAAA;AAEnD,EAAA,MAAM,mCAAA,GAAsC,KAAK,2BAA2B,CAAA;AAE5E,EAAA,SAAS,UAAU,KAAA,EAAc;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAU,GAAG,kBAAiB,GAAI,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAAA,GAA0B,gBAAA;AAIhC,IAAA,MAAM,cAAA,GAAiB,yBAAyB,aAAa,CAAA;AAE7D,IAAA,2BAAA,CAA4B,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OAAA,mBACF,GAAA,CAAC,mCAAA,EAAA,EAAqC,GAAG,uBAAA,EAAyB,CAAA;AAGpE,IAAA,OAAA,mBACE,GAAA,CAAC,6BAAA,EAAA,EAA8B,cAAA,EAC5B,QAAA,EAAA,OAAA,EACH,CAAA;AAGF,IAAA,IAAI,SAAS,IAAA,EAAM;AAKjB,MAAA,IAAI,iBAAA,EAAmB;AACrB,QAAA,OAAA,mBAAU,GAAA,CAAC,qBAAmB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,MACxC,CAAA,MAAO;AAUL,QAAA,OAAA,mBACE,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAuB,mBAAQ,CAAA,EAClC,CAAA;AAAA,MAEJ;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAA,IAAQ,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,EAAU;AACrE,MAAA,OAAA,uBACG,mBAAA,EAAA,EAAoB,IAAA,EAAM,MAAM,IAAA,EAAM,SAAA,EAAW,eAC/C,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,IAEJ;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAA,GAAU,YAAA,CAAa,QAAA,EAAU,MAAA,EAAW,OAAO,CAAA;AAAA,IACrD;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAA,mBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,QAAA,EAAW,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IAChD;AACA,IAAA,OAAO,OAAA;AAAA,EACT;AAEA,EAAA,SAAA,CAAU,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,KAAK,SAAS,CAAA;AACvB;;;;"}

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

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

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

@@ -0,0 +1,144 @@
+"use client"
+/* */
+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;
+  onOpenHandlers = /* @__PURE__ */ new Set();
+  onCloseHandlers = /* @__PURE__ */ new Set();
+  onOpenChangeHandlers = /* @__PURE__ */ new Set();
+  showConfirmationModal = false;
+  closeIsConfirmed = false;
+  confirmOnCloseEnabled;
+  constructor(options = {}) {
+    makeObservable(this, {
+      isOpen: observable,
+      showConfirmationModal: observable,
+      open: action.bound,
+      close: action.bound,
+      toggle: action.bound,
+      setOpen: action.bound,
+      confirmClose: action.bound
+    });
+    const { isDefaultOpen = false, confirmOnClose = false } = options;
+    this.isOpen = isDefaultOpen;
+    this.confirmOnCloseEnabled = confirmOnClose;
+  }
+  useUpdateOptions(options = {}) {
+    const {
+      onOpen,
+      onClose,
+      onOpenChange,
+      confirmOnClose = this.confirmOnCloseEnabled
+    } = 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)
+    );
+    this.confirmOnCloseEnabled = confirmOnClose;
+  }
+  static useNew(options = {}) {
+    const controller = useStatic(() => new OverlayController(options));
+    controller.useUpdateOptions(options);
+    return controller;
+  }
+  addOpenStateHandler(handler, handlersSet) {
+    handlersSet.add(handler);
+    return () => {
+      handlersSet.delete(handler);
+    };
+  }
+  useOnHandler(handler, addHandlerFn) {
+    useEffect(
+      () => handler ? addHandlerFn(handler) : void 0,
+      [handler, this]
+    );
+  }
+  executeHandlers(isOpen, handlers) {
+    const handlerResult = Array.from(handlers).map(
+      (handler) => handler(isOpen)
+    );
+    return handlerResult.some((result) => result === false);
+  }
+  executeOnClose() {
+    return this.executeHandlers(false, this.onCloseHandlers);
+  }
+  executeOnOpen() {
+    return this.executeHandlers(true, this.onOpenHandlers);
+  }
+  executeOnOpenChange(isOpen) {
+    return this.executeHandlers(isOpen, this.onOpenChangeHandlers);
+  }
+  addOnClose(handler) {
+    return this.addOpenStateHandler(handler, this.onCloseHandlers);
+  }
+  addOnOpen(handler) {
+    return this.addOpenStateHandler(handler, this.onOpenHandlers);
+  }
+  addOnOpenChange(handler) {
+    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);
+  }
+  open() {
+    this.setOpen(true);
+  }
+  close(options) {
+    this.setOpen(false, options);
+  }
+  toggle() {
+    this.setOpen(!this.isOpen);
+  }
+  setOpen(toOpen, options = {}) {
+    if (this.isOpen === toOpen) {
+      return;
+    }
+    const { bypassConfirmation = false } = options;
+    if (toOpen === false && this.confirmOnCloseEnabled && !this.closeIsConfirmed && !bypassConfirmation) {
+      this.showConfirmationModal = true;
+      return;
+    }
+    let aborted = false;
+    if (toOpen) {
+      aborted = this.executeOnOpen();
+    } else {
+      aborted = this.executeOnClose();
+    }
+    if (!aborted) {
+      aborted = this.executeOnOpenChange(toOpen);
+    }
+    if (!aborted) {
+      this.isOpen = toOpen;
+      this.closeIsConfirmed = false;
+    }
+  }
+  useIsOpen() {
+    return useSelector(() => this.isOpen);
+  }
+  useShowConfirmationModal() {
+    return useSelector(() => this.showConfirmationModal);
+  }
+  useConfirmationController() {
+    return useCloseOverlayConfirmationController(this);
+  }
+  confirmClose() {
+    this.closeIsConfirmed = true;
+    this.showConfirmationModal = false;
+  }
+  cancelConfirmation() {
+    this.showConfirmationModal = false;
+  }
+}
+
+export { OverlayController };
+//# sourceMappingURL=OverlayController.mjs.map

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

@@ -0,0 +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\";\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 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  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      showConfirmationModal: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: 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  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 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.closeIsConfirmed = true;\n    this.showConfirmationModal = 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/context.mjs.map

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

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/useModalController.mjs

@@ -0,0 +1,14 @@
+"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);
+
+export { useModalController };
+//# sourceMappingURL=useModalController.mjs.map

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

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

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

@@ -0,0 +1,18 @@
+"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;
+};
+
+export { useOverlayController };
+//# sourceMappingURL=useOverlayController.mjs.map

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

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

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

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const isFocused = (element) => {
+  return element?.getAttribute("data-focused") === "true";
+};
+
+export { isFocused };
+//# sourceMappingURL=isFocused.mjs.map

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

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

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

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

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

@@ -0,0 +1,28 @@
+"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]);
+};
+
+export { useMakeFocusable };
+//# sourceMappingURL=useMakeFocusable.mjs.map

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

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

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

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

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

@@ -0,0 +1,32 @@
+"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) => {
+  const { FieldErrorView, FieldErrorCaptureContext } = useFieldError();
+  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)
+    }
+  };
+};
+
+export { useFieldComponent };
+//# sourceMappingURL=useFieldComponent.mjs.map

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

@@ -0,0 +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\";\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): UseFieldComponent => {\n  const { FieldErrorView, FieldErrorCaptureContext } = useFieldError();\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":";;;;;;AAqBO,MAAM,iBAAA,GAAoB,CAC/B,KAAA,KACsB;AACtB,EAAA,MAAM,EAAE,cAAA,EAAgB,wBAAA,EAAyB,GAAI,aAAA,EAAc;AAInE,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;;;;"}

package/dist/js/components/src/lib/hooks/useFieldError.mjs

@@ -0,0 +1,51 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import React, { useId, useMemo } from 'react';
+import '../propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../propsContext/components/PropsContextProvider.mjs';
+import formFieldStyles from '../../components/FormField/FormField.module.scss.mjs';
+import { TunnelExit } from '@mittwald/react-tunnel';
+import { ClearPropsContext } from '../propsContext/components/ClearPropsContext.mjs';
+import { useProps } from './useProps.mjs';
+
+const useFieldError = (tunnelIdFromProps) => {
+  const id = useId();
+  const currentTunnelId = useProps("FieldError", {}).tunnelId;
+  const tunnelId = currentTunnelId ?? `${id}.fieldError`;
+  const fieldErrorCapturePropsContext = {
+    FieldError: {
+      tunnelId,
+      className: formFieldStyles.fieldError
+    }
+  };
+  const FieldErrorCaptureContext = useMemo(
+    () => (props) => {
+      return /* @__PURE__ */ jsx(
+        PropsContextProvider,
+        {
+          props: fieldErrorCapturePropsContext,
+          dependencies: [tunnelId],
+          children: props.children
+        }
+      );
+    },
+    [tunnelId]
+  );
+  const FieldErrorView = () => {
+    if (currentTunnelId) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(TunnelExit, { id: tunnelId, children: (children) => {
+      const childrenArray = React.Children.toArray(children);
+      return /* @__PURE__ */ jsx(ClearPropsContext, { children: childrenArray[0] });
+    } });
+  };
+  return {
+    FieldErrorCaptureContext,
+    FieldErrorView
+  };
+};
+
+export { useFieldError };
+//# sourceMappingURL=useFieldError.mjs.map

package/dist/js/components/src/lib/hooks/useFieldError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldError.mjs","sources":["../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, { type FC, type PropsWithChildren, useId, useMemo } from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/lib/hooks/useProps\";\n\nexport const useFieldError = (tunnelIdFromProps?: string) => {\n  const id = useId();\n  const currentTunnelId = useProps(\"FieldError\", {}).tunnelId;\n  const tunnelId = tunnelIdFromProps ?? currentTunnelId ?? `${id}.fieldError`;\n\n  const fieldErrorCapturePropsContext: PropsContext = {\n    FieldError: {\n      tunnelId,\n      className: formFieldStyles.fieldError,\n    },\n  };\n\n  const FieldErrorCaptureContext: FC<PropsWithChildren> = useMemo(\n    () => (props) => {\n      return (\n        <PropsContextProvider\n          props={fieldErrorCapturePropsContext}\n          dependencies={[tunnelId]}\n        >\n          {props.children}\n        </PropsContextProvider>\n      );\n    },\n    [tunnelId],\n  );\n\n  const FieldErrorView = () => {\n    if (currentTunnelId) {\n      return null;\n    }\n\n    return (\n      <TunnelExit id={tunnelId}>\n        {(children) => {\n          const childrenArray = React.Children.toArray(children);\n          return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n        }}\n      </TunnelExit>\n    );\n  };\n\n  return {\n    FieldErrorCaptureContext,\n    FieldErrorView,\n  } as const;\n};\n"],"names":[],"mappings":";;;;;;;;;AAOO,MAAM,aAAA,GAAgB,CAAC,iBAAA,KAA+B;AAC3D,EAAA,MAAM,KAAK,KAAA,EAAM;AACjB,EAAA,MAAM,eAAA,GAAkB,QAAA,CAAS,YAAA,EAAc,EAAE,CAAA,CAAE,QAAA;AACnD,EAAA,MAAM,QAAA,GAAgC,eAAA,IAAmB,CAAA,EAAG,EAAE,CAAA,WAAA,CAAA;AAE9D,EAAA,MAAM,6BAAA,GAA8C;AAAA,IAClD,UAAA,EAAY;AAAA,MACV,QAAA;AAAA,MACA,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,MAAM,wBAAA,GAAkD,OAAA;AAAA,IACtD,MAAM,CAAC,KAAA,KAAU;AACf,MAAA,uBACE,GAAA;AAAA,QAAC,oBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,6BAAA;AAAA,UACP,YAAA,EAAc,CAAC,QAAQ,CAAA;AAAA,UAEtB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,OACT;AAAA,IAEJ,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,eAAA,EAAiB;AACnB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAI,QAAA,EACb,WAAC,QAAA,KAAa;AACb,MAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AACrD,MAAA,uBAAO,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,aAAA,CAAc,CAAC,CAAA,EAAE,CAAA;AAAA,IAC9C,CAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/js/components/src/lib/hooks/useIsMounted.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.mjs","sources":["../../../../../../src/lib/hooks/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n  return isMounted;\n};\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,OAAO,SAAA;AACT;;;;"}

package/dist/js/components/src/lib/hooks/useOnChange.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnChange.mjs","sources":["../../../../../../src/lib/hooks/useOnChange.ts"],"sourcesContent":["import type { DependencyList } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nexport const useOnChange = (\n  value: unknown,\n  callback: () => void,\n  dependencies: DependencyList = [],\n) => {\n  const oldValue = useRef(value);\n\n  useEffect(() => {\n    if (oldValue.current !== value) {\n      callback();\n    }\n    oldValue.current = value;\n  }, [value, callback, ...dependencies]);\n};\n"],"names":[],"mappings":";;AAGO,MAAM,cAAc,CACzB,KAAA,EACA,QAAA,EACA,YAAA,GAA+B,EAAC,KAC7B;AACH,EAAA,MAAM,QAAA,GAAW,OAAO,KAAK,CAAA;AAE7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAA,CAAS,YAAY,KAAA,EAAO;AAC9B,MAAA,QAAA,EAAS;AAAA,IACX;AACA,IAAA,QAAA,CAAS,OAAA,GAAU,KAAA;AAAA,EACrB,GAAG,CAAC,KAAA,EAAO,QAAA,EAAU,GAAG,YAAY,CAAC,CAAA;AACvC;;;;"}

package/dist/js/components/src/lib/hooks/useProps.mjs

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import { resolveDynamicProps } from '../propsContext/dynamicProps/resolveDynamicProps.mjs';
+import { useComponentPropsContext } from '../propsContext/propsContext.mjs';
+import { omitBy } from 'remeda';
+import isDynamicProp from '../propsContext/dynamicProps/lib.mjs';
+import { isFlowComponentName } from '../propsContext/isFlowComponentName.mjs';
+import { areChildrenEmpty } from '../react/areChildrenEmpty.mjs';
+import { isNestingLevelKey } from '../propsContext/nestedPropsContext/lib.mjs';
+import { getPropsMerger } from '../react/getPropsMerger.mjs';
+
+const withoutChildren = (props) => {
+  if ("children" in props) {
+    if (areChildrenEmpty(props.children)) {
+      const { children: ignored, ...rest } = props;
+      return rest;
+    }
+  }
+  return props;
+};
+const merger = getPropsMerger({
+  mergeRefs: true
+});
+const useProps = (component, localProps) => {
+  localProps = withoutChildren(localProps);
+  const componentPropsContext = useComponentPropsContext(component);
+  const withResolvedDynamicProps = componentPropsContext ? resolveDynamicProps(componentPropsContext, localProps) : void 0;
+  const withoutInternalProps = componentPropsContext ? omitBy(
+    componentPropsContext,
+    (value, key) => isFlowComponentName(key) || isNestingLevelKey(key) || isDynamicProp(value)
+  ) : void 0;
+  return merger(
+    withoutInternalProps,
+    localProps,
+    withResolvedDynamicProps
+  );
+};
+
+export { useProps };
+//# sourceMappingURL=useProps.mjs.map

package/dist/js/components/src/lib/hooks/useProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProps.mjs","sources":["../../../../../../src/lib/hooks/useProps.ts"],"sourcesContent":["import {\n  type FlowComponentName,\n  type FlowComponentProps,\n} from \"@/components/propTypes\";\nimport { resolveDynamicProps } from \"@/lib/propsContext/dynamicProps/resolveDynamicProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { omitBy } from \"remeda\";\nimport isDynamicProp from \"@/lib/propsContext/dynamicProps/lib\";\nimport { isFlowComponentName } from \"@/lib/propsContext/isFlowComponentName\";\nimport { areChildrenEmpty } from \"@/lib/react/areChildrenEmpty\";\nimport { isNestingLevelKey } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport { getPropsMerger } from \"@/lib/react/getPropsMerger\";\n\nconst withoutChildren = <C extends FlowComponentName>(\n  props: FlowComponentProps<C>,\n) => {\n  if (\"children\" in props) {\n    if (areChildrenEmpty(props.children)) {\n      const { children: ignored, ...rest } = props;\n      return rest as FlowComponentProps<C>;\n    }\n  }\n  return props;\n};\n\nconst merger = getPropsMerger({\n  mergeRefs: true,\n});\n\nexport const useProps = <C extends FlowComponentName>(\n  component: C,\n  localProps: FlowComponentProps<C>,\n): FlowComponentProps<C> => {\n  localProps = withoutChildren(localProps);\n\n  const componentPropsContext = useComponentPropsContext(component);\n\n  const withResolvedDynamicProps = componentPropsContext\n    ? resolveDynamicProps(componentPropsContext, localProps)\n    : undefined;\n\n  const withoutInternalProps = componentPropsContext\n    ? omitBy(\n        componentPropsContext,\n        (value, key) =>\n          isFlowComponentName(key) ||\n          isNestingLevelKey(key) ||\n          isDynamicProp(value),\n      )\n    : undefined;\n\n  return merger(\n    withoutInternalProps,\n    localProps,\n    withResolvedDynamicProps,\n  ) as FlowComponentProps<C>;\n};\n\nexport default useProps;\n"],"names":[],"mappings":";;;;;;;;;AAaA,MAAM,eAAA,GAAkB,CACtB,KAAA,KACG;AACH,EAAA,IAAI,cAAc,KAAA,EAAO;AACvB,IAAA,IAAI,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA,EAAG;AACpC,MAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,GAAG,MAAK,GAAI,KAAA;AACvC,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,OAAO,KAAA;AACT,CAAA;AAEA,MAAM,SAAS,cAAA,CAAe;AAAA,EAC5B,SAAA,EAAW;AACb,CAAC,CAAA;AAEM,MAAM,QAAA,GAAW,CACtB,SAAA,EACA,UAAA,KAC0B;AAC1B,EAAA,UAAA,GAAa,gBAAgB,UAAU,CAAA;AAEvC,EAAA,MAAM,qBAAA,GAAwB,yBAAyB,SAAS,CAAA;AAEhE,EAAA,MAAM,wBAAA,GAA2B,qBAAA,GAC7B,mBAAA,CAAoB,qBAAA,EAAuB,UAAU,CAAA,GACrD,MAAA;AAEJ,EAAA,MAAM,uBAAuB,qBAAA,GACzB,MAAA;AAAA,IACE,qBAAA;AAAA,IACA,CAAC,KAAA,EAAO,GAAA,KACN,mBAAA,CAAoB,GAAG,KACvB,iBAAA,CAAkB,GAAG,CAAA,IACrB,aAAA,CAAc,KAAK;AAAA,GACvB,GACA,MAAA;AAEJ,EAAA,OAAO,MAAA;AAAA,IACL,oBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/js/components/src/lib/hooks/useStatic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatic.mjs","sources":["../../../../../../src/lib/hooks/useStatic.ts"],"sourcesContent":["import { useState } from \"react\";\n\nexport const useStatic = <T>(factory: () => T): T =>\n  useState(() => factory())[0];\n"],"names":[],"mappings":";;AAEO,MAAM,SAAA,GAAY,CAAI,OAAA,KAC3B,QAAA,CAAS,MAAM,OAAA,EAAS,EAAE,CAAC;;;;"}

package/dist/js/components/src/lib/mobx/mobxMapToObject.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobxMapToObject.mjs","sources":["../../../../../../src/lib/mobx/mobxMapToObject.ts"],"sourcesContent":["import { type ObservableMap } from \"mobx\";\n\nexport const mobxMapToObject = <T>(\n  map: ObservableMap<string, T>,\n): Record<string, T> => Object.fromEntries(map.entries());\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,CAC7B,GAAA,KACsB,OAAO,WAAA,CAAY,GAAA,CAAI,SAAS;;;;"}

package/dist/js/components/src/lib/mobx/useSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelector.mjs","sources":["../../../../../../src/lib/mobx/useSelector.ts"],"sourcesContent":["import { autorun } from \"mobx\";\nimport { useEffect, useState } from \"react\";\n\nexport type MobXSelector<T> = () => T;\n\n/** Use this hook to select reactive state from the store */\nexport const useSelector = <T>(\n  select: MobXSelector<T>,\n  deps: unknown[] = [],\n): T => {\n  const [selected, setSelected] = useState<T>(select());\n\n  useEffect(() => {\n    return autorun(() => {\n      setSelected(select());\n    });\n  }, deps);\n\n  return selected;\n};\n\nexport default useSelector;\n"],"names":[],"mappings":";;;AAMO,MAAM,WAAA,GAAc,CACzB,MAAA,EACA,IAAA,GAAkB,EAAC,KACb;AACN,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,CAAY,QAAQ,CAAA;AAEpD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,QAAQ,MAAM;AACnB,MAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,IACtB,CAAC,CAAA;AAAA,EACH,GAAG,IAAI,CAAA;AAEP,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/js/components/src/lib/promises/callFunctionsInOrder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"callFunctionsInOrder.mjs","sources":["../../../../../../src/lib/promises/callFunctionsInOrder.ts"],"sourcesContent":["type Fn = (...args: unknown[]) => unknown;\n\nexport const callFunctionsInOrder =\n  (actions: (Fn | undefined)[]) =>\n  (...args: unknown[]): unknown => {\n    const actionsCopy = [...actions];\n\n    const action = actionsCopy.shift();\n\n    if (action) {\n      const result = action(...args);\n\n      const recurse = () => {\n        if (actionsCopy.length === 0) {\n          return result;\n        } else {\n          return callFunctionsInOrder(actionsCopy)(...args);\n        }\n      };\n\n      if (result instanceof Promise) {\n        return result.then(recurse);\n      } else {\n        return recurse();\n      }\n    }\n  };\n"],"names":[],"mappings":"AAEO,MAAM,oBAAA,GACX,CAAC,OAAA,KACD,CAAA,GAAI,IAAA,KAA6B;AAC/B,EAAA,MAAM,WAAA,GAAc,CAAC,GAAG,OAAO,CAAA;AAE/B,EAAA,MAAM,MAAA,GAAS,YAAY,KAAA,EAAM;AAEjC,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAM,MAAA,GAAS,MAAA,CAAO,GAAG,IAAI,CAAA;AAE7B,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAI,WAAA,CAAY,WAAW,CAAA,EAAG;AAC5B,QAAA,OAAO,MAAA;AAAA,MACT,CAAA,MAAO;AACL,QAAA,OAAO,oBAAA,CAAqB,WAAW,CAAA,CAAE,GAAG,IAAI,CAAA;AAAA,MAClD;AAAA,IACF,CAAA;AAEA,IAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,MAAA,OAAO,MAAA,CAAO,KAAK,OAAO,CAAA;AAAA,IAC5B,CAAA,MAAO;AACL,MAAA,OAAO,OAAA,EAAQ;AAAA,IACjB;AAAA,EACF;AACF;;;;"}

package/dist/js/components/src/lib/promises/sleep.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sleep.mjs","sources":["../../../../../../src/lib/promises/sleep.ts"],"sourcesContent":["export const sleep = (ms: number): Promise<void> =>\n  new Promise((res) => setTimeout(res, ms));\n"],"names":[],"mappings":"AAAO,MAAM,KAAA,GAAQ,CAAC,EAAA,KACpB,IAAI,OAAA,CAAQ,CAAC,GAAA,KAAQ,UAAA,CAAW,GAAA,EAAK,EAAE,CAAC;;;;"}

package/dist/js/components/src/lib/propsContext/components/ClearPropsContext.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { PropsContextProvider } from '../propsContext.mjs';
+import 'react';
+
+const ClearPropsContext = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsx(PropsContextProvider, { value: {}, children });
+};
+
+export { ClearPropsContext, ClearPropsContext as default };
+//# sourceMappingURL=ClearPropsContext.mjs.map

package/dist/js/components/src/lib/propsContext/components/ClearPropsContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import { PropsContextProvider } from \"@/lib/propsContext/propsContext\";\nimport { type FC, type PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const ClearPropsContext: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n  return <PropsContextProvider value={{}}>{children}</PropsContextProvider>;\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;;AAMO,MAAM,iBAAA,GAA2C,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AACrB,EAAA,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,IAAK,QAAA,EAAS,CAAA;AACpD;;;;"}

package/dist/js/components/src/lib/propsContext/components/ComponentPropsContextProvider.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { PropsContextProvider } from './PropsContextProvider.mjs';
+import { memo } from 'react';
+
+const ComponentPropsContextProvider = memo((props) => {
+  const { children, componentProps = {} } = props;
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: componentProps, children });
+});
+ComponentPropsContextProvider.displayName = "ComponentPropsContextProvider";
+
+export { ComponentPropsContextProvider };
+//# sourceMappingURL=ComponentPropsContextProvider.mjs.map

package/dist/js/components/src/lib/propsContext/components/ComponentPropsContextProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentPropsContextProvider.mjs","sources":["../../../../../../../src/lib/propsContext/components/ComponentPropsContextProvider.tsx"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext/types\";\nimport { PropsContextProvider } from \"@/lib/propsContext/components/PropsContextProvider\";\nimport { memo, type FC, type PropsWithChildren } from \"react\";\n\nexport interface ComponentPropsContextProviderProps extends PropsWithChildren {\n  componentProps?: PropsContext;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props componentProps\n */\nexport const ComponentPropsContextProvider: FC<ComponentPropsContextProviderProps> =\n  memo((props) => {\n    const { children, componentProps = {} } = props;\n    return (\n      <PropsContextProvider props={componentProps}>\n        {children}\n      </PropsContextProvider>\n    );\n  });\n\nComponentPropsContextProvider.displayName = \"ComponentPropsContextProvider\";\n"],"names":[],"mappings":";;;;AAYO,MAAM,6BAAA,GACX,IAAA,CAAK,CAAC,KAAA,KAAU;AACd,EAAA,MAAM,EAAE,QAAA,EAAU,cAAA,GAAiB,IAAG,GAAI,KAAA;AAC1C,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,cAAA,EAC1B,QAAA,EACH,CAAA;AAEJ,CAAC;AAEH,6BAAA,CAA8B,WAAA,GAAc,+BAAA;;;;"}

package/dist/js/components/src/lib/propsContext/components/PropsContextProvider.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import mergePropsContext from '../mergePropsContext.mjs';
+import { addNestingLevel } from '../nestedPropsContext/lib.mjs';
+import { propsContext, usePropsContext } from '../propsContext.mjs';
+import { memo, useMemo } from 'react';
+
+const Provider = memo(propsContext.Provider);
+Provider.displayName = "PropsContextProviderInner";
+const PropsContextProvider = memo((props) => {
+  const { props: providedProps, dependencies = [], children } = props;
+  const parentPropsContext = usePropsContext();
+  const propsWithParentPropsContext = useMemo(() => {
+    const propsWithNestingLevel = addNestingLevel(providedProps);
+    return mergePropsContext(parentPropsContext, propsWithNestingLevel);
+  }, [parentPropsContext, ...dependencies]);
+  return /* @__PURE__ */ jsx(Provider, { value: propsWithParentPropsContext, children });
+});
+PropsContextProvider.displayName = "PropsContextProvider";
+
+export { PropsContextProvider };
+//# sourceMappingURL=PropsContextProvider.mjs.map

package/dist/js/components/src/lib/propsContext/components/PropsContextProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropsContextProvider.mjs","sources":["../../../../../../../src/lib/propsContext/components/PropsContextProvider.tsx"],"sourcesContent":["import mergePropsContext from \"@/lib/propsContext/mergePropsContext\";\nimport { addNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport { propsContext, usePropsContext } from \"@/lib/propsContext/propsContext\";\nimport type { PropsContext as PropsContextShape } from \"@/lib/propsContext/types\";\nimport type { DependencyList, FC, PropsWithChildren } from \"react\";\nimport { memo, useMemo } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  props: PropsContextShape;\n  dependencies?: DependencyList;\n}\n\nconst Provider = memo(propsContext.Provider);\nProvider.displayName = \"PropsContextProviderInner\";\n\nexport const PropsContextProvider: FC<Props> = memo((props) => {\n  const { props: providedProps, dependencies = [], children } = props;\n\n  const parentPropsContext = usePropsContext();\n\n  const propsWithParentPropsContext = useMemo(() => {\n    const propsWithNestingLevel = addNestingLevel(providedProps);\n    return mergePropsContext(parentPropsContext, propsWithNestingLevel);\n  }, [parentPropsContext, ...dependencies]);\n\n  return <Provider value={propsWithParentPropsContext}>{children}</Provider>;\n});\n\nPropsContextProvider.displayName = \"PropsContextProvider\";\n\nexport default PropsContextProvider;\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,QAAA,GAAW,IAAA,CAAK,YAAA,CAAa,QAAQ,CAAA;AAC3C,QAAA,CAAS,WAAA,GAAc,2BAAA;AAEhB,MAAM,oBAAA,GAAkC,IAAA,CAAK,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAe,eAAe,EAAC,EAAG,UAAS,GAAI,KAAA;AAE9D,EAAA,MAAM,qBAAqB,eAAA,EAAgB;AAE3C,EAAA,MAAM,2BAAA,GAA8B,QAAQ,MAAM;AAChD,IAAA,MAAM,qBAAA,GAAwB,gBAAgB,aAAa,CAAA;AAC3D,IAAA,OAAO,iBAAA,CAAkB,oBAAoB,qBAAqB,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,kBAAA,EAAoB,GAAG,YAAY,CAAC,CAAA;AAExC,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,2BAAA,EAA8B,QAAA,EAAS,CAAA;AACjE,CAAC;AAED,oBAAA,CAAqB,WAAA,GAAc,sBAAA;;;;"}

package/dist/js/components/src/lib/propsContext/dynamicProps/dynamic.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import { dynamicPropKey } from './types.mjs';
+
+const dynamic = (getDynamicProp) => ({
+  [dynamicPropKey]: getDynamicProp
+});
+
+export { dynamic };
+//# sourceMappingURL=dynamic.mjs.map

package/dist/js/components/src/lib/propsContext/dynamicProps/dynamic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic.mjs","sources":["../../../../../../../src/lib/propsContext/dynamicProps/dynamic.ts"],"sourcesContent":["import {\n  dynamicPropKey,\n  type DynamicProp,\n  type DynamicPropKey,\n} from \"@/lib/propsContext/dynamicProps/types\";\nimport type {\n  FlowComponentName,\n  FlowComponentPropName,\n} from \"@/components/propTypes\";\n\nexport const dynamic = <\n  C extends FlowComponentName,\n  P extends FlowComponentPropName<C>,\n>(\n  getDynamicProp: DynamicProp<C, P>[DynamicPropKey],\n): DynamicProp<C, P> => ({\n  [dynamicPropKey]: getDynamicProp,\n});\n\nexport default dynamic;\n"],"names":[],"mappings":";;AAUO,MAAM,OAAA,GAAU,CAIrB,cAAA,MACuB;AAAA,EACvB,CAAC,cAAc,GAAG;AACpB,CAAA;;;;"}