@mittwald/flow-react-components 0.2.0-alpha.323 → 0.2.0-alpha.325

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 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.325](https://github.com/mittwald/flow/compare/0.2.0-alpha.324...0.2.0-alpha.325) (2025-07-03)
+
+### Bug Fixes
+
+* **TextArea:** fix default value ([#1711](https://github.com/mittwald/flow/issues/1711)) ([26106fb](https://github.com/mittwald/flow/commit/26106fbdb21d26ce6880bc735eefac53e24171bc))
+
+# [0.2.0-alpha.324](https://github.com/mittwald/flow/compare/0.2.0-alpha.323...0.2.0-alpha.324) (2025-07-03)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
 # [0.2.0-alpha.323](https://github.com/mittwald/flow/compare/0.2.0-alpha.322...0.2.0-alpha.323) (2025-07-03)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/assets/doc-properties.json

@@ -128698,166 +128698,6 @@
       }
     }
   },
-  {
-    "tags": {
-      "flr-generate": "all",
-      "flr-clear-props-context": ""
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/FieldError/FieldError.tsx",
-    "description": "",
-    "displayName": "FieldError",
-    "methods": [],
-    "props": {
-      "className": {
-        "defaultValue": null,
-        "description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
-        "name": "className",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/types.d.ts",
-          "name": "StyleRenderProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/types.d.ts",
-            "name": "StyleRenderProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string | ((values: FieldErrorRenderProps & { defaultClassName: string; }) => string)"
-        }
-      },
-      "id": {
-        "defaultValue": null,
-        "description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).",
-        "name": "id",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.29.1_react@19.1.0/node_modules/@react-types/shared/src/dom.d.ts",
-          "name": "DOMProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.29.1_react@19.1.0/node_modules/@react-types/shared/src/dom.d.ts",
-            "name": "DOMProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "style": {
-        "defaultValue": null,
-        "description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.",
-        "name": "style",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/types.d.ts",
-          "name": "StyleRenderProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/types.d.ts",
-            "name": "StyleRenderProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "CSSProperties | ((values: FieldErrorRenderProps & { defaultStyle: CSSProperties; }) => CSSProperties)"
-        }
-      },
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "wrapWith": {
-        "defaultValue": null,
-        "description": "",
-        "name": "wrapWith",
-        "parent": {
-          "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
-          "name": "FlowComponentProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
-            "name": "FlowComponentProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
-        }
-      },
-      "tunnelId": {
-        "defaultValue": null,
-        "description": "@internal",
-        "name": "tunnelId",
-        "parent": {
-          "fileName": "components/src/lib/types/props.ts",
-          "name": "PropsWithTunnel"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/lib/types/props.ts",
-            "name": "PropsWithTunnel"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string | null"
-        }
-      },
-      "ref": {
-        "defaultValue": null,
-        "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
-        "name": "ref",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
-          "name": "RefAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
-            "name": "RefAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Ref<HTMLDivElement>"
-        }
-      },
-      "key": {
-        "defaultValue": null,
-        "description": "",
-        "name": "key",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
-          "name": "Attributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
-            "name": "Attributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Key | null"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -134413,6 +134253,166 @@
       }
     }
   },
+  {
+    "tags": {
+      "flr-generate": "all",
+      "flr-clear-props-context": ""
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/FieldError/FieldError.tsx",
+    "description": "",
+    "displayName": "FieldError",
+    "methods": [],
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+        "name": "className",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/types.d.ts",
+          "name": "StyleRenderProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/types.d.ts",
+            "name": "StyleRenderProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string | ((values: FieldErrorRenderProps & { defaultClassName: string; }) => string)"
+        }
+      },
+      "id": {
+        "defaultValue": null,
+        "description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).",
+        "name": "id",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.29.1_react@19.1.0/node_modules/@react-types/shared/src/dom.d.ts",
+          "name": "DOMProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.29.1_react@19.1.0/node_modules/@react-types/shared/src/dom.d.ts",
+            "name": "DOMProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "style": {
+        "defaultValue": null,
+        "description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.",
+        "name": "style",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/types.d.ts",
+          "name": "StyleRenderProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/types.d.ts",
+            "name": "StyleRenderProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "CSSProperties | ((values: FieldErrorRenderProps & { defaultStyle: CSSProperties; }) => CSSProperties)"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "wrapWith": {
+        "defaultValue": null,
+        "description": "",
+        "name": "wrapWith",
+        "parent": {
+          "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
+          "name": "FlowComponentProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
+            "name": "FlowComponentProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
+        }
+      },
+      "tunnelId": {
+        "defaultValue": null,
+        "description": "@internal",
+        "name": "tunnelId",
+        "parent": {
+          "fileName": "components/src/lib/types/props.ts",
+          "name": "PropsWithTunnel"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/lib/types/props.ts",
+            "name": "PropsWithTunnel"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string | null"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
+        "name": "ref",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
+      },
+      "key": {
+        "defaultValue": null,
+        "description": "",
+        "name": "key",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
+          "name": "Attributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.6/node_modules/@types/react/index.d.ts",
+            "name": "Attributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Key | null"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all",
@@ -214202,12 +214202,10 @@
     }
   },
   {
-    "tags": {
-      "deprecated": "Use RouterProvider instead"
-    },
-    "filePath": "src/integrations/nextjs/components/LinkProvider/LinkProvider.tsx",
+    "tags": {},
+    "filePath": "src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx",
     "description": "",
-    "displayName": "LinkProvider",
+    "displayName": "RouterProvider",
     "methods": [],
     "props": {
       "children": {
@@ -214228,10 +214226,12 @@
     }
   },
   {
-    "tags": {},
-    "filePath": "src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx",
+    "tags": {
+      "deprecated": "Use RouterProvider instead"
+    },
+    "filePath": "src/integrations/nextjs/components/LinkProvider/LinkProvider.tsx",
     "description": "",
-    "displayName": "RouterProvider",
+    "displayName": "LinkProvider",
     "methods": [],
     "props": {
       "children": {
@@ -224697,71 +224697,67 @@
     }
   },
   {
-    "tags": {
-      "internal": ""
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
     "description": "",
-    "displayName": "TogglePasswordVisibilityButton",
+    "displayName": "ValidationResultButton",
     "methods": [],
     "props": {
-      "isDisabled": {
-        "defaultValue": {
-          "value": "false"
-        },
+      "policyValidationResult": {
+        "defaultValue": null,
         "description": "",
-        "name": "isDisabled",
+        "name": "policyValidationResult",
         "parent": {
-          "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
+          "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
           "name": "Props"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
+            "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
             "name": "Props"
           }
         ],
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "ResolvedPolicyValidationResult"
         }
       },
-      "isVisible": {
+      "isDisabled": {
         "defaultValue": null,
         "description": "",
-        "name": "isVisible",
+        "name": "isDisabled",
         "parent": {
-          "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
+          "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
           "name": "Props"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
+            "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
             "name": "Props"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
           "name": "boolean"
         }
       },
-      "onPress": {
+      "isEmptyValue": {
         "defaultValue": null,
         "description": "",
-        "name": "onPress",
+        "name": "isEmptyValue",
         "parent": {
-          "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
+          "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
           "name": "Props"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
+            "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
             "name": "Props"
           }
         ],
         "required": true,
         "type": {
-          "name": "ActionFn"
+          "name": "boolean"
         }
       },
       "className": {
@@ -224786,67 +224782,71 @@
     }
   },
   {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
+    "tags": {
+      "internal": ""
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
     "description": "",
-    "displayName": "ValidationResultButton",
+    "displayName": "TogglePasswordVisibilityButton",
     "methods": [],
     "props": {
-      "policyValidationResult": {
-        "defaultValue": null,
+      "isDisabled": {
+        "defaultValue": {
+          "value": "false"
+        },
         "description": "",
-        "name": "policyValidationResult",
+        "name": "isDisabled",
         "parent": {
-          "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
+          "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
           "name": "Props"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
+            "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
             "name": "Props"
           }
         ],
         "required": false,
         "type": {
-          "name": "ResolvedPolicyValidationResult"
+          "name": "boolean"
         }
       },
-      "isDisabled": {
+      "isVisible": {
         "defaultValue": null,
         "description": "",
-        "name": "isDisabled",
+        "name": "isVisible",
         "parent": {
-          "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
+          "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
           "name": "Props"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
+            "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
             "name": "Props"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
           "name": "boolean"
         }
       },
-      "isEmptyValue": {
+      "onPress": {
         "defaultValue": null,
         "description": "",
-        "name": "isEmptyValue",
+        "name": "onPress",
         "parent": {
-          "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
+          "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
           "name": "Props"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx",
+            "fileName": "components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx",
             "name": "Props"
           }
         ],
         "required": true,
         "type": {
-          "name": "boolean"
+          "name": "ActionFn"
         }
       },
       "className": {
@@ -231105,6 +231105,14 @@
     "methods": [],
     "props": {}
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Table/Table.tsx",
+    "description": "",
+    "displayName": "Table",
+    "methods": [],
+    "props": {}
+  },
   {
     "tags": {
       "flr-generate": "all"
@@ -231228,14 +231236,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Table/Table.tsx",
-    "description": "",
-    "displayName": "Table",
-    "methods": [],
-    "props": {}
-  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/ListItemView/ListItemView.tsx",

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

@@ -14,7 +14,6 @@ const TextArea = flowComponent("TextArea", (props) => {
   const {
     children,
     placeholder,
-    defaultValue,
     rows = 5,
     autoResizeMaxRows = rows,
     ref,
@@ -44,7 +43,6 @@ const TextArea = flowComponent("TextArea", (props) => {
           className: styles.textArea,
           ref: mergeRefs(localRef, ref),
           onChange: updateHeight,
-          defaultValue,
           style: {
             minHeight: getHeight(rows),
             maxHeight: getHeight(autoResizeMaxRows)

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    defaultValue,\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        defaultValue={defaultValue}\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,YAAA;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,YAAA;AAAA,UACA,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 { 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;;;;"}

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,uGAqDnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.323",
+  "version": "0.2.0-alpha.325",
   "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.4",
-    "@mittwald/react-tunnel": "0.2.0-alpha.323",
+    "@mittwald/react-tunnel": "0.2.0-alpha.325",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.0.16",
     "@react-aria/utils": "^3.29.0",
@@ -99,7 +99,7 @@
     "@faker-js/faker": "^9.8.0",
     "@internationalized/date": "^3.8.1",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.323",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.325",
     "@mittwald/react-use-promise": "^3.0.4",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -181,5 +181,5 @@
       "optional": true
     }
   },
-  "gitHead": "ed9526d27240211edb9c32102bcd15e2724c0b0c"
+  "gitHead": "6bac55604aeffa85a8672f71682230c48032224e"
 }