@mittwald/flow-react-components 0.2.0-alpha.353 → 0.2.0-alpha.355

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0-alpha.355](https://github.com/mittwald/flow/compare/0.2.0-alpha.354...0.2.0-alpha.355) (2025-07-22)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# [0.2.0-alpha.354](https://github.com/mittwald/flow/compare/0.2.0-alpha.353...0.2.0-alpha.354) (2025-07-22)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
 # [0.2.0-alpha.353](https://github.com/mittwald/flow/compare/0.2.0-alpha.352...0.2.0-alpha.353) (2025-07-22)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/assets/doc-properties.json

@@ -153016,7 +153016,7 @@
             "name": "CopyButtonProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
           "name": "string"
         }

package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs

@@ -45,11 +45,11 @@ const Autocomplete = flowComponent("Autocomplete", (props) => {
         const input = triggerRef.current;
         if (input) {
           const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
-            window.HTMLInputElement.prototype,
+            Object.getPrototypeOf(input),
             "value"
           )?.set;
           nativeInputValueSetter?.call(input, String(key));
-          const event = new Event("input", { bubbles: true });
+          const event = new Event("change", { bubbles: true });
           input.dispatchEvent(event);
         }
       },

package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n} from \"react-aria\";\nimport styles from \"./Autocomplete.module.scss\";\nimport locales from \"./locales/*.locale.json\";\nimport { Text } from \"@/components/Text\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\n\nexport interface AutocompleteProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps,\n    Omit<Aria.AutocompleteProps, \"children\" | \"onInputChange\" | \"inputValue\"> {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, ...rest } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n\n  const triggerRef = useRef<HTMLInputElement>(null);\n  const container = useRef(null);\n\n  const controller = useOverlayController(\"ContextMenu\", {\n    reuseControllerFromContext: false,\n  });\n  const focusWithin = useFocusWithin({\n    onBlurWithin: controller.close,\n  });\n  const menuIsOpen = controller.useIsOpen();\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && menuIsOpen) {\n        e.preventDefault();\n      }\n    },\n    ref: triggerRef,\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom start\",\n      controller,\n      isNonModal: true,\n      renderEmptyState: () => (\n        <Text className={styles.empty}>\n          {stringFormatter.format(\"autocomplete.empty\")}\n        </Text>\n      ),\n      onAction: (key) => {\n        const input = triggerRef.current;\n        if (input) {\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            \"value\",\n          )?.set;\n          nativeInputValueSetter?.call(input, String(key));\n          const event = new Event(\"input\", { bubbles: true });\n          input.dispatchEvent(event);\n        }\n      },\n      triggerRef,\n    },\n    SearchField: inputProps,\n    TextField: inputProps,\n  };\n\n  const handleOnInputChange = (value: string) => {\n    if (!value) {\n      controller.close();\n    } else if (!menuIsOpen) {\n      controller.open();\n    }\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      mergeInParentContext\n      dependencies={[menuIsOpen, controller]}\n    >\n      <div {...focusWithin.focusWithinProps} ref={container}>\n        <UNSAFE_PortalProvider getContainer={() => container.current}>\n          <Aria.Autocomplete\n            onInputChange={handleOnInputChange}\n            filter={contains}\n            {...rest}\n          >\n            {children}\n          </Aria.Autocomplete>\n        </UNSAFE_PortalProvider>\n      </div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n} from \"react-aria\";\nimport styles from \"./Autocomplete.module.scss\";\nimport locales from \"./locales/*.locale.json\";\nimport { Text } from \"@/components/Text\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\n\nexport interface AutocompleteProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps,\n    Omit<Aria.AutocompleteProps, \"children\" | \"onInputChange\" | \"inputValue\"> {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, ...rest } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n\n  const triggerRef = useRef<HTMLInputElement>(null);\n  const container = useRef(null);\n\n  const controller = useOverlayController(\"ContextMenu\", {\n    reuseControllerFromContext: false,\n  });\n  const focusWithin = useFocusWithin({\n    onBlurWithin: controller.close,\n  });\n  const menuIsOpen = controller.useIsOpen();\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && menuIsOpen) {\n        e.preventDefault();\n      }\n    },\n    ref: triggerRef,\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom start\",\n      controller,\n      isNonModal: true,\n      renderEmptyState: () => (\n        <Text className={styles.empty}>\n          {stringFormatter.format(\"autocomplete.empty\")}\n        </Text>\n      ),\n      onAction: (key) => {\n        const input = triggerRef.current;\n        if (input) {\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            Object.getPrototypeOf(input),\n            \"value\",\n          )?.set;\n          nativeInputValueSetter?.call(input, String(key));\n          const event = new Event(\"change\", { bubbles: true });\n          input.dispatchEvent(event);\n        }\n      },\n      triggerRef,\n    },\n    SearchField: inputProps,\n    TextField: inputProps,\n  };\n\n  const handleOnInputChange = (value: string) => {\n    if (!value) {\n      controller.close();\n    } else if (!menuIsOpen) {\n      controller.open();\n    }\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      mergeInParentContext\n      dependencies={[menuIsOpen, controller]}\n    >\n      <div {...focusWithin.focusWithinProps} ref={container}>\n        <UNSAFE_PortalProvider getContainer={() => container.current}>\n          <Aria.Autocomplete\n            onInputChange={handleOnInputChange}\n            filter={contains}\n            {...rest}\n          >\n            {children}\n          </Aria.Autocomplete>\n        </UNSAFE_PortalProvider>\n      </div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/CopyButton/CopyButton.mjs

@@ -19,7 +19,7 @@ import { Action } from '../Action/Action.mjs';
 
 const CopyButton = flowComponent("CopyButton", (props) => {
   const {
-    text,
+    text = "",
     ref,
     variant = "plain",
     color = "secondary",

package/dist/js/components/src/components/CopyButton/CopyButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.mjs","sources":["../../../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import copy from \"copy-to-clipboard\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport { onlyText } from \"react-children-utilities\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Action } from \"@/components/Action\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps<HTMLButtonElement> {\n  /** The text to copy. */\n  text: string;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CopyButton = flowComponent(\"CopyButton\", (props) => {\n  const {\n    text,\n    ref,\n    variant = \"plain\",\n    color = \"secondary\",\n    ...buttonProps\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const tooltip = stringFormatter.format(\"copyButton.copy\");\n\n  const copyValue = () => {\n    copy(onlyText(text));\n  };\n\n  return (\n    <ClearPropsContext>\n      <TooltipTrigger>\n        <Action action={copyValue} showFeedback>\n          <Button\n            aria-label={tooltip}\n            {...buttonProps}\n            ref={ref}\n            variant={variant}\n            color={color}\n          >\n            <IconCopy />\n          </Button>\n        </Action>\n        <Tooltip>{tooltip}</Tooltip>\n      </TooltipTrigger>\n    </ClearPropsContext>\n  );\n});\n\nexport default CopyButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,GAAA;AAAA,IACA,OAAU,GAAA,OAAA;AAAA,IACV,KAAQ,GAAA,WAAA;AAAA,IACR,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,iBAAiB,CAAA;AAExD,EAAA,MAAM,YAAY,MAAM;AACtB,IAAK,IAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,GACrB;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,YAAA,EAAY,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAY,EAAA,OAAA;AAAA,QACX,GAAG,WAAA;AAAA,QACJ,GAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA;AAAA,QAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,GAAA,EACpB,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"CopyButton.mjs","sources":["../../../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import copy from \"copy-to-clipboard\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport { onlyText } from \"react-children-utilities\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Action } from \"@/components/Action\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps<HTMLButtonElement> {\n  /** The text to copy. */\n  text?: string;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CopyButton = flowComponent(\"CopyButton\", (props) => {\n  const {\n    text = \"\",\n    ref,\n    variant = \"plain\",\n    color = \"secondary\",\n    ...buttonProps\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const tooltip = stringFormatter.format(\"copyButton.copy\");\n\n  const copyValue = () => {\n    copy(onlyText(text));\n  };\n\n  return (\n    <ClearPropsContext>\n      <TooltipTrigger>\n        <Action action={copyValue} showFeedback>\n          <Button\n            aria-label={tooltip}\n            {...buttonProps}\n            ref={ref}\n            variant={variant}\n            color={color}\n          >\n            <IconCopy />\n          </Button>\n        </Action>\n        <Tooltip>{tooltip}</Tooltip>\n      </TooltipTrigger>\n    </ClearPropsContext>\n  );\n});\n\nexport default CopyButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA;AAAA,IACJ,IAAO,GAAA,EAAA;AAAA,IACP,GAAA;AAAA,IACA,OAAU,GAAA,OAAA;AAAA,IACV,KAAQ,GAAA,WAAA;AAAA,IACR,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,iBAAiB,CAAA;AAExD,EAAA,MAAM,YAAY,MAAM;AACtB,IAAK,IAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,GACrB;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,YAAA,EAAY,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAY,EAAA,OAAA;AAAA,QACX,GAAG,WAAA;AAAA,QACJ,GAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA;AAAA,QAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,GAAA,EACpB,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/PasswordCreationField/PasswordCreationField.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState, useDeferredValue } from 'react';
 import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
@@ -22,7 +22,6 @@ import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
 import { ComplexityIndicator } from './components/ComplexityIndicator/ComplexityIndicator.mjs';
 import '@mittwald/password-tools-js/policy';
 import '@mittwald/password-tools-js/rules';
-import { useDebounceValue } from 'usehooks-ts';
 import { generatePassword } from './worker/generatePassword.mjs';
 import { TogglePasswordVisibilityButton } from './components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.mjs';
 import { useAbortablePromise } from '../../lib/promises/useAbortablePromise.mjs';
@@ -33,12 +32,11 @@ import 'mobx';
 import '../../lib/controller/overlay/context.mjs';
 import { useIsMounted } from '../../lib/hooks/useIsMounted.mjs';
 import '@react-aria/utils';
-import 'remeda';
+import { isPromise } from 'remeda';
 import { ValidationResultButton } from './components/ValidationResultButton/ValidationResultButton.mjs';
 import { PasswordGenerateButton } from './components/PasswordGenerateButton/PasswordGenerateButton.mjs';
 import { useLocalizedContextStringFormatter } from '../TranslationProvider/useLocalizedContextStringFormatter.mjs';
 
-const validationDebounceMilliseconds = 200;
 const PasswordCreationField = flowComponent(
   "PasswordCreationField",
   (props) => {
@@ -47,13 +45,30 @@ const PasswordCreationField = flowComponent(
       className,
       ref,
       isDisabled,
-      onChange,
+      onChange: onChangeFromProps,
       isInvalid: invalidFromProps,
       validationPolicy = defaultPasswordCreationPolicy,
       isRequired,
-      value,
+      value: valueFromProps,
+      defaultValue,
       ...rest
     } = props;
+    const isControlled = typeof valueFromProps !== "undefined";
+    const hasDefaultValue = typeof defaultValue !== "undefined";
+    const [internalValue, setInternalValue] = useState(
+      hasDefaultValue ? defaultValue : ""
+    );
+    const deferredValue = useDeferredValue(
+      internalValue,
+      hasDefaultValue ? defaultValue : ""
+    );
+    const value = isControlled ? valueFromProps : internalValue;
+    const onChangeHandler = (value2) => {
+      if (onChangeFromProps) {
+        onChangeFromProps(value2);
+      }
+      setInternalValue(() => value2);
+    };
     const translate = useLocalizedContextStringFormatter(locales);
     const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);
     const [isLoading, setIsLoading] = useState(false);
@@ -82,31 +97,24 @@ const PasswordCreationField = flowComponent(
         translationValues
       );
     }
-    const [bouncedValue, setDebouncedValue] = useDebounceValue(
-      "",
-      validationDebounceMilliseconds
-    );
-    useEffect(() => {
-      setDebouncedValue(value ?? "");
-    }, [value]);
     const isMounted = useIsMounted();
     const isEmptyValue = !value;
     const isValidFromValidationResult = !isEmptyValue && stateFromValidationResult?.isValid;
     const isInvalidFromValidationResult = !isEmptyValue && !stateFromValidationResult?.isValid;
     const isInvalid = invalidFromProps || isInvalidFromValidationResult;
     const setOptimisticPolicyValidationResult = (isValid = true) => {
-      setPolicyValidationResult({
+      setPolicyValidationResult(() => ({
         ...initialPolicyValidationState,
         isValid
-      });
+      }));
     };
     useAbortablePromise(
       async (signal) => {
         if (signal.aborted) {
           return;
         }
-        const validationResult = validationPolicy.validate(bouncedValue);
-        if (typeof validationResult.isValid === "boolean") {
+        const validationResult = validationPolicy.validate(value);
+        if (!isPromise(validationResult.isValid)) {
           setIsLoading(false);
           setPolicyValidationResult((old) => ({
             ...old,
@@ -114,8 +122,8 @@ const PasswordCreationField = flowComponent(
             ruleResults: validationResult.ruleResults,
             complexity: validationResult.complexity
           }));
-          if (onChange && isMounted) {
-            onChange(bouncedValue);
+          if (isMounted) {
+            onChangeHandler(value);
           }
           return;
         }
@@ -127,8 +135,13 @@ const PasswordCreationField = flowComponent(
           setOptimisticPolicyValidationResult();
         }
         void Promise.all([
-          Promise.resolve(bouncedValue),
-          ...validationResult.ruleResults
+          Promise.resolve(value),
+          ...validationResult.ruleResults.map(async (r) => {
+            if (signal.aborted) {
+              throw Error();
+            }
+            return r;
+          })
         ]).then(([resolvedValue, ...validationResults]) => {
           if (signal.aborted) {
             return;
@@ -140,21 +153,18 @@ const PasswordCreationField = flowComponent(
             isValid,
             ruleResults: validationResults
           }));
-          if (onChange && isMounted) {
-            onChange(resolvedValue);
+          if (isMounted) {
+            onChangeHandler(resolvedValue);
           }
         });
       },
-      [bouncedValue]
+      [deferredValue]
     );
-    const onChangeValueHandler = (value2) => {
-      onChange?.(value2);
-    };
     const onPasswordGenerateHandler = async () => {
       const generatedPassword = await generatePassword(validationPolicy);
       setOptimisticPolicyValidationResult();
       setIsPasswordRevealed(true);
-      onChangeValueHandler(generatedPassword);
+      onChangeHandler(generatedPassword);
     };
     const onPasswordPasteHandler = (event) => {
       const pastedValue = event.clipboardData.getData("text");
@@ -180,7 +190,8 @@ const PasswordCreationField = flowComponent(
         variant: "plain",
         color: "secondary",
         isDisabled,
-        className: styles.button
+        className: styles.button,
+        text: value
       },
       Label: {
         className: formFieldStyles.label,
@@ -224,9 +235,9 @@ const PasswordCreationField = flowComponent(
       Aria.TextField,
       {
         ...rest,
-        type: isPasswordRevealed ? "text" : "password",
         value,
-        onChange: onChangeValueHandler,
+        type: isPasswordRevealed ? "text" : "password",
+        onChange: onChangeHandler,
         onPaste: onPasswordPasteHandler,
         className: clsx(className, formFieldStyles.formField),
         isDisabled,
@@ -244,8 +255,8 @@ const PasswordCreationField = flowComponent(
                   ReactAriaControlledValueFix,
                   {
                     inputContext: Aria.InputContext,
-                    props,
-                    children: /* @__PURE__ */ jsx(Aria.Input, { className: styles.input, ref })
+                    props: { ...props, value },
+                    children: /* @__PURE__ */ jsx(Aria.Input, { ref, className: styles.input })
                   }
                 ),
                 /* @__PURE__ */ jsxs(Aria.Group, { className: styles.buttonContainer, children: [

package/dist/js/components/src/components/PasswordCreationField/PasswordCreationField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordCreationField.mjs","sources":["../../../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"sourcesContent":["import React, {\n  type PropsWithChildren,\n  useState,\n  type ClipboardEvent,\n  useEffect,\n} from \"react\";\nimport {\n  ClearPropsContext,\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"./PasswordCreationField.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { Policy } from \"@mittwald/password-tools-js/policy\";\nimport { type ActionFn } from \"@/components/Action\";\nimport getStateFromLatestPolicyValidationResult from \"@/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult\";\nimport locales from \"./locales/*.locale.json\";\nimport generateValidationTranslation from \"@/components/PasswordCreationField/lib/generateValidationTranslation\";\nimport { FieldError } from \"@/components/FieldError\";\nimport FieldDescription from \"@/components/FieldDescription\";\nimport ComplexityIndicator from \"@/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator\";\nimport { type PolicyValidationResult } from \"@mittwald/password-tools-js/policy\";\nimport { type RuleValidationResult } from \"@mittwald/password-tools-js/rules\";\nimport { useDebounceValue } from \"usehooks-ts\";\nimport { generatePassword } from \"@/components/PasswordCreationField/worker/generatePassword\";\nimport TogglePasswordVisibilityButton from \"@/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton\";\nimport { useAbortablePromise } from \"@/lib/promises/useAbortablePromise\";\nimport { defaultPasswordCreationPolicy } from \"@/components/PasswordCreationField/defaultPasswordCreationPolicy\";\nimport { FieldErrorContext } from \"react-aria-components\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\nimport { useIsMounted } from \"@/lib/hooks\";\nimport { ValidationResultButton } from \"@/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton\";\nimport { PasswordGenerateButton } from \"@/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton\";\nimport { useLocalizedContextStringFormatter } from \"@/components/TranslationProvider/useLocalizedContextStringFormatter\";\n\nconst validationDebounceMilliseconds = 200;\n\nexport interface PasswordCreationFieldProps\n  extends PropsWithChildren<\n      Omit<Aria.TextFieldProps, \"children\" | \"value\" | \"defaultValue\"> &\n        Partial<Pick<Aria.FieldErrorRenderProps, \"validationErrors\">>\n    >,\n    FlowComponentProps<HTMLInputElement> {\n  value?: string;\n  defaultValue?: string;\n  placeholder?: string;\n  validationPolicy?: Policy;\n}\n\nexport interface ResolvedPolicyValidationResult\n  extends Omit<PolicyValidationResult, \"isValid\"> {\n  isValid: boolean | \"indeterminate\";\n  ruleResults: RuleValidationResult[];\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const PasswordCreationField = flowComponent(\n  \"PasswordCreationField\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n      isDisabled,\n      onChange,\n      isInvalid: invalidFromProps,\n      validationPolicy = defaultPasswordCreationPolicy,\n      isRequired,\n      value,\n      ...rest\n    } = props;\n\n    const translate = useLocalizedContextStringFormatter(locales);\n\n    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const initialPolicyValidationState: ResolvedPolicyValidationResult = {\n      isValid: false,\n      complexity: {\n        min: validationPolicy.minComplexity,\n        actual: 4,\n        warning: null,\n      },\n      ruleResults: [],\n    };\n\n    const [policyValidationResult, setPolicyValidationResult] = useState(\n      initialPolicyValidationState,\n    );\n\n    const stateFromValidationResult = getStateFromLatestPolicyValidationResult(\n      policyValidationResult,\n    );\n    let latestValidationErrorText = undefined;\n    if (stateFromValidationResult) {\n      const [translationKey, translationValues] = generateValidationTranslation(\n        stateFromValidationResult,\n      );\n      latestValidationErrorText = translate.format(\n        translationKey,\n        translationValues,\n      );\n    }\n\n    const [bouncedValue, setDebouncedValue] = useDebounceValue(\n      \"\",\n      validationDebounceMilliseconds,\n    );\n\n    useEffect(() => {\n      setDebouncedValue(value ?? \"\");\n    }, [value]);\n\n    const isMounted = useIsMounted();\n    const isEmptyValue = !value;\n\n    const isValidFromValidationResult =\n      !isEmptyValue && stateFromValidationResult?.isValid;\n\n    const isInvalidFromValidationResult =\n      !isEmptyValue && !stateFromValidationResult?.isValid;\n\n    const isInvalid = invalidFromProps || isInvalidFromValidationResult;\n\n    const setOptimisticPolicyValidationResult = (\n      isValid: ResolvedPolicyValidationResult[\"isValid\"] = true,\n    ) => {\n      setPolicyValidationResult({\n        ...initialPolicyValidationState,\n        isValid,\n      });\n    };\n\n    useAbortablePromise(\n      async (signal) => {\n        if (signal.aborted) {\n          return;\n        }\n\n        const validationResult = validationPolicy.validate(bouncedValue);\n        if (typeof validationResult.isValid === \"boolean\") {\n          setIsLoading(false);\n          setPolicyValidationResult((old) => ({\n            ...old,\n            isValid: validationResult.isValid as boolean,\n            ruleResults: validationResult.ruleResults as RuleValidationResult[],\n            complexity: validationResult.complexity,\n          }));\n\n          if (onChange && isMounted) {\n            onChange(bouncedValue);\n          }\n          return;\n        }\n\n        const nonPromiseValidationsInvalid = validationResult.ruleResults\n          .filter((r): r is RuleValidationResult => !(r instanceof Promise))\n          .some((r) => !r.isValid);\n\n        if (!isEmptyValue) {\n          setIsLoading(true);\n        }\n        if (!nonPromiseValidationsInvalid) {\n          setOptimisticPolicyValidationResult();\n        }\n\n        void Promise.all([\n          Promise.resolve(bouncedValue),\n          ...validationResult.ruleResults,\n        ]).then(([resolvedValue, ...validationResults]) => {\n          if (signal.aborted) {\n            return;\n          }\n\n          const isValid = !validationResults.some((r) => !r.isValid);\n\n          setIsLoading(false);\n          setPolicyValidationResult((old) => ({\n            ...old,\n            isValid,\n            ruleResults: validationResults,\n          }));\n\n          if (onChange && isMounted) {\n            onChange(resolvedValue);\n          }\n        });\n      },\n      [bouncedValue],\n    );\n\n    const onChangeValueHandler = (value: string) => {\n      onChange?.(value);\n    };\n\n    const onPasswordGenerateHandler: ActionFn = async () => {\n      const generatedPassword = await generatePassword(validationPolicy);\n      setOptimisticPolicyValidationResult();\n      setIsPasswordRevealed(true);\n      onChangeValueHandler(generatedPassword);\n    };\n\n    const onPasswordPasteHandler = (event: ClipboardEvent) => {\n      const pastedValue = event.clipboardData.getData(\"text\");\n      if (pastedValue !== value) {\n        setOptimisticPolicyValidationResult(\"indeterminate\");\n      }\n    };\n\n    const togglePasswordVisibilityHandler = () => {\n      setIsPasswordRevealed((old) => !old);\n    };\n\n    const propsContext: PropsContext = {\n      Button: {\n        tunnelId: \"button\",\n        size: \"m\",\n        variant: \"plain\",\n        color: \"secondary\",\n        isDisabled: isDisabled,\n        className: styles.button,\n      },\n      CopyButton: {\n        tunnelId: \"button\",\n        size: \"m\",\n        variant: \"plain\",\n        color: \"secondary\",\n        isDisabled: isDisabled,\n        className: styles.button,\n      },\n      Label: {\n        className: formFieldStyles.label,\n        tunnelId: \"label\",\n        optional: !isRequired,\n        isDisabled: isDisabled,\n        children: dynamic((localProps) => {\n          return (\n            <>\n              {localProps.children}\n              <PasswordGenerateButton\n                isDisabled={isDisabled}\n                onGeneratePasswordAction={onPasswordGenerateHandler}\n              />\n              <ValidationResultButton\n                isEmptyValue={isEmptyValue}\n                isDisabled={isDisabled}\n                policyValidationResult={policyValidationResult}\n              />\n            </>\n          );\n        }),\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n        children: dynamic(() => {\n          if (latestValidationErrorText) {\n            return latestValidationErrorText;\n          }\n        }),\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <TunnelProvider>\n          <Aria.TextField\n            {...rest}\n            type={isPasswordRevealed ? \"text\" : \"password\"}\n            value={value}\n            onChange={onChangeValueHandler}\n            onPaste={onPasswordPasteHandler}\n            className={clsx(className, formFieldStyles.formField)}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n          >\n            <TunnelExit id=\"label\" />\n            <Aria.Group\n              isDisabled={isDisabled}\n              className={clsx(styles.inputGroup)}\n            >\n              <ReactAriaControlledValueFix\n                inputContext={Aria.InputContext}\n                props={props}\n              >\n                <Aria.Input className={styles.input} ref={ref} />\n              </ReactAriaControlledValueFix>\n              <Aria.Group className={styles.buttonContainer}>\n                <TogglePasswordVisibilityButton\n                  className={styles.button}\n                  isVisible={isPasswordRevealed}\n                  isDisabled={isDisabled}\n                  onPress={togglePasswordVisibilityHandler}\n                />\n                <TunnelExit id=\"button\" />\n              </Aria.Group>\n              <ComplexityIndicator\n                isEmptyValue={isEmptyValue}\n                isLoading={isLoading}\n                policyValidationResult={policyValidationResult}\n              />\n            </Aria.Group>\n            <PropsContextProvider props={propsContext}>\n              {isValidFromValidationResult && (\n                <FieldDescription>{latestValidationErrorText}</FieldDescription>\n              )}\n              {isInvalidFromValidationResult &&\n                policyValidationResult.isValid !== \"indeterminate\" && (\n                  <FieldError>{latestValidationErrorText}</FieldError>\n                )}\n              <Wrap if={isInvalidFromValidationResult}>\n                <FieldErrorContext.Provider\n                  value={{\n                    isInvalid: false,\n                    validationErrors: [],\n                    validationDetails: {\n                      customError: false,\n                      valid: true,\n                      typeMismatch: false,\n                      stepMismatch: false,\n                      valueMissing: false,\n                      tooShort: false,\n                      tooLong: false,\n                      rangeUnderflow: false,\n                      patternMismatch: false,\n                      badInput: false,\n                      rangeOverflow: false,\n                    },\n                  }}\n                >\n                  {children}\n                </FieldErrorContext.Provider>\n              </Wrap>\n            </PropsContextProvider>\n          </Aria.TextField>\n        </TunnelProvider>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default PasswordCreationField;\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"PasswordCreationField.mjs","sources":["../../../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"sourcesContent":["import React, {\n  type PropsWithChildren,\n  useState,\n  type ClipboardEvent,\n  useDeferredValue,\n} from \"react\";\nimport {\n  ClearPropsContext,\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"./PasswordCreationField.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { Policy } from \"@mittwald/password-tools-js/policy\";\nimport { type ActionFn } from \"@/components/Action\";\nimport getStateFromLatestPolicyValidationResult from \"@/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult\";\nimport locales from \"./locales/*.locale.json\";\nimport generateValidationTranslation from \"@/components/PasswordCreationField/lib/generateValidationTranslation\";\nimport { FieldError } from \"@/components/FieldError\";\nimport FieldDescription from \"@/components/FieldDescription\";\nimport ComplexityIndicator from \"@/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator\";\nimport { type PolicyValidationResult } from \"@mittwald/password-tools-js/policy\";\nimport { type RuleValidationResult } from \"@mittwald/password-tools-js/rules\";\nimport { generatePassword } from \"@/components/PasswordCreationField/worker/generatePassword\";\nimport TogglePasswordVisibilityButton from \"@/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton\";\nimport { useAbortablePromise } from \"@/lib/promises/useAbortablePromise\";\nimport { defaultPasswordCreationPolicy } from \"@/components/PasswordCreationField/defaultPasswordCreationPolicy\";\nimport { FieldErrorContext } from \"react-aria-components\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\nimport { useIsMounted } from \"@/lib/hooks\";\nimport { ValidationResultButton } from \"@/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton\";\nimport { PasswordGenerateButton } from \"@/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton\";\nimport { useLocalizedContextStringFormatter } from \"@/components/TranslationProvider/useLocalizedContextStringFormatter\";\nimport { isPromise } from \"remeda\";\n\nexport interface PasswordCreationFieldProps\n  extends PropsWithChildren<\n      Omit<Aria.TextFieldProps, \"children\" | \"value\" | \"defaultValue\"> &\n        Partial<Pick<Aria.FieldErrorRenderProps, \"validationErrors\">>\n    >,\n    FlowComponentProps<HTMLInputElement> {\n  value?: string;\n  defaultValue?: string;\n  placeholder?: string;\n  validationPolicy?: Policy;\n}\n\nexport interface ResolvedPolicyValidationResult\n  extends Omit<PolicyValidationResult, \"isValid\"> {\n  isValid: boolean | \"indeterminate\";\n  ruleResults: RuleValidationResult[];\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const PasswordCreationField = flowComponent(\n  \"PasswordCreationField\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n      isDisabled,\n      onChange: onChangeFromProps,\n      isInvalid: invalidFromProps,\n      validationPolicy = defaultPasswordCreationPolicy,\n      isRequired,\n      value: valueFromProps,\n      defaultValue,\n      ...rest\n    } = props;\n\n    const isControlled = typeof valueFromProps !== \"undefined\";\n    const hasDefaultValue = typeof defaultValue !== \"undefined\";\n    const [internalValue, setInternalValue] = useState(\n      hasDefaultValue ? defaultValue : \"\",\n    );\n    const deferredValue = useDeferredValue(\n      internalValue,\n      hasDefaultValue ? defaultValue : \"\",\n    );\n\n    const value = isControlled ? valueFromProps : internalValue;\n\n    const onChangeHandler = (value: string) => {\n      if (onChangeFromProps) {\n        onChangeFromProps(value);\n      }\n\n      setInternalValue(() => value);\n    };\n\n    const translate = useLocalizedContextStringFormatter(locales);\n\n    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const initialPolicyValidationState: ResolvedPolicyValidationResult = {\n      isValid: false,\n      complexity: {\n        min: validationPolicy.minComplexity,\n        actual: 4,\n        warning: null,\n      },\n      ruleResults: [],\n    };\n\n    const [policyValidationResult, setPolicyValidationResult] = useState(\n      initialPolicyValidationState,\n    );\n\n    const stateFromValidationResult = getStateFromLatestPolicyValidationResult(\n      policyValidationResult,\n    );\n    let latestValidationErrorText = undefined;\n    if (stateFromValidationResult) {\n      const [translationKey, translationValues] = generateValidationTranslation(\n        stateFromValidationResult,\n      );\n      latestValidationErrorText = translate.format(\n        translationKey,\n        translationValues,\n      );\n    }\n\n    const isMounted = useIsMounted();\n    const isEmptyValue = !value;\n\n    const isValidFromValidationResult =\n      !isEmptyValue && stateFromValidationResult?.isValid;\n\n    const isInvalidFromValidationResult =\n      !isEmptyValue && !stateFromValidationResult?.isValid;\n\n    const isInvalid = invalidFromProps || isInvalidFromValidationResult;\n\n    const setOptimisticPolicyValidationResult = (\n      isValid: ResolvedPolicyValidationResult[\"isValid\"] = true,\n    ) => {\n      setPolicyValidationResult(() => ({\n        ...initialPolicyValidationState,\n        isValid,\n      }));\n    };\n\n    useAbortablePromise(\n      async (signal) => {\n        if (signal.aborted) {\n          return;\n        }\n\n        const validationResult = validationPolicy.validate(value);\n        if (!isPromise(validationResult.isValid)) {\n          setIsLoading(false);\n          setPolicyValidationResult((old) => ({\n            ...old,\n            isValid: validationResult.isValid as boolean,\n            ruleResults: validationResult.ruleResults as RuleValidationResult[],\n            complexity: validationResult.complexity,\n          }));\n\n          if (isMounted) {\n            onChangeHandler(value);\n          }\n          return;\n        }\n\n        const nonPromiseValidationsInvalid = validationResult.ruleResults\n          .filter((r): r is RuleValidationResult => !(r instanceof Promise))\n          .some((r) => !r.isValid);\n\n        if (!isEmptyValue) {\n          setIsLoading(true);\n        }\n        if (!nonPromiseValidationsInvalid) {\n          setOptimisticPolicyValidationResult();\n        }\n\n        void Promise.all([\n          Promise.resolve(value),\n          ...validationResult.ruleResults.map(async (r) => {\n            if (signal.aborted) {\n              throw Error();\n            }\n\n            return r;\n          }),\n        ]).then(([resolvedValue, ...validationResults]) => {\n          if (signal.aborted) {\n            return;\n          }\n\n          const isValid = !validationResults.some((r) => !r.isValid);\n\n          setIsLoading(false);\n          setPolicyValidationResult((old) => ({\n            ...old,\n            isValid,\n            ruleResults: validationResults,\n          }));\n\n          if (isMounted) {\n            onChangeHandler(resolvedValue);\n          }\n        });\n      },\n      [deferredValue],\n    );\n\n    const onPasswordGenerateHandler: ActionFn = async () => {\n      const generatedPassword = await generatePassword(validationPolicy);\n      setOptimisticPolicyValidationResult();\n      setIsPasswordRevealed(true);\n      onChangeHandler(generatedPassword);\n    };\n\n    const onPasswordPasteHandler = (event: ClipboardEvent) => {\n      const pastedValue = event.clipboardData.getData(\"text\");\n      if (pastedValue !== value) {\n        setOptimisticPolicyValidationResult(\"indeterminate\");\n      }\n    };\n\n    const togglePasswordVisibilityHandler = () => {\n      setIsPasswordRevealed((old) => !old);\n    };\n\n    const propsContext: PropsContext = {\n      Button: {\n        tunnelId: \"button\",\n        size: \"m\",\n        variant: \"plain\",\n        color: \"secondary\",\n        isDisabled: isDisabled,\n        className: styles.button,\n      },\n      CopyButton: {\n        tunnelId: \"button\",\n        size: \"m\",\n        variant: \"plain\",\n        color: \"secondary\",\n        isDisabled: isDisabled,\n        className: styles.button,\n        text: value,\n      },\n      Label: {\n        className: formFieldStyles.label,\n        tunnelId: \"label\",\n        optional: !isRequired,\n        isDisabled: isDisabled,\n        children: dynamic((localProps) => {\n          return (\n            <>\n              {localProps.children}\n              <PasswordGenerateButton\n                isDisabled={isDisabled}\n                onGeneratePasswordAction={onPasswordGenerateHandler}\n              />\n              <ValidationResultButton\n                isEmptyValue={isEmptyValue}\n                isDisabled={isDisabled}\n                policyValidationResult={policyValidationResult}\n              />\n            </>\n          );\n        }),\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n        children: dynamic(() => {\n          if (latestValidationErrorText) {\n            return latestValidationErrorText;\n          }\n        }),\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <TunnelProvider>\n          <Aria.TextField\n            {...rest}\n            value={value}\n            type={isPasswordRevealed ? \"text\" : \"password\"}\n            onChange={onChangeHandler}\n            onPaste={onPasswordPasteHandler}\n            className={clsx(className, formFieldStyles.formField)}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n          >\n            <TunnelExit id=\"label\" />\n            <Aria.Group\n              isDisabled={isDisabled}\n              className={clsx(styles.inputGroup)}\n            >\n              <ReactAriaControlledValueFix\n                inputContext={Aria.InputContext}\n                props={{ ...props, value }}\n              >\n                <Aria.Input ref={ref} className={styles.input} />\n              </ReactAriaControlledValueFix>\n              <Aria.Group className={styles.buttonContainer}>\n                <TogglePasswordVisibilityButton\n                  className={styles.button}\n                  isVisible={isPasswordRevealed}\n                  isDisabled={isDisabled}\n                  onPress={togglePasswordVisibilityHandler}\n                />\n                <TunnelExit id=\"button\" />\n              </Aria.Group>\n              <ComplexityIndicator\n                isEmptyValue={isEmptyValue}\n                isLoading={isLoading}\n                policyValidationResult={policyValidationResult}\n              />\n            </Aria.Group>\n            <PropsContextProvider props={propsContext}>\n              {isValidFromValidationResult && (\n                <FieldDescription>{latestValidationErrorText}</FieldDescription>\n              )}\n              {isInvalidFromValidationResult &&\n                policyValidationResult.isValid !== \"indeterminate\" && (\n                  <FieldError>{latestValidationErrorText}</FieldError>\n                )}\n              <Wrap if={isInvalidFromValidationResult}>\n                <FieldErrorContext.Provider\n                  value={{\n                    isInvalid: false,\n                    validationErrors: [],\n                    validationDetails: {\n                      customError: false,\n                      valid: true,\n                      typeMismatch: false,\n                      stepMismatch: false,\n                      valueMissing: false,\n                      tooShort: false,\n                      tooLong: false,\n                      rangeUnderflow: false,\n                      patternMismatch: false,\n                      badInput: false,\n                      rangeOverflow: false,\n                    },\n                  }}\n                >\n                  {children}\n                </FieldErrorContext.Provider>\n              </Wrap>\n            </PropsContextProvider>\n          </Aria.TextField>\n        </TunnelProvider>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default PasswordCreationField;\n"],"names":["value"],"mappings":"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"}

package/dist/js/components/src/components/SearchField/SearchField.mjs

@@ -19,6 +19,7 @@ import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import { IconSearch } from '../Icon/components/icons/IconSearch.mjs';
 import locales from '../../../../_virtual/_.locale.json@e940efc6da10fdf09417eb079b65a343.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
+import { ReactAriaControlledValueFix } from '../../lib/react/ReactAriaControlledValueFix.mjs';
 
 const SearchField = flowComponent("SearchField", (props) => {
   const { children, className, ref, ...rest } = props;
@@ -52,11 +53,18 @@ const SearchField = flowComponent("SearchField", (props) => {
         /* @__PURE__ */ jsxs("div", { className: styles.inputContainer, children: [
           /* @__PURE__ */ jsx(IconSearch, { className: styles.searchIcon }),
           /* @__PURE__ */ jsx(
-            Aria.Input,
+            ReactAriaControlledValueFix,
             {
-              placeholder: searchText,
-              className: styles.input,
-              ref
+              inputContext: Aria.InputContext,
+              props,
+              children: /* @__PURE__ */ jsx(
+                Aria.Input,
+                {
+                  placeholder: searchText,
+                  className: styles.input,
+                  ref
+                }
+              )
             }
           ),
           /* @__PURE__ */ jsx(

package/dist/js/components/src/components/SearchField/SearchField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.mjs","sources":["../../../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./SearchField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface SearchFieldProps\n  extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const SearchField = flowComponent(\"SearchField\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.searchField,\n    className,\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const searchText = stringFormatter.format(`searchField.search`);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <Aria.SearchField\n        aria-label={searchText}\n        {...rest}\n        className={rootClassName}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n        <div className={styles.inputContainer}>\n          <IconSearch className={styles.searchIcon} />\n          <Aria.Input\n            placeholder={searchText}\n            className={styles.input}\n            ref={ref}\n          />\n          <Button\n            className={styles.clearButton}\n            variant=\"plain\"\n            color=\"secondary\"\n          >\n            <IconClose />\n          </Button>\n        </div>\n        <FieldError className={formFieldStyles.fieldError} />\n      </Aria.SearchField>\n    </ClearPropsContext>\n  );\n});\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,WAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,YAAY,EAAA,UAAA;AAAA,MACX,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,0BAC1C,GAAA;AAAA,YAAC,IAAK,CAAA,KAAA;AAAA,YAAL;AAAA,cACC,WAAa,EAAA,UAAA;AAAA,cACb,WAAW,MAAO,CAAA,KAAA;AAAA,cAClB;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,WAAA;AAAA,cAClB,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GAEvD,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SearchField.mjs","sources":["../../../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./SearchField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface SearchFieldProps\n  extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const SearchField = flowComponent(\"SearchField\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.searchField,\n    className,\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const searchText = stringFormatter.format(`searchField.search`);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <Aria.SearchField\n        aria-label={searchText}\n        {...rest}\n        className={rootClassName}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n        <div className={styles.inputContainer}>\n          <IconSearch className={styles.searchIcon} />\n          <ReactAriaControlledValueFix\n            inputContext={Aria.InputContext}\n            props={props}\n          >\n            <Aria.Input\n              placeholder={searchText}\n              className={styles.input}\n              ref={ref}\n            />\n          </ReactAriaControlledValueFix>\n          <Button\n            className={styles.clearButton}\n            variant=\"plain\"\n            color=\"secondary\"\n          >\n            <IconClose />\n          </Button>\n        </div>\n        <FieldError className={formFieldStyles.fieldError} />\n      </Aria.SearchField>\n    </ClearPropsContext>\n  );\n});\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,WAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,YAAY,EAAA,UAAA;AAAA,MACX,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,0BAC1C,GAAA;AAAA,YAAC,2BAAA;AAAA,YAAA;AAAA,cACC,cAAc,IAAK,CAAA,YAAA;AAAA,cACnB,KAAA;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,IAAK,CAAA,KAAA;AAAA,gBAAL;AAAA,kBACC,WAAa,EAAA,UAAA;AAAA,kBACb,WAAW,MAAO,CAAA,KAAA;AAAA,kBAClB;AAAA;AAAA;AACF;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,WAAA;AAAA,cAClB,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GAEvD,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/TextArea/TextArea.mjs

@@ -1,13 +1,12 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useRef } from 'react';
 import * as Aria from 'react-aria-components';
 import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
 import styles from './TextArea.module.scss.mjs';
 import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { mergeRefs } from '@react-aria/utils';
+import { useObjectRef } from '@react-aria/utils';
 import { ReactAriaControlledValueFix } from '../../lib/react/ReactAriaControlledValueFix.mjs';
 
 const TextArea = flowComponent("TextArea", (props) => {
@@ -19,7 +18,7 @@ const TextArea = flowComponent("TextArea", (props) => {
     ref,
     ...rest
   } = props;
-  const localRef = useRef(null);
+  const localRef = useObjectRef(ref);
   const getHeight = (rows2) => {
     return `calc(var(--line-height--m) * ${rows2} + (var(--form-control--padding-y) * 2))`;
   };
@@ -41,7 +40,7 @@ const TextArea = flowComponent("TextArea", (props) => {
           rows,
           placeholder,
           className: styles.textArea,
-          ref: mergeRefs(localRef, ref),
+          ref: localRef,
           onChange: updateHeight,
           style: {
             minHeight: getHeight(rows),

package/dist/js/components/src/components/TextArea/TextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.mjs","sources":["../../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextArea.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface TextAreaProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"ref\">,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\">,\n    FlowComponentProps<HTMLTextAreaElement> {\n  /**\n   * Whether the text area should grow if its content gets longer than its\n   * initial height.\n   */\n  autoResizeMaxRows?: number;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n  const {\n    children,\n    placeholder,\n    rows = 5,\n    autoResizeMaxRows = rows,\n    ref,\n    ...rest\n  } = props;\n\n  const localRef = useRef<HTMLTextAreaElement>(null);\n\n  const getHeight = (rows: number) => {\n    return `calc(var(--line-height--m) * ${rows} + (var(--form-control--padding-y) * 2))`;\n  };\n\n  const updateHeight = () => {\n    if (localRef.current && rows !== autoResizeMaxRows) {\n      // https://stackoverflow.com/a/60795884\n      localRef.current.style.height = \"0px\";\n      const scrollHeight = localRef.current.scrollHeight;\n      localRef.current.style.height = scrollHeight + \"px\";\n    }\n  };\n\n  const input = (\n    <ReactAriaControlledValueFix\n      inputContext={Aria.TextAreaContext}\n      props={props}\n    >\n      <Aria.TextArea\n        rows={rows}\n        placeholder={placeholder}\n        className={styles.textArea}\n        ref={mergeRefs(localRef, ref)}\n        onChange={updateHeight}\n        style={{\n          minHeight: getHeight(rows),\n          maxHeight: getHeight(autoResizeMaxRows),\n        }}\n      />\n    </ReactAriaControlledValueFix>\n  );\n\n  return (\n    <ClearPropsContext>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContext>\n  );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":";;;;;;;;;;AA0BO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,OAA4B,IAAI,CAAA;AAEjD,EAAM,MAAA,SAAA,GAAY,CAACA,KAAiB,KAAA;AAClC,IAAA,OAAO,gCAAgCA,KAAI,CAAA,wCAAA,CAAA;AAAA,GAC7C;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,IAAA,KAAS,iBAAmB,EAAA;AAElD,MAAS,QAAA,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,KAAA;AAChC,MAAM,MAAA,YAAA,GAAe,SAAS,OAAQ,CAAA,YAAA;AACtC,MAAS,QAAA,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,YAAe,GAAA,IAAA;AAAA;AACjD,GACF;AAEA,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,cAAc,IAAK,CAAA,eAAA;AAAA,MACnB,KAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAK,CAAA,QAAA;AAAA,QAAL;AAAA,UACC,IAAA;AAAA,UACA,WAAA;AAAA,UACA,WAAW,MAAO,CAAA,QAAA;AAAA,UAClB,GAAA,EAAK,SAAU,CAAA,QAAA,EAAU,GAAG,CAAA;AAAA,UAC5B,QAAU,EAAA,YAAA;AAAA,UACV,KAAO,EAAA;AAAA,YACL,SAAA,EAAW,UAAU,IAAI,CAAA;AAAA,YACzB,SAAA,EAAW,UAAU,iBAAiB;AAAA;AACxC;AAAA;AACF;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TextArea.mjs","sources":["../../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextArea.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface TextAreaProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"ref\">,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\">,\n    FlowComponentProps<HTMLTextAreaElement> {\n  /**\n   * Whether the text area should grow if its content gets longer than its\n   * initial height.\n   */\n  autoResizeMaxRows?: number;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n  const {\n    children,\n    placeholder,\n    rows = 5,\n    autoResizeMaxRows = rows,\n    ref,\n    ...rest\n  } = props;\n\n  const localRef = useObjectRef(ref);\n\n  const getHeight = (rows: number) => {\n    return `calc(var(--line-height--m) * ${rows} + (var(--form-control--padding-y) * 2))`;\n  };\n\n  const updateHeight = () => {\n    if (localRef.current && rows !== autoResizeMaxRows) {\n      // https://stackoverflow.com/a/60795884\n      localRef.current.style.height = \"0px\";\n      const scrollHeight = localRef.current.scrollHeight;\n      localRef.current.style.height = scrollHeight + \"px\";\n    }\n  };\n\n  const input = (\n    <ReactAriaControlledValueFix\n      inputContext={Aria.TextAreaContext}\n      props={props}\n    >\n      <Aria.TextArea\n        rows={rows}\n        placeholder={placeholder}\n        className={styles.textArea}\n        ref={localRef}\n        onChange={updateHeight}\n        style={{\n          minHeight: getHeight(rows),\n          maxHeight: getHeight(autoResizeMaxRows),\n        }}\n      />\n    </ReactAriaControlledValueFix>\n  );\n\n  return (\n    <ClearPropsContext>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContext>\n  );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":";;;;;;;;;AAyBO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAM,MAAA,SAAA,GAAY,CAACA,KAAiB,KAAA;AAClC,IAAA,OAAO,gCAAgCA,KAAI,CAAA,wCAAA,CAAA;AAAA,GAC7C;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,IAAA,KAAS,iBAAmB,EAAA;AAElD,MAAS,QAAA,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,KAAA;AAChC,MAAM,MAAA,YAAA,GAAe,SAAS,OAAQ,CAAA,YAAA;AACtC,MAAS,QAAA,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,YAAe,GAAA,IAAA;AAAA;AACjD,GACF;AAEA,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,cAAc,IAAK,CAAA,eAAA;AAAA,MACnB,KAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAK,CAAA,QAAA;AAAA,QAAL;AAAA,UACC,IAAA;AAAA,UACA,WAAA;AAAA,UACA,WAAW,MAAO,CAAA,QAAA;AAAA,UAClB,GAAK,EAAA,QAAA;AAAA,UACL,QAAU,EAAA,YAAA;AAAA,UACV,KAAO,EAAA;AAAA,YACL,SAAA,EAAW,UAAU,IAAI,CAAA;AAAA,YACzB,SAAA,EAAW,UAAU,iBAAiB;AAAA;AACxC;AAAA;AACF;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/lib/promises/useAbortablePromise.mjs

@@ -1,13 +1,13 @@
 "use client"
 /* */
-import { useEffect } from 'react';
+import { useLayoutEffect } from 'react';
 
 const useAbortablePromise = (asyncFn, dependencies) => {
-  useEffect(() => {
-    const signal = { aborted: false };
-    void asyncFn(signal);
+  useLayoutEffect(() => {
+    const controller = new AbortController();
+    void asyncFn(controller.signal);
     return () => {
-      signal.aborted = true;
+      controller.abort();
     };
   }, dependencies);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useAbortablePromise.mjs","sources":["../../../../../../src/lib/promises/useAbortablePromise.ts"],"sourcesContent":["import { type DependencyList, useEffect } from \"react\";\n\ninterface Signal {\n  aborted: boolean;\n}\n\nexport const useAbortablePromise = (\n  asyncFn: (signal: Signal) => Promise<void>,\n  dependencies: DependencyList,\n) => {\n  useEffect(() => {\n    const signal = { aborted: false };\n    void asyncFn(signal);\n    return () => {\n      signal.aborted = true;\n    };\n  }, dependencies);\n};\n"],"names":[],"mappings":";;AAMa,MAAA,mBAAA,GAAsB,CACjC,OAAA,EACA,YACG,KAAA;AACH,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,MAAA,GAAS,EAAE,OAAA,EAAS,KAAM,EAAA;AAChC,IAAA,KAAK,QAAQ,MAAM,CAAA;AACnB,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,OAAU,GAAA,IAAA;AAAA,KACnB;AAAA,KACC,YAAY,CAAA;AACjB;;;;"}
+{"version":3,"file":"useAbortablePromise.mjs","sources":["../../../../../../src/lib/promises/useAbortablePromise.ts"],"sourcesContent":["import { type DependencyList, useLayoutEffect } from \"react\";\n\nexport const useAbortablePromise = (\n  asyncFn: (signal: AbortSignal) => Promise<void>,\n  dependencies: DependencyList,\n) => {\n  useLayoutEffect(() => {\n    const controller = new AbortController();\n    void asyncFn(controller.signal);\n    return () => {\n      controller.abort();\n    };\n  }, dependencies);\n};\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,CACjC,OAAA,EACA,YACG,KAAA;AACH,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAM,MAAA,UAAA,GAAa,IAAI,eAAgB,EAAA;AACvC,IAAK,KAAA,OAAA,CAAQ,WAAW,MAAM,CAAA;AAC9B,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,KAAM,EAAA;AAAA,KACnB;AAAA,KACC,YAAY,CAAA;AACjB;;;;"}

package/dist/js/components/src/lib/react/ReactAriaControlledValueFix.mjs

@@ -2,8 +2,7 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import * as Aria from 'react-aria-components';
-import { Children, isValidElement, cloneElement } from 'react';
-import { mergeRefs } from '@react-aria/utils';
+import { Children, isValidElement, useLayoutEffect } from 'react';
 
 const ReactAriaControlledValueFix = (props) => {
   const { inputContext: context, children } = props;
@@ -11,29 +10,33 @@ const ReactAriaControlledValueFix = (props) => {
   if (!isValidElement(child)) {
     throw new Error("Expected valid element");
   }
-  const inputProps = child.props;
-  const ref = inputProps["ref"];
+  const { ref, ...inputProps } = child.props;
   const [contextProps, contextRef] = Aria.useContextProps(
     inputProps,
     ref,
     context
   );
-  const mergedRef = mergeRefs((el) => {
-    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
-      el.value = String(contextProps.value ?? "");
+  useLayoutEffect(() => {
+    const element = contextRef.current;
+    if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+      const newValue = String(contextProps.value ?? "");
+      try {
+        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+          Object.getPrototypeOf(element),
+          "value"
+        )?.set;
+        nativeInputValueSetter?.call(element, newValue);
+      } catch (ignoredError) {
+        element.value = newValue;
+      }
     }
-  }, contextRef);
+  }, [contextProps.value]);
   const uncontrolledContextProps = {
     ...contextProps,
     value: void 0,
-    ref: mergedRef
+    ref: contextRef
   };
-  const uncontrolledInputProps = {
-    ...inputProps,
-    ref: void 0,
-    value: void 0
-  };
-  return /* @__PURE__ */ jsx(Aria.Provider, { values: [[context, uncontrolledContextProps]], children: cloneElement(child, uncontrolledInputProps) });
+  return /* @__PURE__ */ jsx(Aria.Provider, { values: [[context, uncontrolledContextProps]], children: child });
 };
 
 export { ReactAriaControlledValueFix };

package/dist/js/components/src/lib/react/ReactAriaControlledValueFix.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReactAriaControlledValueFix.mjs","sources":["../../../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  type Context,\n  type FC,\n  type ForwardedRef,\n  type PropsWithChildren,\n} from \"react\";\nimport { mergeRefs } from \"@react-aria/utils\";\n\nexport interface ReactAriaControlledValueFixProps extends PropsWithChildren {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  inputContext: Context<any>;\n  props: unknown;\n}\n\ninterface ChildProps {\n  [key: string]: unknown;\n  ref: ForwardedRef<Element>;\n}\n\n/**\n * React Aria (accidentally?!) enforces controlled inputs by always setting the\n * value prop on Inputs and TextAreas with its context props API. This component\n * also uses this API to only unset the value prop. Furthermore setting an input\n * value is finally done by directly on the DOM element.\n *\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/textfield/src/useTextField.ts#L182\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/numberfield/src/useNumberField.ts#L206\n */\nexport const ReactAriaControlledValueFix: FC<\n  ReactAriaControlledValueFixProps\n> = (props) => {\n  const { inputContext: context, children } = props;\n\n  const child = Children.only(children);\n  if (!isValidElement<ChildProps>(child)) {\n    throw new Error(\"Expected valid element\");\n  }\n\n  const inputProps = child.props;\n  const ref = inputProps[\"ref\"];\n\n  const [contextProps, contextRef] = Aria.useContextProps(\n    inputProps,\n    ref,\n    context,\n  );\n\n  const mergedRef = mergeRefs((el) => {\n    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {\n      el.value = String(contextProps.value ?? \"\");\n    }\n  }, contextRef);\n\n  const uncontrolledContextProps = {\n    ...contextProps,\n    value: undefined,\n    ref: mergedRef,\n  };\n\n  const uncontrolledInputProps = {\n    ...inputProps,\n    ref: undefined,\n    value: undefined,\n  };\n\n  return (\n    <Aria.Provider values={[[context, uncontrolledContextProps]]}>\n      {cloneElement(child, uncontrolledInputProps)}\n    </Aria.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;AAgCa,MAAA,2BAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,MAAM,EAAE,YAAA,EAAc,OAAS,EAAA,QAAA,EAAa,GAAA,KAAA;AAE5C,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAA;AACpC,EAAI,IAAA,CAAC,cAA2B,CAAA,KAAK,CAAG,EAAA;AACtC,IAAM,MAAA,IAAI,MAAM,wBAAwB,CAAA;AAAA;AAG1C,EAAA,MAAM,aAAa,KAAM,CAAA,KAAA;AACzB,EAAM,MAAA,GAAA,GAAM,WAAW,KAAK,CAAA;AAE5B,EAAA,MAAM,CAAC,YAAA,EAAc,UAAU,CAAA,GAAI,IAAK,CAAA,eAAA;AAAA,IACtC,UAAA;AAAA,IACA,GAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAM,MAAA,SAAA,GAAY,SAAU,CAAA,CAAC,EAAO,KAAA;AAClC,IAAI,IAAA,EAAA,YAAc,gBAAoB,IAAA,EAAA,YAAc,mBAAqB,EAAA;AACvE,MAAA,EAAA,CAAG,KAAQ,GAAA,MAAA,CAAO,YAAa,CAAA,KAAA,IAAS,EAAE,CAAA;AAAA;AAC5C,KACC,UAAU,CAAA;AAEb,EAAA,MAAM,wBAA2B,GAAA;AAAA,IAC/B,GAAG,YAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,IACP,GAAK,EAAA;AAAA,GACP;AAEA,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,GAAG,UAAA;AAAA,IACH,GAAK,EAAA,MAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACT;AAEA,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,QAAL,EAAA,EAAc,QAAQ,CAAC,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,EACxD,QAAa,EAAA,YAAA,CAAA,KAAA,EAAO,sBAAsB,CAC7C,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ReactAriaControlledValueFix.mjs","sources":["../../../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport {\n  Children,\n  isValidElement,\n  type Context,\n  type FC,\n  type ForwardedRef,\n  type PropsWithChildren,\n  useLayoutEffect,\n} from \"react\";\n\nexport interface ReactAriaControlledValueFixProps extends PropsWithChildren {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  inputContext: Context<any>;\n  props: unknown;\n}\n\ninterface ChildProps {\n  [key: string]: unknown;\n  ref: ForwardedRef<Element>;\n}\n\n/**\n * React Aria (accidentally?!) enforces controlled inputs by always setting the\n * value prop on Inputs and TextAreas with its context props API. This component\n * also uses this API to only unset the value prop. Furthermore setting an input\n * value is finally done by directly on the DOM element.\n *\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/textfield/src/useTextField.ts#L182\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/numberfield/src/useNumberField.ts#L206\n */\nexport const ReactAriaControlledValueFix: FC<\n  ReactAriaControlledValueFixProps\n> = (props) => {\n  const { inputContext: context, children } = props;\n\n  const child = Children.only(children);\n  if (!isValidElement<ChildProps>(child)) {\n    throw new Error(\"Expected valid element\");\n  }\n\n  const { ref, ...inputProps } = child.props;\n  const [contextProps, contextRef] = Aria.useContextProps(\n    inputProps,\n    ref,\n    context,\n  );\n\n  useLayoutEffect(() => {\n    const element = contextRef.current;\n\n    if (\n      element instanceof HTMLInputElement ||\n      element instanceof HTMLTextAreaElement\n    ) {\n      const newValue = String(contextProps.value ?? \"\");\n      try {\n        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n          Object.getPrototypeOf(element),\n          \"value\",\n        )?.set;\n        nativeInputValueSetter?.call(element, newValue);\n      } catch (ignoredError) {\n        element.value = newValue;\n      }\n    }\n  }, [contextProps.value]);\n\n  const uncontrolledContextProps = {\n    ...contextProps,\n    value: undefined,\n    ref: contextRef,\n  };\n\n  return (\n    <Aria.Provider values={[[context, uncontrolledContextProps]]}>\n      {child}\n    </Aria.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;AA+Ba,MAAA,2BAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,MAAM,EAAE,YAAA,EAAc,OAAS,EAAA,QAAA,EAAa,GAAA,KAAA;AAE5C,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAA;AACpC,EAAI,IAAA,CAAC,cAA2B,CAAA,KAAK,CAAG,EAAA;AACtC,IAAM,MAAA,IAAI,MAAM,wBAAwB,CAAA;AAAA;AAG1C,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,UAAA,KAAe,KAAM,CAAA,KAAA;AACrC,EAAA,MAAM,CAAC,YAAA,EAAc,UAAU,CAAA,GAAI,IAAK,CAAA,eAAA;AAAA,IACtC,UAAA;AAAA,IACA,GAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,UAAU,UAAW,CAAA,OAAA;AAE3B,IACE,IAAA,OAAA,YAAmB,gBACnB,IAAA,OAAA,YAAmB,mBACnB,EAAA;AACA,MAAA,MAAM,QAAW,GAAA,MAAA,CAAO,YAAa,CAAA,KAAA,IAAS,EAAE,CAAA;AAChD,MAAI,IAAA;AACF,QAAA,MAAM,yBAAyB,MAAO,CAAA,wBAAA;AAAA,UACpC,MAAA,CAAO,eAAe,OAAO,CAAA;AAAA,UAC7B;AAAA,SACC,EAAA,GAAA;AACH,QAAwB,sBAAA,EAAA,IAAA,CAAK,SAAS,QAAQ,CAAA;AAAA,eACvC,YAAc,EAAA;AACrB,QAAA,OAAA,CAAQ,KAAQ,GAAA,QAAA;AAAA;AAClB;AACF,GACC,EAAA,CAAC,YAAa,CAAA,KAAK,CAAC,CAAA;AAEvB,EAAA,MAAM,wBAA2B,GAAA;AAAA,IAC/B,GAAG,YAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,IACP,GAAK,EAAA;AAAA,GACP;AAEA,EACE,uBAAA,GAAA,CAAC,IAAK,CAAA,QAAA,EAAL,EAAc,MAAA,EAAQ,CAAC,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,EACxD,QACH,EAAA,KAAA,EAAA,CAAA;AAEJ;;;;"}

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

@@ -2,7 +2,7 @@ import { ButtonProps } from '../Button';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 export interface CopyButtonProps extends Omit<ButtonProps, "onPress" | "aria-label" | "render">, FlowComponentProps<HTMLButtonElement> {
     /** The text to copy. */
-    text: string;
+    text?: string;
 }
 /**
  * @flr-generate all

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

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CopyButton/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAQvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC,EAC5D,kBAAkB,CAAC,iBAAiB,CAAC;IACvC,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,uGAmCrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CopyButton/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAQvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC,EAC5D,kBAAkB,CAAC,iBAAiB,CAAC;IACvC,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,uGAmCrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordCreationField.d.ts","sourceRoot":"","sources":["../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAQjE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAgB9E,MAAM,WAAW,0BACf,SAAQ,iBAAiB,CACrB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,GAC9D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAC,CAChE,EACD,kBAAkB,CAAC,gBAAgB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC;IAC/C,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;IACnC,WAAW,EAAE,oBAAoB,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,6FA+RjC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"PasswordCreationField.d.ts","sourceRoot":"","sources":["../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAQjE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAc9E,MAAM,WAAW,0BACf,SAAQ,iBAAiB,CACrB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,GAC9D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAC,CAChE,EACD,kBAAkB,CAAC,gBAAgB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC;IAC/C,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;IACnC,WAAW,EAAE,oBAAoB,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,6FA8SjC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchField/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAQ9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO/E,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,WAAW,mFAuDtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchField/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAQ9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAQ/E,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,WAAW,mFA4DtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAK/E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,KAAK,CAAC,EAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,CAAC,EAChD,kBAAkB,CAAC,mBAAmB,CAAC;IACzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uGAmDnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAK/E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,KAAK,CAAC,EAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,CAAC,EAChD,kBAAkB,CAAC,mBAAmB,CAAC;IACzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uGAmDnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/types/lib/promises/useAbortablePromise.d.ts

@@ -1,7 +1,3 @@
 import { DependencyList } from 'react';
-interface Signal {
-    aborted: boolean;
-}
-export declare const useAbortablePromise: (asyncFn: (signal: Signal) => Promise<void>, dependencies: DependencyList) => void;
-export {};
+export declare const useAbortablePromise: (asyncFn: (signal: AbortSignal) => Promise<void>, dependencies: DependencyList) => void;
 //# sourceMappingURL=useAbortablePromise.d.ts.map

package/dist/types/lib/promises/useAbortablePromise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAbortablePromise.d.ts","sourceRoot":"","sources":["../../../../src/lib/promises/useAbortablePromise.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,OAAO,CAAC;AAEvD,UAAU,MAAM;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,GAC9B,SAAS,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,EAC1C,cAAc,cAAc,SAS7B,CAAC"}
+{"version":3,"file":"useAbortablePromise.d.ts","sourceRoot":"","sources":["../../../../src/lib/promises/useAbortablePromise.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAmB,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,mBAAmB,GAC9B,SAAS,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,EAC/C,cAAc,cAAc,SAS7B,CAAC"}

package/dist/types/lib/react/ReactAriaControlledValueFix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactAriaControlledValueFix.d.ts","sourceRoot":"","sources":["../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;IAEzE,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CAChB;AAOD;;;;;;;;GAQG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CAyCjC,CAAC"}
+{"version":3,"file":"ReactAriaControlledValueFix.d.ts","sourceRoot":"","sources":["../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,EAAE,EAEP,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;IAEzE,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CAChB;AAOD;;;;;;;;GAQG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CA+CjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.353",
+  "version": "0.2.0-alpha.355",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "^2.1.6",
-    "@mittwald/react-tunnel": "0.2.0-alpha.353",
+    "@mittwald/react-tunnel": "0.2.0-alpha.355",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.0.18",
     "@react-aria/utils": "^3.29.1",
@@ -99,7 +99,7 @@
     "@faker-js/faker": "^9.9.0",
     "@internationalized/date": "^3.8.2",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.353",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.355",
     "@mittwald/react-use-promise": "^3.0.4",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -172,5 +172,5 @@
       "optional": true
     }
   },
-  "gitHead": "4981aae1f96f1a68e04026bdb96197a5c86f5bb1"
+  "gitHead": "7bf3810a7246de960df0353fee822c90cb04753b"
 }