@mittwald/flow-react-components 1.5.15 → 1.5.16

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

@@ -12,9 +12,36 @@ import { createElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
 //#region src/components/MenuItem/MenuItem.tsx
+var isMuted = (props) => !!(props.isPending || props.isSucceeded || props.isFailed || props["aria-disabled"]);
+var renderElement = (domProps) => "href" in domProps ? /* @__PURE__ */ jsx("a", { ...domProps }) : /* @__PURE__ */ jsx("div", { ...domProps });
+/**
+* React Aria drops `aria-disabled` from the props it forwards to the DOM, so it
+* is added to the rendered element. React Aria's `onClick` runs the menu's
+* `onAction`, follows the link and toggles the selection. A mouse release that
+* started outside the item toggles it on pointer up, Enter and Space toggle it
+* on key down. All three handlers are replaced, and like React Aria they stop
+* the event. A muted submenu trigger still opens its submenu on hover and
+* ArrowRight, only Enter and Space are swallowed.
+*/
+var renderMuted = (render = renderElement) => (domProps, renderProps) => render({
+	...domProps,
+	"aria-disabled": true,
+	onClick: (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+	},
+	onPointerUp: void 0,
+	onKeyDown: (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			e.stopPropagation();
+		} else domProps.onKeyDown?.(e);
+	}
+}, renderProps);
 var disablePendingProps = (props) => {
-	if (props.isPending || props.isSucceeded || props.isFailed || props["aria-disabled"]) {
+	if (isMuted(props)) {
 		props = { ...props };
+		props.onAction = void 0;
 		props.onPress = void 0;
 		props.onPressStart = void 0;
 		props.onPressEnd = void 0;
@@ -25,8 +52,9 @@ var disablePendingProps = (props) => {
 };
 /** @flr-generate all */
 var MenuItem = flowComponent("MenuItem", (props) => {
+	const muted = isMuted(props);
 	props = disablePendingProps(props);
-	const { children, className, selectionVariant, isIndeterminate, id, ref, "aria-disabled": ariaDisabled, "aria-current": ariaCurrent, isPending, isSucceeded, isFailed, ...rest } = props;
+	const { children, className, selectionVariant, isIndeterminate, id, ref, "aria-disabled": ignoredAriaDisabled, "aria-current": ariaCurrent, render, isPending, isSucceeded, isFailed, ...rest } = props;
 	/**
 	* React Aria drops `aria-current` from the props it forwards to the DOM, so
 	* the current state is exposed as a data attribute (`data-*` passes the
@@ -35,7 +63,7 @@ var MenuItem = flowComponent("MenuItem", (props) => {
 	* "false".
 	*/
 	const currentProps = ariaCurrent && ariaCurrent !== "false" ? { "data-current": true } : {};
-	const rootClassName = clsx(MenuItem_module_default.menuItem, (ariaDisabled || isFailed || isSucceeded || isPending) && MenuItem_module_default.ariaDisabled, className);
+	const rootClassName = clsx(MenuItem_module_default.menuItem, className);
 	useAriaAnnounceActionState(isPending ? "isPending" : isSucceeded ? "isSucceeded" : isFailed ? "isFailed" : "isIdle");
 	const stateIconElement = isSucceeded ? /* @__PURE__ */ jsx(IconSucceeded, { color: "success" }) : isFailed ? /* @__PURE__ */ jsx(IconFailed, { color: "danger" }) : isPending ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : void 0;
 	const stateIcon = stateIconElement && /* @__PURE__ */ jsx("div", {
@@ -45,6 +73,7 @@ var MenuItem = flowComponent("MenuItem", (props) => {
 	return /* @__PURE__ */ createElement(Aria.MenuItem, {
 		...rest,
 		...currentProps,
+		render: muted ? renderMuted(render) : render,
 		key: id,
 		id,
 		className: rootClassName,

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.mjs","names":["styles","_Fragment"],"sources":["../../../../../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./MenuItem.module.scss\";\nimport clsx from \"clsx\";\nimport { MenuItemContent } from \"@/components/MenuItem/components/MenuItemContent/MenuItemContent\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport LoadingSpinner from \"@/components/LoadingSpinner\";\n\nexport interface MenuItemProps\n  extends\n    Omit<Aria.MenuItemProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  selectionVariant?: \"control\" | \"navigation\" | \"switch\";\n  /**\n   * Shows the checkbox of a multiple-selection item as partially checked,\n   * unless the item is selected.\n   */\n  isIndeterminate?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Marks the menu item as referring to the currently active page. */\n  \"aria-current\"?: string;\n}\n\nconst disablePendingProps = (props: MenuItemProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"]\n  ) {\n    props = { ...props };\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const MenuItem = flowComponent(\"MenuItem\", (props) => {\n  props = disablePendingProps(props);\n\n  const {\n    children,\n    className,\n    selectionVariant,\n    isIndeterminate,\n    id,\n    ref,\n    \"aria-disabled\": ariaDisabled,\n    \"aria-current\": ariaCurrent,\n    isPending,\n    isSucceeded,\n    isFailed,\n    ...rest\n  } = props;\n\n  /**\n   * React Aria drops `aria-current` from the props it forwards to the DOM, so\n   * the current state is exposed as a data attribute (`data-*` passes the\n   * filter) — that is what the `menuItem` styling matches on. Every\n   * `aria-current` value marks the item as current, except an explicit\n   * \"false\".\n   */\n  const currentProps =\n    ariaCurrent && ariaCurrent !== \"false\" ? { \"data-current\": true } : {};\n\n  const rootClassName = clsx(\n    styles.menuItem /**\n     * Workaround warning: The Aria.MenuItem does not support \"aria-disabled\" by\n     * now, so this MenuItem will be visually disabled via CSS.\n     */,\n    (ariaDisabled || isFailed || isSucceeded || isPending) &&\n      styles.ariaDisabled,\n    className,\n  );\n\n  useAriaAnnounceActionState(\n    isPending\n      ? \"isPending\"\n      : isSucceeded\n        ? \"isSucceeded\"\n        : isFailed\n          ? \"isFailed\"\n          : \"isIdle\",\n  );\n\n  const stateIconElement = isSucceeded ? (\n    <IconSucceeded color=\"success\" />\n  ) : isFailed ? (\n    <IconFailed color=\"danger\" />\n  ) : isPending ? (\n    <LoadingSpinner />\n  ) : undefined;\n\n  const stateIcon = stateIconElement && (\n    <div className={styles.stateIcon}>{stateIconElement}</div>\n  );\n\n  return (\n    <Aria.MenuItem\n      {...rest}\n      {...currentProps}\n      key={id}\n      id={id}\n      className={rootClassName}\n      ref={ref}\n    >\n      {(props) => (\n        <>\n          <MenuItemContent\n            {...props}\n            selectionVariant={selectionVariant}\n            isIndeterminate={isIndeterminate}\n          >\n            {children}\n          </MenuItemContent>\n          {stateIcon}\n        </>\n      )}\n    </Aria.MenuItem>\n  );\n});\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;;;;;AAkCA,IAAM,uBAAuB,UAAyB;CACpD,IACE,MAAM,aACN,MAAM,eACN,MAAM,YACN,MAAM,kBACN;EACA,QAAQ,EAAE,GAAG,MAAM;EACnB,MAAM,UAAU,KAAA;EAChB,MAAM,eAAe,KAAA;EACrB,MAAM,aAAa,KAAA;EACnB,MAAM,gBAAgB,KAAA;EACtB,MAAM,YAAY,KAAA;CACpB;CAEA,OAAO;AACT;;AAGA,IAAa,WAAW,cAAc,aAAa,UAAU;CAC3D,QAAQ,oBAAoB,KAAK;CAEjC,MAAM,EACJ,UACA,WACA,kBACA,iBACA,IACA,KACA,iBAAiB,cACjB,gBAAgB,aAChB,WACA,aACA,UACA,GAAG,SACD;;;;;;;;CASJ,MAAM,eACJ,eAAe,gBAAgB,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAEvE,MAAM,gBAAgB,KACpBA,wBAAO,WAIN,gBAAgB,YAAY,eAAe,cAC1CA,wBAAO,cACT,SACF;CAEA,2BACE,YACI,cACA,cACE,gBACA,WACE,aACA,QACV;CAEA,MAAM,mBAAmB,cACvB,oBAAC,eAAD,EAAe,OAAM,UAAW,CAAA,IAC9B,WACF,oBAAC,YAAD,EAAY,OAAM,SAAU,CAAA,IAC1B,YACF,oBAAC,gBAAD,CAAiB,CAAA,IACf,KAAA;CAEJ,MAAM,YAAY,oBAChB,oBAAC,OAAD;EAAK,WAAWA,wBAAO;EAAY,UAAA;CAAsB,CAAA;CAG3D,OACE,8BAAC,KAAK,UAAN;EACE,GAAI;EACJ,GAAI;EACJ,KAAK;EACD;EACJ,WAAW;EACN;CAcQ,IAZX,UACA,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,iBAAD;EACE,GAAI;EACc;EACD;EAEhB;CACc,CAAA,GAChB,SACD,EAAA,CAAA,CAES;AAEnB,CAAC"}
+{"version":3,"file":"MenuItem.mjs","names":["styles","_Fragment"],"sources":["../../../../../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./MenuItem.module.scss\";\nimport clsx from \"clsx\";\nimport { MenuItemContent } from \"@/components/MenuItem/components/MenuItemContent/MenuItemContent\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport LoadingSpinner from \"@/components/LoadingSpinner\";\n\nexport interface MenuItemProps\n  extends\n    Omit<Aria.MenuItemProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  selectionVariant?: \"control\" | \"navigation\" | \"switch\";\n  /**\n   * Shows the checkbox of a multiple-selection item as partially checked,\n   * unless the item is selected.\n   */\n  isIndeterminate?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Marks the menu item as referring to the currently active page. */\n  \"aria-current\"?: string;\n}\n\nconst isMuted = (props: MenuItemProps) =>\n  !!(\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"]\n  );\n\ntype RenderFunction = NonNullable<MenuItemProps[\"render\"]>;\n\nconst renderElement: RenderFunction = (domProps) =>\n  \"href\" in domProps ? <a {...domProps} /> : <div {...domProps} />;\n\n/**\n * React Aria drops `aria-disabled` from the props it forwards to the DOM, so it\n * is added to the rendered element. React Aria's `onClick` runs the menu's\n * `onAction`, follows the link and toggles the selection. A mouse release that\n * started outside the item toggles it on pointer up, Enter and Space toggle it\n * on key down. All three handlers are replaced, and like React Aria they stop\n * the event. A muted submenu trigger still opens its submenu on hover and\n * ArrowRight, only Enter and Space are swallowed.\n */\nconst renderMuted =\n  (render: RenderFunction = renderElement): RenderFunction =>\n  (domProps, renderProps) =>\n    render(\n      {\n        ...domProps,\n        \"aria-disabled\": true,\n        onClick: (e: MouseEvent) => {\n          e.preventDefault();\n          e.stopPropagation();\n        },\n        onPointerUp: undefined,\n        onKeyDown: (e: KeyboardEvent<HTMLDivElement & HTMLAnchorElement>) => {\n          if (e.key === \"Enter\" || e.key === \" \") {\n            e.preventDefault();\n            e.stopPropagation();\n          } else {\n            domProps.onKeyDown?.(e);\n          }\n        },\n      },\n      renderProps,\n    );\n\nconst disablePendingProps = (props: MenuItemProps) => {\n  if (isMuted(props)) {\n    props = { ...props };\n    props.onAction = undefined;\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const MenuItem = flowComponent(\"MenuItem\", (props) => {\n  const muted = isMuted(props);\n  props = disablePendingProps(props);\n\n  const {\n    children,\n    className,\n    selectionVariant,\n    isIndeterminate,\n    id,\n    ref,\n    \"aria-disabled\": ignoredAriaDisabled,\n    \"aria-current\": ariaCurrent,\n    render,\n    isPending,\n    isSucceeded,\n    isFailed,\n    ...rest\n  } = props;\n\n  /**\n   * React Aria drops `aria-current` from the props it forwards to the DOM, so\n   * the current state is exposed as a data attribute (`data-*` passes the\n   * filter) — that is what the `menuItem` styling matches on. Every\n   * `aria-current` value marks the item as current, except an explicit\n   * \"false\".\n   */\n  const currentProps =\n    ariaCurrent && ariaCurrent !== \"false\" ? { \"data-current\": true } : {};\n\n  const rootClassName = clsx(styles.menuItem, className);\n\n  useAriaAnnounceActionState(\n    isPending\n      ? \"isPending\"\n      : isSucceeded\n        ? \"isSucceeded\"\n        : isFailed\n          ? \"isFailed\"\n          : \"isIdle\",\n  );\n\n  const stateIconElement = isSucceeded ? (\n    <IconSucceeded color=\"success\" />\n  ) : isFailed ? (\n    <IconFailed color=\"danger\" />\n  ) : isPending ? (\n    <LoadingSpinner />\n  ) : undefined;\n\n  const stateIcon = stateIconElement && (\n    <div className={styles.stateIcon}>{stateIconElement}</div>\n  );\n\n  return (\n    <Aria.MenuItem\n      {...rest}\n      {...currentProps}\n      render={muted ? renderMuted(render) : render}\n      key={id}\n      id={id}\n      className={rootClassName}\n      ref={ref}\n    >\n      {(props) => (\n        <>\n          <MenuItemContent\n            {...props}\n            selectionVariant={selectionVariant}\n            isIndeterminate={isIndeterminate}\n          >\n            {children}\n          </MenuItemContent>\n          {stateIcon}\n        </>\n      )}\n    </Aria.MenuItem>\n  );\n});\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;;;;;AAkCA,IAAM,WAAW,UACf,CAAC,EACC,MAAM,aACN,MAAM,eACN,MAAM,YACN,MAAM;AAKV,IAAM,iBAAiC,aACrC,UAAU,WAAW,oBAAC,KAAD,EAAG,GAAI,SAAW,CAAA,IAAI,oBAAC,OAAD,EAAK,GAAI,SAAW,CAAA;;;;;;;;;;AAWjE,IAAM,eACH,SAAyB,mBACzB,UAAU,gBACT,OACE;CACE,GAAG;CACH,iBAAiB;CACjB,UAAU,MAAkB;EAC1B,EAAE,eAAe;EACjB,EAAE,gBAAgB;CACpB;CACA,aAAa,KAAA;CACb,YAAY,MAAyD;EACnE,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,EAAE,gBAAgB;EACpB,OACE,SAAS,YAAY,CAAC;CAE1B;AACF,GACA,WACF;AAEJ,IAAM,uBAAuB,UAAyB;CACpD,IAAI,QAAQ,KAAK,GAAG;EAClB,QAAQ,EAAE,GAAG,MAAM;EACnB,MAAM,WAAW,KAAA;EACjB,MAAM,UAAU,KAAA;EAChB,MAAM,eAAe,KAAA;EACrB,MAAM,aAAa,KAAA;EACnB,MAAM,gBAAgB,KAAA;EACtB,MAAM,YAAY,KAAA;CACpB;CAEA,OAAO;AACT;;AAGA,IAAa,WAAW,cAAc,aAAa,UAAU;CAC3D,MAAM,QAAQ,QAAQ,KAAK;CAC3B,QAAQ,oBAAoB,KAAK;CAEjC,MAAM,EACJ,UACA,WACA,kBACA,iBACA,IACA,KACA,iBAAiB,qBACjB,gBAAgB,aAChB,QACA,WACA,aACA,UACA,GAAG,SACD;;;;;;;;CASJ,MAAM,eACJ,eAAe,gBAAgB,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAEvE,MAAM,gBAAgB,KAAKA,wBAAO,UAAU,SAAS;CAErD,2BACE,YACI,cACA,cACE,gBACA,WACE,aACA,QACV;CAEA,MAAM,mBAAmB,cACvB,oBAAC,eAAD,EAAe,OAAM,UAAW,CAAA,IAC9B,WACF,oBAAC,YAAD,EAAY,OAAM,SAAU,CAAA,IAC1B,YACF,oBAAC,gBAAD,CAAiB,CAAA,IACf,KAAA;CAEJ,MAAM,YAAY,oBAChB,oBAAC,OAAD;EAAK,WAAWA,wBAAO;EAAY,UAAA;CAAsB,CAAA;CAG3D,OACE,8BAAC,KAAK,UAAN;EACE,GAAI;EACJ,GAAI;EACJ,QAAQ,QAAQ,YAAY,MAAM,IAAI;EACtC,KAAK;EACD;EACJ,WAAW;EACN;CAcQ,IAZX,UACA,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,iBAAD;EACE,GAAI;EACc;EACD;EAEhB;CACc,CAAA,GAChB,SACD,EAAA,CAAA,CAES;AAEnB,CAAC"}

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

@@ -5,7 +5,6 @@ var menuItem = "flow--menu-item";
 var icon = "flow--menu-item--icon";
 var checkMark = "flow--menu-item--check-mark";
 var controlIcon = "flow--menu-item--control-icon";
-var ariaDisabled = "flow--menu-item--aria-disabled";
 var avatar = "flow--menu-item--avatar";
 var stateIcon = "flow--menu-item--state-icon";
 var controlIconActive = "flow--menu-item--control-icon-active";
@@ -17,7 +16,6 @@ var MenuItem_module_default = {
 	icon,
 	checkMark,
 	controlIcon,
-	ariaDisabled,
 	avatar,
 	stateIcon,
 	controlIconActive,
@@ -25,6 +23,6 @@ var MenuItem_module_default = {
 	badge
 };
 //#endregion
-export { ariaDisabled, avatar, badge, checkMark, controlIcon, controlIconActive, MenuItem_module_default as default, icon, kbd, menuItem, stateIcon };
+export { avatar, badge, checkMark, controlIcon, controlIconActive, MenuItem_module_default as default, icon, kbd, menuItem, stateIcon };
 
 //# sourceMappingURL=MenuItem.module.mjs.map

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

@@ -7,7 +7,6 @@ var item = "flow--navigation--item";
 var icon = "flow--navigation--icon";
 var checkMark = "flow--navigation--check-mark";
 var controlIcon = "flow--navigation--control-icon";
-var ariaDisabled = "flow--navigation--aria-disabled";
 var avatar = "flow--navigation--avatar";
 var badge = "flow--navigation--badge";
 var Navigation_module_default = {
@@ -18,11 +17,10 @@ var Navigation_module_default = {
 	icon,
 	checkMark,
 	controlIcon,
-	ariaDisabled,
 	avatar,
 	badge
 };
 //#endregion
-export { ariaDisabled, avatar, badge, checkMark, controlIcon, Navigation_module_default as default, icon, item, linkList, navigation };
+export { avatar, badge, checkMark, controlIcon, Navigation_module_default as default, icon, item, linkList, navigation };
 
 //# sourceMappingURL=Navigation.module.mjs.map

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

@@ -5,7 +5,6 @@ var option = "flow--option";
 var icon = "flow--option--icon";
 var checkMark = "flow--option--check-mark";
 var controlIcon = "flow--option--control-icon";
-var ariaDisabled = "flow--option--aria-disabled";
 var avatar = "flow--option--avatar";
 var content = "flow--option--content";
 var Option_module_default = {
@@ -14,11 +13,10 @@ var Option_module_default = {
 	icon,
 	checkMark,
 	controlIcon,
-	ariaDisabled,
 	avatar,
 	content
 };
 //#endregion
-export { ariaDisabled, avatar, checkMark, content, controlIcon, Option_module_default as default, icon, option };
+export { avatar, checkMark, content, controlIcon, Option_module_default as default, icon, option };
 
 //# sourceMappingURL=Option.module.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.5.15",
+  "version": "1.5.16",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -84,9 +84,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.5.15",
+    "@mittwald/flow-icons": "^1.5.16",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.5.15",
+    "@mittwald/react-tunnel": "^1.5.16",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -139,13 +139,13 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-components-base": "1.5.15",
-    "@mittwald/flow-core": "1.5.15",
-    "@mittwald/flow-design-tokens": "1.5.15",
-    "@mittwald/flow-icons-base": "1.5.15",
+    "@mittwald/flow-components-base": "1.5.16",
+    "@mittwald/flow-core": "1.5.16",
+    "@mittwald/flow-design-tokens": "1.5.16",
+    "@mittwald/flow-icons-base": "1.5.16",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.5.15",
+    "@mittwald/typescript-config": "1.5.16",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -199,7 +199,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.5.15",
+    "@mittwald/flow-icons-pro": "1.5.16",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -223,5 +223,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "7ce0a249dc843dc558cff6cbb93ed45714cfaa6d"
+  "gitHead": "d1bc9af39685c830d052fc726f36ad2d7d3e204a"
 }