@mittwald/flow-react-components 0.2.0-alpha.491 → 0.2.0-alpha.492

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0-alpha.492](https://github.com/mittwald/flow/compare/0.2.0-alpha.491...0.2.0-alpha.492) (2025-09-26)
+
+### Performance Improvements
+
+* use memo in provider components ([6edc252](https://github.com/mittwald/flow/commit/6edc25282f59eea06457c0be59cb57bf7adc1a23))
+
 # [0.2.0-alpha.491](https://github.com/mittwald/flow/compare/0.2.0-alpha.490...0.2.0-alpha.491) (2025-09-26)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/assets/doc-properties.json

@@ -272251,6 +272251,72 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Tabs/components/TabList/TabList.tsx",
+    "description": "",
+    "displayName": "TabList",
+    "methods": [],
+    "props": {
+      "selection": {
+        "defaultValue": null,
+        "description": "",
+        "name": "selection",
+        "parent": {
+          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Key | undefined"
+        }
+      },
+      "onContextMenuSelectionChange": {
+        "defaultValue": null,
+        "description": "",
+        "name": "onContextMenuSelectionChange",
+        "parent": {
+          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "(key: Key) => void"
+        }
+      },
+      "disabledKeys": {
+        "defaultValue": null,
+        "description": "",
+        "name": "disabledKeys",
+        "parent": {
+          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Iterable<Key>"
+        }
+      }
+    }
+  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Tabs/components/TabTitle/TabTitleCollapsed.tsx",
@@ -274053,72 +274119,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Tabs/components/TabList/TabList.tsx",
-    "description": "",
-    "displayName": "TabList",
-    "methods": [],
-    "props": {
-      "selection": {
-        "defaultValue": null,
-        "description": "",
-        "name": "selection",
-        "parent": {
-          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "Key | undefined"
-        }
-      },
-      "onContextMenuSelectionChange": {
-        "defaultValue": null,
-        "description": "",
-        "name": "onContextMenuSelectionChange",
-        "parent": {
-          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "(key: Key) => void"
-        }
-      },
-      "disabledKeys": {
-        "defaultValue": null,
-        "description": "",
-        "name": "disabledKeys",
-        "parent": {
-          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Iterable<Key>"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -323848,194 +323848,6 @@
       }
     }
   },
-  {
-    "tags": {
-      "flr-generate": "all"
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
-    "description": "",
-    "displayName": "ListItemViewContent",
-    "methods": [],
-    "props": {
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "s": {
-        "defaultValue": null,
-        "description": "Column layout for container size s.",
-        "name": "s",
-        "parent": {
-          "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
-          "name": "ColumnLayoutProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
-            "name": "ColumnLayoutProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "(number | null)[]"
-        }
-      },
-      "m": {
-        "defaultValue": null,
-        "description": "Column layout for container size m.",
-        "name": "m",
-        "parent": {
-          "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
-          "name": "ColumnLayoutProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
-            "name": "ColumnLayoutProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "(number | null)[]"
-        }
-      },
-      "l": {
-        "defaultValue": null,
-        "description": "Column layout for container size l.",
-        "name": "l",
-        "parent": {
-          "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
-          "name": "ColumnLayoutProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
-            "name": "ColumnLayoutProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "(number | null)[]"
-        }
-      },
-      "title": {
-        "defaultValue": null,
-        "description": "",
-        "name": "title",
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "subTitle": {
-        "defaultValue": null,
-        "description": "",
-        "name": "subTitle",
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "avatar": {
-        "defaultValue": null,
-        "description": "",
-        "name": "avatar",
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "button": {
-        "defaultValue": null,
-        "description": "",
-        "name": "button",
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "bottom": {
-        "defaultValue": null,
-        "description": "",
-        "name": "bottom",
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "checkbox": {
-        "defaultValue": null,
-        "description": "",
-        "name": "checkbox",
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "viewMode": {
-        "defaultValue": null,
-        "description": "",
-        "name": "viewMode",
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ListViewMode"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -327834,6 +327646,194 @@
       }
     }
   },
+  {
+    "tags": {
+      "flr-generate": "all"
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
+    "description": "",
+    "displayName": "ListItemViewContent",
+    "methods": [],
+    "props": {
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "s": {
+        "defaultValue": null,
+        "description": "Column layout for container size s.",
+        "name": "s",
+        "parent": {
+          "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
+          "name": "ColumnLayoutProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
+            "name": "ColumnLayoutProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(number | null)[]"
+        }
+      },
+      "m": {
+        "defaultValue": null,
+        "description": "Column layout for container size m.",
+        "name": "m",
+        "parent": {
+          "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
+          "name": "ColumnLayoutProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
+            "name": "ColumnLayoutProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(number | null)[]"
+        }
+      },
+      "l": {
+        "defaultValue": null,
+        "description": "Column layout for container size l.",
+        "name": "l",
+        "parent": {
+          "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
+          "name": "ColumnLayoutProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
+            "name": "ColumnLayoutProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(number | null)[]"
+        }
+      },
+      "title": {
+        "defaultValue": null,
+        "description": "",
+        "name": "title",
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "subTitle": {
+        "defaultValue": null,
+        "description": "",
+        "name": "subTitle",
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "avatar": {
+        "defaultValue": null,
+        "description": "",
+        "name": "avatar",
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "button": {
+        "defaultValue": null,
+        "description": "",
+        "name": "button",
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "bottom": {
+        "defaultValue": null,
+        "description": "",
+        "name": "bottom",
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "checkbox": {
+        "defaultValue": null,
+        "description": "",
+        "name": "checkbox",
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "viewMode": {
+        "defaultValue": null,
+        "description": "",
+        "name": "viewMode",
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ListViewMode"
+        }
+      }
+    }
+  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx",

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

@@ -10,7 +10,7 @@ import { PropsContextProvider } from '../../lib/propsContext/components/PropsCon
 import { Button } from '../Button/Button.mjs';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { Activity } from '../Activity/Activity.mjs';

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

@@ -4,7 +4,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconDanger } from '../Icon/components/icons/IconDanger.mjs';
 import { IconInfo } from '../Icon/components/icons/IconInfo.mjs';
 import { IconSuccess } from '../Icon/components/icons/IconSuccess.mjs';

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

@@ -10,7 +10,7 @@ import { Button } from '../Button/Button.mjs';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 
 const Badge = flowComponent("Badge", (props) => {

package/dist/js/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs

@@ -7,7 +7,7 @@ import styles from '../../Breadcrumb.module.scss.mjs';
 import clsx from 'clsx';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
 
 const BreadcrumbItem = (props) => {

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

@@ -9,9 +9,10 @@ import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'react/jsx-runtime';
 import '@mittwald/react-tunnel';
-import '../../lib/slotContext/slotContext.mjs';
-import '../../lib/propsContext/inherit/propsContextLevel.mjs';
-import 'dot-prop';
+import '../../lib/slotContext/SlotContextProvider.mjs';
+import '../../lib/propsContext/components/ComponentPropsContextProvider.mjs';
+import '../../views/ComponentPropsContextProviderView.mjs';
+import '../../lib/propsContext/components/PropsContextProvider.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 
 const BrowserOnly = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"BrowserOnly.mjs","sources":["../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAc,CAAC,KAA6B,KAAA;AACvD,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,OAAO,KAAM,CAAA,QAAA;AAAA;AAEjB;;;;"}
+{"version":3,"file":"BrowserOnly.mjs","sources":["../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAc,CAAC,KAA6B,KAAA;AACvD,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,OAAO,KAAM,CAAA,QAAA;AAAA;AAEjB;;;;"}

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

@@ -9,7 +9,7 @@ import { PropsContextProvider } from '../../lib/propsContext/components/PropsCon
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconFailed } from '../Icon/components/icons/IconFailed.mjs';
 import { IconSucceeded } from '../Icon/components/icons/IconSucceeded.mjs';
 import { Wrap } from '../Wrap/Wrap.mjs';

package/dist/js/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.mjs

@@ -6,7 +6,7 @@ import { Button } from '../../../Button/Button.mjs';
 import * as Aria from 'react-aria-components';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconChevronLeft } from '../../../Icon/components/icons/IconChevronLeft.mjs';
 import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
 

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

@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconCheckboxChecked } from '../Icon/components/icons/IconCheckboxChecked.mjs';
 import { IconCheckboxEmpty } from '../Icon/components/icons/IconCheckboxEmpty.mjs';
 import { IconCheckboxIndeterminate } from '../Icon/components/icons/IconCheckboxIndeterminate.mjs';

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

@@ -7,7 +7,7 @@ import { Button } from '../Button/Button.mjs';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
 import { Options } from '../Options/Options.mjs';
 import '../../lib/propsContext/propsContext.mjs';

package/dist/js/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs

@@ -11,7 +11,7 @@ import { useLocalizedStringFormatter } from 'react-aria';
 import 'react';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconInfo } from '../../../Icon/components/icons/IconInfo.mjs';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
 

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

@@ -6,7 +6,7 @@ import { Button } from '../Button/Button.mjs';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconCopy } from '../Icon/components/icons/IconCopy.mjs';
 import locales from '../../../../_virtual/_.locale.json@51592c7dce2c58889664b6822f25f6d1.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';