@mittwald/flow-react-components 0.2.0-alpha.653 → 0.2.0-alpha.654

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.654](https://github.com/mittwald/flow/compare/0.2.0-alpha.653...0.2.0-alpha.654) (2026-01-28)
+
+### Features
+
+* **List:** improve mobile list header ([#2283](https://github.com/mittwald/flow/issues/2283)) ([d4cd35e](https://github.com/mittwald/flow/commit/d4cd35ee53428d9d890df950a2a4d7aceb756d9b))
+
 # [0.2.0-alpha.653](https://github.com/mittwald/flow/compare/0.2.0-alpha.652...0.2.0-alpha.653) (2026-01-28)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/assets/doc-properties.json

@@ -154710,23 +154710,23 @@
     "tags": {
       "flr-generate": "all"
     },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/FileDropZone/FileDropZone.tsx",
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/FileField/FileField.tsx",
     "description": "",
-    "displayName": "FileDropZone",
+    "displayName": "FileField",
     "methods": [],
     "props": {
       "onChange": {
         "defaultValue": null,
-        "description": "",
+        "description": "Handler that is called when the file input changes.",
         "name": "onChange",
         "parent": {
-          "fileName": "components/src/components/FileDropZone/FileDropZone.tsx",
-          "name": "FileDropZoneProps"
+          "fileName": "components/src/components/FileField/FileField.tsx",
+          "name": "FileFieldProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/FileDropZone/FileDropZone.tsx",
-            "name": "FileDropZoneProps"
+            "fileName": "components/src/components/FileField/FileField.tsx",
+            "name": "FileFieldProps"
           }
         ],
         "required": false,
@@ -154739,13 +154739,13 @@
         "description": "Whether the component is read only.",
         "name": "isReadOnly",
         "parent": {
-          "fileName": "components/src/components/FileDropZone/FileDropZone.tsx",
-          "name": "FileDropZoneProps"
+          "fileName": "components/src/components/FileField/FileField.tsx",
+          "name": "FileFieldProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/FileDropZone/FileDropZone.tsx",
-            "name": "FileDropZoneProps"
+            "fileName": "components/src/components/FileField/FileField.tsx",
+            "name": "FileFieldProps"
           }
         ],
         "required": false,
@@ -154753,23 +154753,19 @@
           "name": "boolean"
         }
       },
-      "className": {
+      "children": {
         "defaultValue": null,
-        "description": "The elements class name.",
-        "name": "className",
-        "parent": {
-          "fileName": "components/src/lib/types/props.ts",
-          "name": "PropsWithClassName"
-        },
+        "description": "",
+        "name": "children",
         "declarations": [
           {
-            "fileName": "components/src/lib/types/props.ts",
-            "name": "PropsWithClassName"
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "ReactNode"
         }
       },
       "wrapWith": {
@@ -154848,21 +154844,6 @@
           "name": "Key | null"
         }
       },
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
       "name": {
         "defaultValue": null,
         "description": "",
@@ -154920,18 +154901,77 @@
           "name": "boolean"
         }
       },
+      "validationBehavior": {
+        "defaultValue": {
+          "value": "'native'"
+        },
+        "description": "Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA.",
+        "name": "validationBehavior",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-aria-components/dist/types.d.ts",
+          "name": "RACValidation"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-aria-components/dist/types.d.ts",
+            "name": "RACValidation"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"native\" | \"aria\""
+        }
+      },
       "isDisabled": {
         "defaultValue": null,
-        "description": "Whether the drop target is disabled. If true, the drop target will not accept any drops.",
+        "description": "Whether the input is disabled.",
         "name": "isDisabled",
         "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-aria+dnd@3.11.4_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@react-aria/dnd/dist/types.d.ts",
-          "name": "DropOptions"
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/inputs.d.ts",
+          "name": "InputBase"
         },
         "declarations": [
           {
-            "fileName": "flow/node_modules/.pnpm/@react-aria+dnd@3.11.4_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@react-aria/dnd/dist/types.d.ts",
-            "name": "DropOptions"
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/inputs.d.ts",
+            "name": "InputBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "isRequired": {
+        "defaultValue": null,
+        "description": "Whether user input is required on the input before form submission.",
+        "name": "isRequired",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/inputs.d.ts",
+          "name": "Validation"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/inputs.d.ts",
+            "name": "Validation"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "isInvalid": {
+        "defaultValue": null,
+        "description": "Whether the value is invalid.",
+        "name": "isInvalid",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-aria-components/dist/types.d.ts",
+          "name": "TextFieldProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-aria-components/dist/types.d.ts",
+            "name": "TextFieldProps"
           }
         ],
         "required": false,
@@ -154945,23 +154985,23 @@
     "tags": {
       "flr-generate": "all"
     },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/FileField/FileField.tsx",
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/FileDropZone/FileDropZone.tsx",
     "description": "",
-    "displayName": "FileField",
+    "displayName": "FileDropZone",
     "methods": [],
     "props": {
       "onChange": {
         "defaultValue": null,
-        "description": "Handler that is called when the file input changes.",
+        "description": "",
         "name": "onChange",
         "parent": {
-          "fileName": "components/src/components/FileField/FileField.tsx",
-          "name": "FileFieldProps"
+          "fileName": "components/src/components/FileDropZone/FileDropZone.tsx",
+          "name": "FileDropZoneProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/FileField/FileField.tsx",
-            "name": "FileFieldProps"
+            "fileName": "components/src/components/FileDropZone/FileDropZone.tsx",
+            "name": "FileDropZoneProps"
           }
         ],
         "required": false,
@@ -154974,13 +155014,13 @@
         "description": "Whether the component is read only.",
         "name": "isReadOnly",
         "parent": {
-          "fileName": "components/src/components/FileField/FileField.tsx",
-          "name": "FileFieldProps"
+          "fileName": "components/src/components/FileDropZone/FileDropZone.tsx",
+          "name": "FileDropZoneProps"
         },
         "declarations": [
           {
-            "fileName": "components/src/components/FileField/FileField.tsx",
-            "name": "FileFieldProps"
+            "fileName": "components/src/components/FileDropZone/FileDropZone.tsx",
+            "name": "FileDropZoneProps"
           }
         ],
         "required": false,
@@ -154988,19 +155028,23 @@
           "name": "boolean"
         }
       },
-      "children": {
+      "className": {
         "defaultValue": null,
-        "description": "",
-        "name": "children",
+        "description": "The elements class name.",
+        "name": "className",
+        "parent": {
+          "fileName": "components/src/lib/types/props.ts",
+          "name": "PropsWithClassName"
+        },
         "declarations": [
           {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
+            "fileName": "components/src/lib/types/props.ts",
+            "name": "PropsWithClassName"
           }
         ],
         "required": false,
         "type": {
-          "name": "ReactNode"
+          "name": "string"
         }
       },
       "wrapWith": {
@@ -155079,6 +155123,21 @@
           "name": "Key | null"
         }
       },
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
       "name": {
         "defaultValue": null,
         "description": "",
@@ -155136,77 +155195,18 @@
           "name": "boolean"
         }
       },
-      "validationBehavior": {
-        "defaultValue": {
-          "value": "'native'"
-        },
-        "description": "Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA.",
-        "name": "validationBehavior",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-aria-components/dist/types.d.ts",
-          "name": "RACValidation"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-aria-components/dist/types.d.ts",
-            "name": "RACValidation"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"native\" | \"aria\""
-        }
-      },
       "isDisabled": {
         "defaultValue": null,
-        "description": "Whether the input is disabled.",
+        "description": "Whether the drop target is disabled. If true, the drop target will not accept any drops.",
         "name": "isDisabled",
         "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/inputs.d.ts",
-          "name": "InputBase"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/inputs.d.ts",
-            "name": "InputBase"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "isRequired": {
-        "defaultValue": null,
-        "description": "Whether user input is required on the input before form submission.",
-        "name": "isRequired",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/inputs.d.ts",
-          "name": "Validation"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/inputs.d.ts",
-            "name": "Validation"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "isInvalid": {
-        "defaultValue": null,
-        "description": "Whether the value is invalid.",
-        "name": "isInvalid",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-aria-components/dist/types.d.ts",
-          "name": "TextFieldProps"
+          "fileName": "flow/node_modules/.pnpm/@react-aria+dnd@3.11.4_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@react-aria/dnd/dist/types.d.ts",
+          "name": "DropOptions"
         },
         "declarations": [
           {
-            "fileName": "flow/node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-aria-components/dist/types.d.ts",
-            "name": "TextFieldProps"
+            "fileName": "flow/node_modules/.pnpm/@react-aria+dnd@3.11.4_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@react-aria/dnd/dist/types.d.ts",
+            "name": "DropOptions"
           }
         ],
         "required": false,
@@ -300425,6 +300425,53 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
+    "description": "",
+    "displayName": "PasswordGenerateButton",
+    "methods": [],
+    "props": {
+      "isDisabled": {
+        "defaultValue": null,
+        "description": "",
+        "name": "isDisabled",
+        "parent": {
+          "fileName": "components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "onGeneratePasswordAction": {
+        "defaultValue": null,
+        "description": "",
+        "name": "onGeneratePasswordAction",
+        "parent": {
+          "fileName": "components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ActionFn"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "internal": ""
@@ -300512,53 +300559,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
-    "description": "",
-    "displayName": "PasswordGenerateButton",
-    "methods": [],
-    "props": {
-      "isDisabled": {
-        "defaultValue": null,
-        "description": "",
-        "name": "isDisabled",
-        "parent": {
-          "fileName": "components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "onGeneratePasswordAction": {
-        "defaultValue": null,
-        "description": "",
-        "name": "onGeneratePasswordAction",
-        "parent": {
-          "fileName": "components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ActionFn"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -309784,6 +309784,161 @@
       }
     }
   },
+  {
+    "tags": {
+      "flr-generate": "all"
+    },
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.tsx",
+    "description": "",
+    "displayName": "ContextMenuSection",
+    "methods": [],
+    "props": {
+      "children": {
+        "defaultValue": null,
+        "description": "",
+        "name": "children",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "wrapWith": {
+        "defaultValue": null,
+        "description": "",
+        "name": "wrapWith",
+        "parent": {
+          "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
+          "name": "FlowComponentProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
+            "name": "FlowComponentProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
+        }
+      },
+      "tunnelId": {
+        "defaultValue": null,
+        "description": "@internal",
+        "name": "tunnelId",
+        "parent": {
+          "fileName": "components/src/lib/types/props.ts",
+          "name": "PropsWithTunnel"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/lib/types/props.ts",
+            "name": "PropsWithTunnel"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string | null"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
+        "name": "ref",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLSpanElement>"
+        }
+      },
+      "key": {
+        "defaultValue": null,
+        "description": "",
+        "name": "key",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
+          "name": "Attributes"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
+            "name": "Attributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Key | null"
+        }
+      },
+      "selectedKeys": {
+        "defaultValue": null,
+        "description": "The currently selected keys in the collection (controlled).",
+        "name": "selectedKeys",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/selection.d.ts",
+          "name": "MultipleSelection"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/selection.d.ts",
+            "name": "MultipleSelection"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"all\" | Iterable<Key>"
+        }
+      },
+      "defaultSelectedKeys": {
+        "defaultValue": null,
+        "description": "The initial selected keys in the collection (uncontrolled).",
+        "name": "defaultSelectedKeys",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/selection.d.ts",
+          "name": "MultipleSelection"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/selection.d.ts",
+            "name": "MultipleSelection"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"all\" | Iterable<Key>"
+        }
+      },
+      "selectionMode": {
+        "defaultValue": null,
+        "description": "",
+        "name": "selectionMode",
+        "declarations": [
+          {
+            "fileName": "components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ContextMenuSelectionMode"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all"
@@ -311585,161 +311740,6 @@
       }
     }
   },
-  {
-    "tags": {
-      "flr-generate": "all"
-    },
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.tsx",
-    "description": "",
-    "displayName": "ContextMenuSection",
-    "methods": [],
-    "props": {
-      "children": {
-        "defaultValue": null,
-        "description": "",
-        "name": "children",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "wrapWith": {
-        "defaultValue": null,
-        "description": "",
-        "name": "wrapWith",
-        "parent": {
-          "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
-          "name": "FlowComponentProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
-            "name": "FlowComponentProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
-        }
-      },
-      "tunnelId": {
-        "defaultValue": null,
-        "description": "@internal",
-        "name": "tunnelId",
-        "parent": {
-          "fileName": "components/src/lib/types/props.ts",
-          "name": "PropsWithTunnel"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/lib/types/props.ts",
-            "name": "PropsWithTunnel"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string | null"
-        }
-      },
-      "ref": {
-        "defaultValue": null,
-        "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
-        "name": "ref",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
-          "name": "RefAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
-            "name": "RefAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Ref<HTMLSpanElement>"
-        }
-      },
-      "key": {
-        "defaultValue": null,
-        "description": "",
-        "name": "key",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
-          "name": "Attributes"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@types+react@19.2.8/node_modules/@types/react/index.d.ts",
-            "name": "Attributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Key | null"
-        }
-      },
-      "selectedKeys": {
-        "defaultValue": null,
-        "description": "The currently selected keys in the collection (controlled).",
-        "name": "selectedKeys",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/selection.d.ts",
-          "name": "MultipleSelection"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/selection.d.ts",
-            "name": "MultipleSelection"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"all\" | Iterable<Key>"
-        }
-      },
-      "defaultSelectedKeys": {
-        "defaultValue": null,
-        "description": "The initial selected keys in the collection (uncontrolled).",
-        "name": "defaultSelectedKeys",
-        "parent": {
-          "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/selection.d.ts",
-          "name": "MultipleSelection"
-        },
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.3/node_modules/@react-types/shared/src/selection.d.ts",
-            "name": "MultipleSelection"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"all\" | Iterable<Key>"
-        }
-      },
-      "selectionMode": {
-        "defaultValue": null,
-        "description": "",
-        "name": "selectionMode",
-        "declarations": [
-          {
-            "fileName": "components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ContextMenuSelectionMode"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -335215,86 +335215,6 @@
     "methods": [],
     "props": {}
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.tsx",
-    "description": "",
-    "displayName": "ViewModeMenuItem",
-    "methods": [],
-    "props": {
-      "viewMode": {
-        "defaultValue": null,
-        "description": "",
-        "name": "viewMode",
-        "parent": {
-          "fileName": "components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "ListViewMode"
-        }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/ViewModeMenu.tsx",
-    "description": "",
-    "displayName": "ViewModeMenu",
-    "methods": [],
-    "props": {}
-  },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/SortingMenuItem.tsx",
-    "description": "",
-    "displayName": "SortingMenuItem",
-    "methods": [],
-    "props": {
-      "sorting": {
-        "defaultValue": null,
-        "description": "",
-        "name": "sorting",
-        "parent": {
-          "fileName": "components/src/components/List/components/Header/components/Settings/SortingMenuItem.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/List/components/Header/components/Settings/SortingMenuItem.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "Sorting<never>"
-        }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/SortingMenu.tsx",
-    "description": "",
-    "displayName": "SortingMenu",
-    "methods": [],
-    "props": {}
-  },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/SettingsMenu.tsx",
-    "description": "",
-    "displayName": "SettingsMenu",
-    "methods": [],
-    "props": {}
-  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/SearchField/SearchField.tsx",
@@ -335422,6 +335342,78 @@
     "methods": [],
     "props": {}
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.tsx",
+    "description": "",
+    "displayName": "ViewModeMenuItem",
+    "methods": [],
+    "props": {
+      "viewMode": {
+        "defaultValue": null,
+        "description": "",
+        "name": "viewMode",
+        "parent": {
+          "fileName": "components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "ListViewMode"
+        }
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/ViewModeMenu.tsx",
+    "description": "",
+    "displayName": "ViewModeMenu",
+    "methods": [],
+    "props": {}
+  },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/SortingMenuItem.tsx",
+    "description": "",
+    "displayName": "SortingMenuItem",
+    "methods": [],
+    "props": {
+      "sorting": {
+        "defaultValue": null,
+        "description": "",
+        "name": "sorting",
+        "parent": {
+          "fileName": "components/src/components/List/components/Header/components/Settings/SortingMenuItem.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/List/components/Header/components/Settings/SortingMenuItem.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Sorting<never>"
+        }
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/Settings/SortingMenu.tsx",
+    "description": "",
+    "displayName": "SortingMenu",
+    "methods": [],
+    "props": {}
+  },
   {
     "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/Header.mjs

@@ -10,7 +10,6 @@ import { SearchField } from './components/SearchField/SearchField.mjs';
 import { ViewModeMenu } from './components/Settings/ViewModeMenu.mjs';
 import { TunnelExit } from '@mittwald/react-tunnel';
 import DivView from '../../../../views/DivView.mjs';
-import { SettingsMenu } from './components/Settings/SettingsMenu.mjs';
 import { SortingMenu } from './components/Settings/SortingMenu.mjs';
 import { FilterMenuList } from './components/Filters/FilterMenuList.mjs';
 import { CombinedFilterMenu } from './components/Filters/CombinedFilterMenu.mjs';
@@ -36,7 +35,6 @@ const Header = (props) => {
             /* @__PURE__ */ jsx(ViewModeMenu, {}),
             /* @__PURE__ */ jsx(SortingMenu, {}),
             /* @__PURE__ */ jsx(FilterMenuList, {}),
-            /* @__PURE__ */ jsx(SettingsMenu, {}),
             /* @__PURE__ */ jsx(CombinedFilterMenu, {}),
             list.search && /* @__PURE__ */ jsx(SearchField, { search: list.search })
           ] })

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

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","sources":["../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Header.module.css\";\nimport clsx from \"clsx\";\nimport { ActiveFilters } from \"@/components/List/components/Header/components/ActiveFilters\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { SearchField } from \"@/components/List/components/Header/components/SearchField/SearchField\";\nimport { ViewModeMenu } from \"@/components/List/components/Header/components/Settings/ViewModeMenu\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\nimport { SettingsMenu } from \"@/components/List/components/Header/components/Settings/SettingsMenu\";\nimport { SortingMenu } from \"@/components/List/components/Header/components/Settings/SortingMenu\";\nimport { FilterMenuList } from \"@/components/List/components/Header/components/Filters/FilterMenuList\";\nimport { CombinedFilterMenu } from \"@/components/List/components/Header/components/Filters/CombinedFilterMenu\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\n\nexport const Header: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n  const list = useList();\n\n  const availableViewModes = useAvailableViewModes();\n\n  const hasOptions =\n    list.filters.length > 0 ||\n    list.visibleSorting.length > 0 ||\n    list.search ||\n    availableViewModes.length > 1;\n\n  return (\n    <DivView\n      className={clsx(\n        className,\n        styles.header,\n        list.search && styles.withSearch,\n      )}\n    >\n      <DivView className={styles.headerContent}>\n        <TunnelExit id=\"actions\" />\n        {hasOptions && (\n          <DivView className={styles.options}>\n            {/* Desktop */}\n            <ViewModeMenu />\n            <SortingMenu />\n            <FilterMenuList />\n\n            {/* Mobile */}\n            <SettingsMenu />\n            <CombinedFilterMenu />\n\n            {list.search && <SearchField search={list.search} />}\n          </DivView>\n        )}\n      </DivView>\n      <ActiveFilters />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAM,MAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AAEjD,EAAA,MAAM,UAAA,GACJ,IAAA,CAAK,OAAA,CAAQ,MAAA,GAAS,CAAA,IACtB,IAAA,CAAK,cAAA,CAAe,MAAA,GAAS,CAAA,IAC7B,IAAA,CAAK,MAAA,IACL,kBAAA,CAAmB,MAAA,GAAS,CAAA;AAE9B,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,SAAA;AAAA,QACAA,YAAA,CAAO,MAAA;AAAA,QACP,IAAA,CAAK,UAAUA,YAAA,CAAO;AAAA,OACxB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,YAAA,CAAO,aAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAG,SAAA,EAAU,CAAA;AAAA,UACxB,UAAA,oBACC,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,aAAO,OAAA,EAEzB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,WAAA,EAAA,EAAY,CAAA;AAAA,gCACZ,cAAA,EAAA,EAAe,CAAA;AAAA,gCAGf,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,kBAAA,EAAA,EAAmB,CAAA;AAAA,YAEnB,KAAK,MAAA,oBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,KAAK,MAAA,EAAQ;AAAA,WAAA,EACpD;AAAA,SAAA,EAEJ,CAAA;AAAA,4BACC,aAAA,EAAA,EAAc;AAAA;AAAA;AAAA,GACjB;AAEJ;;;;"}
+{"version":3,"file":"Header.mjs","sources":["../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Header.module.css\";\nimport clsx from \"clsx\";\nimport { ActiveFilters } from \"@/components/List/components/Header/components/ActiveFilters\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { SearchField } from \"@/components/List/components/Header/components/SearchField/SearchField\";\nimport { ViewModeMenu } from \"@/components/List/components/Header/components/Settings/ViewModeMenu\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\nimport { SortingMenu } from \"@/components/List/components/Header/components/Settings/SortingMenu\";\nimport { FilterMenuList } from \"@/components/List/components/Header/components/Filters/FilterMenuList\";\nimport { CombinedFilterMenu } from \"@/components/List/components/Header/components/Filters/CombinedFilterMenu\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\n\nexport const Header: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n  const list = useList();\n\n  const availableViewModes = useAvailableViewModes();\n\n  const hasOptions =\n    list.filters.length > 0 ||\n    list.visibleSorting.length > 0 ||\n    list.search ||\n    availableViewModes.length > 1;\n\n  return (\n    <DivView\n      className={clsx(\n        className,\n        styles.header,\n        list.search && styles.withSearch,\n      )}\n    >\n      <DivView className={styles.headerContent}>\n        <TunnelExit id=\"actions\" />\n        {hasOptions && (\n          <DivView className={styles.options}>\n            {/* Desktop */}\n            <ViewModeMenu />\n            <SortingMenu />\n            <FilterMenuList />\n\n            {/* Mobile */}\n            <CombinedFilterMenu />\n\n            {list.search && <SearchField search={list.search} />}\n          </DivView>\n        )}\n      </DivView>\n      <ActiveFilters />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;AAgBO,MAAM,MAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AAEjD,EAAA,MAAM,UAAA,GACJ,IAAA,CAAK,OAAA,CAAQ,MAAA,GAAS,CAAA,IACtB,IAAA,CAAK,cAAA,CAAe,MAAA,GAAS,CAAA,IAC7B,IAAA,CAAK,MAAA,IACL,kBAAA,CAAmB,MAAA,GAAS,CAAA;AAE9B,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,SAAA;AAAA,QACAA,YAAA,CAAO,MAAA;AAAA,QACP,IAAA,CAAK,UAAUA,YAAA,CAAO;AAAA,OACxB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,YAAA,CAAO,aAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAG,SAAA,EAAU,CAAA;AAAA,UACxB,UAAA,oBACC,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,aAAO,OAAA,EAEzB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,WAAA,EAAA,EAAY,CAAA;AAAA,gCACZ,cAAA,EAAA,EAAe,CAAA;AAAA,gCAGf,kBAAA,EAAA,EAAmB,CAAA;AAAA,YAEnB,KAAK,MAAA,oBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,KAAK,MAAA,EAAQ;AAAA,WAAA,EACpD;AAAA,SAAA,EAEJ,CAAA;AAAA,4BACC,aAAA,EAAA,EAAc;AAAA;AAAA;AAAA,GACjB;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Header/components/Filters/CombinedFilterMenu.mjs

@@ -32,14 +32,58 @@ import headerStyles from '../../Header.module.css.mjs';
 import ContextMenuSectionView from '../../../../../../views/ContextMenuSectionView.mjs';
 import SeparatorView from '../../../../../../views/SeparatorView.mjs';
 import ContextMenuView from '../../../../../../views/ContextMenuView.mjs';
+import { useAvailableViewModes } from '../../lib.mjs';
+import { ViewModeMenuItem } from '../Settings/ViewModeMenuItem.mjs';
+import { SortingMenuItem } from '../Settings/SortingMenuItem.mjs';
 
 const CombinedFilterMenu = () => {
   const list = useList();
-  const filters = list.filters;
   const stringFormatter = useLocalizedStringFormatter(locales);
-  if (filters.length === 0) {
-    return null;
-  }
+  const filterSections = list.filters.map((f) => {
+    const activeKeys = f.values.filter((v) => v.isActive).map((v) => v.id);
+    return /* @__PURE__ */ jsxs(
+      ContextMenuSectionView,
+      {
+        selectionMode: f.mode === "one" ? "single" : "multiple",
+        selectedKeys: activeKeys,
+        children: [
+          /* @__PURE__ */ jsx(HeadingView, { children: f.name ?? f.property }),
+          f.values.map((v) => /* @__PURE__ */ jsx(FilterMenuItem, { filterValue: v }, v.id))
+        ]
+      },
+      f.property
+    );
+  });
+  const availableViewModes = useAvailableViewModes();
+  const selectedViewMode = list.viewMode;
+  const viewModeSection = availableViewModes.length > 1 ? /* @__PURE__ */ jsxs(
+    ContextMenuSectionView,
+    {
+      selectionMode: "single",
+      selectedKeys: [selectedViewMode],
+      children: [
+        /* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("list.settings.viewMode") }),
+        availableViewModes.map((vm) => /* @__PURE__ */ jsx(ViewModeMenuItem, { viewMode: vm }, vm))
+      ]
+    }
+  ) : null;
+  const sortingItems = list.visibleSorting.map((s) => /* @__PURE__ */ jsx(SortingMenuItem, { sorting: s }, s.id));
+  const labelSorting = list.visibleSorting.find((s) => s.isSorted());
+  const sortingSection = sortingItems.length > 0 ? /* @__PURE__ */ jsxs(
+    ContextMenuSectionView,
+    {
+      selectionMode: "single",
+      selectedKeys: labelSorting ? [labelSorting.id] : [],
+      children: [
+        /* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("list.sorting") }),
+        sortingItems
+      ]
+    }
+  ) : null;
+  const sections = [viewModeSection, sortingSection, ...filterSections].filter(
+    Boolean
+  );
+  if (sections.length === 0) return null;
   return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [
     /* @__PURE__ */ jsx(
       ButtonView,
@@ -51,23 +95,10 @@ const CombinedFilterMenu = () => {
         children: /* @__PURE__ */ jsx(IconFilter, {})
       }
     ),
-    /* @__PURE__ */ jsx(ContextMenuView, { children: filters.map((f, i) => {
-      const activeFilterKeys = f.values.filter((v) => v.isActive).map((v) => v.id);
-      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          ContextMenuSectionView,
-          {
-            selectionMode: f.mode === "one" ? "single" : "multiple",
-            selectedKeys: activeFilterKeys,
-            children: [
-              /* @__PURE__ */ jsx(HeadingView, { children: f.name ?? f.property }),
-              f.values.map((v) => /* @__PURE__ */ jsx(FilterMenuItem, { filterValue: v }, v.id))
-            ]
-          }
-        ),
-        i + 1 < filters.length && /* @__PURE__ */ jsx(SeparatorView, {})
-      ] }, f.property);
-    }) })
+    /* @__PURE__ */ jsx(ContextMenuView, { children: sections.map((section, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ jsx(SeparatorView, {}),
+      section
+    ] }, index)) })
   ] });
 };
 

package/dist/js/components/src/components/List/components/Header/components/Filters/CombinedFilterMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CombinedFilterMenu.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Filters/CombinedFilterMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { FilterMenuItem } from \"@/components/List/components/Header/components/Filters/FilterMenuItem\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\nimport SeparatorView from \"@/views/SeparatorView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\nexport const CombinedFilterMenu: FC = () => {\n  const list = useList();\n\n  const filters = list.filters;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  if (filters.length === 0) {\n    return null;\n  }\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        className={styles.mobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.filters\")}\n      >\n        <IconFilter />\n      </ButtonView>\n      <ContextMenuView>\n        {filters.map((f, i) => {\n          const activeFilterKeys = f.values\n            .filter((v) => v.isActive)\n            .map((v) => v.id);\n\n          return (\n            <React.Fragment key={f.property}>\n              <ContextMenuSectionView\n                selectionMode={f.mode === \"one\" ? \"single\" : \"multiple\"}\n                selectedKeys={activeFilterKeys}\n              >\n                <HeadingView>{f.name ?? f.property}</HeadingView>\n                {f.values.map((v) => (\n                  <FilterMenuItem key={v.id} filterValue={v} />\n                ))}\n              </ContextMenuSectionView>\n              {i + 1 < filters.length && <SeparatorView />}\n            </React.Fragment>\n          );\n        })}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,qBAAyB,MAAM;AAC1C,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,UAAU,IAAA,CAAK,OAAA;AAErB,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAWA,YAAA,CAAO,MAAA;AAAA,QAClB,OAAA,EAAQ,SAAA;AAAA,QACR,KAAA,EAAM,WAAA;AAAA,QACN,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA;AAAA,QAEjD,8BAAC,UAAA,EAAA,EAAW;AAAA;AAAA,KACd;AAAA,wBACC,eAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,GAAG,CAAA,KAAM;AACrB,MAAA,MAAM,gBAAA,GAAmB,CAAA,CAAE,MAAA,CACxB,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,QAAQ,CAAA,CACxB,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,EAAE,CAAA;AAElB,MAAA,uBACE,IAAA,CAAC,KAAA,CAAM,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAe,CAAA,CAAE,IAAA,KAAS,KAAA,GAAQ,QAAA,GAAW,UAAA;AAAA,YAC7C,YAAA,EAAc,gBAAA;AAAA,YAEd,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAE,QAAA,EAAS,CAAA;AAAA,cAClC,CAAA,CAAE,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,qBACb,GAAA,CAAC,cAAA,EAAA,EAA0B,WAAA,EAAa,CAAA,EAAA,EAAnB,CAAA,CAAE,EAAoB,CAC5C;AAAA;AAAA;AAAA,SACH;AAAA,QACC,CAAA,GAAI,CAAA,GAAI,OAAA,CAAQ,MAAA,wBAAW,aAAA,EAAA,EAAc;AAAA,OAAA,EAAA,EAVvB,EAAE,QAWvB,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CombinedFilterMenu.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Filters/CombinedFilterMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { FilterMenuItem } from \"@/components/List/components/Header/components/Filters/FilterMenuItem\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\nimport SeparatorView from \"@/views/SeparatorView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\nimport { ViewModeMenuItem } from \"@/components/List/components/Header/components/Settings/ViewModeMenuItem\";\nimport { SortingMenuItem } from \"@/components/List/components/Header/components/Settings/SortingMenuItem\";\n\nexport const CombinedFilterMenu: FC = () => {\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const filterSections = list.filters.map((f) => {\n    const activeKeys = f.values.filter((v) => v.isActive).map((v) => v.id);\n    return (\n      <ContextMenuSectionView\n        key={f.property}\n        selectionMode={f.mode === \"one\" ? \"single\" : \"multiple\"}\n        selectedKeys={activeKeys}\n      >\n        <HeadingView>{f.name ?? f.property}</HeadingView>\n        {f.values.map((v) => (\n          <FilterMenuItem key={v.id} filterValue={v} />\n        ))}\n      </ContextMenuSectionView>\n    );\n  });\n\n  const availableViewModes = useAvailableViewModes();\n  const selectedViewMode = list.viewMode;\n  const viewModeSection =\n    availableViewModes.length > 1 ? (\n      <ContextMenuSectionView\n        selectionMode=\"single\"\n        selectedKeys={[selectedViewMode]}\n      >\n        <HeadingView>\n          {stringFormatter.format(\"list.settings.viewMode\")}\n        </HeadingView>\n        {availableViewModes.map((vm) => (\n          <ViewModeMenuItem key={vm} viewMode={vm} />\n        ))}\n      </ContextMenuSectionView>\n    ) : null;\n\n  const sortingItems = list.visibleSorting.map((s) => (\n    <SortingMenuItem key={s.id} sorting={s} />\n  ));\n  const labelSorting = list.visibleSorting.find((s) => s.isSorted());\n  const sortingSection =\n    sortingItems.length > 0 ? (\n      <ContextMenuSectionView\n        selectionMode=\"single\"\n        selectedKeys={labelSorting ? [labelSorting.id] : []}\n      >\n        <HeadingView>{stringFormatter.format(\"list.sorting\")}</HeadingView>\n        {sortingItems}\n      </ContextMenuSectionView>\n    ) : null;\n\n  const sections = [viewModeSection, sortingSection, ...filterSections].filter(\n    Boolean,\n  );\n\n  if (sections.length === 0) return null;\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        className={styles.mobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.filters\")}\n      >\n        <IconFilter />\n      </ButtonView>\n\n      <ContextMenuView>\n        {sections.map((section, index) => (\n          <React.Fragment key={index}>\n            {index > 0 && <SeparatorView />}\n            {section}\n          </React.Fragment>\n        ))}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,qBAAyB,MAAM;AAC1C,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAC7C,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,EAAE,CAAA;AACrE,IAAA,uBACE,IAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QAEC,aAAA,EAAe,CAAA,CAAE,IAAA,KAAS,KAAA,GAAQ,QAAA,GAAW,UAAA;AAAA,QAC7C,YAAA,EAAc,UAAA;AAAA,QAEd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAE,QAAA,EAAS,CAAA;AAAA,UAClC,CAAA,CAAE,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,qBACb,GAAA,CAAC,cAAA,EAAA,EAA0B,WAAA,EAAa,CAAA,EAAA,EAAnB,CAAA,CAAE,EAAoB,CAC5C;AAAA;AAAA,OAAA;AAAA,MAPI,CAAA,CAAE;AAAA,KAQT;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AACjD,EAAA,MAAM,mBAAmB,IAAA,CAAK,QAAA;AAC9B,EAAA,MAAM,eAAA,GACJ,kBAAA,CAAmB,MAAA,GAAS,CAAA,mBAC1B,IAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAc,CAAC,gBAAgB,CAAA;AAAA,MAE/B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,wBAAwB,CAAA,EAClD,CAAA;AAAA,QACC,kBAAA,CAAmB,IAAI,CAAC,EAAA,yBACtB,gBAAA,EAAA,EAA0B,QAAA,EAAU,EAAA,EAAA,EAAd,EAAkB,CAC1C;AAAA;AAAA;AAAA,GACH,GACE,IAAA;AAEN,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,cAAA,CAAe,GAAA,CAAI,CAAC,CAAA,qBAC5C,GAAA,CAAC,eAAA,EAAA,EAA2B,OAAA,EAAS,CAAA,EAAA,EAAf,CAAA,CAAE,EAAgB,CACzC,CAAA;AACD,EAAA,MAAM,YAAA,GAAe,KAAK,cAAA,CAAe,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAA;AACjE,EAAA,MAAM,cAAA,GACJ,YAAA,CAAa,MAAA,GAAS,CAAA,mBACpB,IAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAc,QAAA;AAAA,MACd,cAAc,YAAA,GAAe,CAAC,YAAA,CAAa,EAAE,IAAI,EAAC;AAAA,MAElD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA,EAAE,CAAA;AAAA,QACpD;AAAA;AAAA;AAAA,GACH,GACE,IAAA;AAEN,EAAA,MAAM,WAAW,CAAC,eAAA,EAAiB,cAAA,EAAgB,GAAG,cAAc,CAAA,CAAE,MAAA;AAAA,IACpE;AAAA,GACF;AAEA,EAAA,IAAI,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAElC,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAWA,YAAA,CAAO,MAAA;AAAA,QAClB,OAAA,EAAQ,SAAA;AAAA,QACR,KAAA,EAAM,WAAA;AAAA,QACN,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA;AAAA,QAEjD,8BAAC,UAAA,EAAA,EAAW;AAAA;AAAA,KACd;AAAA,oBAEA,GAAA,CAAC,eAAA,EAAA,EACE,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,SAAS,KAAA,qBACtB,IAAA,CAAC,KAAA,CAAM,QAAA,EAAN,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,GAAQ,CAAA,wBAAM,aAAA,EAAA,EAAc,CAAA;AAAA,MAC5B;AAAA,KAAA,EAAA,EAFkB,KAGrB,CACD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/types/components/List/components/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../../src/components/List/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAW5D,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAwCzC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../../src/components/List/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAU5D,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAuCzC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/components/List/components/Header/components/Filters/CombinedFilterMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CombinedFilterMenu.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Header/components/Filters/CombinedFilterMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAehC,eAAO,MAAM,kBAAkB,EAAE,EA6ChC,CAAC"}
+{"version":3,"file":"CombinedFilterMenu.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Header/components/Filters/CombinedFilterMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAkBhC,eAAO,MAAM,kBAAkB,EAAE,EA+EhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.653",
+  "version": "0.2.0-alpha.654",
   "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.653",
+    "@mittwald/react-tunnel": "0.2.0-alpha.654",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.3",
     "@react-aria/live-announcer": "^3.4.4",
@@ -103,7 +103,7 @@
     "@faker-js/faker": "^10.2.0",
     "@internationalized/date": "^3.10.1",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.653",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.654",
     "@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": "e40138d8fd5585f3f29416490ed26322cce832e8"
+  "gitHead": "3f097992d0193a2ea5d9d7a29a5161b320433968"
 }

package/dist/js/components/src/components/List/components/Header/components/Settings/SettingsMenu.mjs

@@ -1,74 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useList } from '../../../../hooks/useList.mjs';
-import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
-import ButtonView from '../../../../../../views/ButtonView.mjs';
-import 'react';
-import '@tabler/icons-react';
-import '../../../../../Icon/Icon.mjs';
-import '../../../../../../views/IconView.mjs';
-import { IconSettings } from '../../../../../Icon/components/icons/IconSettings.mjs';
-import HeadingView from '../../../../../../views/HeadingView.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import headerStyles from '../../Header.module.css.mjs';
-import { ViewModeMenuItem } from './ViewModeMenuItem.mjs';
-import { useAvailableViewModes } from '../../lib.mjs';
-import { SortingMenuItem } from './SortingMenuItem.mjs';
-import SeparatorView from '../../../../../../views/SeparatorView.mjs';
-import ContextMenuSectionView from '../../../../../../views/ContextMenuSectionView.mjs';
-import ContextMenuTriggerView from '../../../../../../views/ContextMenuTriggerView.mjs';
-import ContextMenuView from '../../../../../../views/ContextMenuView.mjs';
-
-const SettingsMenu = () => {
-  const list = useList();
-  const selectedViewMode = list.viewMode;
-  const availableViewModes = useAvailableViewModes();
-  const viewModeItems = availableViewModes.map((viewMode) => /* @__PURE__ */ jsx(ViewModeMenuItem, { viewMode }, viewMode));
-  const sortingItems = list.visibleSorting.map((s) => /* @__PURE__ */ jsx(SortingMenuItem, { sorting: s }, s.id));
-  const labelSorting = list.visibleSorting.find((s) => s.isSorted());
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  if (sortingItems.length === 0 && viewModeItems.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        className: headerStyles.mobile,
-        variant: "outline",
-        color: "secondary",
-        "aria-label": stringFormatter.format("list.settings"),
-        children: /* @__PURE__ */ jsx(IconSettings, {})
-      }
-    ),
-    /* @__PURE__ */ jsxs(ContextMenuView, { children: [
-      viewModeItems.length > 1 && /* @__PURE__ */ jsxs(
-        ContextMenuSectionView,
-        {
-          selectionMode: "single",
-          selectedKeys: [selectedViewMode],
-          children: [
-            /* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("list.settings.viewMode") }),
-            viewModeItems
-          ]
-        }
-      ),
-      sortingItems.length > 0 && viewModeItems.length > 1 && /* @__PURE__ */ jsx(SeparatorView, {}),
-      sortingItems.length > 0 && /* @__PURE__ */ jsxs(
-        ContextMenuSectionView,
-        {
-          selectionMode: "single",
-          selectedKeys: labelSorting ? [labelSorting.id] : [],
-          children: [
-            /* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("list.sorting") }),
-            sortingItems
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-
-export { SettingsMenu };
-//# sourceMappingURL=SettingsMenu.mjs.map

package/dist/js/components/src/components/List/components/Header/components/Settings/SettingsMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsMenu.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Settings/SettingsMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { IconSettings } from \"@/components/Icon/components/icons\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport styles from \"../../Header.module.css\";\nimport { ViewModeMenuItem } from \"@/components/List/components/Header/components/Settings/ViewModeMenuItem\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\nimport { SortingMenuItem } from \"@/components/List/components/Header/components/Settings/SortingMenuItem\";\nimport SeparatorView from \"@/views/SeparatorView\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\nexport const SettingsMenu: FC = () => {\n  const list = useList();\n\n  const selectedViewMode = list.viewMode;\n  const availableViewModes = useAvailableViewModes();\n  const viewModeItems = availableViewModes.map((viewMode) => (\n    <ViewModeMenuItem viewMode={viewMode} key={viewMode} />\n  ));\n\n  const sortingItems = list.visibleSorting.map((s) => (\n    <SortingMenuItem sorting={s} key={s.id} />\n  ));\n  const labelSorting = list.visibleSorting.find((s) => s.isSorted());\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  if (sortingItems.length === 0 && viewModeItems.length <= 1) {\n    return null;\n  }\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        className={styles.mobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.settings\")}\n      >\n        <IconSettings />\n      </ButtonView>\n\n      <ContextMenuView>\n        {viewModeItems.length > 1 && (\n          <ContextMenuSectionView\n            selectionMode=\"single\"\n            selectedKeys={[selectedViewMode]}\n          >\n            <HeadingView>\n              {stringFormatter.format(\"list.settings.viewMode\")}\n            </HeadingView>\n            {viewModeItems}\n          </ContextMenuSectionView>\n        )}\n\n        {sortingItems.length > 0 && viewModeItems.length > 1 && (\n          <SeparatorView />\n        )}\n\n        {sortingItems.length > 0 && (\n          <ContextMenuSectionView\n            selectionMode=\"single\"\n            selectedKeys={labelSorting ? [labelSorting.id] : []}\n          >\n            <HeadingView>{stringFormatter.format(\"list.sorting\")}</HeadingView>\n            {sortingItems}\n          </ContextMenuSectionView>\n        )}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,eAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,mBAAmB,IAAA,CAAK,QAAA;AAC9B,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AACjD,EAAA,MAAM,aAAA,GAAgB,mBAAmB,GAAA,CAAI,CAAC,6BAC5C,GAAA,CAAC,gBAAA,EAAA,EAAiB,QAAA,EAAA,EAAyB,QAAU,CACtD,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,cAAA,CAAe,GAAA,CAAI,CAAC,CAAA,qBAC5C,GAAA,CAAC,eAAA,EAAA,EAAgB,OAAA,EAAS,CAAA,EAAA,EAAQ,CAAA,CAAE,EAAI,CACzC,CAAA;AACD,EAAA,MAAM,YAAA,GAAe,KAAK,cAAA,CAAe,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAA;AAEjE,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,IAAI,YAAA,CAAa,MAAA,KAAW,CAAA,IAAK,aAAA,CAAc,UAAU,CAAA,EAAG;AAC1D,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAWA,YAAA,CAAO,MAAA;AAAA,QAClB,OAAA,EAAQ,SAAA;AAAA,QACR,KAAA,EAAM,WAAA;AAAA,QACN,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,eAAe,CAAA;AAAA,QAElD,8BAAC,YAAA,EAAA,EAAa;AAAA;AAAA,KAChB;AAAA,yBAEC,eAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,aAAA,CAAc,SAAS,CAAA,oBACtB,IAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAc,QAAA;AAAA,UACd,YAAA,EAAc,CAAC,gBAAgB,CAAA;AAAA,UAE/B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,wBAAwB,CAAA,EAClD,CAAA;AAAA,YACC;AAAA;AAAA;AAAA,OACH;AAAA,MAGD,aAAa,MAAA,GAAS,CAAA,IAAK,cAAc,MAAA,GAAS,CAAA,wBAChD,aAAA,EAAA,EAAc,CAAA;AAAA,MAGhB,YAAA,CAAa,SAAS,CAAA,oBACrB,IAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAc,QAAA;AAAA,UACd,cAAc,YAAA,GAAe,CAAC,YAAA,CAAa,EAAE,IAAI,EAAC;AAAA,UAElD,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA,EAAE,CAAA;AAAA,YACpD;AAAA;AAAA;AAAA;AACH,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/types/components/List/components/Header/components/Settings/SettingsMenu.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-export declare const SettingsMenu: FC;
-//# sourceMappingURL=SettingsMenu.d.ts.map

package/dist/types/components/List/components/Header/components/Settings/SettingsMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsMenu.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Header/components/Settings/SettingsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgBhC,eAAO,MAAM,YAAY,EAAE,EA4D1B,CAAC"}