@mittwald/flow-react-components 0.2.0-alpha.569 → 0.2.0-alpha.570

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 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.570](https://github.com/mittwald/flow/compare/0.2.0-alpha.569...0.2.0-alpha.570) (2025-11-26)
+
+### Bug Fixes
+
+* **Autocomplete:** fix label always marked as optional ([#2155](https://github.com/mittwald/flow/issues/2155)) ([3973659](https://github.com/mittwald/flow/commit/3973659068b7a86ab577c795a0439e67ca3640c7))
+* **FileField:** fix flaky props settings ([#2156](https://github.com/mittwald/flow/issues/2156)) ([a332b42](https://github.com/mittwald/flow/commit/a332b427f41e304cc35a15eb76f573a61367511c))
+
 # [0.2.0-alpha.569](https://github.com/mittwald/flow/compare/0.2.0-alpha.568...0.2.0-alpha.569) (2025-11-26)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/assets/doc-properties.json

@@ -56244,182 +56244,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-    "description": "",
-    "displayName": "OverlayTrigger",
-    "methods": [],
-    "props": {
-      "overlayType": {
-        "defaultValue": null,
-        "description": "",
-        "name": "overlayType",
-        "parent": {
-          "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "keyof FlowComponentPropsTypes"
-        }
-      },
-      "component": {
-        "defaultValue": null,
-        "description": "",
-        "name": "component",
-        "parent": {
-          "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "AriaComponentType"
-        }
-      },
-      "isDefaultOpen": {
-        "defaultValue": null,
-        "description": "Whether the overlay should be open initially.",
-        "name": "isDefaultOpen",
-        "parent": {
-          "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-          "name": "OverlayTriggerProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-            "name": "OverlayTriggerProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "controller": {
-        "defaultValue": null,
-        "description": "A controller to control the state of the overlay.",
-        "name": "controller",
-        "parent": {
-          "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-          "name": "OverlayTriggerProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
-            "name": "OverlayTriggerProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "OverlayController"
-        }
-      },
-      "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.2.2/node_modules/@types/react/index.d.ts",
-          "name": "RefAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts",
-            "name": "RefAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Ref<HTMLSpanElement>"
-        }
-      },
-      "key": {
-        "defaultValue": null,
-        "description": "",
-        "name": "key",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts",
-          "name": "Attributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts",
-            "name": "Attributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Key | null"
-        }
-      },
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      }
-    }
-  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Overlay/Overlay.tsx",
@@ -58656,6 +58480,182 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+    "description": "",
+    "displayName": "OverlayTrigger",
+    "methods": [],
+    "props": {
+      "overlayType": {
+        "defaultValue": null,
+        "description": "",
+        "name": "overlayType",
+        "parent": {
+          "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "keyof FlowComponentPropsTypes"
+        }
+      },
+      "component": {
+        "defaultValue": null,
+        "description": "",
+        "name": "component",
+        "parent": {
+          "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "AriaComponentType"
+        }
+      },
+      "isDefaultOpen": {
+        "defaultValue": null,
+        "description": "Whether the overlay should be open initially.",
+        "name": "isDefaultOpen",
+        "parent": {
+          "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+          "name": "OverlayTriggerProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+            "name": "OverlayTriggerProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "controller": {
+        "defaultValue": null,
+        "description": "A controller to control the state of the overlay.",
+        "name": "controller",
+        "parent": {
+          "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+          "name": "OverlayTriggerProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
+            "name": "OverlayTriggerProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "OverlayController"
+        }
+      },
+      "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.2.2/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLSpanElement>"
+        }
+      },
+      "key": {
+        "defaultValue": null,
+        "description": "",
+        "name": "key",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts",
+          "name": "Attributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts",
+            "name": "Attributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Key | null"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all"
@@ -224136,85 +224136,68 @@
     "tags": {
       "flr-generate": "all"
     },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Autocomplete/Autocomplete.tsx",
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Avatar/Avatar.tsx",
     "description": "",
-    "displayName": "Autocomplete",
+    "displayName": "Avatar",
     "methods": [],
     "props": {
-      "isInvalid": {
-        "defaultValue": null,
-        "description": "",
-        "name": "isInvalid",
-        "parent": {
-          "fileName": "components/src/components/Autocomplete/Autocomplete.tsx",
-          "name": "AutocompleteProps"
+      "size": {
+        "defaultValue": {
+          "value": "\"m\""
         },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Autocomplete/Autocomplete.tsx",
-            "name": "AutocompleteProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "value": {
-        "defaultValue": null,
-        "description": "",
-        "name": "value",
+        "description": "The size of the avatar.",
+        "name": "size",
         "parent": {
-          "fileName": "components/src/components/Autocomplete/Autocomplete.tsx",
-          "name": "AutocompleteProps"
+          "fileName": "components/src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/Autocomplete/Autocomplete.tsx",
-            "name": "AutocompleteProps"
+            "fileName": "components/src/components/Avatar/Avatar.tsx",
+            "name": "AvatarProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "\"s\" | \"xs\" | \"m\" | \"l\""
         }
       },
-      "defaultValue": {
+      "color": {
         "defaultValue": null,
-        "description": "",
-        "name": "defaultValue",
+        "description": "The color of icons and initials inside the avatar.",
+        "name": "color",
         "parent": {
-          "fileName": "components/src/components/Autocomplete/Autocomplete.tsx",
-          "name": "AutocompleteProps"
+          "fileName": "components/src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/Autocomplete/Autocomplete.tsx",
-            "name": "AutocompleteProps"
+            "fileName": "components/src/components/Avatar/Avatar.tsx",
+            "name": "AvatarProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "\"violet\" | \"green\" | \"blue\" | \"teal\" | \"lilac\""
         }
       },
-      "onChange": {
+      "status": {
         "defaultValue": null,
-        "description": "",
-        "name": "onChange",
+        "description": "Adds status icon and color to the avatar. May only be used if the status is\nexplained by an element (like text or label) nearby.",
+        "name": "status",
         "parent": {
-          "fileName": "components/src/components/Autocomplete/Autocomplete.tsx",
-          "name": "AutocompleteProps"
+          "fileName": "components/src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/Autocomplete/Autocomplete.tsx",
-            "name": "AutocompleteProps"
+            "fileName": "components/src/components/Avatar/Avatar.tsx",
+            "name": "AvatarProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "((value: string) => void)"
+          "name": "Status"
         }
       },
       "children": {
@@ -224326,86 +224309,6 @@
         "type": {
           "name": "Key | null"
         }
-      },
-      "slot": {
-        "defaultValue": null,
-        "description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent.",
-        "name": "slot",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/types.d.ts",
-          "name": "SlotProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/types.d.ts",
-            "name": "SlotProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string | null"
-        }
-      },
-      "filter": {
-        "defaultValue": null,
-        "description": "An optional filter function used to determine if a option should be included in the autocomplete list.\nInclude this if the items you are providing to your wrapped collection aren't filtered by default.",
-        "name": "filter",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
-          "name": "AriaAutocompleteProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
-            "name": "AriaAutocompleteProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "((textValue: string, inputValue: string, node: Node<object>) => boolean)"
-        }
-      },
-      "disableAutoFocusFirst": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "Whether or not to focus the first item in the collection after a filter is performed. Note this is only applicable\nif virtual focus behavior is not turned off via `disableVirtualFocus`.",
-        "name": "disableAutoFocusFirst",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
-          "name": "AriaAutocompleteProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
-            "name": "AriaAutocompleteProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "disableVirtualFocus": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "Whether the autocomplete should disable virtual focus, instead making the wrapped collection directly tabbable.",
-        "name": "disableVirtualFocus",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
-          "name": "AriaAutocompleteProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
-            "name": "AriaAutocompleteProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
       }
     }
   },
@@ -224413,70 +224316,11 @@
     "tags": {
       "flr-generate": "all"
     },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Avatar/Avatar.tsx",
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Autocomplete/Autocomplete.tsx",
     "description": "",
-    "displayName": "Avatar",
+    "displayName": "Autocomplete",
     "methods": [],
     "props": {
-      "size": {
-        "defaultValue": {
-          "value": "\"m\""
-        },
-        "description": "The size of the avatar.",
-        "name": "size",
-        "parent": {
-          "fileName": "components/src/components/Avatar/Avatar.tsx",
-          "name": "AvatarProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Avatar/Avatar.tsx",
-            "name": "AvatarProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"s\" | \"xs\" | \"m\" | \"l\""
-        }
-      },
-      "color": {
-        "defaultValue": null,
-        "description": "The color of icons and initials inside the avatar.",
-        "name": "color",
-        "parent": {
-          "fileName": "components/src/components/Avatar/Avatar.tsx",
-          "name": "AvatarProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Avatar/Avatar.tsx",
-            "name": "AvatarProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"violet\" | \"green\" | \"blue\" | \"teal\" | \"lilac\""
-        }
-      },
-      "status": {
-        "defaultValue": null,
-        "description": "Adds status icon and color to the avatar. May only be used if the status is\nexplained by an element (like text or label) nearby.",
-        "name": "status",
-        "parent": {
-          "fileName": "components/src/components/Avatar/Avatar.tsx",
-          "name": "AvatarProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Avatar/Avatar.tsx",
-            "name": "AvatarProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Status"
-        }
-      },
       "children": {
         "defaultValue": null,
         "description": "",
@@ -224586,6 +224430,86 @@
         "type": {
           "name": "Key | null"
         }
+      },
+      "slot": {
+        "defaultValue": null,
+        "description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent.",
+        "name": "slot",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/types.d.ts",
+          "name": "SlotProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/types.d.ts",
+            "name": "SlotProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string | null"
+        }
+      },
+      "filter": {
+        "defaultValue": null,
+        "description": "An optional filter function used to determine if a option should be included in the autocomplete list.\nInclude this if the items you are providing to your wrapped collection aren't filtered by default.",
+        "name": "filter",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
+          "name": "AriaAutocompleteProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
+            "name": "AriaAutocompleteProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((textValue: string, inputValue: string, node: Node<object>) => boolean)"
+        }
+      },
+      "disableAutoFocusFirst": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "Whether or not to focus the first item in the collection after a filter is performed. Note this is only applicable\nif virtual focus behavior is not turned off via `disableVirtualFocus`.",
+        "name": "disableAutoFocusFirst",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
+          "name": "AriaAutocompleteProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
+            "name": "AriaAutocompleteProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "disableVirtualFocus": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "Whether the autocomplete should disable virtual focus, instead making the wrapped collection directly tabbable.",
+        "name": "disableVirtualFocus",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
+          "name": "AriaAutocompleteProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-aria+autocomplete@3.0.0-rc.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/autocomplete/dist/types.d.ts",
+            "name": "AriaAutocompleteProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
       }
     }
   },

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

@@ -15,11 +15,11 @@ import { Text } from '../Text/Text.mjs';
 import styles from './Autocomplete.module.scss.mjs';
 import { useObjectRef, useLocalizedStringFormatter, useFocusWithin, UNSAFE_PortalProvider } from 'react-aria';
 import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
 import { isFocused } from '../../lib/form/isFocused.mjs';
+import { emitElementValueChange } from '../../lib/react/emitElementValueChange.mjs';
 
 const Autocomplete = flowComponent("Autocomplete", (props) => {
-  const { children, isInvalid, value, defaultValue, ref, onChange, ...rest } = useControlledHostValueProps(props);
+  const { children, ref, ...rest } = props;
   const inputRef = useObjectRef(ref);
   const { contains } = Aria.useFilter({ sensitivity: "base" });
   const stringFormatter = useLocalizedStringFormatter(locales);
@@ -31,17 +31,18 @@ const Autocomplete = flowComponent("Autocomplete", (props) => {
     onBlurWithin: optionsOverlayController.close
   });
   const renderEmptyState = () => /* @__PURE__ */ jsx(Text, { className: styles.empty, children: stringFormatter.format("autocomplete.empty") });
-  const handleInputChange = (value2) => {
-    if (value2 === "") {
+  const handleInputChange = (value) => {
+    if (value === "") {
       optionsOverlayController.close();
     } else if (isFocused(inputRef.current)) {
       optionsOverlayController.open();
     }
-    onChange?.(value2);
   };
   const handleOptionAction = (key) => {
-    const value2 = String(key);
-    onChange(value2);
+    const value = String(key);
+    if (inputRef.current) {
+      emitElementValueChange(inputRef.current, value);
+    }
     optionsOverlayController.close();
   };
   const inputProps = {
@@ -50,11 +51,8 @@ const Autocomplete = flowComponent("Autocomplete", (props) => {
         e.preventDefault();
       }
     },
-    isInvalid,
     ref: inputRef,
-    onChange: handleInputChange,
-    value,
-    defaultValue
+    onChange: handleInputChange
   };
   const {
     FieldErrorView,
@@ -78,13 +76,7 @@ const Autocomplete = flowComponent("Autocomplete", (props) => {
       PropsContextProvider,
       {
         props: propsContext,
-        dependencies: [
-          value,
-          isInvalid,
-          defaultValue,
-          optionsOverlayController,
-          onChange
-        ],
+        dependencies: [optionsOverlayController],
         children: /* @__PURE__ */ jsx("div", { ...focusWithin.focusWithinProps, ref: container, children: /* @__PURE__ */ jsx(UNSAFE_PortalProvider, { getContainer: () => container.current, children: /* @__PURE__ */ jsxs(
           Aria.Autocomplete,
           {

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 type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport Options from \"@/components/Options\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport locales from \"./locales/*.locale.json\";\nimport Text from \"@/components/Text\";\nimport styles from \"./Autocomplete.module.scss\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n  useObjectRef,\n} from \"react-aria\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { isFocused } from \"@/lib/form/isFocused\";\n\nexport interface AutocompleteProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps<HTMLInputElement>,\n    Omit<\n      Aria.AutocompleteProps,\n      \"children\" | \"onInputChange\" | \"inputValue\" | \"defaultInputValue\" | \"ref\"\n    > {\n  isInvalid?: boolean;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, isInvalid, value, defaultValue, ref, onChange, ...rest } =\n    useControlledHostValueProps(props);\n\n  const inputRef = useObjectRef(ref);\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const container = useRef(null);\n\n  const optionsOverlayController = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n\n  const focusWithin = useFocusWithin({\n    onBlurWithin: optionsOverlayController.close,\n  });\n\n  const renderEmptyState = () => (\n    <Text className={styles.empty}>\n      {stringFormatter.format(\"autocomplete.empty\")}\n    </Text>\n  );\n\n  const handleInputChange = (value: string) => {\n    if (value === \"\") {\n      optionsOverlayController.close();\n    } else if (isFocused(inputRef.current)) {\n      optionsOverlayController.open();\n    }\n    onChange?.(value);\n  };\n\n  const handleOptionAction = (key: Aria.Key) => {\n    const value = String(key);\n    onChange(value);\n    optionsOverlayController.close();\n  };\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && optionsOverlayController.isOpen) {\n        e.preventDefault();\n      }\n    },\n    isInvalid,\n    ref: inputRef,\n    onChange: handleInputChange,\n    value,\n    defaultValue,\n  };\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const propsContext: PropsContext = {\n    SearchField: inputProps,\n    TextField: inputProps,\n    Option: {\n      tunnelId: \"options\",\n    },\n    Popover: {\n      className: styles.popover,\n    },\n    ...fieldPropsContext,\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <PropsContextProvider\n          props={propsContext}\n          dependencies={[\n            value,\n            isInvalid,\n            defaultValue,\n            optionsOverlayController,\n            onChange,\n          ]}\n        >\n          <div {...focusWithin.focusWithinProps} ref={container}>\n            <UNSAFE_PortalProvider getContainer={() => container.current}>\n              <Aria.Autocomplete\n                filter={contains}\n                disableAutoFocusFirst\n                {...rest}\n              >\n                {children}\n                <Options\n                  onAction={handleOptionAction}\n                  triggerRef={inputRef}\n                  controller={optionsOverlayController}\n                  renderEmptyState={renderEmptyState}\n                  isNonModal\n                  placement=\"bottom start\"\n                >\n                  <TunnelExit id=\"options\" />\n                </Options>\n              </Aria.Autocomplete>\n            </UNSAFE_PortalProvider>\n          </div>\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Autocomplete;\n"],"names":["value"],"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 type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport Options from \"@/components/Options\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport locales from \"./locales/*.locale.json\";\nimport Text from \"@/components/Text\";\nimport styles from \"./Autocomplete.module.scss\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n  useObjectRef,\n} from \"react-aria\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { isFocused } from \"@/lib/form/isFocused\";\nimport { emitElementValueChange } from \"@/lib/react/emitElementValueChange\";\n\nexport interface AutocompleteProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps<HTMLInputElement>,\n    Omit<\n      Aria.AutocompleteProps,\n      \"children\" | \"onInputChange\" | \"inputValue\" | \"defaultInputValue\" | \"ref\"\n    > {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, ref, ...rest } = props;\n\n  const inputRef = useObjectRef(ref);\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const container = useRef(null);\n\n  const optionsOverlayController = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n\n  const focusWithin = useFocusWithin({\n    onBlurWithin: optionsOverlayController.close,\n  });\n\n  const renderEmptyState = () => (\n    <Text className={styles.empty}>\n      {stringFormatter.format(\"autocomplete.empty\")}\n    </Text>\n  );\n\n  const handleInputChange = (value: string) => {\n    if (value === \"\") {\n      optionsOverlayController.close();\n    } else if (isFocused(inputRef.current)) {\n      optionsOverlayController.open();\n    }\n  };\n\n  const handleOptionAction = (key: Aria.Key) => {\n    const value = String(key);\n    if (inputRef.current) {\n      emitElementValueChange(inputRef.current, value);\n    }\n    optionsOverlayController.close();\n  };\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && optionsOverlayController.isOpen) {\n        e.preventDefault();\n      }\n    },\n    ref: inputRef,\n    onChange: handleInputChange,\n  };\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const propsContext: PropsContext = {\n    SearchField: inputProps,\n    TextField: inputProps,\n    Option: {\n      tunnelId: \"options\",\n    },\n    Popover: {\n      className: styles.popover,\n    },\n    ...fieldPropsContext,\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <PropsContextProvider\n          props={propsContext}\n          dependencies={[optionsOverlayController]}\n        >\n          <div {...focusWithin.focusWithinProps} ref={container}>\n            <UNSAFE_PortalProvider getContainer={() => container.current}>\n              <Aria.Autocomplete\n                filter={contains}\n                disableAutoFocusFirst\n                {...rest}\n              >\n                {children}\n                <Options\n                  onAction={handleOptionAction}\n                  triggerRef={inputRef}\n                  controller={optionsOverlayController}\n                  renderEmptyState={renderEmptyState}\n                  isNonModal\n                  placement=\"bottom start\"\n                >\n                  <TunnelExit id=\"options\" />\n                </Options>\n              </Aria.Autocomplete>\n            </UNSAFE_PortalProvider>\n          </div>\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":"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"}

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

@@ -3,7 +3,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useFormValidation } from '@react-aria/form';
 import { useFormValidationState } from '@react-stately/form';
-import { InputContext, FieldErrorContext } from 'react-aria-components';
+import { FieldErrorContext } from 'react-aria-components';
 import { FileInput } from './components/FileInput.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
@@ -49,33 +49,28 @@ const FileField = flowComponent("FileField", (props) => {
       );
     }
   };
-  return /* @__PURE__ */ jsx("div", { ...fieldProps, children: /* @__PURE__ */ jsx(InputContext.Provider, { value: inputProps, children: /* @__PURE__ */ jsxs(
-    FieldErrorContext.Provider,
-    {
-      value: formValidationState.displayValidation,
-      children: [
-        /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(PropsContextProvider, { props: fieldPropsContext, children: /* @__PURE__ */ jsx(
-          "div",
+  return /* @__PURE__ */ jsx("div", { ...fieldProps, children: /* @__PURE__ */ jsxs(FieldErrorContext.Provider, { value: formValidationState.displayValidation, children: [
+    /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(PropsContextProvider, { props: fieldPropsContext, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-readonly": isReadOnly,
+        "data-required": !!isRequired || void 0,
+        "data-invalid": formValidationState.displayValidation.isInvalid || void 0,
+        children: /* @__PURE__ */ jsx(
+          FileInput,
           {
-            "data-readonly": isReadOnly,
-            "data-required": !!isRequired || void 0,
-            "data-invalid": formValidationState.displayValidation.isInvalid || void 0,
-            children: /* @__PURE__ */ jsx(
-              FileInput,
-              {
-                ref: inputRef,
-                isReadOnly,
-                onChange: isReadOnly ? void 0 : handleChange,
-                isDisabled,
-                children
-              }
-            )
+            ref: inputRef,
+            isReadOnly,
+            onChange: isReadOnly ? void 0 : handleChange,
+            isDisabled,
+            ...inputProps,
+            children
           }
-        ) }) }),
-        /* @__PURE__ */ jsx(FieldErrorView, {})
-      ]
-    }
-  ) }) });
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(FieldErrorView, {})
+  ] }) });
 });
 
 export { FileField, FileField as default };

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

@@ -1 +1 @@
-{"version":3,"file":"FileField.mjs","sources":["../../../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext, InputContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { addAwaitedArrayBuffer } from \"@mittwald/flow-core\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface FileFieldProps\n  extends PropsWithChildren,\n    FlowComponentProps<HTMLInputElement>,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\">,\n    Pick<\n      Aria.TextFieldProps,\n      \"isRequired\" | \"isInvalid\" | \"validationBehavior\" | \"isDisabled\"\n    > {\n  /** Handler that is called when the file input changes. */\n  onChange?: FileInputOnChangeHandler;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const FileField = flowComponent(\"FileField\", (props) => {\n  const {\n    children,\n    ref,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    validationBehavior,\n    onChange,\n    isReadOnly,\n    ...restInputProps\n  } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const inputRef = useObjectRef(ref);\n\n  const formValidationState = useFormValidationState({\n    value: undefined,\n    validationBehavior,\n    isInvalid,\n  });\n\n  useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n  const inputProps = {\n    ...restInputProps,\n    \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n    value: undefined,\n  };\n\n  const handleChange: FileInputOnChangeHandler = (fileList) => {\n    if (fileList && onChange) {\n      Promise.all(Array.from(fileList).map(addAwaitedArrayBuffer)).then(() =>\n        onChange(fileList),\n      );\n    }\n  };\n\n  return (\n    <div {...fieldProps}>\n      <InputContext.Provider value={inputProps}>\n        <FieldErrorContext.Provider\n          value={formValidationState.displayValidation}\n        >\n          <FieldErrorCaptureContext>\n            <PropsContextProvider props={fieldPropsContext}>\n              <div\n                data-readonly={isReadOnly}\n                data-required={!!isRequired || undefined}\n                data-invalid={\n                  formValidationState.displayValidation.isInvalid || undefined\n                }\n              >\n                <FileInput\n                  ref={inputRef}\n                  isReadOnly={isReadOnly}\n                  onChange={isReadOnly ? undefined : handleChange}\n                  isDisabled={isDisabled}\n                >\n                  {children}\n                </FileInput>\n              </div>\n            </PropsContextProvider>\n          </FieldErrorCaptureContext>\n          <FieldErrorView />\n        </FieldErrorContext.Provider>\n      </InputContext.Provider>\n    </div>\n  );\n});\nexport default FileField;\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO,MAAM,SAAA,GAAY,aAAA,CAAc,WAAA,EAAa,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAA,MAAM,sBAAsB,sBAAA,CAAuB;AAAA,IACjD,KAAA,EAAO,MAAA;AAAA,IACP,kBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,iBAAA,CAAkB,EAAE,kBAAA,EAAmB,EAAG,mBAAA,EAAqB,QAAQ,CAAA;AAEvE,EAAA,MAAM,UAAA,GAAa;AAAA,IACjB,GAAG,cAAA;AAAA,IACH,cAAA,EAAgB,oBAAoB,iBAAA,CAAkB,SAAA;AAAA,IACtD,KAAA,EAAO;AAAA,GACT;AAEA,EAAA,MAAM,YAAA,GAAyC,CAAC,QAAA,KAAa;AAC3D,IAAA,IAAI,YAAY,QAAA,EAAU;AACxB,MAAA,OAAA,CAAQ,GAAA,CAAI,MAAM,IAAA,CAAK,QAAQ,EAAE,GAAA,CAAI,qBAAqB,CAAC,CAAA,CAAE,IAAA;AAAA,QAAK,MAChE,SAAS,QAAQ;AAAA,OACnB;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,SAAK,GAAG,UAAA,EACP,8BAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,KAAA,EAAO,UAAA,EAC5B,QAAA,kBAAA,IAAA;AAAA,IAAC,iBAAA,CAAkB,QAAA;AAAA,IAAlB;AAAA,MACC,OAAO,mBAAA,CAAoB,iBAAA;AAAA,MAE3B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,iBAAA,EAC3B,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,eAAA,EAAe,UAAA;AAAA,YACf,eAAA,EAAe,CAAC,CAAC,UAAA,IAAc,MAAA;AAAA,YAC/B,cAAA,EACE,mBAAA,CAAoB,iBAAA,CAAkB,SAAA,IAAa,MAAA;AAAA,YAGrD,QAAA,kBAAA,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACC,GAAA,EAAK,QAAA;AAAA,gBACL,UAAA;AAAA,gBACA,QAAA,EAAU,aAAa,MAAA,GAAY,YAAA;AAAA,gBACnC,UAAA;AAAA,gBAEC;AAAA;AAAA;AACH;AAAA,WAEJ,CAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,KAEpB,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"FileField.mjs","sources":["../../../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { addAwaitedArrayBuffer } from \"@mittwald/flow-core\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface FileFieldProps\n  extends PropsWithChildren,\n    FlowComponentProps<HTMLInputElement>,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\">,\n    Pick<\n      Aria.TextFieldProps,\n      \"isRequired\" | \"isInvalid\" | \"validationBehavior\" | \"isDisabled\"\n    > {\n  /** Handler that is called when the file input changes. */\n  onChange?: FileInputOnChangeHandler;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const FileField = flowComponent(\"FileField\", (props) => {\n  const {\n    children,\n    ref,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    validationBehavior,\n    onChange,\n    isReadOnly,\n    ...restInputProps\n  } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const inputRef = useObjectRef(ref);\n\n  const formValidationState = useFormValidationState({\n    value: undefined,\n    validationBehavior,\n    isInvalid,\n  });\n\n  useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n  const inputProps = {\n    ...restInputProps,\n    \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n    value: undefined,\n  };\n\n  const handleChange: FileInputOnChangeHandler = (fileList) => {\n    if (fileList && onChange) {\n      Promise.all(Array.from(fileList).map(addAwaitedArrayBuffer)).then(() =>\n        onChange(fileList),\n      );\n    }\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorContext.Provider value={formValidationState.displayValidation}>\n        <FieldErrorCaptureContext>\n          <PropsContextProvider props={fieldPropsContext}>\n            <div\n              data-readonly={isReadOnly}\n              data-required={!!isRequired || undefined}\n              data-invalid={\n                formValidationState.displayValidation.isInvalid || undefined\n              }\n            >\n              <FileInput\n                ref={inputRef}\n                isReadOnly={isReadOnly}\n                onChange={isReadOnly ? undefined : handleChange}\n                isDisabled={isDisabled}\n                {...inputProps}\n              >\n                {children}\n              </FileInput>\n            </div>\n          </PropsContextProvider>\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </FieldErrorContext.Provider>\n    </div>\n  );\n});\nexport default FileField;\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO,MAAM,SAAA,GAAY,aAAA,CAAc,WAAA,EAAa,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAA,MAAM,sBAAsB,sBAAA,CAAuB;AAAA,IACjD,KAAA,EAAO,MAAA;AAAA,IACP,kBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,iBAAA,CAAkB,EAAE,kBAAA,EAAmB,EAAG,mBAAA,EAAqB,QAAQ,CAAA;AAEvE,EAAA,MAAM,UAAA,GAAa;AAAA,IACjB,GAAG,cAAA;AAAA,IACH,cAAA,EAAgB,oBAAoB,iBAAA,CAAkB,SAAA;AAAA,IACtD,KAAA,EAAO;AAAA,GACT;AAEA,EAAA,MAAM,YAAA,GAAyC,CAAC,QAAA,KAAa;AAC3D,IAAA,IAAI,YAAY,QAAA,EAAU;AACxB,MAAA,OAAA,CAAQ,GAAA,CAAI,MAAM,IAAA,CAAK,QAAQ,EAAE,GAAA,CAAI,qBAAqB,CAAC,CAAA,CAAE,IAAA;AAAA,QAAK,MAChE,SAAS,QAAQ;AAAA,OACnB;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EACP,QAAA,kBAAA,IAAA,CAAC,kBAAkB,QAAA,EAAlB,EAA2B,KAAA,EAAO,mBAAA,CAAoB,iBAAA,EACrD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,iBAAA,EAC3B,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,eAAA,EAAe,UAAA;AAAA,QACf,eAAA,EAAe,CAAC,CAAC,UAAA,IAAc,MAAA;AAAA,QAC/B,cAAA,EACE,mBAAA,CAAoB,iBAAA,CAAkB,SAAA,IAAa,MAAA;AAAA,QAGrD,QAAA,kBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,QAAA;AAAA,YACL,UAAA;AAAA,YACA,QAAA,EAAU,aAAa,MAAA,GAAY,YAAA;AAAA,YACnC,UAAA;AAAA,YACC,GAAG,UAAA;AAAA,YAEH;AAAA;AAAA;AACH;AAAA,OAEJ,CAAA,EACF,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/FileField/components/FileInput.mjs

@@ -9,7 +9,7 @@ import { PropsContextProvider } from '../../../lib/propsContext/components/Props
 import styles from './FileInput.module.scss.mjs';
 
 const FileInput = (props) => {
-  const { children, isDisabled, onChange, isReadOnly, ref } = props;
+  const { children, isDisabled, onChange, isReadOnly, ref, ...restInputProps } = props;
   const inputRef = useObjectRef(ref);
   const handlePress = () => {
     if (inputRef.current?.value) {
@@ -34,6 +34,7 @@ const FileInput = (props) => {
     /* @__PURE__ */ jsx(
       Aria.Input,
       {
+        ...restInputProps,
         className: styles.FileInput,
         type: "file",
         ref: inputRef,

package/dist/js/components/src/components/FileField/components/FileInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.mjs","sources":["../../../../../../../src/components/FileField/components/FileInput.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport { type ChangeEvent } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./FileInput.module.scss\";\n\nexport type FileInputOnChangeHandler = (files: FileList | null) => void;\n\n/** @internal */\nexport interface FileInputProps extends PropsWithChildren {\n  onChange?: FileInputOnChangeHandler;\n  isDisabled?: boolean;\n  ref?: Ref<HTMLInputElement>;\n  isReadOnly?: boolean;\n}\n\n/** @internal */\nexport const FileInput: FC<FileInputProps> = (props) => {\n  const { children, isDisabled, onChange, isReadOnly, ref } = props;\n  const inputRef = useObjectRef(ref);\n\n  const handlePress = () => {\n    if (inputRef.current?.value) {\n      inputRef.current.value = \"\";\n      onChange?.(null);\n    }\n    inputRef.current?.click();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.files);\n  };\n\n  const propsContext: PropsContext = {\n    Button: {\n      onPress: handlePress,\n      className: styles.trigger,\n      isDisabled,\n      isReadOnly,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      {children}\n      <Aria.Input\n        className={styles.FileInput}\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleChange}\n      />\n    </PropsContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAmBO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,QAAA,EAAU,UAAA,EAAY,KAAI,GAAI,KAAA;AAC5D,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,QAAA,CAAS,SAAS,KAAA,EAAO;AAC3B,MAAA,QAAA,CAAS,QAAQ,KAAA,GAAQ,EAAA;AACzB,MAAA,QAAA,GAAW,IAAI,CAAA;AAAA,IACjB;AACA,IAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,EAC1B,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAyC;AAC7D,IAAA,QAAA,GAAW,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,EAC/B,CAAA;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,WAAA;AAAA,MACT,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,UAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA;AAAA,MAAC,IAAA,CAAK,KAAA;AAAA,MAAL;AAAA,QACC,WAAW,MAAA,CAAO,SAAA;AAAA,QAClB,IAAA,EAAK,MAAA;AAAA,QACL,GAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU;AAAA;AAAA;AACZ,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FileInput.mjs","sources":["../../../../../../../src/components/FileField/components/FileInput.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport { type ChangeEvent } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./FileInput.module.scss\";\n\nexport type FileInputOnChangeHandler = (files: FileList | null) => void;\n\n/** @internal */\nexport interface FileInputProps extends PropsWithChildren {\n  onChange?: FileInputOnChangeHandler;\n  isDisabled?: boolean;\n  ref?: Ref<HTMLInputElement>;\n  isReadOnly?: boolean;\n}\n\n/** @internal */\nexport const FileInput: FC<FileInputProps> = (props) => {\n  const { children, isDisabled, onChange, isReadOnly, ref, ...restInputProps } =\n    props;\n  const inputRef = useObjectRef(ref);\n\n  const handlePress = () => {\n    if (inputRef.current?.value) {\n      inputRef.current.value = \"\";\n      onChange?.(null);\n    }\n    inputRef.current?.click();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.files);\n  };\n\n  const propsContext: PropsContext = {\n    Button: {\n      onPress: handlePress,\n      className: styles.trigger,\n      isDisabled,\n      isReadOnly,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      {children}\n      <Aria.Input\n        {...restInputProps}\n        className={styles.FileInput}\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleChange}\n      />\n    </PropsContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAmBO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,UAAU,UAAA,EAAY,QAAA,EAAU,YAAY,GAAA,EAAK,GAAG,gBAAe,GACzE,KAAA;AACF,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,QAAA,CAAS,SAAS,KAAA,EAAO;AAC3B,MAAA,QAAA,CAAS,QAAQ,KAAA,GAAQ,EAAA;AACzB,MAAA,QAAA,GAAW,IAAI,CAAA;AAAA,IACjB;AACA,IAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,EAC1B,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAyC;AAC7D,IAAA,QAAA,GAAW,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,EAC/B,CAAA;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,WAAA;AAAA,MACT,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,UAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA;AAAA,MAAC,IAAA,CAAK,KAAA;AAAA,MAAL;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,WAAW,MAAA,CAAO,SAAA;AAAA,QAClB,IAAA,EAAK,MAAA;AAAA,QACL,GAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU;AAAA;AAAA;AACZ,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs

@@ -70,7 +70,10 @@ function Field(props) {
     })
   };
   const propsContext = {
-    Autocomplete: fieldProps,
+    Autocomplete: {
+      SearchField: fieldProps,
+      TextField: fieldProps
+    },
     SearchField: fieldProps,
     TextField: fieldProps,
     TextArea: fieldProps,

package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport { dynamic, type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { type PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport { useHotkeys } from \"react-hotkeys-hook\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { mergeRefs } from \"@react-aria/utils\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const isFieldInvalid = controller.fieldState.invalid;\n\n  const hotkeyRef = useHotkeys<never>(\n    \"mod+enter\",\n    () => {\n      formContext.submit();\n    },\n    {\n      enableOnFormTags: true,\n      enableOnContentEditable: true,\n    },\n  );\n\n  const refWithHotkey = mergeRefs(controller.field.ref, hotkeyRef);\n\n  const fieldProps = {\n    ...controller.field,\n    ref: refWithHotkey,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    isReadOnly: formContext.isReadOnly,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: isFieldInvalid,\n    children: dynamic((p) => {\n      return (\n        <>\n          {p.children}\n          <FieldErrorView>\n            {controller.fieldState.error?.message}\n          </FieldErrorView>\n        </>\n      );\n    }),\n  };\n\n  const propsContext: PropsContext = {\n    Autocomplete: fieldProps,\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: {\n      ...fieldProps,\n    },\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[\n        controller.fieldState,\n        controller.field,\n        value,\n        formContext.isReadOnly,\n      ]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport { dynamic, type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { type PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport { useHotkeys } from \"react-hotkeys-hook\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { mergeRefs } from \"@react-aria/utils\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const isFieldInvalid = controller.fieldState.invalid;\n\n  const hotkeyRef = useHotkeys<never>(\n    \"mod+enter\",\n    () => {\n      formContext.submit();\n    },\n    {\n      enableOnFormTags: true,\n      enableOnContentEditable: true,\n    },\n  );\n\n  const refWithHotkey = mergeRefs(controller.field.ref, hotkeyRef);\n\n  const fieldProps = {\n    ...controller.field,\n    ref: refWithHotkey,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    isReadOnly: formContext.isReadOnly,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: isFieldInvalid,\n    children: dynamic((p) => {\n      return (\n        <>\n          {p.children}\n          <FieldErrorView>\n            {controller.fieldState.error?.message}\n          </FieldErrorView>\n        </>\n      );\n    }),\n  };\n\n  const propsContext: PropsContext = {\n    Autocomplete: {\n      SearchField: fieldProps,\n      TextField: fieldProps,\n    },\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: {\n      ...fieldProps,\n    },\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[\n        controller.fieldState,\n        controller.field,\n        value,\n        formContext.isReadOnly,\n      ]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":"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"}

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

@@ -15,7 +15,7 @@ import '../viewComponentContext/viewComponentContext.mjs';
 
 const merger = getPropsMerger({
   mergeClassNames: false,
-  mergeEventHandler: false
+  mergeEventHandler: true
 });
 const mergePropsContext = (firstContext = {}, secondContext = {}) => {
   const mergedComponentNames = Object.keys({

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

@@ -1 +1 @@
-{"version":3,"file":"mergePropsContext.mjs","sources":["../../../../../../src/lib/propsContext/mergePropsContext.ts"],"sourcesContent":["import { isFlowComponentName } from \"@/index/internal\";\nimport type { PropsContext, WorkaroundType } from \"@/lib/propsContext/types\";\nimport { getPropsMerger } from \"@/lib/react/getPropsMerger\";\n\nconst merger = getPropsMerger({\n  mergeClassNames: false,\n  mergeEventHandler: false,\n});\n\nexport const mergePropsContext = (\n  firstContext: PropsContext = {},\n  secondContext: PropsContext = {},\n): PropsContext => {\n  const mergedComponentNames = Object.keys({\n    ...firstContext,\n    ...secondContext,\n  }).filter(isFlowComponentName);\n\n  return Object.fromEntries(\n    mergedComponentNames.map((componentName) => [\n      componentName,\n      merger<WorkaroundType>(\n        firstContext[componentName],\n        secondContext[componentName],\n      ),\n    ]),\n  );\n};\n\nexport default mergePropsContext;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIA,MAAM,SAAS,cAAA,CAAe;AAAA,EAC5B,eAAA,EAAiB,KAAA;AAAA,EACjB,iBAAA,EAAmB;AACrB,CAAC,CAAA;AAEM,MAAM,oBAAoB,CAC/B,YAAA,GAA6B,EAAC,EAC9B,aAAA,GAA8B,EAAC,KACd;AACjB,EAAA,MAAM,oBAAA,GAAuB,OAAO,IAAA,CAAK;AAAA,IACvC,GAAG,YAAA;AAAA,IACH,GAAG;AAAA,GACJ,CAAA,CAAE,MAAA,CAAO,mBAAmB,CAAA;AAE7B,EAAA,OAAO,MAAA,CAAO,WAAA;AAAA,IACZ,oBAAA,CAAqB,GAAA,CAAI,CAAC,aAAA,KAAkB;AAAA,MAC1C,aAAA;AAAA,MACA,MAAA;AAAA,QACE,aAAa,aAAa,CAAA;AAAA,QAC1B,cAAc,aAAa;AAAA;AAC7B,KACD;AAAA,GACH;AACF;;;;"}
+{"version":3,"file":"mergePropsContext.mjs","sources":["../../../../../../src/lib/propsContext/mergePropsContext.ts"],"sourcesContent":["import { isFlowComponentName } from \"@/index/internal\";\nimport type { PropsContext, WorkaroundType } from \"@/lib/propsContext/types\";\nimport { getPropsMerger } from \"@/lib/react/getPropsMerger\";\n\nconst merger = getPropsMerger({\n  mergeClassNames: false,\n  mergeEventHandler: true,\n});\n\nexport const mergePropsContext = (\n  firstContext: PropsContext = {},\n  secondContext: PropsContext = {},\n): PropsContext => {\n  const mergedComponentNames = Object.keys({\n    ...firstContext,\n    ...secondContext,\n  }).filter(isFlowComponentName);\n\n  return Object.fromEntries(\n    mergedComponentNames.map((componentName) => [\n      componentName,\n      merger<WorkaroundType>(\n        firstContext[componentName],\n        secondContext[componentName],\n      ),\n    ]),\n  );\n};\n\nexport default mergePropsContext;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIA,MAAM,SAAS,cAAA,CAAe;AAAA,EAC5B,eAAA,EAAiB,KAAA;AAAA,EACjB,iBAAA,EAAmB;AACrB,CAAC,CAAA;AAEM,MAAM,oBAAoB,CAC/B,YAAA,GAA6B,EAAC,EAC9B,aAAA,GAA8B,EAAC,KACd;AACjB,EAAA,MAAM,oBAAA,GAAuB,OAAO,IAAA,CAAK;AAAA,IACvC,GAAG,YAAA;AAAA,IACH,GAAG;AAAA,GACJ,CAAA,CAAE,MAAA,CAAO,mBAAmB,CAAA;AAE7B,EAAA,OAAO,MAAA,CAAO,WAAA;AAAA,IACZ,oBAAA,CAAqB,GAAA,CAAI,CAAC,aAAA,KAAkB;AAAA,MAC1C,aAAA;AAAA,MACA,MAAA;AAAA,QACE,aAAa,aAAa,CAAA;AAAA,QAC1B,cAAc,aAAa;AAAA;AAC7B,KACD;AAAA,GACH;AACF;;;;"}

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

@@ -0,0 +1,23 @@
+"use client"
+/* */
+const emitElementValueChange = (element, value) => {
+  const event = new Event("change", { bubbles: true });
+  try {
+    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+      Object.getPrototypeOf(element),
+      "value"
+    )?.set;
+    nativeInputValueSetter?.call(element, value);
+    element.dispatchEvent(event);
+  } catch (ignoredError) {
+    if ("value" in element) {
+      element.value = value;
+      element.dispatchEvent(event);
+    } else {
+      throw Error("could not emit value update for element");
+    }
+  }
+};
+
+export { emitElementValueChange };
+//# sourceMappingURL=emitElementValueChange.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emitElementValueChange.mjs","sources":["../../../../../../src/lib/react/emitElementValueChange.ts"],"sourcesContent":["/**\n * Triggers a Value Update for an Element that also fires the React onChange\n * routine\n */\nexport const emitElementValueChange = (\n  element: HTMLElement,\n  value: unknown,\n) => {\n  const event = new Event(\"change\", { bubbles: true });\n\n  try {\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      Object.getPrototypeOf(element),\n      \"value\",\n    )?.set;\n    nativeInputValueSetter?.call(element, value);\n    element.dispatchEvent(event);\n  } catch (ignoredError) {\n    if (\"value\" in element) {\n      element.value = value;\n      element.dispatchEvent(event);\n    } else {\n      throw Error(\"could not emit value update for element\");\n    }\n  }\n};\n"],"names":[],"mappings":"AAIO,MAAM,sBAAA,GAAyB,CACpC,OAAA,EACA,KAAA,KACG;AACH,EAAA,MAAM,QAAQ,IAAI,KAAA,CAAM,UAAU,EAAE,OAAA,EAAS,MAAM,CAAA;AAEnD,EAAA,IAAI;AACF,IAAA,MAAM,yBAAyB,MAAA,CAAO,wBAAA;AAAA,MACpC,MAAA,CAAO,eAAe,OAAO,CAAA;AAAA,MAC7B;AAAA,KACF,EAAG,GAAA;AACH,IAAA,sBAAA,EAAwB,IAAA,CAAK,SAAS,KAAK,CAAA;AAC3C,IAAA,OAAA,CAAQ,cAAc,KAAK,CAAA;AAAA,EAC7B,SAAS,YAAA,EAAc;AACrB,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,OAAA,CAAQ,KAAA,GAAQ,KAAA;AAChB,MAAA,OAAA,CAAQ,cAAc,KAAK,CAAA;AAAA,IAC7B,CAAA,MAAO;AACL,MAAA,MAAM,MAAM,yCAAyC,CAAA;AAAA,IACvD;AAAA,EACF;AACF;;;;"}

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

@@ -3,10 +3,6 @@ import { PropsWithClassName } from '../../lib/types/props';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface AutocompleteProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps<HTMLInputElement>, Omit<Aria.AutocompleteProps, "children" | "onInputChange" | "inputValue" | "defaultInputValue" | "ref"> {
-    isInvalid?: boolean;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
 }
 /** @flr-generate all */
 export declare const Autocomplete: import('react').FunctionComponent<AutocompleteProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAkB9C,MAAM,WAAW,iBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,IAAI,CACF,IAAI,CAAC,iBAAiB,EACtB,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,mBAAmB,GAAG,KAAK,CAC1E;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAwB;AACxB,eAAO,MAAM,YAAY,wGA8GvB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAkB9C,MAAM,WAAW,iBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,IAAI,CACF,IAAI,CAAC,iBAAiB,EACtB,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,mBAAmB,GAAG,KAAK,CAC1E;CAAG;AAER,wBAAwB;AACxB,eAAO,MAAM,YAAY,wGAqGvB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../../src/components/FileField/FileField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAE5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO/E,MAAM,WAAW,cACf,SAAQ,iBAAiB,EACvB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC,EACrD,IAAI,CACF,IAAI,CAAC,cAAc,EACnB,YAAY,GAAG,WAAW,GAAG,oBAAoB,GAAG,YAAY,CACjE;IACH,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAwB;AACxB,eAAO,MAAM,SAAS,qGA2EpB,CAAC;AACH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../../src/components/FileField/FileField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAE5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO/E,MAAM,WAAW,cACf,SAAQ,iBAAiB,EACvB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC,EACrD,IAAI,CACF,IAAI,CAAC,cAAc,EACnB,YAAY,GAAG,WAAW,GAAG,oBAAoB,GAAG,YAAY,CACjE;IACH,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAwB;AACxB,eAAO,MAAM,SAAS,qGAwEpB,CAAC;AACH,eAAe,SAAS,CAAC"}

package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAEhB,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACxC,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CA2IhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAC1D,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAEhB,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACxC,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CA8IhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAC1D,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC;AAE5B,eAAe,KAAK,CAAC"}

package/dist/types/lib/react/emitElementValueChange.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Triggers a Value Update for an Element that also fires the React onChange
+ * routine
+ */
+export declare const emitElementValueChange: (element: HTMLElement, value: unknown) => void;
+//# sourceMappingURL=emitElementValueChange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emitElementValueChange.d.ts","sourceRoot":"","sources":["../../../../src/lib/react/emitElementValueChange.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,WAAW,EACpB,OAAO,OAAO,SAmBf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.569",
+  "version": "0.2.0-alpha.570",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
   "dependencies": {
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.569",
+    "@mittwald/react-tunnel": "0.2.0-alpha.570",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.2",
     "@react-aria/live-announcer": "^3.4.4",
@@ -103,7 +103,7 @@
     "@faker-js/faker": "^10.1.0",
     "@internationalized/date": "^3.10.0",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.569",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.570",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
     "@mittwald/typescript-config": "",
@@ -176,5 +176,5 @@
       "optional": true
     }
   },
-  "gitHead": "b3cc64583d628802ab78e5cc3a726f8e8537dff4"
+  "gitHead": "7d3b0ac2101a8c4fa41220ada976702fca96823a"
 }