@mittwald/flow-react-components 1.6.0-next.56 → 1.6.0-next.58

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

@@ -1 +1 @@
-{"version":3,"file":"useFormSubmitAction.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"sourcesContent":["import { AbortActionError, type ActionProps } from \"@/components/Action\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\nexport const useFormSubmitAction = (\n  formState: FormState<FieldValues>,\n  actionProps?: ActionProps,\n) => {\n  const { isSubmitting, isSubmitSuccessful } = formState;\n\n  const submitPromise = useRef<PromiseWithResolvers<void>>(undefined);\n\n  const formSubmitAction = ActionModel.useNew({\n    ...actionProps,\n    onAction: () => {\n      submitPromise.current = Promise.withResolvers<void>();\n      actionProps?.onAction?.();\n      return submitPromise.current.promise;\n    },\n  });\n\n  useEffect(() => {\n    if (isSubmitting) {\n      if (!formSubmitAction.state.isBusy) {\n        /**\n         * Manually start execution. This happens if the form submission was\n         * triggered by other means than the submit button, e.g. by pressing\n         * Enter in a text field.\n         */\n        formSubmitAction.execute();\n      }\n      return;\n    }\n\n    if (isSubmitSuccessful) {\n      submitPromise.current?.resolve();\n      return;\n    }\n\n    submitPromise.current?.reject(\n      new AbortActionError(\"Form submission failed\"),\n    );\n  }, [isSubmitting, isSubmitSuccessful, submitPromise]);\n\n  return formSubmitAction;\n};\n"],"mappings":";;;;;;AAKA,IAAa,uBACX,WACA,gBACG;CACH,MAAM,EAAE,cAAc,uBAAuB;CAE7C,MAAM,gBAAgB,OAAmC,KAAA,CAAS;CAElE,MAAM,mBAAmB,YAAY,OAAO;EAC1C,GAAG;EACH,gBAAgB;GACd,cAAc,UAAU,QAAQ,cAAoB;GACpD,aAAa,WAAW;GACxB,OAAO,cAAc,QAAQ;EAC/B;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,cAAc;GAChB,IAAI,CAAC,iBAAiB,MAAM;;;;;;GAM1B,iBAAiB,QAAQ;GAE3B;EACF;EAEA,IAAI,oBAAoB;GACtB,cAAc,SAAS,QAAQ;GAC/B;EACF;EAEA,cAAc,SAAS,OACrB,IAAI,iBAAiB,wBAAwB,CAC/C;CACF,GAAG;EAAC;EAAc;EAAoB;CAAa,CAAC;CAEpD,OAAO;AACT"}
+{"version":3,"file":"useFormSubmitAction.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"sourcesContent":["import { AbortActionError, type ActionProps } from \"@/components/Action\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\nexport const useFormSubmitAction = (\n  formState: FormState<FieldValues>,\n  actionProps?: ActionProps,\n) => {\n  const { isSubmitting, isSubmitSuccessful } = formState;\n\n  const submitPromise = useRef<PromiseWithResolvers<void>>(undefined);\n\n  const formSubmitAction = ActionModel.useNew({\n    ...actionProps,\n    onAction: () => {\n      submitPromise.current = Promise.withResolvers<void>();\n      actionProps?.onAction?.();\n      return submitPromise.current.promise;\n    },\n  });\n\n  useEffect(() => {\n    if (isSubmitting) {\n      if (!formSubmitAction.state.isBusy) {\n        /**\n         * Manually start execution. This happens if the form submission was\n         * triggered by other means than the submit button, e.g. by pressing\n         * Enter in a text field.\n         */\n        formSubmitAction.execute();\n      }\n      return;\n    }\n\n    if (isSubmitSuccessful) {\n      submitPromise.current?.resolve();\n      return;\n    }\n\n    submitPromise.current?.reject(\n      new AbortActionError(\"Form submission failed\"),\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- the action model is new each render; react to form state changes only\n  }, [isSubmitting, isSubmitSuccessful, submitPromise]);\n\n  return formSubmitAction;\n};\n"],"mappings":";;;;;;AAKA,IAAa,uBACX,WACA,gBACG;CACH,MAAM,EAAE,cAAc,uBAAuB;CAE7C,MAAM,gBAAgB,OAAmC,KAAA,CAAS;CAElE,MAAM,mBAAmB,YAAY,OAAO;EAC1C,GAAG;EACH,gBAAgB;GACd,cAAc,UAAU,QAAQ,cAAoB;GACpD,aAAa,WAAW;GACxB,OAAO,cAAc,QAAQ;EAC/B;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,cAAc;GAChB,IAAI,CAAC,iBAAiB,MAAM;;;;;;GAM1B,iBAAiB,QAAQ;GAE3B;EACF;EAEA,IAAI,oBAAoB;GACtB,cAAc,SAAS,QAAQ;GAC/B;EACF;EAEA,cAAc,SAAS,OACrB,IAAI,iBAAiB,wBAAwB,CAC/C;CAEF,GAAG;EAAC;EAAc;EAAoB;CAAa,CAAC;CAEpD,OAAO;AACT"}

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

@@ -25,15 +25,16 @@ var OverlayController = class OverlayController extends OverlayState {
 	*/
 	useConfirmOnCloseSource(confirmOnClose) {
 		const source = useStatic(() => ({}));
+		const controller = this;
 		useEffect(() => {
 			if (confirmOnClose === void 0) {
-				this.removeConfirmOnCloseSource(source);
+				controller.removeConfirmOnCloseSource(source);
 				return;
 			}
-			this.setConfirmOnCloseSource(source, confirmOnClose);
-			return () => this.removeConfirmOnCloseSource(source);
+			controller.setConfirmOnCloseSource(source, confirmOnClose);
+			return () => controller.removeConfirmOnCloseSource(source);
 		}, [
-			this,
+			controller,
 			source,
 			confirmOnClose
 		]);
@@ -66,7 +67,8 @@ var OverlayController = class OverlayController extends OverlayState {
 		return controller;
 	}
 	useOnHandler(handler, addHandlerFn) {
-		useEffect(() => handler ? addHandlerFn(handler) : void 0, [handler, this]);
+		const controller = this;
+		useEffect(() => handler ? addHandlerFn(handler) : void 0, [handler, controller]);
 	}
 	useIsOpen() {
 		return useSelector(() => this.isOpen);

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayController.mjs","names":[],"sources":["../../../../../../../../src/lib/controller/overlay/OverlayController.ts"],"sourcesContent":["import {\n  OverlayState,\n  type AnyOverlayOpenStateHandler,\n  type DisposerFn,\n  type OverlayCloseHandler,\n  type OverlayCloseOptions,\n  type OverlayOpenHandler,\n  type OverlayOpenStateHandler,\n} from \"@mittwald/flow-components-base\";\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 {\n  OverlayCloseHandler,\n  OverlayOpenHandler,\n  OverlayOpenStateHandler,\n} from \"@mittwald/flow-components-base\";\n\nexport interface CloseOverlayOptions extends OverlayCloseOptions {\n  /**\n   * The overlay to close. Omitted, the nearest enclosing overlay is closed –\n   * the same thing `closeOverlay={true}` means.\n   */\n  overlay?: FlowComponentName | OverlayController;\n}\n\nexport interface OnOverlayClosedOptions {\n  dependencies?: DependencyList;\n}\n\nexport type CloseModalOptions = Omit<CloseOverlayOptions, \"overlay\">;\n\n/**\n * Every way an action can point at an overlay: by the Flow component name it\n * registers under, by controller, by options, or with `true` – the nearest\n * enclosing overlay, whatever its name.\n */\nexport type OverlayReference =\n  FlowComponentName | OverlayController | CloseOverlayOptions | true;\n\ntype CloseOptions = CloseOverlayOptions | CloseModalOptions;\n\nexport interface OverlayControllerOptions {\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n  /**\n   * Whether closing the overlay must be confirmed. `undefined` means \"no\n   * opinion\": the value is not contributed at all, so other sources (e.g. a\n   * `Modal`'s `confirmOnClose` prop or a dirty `Form`) still decide.\n   */\n  confirmOnClose?: boolean;\n}\n\n/**\n * The state is `OverlayState` from `@mittwald/flow-components-base`, shared\n * with every remote binding; this adds the hooks.\n */\nexport class OverlayController extends OverlayState<CloseOptions> {\n  public useUpdateOptions(options: OverlayControllerOptions = {}): void {\n    const { onOpen, onClose, onOpenChange, confirmOnClose } = options;\n\n    this.useOnHandler(onOpen, (h) => this.addOnOpen(h));\n    this.useOnHandler(onClose, (h) => this.addOnClose(h));\n    this.useOnHandler(onOpenChange, (h) => this.addOnOpenChange(h));\n\n    this.useConfirmOnCloseSource(confirmOnClose);\n  }\n\n  /**\n   * Registers the calling component as a close confirmation source for as long\n   * as it is mounted. `undefined` contributes nothing at all.\n   */\n  private useConfirmOnCloseSource(confirmOnClose: boolean | undefined): void {\n    const source = useStatic((): object => ({}));\n\n    useEffect(() => {\n      if (confirmOnClose === undefined) {\n        this.removeConfirmOnCloseSource(source);\n        return;\n      }\n      this.setConfirmOnCloseSource(source, confirmOnClose);\n      return () => this.removeConfirmOnCloseSource(source);\n    }, [this, source, 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 useOnHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T | undefined,\n    addHandlerFn: (handler: T) => DisposerFn,\n  ) {\n    useEffect(\n      () => (handler ? addHandlerFn(handler) : undefined),\n      [handler, this],\n    );\n  }\n\n  public 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 useConfirmOnCloseEnabled() {\n    return useSelector(() => this.confirmOnCloseEnabled);\n  }\n\n  public useConfirmationController() {\n    return useCloseOverlayConfirmationController(this);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA8DA,IAAa,oBAAb,MAAa,0BAA0B,aAA2B;CAChE,iBAAwB,UAAoC,CAAC,GAAS;EACpE,MAAM,EAAE,QAAQ,SAAS,cAAc,mBAAmB;EAE1D,KAAK,aAAa,SAAS,MAAM,KAAK,UAAU,CAAC,CAAC;EAClD,KAAK,aAAa,UAAU,MAAM,KAAK,WAAW,CAAC,CAAC;EACpD,KAAK,aAAa,eAAe,MAAM,KAAK,gBAAgB,CAAC,CAAC;EAE9D,KAAK,wBAAwB,cAAc;CAC7C;;;;;CAMA,wBAAgC,gBAA2C;EACzE,MAAM,SAAS,iBAAyB,CAAC,EAAE;EAE3C,gBAAgB;GACd,IAAI,mBAAmB,KAAA,GAAW;IAChC,KAAK,2BAA2B,MAAM;IACtC;GACF;GACA,KAAK,wBAAwB,QAAQ,cAAc;GACnD,aAAa,KAAK,2BAA2B,MAAM;EACrD,GAAG;GAAC;GAAM;GAAQ;EAAc,CAAC;CACnC;;;;;;;CAQA,YACE,UACA,UAAkC,CAAC,GACnC;EACA,MAAM,EAAE,eAAe,CAAC,MAAM;EAC9B,MAAM,SAAS,KAAK,UAAU;EAC9B,MAAM,UAAU,OAAO,KAAK,MAAM;EAElC,KAAK,iBAAiB,EACpB,cAAc;GACZ,QAAQ,UAAU;EACpB,EACF,CAAC;EAED,gBAAgB;GACd,aAAa;IACX,IAAI,CAAC,UAAU,QAAQ,SAAS;KAC9B,QAAQ,UAAU;KAClB,SAAS;IACX;GACF;EACF,GAAG,CAAC,QAAQ,GAAG,YAAY,CAAC;CAC9B;CAEA,OAAc,OACZ,UAAoC,CAAC,GAClB;EACnB,MAAM,aAAa,gBAAgB,IAAI,kBAAkB,OAAO,CAAC;EACjE,WAAW,iBAAiB,OAAO;EACnC,OAAO;CACT;CAEA,aACE,SACA,cACA;EACA,gBACS,UAAU,aAAa,OAAO,IAAI,KAAA,GACzC,CAAC,SAAS,IAAI,CAChB;CACF;CAEA,YAAmB;EACjB,OAAO,kBAAkB,KAAK,MAAM;CACtC;CAEA,wBAA+B;EAC7B,OAAO,kBAAkB,KAAK,kBAAkB;CAClD;CAEA,2BAAkC;EAChC,OAAO,kBAAkB,KAAK,qBAAqB;CACrD;CAEA,2BAAkC;EAChC,OAAO,kBAAkB,KAAK,qBAAqB;CACrD;CAEA,4BAAmC;EACjC,OAAO,sCAAsC,IAAI;CACnD;AACF"}
+{"version":3,"file":"OverlayController.mjs","names":[],"sources":["../../../../../../../../src/lib/controller/overlay/OverlayController.ts"],"sourcesContent":["import {\n  OverlayState,\n  type AnyOverlayOpenStateHandler,\n  type DisposerFn,\n  type OverlayCloseHandler,\n  type OverlayCloseOptions,\n  type OverlayOpenHandler,\n  type OverlayOpenStateHandler,\n} from \"@mittwald/flow-components-base\";\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 {\n  OverlayCloseHandler,\n  OverlayOpenHandler,\n  OverlayOpenStateHandler,\n} from \"@mittwald/flow-components-base\";\n\nexport interface CloseOverlayOptions extends OverlayCloseOptions {\n  /**\n   * The overlay to close. Omitted, the nearest enclosing overlay is closed –\n   * the same thing `closeOverlay={true}` means.\n   */\n  overlay?: FlowComponentName | OverlayController;\n}\n\nexport interface OnOverlayClosedOptions {\n  dependencies?: DependencyList;\n}\n\nexport type CloseModalOptions = Omit<CloseOverlayOptions, \"overlay\">;\n\n/**\n * Every way an action can point at an overlay: by the Flow component name it\n * registers under, by controller, by options, or with `true` – the nearest\n * enclosing overlay, whatever its name.\n */\nexport type OverlayReference =\n  FlowComponentName | OverlayController | CloseOverlayOptions | true;\n\ntype CloseOptions = CloseOverlayOptions | CloseModalOptions;\n\nexport interface OverlayControllerOptions {\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n  /**\n   * Whether closing the overlay must be confirmed. `undefined` means \"no\n   * opinion\": the value is not contributed at all, so other sources (e.g. a\n   * `Modal`'s `confirmOnClose` prop or a dirty `Form`) still decide.\n   */\n  confirmOnClose?: boolean;\n}\n\n/**\n * The state is `OverlayState` from `@mittwald/flow-components-base`, shared\n * with every remote binding; this adds the hooks.\n */\nexport class OverlayController extends OverlayState<CloseOptions> {\n  public useUpdateOptions(options: OverlayControllerOptions = {}): void {\n    const { onOpen, onClose, onOpenChange, confirmOnClose } = options;\n\n    this.useOnHandler(onOpen, (h) => this.addOnOpen(h));\n    this.useOnHandler(onClose, (h) => this.addOnClose(h));\n    this.useOnHandler(onOpenChange, (h) => this.addOnOpenChange(h));\n\n    this.useConfirmOnCloseSource(confirmOnClose);\n  }\n\n  /**\n   * Registers the calling component as a close confirmation source for as long\n   * as it is mounted. `undefined` contributes nothing at all.\n   */\n  private useConfirmOnCloseSource(confirmOnClose: boolean | undefined): void {\n    const source = useStatic((): object => ({}));\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- a dependency must be a plain variable\n    const controller = this;\n\n    useEffect(() => {\n      if (confirmOnClose === undefined) {\n        controller.removeConfirmOnCloseSource(source);\n        return;\n      }\n      controller.setConfirmOnCloseSource(source, confirmOnClose);\n      return () => controller.removeConfirmOnCloseSource(source);\n    }, [controller, source, 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      // eslint-disable-next-line react-hooks/exhaustive-deps -- the caller passes the callback's dependencies\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 useOnHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T | undefined,\n    addHandlerFn: (handler: T) => DisposerFn,\n  ) {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- a dependency must be a plain variable\n    const controller = this;\n\n    useEffect(\n      () => (handler ? addHandlerFn(handler) : undefined),\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- addHandlerFn is an inline arrow, new each render\n      [handler, controller],\n    );\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 useConfirmOnCloseEnabled() {\n    return useSelector(() => this.confirmOnCloseEnabled);\n  }\n\n  public useConfirmationController() {\n    return useCloseOverlayConfirmationController(this);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA8DA,IAAa,oBAAb,MAAa,0BAA0B,aAA2B;CAChE,iBAAwB,UAAoC,CAAC,GAAS;EACpE,MAAM,EAAE,QAAQ,SAAS,cAAc,mBAAmB;EAE1D,KAAK,aAAa,SAAS,MAAM,KAAK,UAAU,CAAC,CAAC;EAClD,KAAK,aAAa,UAAU,MAAM,KAAK,WAAW,CAAC,CAAC;EACpD,KAAK,aAAa,eAAe,MAAM,KAAK,gBAAgB,CAAC,CAAC;EAE9D,KAAK,wBAAwB,cAAc;CAC7C;;;;;CAMA,wBAAgC,gBAA2C;EACzE,MAAM,SAAS,iBAAyB,CAAC,EAAE;EAE3C,MAAM,aAAa;EAEnB,gBAAgB;GACd,IAAI,mBAAmB,KAAA,GAAW;IAChC,WAAW,2BAA2B,MAAM;IAC5C;GACF;GACA,WAAW,wBAAwB,QAAQ,cAAc;GACzD,aAAa,WAAW,2BAA2B,MAAM;EAC3D,GAAG;GAAC;GAAY;GAAQ;EAAc,CAAC;CACzC;;;;;;;CAQA,YACE,UACA,UAAkC,CAAC,GACnC;EACA,MAAM,EAAE,eAAe,CAAC,MAAM;EAC9B,MAAM,SAAS,KAAK,UAAU;EAC9B,MAAM,UAAU,OAAO,KAAK,MAAM;EAElC,KAAK,iBAAiB,EACpB,cAAc;GACZ,QAAQ,UAAU;EACpB,EACF,CAAC;EAED,gBAAgB;GACd,aAAa;IACX,IAAI,CAAC,UAAU,QAAQ,SAAS;KAC9B,QAAQ,UAAU;KAClB,SAAS;IACX;GACF;EAEF,GAAG,CAAC,QAAQ,GAAG,YAAY,CAAC;CAC9B;CAEA,OAAc,OACZ,UAAoC,CAAC,GAClB;EACnB,MAAM,aAAa,gBAAgB,IAAI,kBAAkB,OAAO,CAAC;EACjE,WAAW,iBAAiB,OAAO;EACnC,OAAO;CACT;CAEA,aACE,SACA,cACA;EAEA,MAAM,aAAa;EAEnB,gBACS,UAAU,aAAa,OAAO,IAAI,KAAA,GAEzC,CAAC,SAAS,UAAU,CACtB;CACF;CAEA,YAAmB;EACjB,OAAO,kBAAkB,KAAK,MAAM;CACtC;CAEA,wBAA+B;EAC7B,OAAO,kBAAkB,KAAK,kBAAkB;CAClD;CAEA,2BAAkC;EAChC,OAAO,kBAAkB,KAAK,qBAAqB;CACrD;CAEA,2BAAkC;EAChC,OAAO,kBAAkB,KAAK,qBAAqB;CACrD;CAEA,4BAAmC;EACjC,OAAO,sCAAsC,IAAI;CACnD;AACF"}

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

@@ -1 +1 @@
-{"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"}
+{"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    // eslint-disable-next-line react-hooks/exhaustive-deps -- re-attach when the ref points to a new element\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;CAEF,GAAG,CAAC,IAAI,SAAS,OAAO,CAAC;AAC3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFieldError.mjs","names":["formFieldStyles"],"sources":["../../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, {\n  type FC,\n  type PropsWithChildren,\n  useMemo,\n  useState,\n} from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { FieldErrorRenderedContext } from \"@/lib/hooks/fieldErrorRenderedContext\";\n\nexport interface UseFieldErrorOptions {\n  fieldErrorId: string;\n  tunnelId?: string;\n  component: FlowComponentName;\n}\n\nexport const useFieldError = (options: UseFieldErrorOptions) => {\n  const fieldErrorProps = useProps(\"FieldError\", {});\n  const currentTunnelId = fieldErrorProps.tunnel?.id;\n  const tunnelId =\n    options.tunnelId ?? currentTunnelId ?? `${options.fieldErrorId}.fieldError`;\n\n  const fieldErrorCapturePropsContext: PropsContext = {\n    FieldError: {\n      id: options.fieldErrorId,\n      tunnel: { id: tunnelId, component: options.component },\n      className: formFieldStyles.fieldError,\n    },\n  };\n\n  const [renderedFieldErrorId, setRenderedFieldErrorId] = useState<string>();\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  // Keep the component identity stable: a new one per render makes React\n  // remount the error on every render of the field (each keystroke).\n  const FieldErrorView: FC = useMemo(\n    () => () => {\n      if (currentTunnelId) {\n        return null;\n      }\n\n      return (\n        <FieldErrorRenderedContext value={setRenderedFieldErrorId}>\n          <UiComponentTunnelExit id={tunnelId} component={options.component}>\n            {(children) => {\n              const childrenArray = React.Children.toArray(children);\n              return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n            }}\n          </UiComponentTunnelExit>\n        </FieldErrorRenderedContext>\n      );\n    },\n    [currentTunnelId, tunnelId, options.component],\n  );\n\n  return {\n    FieldErrorCaptureContext,\n    FieldErrorView,\n    /**\n     * The id of the error while one is rendered for this field. A nested field\n     * (a `Checkbox` inside a `CheckboxButton`) renders its error at the outer\n     * one, so only the outer field ever gets an id here.\n     */\n    renderedFieldErrorId,\n  } as const;\n};\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,iBAAiB,YAAkC;CAE9D,MAAM,kBADkB,SAAS,cAAc,CAAC,CACxB,CAAA,CAAgB,QAAQ;CAChD,MAAM,WACJ,QAAQ,YAAY,mBAAmB,GAAG,QAAQ,aAAa;CAEjE,MAAM,gCAA8C,EAClD,YAAY;EACV,IAAI,QAAQ;EACZ,QAAQ;GAAE,IAAI;GAAU,WAAW,QAAQ;EAAU;EACrD,WAAWA,yBAAgB;CAC7B,EACF;CAEA,MAAM,CAAC,sBAAsB,2BAA2B,SAAiB;CAsCzE,OAAO;EACL,0BArCsD,eAC/C,UAAU;GACf,OACE,oBAAC,sBAAD;IACE,OAAO;IACP,cAAc,CAAC,QAAQ;IAEtB,UAAA,MAAM;GACa,CAAA;EAE1B,GACA,CAAC,QAAQ,CA0BT;EACA,gBAtByB,oBACb;GACV,IAAI,iBACF,OAAO;GAGT,OACE,oBAAC,2BAAD;IAA2B,OAAO;IAChC,UAAA,oBAAC,uBAAD;KAAuB,IAAI;KAAU,WAAW,QAAQ;KACpD,WAAA,aAAa;MACb,MAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;MACrD,OAAO,oBAAC,mBAAD,EAAA,UAAoB,cAAc,GAAsB,CAAA;KACjE;IACqB,CAAA;GACE,CAAA;EAE/B,GACA;GAAC;GAAiB;GAAU,QAAQ;EAAS,CAK7C;;;;;;EAMA;CACF;AACF"}
+{"version":3,"file":"useFieldError.mjs","names":["formFieldStyles"],"sources":["../../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, {\n  type FC,\n  type PropsWithChildren,\n  useMemo,\n  useState,\n} from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { FieldErrorRenderedContext } from \"@/lib/hooks/fieldErrorRenderedContext\";\n\nexport interface UseFieldErrorOptions {\n  fieldErrorId: string;\n  tunnelId?: string;\n  component: FlowComponentName;\n}\n\nexport const useFieldError = (options: UseFieldErrorOptions) => {\n  const fieldErrorProps = useProps(\"FieldError\", {});\n  const currentTunnelId = fieldErrorProps.tunnel?.id;\n  const tunnelId =\n    options.tunnelId ?? currentTunnelId ?? `${options.fieldErrorId}.fieldError`;\n\n  const fieldErrorCapturePropsContext: PropsContext = {\n    FieldError: {\n      id: options.fieldErrorId,\n      tunnel: { id: tunnelId, component: options.component },\n      className: formFieldStyles.fieldError,\n    },\n  };\n\n  const [renderedFieldErrorId, setRenderedFieldErrorId] = useState<string>();\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    // eslint-disable-next-line react-hooks/exhaustive-deps -- the props context is new each render and only changes with tunnelId\n    [tunnelId],\n  );\n\n  // Keep the component identity stable: a new one per render makes React\n  // remount the error on every render of the field (each keystroke).\n  const FieldErrorView: FC = useMemo(\n    () => () => {\n      if (currentTunnelId) {\n        return null;\n      }\n\n      return (\n        <FieldErrorRenderedContext value={setRenderedFieldErrorId}>\n          <UiComponentTunnelExit id={tunnelId} component={options.component}>\n            {(children) => {\n              const childrenArray = React.Children.toArray(children);\n              return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n            }}\n          </UiComponentTunnelExit>\n        </FieldErrorRenderedContext>\n      );\n    },\n    [currentTunnelId, tunnelId, options.component],\n  );\n\n  return {\n    FieldErrorCaptureContext,\n    FieldErrorView,\n    /**\n     * The id of the error while one is rendered for this field. A nested field\n     * (a `Checkbox` inside a `CheckboxButton`) renders its error at the outer\n     * one, so only the outer field ever gets an id here.\n     */\n    renderedFieldErrorId,\n  } as const;\n};\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,iBAAiB,YAAkC;CAE9D,MAAM,kBADkB,SAAS,cAAc,CAAC,CACxB,CAAA,CAAgB,QAAQ;CAChD,MAAM,WACJ,QAAQ,YAAY,mBAAmB,GAAG,QAAQ,aAAa;CAEjE,MAAM,gCAA8C,EAClD,YAAY;EACV,IAAI,QAAQ;EACZ,QAAQ;GAAE,IAAI;GAAU,WAAW,QAAQ;EAAU;EACrD,WAAWA,yBAAgB;CAC7B,EACF;CAEA,MAAM,CAAC,sBAAsB,2BAA2B,SAAiB;CAuCzE,OAAO;EACL,0BAtCsD,eAC/C,UAAU;GACf,OACE,oBAAC,sBAAD;IACE,OAAO;IACP,cAAc,CAAC,QAAQ;IAEtB,UAAA,MAAM;GACa,CAAA;EAE1B,GAEA,CAAC,QAAQ,CA0BT;EACA,gBAtByB,oBACb;GACV,IAAI,iBACF,OAAO;GAGT,OACE,oBAAC,2BAAD;IAA2B,OAAO;IAChC,UAAA,oBAAC,uBAAD;KAAuB,IAAI;KAAU,WAAW,QAAQ;KACpD,WAAA,aAAa;MACb,MAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;MACrD,OAAO,oBAAC,mBAAD,EAAA,UAAoB,cAAc,GAAsB,CAAA;KACjE;IACqB,CAAA;GACE,CAAA;EAE/B,GACA;GAAC;GAAiB;GAAU,QAAQ;EAAS,CAK7C;;;;;;EAMA;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"useOnChange.mjs","names":[],"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"],"mappings":";;;;AAGA,IAAa,eACX,OACA,UACA,eAA+B,CAAC,MAC7B;CACH,MAAM,WAAW,OAAO,KAAK;CAE7B,gBAAgB;EACd,IAAI,SAAS,YAAY,OACvB,SAAS;EAEX,SAAS,UAAU;CACrB,GAAG;EAAC;EAAO;EAAU,GAAG;CAAY,CAAC;AACvC"}
+{"version":3,"file":"useOnChange.mjs","names":[],"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    // eslint-disable-next-line react-hooks/exhaustive-deps -- the caller passes the callback's dependencies\n  }, [value, callback, ...dependencies]);\n};\n"],"mappings":";;;;AAGA,IAAa,eACX,OACA,UACA,eAA+B,CAAC,MAC7B;CACH,MAAM,WAAW,OAAO,KAAK;CAE7B,gBAAgB;EACd,IAAI,SAAS,YAAY,OACvB,SAAS;EAEX,SAAS,UAAU;CAErB,GAAG;EAAC;EAAO;EAAU,GAAG;CAAY,CAAC;AACvC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useSelector.mjs","names":[],"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"],"mappings":";;;;;;AAMA,IAAa,eACX,QACA,OAAkB,CAAC,MACb;CACN,MAAM,CAAC,UAAU,eAAe,SAAY,OAAO,CAAC;CAEpD,gBAAgB;EACd,OAAO,cAAc;GACnB,YAAY,OAAO,CAAC;EACtB,CAAC;CACH,GAAG,IAAI;CAEP,OAAO;AACT"}
+{"version":3,"file":"useSelector.mjs","names":[],"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    // eslint-disable-next-line react-hooks/exhaustive-deps -- the caller passes the selector's dependencies\n  }, deps);\n\n  return selected;\n};\n\nexport default useSelector;\n"],"mappings":";;;;;;AAMA,IAAa,eACX,QACA,OAAkB,CAAC,MACb;CACN,MAAM,CAAC,UAAU,eAAe,SAAY,OAAO,CAAC;CAEpD,gBAAgB;EACd,OAAO,cAAc;GACnB,YAAY,OAAO,CAAC;EACtB,CAAC;CAEH,GAAG,IAAI;CAEP,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"ClearPropsContext.mjs","names":[],"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\nconst emptyPropsContext = {};\n\n/** @flr-generate all */\nexport const ClearPropsContext: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n  return (\n    <PropsContextProvider value={emptyPropsContext}>\n      {children}\n    </PropsContextProvider>\n  );\n};\n\nexport default ClearPropsContext;\n"],"mappings":";;;;;;AAKA,IAAM,oBAAoB,CAAC;;AAG3B,IAAa,qBAA4C,UAAU;CACjE,MAAM,EAAE,aAAa;CACrB,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC1B;CACmB,CAAA;AAE1B"}
+{"version":3,"file":"ClearPropsContext.mjs","names":[],"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\nconst emptyPropsContext = {};\n\n/* Plain FC: factory infrastructure. */\n/** @flr-generate all */\nexport const ClearPropsContext: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n  return (\n    <PropsContextProvider value={emptyPropsContext}>\n      {children}\n    </PropsContextProvider>\n  );\n};\n\nexport default ClearPropsContext;\n"],"mappings":";;;;;;AAKA,IAAM,oBAAoB,CAAC;;AAI3B,IAAa,qBAA4C,UAAU;CACjE,MAAM,EAAE,aAAa;CACrB,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC1B;CACmB,CAAA;AAE1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentPropsContextProvider.mjs","names":[],"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"],"mappings":";;;;;;;;;;AAYA,IAAa,gCACX,MAAM,UAAU;CACd,MAAM,EAAE,UAAU,iBAAiB,CAAC,MAAM;CAC1C,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC1B;CACmB,CAAA;AAE1B,CAAC;AAEH,8BAA8B,cAAc"}
+{"version":3,"file":"ComponentPropsContextProvider.mjs","names":[],"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/* Plain FC: factory infrastructure. */\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"],"mappings":";;;;;;;;;;AAaA,IAAa,gCACX,MAAM,UAAU;CACd,MAAM,EAAE,UAAU,iBAAiB,CAAC,MAAM;CAC1C,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC1B;CACmB,CAAA;AAE1B,CAAC;AAEH,8BAA8B,cAAc"}

package/dist/js/packages/components/src/lib/remote/useControlledHostValueProps.mjs

@@ -22,7 +22,7 @@ var useControlledHostValueProps = (props, emptyValue) => {
 	const [value, setValue] = useState(regularValue !== void 0 ? regularValue : defaultValue !== void 0 ? defaultValue : emptyValue);
 	useLayoutEffect(() => {
 		if (regularValue !== void 0) setValue(regularValue);
-	}, [valueFromProps]);
+	}, [regularValue]);
 	const onChange = (v) => {
 		setValue(v);
 		onChangeFromProps?.(v);

package/dist/js/packages/components/src/lib/remote/useControlledHostValueProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledHostValueProps.mjs","names":[],"sources":["../../../../../../../src/lib/remote/useControlledHostValueProps.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { controlledRemoteValueMarker } from \"./useControlledRemoteValueProps\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\n/**\n * Returns props with controlled value handling for remote components. It works\n * by omitting values resulting from a remotely executed event handler. These\n * values are marked by the `controlledRemoteValueMarker`.\n *\n * This hook is only necessary for text inputs. If not used the controlled input\n * value may be corrupted by interleaved host inputs and remote events.\n *\n * @param emptyValue What the field reports while nothing has been entered —\n *   `\"\"` for a text input, `NaN` for a number, `null` for a date range. It is\n *   the sentinel that keeps the field controlled from the first render; see\n *   that convention in the package's AGENTS.md.\n */\nexport const useControlledHostValueProps = <T, P>(\n  props: FieldProps<T, P>,\n  emptyValue: T,\n) => {\n  const {\n    value: valueFromProps,\n    onChange: onChangeFromProps,\n    defaultValue,\n  } = props;\n\n  const regularValue =\n    valueFromProps === controlledRemoteValueMarker ? undefined : valueFromProps;\n\n  /*\n   * Only `undefined` falls back, because only `undefined` reads as\n   * uncontrolled: a caller-supplied `null` controls a `DateRangePicker` with no\n   * range selected, so `??` would swallow it. The marker cannot appear on the\n   * first render, so `regularValue` is the caller's own value here.\n   */\n  const [value, setValue] = useState(\n    regularValue !== undefined\n      ? regularValue\n      : defaultValue !== undefined\n        ? defaultValue\n        : emptyValue,\n  );\n\n  useLayoutEffect(() => {\n    if (regularValue !== undefined) {\n      setValue(regularValue);\n    }\n  }, [valueFromProps]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const onChange = (v: any) => {\n    setValue(v);\n    onChangeFromProps?.(v);\n  };\n\n  return {\n    ...props,\n    value,\n    onChange,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,IAAa,+BACX,OACA,eACG;CACH,MAAM,EACJ,OAAO,gBACP,UAAU,mBACV,iBACE;CAEJ,MAAM,eACJ,mBAAA,oCAAiD,KAAA,IAAY;CAQ/D,MAAM,CAAC,OAAO,YAAY,SACxB,iBAAiB,KAAA,IACb,eACA,iBAAiB,KAAA,IACf,eACA,UACR;CAEA,sBAAsB;EACpB,IAAI,iBAAiB,KAAA,GACnB,SAAS,YAAY;CAEzB,GAAG,CAAC,cAAc,CAAC;CAGnB,MAAM,YAAY,MAAW;EAC3B,SAAS,CAAC;EACV,oBAAoB,CAAC;CACvB;CAEA,OAAO;EACL,GAAG;EACH;EACA;CACF;AACF"}
+{"version":3,"file":"useControlledHostValueProps.mjs","names":[],"sources":["../../../../../../../src/lib/remote/useControlledHostValueProps.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { controlledRemoteValueMarker } from \"./useControlledRemoteValueProps\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\n/**\n * Returns props with controlled value handling for remote components. It works\n * by omitting values resulting from a remotely executed event handler. These\n * values are marked by the `controlledRemoteValueMarker`.\n *\n * This hook is only necessary for text inputs. If not used the controlled input\n * value may be corrupted by interleaved host inputs and remote events.\n *\n * @param emptyValue What the field reports while nothing has been entered —\n *   `\"\"` for a text input, `NaN` for a number, `null` for a date range. It is\n *   the sentinel that keeps the field controlled from the first render; see\n *   that convention in the package's AGENTS.md.\n */\nexport const useControlledHostValueProps = <T, P>(\n  props: FieldProps<T, P>,\n  emptyValue: T,\n) => {\n  const {\n    value: valueFromProps,\n    onChange: onChangeFromProps,\n    defaultValue,\n  } = props;\n\n  const regularValue =\n    valueFromProps === controlledRemoteValueMarker ? undefined : valueFromProps;\n\n  /*\n   * Only `undefined` falls back, because only `undefined` reads as\n   * uncontrolled: a caller-supplied `null` controls a `DateRangePicker` with no\n   * range selected, so `??` would swallow it. The marker cannot appear on the\n   * first render, so `regularValue` is the caller's own value here.\n   */\n  const [value, setValue] = useState(\n    regularValue !== undefined\n      ? regularValue\n      : defaultValue !== undefined\n        ? defaultValue\n        : emptyValue,\n  );\n\n  useLayoutEffect(() => {\n    if (regularValue !== undefined) {\n      setValue(regularValue);\n    }\n  }, [regularValue]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const onChange = (v: any) => {\n    setValue(v);\n    onChangeFromProps?.(v);\n  };\n\n  return {\n    ...props,\n    value,\n    onChange,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,IAAa,+BACX,OACA,eACG;CACH,MAAM,EACJ,OAAO,gBACP,UAAU,mBACV,iBACE;CAEJ,MAAM,eACJ,mBAAA,oCAAiD,KAAA,IAAY;CAQ/D,MAAM,CAAC,OAAO,YAAY,SACxB,iBAAiB,KAAA,IACb,eACA,iBAAiB,KAAA,IACf,eACA,UACR;CAEA,sBAAsB;EACpB,IAAI,iBAAiB,KAAA,GACnB,SAAS,YAAY;CAEzB,GAAG,CAAC,YAAY,CAAC;CAGjB,MAAM,YAAY,MAAW;EAC3B,SAAS,CAAC;EACV,oBAAoB,CAAC;CACvB;CAEA,OAAO;EACL,GAAG;EACH;EACA;CACF;AACF"}

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

@@ -4,7 +4,7 @@ import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 declare const accentBoxBackgroundColors: readonly ["neutral", "blue", "violet", "teal", "lilac", "green", "navy", "gradient"];
 type AccentBoxBackgroundColor = (typeof accentBoxBackgroundColors)[number];
 type AccentBoxWithCustomBackgroundColor = AccentBoxBackgroundColor | (string & {});
-export interface AccentBoxProps extends PropsWithChildren, PropsWithElementType<"div" | "section" | "article">, PropsWithClassName, FlowComponentProps {
+export interface AccentBoxProps extends PropsWithChildren, PropsWithElementType<"div" | "section" | "article">, PropsWithClassName, FlowComponentProps<HTMLElement> {
     /** The background color of the accent box. @default "neutral" */
     backgroundColor?: AccentBoxWithCustomBackgroundColor;
     /** The content color of the accent box. @default "default" */
@@ -18,5 +18,5 @@ export interface AccentBoxProps extends PropsWithChildren, PropsWithElementType<
  * @flr-generate all
  * @flowStatus beta
  */
-export declare const AccentBox: import('react').FunctionComponent<AccentBoxProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const AccentBox: import('react').FunctionComponent<AccentBoxProps & import('react').RefAttributes<HTMLElement>>;
 export default AccentBox;

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

@@ -1,5 +1,6 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
-export interface AccordionProps extends PropsWithChildren<ComponentProps<"div">> {
+import { ComponentProps, PropsWithChildren } from 'react';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+export interface AccordionProps extends PropsWithChildren<ComponentProps<"div">>, FlowComponentProps<HTMLDivElement> {
     /**
      * The key of the accordion inside an `AccordionGroup`, used by its
      * `expandedKeys`. Also set as the DOM id.
@@ -18,5 +19,5 @@ export interface AccordionProps extends PropsWithChildren<ComponentProps<"div">>
  * @flr-generate all
  * @flowStatus beta
  */
-export declare const Accordion: FC<AccordionProps>;
+export declare const Accordion: import('react').FunctionComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Accordion;

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

@@ -1,8 +1,8 @@
 import { PropsWithChildren } from 'react';
 import { PropsWithClassName, PropsWithStatus } from '../../lib/types/props';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-export interface AlertTextProps extends PropsWithClassName, PropsWithChildren, FlowComponentProps, PropsWithStatus {
+export interface AlertTextProps extends PropsWithClassName, PropsWithChildren, FlowComponentProps<HTMLSpanElement>, PropsWithStatus {
 }
 /** @flr-generate all */
-export declare const AlertText: import('react').FunctionComponent<AlertTextProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const AlertText: import('react').FunctionComponent<AlertTextProps & import('react').RefAttributes<HTMLSpanElement>>;
 export default AlertText;

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

@@ -1,9 +1,10 @@
-import { CSSProperties, FC, PropsWithChildren } from 'react';
+import { CSSProperties, PropsWithChildren } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
-export interface ChatProps extends PropsWithChildren, PropsWithClassName {
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+export interface ChatProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps {
     /** The height of the chat. */
     height?: CSSProperties["height"];
 }
 /** @flr-generate all */
-export declare const Chat: FC<ChatProps>;
+export declare const Chat: import('react').FunctionComponent<ChatProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Chat;

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

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
 import { FileInputOnChangeHandler } from '../FileField/components/FileInput';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
@@ -11,5 +11,5 @@ export interface FileDropZoneProps extends PropsWithClassName, FlowComponentProp
     isReadOnly?: boolean;
 }
 /** @flr-generate all */
-export declare const FileDropZone: FC<FileDropZoneProps>;
+export declare const FileDropZone: import('react').FunctionComponent<FileDropZoneProps & import('react').RefAttributes<Aria.FocusableElement>>;
 export default FileDropZone;

package/dist/types/components/LightBox/components/LightBoxGallery/LightBoxGallery.d.ts

@@ -1,9 +1,10 @@
+import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
 import { default as React, ReactNode } from 'react';
 import { PropsWithClassName } from '../../../../lib/types/props';
-export interface LightBoxGalleryProps extends PropsWithClassName {
+export interface LightBoxGalleryProps extends PropsWithClassName, FlowComponentProps {
     children: ReactNode[];
     defaultIndex?: number;
 }
 /** @flr-generate all */
-export declare const LightBoxGallery: React.FunctionComponent<LightBoxGalleryProps & React.RefAttributes<undefined>>;
+export declare const LightBoxGallery: React.FunctionComponent<LightBoxGalleryProps & React.RefAttributes<HTMLDivElement>>;
 export default LightBoxGallery;

package/dist/types/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.d.ts

@@ -1,7 +1,8 @@
+import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
 import { PropsWithChildren } from 'react';
-export type LightBoxGalleryItemProps = PropsWithChildren;
+export type LightBoxGalleryItemProps = PropsWithChildren & Omit<FlowComponentProps, "ref">;
 /** @flr-generate all */
 export declare const LightBoxGalleryItem: import('react').FunctionComponent<{
     children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<undefined>>;
+} & Omit<FlowComponentProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<unknown>>;
 export default LightBoxGalleryItem;

package/dist/types/components/List/components/ListItemView/ListItemView.d.ts

@@ -3,13 +3,5 @@ import { ColumnLayoutProps } from '../../../ColumnLayout';
 export type ListItemViewProps = PropsWithChildren & Pick<ColumnLayoutProps, "s" | "m" | "l">;
 export declare const ListItemView: import('react').FunctionComponent<{
     children?: import('react').ReactNode | undefined;
-} & Pick<ColumnLayoutProps<"div" | "ul">, "s" | "m" | "l"> & {
-    title?: import('react').ReactNode;
-    subTitle?: import('react').ReactNode;
-    avatar?: import('react').ReactNode;
-    button?: import('react').ReactNode;
-    bottom?: import('react').ReactNode;
-    checkbox?: import('react').ReactNode;
-    viewMode?: import('../../model/types').ListViewMode;
-} & import('react').RefAttributes<undefined>>;
+} & Pick<ColumnLayoutProps<"div" | "ul">, "s" | "m" | "l"> & import('react').RefAttributes<undefined>>;
 export default ListItemView;

package/dist/types/components/List/typedList.d.ts

@@ -18,31 +18,25 @@ export declare const typedList: <T, TMeta = unknown>() => {
     }>;
     ItemView: import('react').FunctionComponent<{
         children?: import('react').ReactNode | undefined;
-    } & Pick<import('../ColumnLayout').ColumnLayoutProps<"div" | "ul">, "s" | "m" | "l"> & {
-        title?: import('react').ReactNode;
-        subTitle?: import('react').ReactNode;
-        avatar?: import('react').ReactNode;
-        button?: import('react').ReactNode;
-        bottom?: import('react').ReactNode;
-        checkbox?: import('react').ReactNode;
-        viewMode?: import('./model/types').ListViewMode;
-    } & import('react').RefAttributes<undefined>>;
+    } & Pick<import('../ColumnLayout').ColumnLayoutProps<"div" | "ul">, "s" | "m" | "l"> & import('react').RefAttributes<undefined>>;
     TableHeader: (ignoredProps: import('./model/table/types').TableHeaderShape) => null;
     TableColumn: (ignoredProps: import('../Table').TableColumnProps) => null;
     TableBody: (ignoredProps: import('./model/table/types').TableBodyShape<T>) => null;
     TableRow: (ignoredProps: {
-        suppressHydrationWarning?: boolean | undefined | undefined;
+        children?: import('react').ReactNode;
+        isDisabled?: boolean | undefined;
         className?: string | undefined;
-        id?: import('react-aria-components').Key | undefined;
-        lang?: string | undefined | undefined;
         style?: import('react-aria-components').StyleOrFunction<import('react-aria-components').RowRenderProps> | undefined;
-        target?: import('react').HTMLAttributeAnchorTarget | undefined;
-        href?: import('@react-types/shared').Href | undefined;
-        children?: import('react').ReactNode;
-        onAuxClick?: import('react').MouseEventHandler<HTMLTableRowElement> | undefined;
-        onAuxClickCapture?: import('react').MouseEventHandler<HTMLTableRowElement> | undefined;
+        dir?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
         onClick?: ((e: import('react').MouseEvent<import('react-aria-components').FocusableElement>) => void) | undefined;
         onClickCapture?: import('react').MouseEventHandler<HTMLTableRowElement> | undefined;
+        onAuxClick?: import('react').MouseEventHandler<HTMLTableRowElement> | undefined;
+        onAuxClickCapture?: import('react').MouseEventHandler<HTMLTableRowElement> | undefined;
         onContextMenu?: import('react').MouseEventHandler<HTMLTableRowElement> | undefined;
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLTableRowElement> | undefined;
         onDoubleClick?: import('react').MouseEventHandler<HTMLTableRowElement> | undefined;
@@ -103,12 +97,10 @@ export declare const typedList: <T, TMeta = unknown>() => {
         onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLTableRowElement> | undefined;
         onTransitionStart?: import('react').TransitionEventHandler<HTMLTableRowElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLTableRowElement> | undefined;
-        isDisabled?: boolean | undefined;
-        dir?: string | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
+        id?: import('react-aria-components').Key | undefined;
         rel?: string | undefined;
+        href?: import('@react-types/shared').Href | undefined;
+        target?: import('react').HTMLAttributeAnchorTarget | undefined;
         onPress?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
         onPressStart?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
         onPressEnd?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
@@ -134,19 +126,25 @@ export declare const typedList: <T, TMeta = unknown>() => {
         children: import('.').RenderItemFn<T>;
     }) => null;
     Table: (ignoredProps: {
-        suppressHydrationWarning?: boolean | undefined | undefined;
+        defaultSelectedKeys?: ("all" | Iterable<import('react-aria-components').Key>) | undefined;
+        selectedKeys?: ("all" | Iterable<import('react-aria-components').Key>) | undefined;
+        children?: import('react').ReactNode;
         className?: string | undefined;
-        lang?: string | undefined | undefined;
         slot?: string | null | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
         'aria-label'?: string | undefined;
         'aria-labelledby'?: string | undefined;
-        children?: import('react').ReactNode;
-        onAuxClick?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
-        onAuxClickCapture?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-details'?: string | undefined;
+        dir?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
         onClick?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
         onClickCapture?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
+        onAuxClick?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
+        onAuxClickCapture?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
         onContextMenu?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
         onDoubleClick?: import('react').MouseEventHandler<HTMLTableElement> | undefined;
@@ -207,12 +205,6 @@ export declare const typedList: <T, TMeta = unknown>() => {
         onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLTableElement> | undefined;
         onTransitionStart?: import('react').TransitionEventHandler<HTMLTableElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLTableElement> | undefined;
-        defaultSelectedKeys?: ("all" | Iterable<import('react-aria-components').Key>) | undefined;
-        selectedKeys?: ("all" | Iterable<import('react-aria-components').Key>) | undefined;
-        dir?: string | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
         disabledKeys?: Iterable<import('react-aria-components').Key> | undefined;
         selectionMode?: import('react-aria-components').SelectionMode | undefined;
         disallowEmptySelection?: boolean | undefined;

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

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { IconProps } from '../Icon';
 import { AlphaColor } from '../../lib/types/props';
 export interface LoadingSpinnerProps extends IconProps {
@@ -6,5 +5,5 @@ export interface LoadingSpinnerProps extends IconProps {
     color?: "default" | AlphaColor;
 }
 /** @flr-generate all */
-export declare const LoadingSpinner: FC<LoadingSpinnerProps>;
+export declare const LoadingSpinner: import('react').FunctionComponent<LoadingSpinnerProps & import('react').RefAttributes<HTMLDivElement>>;
 export default LoadingSpinner;

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

@@ -1,12 +1,12 @@
 import { PropsWithChildren } from 'react';
 import { PropsWithClassName, PropsWithElementType } from '../../lib/types/props';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-export interface MessageProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps, PropsWithElementType<"article" | "li"> {
+export interface MessageProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps<HTMLElement>, PropsWithElementType<"article" | "li"> {
     /** Determines the color and orientation of the message. @default "responder" */
     type?: "responder" | "sender";
     /** A custom background color of the message as a CSS color value. */
     color?: string;
 }
 /** @flr-generate all */
-export declare const Message: import('react').FunctionComponent<MessageProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Message: import('react').FunctionComponent<MessageProps & import('react').RefAttributes<HTMLElement>>;
 export default Message;

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

@@ -1,9 +1,9 @@
 import { PropsWithChildren } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-export type MessageThreadProps = PropsWithChildren & PropsWithClassName & FlowComponentProps;
+export type MessageThreadProps = PropsWithChildren & PropsWithClassName & FlowComponentProps<HTMLUListElement>;
 /** @flr-generate all */
 export declare const MessageThread: import('react').FunctionComponent<{
     children?: import('react').ReactNode | undefined;
-} & PropsWithClassName & FlowComponentProps<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+} & PropsWithClassName & FlowComponentProps<HTMLUListElement> & import('react').RefAttributes<HTMLUListElement>>;
 export default MessageThread;

package/dist/types/components/Section/components/SectionHeader/SectionHeader.d.ts

@@ -1,5 +1,8 @@
-import { FC, PropsWithChildren, RefAttributes } from 'react';
+import { PropsWithChildren } from 'react';
 import { PropsWithClassName } from '../../../../lib/types/props';
-export type SectionHeaderProps = PropsWithChildren & PropsWithClassName & RefAttributes<HTMLHeadingElement>;
-export declare const SectionHeader: FC<SectionHeaderProps>;
+import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
+export type SectionHeaderProps = PropsWithChildren & PropsWithClassName & FlowComponentProps<HTMLElement>;
+export declare const SectionHeader: import('react').FunctionComponent<{
+    children?: import('react').ReactNode | undefined;
+} & PropsWithClassName & FlowComponentProps<HTMLElement> & import('react').RefAttributes<HTMLElement>>;
 export default SectionHeader;

package/dist/types/components/propTypes/index.d.ts

@@ -12,6 +12,7 @@ import { AlertProps } from '../Alert';
 import { HeadingProps } from '../Heading';
 import { TabNavigationProps } from '../TabNavigation';
 import { InitialsProps } from '../Initials';
+import { LoadingSpinnerProps } from '../LoadingSpinner';
 import { ImageProps } from '../Image';
 import { CopyButtonProps } from '../CopyButton';
 import { HeaderProps } from '../Header';
@@ -39,14 +40,13 @@ import { ContextualHelpProps, ContextualHelpTriggerProps } from '../ContextualHe
 import { CoachMarkProps } from '../CoachMark';
 import { PopoverProps, PopoverTriggerProps } from '../Popover';
 import { ContextMenuSectionProps } from '../ContextMenu/components/ContextMenuSection';
-import { ListItemViewContentProps, ListProps } from '../List';
+import { ListItemViewProps, ListProps } from '../List';
 import { PasswordCreationFieldProps } from '../PasswordCreationField';
 import { SearchFieldProps } from '../SearchField';
 import { BadgeProps } from '../Badge';
 import { DatePickerProps } from '../DatePicker';
 import { DateRangePickerProps } from '../DateRangePicker';
 import { TimeFieldProps } from '../TimeField';
-import { AlertIconProps } from '../AlertIcon';
 import { ListSummaryProps } from '../List/components/ListSummary/ListSummary';
 import { SegmentedControlProps } from '../SegmentedControl';
 import { SegmentProps } from '../SegmentedControl/components/Segment';
@@ -90,7 +90,6 @@ export interface FlowComponentPropsTypes {
     AccordionGroup: AccordionGroupProps;
     Alert: AlertProps;
     AlertBadge: AlertBadgeProps;
-    AlertIcon: AlertIconProps;
     AlertText: AlertTextProps;
     Align: AlignProps;
     Combine: CombineProps;
@@ -138,8 +137,9 @@ export interface FlowComponentPropsTypes {
     LightBoxGalleryItem: LightBoxGalleryItemProps;
     Link: LinkProps;
     List: ListProps<never>;
-    ListItemView: ListItemViewContentProps;
+    ListItemView: ListItemViewProps;
     ListSummary: ListSummaryProps;
+    LoadingSpinner: LoadingSpinnerProps;
     MarkdownEditor: MarkdownEditorProps;
     MenuItem: MenuItemProps;
     MenuTrigger: MenuTriggerProps;

package/dist/types/lib/tokens/getCategoricalColorByIndex.d.ts

@@ -1 +1 @@
-export declare const getCategoricalColorByIndex: (index: number) => "violet" | "green" | "azure" | "lime" | "magenta" | "yellow" | "sea-green" | "palatinate-blue" | "tangerine" | "tropical-indigo" | "malachite" | "alloy-orange";
+export declare const getCategoricalColorByIndex: (index: number) => "green" | "violet" | "azure" | "lime" | "magenta" | "yellow" | "sea-green" | "palatinate-blue" | "tangerine" | "tropical-indigo" | "malachite" | "alloy-orange";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.6.0-next.56",
+  "version": "1.6.0-next.58",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -84,9 +84,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.6.0-next.56",
+    "@mittwald/flow-icons": "^1.6.0-next.58",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.6.0-next.56",
+    "@mittwald/react-tunnel": "^1.6.0-next.58",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -139,13 +139,13 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-components-base": "1.6.0-next.56",
-    "@mittwald/flow-core": "1.6.0-next.56",
-    "@mittwald/flow-design-tokens": "1.6.0-next.56",
-    "@mittwald/flow-icons-base": "1.6.0-next.56",
+    "@mittwald/flow-components-base": "1.6.0-next.58",
+    "@mittwald/flow-core": "1.6.0-next.58",
+    "@mittwald/flow-design-tokens": "1.6.0-next.58",
+    "@mittwald/flow-icons-base": "1.6.0-next.58",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.6.0-next.56",
+    "@mittwald/typescript-config": "1.6.0-next.58",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -199,7 +199,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.6.0-next.56",
+    "@mittwald/flow-icons-pro": "1.6.0-next.58",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -223,5 +223,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "c3e84a42648118d2e2c950b3b6cf59d77607aebe"
+  "gitHead": "95bca01dd5526a24d15b838d9d077b11ecaa8d7e"
 }

package/dist/types/lib/mobx/useAutorunEffect.d.ts

@@ -1 +0,0 @@
-export declare const useAutorunEffect: (effect: () => void) => void;