@mittwald/flow-react-components 1.4.0-next.6 → 1.4.0-next.8

package/dist/js/_virtual/_33.locale.mjs

@@ -1,22 +1,16 @@
 "use client"
 /* */
-//#region \0.locale.json@72ba2ce40f190df671686fec50c04ddf
+//#region \0.locale.json@16189d7d260d7331b0e0a1936d5c7c52
 var __locale_default = {
 	"de-DE": {
-		"validation.max": "Maximale Anzahl von {number} erreicht",
-		"validation.maxLength": "Bitte gib höchstens {number} Zeichen ein",
-		"validation.min": "Minimale Anzahl von {number} noch nicht erreicht",
-		"validation.minLength": "Bitte gib mindestens {number} Zeichen ein",
-		"validation.pattern": "Entspricht nicht dem erwarteten Format: {pattern}",
-		"validation.required": "Dieses Feld ist erforderlich"
+		"characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} Zeichen",
+		"password.hide": "Passwort verbergen",
+		"password.show": "Passwort anzeigen"
 	},
 	"en-US": {
-		"validation.max": "Maximum number of {number} reached",
-		"validation.maxLength": "Please enter at most {number} characters",
-		"validation.min": "Minimum number of {number} has not yet been reached",
-		"validation.minLength": "Please enter at least {number} characters",
-		"validation.pattern": "Does not match the expected format: {pattern}",
-		"validation.required": "This field is required"
+		"characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} characters",
+		"password.hide": "Show password",
+		"password.show": "Hide password"
 	}
 };
 //#endregion

package/dist/js/_virtual/_34.locale.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+//#region \0.locale.json@72ba2ce40f190df671686fec50c04ddf
+var __locale_default = {
+	"de-DE": {
+		"validation.max": "Maximale Anzahl von {number} erreicht",
+		"validation.maxLength": "Bitte gib höchstens {number} Zeichen ein",
+		"validation.min": "Minimale Anzahl von {number} noch nicht erreicht",
+		"validation.minLength": "Bitte gib mindestens {number} Zeichen ein",
+		"validation.pattern": "Entspricht nicht dem erwarteten Format: {pattern}",
+		"validation.required": "Dieses Feld ist erforderlich"
+	},
+	"en-US": {
+		"validation.max": "Maximum number of {number} reached",
+		"validation.maxLength": "Please enter at most {number} characters",
+		"validation.min": "Minimum number of {number} has not yet been reached",
+		"validation.minLength": "Please enter at least {number} characters",
+		"validation.pattern": "Does not match the expected format: {pattern}",
+		"validation.required": "This field is required"
+	}
+};
+//#endregion
+export { __locale_default as default };

package/dist/js/packages/components/src/components/ColumnLayout/ColumnLayout.mjs

@@ -21,9 +21,13 @@ var ColumnLayout = flowComponent("ColumnLayout", (props) => {
 	l?.map((v, i) => {
 		if (v === null) elementClassName = clsx(elementClassName, styleClassname(ColumnLayout_module_default, `hide-l-${i + 1}`));
 	});
-	const columnsS = s ? getColumns(s) : "1fr";
-	const columnsM = m ? getColumns(m) : s ? columnsS : "1fr 1fr";
-	const columnsL = l ? getColumns(l) : m || s ? columnsM : "1fr 1fr 1fr";
+	const columnsS = getColumns(s ?? [1]);
+	const columnsM = m ? getColumns(m) : s ? columnsS : getColumns([1, 1]);
+	const columnsL = l ? getColumns(l) : m || s ? columnsM : getColumns([
+		1,
+		1,
+		1
+	]);
 	const style = {
 		...styleFromProps,
 		"--column-layout--columns-s": columnsS,

package/dist/js/packages/components/src/components/ColumnLayout/ColumnLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnLayout.mjs","names":[],"sources":["../../../../../../../src/components/ColumnLayout/ColumnLayout.tsx"],"sourcesContent":["import type { CSSProperties, PropsWithChildren } from \"react\";\nimport styles from \"./ColumnLayout.module.scss\";\nimport { styleClassname } from \"@/lib/scss/selectors\";\nimport { getColumns } from \"./lib/getColumns\";\nimport clsx from \"clsx\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\ntype GapSize = \"s\" | \"m\" | \"l\" | \"xl\";\n\nexport interface ColumnLayoutProps<\n  T extends keyof HTMLElementTagNameMap = \"div\" | \"ul\",\n>\n  extends\n    PropsWithChildren,\n    PropsWithElementType<T>,\n    PropsWithClassName,\n    FlowComponentProps<HTMLElementTagNameMap[T]> {\n  /** Column layout for container size s. */\n  s?: (number | null)[];\n  /** Column layout for container size m. */\n  m?: (number | null)[];\n  /** Column layout for container size l. */\n  l?: (number | null)[];\n  /**\n   * Size of the row and column gap between the content blocks inside the column\n   * layout.\n   *\n   * @default \"m\"\n   */\n  gap?: GapSize;\n  /** Size of the row gap between the content blocks inside the column layout. */\n  rowGap?: GapSize;\n  /** Size of the column gap between the content blocks inside the column layout. */\n  columnGap?: GapSize;\n}\n\n/** @flr-generate all */\nexport const ColumnLayout = flowComponent(\n  \"ColumnLayout\",\n  (props) => {\n    const {\n      children,\n      className,\n      s,\n      m,\n      l,\n      gap = \"m\",\n      rowGap = gap,\n      columnGap = gap,\n      elementType = \"div\",\n      \"aria-label\": ariaLabel,\n      ref,\n      style: styleFromProps,\n    } = props;\n\n    let elementClassName: string = styles.columnLayout;\n\n    s?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(\n          elementClassName,\n          styleClassname(styles, `hide-s-${i + 1}`),\n        );\n      }\n    });\n    m?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(\n          elementClassName,\n          styleClassname(styles, `hide-m-${i + 1}`),\n        );\n      }\n    });\n    l?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(\n          elementClassName,\n          styleClassname(styles, `hide-l-${i + 1}`),\n        );\n      }\n    });\n\n    const columnsS = s ? getColumns(s) : \"1fr\";\n    const columnsM = m ? getColumns(m) : s ? columnsS : \"1fr 1fr\";\n    const columnsL = l ? getColumns(l) : m || s ? columnsM : \"1fr 1fr 1fr\";\n\n    const style = {\n      ...styleFromProps,\n      \"--column-layout--columns-s\": columnsS,\n      \"--column-layout--columns-m\": columnsM,\n      \"--column-layout--columns-l\": columnsL,\n      \"--column-layout--row-gap\": `var(--column-layout--gap--${rowGap})`,\n      \"--column-layout--column-gap\": `var(--column-layout--gap--${columnGap})`,\n    } as CSSProperties;\n\n    const rootClassName = clsx(styles.columnLayoutContainer, className);\n\n    const Element = elementType;\n\n    const propsContext: PropsContext = {\n      Section: {\n        hideSeparator: true,\n      },\n    };\n\n    return (\n      <div className={rootClassName} style={style}>\n        <Element\n          ref={ref as never}\n          aria-label={ariaLabel}\n          className={elementClassName}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Element>\n      </div>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default ColumnLayout;\n"],"mappings":";;;;;;;;;;;AA8CA,IAAa,eAAe,cAC1B,iBACC,UAAU;CACT,MAAM,EACJ,UACA,WACA,GACA,GACA,GACA,MAAM,KACN,SAAS,KACT,YAAY,KACZ,cAAc,OACd,cAAc,WACd,KACA,OAAO,mBACL;CAEJ,IAAI,mBAA2B,4BAAO;CAEtC,GAAG,KAAK,GAAG,MAAM;EACf,IAAI,MAAM,MACR,mBAAmB,KACjB,kBACA,eAAe,6BAAQ,UAAU,IAAI,GAAG,CAC1C;CAEJ,CAAC;CACD,GAAG,KAAK,GAAG,MAAM;EACf,IAAI,MAAM,MACR,mBAAmB,KACjB,kBACA,eAAe,6BAAQ,UAAU,IAAI,GAAG,CAC1C;CAEJ,CAAC;CACD,GAAG,KAAK,GAAG,MAAM;EACf,IAAI,MAAM,MACR,mBAAmB,KACjB,kBACA,eAAe,6BAAQ,UAAU,IAAI,GAAG,CAC1C;CAEJ,CAAC;CAED,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI;CACrC,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI,IAAI,WAAW;CACpD,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI,KAAK,IAAI,WAAW;CAEzD,MAAM,QAAQ;EACZ,GAAG;EACH,8BAA8B;EAC9B,8BAA8B;EAC9B,8BAA8B;EAC9B,4BAA4B,6BAA6B,OAAO;EAChE,+BAA+B,6BAA6B,UAAU;CACxE;CAEA,MAAM,gBAAgB,KAAK,4BAAO,uBAAuB,SAAS;CAUlE,OACE,oBAAC,OAAD;EAAK,WAAW;EAAsB;EACpC,UAAA,oBAAC,aAAD;GACO;GACL,cAAY;GACZ,WAAW;GAEX,UAAA,oBAAC,sBAAD;IAAsB,OAAO,EAZjC,SAAS,EACP,eAAe,KACjB,EAUiC;IAC1B;GACmB,CAAA;EACf,CAAA;CACN,CAAA;AAET,GACA,EACE,MAAM,SACR,CACF"}
+{"version":3,"file":"ColumnLayout.mjs","names":[],"sources":["../../../../../../../src/components/ColumnLayout/ColumnLayout.tsx"],"sourcesContent":["import type { CSSProperties, PropsWithChildren } from \"react\";\nimport styles from \"./ColumnLayout.module.scss\";\nimport { styleClassname } from \"@/lib/scss/selectors\";\nimport { getColumns } from \"./lib/getColumns\";\nimport clsx from \"clsx\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\ntype GapSize = \"s\" | \"m\" | \"l\" | \"xl\";\n\nexport interface ColumnLayoutProps<\n  T extends keyof HTMLElementTagNameMap = \"div\" | \"ul\",\n>\n  extends\n    PropsWithChildren,\n    PropsWithElementType<T>,\n    PropsWithClassName,\n    FlowComponentProps<HTMLElementTagNameMap[T]> {\n  /** Column layout for container size s. */\n  s?: (number | null)[];\n  /** Column layout for container size m. */\n  m?: (number | null)[];\n  /** Column layout for container size l. */\n  l?: (number | null)[];\n  /**\n   * Size of the row and column gap between the content blocks inside the column\n   * layout.\n   *\n   * @default \"m\"\n   */\n  gap?: GapSize;\n  /** Size of the row gap between the content blocks inside the column layout. */\n  rowGap?: GapSize;\n  /** Size of the column gap between the content blocks inside the column layout. */\n  columnGap?: GapSize;\n}\n\n/** @flr-generate all */\nexport const ColumnLayout = flowComponent(\n  \"ColumnLayout\",\n  (props) => {\n    const {\n      children,\n      className,\n      s,\n      m,\n      l,\n      gap = \"m\",\n      rowGap = gap,\n      columnGap = gap,\n      elementType = \"div\",\n      \"aria-label\": ariaLabel,\n      ref,\n      style: styleFromProps,\n    } = props;\n\n    let elementClassName: string = styles.columnLayout;\n\n    s?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(\n          elementClassName,\n          styleClassname(styles, `hide-s-${i + 1}`),\n        );\n      }\n    });\n    m?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(\n          elementClassName,\n          styleClassname(styles, `hide-m-${i + 1}`),\n        );\n      }\n    });\n    l?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(\n          elementClassName,\n          styleClassname(styles, `hide-l-${i + 1}`),\n        );\n      }\n    });\n\n    const columnsS = getColumns(s ?? [1]);\n    const columnsM = m ? getColumns(m) : s ? columnsS : getColumns([1, 1]);\n    const columnsL = l\n      ? getColumns(l)\n      : m || s\n        ? columnsM\n        : getColumns([1, 1, 1]);\n\n    const style = {\n      ...styleFromProps,\n      \"--column-layout--columns-s\": columnsS,\n      \"--column-layout--columns-m\": columnsM,\n      \"--column-layout--columns-l\": columnsL,\n      \"--column-layout--row-gap\": `var(--column-layout--gap--${rowGap})`,\n      \"--column-layout--column-gap\": `var(--column-layout--gap--${columnGap})`,\n    } as CSSProperties;\n\n    const rootClassName = clsx(styles.columnLayoutContainer, className);\n\n    const Element = elementType;\n\n    const propsContext: PropsContext = {\n      Section: {\n        hideSeparator: true,\n      },\n    };\n\n    return (\n      <div className={rootClassName} style={style}>\n        <Element\n          ref={ref as never}\n          aria-label={ariaLabel}\n          className={elementClassName}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Element>\n      </div>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default ColumnLayout;\n"],"mappings":";;;;;;;;;;;AA8CA,IAAa,eAAe,cAC1B,iBACC,UAAU;CACT,MAAM,EACJ,UACA,WACA,GACA,GACA,GACA,MAAM,KACN,SAAS,KACT,YAAY,KACZ,cAAc,OACd,cAAc,WACd,KACA,OAAO,mBACL;CAEJ,IAAI,mBAA2B,4BAAO;CAEtC,GAAG,KAAK,GAAG,MAAM;EACf,IAAI,MAAM,MACR,mBAAmB,KACjB,kBACA,eAAe,6BAAQ,UAAU,IAAI,GAAG,CAC1C;CAEJ,CAAC;CACD,GAAG,KAAK,GAAG,MAAM;EACf,IAAI,MAAM,MACR,mBAAmB,KACjB,kBACA,eAAe,6BAAQ,UAAU,IAAI,GAAG,CAC1C;CAEJ,CAAC;CACD,GAAG,KAAK,GAAG,MAAM;EACf,IAAI,MAAM,MACR,mBAAmB,KACjB,kBACA,eAAe,6BAAQ,UAAU,IAAI,GAAG,CAC1C;CAEJ,CAAC;CAED,MAAM,WAAW,WAAW,KAAK,CAAC,CAAC,CAAC;CACpC,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI,IAAI,WAAW,WAAW,CAAC,GAAG,CAAC,CAAC;CACrE,MAAM,WAAW,IACb,WAAW,CAAC,IACZ,KAAK,IACH,WACA,WAAW;EAAC;EAAG;EAAG;CAAC,CAAC;CAE1B,MAAM,QAAQ;EACZ,GAAG;EACH,8BAA8B;EAC9B,8BAA8B;EAC9B,8BAA8B;EAC9B,4BAA4B,6BAA6B,OAAO;EAChE,+BAA+B,6BAA6B,UAAU;CACxE;CAEA,MAAM,gBAAgB,KAAK,4BAAO,uBAAuB,SAAS;CAUlE,OACE,oBAAC,OAAD;EAAK,WAAW;EAAsB;EACpC,UAAA,oBAAC,aAAD;GACO;GACL,cAAY;GACZ,WAAW;GAEX,UAAA,oBAAC,sBAAD;IAAsB,OAAO,EAZjC,SAAS,EACP,eAAe,KACjB,EAUiC;IAC1B;GACmB,CAAA;EACf,CAAA;CACN,CAAA;AAET,GACA,EACE,MAAM,SACR,CACF"}

package/dist/js/packages/components/src/components/ColumnLayout/lib/getColumns.mjs

@@ -2,7 +2,7 @@
 /* */
 //#region src/components/ColumnLayout/lib/getColumns.ts
 var getColumns = (values) => {
-	return values.filter((v) => v !== null).map((value) => `${value}fr`).join(" ");
+	return values.filter((v) => v !== null).map((value) => `minmax(0, ${value}fr)`).join(" ");
 };
 //#endregion
 export { getColumns };

package/dist/js/packages/components/src/components/ColumnLayout/lib/getColumns.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getColumns.mjs","names":[],"sources":["../../../../../../../../src/components/ColumnLayout/lib/getColumns.ts"],"sourcesContent":["export const getColumns = (values: (number | null)[]): string => {\n  const fractionValues = values\n    .filter((v) => v !== null)\n    .map((value) => `${value}fr`);\n\n  return fractionValues.join(\" \");\n};\n"],"mappings":";;;AAAA,IAAa,cAAc,WAAsC;CAK/D,OAJuB,OACpB,QAAQ,MAAM,MAAM,IAAI,CAAC,CACzB,KAAK,UAAU,GAAG,MAAM,GAEpB,CAAA,CAAe,KAAK,GAAG;AAChC"}
+{"version":3,"file":"getColumns.mjs","names":[],"sources":["../../../../../../../../src/components/ColumnLayout/lib/getColumns.ts"],"sourcesContent":["export const getColumns = (values: (number | null)[]): string => {\n  const fractionValues = values\n    .filter((v) => v !== null)\n    .map((value) => `minmax(0, ${value}fr)`);\n\n  return fractionValues.join(\" \");\n};\n"],"mappings":";;;AAAA,IAAa,cAAc,WAAsC;CAK/D,OAJuB,OACpB,QAAQ,MAAM,MAAM,IAAI,CAAC,CACzB,KAAK,UAAU,aAAa,MAAM,IAE9B,CAAA,CAAe,KAAK,GAAG;AAChC"}

package/dist/js/packages/components/src/components/ContextMenu/ContextMenu.mjs

@@ -10,16 +10,19 @@ import { closesOnSelect, getAriaSelectionMode, getMenuItemSelectionVariant } fro
 import ContextMenuContentView from "../../views/ContextMenuContentView.mjs";
 import ContextMenu_module_default from "./ContextMenu.module.mjs";
 import { OverlayContentSuspendWatcher } from "../../lib/controller/overlay/OverlayContentSuspendWatcher.mjs";
-import { jsx } from "react/jsx-runtime";
+import { ContextMenuSelectAll } from "./components/ContextMenuSelectAll/ContextMenuSelectAll.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ContextMenu/ContextMenu.tsx
 /** @flr-generate all */
 var ContextMenu = flowComponent("ContextMenu", (props) => {
-	const { children, onAction, selectionMode, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, renderEmptyState, ref, controller: overlayControllerFromProps, ...rest } = props;
+	const { children, onAction, selectionMode, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, renderEmptyState, showSelectAll, ref, controller: overlayControllerFromProps, ...rest } = props;
 	const overlayControllerFromContext = useOverlayController("ContextMenu", { reuseControllerFromContext: true });
 	const overlayController = overlayControllerFromProps ?? overlayControllerFromContext;
+	const selectionVariant = getMenuItemSelectionVariant(selectionMode);
+	const selectAll = showSelectAll && selectionMode === "multiple" && /* @__PURE__ */ jsx(ContextMenuSelectAll, {});
 	const propsContext = {
 		MenuItem: {
-			selectionVariant: getMenuItemSelectionVariant(selectionMode),
+			selectionVariant,
 			Avatar: { size: "l" }
 		},
 		Section: {
@@ -38,7 +41,7 @@ var ContextMenu = flowComponent("ContextMenu", (props) => {
 			children: /* @__PURE__ */ jsx(OverlayContextProvider, {
 				type: "ContextMenu",
 				controller: overlayController,
-				children: /* @__PURE__ */ jsx(ContextMenuContentView, {
+				children: /* @__PURE__ */ jsxs(ContextMenuContentView, {
 					className: ContextMenu_module_default.contextMenu,
 					onAction,
 					selectionMode: getAriaSelectionMode(selectionMode),
@@ -48,13 +51,13 @@ var ContextMenu = flowComponent("ContextMenu", (props) => {
 					onSelectionChange,
 					renderEmptyState,
 					ref,
-					children: /* @__PURE__ */ jsx(PropsContextProvider, {
+					children: [selectAll, /* @__PURE__ */ jsx(PropsContextProvider, {
 						props: propsContext,
 						children: /* @__PURE__ */ jsx(Action, {
 							closeOverlay: closesOnSelect(selectionMode),
 							children
 						})
-					})
+					})]
 				})
 			})
 		})

package/dist/js/packages/components/src/components/ContextMenu/ContextMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.mjs","names":[],"sources":["../../../../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { Action } from \"@/components/Action\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\nimport {\n  getAriaSelectionMode,\n  closesOnSelect,\n  getMenuItemSelectionVariant,\n} from \"@/components/ContextMenu/lib\";\nimport type { MenuItemProps } from \"@/components/MenuItem\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { OverlayContextProvider } from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ContextMenuContentView from \"@/views/ContextMenuContentView\";\nimport type * as Aria from \"react-aria-components\";\nimport styles from \"./ContextMenu.module.scss\";\nimport { OverlayContentSuspendWatcher } from \"@/lib/controller/overlay/OverlayContentSuspendWatcher\";\n\nexport interface ContextMenuProps\n  extends\n    Omit<PopoverProps, \"withTip\" | \"modality\">,\n    Pick<\n      Aria.MenuProps<MenuItemProps>,\n      | \"onAction\"\n      | \"selectedKeys\"\n      | \"defaultSelectedKeys\"\n      | \"onSelectionChange\"\n      | \"disabledKeys\"\n      | \"renderEmptyState\"\n    >,\n    FlowComponentProps {\n  /** The type of selection that is allowed in the context menu. */\n  selectionMode?: ContextMenuSelectionMode;\n  /** Sets the context menu to a fixed width. */\n  width?: string | number;\n}\n\n/** @flr-generate all */\nexport const ContextMenu = flowComponent(\"ContextMenu\", (props) => {\n  const {\n    children,\n    onAction,\n    selectionMode,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onSelectionChange,\n    renderEmptyState,\n    ref,\n    controller: overlayControllerFromProps,\n    ...rest\n  } = props;\n\n  const overlayControllerFromContext = useOverlayController(\"ContextMenu\", {\n    reuseControllerFromContext: true,\n  });\n\n  const overlayController =\n    overlayControllerFromProps ?? overlayControllerFromContext;\n\n  const selectionVariant = getMenuItemSelectionVariant(selectionMode);\n\n  const propsContext: PropsContext = {\n    MenuItem: {\n      selectionVariant,\n      Avatar: {\n        size: \"l\",\n      },\n    },\n\n    Section: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n      renderContextMenuSection: true,\n    },\n\n    ContextMenuSection: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n    },\n  };\n\n  return (\n    <OverlayContentSuspendWatcher overlayController={overlayController}>\n      <Popover\n        {...rest}\n        className={styles.popover}\n        controller={overlayController}\n        isDialogContent={false}\n      >\n        <OverlayContextProvider\n          type=\"ContextMenu\"\n          controller={overlayController}\n        >\n          <ContextMenuContentView\n            className={styles.contextMenu}\n            onAction={onAction}\n            selectionMode={getAriaSelectionMode(selectionMode)}\n            selectedKeys={selectedKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n            disabledKeys={disabledKeys}\n            onSelectionChange={onSelectionChange}\n            renderEmptyState={renderEmptyState}\n            ref={ref}\n          >\n            <PropsContextProvider props={propsContext}>\n              <Action closeOverlay={closesOnSelect(selectionMode)}>\n                {children}\n              </Action>\n            </PropsContextProvider>\n          </ContextMenuContentView>\n        </OverlayContextProvider>\n      </Popover>\n    </OverlayContentSuspendWatcher>\n  );\n});\n\nexport default ContextMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAwCA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EACJ,UACA,UACA,eACA,cACA,qBACA,cACA,mBACA,kBACA,KACA,YAAY,4BACZ,GAAG,SACD;CAEJ,MAAM,+BAA+B,qBAAqB,eAAe,EACvE,4BAA4B,KAC9B,CAAC;CAED,MAAM,oBACJ,8BAA8B;CAIhC,MAAM,eAA6B;EACjC,UAAU;GACR,kBAJqB,4BAA4B,aAIjD;GACA,QAAQ,EACN,MAAM,IACR;EACF;EAEA,SAAS;GACP,UAAU,EACR,QAAQ,EACN,MAAM,IACR,EACF;GACA,0BAA0B;EAC5B;EAEA,oBAAoB,EAClB,UAAU,EACR,QAAQ,EACN,MAAM,IACR,EACF,EACF;CACF;CAEA,OACE,oBAAC,8BAAD;EAAiD;EAC/C,UAAA,oBAAC,SAAD;GACE,GAAI;GACJ,WAAW,2BAAO;GAClB,YAAY;GACZ,iBAAiB;GAEjB,UAAA,oBAAC,wBAAD;IACE,MAAK;IACL,YAAY;IAEZ,UAAA,oBAAC,wBAAD;KACE,WAAW,2BAAO;KACR;KACV,eAAe,qBAAqB,aAAa;KACnC;KACO;KACP;KACK;KACD;KACb;KAEL,UAAA,oBAAC,sBAAD;MAAsB,OAAO;MAC3B,UAAA,oBAAC,QAAD;OAAQ,cAAc,eAAe,aAAa;OAC/C;MACK,CAAA;KACY,CAAA;IACA,CAAA;GACF,CAAA;EACjB,CAAA;CACmB,CAAA;AAElC,CAAC"}
+{"version":3,"file":"ContextMenu.mjs","names":[],"sources":["../../../../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { Action } from \"@/components/Action\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\nimport {\n  getAriaSelectionMode,\n  closesOnSelect,\n  getMenuItemSelectionVariant,\n} from \"@/components/ContextMenu/lib\";\nimport type { MenuItemProps } from \"@/components/MenuItem\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { OverlayContextProvider } from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ContextMenuContentView from \"@/views/ContextMenuContentView\";\nimport type * as Aria from \"react-aria-components\";\nimport styles from \"./ContextMenu.module.scss\";\nimport { OverlayContentSuspendWatcher } from \"@/lib/controller/overlay/OverlayContentSuspendWatcher\";\nimport { ContextMenuSelectAll } from \"@/components/ContextMenu/components/ContextMenuSelectAll/ContextMenuSelectAll\";\n\nexport interface ContextMenuProps\n  extends\n    Omit<PopoverProps, \"withTip\" | \"modality\">,\n    Pick<\n      Aria.MenuProps<MenuItemProps>,\n      | \"onAction\"\n      | \"selectedKeys\"\n      | \"defaultSelectedKeys\"\n      | \"onSelectionChange\"\n      | \"disabledKeys\"\n      | \"renderEmptyState\"\n    >,\n    FlowComponentProps {\n  /** The type of selection that is allowed in the context menu. */\n  selectionMode?: ContextMenuSelectionMode;\n  /** Sets the context menu to a fixed width. */\n  width?: string | number;\n  /**\n   * Adds a first entry that selects or deselects all items at once. Only\n   * applies to `selectionMode=\"multiple\"`.\n   */\n  showSelectAll?: boolean;\n}\n\n/** @flr-generate all */\nexport const ContextMenu = flowComponent(\"ContextMenu\", (props) => {\n  const {\n    children,\n    onAction,\n    selectionMode,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onSelectionChange,\n    renderEmptyState,\n    showSelectAll,\n    ref,\n    controller: overlayControllerFromProps,\n    ...rest\n  } = props;\n\n  const overlayControllerFromContext = useOverlayController(\"ContextMenu\", {\n    reuseControllerFromContext: true,\n  });\n\n  const overlayController =\n    overlayControllerFromProps ?? overlayControllerFromContext;\n\n  const selectionVariant = getMenuItemSelectionVariant(selectionMode);\n\n  const selectAll = showSelectAll && selectionMode === \"multiple\" && (\n    <ContextMenuSelectAll />\n  );\n\n  const propsContext: PropsContext = {\n    MenuItem: {\n      selectionVariant,\n      Avatar: {\n        size: \"l\",\n      },\n    },\n\n    Section: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n      renderContextMenuSection: true,\n    },\n\n    ContextMenuSection: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n    },\n  };\n\n  return (\n    <OverlayContentSuspendWatcher overlayController={overlayController}>\n      <Popover\n        {...rest}\n        className={styles.popover}\n        controller={overlayController}\n        isDialogContent={false}\n      >\n        <OverlayContextProvider\n          type=\"ContextMenu\"\n          controller={overlayController}\n        >\n          <ContextMenuContentView\n            className={styles.contextMenu}\n            onAction={onAction}\n            selectionMode={getAriaSelectionMode(selectionMode)}\n            selectedKeys={selectedKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n            disabledKeys={disabledKeys}\n            onSelectionChange={onSelectionChange}\n            renderEmptyState={renderEmptyState}\n            ref={ref}\n          >\n            {selectAll}\n            <PropsContextProvider props={propsContext}>\n              <Action closeOverlay={closesOnSelect(selectionMode)}>\n                {children}\n              </Action>\n            </PropsContextProvider>\n          </ContextMenuContentView>\n        </OverlayContextProvider>\n      </Popover>\n    </OverlayContentSuspendWatcher>\n  );\n});\n\nexport default ContextMenu;\n"],"mappings":";;;;;;;;;;;;;;;;AA8CA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EACJ,UACA,UACA,eACA,cACA,qBACA,cACA,mBACA,kBACA,eACA,KACA,YAAY,4BACZ,GAAG,SACD;CAEJ,MAAM,+BAA+B,qBAAqB,eAAe,EACvE,4BAA4B,KAC9B,CAAC;CAED,MAAM,oBACJ,8BAA8B;CAEhC,MAAM,mBAAmB,4BAA4B,aAAa;CAElE,MAAM,YAAY,iBAAiB,kBAAkB,cACnD,oBAAC,sBAAD,CAAuB,CAAA;CAGzB,MAAM,eAA6B;EACjC,UAAU;GACR;GACA,QAAQ,EACN,MAAM,IACR;EACF;EAEA,SAAS;GACP,UAAU,EACR,QAAQ,EACN,MAAM,IACR,EACF;GACA,0BAA0B;EAC5B;EAEA,oBAAoB,EAClB,UAAU,EACR,QAAQ,EACN,MAAM,IACR,EACF,EACF;CACF;CAEA,OACE,oBAAC,8BAAD;EAAiD;EAC/C,UAAA,oBAAC,SAAD;GACE,GAAI;GACJ,WAAW,2BAAO;GAClB,YAAY;GACZ,iBAAiB;GAEjB,UAAA,oBAAC,wBAAD;IACE,MAAK;IACL,YAAY;IAEZ,UAAA,qBAAC,wBAAD;KACE,WAAW,2BAAO;KACR;KACV,eAAe,qBAAqB,aAAa;KACnC;KACO;KACP;KACK;KACD;KACb;KATP,UAAA,CAWG,WACD,oBAAC,sBAAD;MAAsB,OAAO;MAC3B,UAAA,oBAAC,QAAD;OAAQ,cAAc,eAAe,aAAa;OAC/C;MACK,CAAA;KACY,CAAA,CACA;;GACF,CAAA;EACjB,CAAA;CACmB,CAAA;AAElC,CAAC"}

package/dist/js/packages/components/src/components/ContextMenu/ContextMenu.module.mjs

@@ -4,12 +4,14 @@
 var contextMenu = "flow--context-menu";
 var section = "flow--context-menu--section";
 var popover = "flow--context-menu--popover";
+var selectAll = "flow--context-menu--select-all";
 var ContextMenu_module_default = {
 	contextMenu,
 	section,
-	popover
+	popover,
+	selectAll
 };
 //#endregion
-export { contextMenu, ContextMenu_module_default as default, popover, section };
+export { contextMenu, ContextMenu_module_default as default, popover, section, selectAll };
 
 //# sourceMappingURL=ContextMenu.module.mjs.map

package/dist/js/packages/components/src/components/ContextMenu/ContextMenu.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.module.mjs","names":[],"sources":["../../../../../../../src/components/ContextMenu/ContextMenu.module.scss"],"sourcesContent":[".contextMenu {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--menu--item-to-item-spacing);\n  padding: var(--popover--padding--s);\n\n  // A consumer-placed `Separator`. Its `flow--separator` class also covers the\n  // vertical `<div>` variant, which must not get this block margin.\n  // stylelint-disable-next-line selector-max-type -- see above\n  > hr {\n    margin-block: var(--popover--spacing);\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n}\n\n.section {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--menu--item-to-item-spacing);\n\n  &:has(:global(.flow--avatar)) {\n    align-items: center;\n    padding-top: var(--menu--item-to-item-spacing);\n  }\n}\n\n.popover {\n  max-width: fit-content;\n}\n"],"mappings":""}
+{"version":3,"file":"ContextMenu.module.mjs","names":[],"sources":["../../../../../../../src/components/ContextMenu/ContextMenu.module.scss"],"sourcesContent":[".contextMenu {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--menu--item-to-item-spacing);\n  padding: var(--popover--padding--s);\n\n  // A consumer-placed `Separator`. Its `flow--separator` class also covers the\n  // vertical `<div>` variant, which must not get this block margin.\n  // stylelint-disable-next-line selector-max-type -- see above\n  > hr {\n    margin-block: var(--popover--spacing);\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n}\n\n.section {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--menu--item-to-item-spacing);\n\n  &:has(:global(.flow--avatar)) {\n    align-items: center;\n    padding-top: var(--menu--item-to-item-spacing);\n  }\n}\n\n.popover {\n  max-width: fit-content;\n}\n\n.selectAll {\n  margin-block-end: var(--menu--select-all-to-item-spacing);\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/ContextMenu/components/ContextMenuSelectAll/ContextMenuSelectAll.mjs

@@ -0,0 +1,86 @@
+"use client"
+/* */
+import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import { Text } from "../../../Text/Text.mjs";
+import MenuItem_module_default from "../../../MenuItem/MenuItem.module.mjs";
+import { MenuItemContent } from "../../../MenuItem/components/MenuItemContent/MenuItemContent.mjs";
+import ContextMenu_module_default from "../../ContextMenu.module.mjs";
+import __locale_default from "../../../../../../../_virtual/_13.locale.mjs";
+import { useContext, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/ContextMenu/components/ContextMenuSelectAll/ContextMenuSelectAll.tsx
+var selectAllSectionId = "flow--context-menu--select-all";
+/**
+* Keys that share the menu's selection: enabled items at the top level and in
+* sections without a selection mode of their own.
+*/
+var getSelectableKeys = (state) => {
+	const keys = [];
+	const collect = (nodes) => {
+		for (const node of nodes) if (node.type === "item") {
+			if (!state.selectionManager.isDisabled(node.key)) keys.push(node.key);
+		} else if (node.type === "section" && node.key !== selectAllSectionId && node.props?.selectionMode === void 0) collect(state.collection.getChildren?.(node.key) ?? node.childNodes);
+	};
+	collect(state.collection);
+	return keys;
+};
+/**
+* Rendered by the visible menu item. The collection renders the item's element
+* a second time outside the menu, where `MenuStateContext` is missing.
+*/
+var SelectAllMenuItemContent = (props) => {
+	const { selectAll, ...renderProps } = props;
+	const state = useContext(Aria.MenuStateContext);
+	const formatter = useLocalizedStringFormatter(__locale_default, "ContextMenu");
+	const selectionManager = state?.selectionManager;
+	const keys = state ? getSelectableKeys(state) : [];
+	const selectedCount = keys.filter((key) => selectionManager?.isSelected(key)).length;
+	const isEverySelected = keys.length > 0 && selectedCount === keys.length;
+	const isIndeterminate = selectedCount > 0 && !isEverySelected;
+	selectAll.current = {
+		isEverySelected,
+		toggle: () => {
+			if (!selectionManager) return;
+			const keySet = new Set(keys);
+			const otherSelectedKeys = [...selectionManager.selectedKeys].filter((key) => !keySet.has(key));
+			selectionManager.setSelectedKeys(isEverySelected ? otherSelectedKeys : [...otherSelectedKeys, ...keys]);
+		}
+	};
+	return /* @__PURE__ */ jsx(MenuItemContent, {
+		...renderProps,
+		selectionMode: "multiple",
+		isSelected: isEverySelected,
+		isIndeterminate,
+		children: /* @__PURE__ */ jsx(Text, { children: formatter.format(isEverySelected ? "deselectAll" : "selectAll") })
+	});
+};
+var SelectAllMenuItem = () => {
+	const selectAll = useRef(void 0);
+	const formatter = useLocalizedStringFormatter(__locale_default, "ContextMenu");
+	return /* @__PURE__ */ jsx(Aria.MenuItem, {
+		id: `${selectAllSectionId}--item`,
+		textValue: formatter.format("selectAll"),
+		shouldCloseOnSelect: false,
+		onAction: () => selectAll.current?.toggle(),
+		className: MenuItem_module_default.menuItem,
+		children: (renderProps) => /* @__PURE__ */ jsx(SelectAllMenuItemContent, {
+			...renderProps,
+			selectAll
+		})
+	});
+};
+/**
+* The entry lives in a section without selection, so pressing it runs its
+* action only and sets the whole selection in one change.
+*/
+var ContextMenuSelectAll = () => /* @__PURE__ */ jsx(Aria.MenuSection, {
+	id: selectAllSectionId,
+	selectionMode: "none",
+	className: ContextMenu_module_default.selectAll,
+	children: /* @__PURE__ */ jsx(SelectAllMenuItem, {})
+});
+//#endregion
+export { ContextMenuSelectAll, ContextMenuSelectAll as default };
+
+//# sourceMappingURL=ContextMenuSelectAll.mjs.map

package/dist/js/packages/components/src/components/ContextMenu/components/ContextMenuSelectAll/ContextMenuSelectAll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSelectAll.mjs","names":[],"sources":["../../../../../../../../../src/components/ContextMenu/components/ContextMenuSelectAll/ContextMenuSelectAll.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport { useContext, useRef, type FC } from \"react\";\nimport type { Key, Node } from \"@react-types/shared\";\nimport type { TreeState } from \"react-stately\";\nimport { MenuItemContent } from \"@/components/MenuItem/components/MenuItemContent/MenuItemContent\";\nimport menuItemStyles from \"@/components/MenuItem/MenuItem.module.scss\";\nimport { Text } from \"@/components/Text\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../locales/*.locale.json\";\nimport styles from \"../../ContextMenu.module.scss\";\n\nconst selectAllSectionId = \"flow--context-menu--select-all\";\n\n/**\n * Keys that share the menu's selection: enabled items at the top level and in\n * sections without a selection mode of their own.\n */\nconst getSelectableKeys = (state: TreeState<unknown>): Key[] => {\n  const keys: Key[] = [];\n\n  const collect = (nodes: Iterable<Node<unknown>>) => {\n    for (const node of nodes) {\n      if (node.type === \"item\") {\n        if (!state.selectionManager.isDisabled(node.key)) {\n          keys.push(node.key);\n        }\n      } else if (\n        node.type === \"section\" &&\n        node.key !== selectAllSectionId &&\n        node.props?.selectionMode === undefined\n      ) {\n        collect(state.collection.getChildren?.(node.key) ?? node.childNodes);\n      }\n    }\n  };\n\n  collect(state.collection);\n  return keys;\n};\n\ninterface SelectAll {\n  isEverySelected: boolean;\n  toggle: () => void;\n}\n\n/**\n * Rendered by the visible menu item. The collection renders the item's element\n * a second time outside the menu, where `MenuStateContext` is missing.\n */\nconst SelectAllMenuItemContent: FC<\n  Aria.MenuItemRenderProps & { selectAll: { current?: SelectAll } }\n> = (props) => {\n  const { selectAll, ...renderProps } = props;\n  const state = useContext(Aria.MenuStateContext);\n  const formatter = useLocalizedStringFormatter(locales, \"ContextMenu\");\n\n  const selectionManager = state?.selectionManager;\n  const keys = state ? getSelectableKeys(state) : [];\n  const selectedCount = keys.filter((key) =>\n    selectionManager?.isSelected(key),\n  ).length;\n  const isEverySelected = keys.length > 0 && selectedCount === keys.length;\n  const isIndeterminate = selectedCount > 0 && !isEverySelected;\n\n  selectAll.current = {\n    isEverySelected,\n    toggle: () => {\n      if (!selectionManager) {\n        return;\n      }\n      const keySet = new Set(keys);\n      const otherSelectedKeys = [...selectionManager.selectedKeys].filter(\n        (key) => !keySet.has(key),\n      );\n      selectionManager.setSelectedKeys(\n        isEverySelected ? otherSelectedKeys : [...otherSelectedKeys, ...keys],\n      );\n    },\n  };\n\n  return (\n    <MenuItemContent\n      {...renderProps}\n      selectionMode=\"multiple\"\n      isSelected={isEverySelected}\n      isIndeterminate={isIndeterminate}\n    >\n      <Text>\n        {formatter.format(isEverySelected ? \"deselectAll\" : \"selectAll\")}\n      </Text>\n    </MenuItemContent>\n  );\n};\n\nconst SelectAllMenuItem: FC = () => {\n  const selectAll = useRef<SelectAll>(undefined);\n  const formatter = useLocalizedStringFormatter(locales, \"ContextMenu\");\n\n  return (\n    <Aria.MenuItem\n      id={`${selectAllSectionId}--item`}\n      textValue={formatter.format(\"selectAll\")}\n      shouldCloseOnSelect={false}\n      onAction={() => selectAll.current?.toggle()}\n      className={menuItemStyles.menuItem}\n    >\n      {(renderProps) => (\n        <SelectAllMenuItemContent {...renderProps} selectAll={selectAll} />\n      )}\n    </Aria.MenuItem>\n  );\n};\n\n/**\n * The entry lives in a section without selection, so pressing it runs its\n * action only and sets the whole selection in one change.\n */\nexport const ContextMenuSelectAll: FC = () => (\n  <Aria.MenuSection\n    id={selectAllSectionId}\n    selectionMode=\"none\"\n    className={styles.selectAll}\n  >\n    <SelectAllMenuItem />\n  </Aria.MenuSection>\n);\n\nexport default ContextMenuSelectAll;\n"],"mappings":";;;;;;;;;;;;AAWA,IAAM,qBAAqB;;;;;AAM3B,IAAM,qBAAqB,UAAqC;CAC9D,MAAM,OAAc,CAAC;CAErB,MAAM,WAAW,UAAmC;EAClD,KAAK,MAAM,QAAQ,OACjB,IAAI,KAAK,SAAS,QACZ;OAAA,CAAC,MAAM,iBAAiB,WAAW,KAAK,GAAG,GAC7C,KAAK,KAAK,KAAK,GAAG;EAAA,OAEf,IACL,KAAK,SAAS,aACd,KAAK,QAAQ,sBACb,KAAK,OAAO,kBAAkB,KAAA,GAE9B,QAAQ,MAAM,WAAW,cAAc,KAAK,GAAG,KAAK,KAAK,UAAU;CAGzE;CAEA,QAAQ,MAAM,UAAU;CACxB,OAAO;AACT;;;;;AAWA,IAAM,4BAED,UAAU;CACb,MAAM,EAAE,WAAW,GAAG,gBAAgB;CACtC,MAAM,QAAQ,WAAW,KAAK,gBAAgB;CAC9C,MAAM,YAAY,4BAA4B,kBAAS,aAAa;CAEpE,MAAM,mBAAmB,OAAO;CAChC,MAAM,OAAO,QAAQ,kBAAkB,KAAK,IAAI,CAAC;CACjD,MAAM,gBAAgB,KAAK,QAAQ,QACjC,kBAAkB,WAAW,GAAG,CAClC,CAAC,CAAC;CACF,MAAM,kBAAkB,KAAK,SAAS,KAAK,kBAAkB,KAAK;CAClE,MAAM,kBAAkB,gBAAgB,KAAK,CAAC;CAE9C,UAAU,UAAU;EAClB;EACA,cAAc;GACZ,IAAI,CAAC,kBACH;GAEF,MAAM,SAAS,IAAI,IAAI,IAAI;GAC3B,MAAM,oBAAoB,CAAC,GAAG,iBAAiB,YAAY,CAAC,CAAC,QAC1D,QAAQ,CAAC,OAAO,IAAI,GAAG,CAC1B;GACA,iBAAiB,gBACf,kBAAkB,oBAAoB,CAAC,GAAG,mBAAmB,GAAG,IAAI,CACtE;EACF;CACF;CAEA,OACE,oBAAC,iBAAD;EACE,GAAI;EACJ,eAAc;EACd,YAAY;EACK;EAEjB,UAAA,oBAAC,MAAD,EAAA,UACG,UAAU,OAAO,kBAAkB,gBAAgB,WAAW,EAC3D,CAAA;CACS,CAAA;AAErB;AAEA,IAAM,0BAA8B;CAClC,MAAM,YAAY,OAAkB,KAAA,CAAS;CAC7C,MAAM,YAAY,4BAA4B,kBAAS,aAAa;CAEpE,OACE,oBAAC,KAAK,UAAN;EACE,IAAI,GAAG,mBAAmB;EAC1B,WAAW,UAAU,OAAO,WAAW;EACvC,qBAAqB;EACrB,gBAAgB,UAAU,SAAS,OAAO;EAC1C,WAAW,wBAAe;EAExB,WAAA,gBACA,oBAAC,0BAAD;GAA0B,GAAI;GAAwB;EAAY,CAAA;CAEvD,CAAA;AAEnB;;;;;AAMA,IAAa,6BACX,oBAAC,KAAK,aAAN;CACE,IAAI;CACJ,eAAc;CACd,WAAW,2BAAO;CAElB,UAAA,oBAAC,mBAAD,CAAoB,CAAA;AACJ,CAAA"}

package/dist/js/packages/components/src/components/CountryOptions/CountryOptions.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../_virtual/_13.locale.mjs";
+import __locale_default from "../../../../../_virtual/_14.locale.mjs";
 import OptionView from "../../views/OptionView.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/js/packages/components/src/components/FileCard/components/DeleteButton/DeleteButton.mjs

@@ -3,7 +3,7 @@
 import { IconClose } from "../../../Icon/components/icons/IconClose.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { Button } from "../../../Button/Button.mjs";
-import __locale_default from "../../../../../../../_virtual/_15.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/FileCard/components/DeleteButton/DeleteButton.tsx
 var DeleteButton = (props) => {

package/dist/js/packages/components/src/components/ImageCropper/ImageCropper.mjs

@@ -7,7 +7,7 @@ import { IllustratedMessage } from "../IllustratedMessage/IllustratedMessage.mjs
 import ImageCropper_module_default from "./ImageCropper.module.mjs";
 import { Slider } from "../Slider/Slider.mjs";
 import { getCroppedImageFile } from "./lib/getCroppedImageFile.mjs";
-import __locale_default from "../../../../../_virtual/_19.locale.mjs";
+import __locale_default from "../../../../../_virtual/_20.locale.mjs";
 import { useImageSrc } from "../../lib/hooks/useImageSrc.mjs";
 import clsx from "clsx";
 import { useEffect, useRef, useState } from "react";

package/dist/js/packages/components/src/components/Kbd/Kbd.mjs

@@ -2,7 +2,7 @@
 /* */
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import { useLocalizedStringFormatter as useLocalizedStringFormatter$1 } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../_virtual/_30.locale.mjs";
+import __locale_default from "../../../../../_virtual/_31.locale.mjs";
 import Kbd_module_default from "./Kbd.module.mjs";
 import clsx from "clsx";
 import { Fragment } from "react";

package/dist/js/packages/components/src/components/LightBox/LightBox.mjs

@@ -7,7 +7,7 @@ import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExi
 import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
 import ButtonView from "../../views/ButtonView.mjs";
 import DivView from "../../views/DivView.mjs";
-import __locale_default from "../../../../../_virtual/_20.locale.mjs";
+import __locale_default from "../../../../../_virtual/_21.locale.mjs";
 import { Overlay } from "../Overlay/Overlay.mjs";
 import LightBox_module_default from "./LightBox.module.mjs";
 import clsx from "clsx";

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/Controls.mjs

@@ -2,7 +2,7 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import LightBoxGallery_module_default from "./LightBoxGallery.module.mjs";
-import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_21.locale.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/LightBox/components/LightBoxGallery/Controls.tsx

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/LightBoxGallery.mjs

@@ -5,7 +5,7 @@ import { IconChevronLeft } from "../../../Icon/components/icons/IconChevronLeft.
 import { IconChevronRight } from "../../../Icon/components/icons/IconChevronRight.mjs";
 import { Button } from "../../../Button/Button.mjs";
 import LightBoxGallery_module_default from "./LightBoxGallery.module.mjs";
-import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_21.locale.mjs";
 import { Controls } from "./Controls.mjs";
 import clsx from "clsx";
 import React, { useEffect, useRef, useState } from "react";

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.mjs

@@ -7,7 +7,7 @@ import { Button } from "../../../Button/Button.mjs";
 import { UiComponentTunnelExit } from "../../../UiComponentTunnel/UiComponentTunnelExit.mjs";
 import { useOverlayController } from "../../../../lib/controller/overlay/useOverlayController.mjs";
 import LightBoxGallery_module_default from "../LightBoxGallery/LightBoxGallery.module.mjs";
-import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_21.locale.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLocalizedStringFormatter } from "react-aria";
 //#region src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.tsx

package/dist/js/packages/components/src/components/Link/components/LinkIcon/LinkIcon.mjs

@@ -3,7 +3,7 @@
 import { IconDownload } from "../../../Icon/components/icons/IconDownload.mjs";
 import { IconExternalLink } from "../../../Icon/components/icons/IconExternalLink.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../_virtual/_14.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_15.locale.mjs";
 import LinkIcon_module_default from "./LinkIcon.module.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Link/components/LinkIcon/LinkIcon.tsx

package/dist/js/packages/components/src/components/List/components/EmptySearchResultView/EmptySearchResultView.mjs

@@ -2,7 +2,7 @@
 /* */
 import { IconSearch } from "../../../Icon/components/icons/IconSearch.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
 import IllustratedMessageView from "../../../../views/IllustratedMessageView.mjs";
 import HeadingView from "../../../../views/HeadingView.mjs";
 import TextView from "../../../../views/TextView.mjs";

package/dist/js/packages/components/src/components/List/components/EmptyView/EmptyView.mjs

@@ -2,7 +2,7 @@
 /* */
 import { IconUnorderedList } from "../../../Icon/components/icons/IconUnorderedList.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
 import IllustratedMessageView from "../../../../views/IllustratedMessageView.mjs";
 import HeadingView from "../../../../views/HeadingView.mjs";
 import TextView from "../../../../views/TextView.mjs";

package/dist/js/packages/components/src/components/List/components/Footer/Footer.mjs

@@ -3,7 +3,7 @@
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import DivView from "../../../../views/DivView.mjs";
 import LoadingSpinnerView from "../../../../views/LoadingSpinnerView.mjs";
-import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
 import { useList } from "../../hooks/useList.mjs";
 import Footer_module_default from "./Footer.module.mjs";
 import { PaginationInfos } from "./components/PaginationInfos/PaginationInfos.mjs";

package/dist/js/packages/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import SkeletonView from "../../../../../../views/SkeletonView.mjs";

package/dist/js/packages/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs

@@ -2,7 +2,7 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx

package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs

@@ -6,7 +6,7 @@ import { IconUndo } from "../../../../../Icon/components/icons/IconUndo.mjs";
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
 import DivView from "../../../../../../views/DivView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import ActiveFilters_module_default from "./ActiveFilters.module.mjs";

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

@@ -5,7 +5,7 @@ import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/
 import { useOverlayController } from "../../../../../../lib/controller/overlay/useOverlayController.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
 import SkeletonTextView from "../../../../../../views/SkeletonTextView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import HeadingView from "../../../../../../views/HeadingView.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.mjs

@@ -1,15 +1,27 @@
 "use client"
 /* */
+import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import CheckboxGroupView from "../../../../../../views/CheckboxGroupView.mjs";
 import CheckboxView from "../../../../../../views/CheckboxView.mjs";
+import FilterAccordionCheckboxGroup_module_default from "./FilterAccordionCheckboxGroup.module.mjs";
 import "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.tsx
 var FilterAccordionCheckboxGroup = (props) => {
 	const { filter } = props;
+	const formatter = useLocalizedStringFormatter(__locale_default, "List");
 	const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);
 	const name = filter.name ?? filter.property;
-	return /* @__PURE__ */ jsx(CheckboxGroupView, {
+	const isEveryValueActive = filter.isEveryValueActive();
+	const selectAllCheckbox = filter.isSelectAllAvailable && /* @__PURE__ */ jsx(CheckboxView, {
+		className: FilterAccordionCheckboxGroup_module_default.selectAllCheckbox,
+		isSelected: isEveryValueActive,
+		isIndeterminate: filter.isActive() && !isEveryValueActive,
+		onChange: () => isEveryValueActive ? filter.deselectAll() : filter.selectAll(),
+		children: formatter.format(isEveryValueActive ? "filters.deselectAll" : "filters.selectAll")
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [selectAllCheckbox, /* @__PURE__ */ jsx(CheckboxGroupView, {
 		value: activeKeys,
 		m: [1, 1],
 		"aria-label": name,
@@ -18,7 +30,7 @@ var FilterAccordionCheckboxGroup = (props) => {
 			onPress: () => v.toggle(),
 			children: v.render()
 		}, v.id))
-	});
+	})] });
 };
 //#endregion
 export { FilterAccordionCheckboxGroup };

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

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordionCheckboxGroup.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport CheckboxGroupView from \"@/views/CheckboxGroupView\";\nimport CheckboxView from \"@/views/CheckboxView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionCheckboxGroup: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  return (\n    <CheckboxGroupView value={activeKeys} m={[1, 1]} aria-label={name}>\n      {filter.values.map((v) => (\n        <CheckboxView key={v.id} value={v.id} onPress={() => v.toggle()}>\n          {v.render()}\n        </CheckboxView>\n      ))}\n    </CheckboxGroupView>\n  );\n};\n"],"mappings":";;;;;;;AASA,IAAa,gCAA2C,UAAU;CAChE,MAAM,EAAE,WAAW;CAEnB,MAAM,aAAa,OAAO,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE;CAE1E,MAAM,OAAO,OAAO,QAAQ,OAAO;CAEnC,OACE,oBAAC,mBAAD;EAAmB,OAAO;EAAY,GAAG,CAAC,GAAG,CAAC;EAAG,cAAY;EAC1D,UAAA,OAAO,OAAO,KAAK,MAClB,oBAAC,cAAD;GAAyB,OAAO,EAAE;GAAI,eAAe,EAAE,OAAO;GAC3D,UAAA,EAAE,OAAO;EACE,GAFK,EAAE,EAEP,CACf;CACgB,CAAA;AAEvB"}
+{"version":3,"file":"FilterAccordionCheckboxGroup.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport CheckboxGroupView from \"@/views/CheckboxGroupView\";\nimport CheckboxView from \"@/views/CheckboxView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport styles from \"./FilterAccordionCheckboxGroup.module.scss\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionCheckboxGroup: FC<Props> = (props) => {\n  const { filter } = props;\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  const isEveryValueActive = filter.isEveryValueActive();\n\n  const selectAllCheckbox = filter.isSelectAllAvailable && (\n    <CheckboxView\n      className={styles.selectAllCheckbox}\n      isSelected={isEveryValueActive}\n      isIndeterminate={filter.isActive() && !isEveryValueActive}\n      onChange={() =>\n        isEveryValueActive ? filter.deselectAll() : filter.selectAll()\n      }\n    >\n      {formatter.format(\n        isEveryValueActive ? \"filters.deselectAll\" : \"filters.selectAll\",\n      )}\n    </CheckboxView>\n  );\n\n  return (\n    <>\n      {selectAllCheckbox}\n      <CheckboxGroupView value={activeKeys} m={[1, 1]} aria-label={name}>\n        {filter.values.map((v) => (\n          <CheckboxView key={v.id} value={v.id} onPress={() => v.toggle()}>\n            {v.render()}\n          </CheckboxView>\n        ))}\n      </CheckboxGroupView>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;AAYA,IAAa,gCAA2C,UAAU;CAChE,MAAM,EAAE,WAAW;CACnB,MAAM,YAAY,4BAA4B,kBAAS,MAAM;CAE7D,MAAM,aAAa,OAAO,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE;CAE1E,MAAM,OAAO,OAAO,QAAQ,OAAO;CAEnC,MAAM,qBAAqB,OAAO,mBAAmB;CAErD,MAAM,oBAAoB,OAAO,wBAC/B,oBAAC,cAAD;EACE,WAAW,4CAAO;EAClB,YAAY;EACZ,iBAAiB,OAAO,SAAS,KAAK,CAAC;EACvC,gBACE,qBAAqB,OAAO,YAAY,IAAI,OAAO,UAAU;EAG9D,UAAA,UAAU,OACT,qBAAqB,wBAAwB,mBAC/C;CACY,CAAA;CAGhB,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,mBACD,oBAAC,mBAAD;EAAmB,OAAO;EAAY,GAAG,CAAC,GAAG,CAAC;EAAG,cAAY;EAC1D,UAAA,OAAO,OAAO,KAAK,MAClB,oBAAC,cAAD;GAAyB,OAAO,EAAE;GAAI,eAAe,EAAE,OAAO;GAC3D,UAAA,EAAE,OAAO;EACE,GAFK,EAAE,EAEP,CACf;CACgB,CAAA,CACnB,EAAA,CAAA;AAEN"}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.module.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+//#region src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.module.scss
+var selectAllCheckbox = "flow--list--header--all-filters-modal--select-all-checkbox";
+var FilterAccordionCheckboxGroup_module_default = { selectAllCheckbox };
+//#endregion
+export { FilterAccordionCheckboxGroup_module_default as default, selectAllCheckbox };
+
+//# sourceMappingURL=FilterAccordionCheckboxGroup.module.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterAccordionCheckboxGroup.module.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.module.scss"],"sourcesContent":["$select-all-spacing: var(--menu--select-all-to-item-spacing);\n\n/* Outside the checkbox grid, so it adds the grid's row gap itself */\n.selectAllCheckbox {\n  margin-block-end: calc(var(--column-layout--gap--s) + #{$select-all-spacing});\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.mjs

@@ -2,7 +2,7 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import RangeCalendarView from "../../../../../../views/RangeCalendarView.mjs";
 import FlexView from "../../../../../../views/FlexView.mjs";
 import "react";

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.mjs

@@ -2,7 +2,7 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import RadioGroupView from "../../../../../../views/RadioGroupView.mjs";
 import RadioView from "../../../../../../views/RadioView.mjs";
 import FlexView from "../../../../../../views/FlexView.mjs";

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

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import HeadingView from "../../../../../../views/HeadingView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import ContentView from "../../../../../../views/ContentView.mjs";