@mittwald/flow-react-components 0.2.0-alpha.694 → 0.2.0-alpha.696

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 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.696](https://github.com/mittwald/flow/compare/0.2.0-alpha.695...0.2.0-alpha.696) (2026-02-23)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# [0.2.0-alpha.695](https://github.com/mittwald/flow/compare/0.2.0-alpha.694...0.2.0-alpha.695) (2026-02-20)
+
+### Bug Fixes
+
+* **Tab:** fix tab does not change in controlled-mode ([2d206d4](https://github.com/mittwald/flow/commit/2d206d4ea3f4a0bf68501ca8c27ded67b9919a07))
+
 # [0.2.0-alpha.694](https://github.com/mittwald/flow/compare/0.2.0-alpha.693...0.2.0-alpha.694) (2026-02-19)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/assets/doc-properties.json

@@ -219991,30 +219991,6 @@
     "methods": [],
     "props": {}
   },
-  {
-    "tags": {},
-    "filePath": "src/components/BrowserOnly/BrowserOnly.tsx",
-    "description": "",
-    "displayName": "BrowserOnly",
-    "methods": [],
-    "props": {
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.10/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -222373,6 +222349,30 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "src/components/BrowserOnly/BrowserOnly.tsx",
+    "description": "",
+    "displayName": "BrowserOnly",
+    "methods": [],
+    "props": {
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.10/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all"
@@ -276791,6 +276791,30 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx",
+    "description": "",
+    "displayName": "RouterProvider",
+    "methods": [],
+    "props": {
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.10/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "deprecated": "Use RouterProvider instead"
@@ -282319,30 +282343,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx",
-    "description": "",
-    "displayName": "RouterProvider",
-    "methods": [],
-    "props": {
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.10/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -301247,34 +301247,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "src/components/Popover/components/PopoverTip/PopoverTip.tsx",
-    "description": "",
-    "displayName": "PopoverTip",
-    "methods": [],
-    "props": {
-      "className": {
-        "defaultValue": null,
-        "description": "The elements class name.",
-        "name": "className",
-        "parent": {
-          "fileName": "components/src/lib/types/props.ts",
-          "name": "PropsWithClassName"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/lib/types/props.ts",
-            "name": "PropsWithClassName"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      }
-    }
-  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Popover/components/PopoverTrigger/PopoverTrigger.tsx",
@@ -301413,6 +301385,34 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "src/components/Popover/components/PopoverTip/PopoverTip.tsx",
+    "description": "",
+    "displayName": "PopoverTip",
+    "methods": [],
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "The elements class name.",
+        "name": "className",
+        "parent": {
+          "fileName": "components/src/lib/types/props.ts",
+          "name": "PropsWithClassName"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/lib/types/props.ts",
+            "name": "PropsWithClassName"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all"
@@ -301948,93 +301948,6 @@
       }
     }
   },
-  {
-    "tags": {
-      "flr-generate": "all"
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.tsx",
-    "description": "",
-    "displayName": "DialogTrigger",
-    "methods": [],
-    "props": {
-      "children": {
-        "defaultValue": null,
-        "description": "The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows.",
-        "name": "children",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-aria-components/dist/types.d.ts",
-          "name": "TableProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-aria-components/dist/types.d.ts",
-            "name": "TableProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "isOpen": {
-        "defaultValue": null,
-        "description": "Whether the element is rendered.",
-        "name": "isOpen",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
-          "name": "PositionProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
-            "name": "PositionProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "defaultOpen": {
-        "defaultValue": null,
-        "description": "Whether the overlay is open by default (uncontrolled).",
-        "name": "defaultOpen",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
-          "name": "OverlayTriggerProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
-            "name": "OverlayTriggerProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "onOpenChange": {
-        "defaultValue": null,
-        "description": "Handler that is called when the overlay's open state changes.",
-        "name": "onOpenChange",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
-          "name": "OverlayTriggerProps"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
-            "name": "OverlayTriggerProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "((isOpen: boolean) => void)"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -302219,6 +302132,93 @@
       }
     }
   },
+  {
+    "tags": {
+      "flr-generate": "all"
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.tsx",
+    "description": "",
+    "displayName": "DialogTrigger",
+    "methods": [],
+    "props": {
+      "children": {
+        "defaultValue": null,
+        "description": "The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows.",
+        "name": "children",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-aria-components/dist/types.d.ts",
+          "name": "TableProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-aria-components/dist/types.d.ts",
+            "name": "TableProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "isOpen": {
+        "defaultValue": null,
+        "description": "Whether the element is rendered.",
+        "name": "isOpen",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
+          "name": "PositionProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
+            "name": "PositionProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "defaultOpen": {
+        "defaultValue": null,
+        "description": "Whether the overlay is open by default (uncontrolled).",
+        "name": "defaultOpen",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
+          "name": "OverlayTriggerProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
+            "name": "OverlayTriggerProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "onOpenChange": {
+        "defaultValue": null,
+        "description": "Handler that is called when the overlay's open state changes.",
+        "name": "onOpenChange",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
+          "name": "OverlayTriggerProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+overlays@3.9.2_react@19.2.4/node_modules/@react-types/overlays/src/index.d.ts",
+            "name": "OverlayTriggerProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((isOpen: boolean) => void)"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all"
@@ -337226,6 +337226,53 @@
     "methods": [],
     "props": {}
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/SearchField/SearchField.tsx",
+    "description": "",
+    "displayName": "SearchField",
+    "methods": [],
+    "props": {
+      "search": {
+        "defaultValue": null,
+        "description": "",
+        "name": "search",
+        "parent": {
+          "fileName": "components/src/components/List/components/Header/components/SearchField/SearchField.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/Header/components/SearchField/SearchField.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Search<never>"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "The elements class name.",
+        "name": "className",
+        "parent": {
+          "fileName": "components/src/lib/types/props.ts",
+          "name": "PropsWithClassName"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/lib/types/props.ts",
+            "name": "PropsWithClassName"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    }
+  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.tsx",
@@ -337350,53 +337397,6 @@
     "methods": [],
     "props": {}
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/SearchField/SearchField.tsx",
-    "description": "",
-    "displayName": "SearchField",
-    "methods": [],
-    "props": {
-      "search": {
-        "defaultValue": null,
-        "description": "",
-        "name": "search",
-        "parent": {
-          "fileName": "components/src/components/List/components/Header/components/SearchField/SearchField.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/Header/components/SearchField/SearchField.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "Search<never>"
-        }
-      },
-      "className": {
-        "defaultValue": null,
-        "description": "The elements class name.",
-        "name": "className",
-        "parent": {
-          "fileName": "components/src/lib/types/props.ts",
-          "name": "PropsWithClassName"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/lib/types/props.ts",
-            "name": "PropsWithClassName"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      }
-    }
-  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx",

package/dist/js/components/src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.mjs

@@ -46,7 +46,7 @@ const SortingAccordion = () => {
       {
         value: s.id,
         onPress: () => list.getSorting(s.id).enable(),
-        children: s.name ?? s.property
+        children: `${s.name ?? s.property} ${s.directionName ?? ""}`.trim()
       },
       s.id
     )) }) })

package/dist/js/components/src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortingAccordion.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport AccordionView from \"@/views/AccordionView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ContentView from \"@/views/ContentView\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport { useList } from \"@/components/List\";\nimport locales from \"../../../../locales/*.locale.json\";\n\nexport const SortingAccordion: FC = () => {\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const sorting = list.visibleSorting;\n  const activeSorting = sorting.find((s) => s.isSorted());\n\n  if (sorting.length === 0) {\n    return null;\n  }\n\n  return (\n    <AccordionView>\n      <HeadingView>{stringFormatter.format(\"list.sorting\")}</HeadingView>\n      <ContentView>\n        <RadioGroupView value={activeSorting?.id} m={[1, 1]}>\n          {sorting.map((s) => (\n            <RadioView\n              key={s.id}\n              value={s.id}\n              onPress={() => list.getSorting(s.id).enable()}\n            >\n              {s.name ?? s.property}\n            </RadioView>\n          ))}\n        </RadioGroupView>\n      </ContentView>\n    </AccordionView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,mBAAuB,MAAM;AACxC,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,UAAU,IAAA,CAAK,cAAA;AACrB,EAAA,MAAM,gBAAgB,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAA;AAEtD,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,4BACG,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA,EAAE,CAAA;AAAA,oBACrD,GAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAO,aAAA,EAAe,EAAA,EAAI,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA,EAC/C,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBACZ,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEC,OAAO,CAAA,CAAE,EAAA;AAAA,QACT,SAAS,MAAM,IAAA,CAAK,WAAW,CAAA,CAAE,EAAE,EAAE,MAAA,EAAO;AAAA,QAE3C,QAAA,EAAA,CAAA,CAAE,QAAQ,CAAA,CAAE;AAAA,OAAA;AAAA,MAJR,CAAA,CAAE;AAAA,KAMV,GACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SortingAccordion.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport AccordionView from \"@/views/AccordionView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ContentView from \"@/views/ContentView\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport { useList } from \"@/components/List\";\nimport locales from \"../../../../locales/*.locale.json\";\n\nexport const SortingAccordion: FC = () => {\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const sorting = list.visibleSorting;\n  const activeSorting = sorting.find((s) => s.isSorted());\n\n  if (sorting.length === 0) {\n    return null;\n  }\n\n  return (\n    <AccordionView>\n      <HeadingView>{stringFormatter.format(\"list.sorting\")}</HeadingView>\n      <ContentView>\n        <RadioGroupView value={activeSorting?.id} m={[1, 1]}>\n          {sorting.map((s) => (\n            <RadioView\n              key={s.id}\n              value={s.id}\n              onPress={() => list.getSorting(s.id).enable()}\n            >\n              {`${s.name ?? s.property} ${s.directionName ?? \"\"}`.trim()}\n            </RadioView>\n          ))}\n        </RadioGroupView>\n      </ContentView>\n    </AccordionView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,mBAAuB,MAAM;AACxC,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,UAAU,IAAA,CAAK,cAAA;AACrB,EAAA,MAAM,gBAAgB,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAA;AAEtD,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,4BACG,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA,EAAE,CAAA;AAAA,oBACrD,GAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAO,aAAA,EAAe,EAAA,EAAI,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA,EAC/C,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBACZ,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEC,OAAO,CAAA,CAAE,EAAA;AAAA,QACT,SAAS,MAAM,IAAA,CAAK,WAAW,CAAA,CAAE,EAAE,EAAE,MAAA,EAAO;AAAA,QAE3C,QAAA,EAAA,CAAA,EAAG,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAE,QAAQ,IAAI,CAAA,CAAE,aAAA,IAAiB,EAAE,CAAA,CAAA,CAAG,IAAA;AAAK,OAAA;AAAA,MAJpD,CAAA,CAAE;AAAA,KAMV,GACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -14,16 +14,15 @@ const Tabs = flowComponent("Tabs", (props) => {
     children,
     className,
     defaultSelectedKey,
-    selectedKey,
+    selectedKey: selectedKeyProps,
     disabledKeys,
     ref,
     onSelectionChange,
     ...rest
   } = props;
   const rootClassName = clsx(styles.tabs, className);
-  const [selection, setSelection] = useState(
-    selectedKey ?? defaultSelectedKey
-  );
+  const [selectedKeyState, setSelectedKeyState] = useState(defaultSelectedKey);
+  const selectedKey = selectedKeyProps ?? selectedKeyState;
   return /* @__PURE__ */ jsxs(TunnelProvider, { children: [
     children,
     /* @__PURE__ */ jsxs(
@@ -32,9 +31,9 @@ const Tabs = flowComponent("Tabs", (props) => {
         slot: null,
         className: rootClassName,
         ...rest,
-        selectedKey: selection,
+        selectedKey,
         onSelectionChange: (key) => {
-          setSelection(key);
+          setSelectedKeyState(key);
           if (onSelectionChange) {
             onSelectionChange(key);
           }
@@ -45,9 +44,9 @@ const Tabs = flowComponent("Tabs", (props) => {
           /* @__PURE__ */ jsx(
             TabList,
             {
-              selection,
+              selection: selectedKey,
               onContextMenuSelectionChange: (key) => {
-                setSelection(key);
+                setSelectedKeyState(key);
                 if (onSelectionChange) {
                   onSelectionChange(key);
                 }

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.mjs","sources":["../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabList } from \"@/components/Tabs/components/TabList\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tabs.module.scss\";\n\nexport interface TabsProps\n  extends\n    Omit<Aria.TabsProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Tabs = flowComponent(\"Tabs\", (props) => {\n  const {\n    children,\n    className,\n    defaultSelectedKey,\n    selectedKey,\n    disabledKeys,\n    ref,\n    onSelectionChange,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.tabs, className);\n  const [selection, setSelection] = useState<Aria.Key | undefined>(\n    selectedKey ?? defaultSelectedKey,\n  );\n\n  return (\n    <TunnelProvider>\n      {children}\n      <Aria.Tabs\n        slot={null}\n        className={rootClassName}\n        {...rest}\n        selectedKey={selection}\n        onSelectionChange={(key) => {\n          setSelection(key);\n          if (onSelectionChange) {\n            onSelectionChange(key);\n          }\n        }}\n        disabledKeys={disabledKeys}\n        ref={ref}\n      >\n        <TabList\n          selection={selection}\n          onContextMenuSelectionChange={(key) => {\n            setSelection(key);\n            if (onSelectionChange) {\n              onSelectionChange(key);\n            }\n          }}\n          disabledKeys={disabledKeys}\n        />\n        <TunnelExit id=\"Panels\" />\n      </Aria.Tabs>\n    </TunnelProvider>\n  );\n});\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AACjD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA;AAAA,IAChC,WAAA,IAAe;AAAA,GACjB;AAEA,EAAA,4BACG,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,IAAA;AAAA,MAAC,IAAA,CAAK,IAAA;AAAA,MAAL;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QACJ,WAAA,EAAa,SAAA;AAAA,QACb,iBAAA,EAAmB,CAAC,GAAA,KAAQ;AAC1B,UAAA,YAAA,CAAa,GAAG,CAAA;AAChB,UAAA,IAAI,iBAAA,EAAmB;AACrB,YAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,UACvB;AAAA,QACF,CAAA;AAAA,QACA,YAAA;AAAA,QACA,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA;AAAA,cACA,4BAAA,EAA8B,CAAC,GAAA,KAAQ;AACrC,gBAAA,YAAA,CAAa,GAAG,CAAA;AAChB,gBAAA,IAAI,iBAAA,EAAmB;AACrB,kBAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,gBACvB;AAAA,cACF,CAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS;AAAA;AAAA;AAAA;AAC1B,GAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Tabs.mjs","sources":["../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabList } from \"@/components/Tabs/components/TabList\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tabs.module.scss\";\n\nexport interface TabsProps\n  extends\n    Omit<Aria.TabsProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Tabs = flowComponent(\"Tabs\", (props) => {\n  const {\n    children,\n    className,\n    defaultSelectedKey,\n    selectedKey: selectedKeyProps,\n    disabledKeys,\n    ref,\n    onSelectionChange,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.tabs, className);\n  const [selectedKeyState, setSelectedKeyState] = useState<\n    Aria.Key | undefined\n  >(defaultSelectedKey);\n\n  const selectedKey = selectedKeyProps ?? selectedKeyState;\n\n  return (\n    <TunnelProvider>\n      {children}\n      <Aria.Tabs\n        slot={null}\n        className={rootClassName}\n        {...rest}\n        selectedKey={selectedKey}\n        onSelectionChange={(key) => {\n          setSelectedKeyState(key);\n          if (onSelectionChange) {\n            onSelectionChange(key);\n          }\n        }}\n        disabledKeys={disabledKeys}\n        ref={ref}\n      >\n        <TabList\n          selection={selectedKey}\n          onContextMenuSelectionChange={(key) => {\n            setSelectedKeyState(key);\n            if (onSelectionChange) {\n              onSelectionChange(key);\n            }\n          }}\n          disabledKeys={disabledKeys}\n        />\n        <TunnelExit id=\"Panels\" />\n      </Aria.Tabs>\n    </TunnelProvider>\n  );\n});\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA,EAAa,gBAAA;AAAA,IACb,YAAA;AAAA,IACA,GAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AACjD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAE9C,kBAAkB,CAAA;AAEpB,EAAA,MAAM,cAAc,gBAAA,IAAoB,gBAAA;AAExC,EAAA,4BACG,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,IAAA;AAAA,MAAC,IAAA,CAAK,IAAA;AAAA,MAAL;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QACJ,WAAA;AAAA,QACA,iBAAA,EAAmB,CAAC,GAAA,KAAQ;AAC1B,UAAA,mBAAA,CAAoB,GAAG,CAAA;AACvB,UAAA,IAAI,iBAAA,EAAmB;AACrB,YAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,UACvB;AAAA,QACF,CAAA;AAAA,QACA,YAAA;AAAA,QACA,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,WAAA;AAAA,cACX,4BAAA,EAA8B,CAAC,GAAA,KAAQ;AACrC,gBAAA,mBAAA,CAAoB,GAAG,CAAA;AACvB,gBAAA,IAAI,iBAAA,EAAmB;AACrB,kBAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,gBACvB;AAAA,cACF,CAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS;AAAA;AAAA;AAAA;AAC1B,GAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,MAAM,WAAW,SACf,SACE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAChC,iBAAiB,EACjB,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,IAAI,8FAgDf,CAAC;AAEH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,MAAM,WAAW,SACf,SACE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAChC,iBAAiB,EACjB,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,IAAI,8FAkDf,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/types/components/Tabs/stories/Default.stories.d.ts

@@ -6,4 +6,5 @@ type Story = StoryObj<typeof Tabs>;
 export declare const Default: Story;
 export declare const SmallSpace: Story;
 export declare const Controlled: Story;
+export declare const WithLinks: Story;
 //# sourceMappingURL=Default.stories.d.ts.map

package/dist/types/components/Tabs/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAO,IAAI,EAAY,MAAM,mBAAmB,CAAC;AAWxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA6C3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAO,IAAI,EAAY,MAAM,mBAAmB,CAAC;AAaxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA6C3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAC"}

package/package.json

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