@mittwald/flow-react-components 0.2.0-alpha.515 → 0.2.0-alpha.516

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.516](https://github.com/mittwald/flow/compare/0.2.0-alpha.515...0.2.0-alpha.516) (2025-10-10)
+
+### Bug Fixes
+
+* **Checkbox:** fix issue with RHF ([a8951e4](https://github.com/mittwald/flow/commit/a8951e49a7cae87abce0d5ea2e0522f8563b9599))
+* **PropsContext:** fix nesting level changes during re-render ([#2068](https://github.com/mittwald/flow/issues/2068)) ([31773e3](https://github.com/mittwald/flow/commit/31773e335bbb6b76a2d192d461c248c3a331b48b))
+
 # [0.2.0-alpha.515](https://github.com/mittwald/flow/compare/0.2.0-alpha.514...0.2.0-alpha.515) (2025-10-09)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/assets/doc-properties.json

@@ -193980,11 +193980,49 @@
     "tags": {
       "flr-generate": "all"
     },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ContextualHelp/ContextualHelp.tsx",
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ContextMenu/ContextMenu.tsx",
     "description": "",
-    "displayName": "ContextualHelp",
+    "displayName": "ContextMenu",
     "methods": [],
     "props": {
+      "selectionMode": {
+        "defaultValue": null,
+        "description": "The type of selection that is allowed in the context menu.",
+        "name": "selectionMode",
+        "parent": {
+          "fileName": "components/src/components/ContextMenu/ContextMenu.tsx",
+          "name": "ContextMenuProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/ContextMenu/ContextMenu.tsx",
+            "name": "ContextMenuProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ContextMenuSelectionMode"
+        }
+      },
+      "width": {
+        "defaultValue": null,
+        "description": "Sets the context menu to a fixed width.",
+        "name": "width",
+        "parent": {
+          "fileName": "components/src/components/ContextMenu/ContextMenu.tsx",
+          "name": "ContextMenuProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/ContextMenu/ContextMenu.tsx",
+            "name": "ContextMenuProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string | number"
+        }
+      },
       "children": {
         "defaultValue": null,
         "description": "",
@@ -195781,25 +195819,6 @@
           "name": "string | null"
         }
       },
-      "width": {
-        "defaultValue": null,
-        "description": "A fixed width for the popover.",
-        "name": "width",
-        "parent": {
-          "fileName": "components/src/components/Popover/Popover.tsx",
-          "name": "PopoverProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Popover/Popover.tsx",
-            "name": "PopoverProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string | number"
-        }
-      },
       "controller": {
         "defaultValue": null,
         "description": "An overlay controller to control the popover state.",
@@ -196016,56 +196035,132 @@
         "type": {
           "name": "boolean"
         }
-      }
-    }
-  },
-  {
-    "tags": {
-      "flr-generate": "all"
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ContextMenu/ContextMenu.tsx",
-    "description": "",
-    "displayName": "ContextMenu",
-    "methods": [],
-    "props": {
-      "selectionMode": {
+      },
+      "onSelectionChange": {
         "defaultValue": null,
-        "description": "The type of selection that is allowed in the context menu.",
-        "name": "selectionMode",
+        "description": "Handler that is called when the selection changes.",
+        "name": "onSelectionChange",
         "parent": {
-          "fileName": "components/src/components/ContextMenu/ContextMenu.tsx",
-          "name": "ContextMenuProps"
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
+          "name": "MultipleSelection"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/ContextMenu/ContextMenu.tsx",
-            "name": "ContextMenuProps"
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
+            "name": "MultipleSelection"
           }
         ],
         "required": false,
         "type": {
-          "name": "ContextMenuSelectionMode"
+          "name": "((keys: Selection) => void)"
         }
       },
-      "width": {
+      "disabledKeys": {
         "defaultValue": null,
-        "description": "Sets the context menu to a fixed width.",
-        "name": "width",
+        "description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.",
+        "name": "disabledKeys",
         "parent": {
-          "fileName": "components/src/components/ContextMenu/ContextMenu.tsx",
-          "name": "ContextMenuProps"
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/collections.d.ts",
+          "name": "CollectionBase"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/ContextMenu/ContextMenu.tsx",
-            "name": "ContextMenuProps"
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/collections.d.ts",
+            "name": "CollectionBase"
           }
         ],
         "required": false,
         "type": {
-          "name": "string | number"
+          "name": "Iterable<Key>"
         }
       },
+      "selectedKeys": {
+        "defaultValue": null,
+        "description": "The currently selected keys in the collection (controlled).",
+        "name": "selectedKeys",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
+          "name": "MultipleSelection"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
+            "name": "MultipleSelection"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"all\" | Iterable<Key>"
+        }
+      },
+      "defaultSelectedKeys": {
+        "defaultValue": null,
+        "description": "The initial selected keys in the collection (uncontrolled).",
+        "name": "defaultSelectedKeys",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
+          "name": "MultipleSelection"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
+            "name": "MultipleSelection"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"all\" | Iterable<Key>"
+        }
+      },
+      "renderEmptyState": {
+        "defaultValue": null,
+        "description": "Provides content to display when there are no items in the list.",
+        "name": "renderEmptyState",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-aria-components/dist/types.d.ts",
+          "name": "ListBoxProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-aria-components/dist/types.d.ts",
+            "name": "ListBoxProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((props: ListBoxRenderProps) => ReactNode)"
+        }
+      },
+      "onAction": {
+        "defaultValue": null,
+        "description": "Handler that is called when an item is selected.",
+        "name": "onAction",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+menu@3.10.4_react@19.1.1/node_modules/@react-types/menu/src/index.d.ts",
+          "name": "MenuProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+menu@3.10.4_react@19.1.1/node_modules/@react-types/menu/src/index.d.ts",
+            "name": "MenuProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((key: Key) => void)"
+        }
+      }
+    }
+  },
+  {
+    "tags": {
+      "flr-generate": "all"
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ContextualHelp/ContextualHelp.tsx",
+    "description": "",
+    "displayName": "ContextualHelp",
+    "methods": [],
+    "props": {
       "children": {
         "defaultValue": null,
         "description": "",
@@ -197862,6 +197957,25 @@
           "name": "string | null"
         }
       },
+      "width": {
+        "defaultValue": null,
+        "description": "A fixed width for the popover.",
+        "name": "width",
+        "parent": {
+          "fileName": "components/src/components/Popover/Popover.tsx",
+          "name": "PopoverProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Popover/Popover.tsx",
+            "name": "PopoverProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string | number"
+        }
+      },
       "controller": {
         "defaultValue": null,
         "description": "An overlay controller to control the popover state.",
@@ -198078,120 +198192,6 @@
         "type": {
           "name": "boolean"
         }
-      },
-      "onSelectionChange": {
-        "defaultValue": null,
-        "description": "Handler that is called when the selection changes.",
-        "name": "onSelectionChange",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
-          "name": "MultipleSelection"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
-            "name": "MultipleSelection"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "((keys: Selection) => void)"
-        }
-      },
-      "disabledKeys": {
-        "defaultValue": null,
-        "description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.",
-        "name": "disabledKeys",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/collections.d.ts",
-          "name": "CollectionBase"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/collections.d.ts",
-            "name": "CollectionBase"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Iterable<Key>"
-        }
-      },
-      "selectedKeys": {
-        "defaultValue": null,
-        "description": "The currently selected keys in the collection (controlled).",
-        "name": "selectedKeys",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
-          "name": "MultipleSelection"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
-            "name": "MultipleSelection"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"all\" | Iterable<Key>"
-        }
-      },
-      "defaultSelectedKeys": {
-        "defaultValue": null,
-        "description": "The initial selected keys in the collection (uncontrolled).",
-        "name": "defaultSelectedKeys",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
-          "name": "MultipleSelection"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.0_react@19.1.1/node_modules/@react-types/shared/src/selection.d.ts",
-            "name": "MultipleSelection"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"all\" | Iterable<Key>"
-        }
-      },
-      "renderEmptyState": {
-        "defaultValue": null,
-        "description": "Provides content to display when there are no items in the list.",
-        "name": "renderEmptyState",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-aria-components/dist/types.d.ts",
-          "name": "ListBoxProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-aria-components/dist/types.d.ts",
-            "name": "ListBoxProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "((props: ListBoxRenderProps) => ReactNode)"
-        }
-      },
-      "onAction": {
-        "defaultValue": null,
-        "description": "Handler that is called when an item is selected.",
-        "name": "onAction",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+menu@3.10.4_react@19.1.1/node_modules/@react-types/menu/src/index.d.ts",
-          "name": "MenuProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+menu@3.10.4_react@19.1.1/node_modules/@react-types/menu/src/index.d.ts",
-            "name": "MenuProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "((key: Key) => void)"
-        }
       }
     }
   },
@@ -215903,6 +215903,70 @@
       }
     }
   },
+  {
+    "tags": {
+      "flr-generate": "all"
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Chat/Chat.tsx",
+    "description": "",
+    "displayName": "Chat",
+    "methods": [],
+    "props": {
+      "height": {
+        "defaultValue": null,
+        "description": "",
+        "name": "height",
+        "parent": {
+          "fileName": "components/src/components/Chat/Chat.tsx",
+          "name": "ChatProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Chat/Chat.tsx",
+            "name": "ChatProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Height<string | number>"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.13/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "The elements class name.",
+        "name": "className",
+        "parent": {
+          "fileName": "components/src/lib/types/props.ts",
+          "name": "PropsWithClassName"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/lib/types/props.ts",
+            "name": "PropsWithClassName"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all"
@@ -218059,70 +218123,6 @@
       }
     }
   },
-  {
-    "tags": {
-      "flr-generate": "all"
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Chat/Chat.tsx",
-    "description": "",
-    "displayName": "Chat",
-    "methods": [],
-    "props": {
-      "height": {
-        "defaultValue": null,
-        "description": "",
-        "name": "height",
-        "parent": {
-          "fileName": "components/src/components/Chat/Chat.tsx",
-          "name": "ChatProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Chat/Chat.tsx",
-            "name": "ChatProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Height<string | number>"
-        }
-      },
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.13/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "className": {
-        "defaultValue": null,
-        "description": "The elements class name.",
-        "name": "className",
-        "parent": {
-          "fileName": "components/src/lib/types/props.ts",
-          "name": "PropsWithClassName"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/lib/types/props.ts",
-            "name": "PropsWithClassName"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -300620,146 +300620,6 @@
       }
     }
   },
-  {
-    "tags": {
-      "flr-generate": "all"
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.tsx",
-    "description": "",
-    "displayName": "ContextualHelpTrigger",
-    "methods": [],
-    "props": {
-      "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.1.13/node_modules/@types/react/index.d.ts",
-          "name": "RefAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.13/node_modules/@types/react/index.d.ts",
-            "name": "RefAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Ref<HTMLInputElement>"
-        }
-      },
-      "key": {
-        "defaultValue": null,
-        "description": "",
-        "name": "key",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.1.13/node_modules/@types/react/index.d.ts",
-          "name": "Attributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.13/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.1.13/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -302854,6 +302714,146 @@
       }
     }
   },
+  {
+    "tags": {
+      "flr-generate": "all"
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.tsx",
+    "description": "",
+    "displayName": "ContextualHelpTrigger",
+    "methods": [],
+    "props": {
+      "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.1.13/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.13/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLInputElement>"
+        }
+      },
+      "key": {
+        "defaultValue": null,
+        "description": "",
+        "name": "key",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.1.13/node_modules/@types/react/index.d.ts",
+          "name": "Attributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.13/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.1.13/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all"

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

@@ -47,7 +47,7 @@ const CheckboxGroup = flowComponent("CheckboxGroup", (props) => {
       className: rootClassName,
       ref: localCheckboxGroupRef,
       children: [
-        /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+        /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, clear: true, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
           children,
           /* @__PURE__ */ jsx(ColumnLayout, { s, m, l, className: styles.checkboxGroup, children: /* @__PURE__ */ jsx(TunnelExit, { id: "checkboxButtons" }) }),
           /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./CheckboxGroup.module.scss\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface CheckboxGroupProps\n  extends PropsWithChildren<Omit<Aria.CheckboxGroupProps, \"children\">>,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const CheckboxGroup = flowComponent(\"CheckboxGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n      tunnelId: \"fieldDescription\",\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n      tunnelId: \"fieldError\",\n    },\n    Checkbox: {\n      tunnelId: \"checkboxes\",\n      className: styles.checkbox,\n    },\n    CheckboxButton: {\n      tunnelId: \"checkboxButtons\",\n      className: styles.checkboxButton,\n    },\n  };\n\n  const localCheckboxGroupRef = useObjectRef(ref);\n  useMakeFocusable(localCheckboxGroupRef);\n\n  return (\n    <Aria.CheckboxGroup\n      {...rest}\n      className={rootClassName}\n      ref={localCheckboxGroupRef}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxButtons\" />\n          </ColumnLayout>\n\n          <ColumnLayout\n            s={s ?? [1]}\n            m={m ?? [1]}\n            l={l ?? [1]}\n            rowGap=\"s\"\n            className={styles.checkboxGroup}\n          >\n            <TunnelExit id=\"checkboxes\" />\n          </ColumnLayout>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </TunnelProvider>\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.CheckboxGroup>\n  );\n});\n\nexport default CheckboxGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA,YAAA;AAAA,MACV,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA,iBAAA;AAAA,MACV,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,qBAAA,GAAwB,aAAa,GAAG,CAAA;AAC9C,EAAA,gBAAA,CAAiB,qBAAqB,CAAA;AAEtC,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,aAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,GAAK,EAAA,qBAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,aAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,iBAAA,EAAkB,CACnC,EAAA,CAAA;AAAA,0BAEA,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,MAAO,EAAA,GAAA;AAAA,cACP,WAAW,MAAO,CAAA,aAAA;AAAA,cAElB,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA;AAAA,WAC9B;AAAA,0BAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,0BAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA,SAAA,EAC9B,CACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GACrD;AAEJ,CAAC;;;;"}
+{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./CheckboxGroup.module.scss\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface CheckboxGroupProps\n  extends PropsWithChildren<Omit<Aria.CheckboxGroupProps, \"children\">>,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const CheckboxGroup = flowComponent(\"CheckboxGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n      tunnelId: \"fieldDescription\",\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n      tunnelId: \"fieldError\",\n    },\n    Checkbox: {\n      tunnelId: \"checkboxes\",\n      className: styles.checkbox,\n    },\n    CheckboxButton: {\n      tunnelId: \"checkboxButtons\",\n      className: styles.checkboxButton,\n    },\n  };\n\n  const localCheckboxGroupRef = useObjectRef(ref);\n  useMakeFocusable(localCheckboxGroupRef);\n\n  return (\n    <Aria.CheckboxGroup\n      {...rest}\n      className={rootClassName}\n      ref={localCheckboxGroupRef}\n    >\n      <PropsContextProvider props={propsContext} clear>\n        <TunnelProvider>\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxButtons\" />\n          </ColumnLayout>\n\n          <ColumnLayout\n            s={s ?? [1]}\n            m={m ?? [1]}\n            l={l ?? [1]}\n            rowGap=\"s\"\n            className={styles.checkboxGroup}\n          >\n            <TunnelExit id=\"checkboxes\" />\n          </ColumnLayout>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </TunnelProvider>\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.CheckboxGroup>\n  );\n});\n\nexport default CheckboxGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA,YAAA;AAAA,MACV,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA,iBAAA;AAAA,MACV,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,qBAAA,GAAwB,aAAa,GAAG,CAAA;AAC9C,EAAA,gBAAA,CAAiB,qBAAqB,CAAA;AAEtC,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,aAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,GAAK,EAAA,qBAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAAc,KAAK,EAAA,IAAA,EAC9C,+BAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,aAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,iBAAA,EAAkB,CACnC,EAAA,CAAA;AAAA,0BAEA,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,MAAO,EAAA,GAAA;AAAA,cACP,WAAW,MAAO,CAAA,aAAA;AAAA,cAElB,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA;AAAA,WAC9B;AAAA,0BAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,0BAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA,SAAA,EAC9B,CACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GACrD;AAEJ,CAAC;;;;"}

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

@@ -68,9 +68,7 @@ function Field(props) {
       isSelected: value
     },
     CheckboxGroup: {
-      ...fieldProps,
-      Checkbox: { onChange: void 0, children },
-      CheckboxButton: { onChange: void 0, children }
+      ...fieldProps
     },
     CheckboxButton: {
       ...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 type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, 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 FieldErrorView from \"@/views/FieldErrorView\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport { inheritProps } from \"@/lib/propsContext/inherit/types\";\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 fieldProps = {\n    ...inheritProps,\n    ...controller.field,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: controller.fieldState.invalid,\n    children: dynamic((p) => {\n      if (controller.fieldState.invalid) {\n        return (\n          <>\n            {p.children}\n            <FieldErrorView>\n              {controller.fieldState.error?.message}\n            </FieldErrorView>\n          </>\n        );\n      }\n\n      return p.children;\n    }),\n  };\n\n  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n  const propsContext: PropsContext = {\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      Checkbox: { onChange: undefined, children },\n      CheckboxButton: { onChange: undefined, children },\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      ...fieldPropsWithoutValue,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[controller.fieldState, controller.field, value]}\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":";;;;;;;;;;;AAoBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,IAAA,EAAM,YAAc,EAAA,GAAG,MAAS,GAAA,KAAA;AAElD,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,aAAa,aAAc,CAAA;AAAA,IAC/B,GAAG,KAAA;AAAA,IACH,KAAO,EAAA;AAAA,MACL,GAAG,KAAM,CAAA,KAAA;AAAA,MACT,SACE,EAAA,OAAO,IAAK,CAAA,KAAA,EAAO,cAAc,QAC7B,GAAA;AAAA,QACE,KAAA,EAAO,KAAK,KAAM,CAAA,SAAA;AAAA,QAClB,OAAA,EAAS,eAAgB,CAAA,MAAA,CAAO,WAAa,EAAA;AAAA,UAC3C,MAAA,EAAQ,KAAK,KAAM,CAAA;AAAA,SACpB;AAAA,OACH,GACA,KAAK,KAAO,EAAA,SAAA;AAAA,MAClB,SACE,EAAA,OAAO,IAAK,CAAA,KAAA,EAAO,cAAc,QAC7B,GAAA;AAAA,QACE,KAAA,EAAO,KAAK,KAAM,CAAA,SAAA;AAAA,QAClB,OAAA,EAAS,eAAgB,CAAA,MAAA,CAAO,WAAa,EAAA;AAAA,UAC3C,MAAA,EAAQ,KAAK,KAAM,CAAA;AAAA,SACpB;AAAA,OACH,GACA,KAAK,KAAO,EAAA;AAAA;AACpB,GACD,CAAA;AACD,EAAA,MAAM,cAAc,cAAkB,EAAA;AAYtC,EAAA,MAAM,QACJ,QAAS,CAAA;AAAA,IACP,OAAA,EAAS,YAAY,IAAK,CAAA,OAAA;AAAA,IAC1B;AAAA,GACD,CAAK,IAAA,UAAA,CAAW,KAAM,CAAA,KAAA;AAEzB,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,GAAG,YAAA;AAAA,IACH,GAAG,UAAW,CAAA,KAAA;AAAA,IACd,KAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAM,WAAY,CAAA,EAAA;AAAA,IAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,IAC1B,kBAAoB,EAAA,MAAA;AAAA,IACpB,YAAA;AAAA,IACA,SAAA,EAAW,WAAW,UAAW,CAAA,OAAA;AAAA,IACjC,QAAA,EAAU,OAAQ,CAAA,CAAC,CAAM,KAAA;AACvB,MAAI,IAAA,UAAA,CAAW,WAAW,OAAS,EAAA;AACjC,QAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAE,CAAA,CAAA,QAAA;AAAA,0BACF,GAAA,CAAA,cAAA,EAAA,EACE,QAAW,EAAA,UAAA,CAAA,UAAA,CAAW,OAAO,OAChC,EAAA;AAAA,SACF,EAAA,CAAA;AAAA;AAIJ,MAAA,OAAO,CAAE,CAAA,QAAA;AAAA,KACV;AAAA,GACH;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,YAAc,EAAA,GAAG,wBAA2B,GAAA,UAAA;AAE3D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA,UAAA;AAAA,IACb,SAAW,EAAA,UAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IACV,cAAgB,EAAA,UAAA;AAAA,IAChB,QAAU,EAAA;AAAA,MACR,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,aAAe,EAAA;AAAA,MACb,GAAG,UAAA;AAAA,MACH,QAAU,EAAA,EAAE,QAAU,EAAA,MAAA,EAAW,QAAS,EAAA;AAAA,MAC1C,cAAgB,EAAA,EAAE,QAAU,EAAA,MAAA,EAAW,QAAS;AAAA,KAClD;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,SAAW,EAAA,UAAA;AAAA,IACX,YAAc,EAAA,UAAA;AAAA,IACd,WAAa,EAAA,UAAA;AAAA,IACb,UAAY,EAAA,UAAA;AAAA,IACZ,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,qBAAuB,EAAA,UAAA;AAAA,IACvB,UAAY,EAAA,UAAA;AAAA,IACZ,eAAiB,EAAA,UAAA;AAAA,IACjB,SAAW,EAAA,UAAA;AAAA,IACX,gBAAkB,EAAA,UAAA;AAAA,IAClB,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACf;AAAA,IACA,QAAU,EAAA;AAAA,MACR,GAAG,sBAAA;AAAA,MACH,WAAa,EAAA;AAAA;AACf,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,cAAc,CAAC,UAAA,CAAW,UAAY,EAAA,UAAA,CAAW,OAAO,KAAK,CAAA;AAAA,MAE5D;AAAA;AAAA,GACH;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}
+{"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 type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, 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 FieldErrorView from \"@/views/FieldErrorView\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport { inheritProps } from \"@/lib/propsContext/inherit/types\";\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 fieldProps = {\n    ...inheritProps,\n    ...controller.field,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: controller.fieldState.invalid,\n    children: dynamic((p) => {\n      if (controller.fieldState.invalid) {\n        return (\n          <>\n            {p.children}\n            <FieldErrorView>\n              {controller.fieldState.error?.message}\n            </FieldErrorView>\n          </>\n        );\n      }\n\n      return p.children;\n    }),\n  };\n\n  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n  const propsContext: PropsContext = {\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      ...fieldPropsWithoutValue,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[controller.fieldState, controller.field, value]}\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/componentFactory/flowComponent.mjs

@@ -20,16 +20,18 @@ function flowComponent(componentName, ImplementationComponentType, options = {})
       props
     );
     const implementationTypeProps = propsWithContext;
-    const emptyProps = useMemo(() => ({}), []);
-    const componentProps = useComponentPropsContext(componentName) ?? emptyProps;
-    increaseNestingLevel(componentProps);
+    const componentProps = useComponentPropsContext(componentName);
+    const componentPropsToUse = useMemo(
+      () => increaseNestingLevel(componentProps ?? {}),
+      [componentProps]
+    );
     ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;
     let element = /* @__PURE__ */ jsx(MemoizedImplementationComponentType, { ...implementationTypeProps });
     if (isRemoteComponent) {
       element = /* @__PURE__ */ jsx(
         ComponentPropsContextProvider,
         {
-          componentProps,
+          componentProps: componentPropsToUse,
           levelModel: propsContextLevelMode,
           children: element
         }
@@ -38,7 +40,7 @@ function flowComponent(componentName, ImplementationComponentType, options = {})
       element = /* @__PURE__ */ jsx(
         ComponentPropsContextProviderView,
         {
-          componentProps,
+          componentProps: componentPropsToUse,
           levelModel: propsContextLevelMode,
           children: element
         }

package/dist/js/components/src/lib/componentFactory/flowComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"flowComponent.mjs","sources":["../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n  FunctionComponent,\n} from \"react\";\nimport { cloneElement, memo, useMemo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { increaseNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport ComponentPropsContextProviderView from \"@/views/ComponentPropsContextProviderView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel,\n    RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\ntype FlowComponentImplementationProps<C extends FlowComponentName> = Omit<\n  FlowComponentPropsOfName<C>,\n  keyof FlowComponentProps\n> &\n  RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\ntype FlowComponentProvisionType = \"provider\" | \"ui\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const propsContextLevelMode: PropsContextLevelMode =\n    type === \"ui\" ? \"increment\" : \"keep\";\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const emptyProps = useMemo(() => ({}), []);\n    const componentProps =\n      useComponentPropsContext(componentName) ?? emptyProps;\n    increaseNestingLevel(componentProps);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    if (isRemoteComponent) {\n      element = (\n        <ComponentPropsContextProvider\n          componentProps={componentProps}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProvider>\n      );\n    } else {\n      /**\n       * In case of a Flow component that does not have a remote counterpart\n       * (like the List component), the ComponentPropsContext must be applied on\n       * the host side, so that nesting and inheritance is working correctly.\n       */\n      element = (\n        <ComponentPropsContextProviderView\n          componentProps={componentProps}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProviderView>\n      );\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"names":[],"mappings":";;;;;;;;;;AAoDO,SAAS,aACd,CAAA,aAAA,EACA,2BACA,EAAA,OAAA,GAAmB,EACG,EAAA;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAM,EAAA,iBAAA,GAAoB,OAAU,GAAA,OAAA;AAEnD,EAAM,MAAA,qBAAA,GACJ,IAAS,KAAA,IAAA,GAAO,WAAc,GAAA,MAAA;AAEhC,EAAM,MAAA,mCAAA,GAAsC,KAAK,2BAA2B,CAAA;AAE5E,EAAA,SAAS,UAAU,KAAc,EAAA;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAU,EAAA,GAAG,kBAAqB,GAAA,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAA0B,GAAA,gBAAA;AAIhC,IAAA,MAAM,aAAa,OAAQ,CAAA,OAAO,EAAC,CAAA,EAAI,EAAE,CAAA;AACzC,IAAM,MAAA,cAAA,GACJ,wBAAyB,CAAA,aAAa,CAAK,IAAA,UAAA;AAC7C,IAAA,oBAAA,CAAqB,cAAc,CAAA;AAEnC,IAA4B,2BAAA,CAAA,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OACF,mBAAA,GAAA,CAAC,mCAAqC,EAAA,EAAA,GAAG,uBAAyB,EAAA,CAAA;AAGpE,IAAA,IAAI,iBAAmB,EAAA;AACrB,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,6BAAA;AAAA,QAAA;AAAA,UACC,cAAA;AAAA,UACA,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,KAEG,MAAA;AAML,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,iCAAA;AAAA,QAAA;AAAA,UACC,cAAA;AAAA,UACA,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA;AAIJ,IAAI,IAAA,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAQ,IAAA,OAAO,KAAM,CAAA,IAAA,KAAS,QAAU,EAAA;AACrE,MAAA,OAAA,uBACG,mBAAoB,EAAA,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAW,eAC/C,QACH,EAAA,OAAA,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,QAAU,EAAA;AACZ,MAAU,OAAA,GAAA,YAAA,CAAa,QAAU,EAAA,MAAA,EAAW,OAAO,CAAA;AAAA;AAGrD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,OAAA,mBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,QAAA,EAAW,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA;AAEhD,IAAO,OAAA,OAAA;AAAA;AAGT,EAAU,SAAA,CAAA,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,KAAK,SAAS,CAAA;AACvB;;;;"}
+{"version":3,"file":"flowComponent.mjs","sources":["../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n  FunctionComponent,\n} from \"react\";\nimport { cloneElement, memo, useMemo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { increaseNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport ComponentPropsContextProviderView from \"@/views/ComponentPropsContextProviderView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel,\n    RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\ntype FlowComponentImplementationProps<C extends FlowComponentName> = Omit<\n  FlowComponentPropsOfName<C>,\n  keyof FlowComponentProps\n> &\n  RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\ntype FlowComponentProvisionType = \"provider\" | \"ui\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const propsContextLevelMode: PropsContextLevelMode =\n    type === \"ui\" ? \"increment\" : \"keep\";\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const componentProps = useComponentPropsContext(componentName);\n    const componentPropsToUse = useMemo(\n      () => increaseNestingLevel(componentProps ?? {}),\n      [componentProps],\n    );\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    if (isRemoteComponent) {\n      element = (\n        <ComponentPropsContextProvider\n          componentProps={componentPropsToUse}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProvider>\n      );\n    } else {\n      /**\n       * In case of a Flow component that does not have a remote counterpart\n       * (like the List component), the ComponentPropsContext must be applied on\n       * the host side, so that nesting and inheritance is working correctly.\n       */\n      element = (\n        <ComponentPropsContextProviderView\n          componentProps={componentPropsToUse}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProviderView>\n      );\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"names":[],"mappings":";;;;;;;;;;AAoDO,SAAS,aACd,CAAA,aAAA,EACA,2BACA,EAAA,OAAA,GAAmB,EACG,EAAA;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAM,EAAA,iBAAA,GAAoB,OAAU,GAAA,OAAA;AAEnD,EAAM,MAAA,qBAAA,GACJ,IAAS,KAAA,IAAA,GAAO,WAAc,GAAA,MAAA;AAEhC,EAAM,MAAA,mCAAA,GAAsC,KAAK,2BAA2B,CAAA;AAE5E,EAAA,SAAS,UAAU,KAAc,EAAA;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAU,EAAA,GAAG,kBAAqB,GAAA,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAA0B,GAAA,gBAAA;AAIhC,IAAM,MAAA,cAAA,GAAiB,yBAAyB,aAAa,CAAA;AAC7D,IAAA,MAAM,mBAAsB,GAAA,OAAA;AAAA,MAC1B,MAAM,oBAAA,CAAqB,cAAkB,IAAA,EAAE,CAAA;AAAA,MAC/C,CAAC,cAAc;AAAA,KACjB;AAEA,IAA4B,2BAAA,CAAA,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OACF,mBAAA,GAAA,CAAC,mCAAqC,EAAA,EAAA,GAAG,uBAAyB,EAAA,CAAA;AAGpE,IAAA,IAAI,iBAAmB,EAAA;AACrB,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,6BAAA;AAAA,QAAA;AAAA,UACC,cAAgB,EAAA,mBAAA;AAAA,UAChB,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,KAEG,MAAA;AAML,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,iCAAA;AAAA,QAAA;AAAA,UACC,cAAgB,EAAA,mBAAA;AAAA,UAChB,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA;AAIJ,IAAI,IAAA,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAQ,IAAA,OAAO,KAAM,CAAA,IAAA,KAAS,QAAU,EAAA;AACrE,MAAA,OAAA,uBACG,mBAAoB,EAAA,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAW,eAC/C,QACH,EAAA,OAAA,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,QAAU,EAAA;AACZ,MAAU,OAAA,GAAA,YAAA,CAAa,QAAU,EAAA,MAAA,EAAW,OAAO,CAAA;AAAA;AAGrD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,OAAA,mBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,QAAA,EAAW,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA;AAEhD,IAAO,OAAA,OAAA;AAAA;AAGT,EAAU,SAAA,CAAA,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,KAAK,SAAS,CAAA;AACvB;;;;"}

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

@@ -14,7 +14,8 @@ const PropsContextProvider = memo((props) => {
     props: providedProps,
     dependencies = [],
     levelMode = "reset",
-    children
+    children,
+    clear = false
   } = props;
   const parentPropsContext = usePropsContext();
   const readPropsContextLevel = usePropsContextLevel(
@@ -22,11 +23,11 @@ const PropsContextProvider = memo((props) => {
   );
   const propsWithParentPropsContext = useMemo(
     () => mergePropsContext(
-      parentPropsContext,
+      clear ? void 0 : parentPropsContext,
       providedProps,
       readPropsContextLevel
     ),
-    [parentPropsContext, readPropsContextLevel, ...dependencies]
+    [parentPropsContext, clear, readPropsContextLevel, ...dependencies]
   );
   return /* @__PURE__ */ jsx(PropsContextLevelProvider, { mode: levelMode, children: /* @__PURE__ */ jsx(Provider, { value: propsWithParentPropsContext, children }) });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"PropsContextProvider.mjs","sources":["../../../../../../../src/lib/propsContext/components/PropsContextProvider.tsx"],"sourcesContent":["import { usePropsContextLevel } from \"@/lib/propsContext/inherit/propsContextLevel\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport mergePropsContext from \"@/lib/propsContext/mergePropsContext\";\nimport { propsContext, usePropsContext } from \"@/lib/propsContext/propsContext\";\nimport type { PropsContext as PropsContextShape } from \"@/lib/propsContext/types\";\nimport type { DependencyList, FC, PropsWithChildren } from \"react\";\nimport { memo, useMemo } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  props: PropsContextShape;\n  dependencies?: DependencyList;\n  clear?: boolean;\n  levelMode?: PropsContextLevelMode;\n}\n\nconst Provider = memo(propsContext.Provider);\nProvider.displayName = \"PropsContextProviderInner\";\n\nexport const PropsContextProvider: FC<Props> = memo((props) => {\n  const {\n    props: providedProps,\n    dependencies = [],\n    levelMode = \"reset\",\n    children,\n  } = props;\n\n  const parentPropsContext = usePropsContext();\n\n  const readPropsContextLevel = usePropsContextLevel(\n    levelMode === \"keep\" ? \"decrement\" : levelMode,\n  );\n\n  const propsWithParentPropsContext = useMemo(\n    () =>\n      mergePropsContext(\n        parentPropsContext,\n        providedProps,\n        readPropsContextLevel,\n      ),\n    [parentPropsContext, readPropsContextLevel, ...dependencies],\n  );\n\n  return (\n    <PropsContextLevelProvider mode={levelMode}>\n      <Provider value={propsWithParentPropsContext}>{children}</Provider>\n    </PropsContextLevelProvider>\n  );\n});\n\nPropsContextProvider.displayName = \"PropsContextProvider\";\n\nexport default PropsContextProvider;\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,QAAA,GAAW,IAAK,CAAA,YAAA,CAAa,QAAQ,CAAA;AAC3C,QAAA,CAAS,WAAc,GAAA,2BAAA;AAEV,MAAA,oBAAA,GAAkC,IAAK,CAAA,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,aAAA;AAAA,IACP,eAAe,EAAC;AAAA,IAChB,SAAY,GAAA,OAAA;AAAA,IACZ;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,qBAAqB,eAAgB,EAAA;AAE3C,EAAA,MAAM,qBAAwB,GAAA,oBAAA;AAAA,IAC5B,SAAA,KAAc,SAAS,WAAc,GAAA;AAAA,GACvC;AAEA,EAAA,MAAM,2BAA8B,GAAA,OAAA;AAAA,IAClC,MACE,iBAAA;AAAA,MACE,kBAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF;AAAA,IACF,CAAC,kBAAA,EAAoB,qBAAuB,EAAA,GAAG,YAAY;AAAA,GAC7D;AAEA,EACE,uBAAA,GAAA,CAAC,6BAA0B,IAAM,EAAA,SAAA,EAC/B,8BAAC,QAAS,EAAA,EAAA,KAAA,EAAO,2BAA8B,EAAA,QAAA,EAAS,CAC1D,EAAA,CAAA;AAEJ,CAAC;AAED,oBAAA,CAAqB,WAAc,GAAA,sBAAA;;;;"}
+{"version":3,"file":"PropsContextProvider.mjs","sources":["../../../../../../../src/lib/propsContext/components/PropsContextProvider.tsx"],"sourcesContent":["import { usePropsContextLevel } from \"@/lib/propsContext/inherit/propsContextLevel\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport mergePropsContext from \"@/lib/propsContext/mergePropsContext\";\nimport { propsContext, usePropsContext } from \"@/lib/propsContext/propsContext\";\nimport type { PropsContext as PropsContextShape } from \"@/lib/propsContext/types\";\nimport type { DependencyList, FC, PropsWithChildren } from \"react\";\nimport { memo, useMemo } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  props: PropsContextShape;\n  dependencies?: DependencyList;\n  clear?: boolean;\n  levelMode?: PropsContextLevelMode;\n}\n\nconst Provider = memo(propsContext.Provider);\nProvider.displayName = \"PropsContextProviderInner\";\n\nexport const PropsContextProvider: FC<Props> = memo((props) => {\n  const {\n    props: providedProps,\n    dependencies = [],\n    levelMode = \"reset\",\n    children,\n    clear = false,\n  } = props;\n\n  const parentPropsContext = usePropsContext();\n\n  const readPropsContextLevel = usePropsContextLevel(\n    levelMode === \"keep\" ? \"decrement\" : levelMode,\n  );\n\n  const propsWithParentPropsContext = useMemo(\n    () =>\n      mergePropsContext(\n        clear ? undefined : parentPropsContext,\n        providedProps,\n        readPropsContextLevel,\n      ),\n    [parentPropsContext, clear, readPropsContextLevel, ...dependencies],\n  );\n\n  return (\n    <PropsContextLevelProvider mode={levelMode}>\n      <Provider value={propsWithParentPropsContext}>{children}</Provider>\n    </PropsContextLevelProvider>\n  );\n});\n\nPropsContextProvider.displayName = \"PropsContextProvider\";\n\nexport default PropsContextProvider;\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,QAAA,GAAW,IAAK,CAAA,YAAA,CAAa,QAAQ,CAAA;AAC3C,QAAA,CAAS,WAAc,GAAA,2BAAA;AAEV,MAAA,oBAAA,GAAkC,IAAK,CAAA,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,aAAA;AAAA,IACP,eAAe,EAAC;AAAA,IAChB,SAAY,GAAA,OAAA;AAAA,IACZ,QAAA;AAAA,IACA,KAAQ,GAAA;AAAA,GACN,GAAA,KAAA;AAEJ,EAAA,MAAM,qBAAqB,eAAgB,EAAA;AAE3C,EAAA,MAAM,qBAAwB,GAAA,oBAAA;AAAA,IAC5B,SAAA,KAAc,SAAS,WAAc,GAAA;AAAA,GACvC;AAEA,EAAA,MAAM,2BAA8B,GAAA,OAAA;AAAA,IAClC,MACE,iBAAA;AAAA,MACE,QAAQ,MAAY,GAAA,kBAAA;AAAA,MACpB,aAAA;AAAA,MACA;AAAA,KACF;AAAA,IACF,CAAC,kBAAA,EAAoB,KAAO,EAAA,qBAAA,EAAuB,GAAG,YAAY;AAAA,GACpE;AAEA,EACE,uBAAA,GAAA,CAAC,6BAA0B,IAAM,EAAA,SAAA,EAC/B,8BAAC,QAAS,EAAA,EAAA,KAAA,EAAO,2BAA8B,EAAA,QAAA,EAAS,CAC1D,EAAA,CAAA;AAEJ,CAAC;AAED,oBAAA,CAAqB,WAAc,GAAA,sBAAA;;;;"}

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

@@ -13,9 +13,10 @@ const getNestingLevel = (props) => {
 };
 const increaseNestingLevel = (propsContext) => {
   const currentNestingLevel = getNestingLevel(propsContext);
-  Object.assign(propsContext, {
+  return {
+    ...propsContext,
     [nestingLevelKey]: currentNestingLevel + 1
-  });
+  };
 };
 
 export { getNestingLevel, increaseNestingLevel, isNestingLevelKey, isNestingProps };

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

@@ -1 +1 @@
-{"version":3,"file":"lib.mjs","sources":["../../../../../../../src/lib/propsContext/nestedPropsContext/lib.ts"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext/types\";\nimport {\n  nestingLevelKey,\n  type NestingLevelProps,\n} from \"@/lib/propsContext/nestedPropsContext/types\";\n\nexport function isNestingProps(\n  propsContext: PropsContext,\n): propsContext is NestingLevelProps {\n  return (\n    nestingLevelKey in propsContext &&\n    typeof propsContext[nestingLevelKey] === \"number\"\n  );\n}\n\nexport function isNestingLevelKey(key: string) {\n  return key === nestingLevelKey;\n}\n\nexport const getNestingLevel = (props: PropsContext) => {\n  return isNestingProps(props) ? (props[nestingLevelKey] ?? 0) : 0;\n};\n\nexport const increaseNestingLevel = (propsContext: PropsContext) => {\n  const currentNestingLevel = getNestingLevel(propsContext);\n  Object.assign(propsContext, {\n    [nestingLevelKey]: currentNestingLevel + 1,\n  });\n};\n"],"names":[],"mappings":";;AAMO,SAAS,eACd,YACmC,EAAA;AACnC,EAAA,OACE,eAAmB,IAAA,YAAA,IACnB,OAAO,YAAA,CAAa,eAAe,CAAM,KAAA,QAAA;AAE7C;AAEO,SAAS,kBAAkB,GAAa,EAAA;AAC7C,EAAA,OAAO,GAAQ,KAAA,eAAA;AACjB;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAwB,KAAA;AACtD,EAAA,OAAO,eAAe,KAAK,CAAA,GAAK,KAAM,CAAA,eAAe,KAAK,CAAK,GAAA,CAAA;AACjE;AAEa,MAAA,oBAAA,GAAuB,CAAC,YAA+B,KAAA;AAClE,EAAM,MAAA,mBAAA,GAAsB,gBAAgB,YAAY,CAAA;AACxD,EAAA,MAAA,CAAO,OAAO,YAAc,EAAA;AAAA,IAC1B,CAAC,eAAe,GAAG,mBAAsB,GAAA;AAAA,GAC1C,CAAA;AACH;;;;"}
+{"version":3,"file":"lib.mjs","sources":["../../../../../../../src/lib/propsContext/nestedPropsContext/lib.ts"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext/types\";\nimport {\n  nestingLevelKey,\n  type NestingLevelProps,\n} from \"@/lib/propsContext/nestedPropsContext/types\";\n\nexport function isNestingProps(\n  propsContext: PropsContext,\n): propsContext is NestingLevelProps {\n  return (\n    nestingLevelKey in propsContext &&\n    typeof propsContext[nestingLevelKey] === \"number\"\n  );\n}\n\nexport function isNestingLevelKey(key: string) {\n  return key === nestingLevelKey;\n}\n\nexport const getNestingLevel = (props: PropsContext) => {\n  return isNestingProps(props) ? (props[nestingLevelKey] ?? 0) : 0;\n};\n\nexport const increaseNestingLevel = (propsContext: PropsContext) => {\n  const currentNestingLevel = getNestingLevel(propsContext);\n  return {\n    ...propsContext,\n    [nestingLevelKey]: currentNestingLevel + 1,\n  };\n};\n"],"names":[],"mappings":";;AAMO,SAAS,eACd,YACmC,EAAA;AACnC,EAAA,OACE,eAAmB,IAAA,YAAA,IACnB,OAAO,YAAA,CAAa,eAAe,CAAM,KAAA,QAAA;AAE7C;AAEO,SAAS,kBAAkB,GAAa,EAAA;AAC7C,EAAA,OAAO,GAAQ,KAAA,eAAA;AACjB;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAwB,KAAA;AACtD,EAAA,OAAO,eAAe,KAAK,CAAA,GAAK,KAAM,CAAA,eAAe,KAAK,CAAK,GAAA,CAAA;AACjE;AAEa,MAAA,oBAAA,GAAuB,CAAC,YAA+B,KAAA;AAClE,EAAM,MAAA,mBAAA,GAAsB,gBAAgB,YAAY,CAAA;AACxD,EAAO,OAAA;AAAA,IACL,GAAG,YAAA;AAAA,IACH,CAAC,eAAe,GAAG,mBAAsB,GAAA;AAAA,GAC3C;AACF;;;;"}

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,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAEhB,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAMzB,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,2CA6HhE;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,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAEhB,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAMzB,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,2CA2HhE;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/componentFactory/flowComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flowComponent.d.ts","sourceRoot":"","sources":["../../../../src/lib/componentFactory/flowComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,IAAI,wBAAwB,EAC/C,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAEV,aAAa,EACb,YAAY,EAEZ,aAAa,EACb,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAUzD,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;AAEnE,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,cAAc,CACpD,SAAQ,eAAe,EACrB,aAAa,CAAC,CAAC,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,KAAK,gCAAgC,CAAC,CAAC,SAAS,iBAAiB,IAAI,IAAI,CACvE,wBAAwB,CAAC,CAAC,CAAC,EAC3B,MAAM,kBAAkB,CACzB,GACC,aAAa,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,KAAK,+BAA+B,CAAC,CAAC,SAAS,iBAAiB,IAC9D,aAAa,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,CAAC;AAErD,KAAK,iBAAiB,CAAC,CAAC,SAAS,iBAAiB,IAAI,iBAAiB,CACrE,wBAAwB,CAAC,CAAC,CAAC,GACzB,aAAa,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,CAAC;AAEF,KAAK,0BAA0B,GAAG,UAAU,GAAG,IAAI,CAAC;AAEpD,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,0BAA0B,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,iBAAiB,EACvD,aAAa,EAAE,CAAC,EAChB,2BAA2B,EAAE,+BAA+B,CAAC,CAAC,CAAC,EAC/D,OAAO,GAAE,OAAY,GACpB,iBAAiB,CAAC,CAAC,CAAC,CA6EtB"}
+{"version":3,"file":"flowComponent.d.ts","sourceRoot":"","sources":["../../../../src/lib/componentFactory/flowComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,IAAI,wBAAwB,EAC/C,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAEV,aAAa,EACb,YAAY,EAEZ,aAAa,EACb,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAUzD,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;AAEnE,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,cAAc,CACpD,SAAQ,eAAe,EACrB,aAAa,CAAC,CAAC,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,KAAK,gCAAgC,CAAC,CAAC,SAAS,iBAAiB,IAAI,IAAI,CACvE,wBAAwB,CAAC,CAAC,CAAC,EAC3B,MAAM,kBAAkB,CACzB,GACC,aAAa,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,KAAK,+BAA+B,CAAC,CAAC,SAAS,iBAAiB,IAC9D,aAAa,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,CAAC;AAErD,KAAK,iBAAiB,CAAC,CAAC,SAAS,iBAAiB,IAAI,iBAAiB,CACrE,wBAAwB,CAAC,CAAC,CAAC,GACzB,aAAa,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,CAAC;AAEF,KAAK,0BAA0B,GAAG,UAAU,GAAG,IAAI,CAAC;AAEpD,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,0BAA0B,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,iBAAiB,EACvD,aAAa,EAAE,CAAC,EAChB,2BAA2B,EAAE,+BAA+B,CAAC,CAAC,CAAC,EAC/D,OAAO,GAAE,OAAY,GACpB,iBAAiB,CAAC,CAAC,CAAC,CA8EtB"}

package/dist/types/lib/propsContext/components/PropsContextProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropsContextProvider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/propsContext/components/PropsContextProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAG9E,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnE,UAAU,KAAM,SAAQ,iBAAiB;IACvC,KAAK,EAAE,iBAAiB,CAAC;IACzB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAKD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA6BzC,CAAC;AAIH,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"PropsContextProvider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/propsContext/components/PropsContextProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAG9E,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnE,UAAU,KAAM,SAAQ,iBAAiB;IACvC,KAAK,EAAE,iBAAiB,CAAC;IACzB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAKD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA8BzC,CAAC;AAIH,eAAe,oBAAoB,CAAC"}

package/dist/types/lib/propsContext/nestedPropsContext/lib.d.ts

@@ -3,5 +3,84 @@ import { NestingLevelProps } from './types';
 export declare function isNestingProps(propsContext: PropsContext): propsContext is NestingLevelProps;
 export declare function isNestingLevelKey(key: string): key is "___nestingLevel";
 export declare const getNestingLevel: (props: PropsContext) => number;
-export declare const increaseNestingLevel: (propsContext: PropsContext) => void;
+export declare const increaseNestingLevel: (propsContext: PropsContext) => {
+    ___nestingLevel: number;
+    AccentBox?: import('../types').ComponentPropsContext<"AccentBox"> | undefined;
+    Action?: import('../types').ComponentPropsContext<"Action"> | undefined;
+    ActionGroup?: import('../types').ComponentPropsContext<"ActionGroup"> | undefined;
+    Alert?: import('../types').ComponentPropsContext<"Alert"> | undefined;
+    AlertBadge?: import('../types').ComponentPropsContext<"AlertBadge"> | undefined;
+    AlertIcon?: import('../types').ComponentPropsContext<"AlertIcon"> | undefined;
+    Align?: import('../types').ComponentPropsContext<"Align"> | undefined;
+    Avatar?: import('../types').ComponentPropsContext<"Avatar"> | undefined;
+    Autocomplete?: import('../types').ComponentPropsContext<"Autocomplete"> | undefined;
+    Badge?: import('../types').ComponentPropsContext<"Badge"> | undefined;
+    Button?: import('../types').ComponentPropsContext<"Button"> | undefined;
+    Checkbox?: import('../types').ComponentPropsContext<"Checkbox"> | undefined;
+    CheckboxButton?: import('../types').ComponentPropsContext<"CheckboxButton"> | undefined;
+    CheckboxGroup?: import('../types').ComponentPropsContext<"CheckboxGroup"> | undefined;
+    ColumnLayout?: import('../types').ComponentPropsContext<"ColumnLayout"> | undefined;
+    ComboBox?: import('../types').ComponentPropsContext<"ComboBox"> | undefined;
+    Content?: import('../types').ComponentPropsContext<"Content"> | undefined;
+    ContextMenu?: import('../types').ComponentPropsContext<"ContextMenu"> | undefined;
+    ContextMenuSection?: import('../types').ComponentPropsContext<"ContextMenuSection"> | undefined;
+    ContextMenuTrigger?: import('../types').ComponentPropsContext<"ContextMenuTrigger"> | undefined;
+    ContextualHelp?: import('../types').ComponentPropsContext<"ContextualHelp"> | undefined;
+    ContextualHelpTrigger?: import('../types').ComponentPropsContext<"ContextualHelpTrigger"> | undefined;
+    CopyButton?: import('../types').ComponentPropsContext<"CopyButton"> | undefined;
+    CounterBadge?: import('../types').ComponentPropsContext<"CounterBadge"> | undefined;
+    CountryOptions?: import('../types').ComponentPropsContext<"CountryOptions"> | undefined;
+    DatePicker?: import('../types').ComponentPropsContext<"DatePicker"> | undefined;
+    DateRangePicker?: import('../types').ComponentPropsContext<"DateRangePicker"> | undefined;
+    FieldDescription?: import('../types').ComponentPropsContext<"FieldDescription"> | undefined;
+    FieldError?: import('../types').ComponentPropsContext<"FieldError"> | undefined;
+    FileCard?: import('../types').ComponentPropsContext<"FileCard"> | undefined;
+    FileCardList?: import('../types').ComponentPropsContext<"FileCardList"> | undefined;
+    FileField?: import('../types').ComponentPropsContext<"FileField"> | undefined;
+    FileDropZone?: import('../types').ComponentPropsContext<"FileDropZone"> | undefined;
+    Header?: import('../types').ComponentPropsContext<"Header"> | undefined;
+    Heading?: import('../types').ComponentPropsContext<"Heading"> | undefined;
+    Icon?: import('../types').ComponentPropsContext<"Icon"> | undefined;
+    Image?: import('../types').ComponentPropsContext<"Image"> | undefined;
+    Initials?: import('../types').ComponentPropsContext<"Initials"> | undefined;
+    Label?: import('../types').ComponentPropsContext<"Label"> | undefined;
+    LayoutCard?: import('../types').ComponentPropsContext<"LayoutCard"> | undefined;
+    LightBox?: import('../types').ComponentPropsContext<"LightBox"> | undefined;
+    Link?: import('../types').ComponentPropsContext<"Link"> | undefined;
+    List?: import('../types').ComponentPropsContext<"List"> | undefined;
+    ListSummary?: import('../types').ComponentPropsContext<"ListSummary"> | undefined;
+    MarkdownEditor?: import('../types').ComponentPropsContext<"MarkdownEditor"> | undefined;
+    MenuItem?: import('../types').ComponentPropsContext<"MenuItem"> | undefined;
+    MenuTrigger?: import('../types').ComponentPropsContext<"MenuTrigger"> | undefined;
+    Message?: import('../types').ComponentPropsContext<"Message"> | undefined;
+    MessageThread?: import('../types').ComponentPropsContext<"MessageThread"> | undefined;
+    Modal?: import('../types').ComponentPropsContext<"Modal"> | undefined;
+    Navigation?: import('../types').ComponentPropsContext<"Navigation"> | undefined;
+    NavigationGroup?: import('../types').ComponentPropsContext<"NavigationGroup"> | undefined;
+    NumberField?: import('../types').ComponentPropsContext<"NumberField"> | undefined;
+    Option?: import('../types').ComponentPropsContext<"Option"> | undefined;
+    Options?: import('../types').ComponentPropsContext<"Options"> | undefined;
+    Popover?: import('../types').ComponentPropsContext<"Popover"> | undefined;
+    PopoverTrigger?: import('../types').ComponentPropsContext<"PopoverTrigger"> | undefined;
+    PasswordCreationField?: import('../types').ComponentPropsContext<"PasswordCreationField"> | undefined;
+    ProgressBar?: import('../types').ComponentPropsContext<"ProgressBar"> | undefined;
+    Radio?: import('../types').ComponentPropsContext<"Radio"> | undefined;
+    RadioButton?: import('../types').ComponentPropsContext<"RadioButton"> | undefined;
+    RadioGroup?: import('../types').ComponentPropsContext<"RadioGroup"> | undefined;
+    SearchField?: import('../types').ComponentPropsContext<"SearchField"> | undefined;
+    Section?: import('../types').ComponentPropsContext<"Section"> | undefined;
+    Segment?: import('../types').ComponentPropsContext<"Segment"> | undefined;
+    SegmentedControl?: import('../types').ComponentPropsContext<"SegmentedControl"> | undefined;
+    Select?: import('../types').ComponentPropsContext<"Select"> | undefined;
+    Slider?: import('../types').ComponentPropsContext<"Slider"> | undefined;
+    Switch?: import('../types').ComponentPropsContext<"Switch"> | undefined;
+    Tabs?: import('../types').ComponentPropsContext<"Tabs"> | undefined;
+    TabTitle?: import('../types').ComponentPropsContext<"TabTitle"> | undefined;
+    Text?: import('../types').ComponentPropsContext<"Text"> | undefined;
+    TextArea?: import('../types').ComponentPropsContext<"TextArea"> | undefined;
+    TextField?: import('../types').ComponentPropsContext<"TextField"> | undefined;
+    TimeField?: import('../types').ComponentPropsContext<"TimeField"> | undefined;
+    TestComponent?: import('../types').ComponentPropsContext<"TestComponent"> | undefined;
+    ___inherit?: boolean;
+};
 //# sourceMappingURL=lib.d.ts.map

package/dist/types/lib/propsContext/nestedPropsContext/lib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../../../../src/lib/propsContext/nestedPropsContext/lib.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,6CAA6C,CAAC;AAErD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,YAAY,GACzB,YAAY,IAAI,iBAAiB,CAKnC;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,4BAE5C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,YAAY,WAElD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,cAAc,YAAY,SAK9D,CAAC"}
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../../../../src/lib/propsContext/nestedPropsContext/lib.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,6CAA6C,CAAC;AAErD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,YAAY,GACzB,YAAY,IAAI,iBAAiB,CAKnC;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,4BAE5C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,YAAY,WAElD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,cAAc,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM9D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.515",
+  "version": "0.2.0-alpha.516",
   "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.515",
+    "@mittwald/react-tunnel": "0.2.0-alpha.516",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.1.1",
     "@react-aria/live-announcer": "^3.4.4",
@@ -101,7 +101,7 @@
     "@faker-js/faker": "^9.9.0",
     "@internationalized/date": "^3.9.0",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.515",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.516",
     "@mittwald/react-use-promise": "^3.0.4",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -174,5 +174,5 @@
       "optional": true
     }
   },
-  "gitHead": "9ed87e1832978162d99b95ff869a6092ee2a8a65"
+  "gitHead": "2722020f2c6783e726dbc1f687551dc290113e3f"
 }