@imfusion/web-ui 0.11.1-dev.27.g921aea14 → 0.11.1-dev.30.g5f35727d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.11.1-dev.27.g921aea14",
+  "version": "0.11.1-dev.30.g5f35727d",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",

package/src/docgen/doc.gen.json

@@ -11260,6 +11260,92 @@
       }
     ]
   },
+  "textarea": {
+    "root": {
+      "name": "Textarea",
+      "description": "Multi-line text input. Also called a text area; use Input for a single line.\nWraps Base UI Input rendered as a textarea for controlled/uncontrolled state, form integration,\nand Field context awareness (valid/invalid/dirty/touched/filled/focused). `className` and `style`\ngo to the root wrapper; every other prop goes to the textarea.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Class of the root wrapper that lays the field out."
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The default value of the input. Use when uncontrolled."
+        },
+        {
+          "name": "onValueChange",
+          "required": false,
+          "type": "(\n  value: string,\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
+          "defaultValue": null,
+          "description": "Callback fired when the `value` changes. Use when controlled."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLTextAreaElement>",
+          "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": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, InputState>",
+          "defaultValue": "<textarea />",
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        },
+        {
+          "name": "resize",
+          "required": false,
+          "type": "\"vertical\" | \"horizontal\" | \"both\" | \"none\"",
+          "defaultValue": "vertical",
+          "description": "Which directions the user can drag to resize. `horizontal` and `both` size the textarea from `cols` and shrink-wrap\nthe root, so the width follows the drag; `none` hides the resize corner."
+        },
+        {
+          "name": "rows",
+          "required": false,
+          "type": "number",
+          "defaultValue": "3",
+          "description": "Number of visible text lines."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "CSSProperties",
+          "defaultValue": null,
+          "description": "Style of the root wrapper that lays the field out."
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The value of the input. Use when controlled."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "\"outline\" | \"filled\" | \"ghost\" | null",
+          "defaultValue": "outline",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
   "toast": {
     "root": {
       "name": "Toast.Root",

package/src/llms/llms.gen.txt

@@ -252,6 +252,12 @@ Switches between related panels within one view. Also called a tab strip or tab
 - props: node_modules/@imfusion/web-ui/src/docgen/doc.gen.json -> .tabs (jq: jq '.tabs' node_modules/@imfusion/web-ui/src/docgen/doc.gen.json)
 - further reading (usage/anatomy, not props): https://base-ui.com/react/components/tabs.md
 
+## Textarea
+- category: Inputs, status: experimental
+Multi-line text input for longer free text, such as a description or note. Also called a text area; use Input for a single line. It reads validation state from Field.
+- props: node_modules/@imfusion/web-ui/src/docgen/doc.gen.json -> .textarea (jq: jq '.textarea' node_modules/@imfusion/web-ui/src/docgen/doc.gen.json)
+- further reading (usage/anatomy, not props): https://base-ui.com/react/components/input.md
+
 ## Toast
 - category: Display, status: experimental
 Transient message stack that reports the outcome of a background action without interrupting the page. Use for save confirmations, undo offers, and async progress; attach one to an element for contextual feedback like a copy confirmation. Also called a snackbar, notification, or flash message; for a message that stays inline in the page use Callout instead.