@mittwald/flow-react-components 0.2.0-alpha.73 → 0.2.0-alpha.75

package/dist/assets/doc-properties.json

@@ -33919,13 +33919,90 @@
   },
   {
     "tags": {
-      "flr-generate": "all"
+      "flr-generate": "all",
+      "flr-clear-props-context": ""
     },
-    "filePath": "src/components/NotificationProvider/NotificationProvider.tsx",
+    "filePath": "src/components/Notification/Notification.tsx",
     "description": "",
-    "displayName": "NotificationProvider",
+    "displayName": "Notification",
     "methods": [],
     "props": {
+      "href": {
+        "defaultValue": null,
+        "description": "A link that is triggered when clicking the notification.",
+        "name": "href",
+        "parent": {
+          "fileName": "src/components/Notification/Notification.tsx",
+          "name": "NotificationProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/Notification/Notification.tsx",
+            "name": "NotificationProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "autoClose": {
+        "defaultValue": null,
+        "description": "Whether the notification should disappear automatically after some time.",
+        "name": "autoClose",
+        "parent": {
+          "fileName": "src/components/Notification/Notification.tsx",
+          "name": "NotificationProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/Notification/Notification.tsx",
+            "name": "NotificationProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "onClick": {
+        "defaultValue": null,
+        "description": "Handler that is called when the notification is clicked.",
+        "name": "onClick",
+        "parent": {
+          "fileName": "src/components/Notification/Notification.tsx",
+          "name": "NotificationProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/Notification/Notification.tsx",
+            "name": "NotificationProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(() => void)"
+        }
+      },
+      "onClose": {
+        "defaultValue": null,
+        "description": "Handler that is called when the close button of the notification is\nclicked.",
+        "name": "onClose",
+        "parent": {
+          "fileName": "src/components/Notification/Notification.tsx",
+          "name": "NotificationProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/Notification/Notification.tsx",
+            "name": "NotificationProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(() => void)"
+        }
+      },
       "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}",
@@ -37654,25 +37731,6 @@
           "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
-      "onClick": {
-        "defaultValue": null,
-        "description": "",
-        "name": "onClick",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-          "name": "DOMAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-            "name": "DOMAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
-        }
-      },
       "onClickCapture": {
         "defaultValue": null,
         "description": "",
@@ -39211,14 +39269,31 @@
         "type": {
           "name": "TransitionEventHandler<HTMLDivElement>"
         }
+      },
+      "status": {
+        "defaultValue": null,
+        "description": "The elements status",
+        "name": "status",
+        "declarations": [
+          {
+            "fileName": "src/lib/types/props.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Status"
+        }
       }
     }
   },
   {
-    "tags": {},
-    "filePath": "src/components/NotificationProvider/NotificationContainer.tsx",
+    "tags": {
+      "flr-generate": "all"
+    },
+    "filePath": "src/components/Navigation/Navigation.tsx",
     "description": "",
-    "displayName": "NotificationContainer",
+    "displayName": "Navigation",
     "methods": [],
     "props": {
       "ref": {
@@ -39237,7 +39312,7 @@
         ],
         "required": false,
         "type": {
-          "name": "Ref<HTMLDivElement>"
+          "name": "Ref<HTMLElement>"
         }
       },
       "key": {
@@ -41285,6 +41360,10 @@
           {
             "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
             "name": "DOMAttributes"
+          },
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -41327,7 +41406,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLDivElement>"
+          "name": "ClipboardEventHandler<HTMLElement>"
         }
       },
       "onCopyCapture": {
@@ -41346,7 +41425,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLDivElement>"
+          "name": "ClipboardEventHandler<HTMLElement>"
         }
       },
       "onCut": {
@@ -41365,7 +41444,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLDivElement>"
+          "name": "ClipboardEventHandler<HTMLElement>"
         }
       },
       "onCutCapture": {
@@ -41384,7 +41463,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLDivElement>"
+          "name": "ClipboardEventHandler<HTMLElement>"
         }
       },
       "onPaste": {
@@ -41403,7 +41482,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLDivElement>"
+          "name": "ClipboardEventHandler<HTMLElement>"
         }
       },
       "onPasteCapture": {
@@ -41422,7 +41501,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLDivElement>"
+          "name": "ClipboardEventHandler<HTMLElement>"
         }
       },
       "onCompositionEnd": {
@@ -41441,7 +41520,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLDivElement>"
+          "name": "CompositionEventHandler<HTMLElement>"
         }
       },
       "onCompositionEndCapture": {
@@ -41460,7 +41539,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLDivElement>"
+          "name": "CompositionEventHandler<HTMLElement>"
         }
       },
       "onCompositionStart": {
@@ -41479,7 +41558,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLDivElement>"
+          "name": "CompositionEventHandler<HTMLElement>"
         }
       },
       "onCompositionStartCapture": {
@@ -41498,7 +41577,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLDivElement>"
+          "name": "CompositionEventHandler<HTMLElement>"
         }
       },
       "onCompositionUpdate": {
@@ -41517,7 +41596,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLDivElement>"
+          "name": "CompositionEventHandler<HTMLElement>"
         }
       },
       "onCompositionUpdateCapture": {
@@ -41536,7 +41615,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLDivElement>"
+          "name": "CompositionEventHandler<HTMLElement>"
         }
       },
       "onFocus": {
@@ -41555,7 +41634,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FocusEventHandler<HTMLDivElement>"
+          "name": "FocusEventHandler<HTMLElement>"
         }
       },
       "onFocusCapture": {
@@ -41574,7 +41653,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FocusEventHandler<HTMLDivElement>"
+          "name": "FocusEventHandler<HTMLElement>"
         }
       },
       "onBlur": {
@@ -41593,7 +41672,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FocusEventHandler<HTMLDivElement>"
+          "name": "FocusEventHandler<HTMLElement>"
         }
       },
       "onBlurCapture": {
@@ -41612,7 +41691,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FocusEventHandler<HTMLDivElement>"
+          "name": "FocusEventHandler<HTMLElement>"
         }
       },
       "onChange": {
@@ -41631,7 +41710,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onChangeCapture": {
@@ -41650,7 +41729,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onBeforeInput": {
@@ -41669,7 +41748,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onBeforeInputCapture": {
@@ -41688,7 +41767,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onInput": {
@@ -41707,7 +41786,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onInputCapture": {
@@ -41726,7 +41805,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onReset": {
@@ -41745,7 +41824,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onResetCapture": {
@@ -41764,7 +41843,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onSubmit": {
@@ -41783,7 +41862,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onSubmitCapture": {
@@ -41802,7 +41881,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onInvalid": {
@@ -41821,7 +41900,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onInvalidCapture": {
@@ -41840,7 +41919,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLDivElement>"
+          "name": "FormEventHandler<HTMLElement>"
         }
       },
       "onLoad": {
@@ -41859,7 +41938,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onLoadCapture": {
@@ -41878,7 +41957,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onError": {
@@ -41897,7 +41976,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onErrorCapture": {
@@ -41916,7 +41995,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onKeyDown": {
@@ -41935,7 +42014,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLDivElement>"
+          "name": "KeyboardEventHandler<HTMLElement>"
         }
       },
       "onKeyDownCapture": {
@@ -41954,7 +42033,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLDivElement>"
+          "name": "KeyboardEventHandler<HTMLElement>"
         }
       },
       "onKeyPress": {
@@ -41973,7 +42052,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLDivElement>"
+          "name": "KeyboardEventHandler<HTMLElement>"
         }
       },
       "onKeyPressCapture": {
@@ -41992,7 +42071,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLDivElement>"
+          "name": "KeyboardEventHandler<HTMLElement>"
         }
       },
       "onKeyUp": {
@@ -42011,7 +42090,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLDivElement>"
+          "name": "KeyboardEventHandler<HTMLElement>"
         }
       },
       "onKeyUpCapture": {
@@ -42030,7 +42109,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLDivElement>"
+          "name": "KeyboardEventHandler<HTMLElement>"
         }
       },
       "onAbort": {
@@ -42049,7 +42128,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onAbortCapture": {
@@ -42068,7 +42147,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onCanPlay": {
@@ -42087,7 +42166,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onCanPlayCapture": {
@@ -42106,7 +42185,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onCanPlayThrough": {
@@ -42125,7 +42204,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onCanPlayThroughCapture": {
@@ -42144,7 +42223,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onDurationChange": {
@@ -42163,7 +42242,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onDurationChangeCapture": {
@@ -42182,7 +42261,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onEmptied": {
@@ -42201,7 +42280,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onEmptiedCapture": {
@@ -42220,7 +42299,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onEncrypted": {
@@ -42239,7 +42318,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onEncryptedCapture": {
@@ -42258,7 +42337,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onEnded": {
@@ -42277,7 +42356,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onEndedCapture": {
@@ -42296,7 +42375,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onLoadedData": {
@@ -42315,7 +42394,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onLoadedDataCapture": {
@@ -42334,7 +42413,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onLoadedMetadata": {
@@ -42353,7 +42432,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onLoadedMetadataCapture": {
@@ -42372,7 +42451,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onLoadStart": {
@@ -42391,7 +42470,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onLoadStartCapture": {
@@ -42410,7 +42489,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onPause": {
@@ -42429,7 +42508,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onPauseCapture": {
@@ -42448,7 +42527,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onPlay": {
@@ -42467,7 +42546,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onPlayCapture": {
@@ -42486,7 +42565,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onPlaying": {
@@ -42505,7 +42584,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onPlayingCapture": {
@@ -42524,7 +42603,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onProgress": {
@@ -42543,7 +42622,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onProgressCapture": {
@@ -42562,7 +42641,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onRateChange": {
@@ -42581,7 +42660,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onRateChangeCapture": {
@@ -42600,7 +42679,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onResize": {
@@ -42619,7 +42698,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onResizeCapture": {
@@ -42638,7 +42717,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onSeeked": {
@@ -42657,7 +42736,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onSeekedCapture": {
@@ -42676,7 +42755,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onSeeking": {
@@ -42695,7 +42774,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onSeekingCapture": {
@@ -42714,7 +42793,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onStalled": {
@@ -42733,7 +42812,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onStalledCapture": {
@@ -42752,7 +42831,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onSuspend": {
@@ -42771,7 +42850,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onSuspendCapture": {
@@ -42790,7 +42869,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onTimeUpdate": {
@@ -42809,7 +42888,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onTimeUpdateCapture": {
@@ -42828,7 +42907,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onVolumeChange": {
@@ -42847,7 +42926,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onVolumeChangeCapture": {
@@ -42866,7 +42945,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onWaiting": {
@@ -42885,7 +42964,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onWaitingCapture": {
@@ -42904,7 +42983,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onAuxClick": {
@@ -42923,7 +43002,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onAuxClickCapture": {
@@ -42942,7 +43021,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onClick": {
@@ -42961,7 +43040,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onClickCapture": {
@@ -42980,7 +43059,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onContextMenu": {
@@ -42999,7 +43078,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onContextMenuCapture": {
@@ -43018,7 +43097,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onDoubleClick": {
@@ -43037,7 +43116,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onDoubleClickCapture": {
@@ -43056,7 +43135,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onDrag": {
@@ -43075,7 +43154,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragCapture": {
@@ -43094,7 +43173,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragEnd": {
@@ -43113,7 +43192,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragEndCapture": {
@@ -43132,7 +43211,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragEnter": {
@@ -43151,7 +43230,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragEnterCapture": {
@@ -43170,7 +43249,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragExit": {
@@ -43189,7 +43268,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragExitCapture": {
@@ -43208,7 +43287,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragLeave": {
@@ -43227,7 +43306,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragLeaveCapture": {
@@ -43246,7 +43325,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragOver": {
@@ -43265,7 +43344,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragOverCapture": {
@@ -43284,7 +43363,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragStart": {
@@ -43303,7 +43382,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDragStartCapture": {
@@ -43322,7 +43401,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDrop": {
@@ -43341,7 +43420,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onDropCapture": {
@@ -43360,7 +43439,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLDivElement>"
+          "name": "DragEventHandler<HTMLElement>"
         }
       },
       "onMouseDown": {
@@ -43379,7 +43458,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseDownCapture": {
@@ -43398,7 +43477,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseEnter": {
@@ -43417,7 +43496,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseLeave": {
@@ -43436,7 +43515,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseMove": {
@@ -43455,7 +43534,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseMoveCapture": {
@@ -43474,7 +43553,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseOut": {
@@ -43493,7 +43572,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseOutCapture": {
@@ -43512,7 +43591,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseOver": {
@@ -43531,7 +43610,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseOverCapture": {
@@ -43550,7 +43629,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseUp": {
@@ -43569,7 +43648,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onMouseUpCapture": {
@@ -43588,7 +43667,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLDivElement>"
+          "name": "MouseEventHandler<HTMLElement>"
         }
       },
       "onSelect": {
@@ -43607,7 +43686,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onSelectCapture": {
@@ -43626,7 +43705,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLDivElement>"
+          "name": "ReactEventHandler<HTMLElement>"
         }
       },
       "onTouchCancel": {
@@ -43645,7 +43724,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLDivElement>"
+          "name": "TouchEventHandler<HTMLElement>"
         }
       },
       "onTouchCancelCapture": {
@@ -43664,7 +43743,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLDivElement>"
+          "name": "TouchEventHandler<HTMLElement>"
         }
       },
       "onTouchEnd": {
@@ -43683,7 +43762,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLDivElement>"
+          "name": "TouchEventHandler<HTMLElement>"
         }
       },
       "onTouchEndCapture": {
@@ -43702,7 +43781,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLDivElement>"
+          "name": "TouchEventHandler<HTMLElement>"
         }
       },
       "onTouchMove": {
@@ -43721,7 +43800,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLDivElement>"
+          "name": "TouchEventHandler<HTMLElement>"
         }
       },
       "onTouchMoveCapture": {
@@ -43740,7 +43819,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLDivElement>"
+          "name": "TouchEventHandler<HTMLElement>"
         }
       },
       "onTouchStart": {
@@ -43759,7 +43838,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLDivElement>"
+          "name": "TouchEventHandler<HTMLElement>"
         }
       },
       "onTouchStartCapture": {
@@ -43778,7 +43857,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLDivElement>"
+          "name": "TouchEventHandler<HTMLElement>"
         }
       },
       "onPointerDown": {
@@ -43797,7 +43876,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerDownCapture": {
@@ -43816,7 +43895,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerMove": {
@@ -43835,7 +43914,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerMoveCapture": {
@@ -43854,7 +43933,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerUp": {
@@ -43873,7 +43952,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerUpCapture": {
@@ -43892,7 +43971,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerCancel": {
@@ -43911,7 +43990,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerCancelCapture": {
@@ -43930,7 +44009,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerEnter": {
@@ -43949,7 +44028,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerLeave": {
@@ -43968,7 +44047,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerOver": {
@@ -43987,7 +44066,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerOverCapture": {
@@ -44006,7 +44085,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerOut": {
@@ -44025,7 +44104,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onPointerOutCapture": {
@@ -44044,7 +44123,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onGotPointerCapture": {
@@ -44063,7 +44142,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onGotPointerCaptureCapture": {
@@ -44082,7 +44161,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onLostPointerCapture": {
@@ -44101,7 +44180,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onLostPointerCaptureCapture": {
@@ -44120,7 +44199,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLDivElement>"
+          "name": "PointerEventHandler<HTMLElement>"
         }
       },
       "onScroll": {
@@ -44139,7 +44218,7 @@
         ],
         "required": false,
         "type": {
-          "name": "UIEventHandler<HTMLDivElement>"
+          "name": "UIEventHandler<HTMLElement>"
         }
       },
       "onScrollCapture": {
@@ -44158,7 +44237,7 @@
         ],
         "required": false,
         "type": {
-          "name": "UIEventHandler<HTMLDivElement>"
+          "name": "UIEventHandler<HTMLElement>"
         }
       },
       "onWheel": {
@@ -44177,7 +44256,7 @@
         ],
         "required": false,
         "type": {
-          "name": "WheelEventHandler<HTMLDivElement>"
+          "name": "WheelEventHandler<HTMLElement>"
         }
       },
       "onWheelCapture": {
@@ -44196,7 +44275,7 @@
         ],
         "required": false,
         "type": {
-          "name": "WheelEventHandler<HTMLDivElement>"
+          "name": "WheelEventHandler<HTMLElement>"
         }
       },
       "onAnimationStart": {
@@ -44215,7 +44294,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLDivElement>"
+          "name": "AnimationEventHandler<HTMLElement>"
         }
       },
       "onAnimationStartCapture": {
@@ -44234,7 +44313,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLDivElement>"
+          "name": "AnimationEventHandler<HTMLElement>"
         }
       },
       "onAnimationEnd": {
@@ -44253,7 +44332,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLDivElement>"
+          "name": "AnimationEventHandler<HTMLElement>"
         }
       },
       "onAnimationEndCapture": {
@@ -44272,7 +44351,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLDivElement>"
+          "name": "AnimationEventHandler<HTMLElement>"
         }
       },
       "onAnimationIteration": {
@@ -44291,7 +44370,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLDivElement>"
+          "name": "AnimationEventHandler<HTMLElement>"
         }
       },
       "onAnimationIterationCapture": {
@@ -44310,7 +44389,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLDivElement>"
+          "name": "AnimationEventHandler<HTMLElement>"
         }
       },
       "onToggle": {
@@ -44329,7 +44408,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ToggleEventHandler<HTMLDivElement>"
+          "name": "ToggleEventHandler<HTMLElement>"
         }
       },
       "onBeforeToggle": {
@@ -44348,7 +44427,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ToggleEventHandler<HTMLDivElement>"
+          "name": "ToggleEventHandler<HTMLElement>"
         }
       },
       "onTransitionCancel": {
@@ -44367,7 +44446,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLDivElement>"
+          "name": "TransitionEventHandler<HTMLElement>"
         }
       },
       "onTransitionCancelCapture": {
@@ -44386,7 +44465,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLDivElement>"
+          "name": "TransitionEventHandler<HTMLElement>"
         }
       },
       "onTransitionEnd": {
@@ -44405,7 +44484,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLDivElement>"
+          "name": "TransitionEventHandler<HTMLElement>"
         }
       },
       "onTransitionEndCapture": {
@@ -44424,7 +44503,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLDivElement>"
+          "name": "TransitionEventHandler<HTMLElement>"
         }
       },
       "onTransitionRun": {
@@ -44443,7 +44522,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLDivElement>"
+          "name": "TransitionEventHandler<HTMLElement>"
         }
       },
       "onTransitionRunCapture": {
@@ -44462,7 +44541,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLDivElement>"
+          "name": "TransitionEventHandler<HTMLElement>"
         }
       },
       "onTransitionStart": {
@@ -44481,7 +44560,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLDivElement>"
+          "name": "TransitionEventHandler<HTMLElement>"
         }
       },
       "onTransitionStartCapture": {
@@ -44500,80 +44579,110 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLDivElement>"
+          "name": "TransitionEventHandler<HTMLElement>"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "src/components/NotificationProvider/ControlledNotification.tsx",
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Modal/Modal.tsx",
     "description": "",
-    "displayName": "ControlledNotification",
+    "displayName": "Modal",
     "methods": [],
     "props": {
-      "notification": {
+      "size": {
+        "defaultValue": {
+          "value": "\"s\""
+        },
+        "description": "The size of the modal.",
+        "name": "size",
+        "parent": {
+          "fileName": "components/src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Modal/Modal.tsx",
+            "name": "ModalProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"s\" | \"m\""
+        }
+      },
+      "offCanvas": {
         "defaultValue": null,
-        "description": "",
-        "name": "notification",
+        "description": "Whether the modal should be displayed as an off canvas.",
+        "name": "offCanvas",
         "parent": {
-          "fileName": "src/components/NotificationProvider/ControlledNotification.tsx",
-          "name": "Props"
+          "fileName": "components/src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
         },
         "declarations": [
           {
-            "fileName": "src/components/NotificationProvider/ControlledNotification.tsx",
-            "name": "Props"
+            "fileName": "components/src/components/Modal/Modal.tsx",
+            "name": "ModalProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
-          "name": "NotificationData"
+          "name": "boolean"
+        }
+      },
+      "offCanvasOrientation": {
+        "defaultValue": {
+          "value": "\"right\""
+        },
+        "description": "Whether the off canvas should be displayed on the right or left side of the\nscreen.",
+        "name": "offCanvasOrientation",
+        "parent": {
+          "fileName": "components/src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Modal/Modal.tsx",
+            "name": "ModalProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"left\" | \"right\""
         }
       },
       "controller": {
         "defaultValue": null,
-        "description": "",
+        "description": "An overlay controller to control the modal state.",
         "name": "controller",
         "parent": {
-          "fileName": "src/components/NotificationProvider/ControlledNotification.tsx",
-          "name": "Props"
+          "fileName": "components/src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
         },
         "declarations": [
           {
-            "fileName": "src/components/NotificationProvider/ControlledNotification.tsx",
-            "name": "Props"
+            "fileName": "components/src/components/Modal/Modal.tsx",
+            "name": "ModalProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
-          "name": "NotificationController"
+          "name": "OverlayController"
         }
-      }
-    }
-  },
-  {
-    "tags": {
-      "flr-generate": "all",
-      "flr-clear-props-context": ""
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Notification/Notification.tsx",
-    "description": "",
-    "displayName": "Notification",
-    "methods": [],
-    "props": {
-      "href": {
+      },
+      "slot": {
         "defaultValue": null,
-        "description": "A link that is triggered when clicking the notification.",
-        "name": "href",
+        "description": "Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\naction.",
+        "name": "slot",
         "parent": {
-          "fileName": "components/src/components/Notification/Notification.tsx",
-          "name": "NotificationProps"
+          "fileName": "components/src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/Notification/Notification.tsx",
-            "name": "NotificationProps"
+            "fileName": "components/src/components/Modal/Modal.tsx",
+            "name": "ModalProps"
           }
         ],
         "required": false,
@@ -44581,18 +44690,18 @@
           "name": "string"
         }
       },
-      "autoClose": {
+      "isDismissable": {
         "defaultValue": null,
-        "description": "Whether the notification should disappear automatically after some time.",
-        "name": "autoClose",
+        "description": "Whether the modal can be closed by clicking outside of it.",
+        "name": "isDismissable",
         "parent": {
-          "fileName": "components/src/components/Notification/Notification.tsx",
-          "name": "NotificationProps"
+          "fileName": "components/src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/Notification/Notification.tsx",
-            "name": "NotificationProps"
+            "fileName": "components/src/components/Modal/Modal.tsx",
+            "name": "ModalProps"
           }
         ],
         "required": false,
@@ -44600,44 +44709,249 @@
           "name": "boolean"
         }
       },
-      "onClick": {
+      "children": {
         "defaultValue": null,
-        "description": "Handler that is called when the notification is clicked.",
-        "name": "onClick",
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "wrapWith": {
+        "defaultValue": null,
+        "description": "",
+        "name": "wrapWith",
         "parent": {
-          "fileName": "components/src/components/Notification/Notification.tsx",
-          "name": "NotificationProps"
+          "fileName": "src/lib/componentFactory/flowComponent.tsx",
+          "name": "FlowComponentProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/Notification/Notification.tsx",
-            "name": "NotificationProps"
+            "fileName": "src/lib/componentFactory/flowComponent.tsx",
+            "name": "FlowComponentProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "(() => void)"
+          "name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
         }
       },
-      "onClose": {
+      "tunnelId": {
         "defaultValue": null,
-        "description": "Handler that is called when the close button of the notification is\nclicked.",
-        "name": "onClose",
+        "description": "@internal",
+        "name": "tunnelId",
         "parent": {
-          "fileName": "components/src/components/Notification/Notification.tsx",
-          "name": "NotificationProps"
+          "fileName": "src/lib/types/props.ts",
+          "name": "PropsWithTunnel"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/Notification/Notification.tsx",
-            "name": "NotificationProps"
+            "fileName": "src/lib/types/props.ts",
+            "name": "PropsWithTunnel"
           }
         ],
         "required": false,
         "type": {
-          "name": "(() => void)"
+          "name": "string | null"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "The elements class name.",
+        "name": "className",
+        "parent": {
+          "fileName": "src/lib/types/props.ts",
+          "name": "PropsWithClassName"
+        },
+        "declarations": [
+          {
+            "fileName": "src/lib/types/props.ts",
+            "name": "PropsWithClassName"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
         }
       },
+      "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.0.10/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
+      },
+      "key": {
+        "defaultValue": null,
+        "description": "",
+        "name": "key",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+          "name": "Attributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "Attributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Key | null"
+        }
+      }
+    }
+  },
+  {
+    "tags": {
+      "flr-generate": "all",
+      "flr-clear-props-context": ""
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/MessageThread/MessageThread.tsx",
+    "description": "",
+    "displayName": "MessageThread",
+    "methods": [],
+    "props": {
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/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": "src/lib/types/props.ts",
+          "name": "PropsWithClassName"
+        },
+        "declarations": [
+          {
+            "fileName": "src/lib/types/props.ts",
+            "name": "PropsWithClassName"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "wrapWith": {
+        "defaultValue": null,
+        "description": "",
+        "name": "wrapWith",
+        "parent": {
+          "fileName": "src/lib/componentFactory/flowComponent.tsx",
+          "name": "FlowComponentProps"
+        },
+        "declarations": [
+          {
+            "fileName": "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": "src/lib/types/props.ts",
+          "name": "PropsWithTunnel"
+        },
+        "declarations": [
+          {
+            "fileName": "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.0.10/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
+      },
+      "key": {
+        "defaultValue": null,
+        "description": "",
+        "name": "key",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+          "name": "Attributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "Attributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Key | null"
+        }
+      }
+    }
+  },
+  {
+    "tags": {
+      "flr-generate": "all"
+    },
+    "filePath": "src/components/NotificationProvider/NotificationProvider.tsx",
+    "description": "",
+    "displayName": "NotificationProvider",
+    "methods": [],
+    "props": {
       "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}",
@@ -48366,6 +48680,25 @@
           "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
+      "onClick": {
+        "defaultValue": null,
+        "description": "",
+        "name": "onClick",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+          "name": "DOMAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "DOMAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "MouseEventHandler<HTMLDivElement>"
+        }
+      },
       "onClickCapture": {
         "defaultValue": null,
         "description": "",
@@ -49904,31 +50237,14 @@
         "type": {
           "name": "TransitionEventHandler<HTMLDivElement>"
         }
-      },
-      "status": {
-        "defaultValue": null,
-        "description": "The elements status",
-        "name": "status",
-        "declarations": [
-          {
-            "fileName": "src/lib/types/props.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Status"
-        }
       }
     }
   },
   {
-    "tags": {
-      "flr-generate": "all"
-    },
-    "filePath": "src/components/Navigation/Navigation.tsx",
+    "tags": {},
+    "filePath": "src/components/NotificationProvider/NotificationContainer.tsx",
     "description": "",
-    "displayName": "Navigation",
+    "displayName": "NotificationContainer",
     "methods": [],
     "props": {
       "ref": {
@@ -49947,7 +50263,7 @@
         ],
         "required": false,
         "type": {
-          "name": "Ref<HTMLElement>"
+          "name": "Ref<HTMLDivElement>"
         }
       },
       "key": {
@@ -51995,10 +52311,6 @@
           {
             "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
             "name": "DOMAttributes"
-          },
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -52041,7 +52353,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLElement>"
+          "name": "ClipboardEventHandler<HTMLDivElement>"
         }
       },
       "onCopyCapture": {
@@ -52060,7 +52372,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLElement>"
+          "name": "ClipboardEventHandler<HTMLDivElement>"
         }
       },
       "onCut": {
@@ -52079,7 +52391,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLElement>"
+          "name": "ClipboardEventHandler<HTMLDivElement>"
         }
       },
       "onCutCapture": {
@@ -52098,7 +52410,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLElement>"
+          "name": "ClipboardEventHandler<HTMLDivElement>"
         }
       },
       "onPaste": {
@@ -52117,7 +52429,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLElement>"
+          "name": "ClipboardEventHandler<HTMLDivElement>"
         }
       },
       "onPasteCapture": {
@@ -52136,7 +52448,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ClipboardEventHandler<HTMLElement>"
+          "name": "ClipboardEventHandler<HTMLDivElement>"
         }
       },
       "onCompositionEnd": {
@@ -52155,7 +52467,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLElement>"
+          "name": "CompositionEventHandler<HTMLDivElement>"
         }
       },
       "onCompositionEndCapture": {
@@ -52174,7 +52486,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLElement>"
+          "name": "CompositionEventHandler<HTMLDivElement>"
         }
       },
       "onCompositionStart": {
@@ -52193,7 +52505,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLElement>"
+          "name": "CompositionEventHandler<HTMLDivElement>"
         }
       },
       "onCompositionStartCapture": {
@@ -52212,7 +52524,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLElement>"
+          "name": "CompositionEventHandler<HTMLDivElement>"
         }
       },
       "onCompositionUpdate": {
@@ -52231,7 +52543,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLElement>"
+          "name": "CompositionEventHandler<HTMLDivElement>"
         }
       },
       "onCompositionUpdateCapture": {
@@ -52250,7 +52562,7 @@
         ],
         "required": false,
         "type": {
-          "name": "CompositionEventHandler<HTMLElement>"
+          "name": "CompositionEventHandler<HTMLDivElement>"
         }
       },
       "onFocus": {
@@ -52269,7 +52581,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FocusEventHandler<HTMLElement>"
+          "name": "FocusEventHandler<HTMLDivElement>"
         }
       },
       "onFocusCapture": {
@@ -52288,7 +52600,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FocusEventHandler<HTMLElement>"
+          "name": "FocusEventHandler<HTMLDivElement>"
         }
       },
       "onBlur": {
@@ -52307,7 +52619,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FocusEventHandler<HTMLElement>"
+          "name": "FocusEventHandler<HTMLDivElement>"
         }
       },
       "onBlurCapture": {
@@ -52326,7 +52638,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FocusEventHandler<HTMLElement>"
+          "name": "FocusEventHandler<HTMLDivElement>"
         }
       },
       "onChange": {
@@ -52345,7 +52657,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onChangeCapture": {
@@ -52364,7 +52676,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onBeforeInput": {
@@ -52383,7 +52695,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onBeforeInputCapture": {
@@ -52402,7 +52714,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onInput": {
@@ -52421,7 +52733,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onInputCapture": {
@@ -52440,7 +52752,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onReset": {
@@ -52459,7 +52771,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onResetCapture": {
@@ -52478,7 +52790,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onSubmit": {
@@ -52497,7 +52809,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onSubmitCapture": {
@@ -52516,7 +52828,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onInvalid": {
@@ -52535,7 +52847,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onInvalidCapture": {
@@ -52554,7 +52866,7 @@
         ],
         "required": false,
         "type": {
-          "name": "FormEventHandler<HTMLElement>"
+          "name": "FormEventHandler<HTMLDivElement>"
         }
       },
       "onLoad": {
@@ -52573,7 +52885,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onLoadCapture": {
@@ -52592,7 +52904,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onError": {
@@ -52611,7 +52923,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onErrorCapture": {
@@ -52630,7 +52942,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onKeyDown": {
@@ -52649,7 +52961,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLElement>"
+          "name": "KeyboardEventHandler<HTMLDivElement>"
         }
       },
       "onKeyDownCapture": {
@@ -52668,7 +52980,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLElement>"
+          "name": "KeyboardEventHandler<HTMLDivElement>"
         }
       },
       "onKeyPress": {
@@ -52687,7 +52999,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLElement>"
+          "name": "KeyboardEventHandler<HTMLDivElement>"
         }
       },
       "onKeyPressCapture": {
@@ -52706,7 +53018,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLElement>"
+          "name": "KeyboardEventHandler<HTMLDivElement>"
         }
       },
       "onKeyUp": {
@@ -52725,7 +53037,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLElement>"
+          "name": "KeyboardEventHandler<HTMLDivElement>"
         }
       },
       "onKeyUpCapture": {
@@ -52744,7 +53056,7 @@
         ],
         "required": false,
         "type": {
-          "name": "KeyboardEventHandler<HTMLElement>"
+          "name": "KeyboardEventHandler<HTMLDivElement>"
         }
       },
       "onAbort": {
@@ -52763,7 +53075,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onAbortCapture": {
@@ -52782,7 +53094,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onCanPlay": {
@@ -52801,7 +53113,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onCanPlayCapture": {
@@ -52820,7 +53132,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onCanPlayThrough": {
@@ -52839,7 +53151,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onCanPlayThroughCapture": {
@@ -52858,7 +53170,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onDurationChange": {
@@ -52877,7 +53189,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onDurationChangeCapture": {
@@ -52896,7 +53208,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onEmptied": {
@@ -52915,7 +53227,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onEmptiedCapture": {
@@ -52934,7 +53246,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onEncrypted": {
@@ -52953,7 +53265,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onEncryptedCapture": {
@@ -52972,7 +53284,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onEnded": {
@@ -52991,7 +53303,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onEndedCapture": {
@@ -53010,7 +53322,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onLoadedData": {
@@ -53029,7 +53341,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onLoadedDataCapture": {
@@ -53048,7 +53360,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onLoadedMetadata": {
@@ -53067,7 +53379,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onLoadedMetadataCapture": {
@@ -53086,7 +53398,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onLoadStart": {
@@ -53105,7 +53417,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onLoadStartCapture": {
@@ -53124,7 +53436,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onPause": {
@@ -53143,7 +53455,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onPauseCapture": {
@@ -53162,7 +53474,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onPlay": {
@@ -53181,7 +53493,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onPlayCapture": {
@@ -53200,7 +53512,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onPlaying": {
@@ -53219,7 +53531,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onPlayingCapture": {
@@ -53238,7 +53550,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onProgress": {
@@ -53257,7 +53569,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onProgressCapture": {
@@ -53276,7 +53588,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onRateChange": {
@@ -53295,7 +53607,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onRateChangeCapture": {
@@ -53314,7 +53626,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onResize": {
@@ -53333,7 +53645,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onResizeCapture": {
@@ -53352,7 +53664,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onSeeked": {
@@ -53371,7 +53683,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onSeekedCapture": {
@@ -53390,7 +53702,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onSeeking": {
@@ -53409,7 +53721,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onSeekingCapture": {
@@ -53428,7 +53740,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onStalled": {
@@ -53447,7 +53759,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onStalledCapture": {
@@ -53466,7 +53778,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onSuspend": {
@@ -53485,7 +53797,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onSuspendCapture": {
@@ -53504,7 +53816,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onTimeUpdate": {
@@ -53523,7 +53835,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onTimeUpdateCapture": {
@@ -53542,7 +53854,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onVolumeChange": {
@@ -53561,7 +53873,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onVolumeChangeCapture": {
@@ -53580,7 +53892,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onWaiting": {
@@ -53599,7 +53911,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onWaitingCapture": {
@@ -53618,7 +53930,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onAuxClick": {
@@ -53637,7 +53949,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onAuxClickCapture": {
@@ -53656,7 +53968,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onClick": {
@@ -53675,7 +53987,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onClickCapture": {
@@ -53694,7 +54006,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onContextMenu": {
@@ -53713,7 +54025,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onContextMenuCapture": {
@@ -53732,7 +54044,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onDoubleClick": {
@@ -53751,7 +54063,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onDoubleClickCapture": {
@@ -53770,7 +54082,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onDrag": {
@@ -53789,7 +54101,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragCapture": {
@@ -53808,7 +54120,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragEnd": {
@@ -53827,7 +54139,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragEndCapture": {
@@ -53846,7 +54158,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragEnter": {
@@ -53865,7 +54177,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragEnterCapture": {
@@ -53884,7 +54196,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragExit": {
@@ -53903,7 +54215,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragExitCapture": {
@@ -53922,7 +54234,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragLeave": {
@@ -53941,7 +54253,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragLeaveCapture": {
@@ -53960,7 +54272,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragOver": {
@@ -53979,7 +54291,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragOverCapture": {
@@ -53998,7 +54310,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragStart": {
@@ -54017,7 +54329,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDragStartCapture": {
@@ -54036,7 +54348,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDrop": {
@@ -54055,7 +54367,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onDropCapture": {
@@ -54074,7 +54386,7 @@
         ],
         "required": false,
         "type": {
-          "name": "DragEventHandler<HTMLElement>"
+          "name": "DragEventHandler<HTMLDivElement>"
         }
       },
       "onMouseDown": {
@@ -54093,7 +54405,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseDownCapture": {
@@ -54112,7 +54424,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseEnter": {
@@ -54131,7 +54443,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseLeave": {
@@ -54150,7 +54462,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseMove": {
@@ -54169,7 +54481,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseMoveCapture": {
@@ -54188,7 +54500,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseOut": {
@@ -54207,7 +54519,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseOutCapture": {
@@ -54226,7 +54538,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseOver": {
@@ -54245,7 +54557,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseOverCapture": {
@@ -54264,7 +54576,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseUp": {
@@ -54283,7 +54595,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onMouseUpCapture": {
@@ -54302,7 +54614,7 @@
         ],
         "required": false,
         "type": {
-          "name": "MouseEventHandler<HTMLElement>"
+          "name": "MouseEventHandler<HTMLDivElement>"
         }
       },
       "onSelect": {
@@ -54321,7 +54633,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onSelectCapture": {
@@ -54340,7 +54652,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactEventHandler<HTMLElement>"
+          "name": "ReactEventHandler<HTMLDivElement>"
         }
       },
       "onTouchCancel": {
@@ -54359,7 +54671,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLElement>"
+          "name": "TouchEventHandler<HTMLDivElement>"
         }
       },
       "onTouchCancelCapture": {
@@ -54378,7 +54690,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLElement>"
+          "name": "TouchEventHandler<HTMLDivElement>"
         }
       },
       "onTouchEnd": {
@@ -54397,7 +54709,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLElement>"
+          "name": "TouchEventHandler<HTMLDivElement>"
         }
       },
       "onTouchEndCapture": {
@@ -54416,7 +54728,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLElement>"
+          "name": "TouchEventHandler<HTMLDivElement>"
         }
       },
       "onTouchMove": {
@@ -54435,7 +54747,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLElement>"
+          "name": "TouchEventHandler<HTMLDivElement>"
         }
       },
       "onTouchMoveCapture": {
@@ -54454,7 +54766,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLElement>"
+          "name": "TouchEventHandler<HTMLDivElement>"
         }
       },
       "onTouchStart": {
@@ -54473,7 +54785,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLElement>"
+          "name": "TouchEventHandler<HTMLDivElement>"
         }
       },
       "onTouchStartCapture": {
@@ -54492,7 +54804,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TouchEventHandler<HTMLElement>"
+          "name": "TouchEventHandler<HTMLDivElement>"
         }
       },
       "onPointerDown": {
@@ -54511,7 +54823,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerDownCapture": {
@@ -54530,7 +54842,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerMove": {
@@ -54549,7 +54861,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerMoveCapture": {
@@ -54568,7 +54880,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerUp": {
@@ -54587,7 +54899,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerUpCapture": {
@@ -54606,7 +54918,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerCancel": {
@@ -54625,7 +54937,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerCancelCapture": {
@@ -54644,7 +54956,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerEnter": {
@@ -54663,7 +54975,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerLeave": {
@@ -54682,7 +54994,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerOver": {
@@ -54701,7 +55013,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerOverCapture": {
@@ -54720,7 +55032,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerOut": {
@@ -54739,7 +55051,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onPointerOutCapture": {
@@ -54758,7 +55070,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onGotPointerCapture": {
@@ -54777,7 +55089,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onGotPointerCaptureCapture": {
@@ -54796,7 +55108,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onLostPointerCapture": {
@@ -54815,7 +55127,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onLostPointerCaptureCapture": {
@@ -54834,7 +55146,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PointerEventHandler<HTMLElement>"
+          "name": "PointerEventHandler<HTMLDivElement>"
         }
       },
       "onScroll": {
@@ -54853,7 +55165,7 @@
         ],
         "required": false,
         "type": {
-          "name": "UIEventHandler<HTMLElement>"
+          "name": "UIEventHandler<HTMLDivElement>"
         }
       },
       "onScrollCapture": {
@@ -54872,7 +55184,7 @@
         ],
         "required": false,
         "type": {
-          "name": "UIEventHandler<HTMLElement>"
+          "name": "UIEventHandler<HTMLDivElement>"
         }
       },
       "onWheel": {
@@ -54891,7 +55203,7 @@
         ],
         "required": false,
         "type": {
-          "name": "WheelEventHandler<HTMLElement>"
+          "name": "WheelEventHandler<HTMLDivElement>"
         }
       },
       "onWheelCapture": {
@@ -54910,7 +55222,7 @@
         ],
         "required": false,
         "type": {
-          "name": "WheelEventHandler<HTMLElement>"
+          "name": "WheelEventHandler<HTMLDivElement>"
         }
       },
       "onAnimationStart": {
@@ -54929,7 +55241,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLElement>"
+          "name": "AnimationEventHandler<HTMLDivElement>"
         }
       },
       "onAnimationStartCapture": {
@@ -54948,7 +55260,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLElement>"
+          "name": "AnimationEventHandler<HTMLDivElement>"
         }
       },
       "onAnimationEnd": {
@@ -54967,7 +55279,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLElement>"
+          "name": "AnimationEventHandler<HTMLDivElement>"
         }
       },
       "onAnimationEndCapture": {
@@ -54986,7 +55298,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLElement>"
+          "name": "AnimationEventHandler<HTMLDivElement>"
         }
       },
       "onAnimationIteration": {
@@ -55005,7 +55317,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLElement>"
+          "name": "AnimationEventHandler<HTMLDivElement>"
         }
       },
       "onAnimationIterationCapture": {
@@ -55024,7 +55336,7 @@
         ],
         "required": false,
         "type": {
-          "name": "AnimationEventHandler<HTMLElement>"
+          "name": "AnimationEventHandler<HTMLDivElement>"
         }
       },
       "onToggle": {
@@ -55043,7 +55355,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ToggleEventHandler<HTMLElement>"
+          "name": "ToggleEventHandler<HTMLDivElement>"
         }
       },
       "onBeforeToggle": {
@@ -55062,7 +55374,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ToggleEventHandler<HTMLElement>"
+          "name": "ToggleEventHandler<HTMLDivElement>"
         }
       },
       "onTransitionCancel": {
@@ -55081,7 +55393,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLElement>"
+          "name": "TransitionEventHandler<HTMLDivElement>"
         }
       },
       "onTransitionCancelCapture": {
@@ -55100,7 +55412,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLElement>"
+          "name": "TransitionEventHandler<HTMLDivElement>"
         }
       },
       "onTransitionEnd": {
@@ -55119,7 +55431,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLElement>"
+          "name": "TransitionEventHandler<HTMLDivElement>"
         }
       },
       "onTransitionEndCapture": {
@@ -55138,7 +55450,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLElement>"
+          "name": "TransitionEventHandler<HTMLDivElement>"
         }
       },
       "onTransitionRun": {
@@ -55157,7 +55469,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLElement>"
+          "name": "TransitionEventHandler<HTMLDivElement>"
         }
       },
       "onTransitionRunCapture": {
@@ -55176,7 +55488,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLElement>"
+          "name": "TransitionEventHandler<HTMLDivElement>"
         }
       },
       "onTransitionStart": {
@@ -55195,7 +55507,7 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLElement>"
+          "name": "TransitionEventHandler<HTMLDivElement>"
         }
       },
       "onTransitionStartCapture": {
@@ -55214,366 +55526,54 @@
         ],
         "required": false,
         "type": {
-          "name": "TransitionEventHandler<HTMLElement>"
+          "name": "TransitionEventHandler<HTMLDivElement>"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Modal/Modal.tsx",
-    "description": "",
-    "displayName": "Modal",
-    "methods": [],
-    "props": {
-      "size": {
-        "defaultValue": {
-          "value": "\"s\""
-        },
-        "description": "The size of the modal.",
-        "name": "size",
-        "parent": {
-          "fileName": "components/src/components/Modal/Modal.tsx",
-          "name": "ModalProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Modal/Modal.tsx",
-            "name": "ModalProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"s\" | \"m\""
-        }
-      },
-      "offCanvas": {
-        "defaultValue": null,
-        "description": "Whether the modal should be displayed as an off canvas.",
-        "name": "offCanvas",
-        "parent": {
-          "fileName": "components/src/components/Modal/Modal.tsx",
-          "name": "ModalProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Modal/Modal.tsx",
-            "name": "ModalProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "offCanvasOrientation": {
-        "defaultValue": {
-          "value": "\"right\""
-        },
-        "description": "Whether the off canvas should be displayed on the right or left side of the\nscreen.",
-        "name": "offCanvasOrientation",
-        "parent": {
-          "fileName": "components/src/components/Modal/Modal.tsx",
-          "name": "ModalProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Modal/Modal.tsx",
-            "name": "ModalProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"left\" | \"right\""
-        }
-      },
-      "controller": {
-        "defaultValue": null,
-        "description": "An overlay controller to control the modal state.",
-        "name": "controller",
-        "parent": {
-          "fileName": "components/src/components/Modal/Modal.tsx",
-          "name": "ModalProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Modal/Modal.tsx",
-            "name": "ModalProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "OverlayController"
-        }
-      },
-      "slot": {
-        "defaultValue": null,
-        "description": "Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\naction.",
-        "name": "slot",
-        "parent": {
-          "fileName": "components/src/components/Modal/Modal.tsx",
-          "name": "ModalProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Modal/Modal.tsx",
-            "name": "ModalProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "isDismissable": {
-        "defaultValue": null,
-        "description": "Whether the modal can be closed by clicking outside of it.",
-        "name": "isDismissable",
-        "parent": {
-          "fileName": "components/src/components/Modal/Modal.tsx",
-          "name": "ModalProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Modal/Modal.tsx",
-            "name": "ModalProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "wrapWith": {
-        "defaultValue": null,
-        "description": "",
-        "name": "wrapWith",
-        "parent": {
-          "fileName": "src/lib/componentFactory/flowComponent.tsx",
-          "name": "FlowComponentProps"
-        },
-        "declarations": [
-          {
-            "fileName": "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": "src/lib/types/props.ts",
-          "name": "PropsWithTunnel"
-        },
-        "declarations": [
-          {
-            "fileName": "src/lib/types/props.ts",
-            "name": "PropsWithTunnel"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string | null"
-        }
-      },
-      "className": {
-        "defaultValue": null,
-        "description": "The elements class name.",
-        "name": "className",
-        "parent": {
-          "fileName": "src/lib/types/props.ts",
-          "name": "PropsWithClassName"
-        },
-        "declarations": [
-          {
-            "fileName": "src/lib/types/props.ts",
-            "name": "PropsWithClassName"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "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.0.10/node_modules/@types/react/index.d.ts",
-          "name": "RefAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-            "name": "RefAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Ref<HTMLDivElement>"
-        }
-      },
-      "key": {
-        "defaultValue": null,
-        "description": "",
-        "name": "key",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-          "name": "Attributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-            "name": "Attributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Key | null"
-        }
-      }
-    }
-  },
-  {
-    "tags": {
-      "flr-generate": "all",
-      "flr-clear-props-context": ""
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/MessageThread/MessageThread.tsx",
+    "filePath": "src/components/NotificationProvider/ControlledNotification.tsx",
     "description": "",
-    "displayName": "MessageThread",
+    "displayName": "ControlledNotification",
     "methods": [],
     "props": {
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/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": "src/lib/types/props.ts",
-          "name": "PropsWithClassName"
-        },
-        "declarations": [
-          {
-            "fileName": "src/lib/types/props.ts",
-            "name": "PropsWithClassName"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "wrapWith": {
+      "notification": {
         "defaultValue": null,
         "description": "",
-        "name": "wrapWith",
-        "parent": {
-          "fileName": "src/lib/componentFactory/flowComponent.tsx",
-          "name": "FlowComponentProps"
-        },
-        "declarations": [
-          {
-            "fileName": "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": "src/lib/types/props.ts",
-          "name": "PropsWithTunnel"
-        },
-        "declarations": [
-          {
-            "fileName": "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",
+        "name": "notification",
         "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-          "name": "RefAttributes"
+          "fileName": "src/components/NotificationProvider/ControlledNotification.tsx",
+          "name": "Props"
         },
         "declarations": [
           {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-            "name": "RefAttributes"
+            "fileName": "src/components/NotificationProvider/ControlledNotification.tsx",
+            "name": "Props"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "Ref<HTMLDivElement>"
+          "name": "NotificationData"
         }
       },
-      "key": {
+      "controller": {
         "defaultValue": null,
         "description": "",
-        "name": "key",
+        "name": "controller",
         "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-          "name": "Attributes"
+          "fileName": "src/components/NotificationProvider/ControlledNotification.tsx",
+          "name": "Props"
         },
         "declarations": [
           {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-            "name": "Attributes"
+            "fileName": "src/components/NotificationProvider/ControlledNotification.tsx",
+            "name": "Props"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "Key | null"
+          "name": "NotificationController"
         }
       }
     }
@@ -190122,30 +190122,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "src/components/Action/models/ActionStateContext.tsx",
-    "description": "",
-    "displayName": "ActionStateContextProvider",
-    "methods": [],
-    "props": {
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      }
-    }
-  },
   {
     "tags": {},
     "filePath": "src/components/ActionGroup/lib/getActionGroupSlot.tsx",
@@ -191117,6 +191093,30 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "src/components/Action/models/ActionStateContext.tsx",
+    "description": "",
+    "displayName": "ActionStateContextProvider",
+    "methods": [],
+    "props": {
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      }
+    }
+  },
   {
     "tags": {},
     "filePath": "src/integrations/react-hook-form/components/Form/Form.tsx",