@mittwald/flow-react-components 1.6.0-next.22 → 1.6.0-next.24

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

@@ -1,33 +1,65 @@
 "use client"
 /* */
-import { createContext, useCallback, useContext, useEffect, useRef } from "react";
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/DeprecationWarningProvider/DeprecationWarningProvider.tsx
 var DeprecationWarningContext = createContext(void 0);
+/**
+* Messages a provider has passed to its `onWarning`. Held by the provider, not
+* keyed by the handler: an inline `onWarning` is a new function on every
+* render.
+*/
+var ReportedWarningsContext = createContext(void 0);
+/** Messages already written to `console.warn`, across all providers. */
+var consoleReportedWarnings = /* @__PURE__ */ new Set();
+/**
+* Fallback for a bare `DeprecationWarningContext.Provider`, which has no
+* provider-held set.
+*/
+var reportedWarningsByHandler = /* @__PURE__ */ new WeakMap();
+var getHandlerReportedWarnings = (handler) => {
+	let reported = reportedWarningsByHandler.get(handler);
+	if (!reported) {
+		reported = /* @__PURE__ */ new Set();
+		reportedWarningsByHandler.set(handler, reported);
+	}
+	return reported;
+};
 var DeprecationWarningProvider = (props) => {
 	const { children, onWarning } = props;
+	const [reportedWarnings] = useState(() => /* @__PURE__ */ new Set());
 	return /* @__PURE__ */ jsx(DeprecationWarningContext.Provider, {
 		value: onWarning,
-		children
+		children: /* @__PURE__ */ jsx(ReportedWarningsContext.Provider, {
+			value: reportedWarnings,
+			children
+		})
 	});
 };
 var useWarnDeprecation = () => {
 	const onWarning = useContext(DeprecationWarningContext);
-	const reportedWarnings = useRef(/* @__PURE__ */ new Set());
+	const providerReportedWarnings = useContext(ReportedWarningsContext);
+	const handlerReportedWarnings = onWarning ? providerReportedWarnings ?? getHandlerReportedWarnings(onWarning) : void 0;
 	const pendingWarnings = useRef([]);
 	useEffect(() => {
+		if (pendingWarnings.current.length === 0) return;
 		const warnings = pendingWarnings.current;
 		pendingWarnings.current = [];
 		for (const message of warnings) {
-			console.warn(message);
-			onWarning?.(message);
+			if (!consoleReportedWarnings.has(message)) {
+				consoleReportedWarnings.add(message);
+				console.warn(message);
+			}
+			if (onWarning && !handlerReportedWarnings?.has(message)) {
+				handlerReportedWarnings?.add(message);
+				onWarning(message);
+			}
 		}
 	});
 	return useCallback((message) => {
-		if (reportedWarnings.current.has(message)) return;
-		reportedWarnings.current.add(message);
+		if (consoleReportedWarnings.has(message) && (handlerReportedWarnings?.has(message) ?? true) || pendingWarnings.current.includes(message)) return;
 		pendingWarnings.current.push(message);
-	}, []);
+	}, [handlerReportedWarnings]);
 };
 //#endregion
 export { DeprecationWarningContext, DeprecationWarningProvider, DeprecationWarningProvider as default, useWarnDeprecation };

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

@@ -1 +1 @@
-{"version":3,"file":"DeprecationWarningProvider.mjs","names":[],"sources":["../../../../../../../src/components/DeprecationWarningProvider/DeprecationWarningProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from \"react\";\n\nexport type DeprecationWarningHandler = (message: string) => void;\n\nexport interface DeprecationWarningProviderProps extends PropsWithChildren {\n  onWarning?: DeprecationWarningHandler;\n}\n\nexport const DeprecationWarningContext = createContext<\n  DeprecationWarningHandler | undefined\n>(undefined);\n\nexport const DeprecationWarningProvider: FC<DeprecationWarningProviderProps> = (\n  props,\n) => {\n  const { children, onWarning } = props;\n\n  return (\n    <DeprecationWarningContext.Provider value={onWarning}>\n      {children}\n    </DeprecationWarningContext.Provider>\n  );\n};\n\nexport const useWarnDeprecation = () => {\n  const onWarning = useContext(DeprecationWarningContext);\n  const reportedWarnings = useRef(new Set<string>());\n  const pendingWarnings = useRef<string[]>([]);\n\n  useEffect(() => {\n    const warnings = pendingWarnings.current;\n    pendingWarnings.current = [];\n\n    for (const message of warnings) {\n      console.warn(message);\n      onWarning?.(message);\n    }\n  });\n\n  return useCallback((message: string) => {\n    if (reportedWarnings.current.has(message)) {\n      return;\n    }\n\n    reportedWarnings.current.add(message);\n    pendingWarnings.current.push(message);\n  }, []);\n};\n\nexport default DeprecationWarningProvider;\n"],"mappings":";;;;;AAgBA,IAAa,4BAA4B,cAEvC,KAAA,CAAS;AAEX,IAAa,8BACX,UACG;CACH,MAAM,EAAE,UAAU,cAAc;CAEhC,OACE,oBAAC,0BAA0B,UAA3B;EAAoC,OAAO;EACxC;CACiC,CAAA;AAExC;AAEA,IAAa,2BAA2B;CACtC,MAAM,YAAY,WAAW,yBAAyB;CACtD,MAAM,mBAAmB,uBAAO,IAAI,IAAY,CAAC;CACjD,MAAM,kBAAkB,OAAiB,CAAC,CAAC;CAE3C,gBAAgB;EACd,MAAM,WAAW,gBAAgB;EACjC,gBAAgB,UAAU,CAAC;EAE3B,KAAK,MAAM,WAAW,UAAU;GAC9B,QAAQ,KAAK,OAAO;GACpB,YAAY,OAAO;EACrB;CACF,CAAC;CAED,OAAO,aAAa,YAAoB;EACtC,IAAI,iBAAiB,QAAQ,IAAI,OAAO,GACtC;EAGF,iBAAiB,QAAQ,IAAI,OAAO;EACpC,gBAAgB,QAAQ,KAAK,OAAO;CACtC,GAAG,CAAC,CAAC;AACP"}
+{"version":3,"file":"DeprecationWarningProvider.mjs","names":[],"sources":["../../../../../../../src/components/DeprecationWarningProvider/DeprecationWarningProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport type DeprecationWarningHandler = (message: string) => void;\n\nexport interface DeprecationWarningProviderProps extends PropsWithChildren {\n  onWarning?: DeprecationWarningHandler;\n}\n\nexport const DeprecationWarningContext = createContext<\n  DeprecationWarningHandler | undefined\n>(undefined);\n\n/**\n * Messages a provider has passed to its `onWarning`. Held by the provider, not\n * keyed by the handler: an inline `onWarning` is a new function on every\n * render.\n */\nconst ReportedWarningsContext = createContext<Set<string> | undefined>(\n  undefined,\n);\n\n/** Messages already written to `console.warn`, across all providers. */\nconst consoleReportedWarnings = new Set<string>();\n\n/**\n * Fallback for a bare `DeprecationWarningContext.Provider`, which has no\n * provider-held set.\n */\nconst reportedWarningsByHandler = new WeakMap<\n  DeprecationWarningHandler,\n  Set<string>\n>();\n\nconst getHandlerReportedWarnings = (handler: DeprecationWarningHandler) => {\n  let reported = reportedWarningsByHandler.get(handler);\n  if (!reported) {\n    reported = new Set();\n    reportedWarningsByHandler.set(handler, reported);\n  }\n  return reported;\n};\n\nexport const DeprecationWarningProvider: FC<DeprecationWarningProviderProps> = (\n  props,\n) => {\n  const { children, onWarning } = props;\n  const [reportedWarnings] = useState(() => new Set<string>());\n\n  return (\n    <DeprecationWarningContext.Provider value={onWarning}>\n      <ReportedWarningsContext.Provider value={reportedWarnings}>\n        {children}\n      </ReportedWarningsContext.Provider>\n    </DeprecationWarningContext.Provider>\n  );\n};\n\nexport const useWarnDeprecation = () => {\n  const onWarning = useContext(DeprecationWarningContext);\n  const providerReportedWarnings = useContext(ReportedWarningsContext);\n  const handlerReportedWarnings = onWarning\n    ? (providerReportedWarnings ?? getHandlerReportedWarnings(onWarning))\n    : undefined;\n\n  const pendingWarnings = useRef<string[]>([]);\n\n  useEffect(() => {\n    if (pendingWarnings.current.length === 0) {\n      return;\n    }\n\n    const warnings = pendingWarnings.current;\n    pendingWarnings.current = [];\n\n    for (const message of warnings) {\n      if (!consoleReportedWarnings.has(message)) {\n        consoleReportedWarnings.add(message);\n        console.warn(message);\n      }\n      if (onWarning && !handlerReportedWarnings?.has(message)) {\n        handlerReportedWarnings?.add(message);\n        onWarning(message);\n      }\n    }\n  });\n\n  return useCallback(\n    (message: string) => {\n      const isReported =\n        consoleReportedWarnings.has(message) &&\n        (handlerReportedWarnings?.has(message) ?? true);\n\n      if (isReported || pendingWarnings.current.includes(message)) {\n        return;\n      }\n      pendingWarnings.current.push(message);\n    },\n    [handlerReportedWarnings],\n  );\n};\n\nexport default DeprecationWarningProvider;\n"],"mappings":";;;;;AAiBA,IAAa,4BAA4B,cAEvC,KAAA,CAAS;;;;;;AAOX,IAAM,0BAA0B,cAC9B,KAAA,CACF;;AAGA,IAAM,0CAA0B,IAAI,IAAY;;;;;AAMhD,IAAM,4CAA4B,IAAI,QAGpC;AAEF,IAAM,8BAA8B,YAAuC;CACzE,IAAI,WAAW,0BAA0B,IAAI,OAAO;CACpD,IAAI,CAAC,UAAU;EACb,2BAAW,IAAI,IAAI;EACnB,0BAA0B,IAAI,SAAS,QAAQ;CACjD;CACA,OAAO;AACT;AAEA,IAAa,8BACX,UACG;CACH,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,CAAC,oBAAoB,+BAAe,IAAI,IAAY,CAAC;CAE3D,OACE,oBAAC,0BAA0B,UAA3B;EAAoC,OAAO;EACzC,UAAA,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;GACtC;EAC+B,CAAA;CACA,CAAA;AAExC;AAEA,IAAa,2BAA2B;CACtC,MAAM,YAAY,WAAW,yBAAyB;CACtD,MAAM,2BAA2B,WAAW,uBAAuB;CACnE,MAAM,0BAA0B,YAC3B,4BAA4B,2BAA2B,SAAS,IACjE,KAAA;CAEJ,MAAM,kBAAkB,OAAiB,CAAC,CAAC;CAE3C,gBAAgB;EACd,IAAI,gBAAgB,QAAQ,WAAW,GACrC;EAGF,MAAM,WAAW,gBAAgB;EACjC,gBAAgB,UAAU,CAAC;EAE3B,KAAK,MAAM,WAAW,UAAU;GAC9B,IAAI,CAAC,wBAAwB,IAAI,OAAO,GAAG;IACzC,wBAAwB,IAAI,OAAO;IACnC,QAAQ,KAAK,OAAO;GACtB;GACA,IAAI,aAAa,CAAC,yBAAyB,IAAI,OAAO,GAAG;IACvD,yBAAyB,IAAI,OAAO;IACpC,UAAU,OAAO;GACnB;EACF;CACF,CAAC;CAED,OAAO,aACJ,YAAoB;EAKnB,IAHE,wBAAwB,IAAI,OAAO,MAClC,yBAAyB,IAAI,OAAO,KAAK,SAE1B,gBAAgB,QAAQ,SAAS,OAAO,GACxD;EAEF,gBAAgB,QAAQ,KAAK,OAAO;CACtC,GACA,CAAC,uBAAuB,CAC1B;AACF"}

package/dist/js/packages/components/src/components/TranslationProvider/useLocalizedStringFormatter.mjs

@@ -13,6 +13,20 @@ var pickComponentTranslations = (componentName, data) => {
 		return pick(components ?? {}, [componentName])[componentName] ?? {};
 	});
 };
+var compiledMessages = /* @__PURE__ */ new Map();
+var getCompiledMessage = (message, locale) => {
+	let messagesOfLocale = compiledMessages.get(locale);
+	if (!messagesOfLocale) {
+		messagesOfLocale = /* @__PURE__ */ new Map();
+		compiledMessages.set(locale, messagesOfLocale);
+	}
+	let compiled = messagesOfLocale.get(message);
+	if (!compiled) {
+		compiled = new IntlMessageFormat(message, locale);
+		messagesOfLocale.set(message, compiled);
+	}
+	return compiled;
+};
 var useLocalizedStringFormatter = (strings, componentName) => {
 	const locale = useLanguage();
 	const { translations, translate } = useTranslationProvider();
@@ -31,8 +45,7 @@ var useLocalizedStringFormatter = (strings, componentName) => {
 			if (customTranslated !== void 0) return customTranslated;
 		}
 		const translationString = dictionary.getStringForLocale(key, locale);
-		const translationMessage = new IntlMessageFormat(translationString, locale);
-		return String(translationMessage.format(variables));
+		return String(getCompiledMessage(translationString, locale).format(variables));
 	}, [
 		translate,
 		locale,

package/dist/js/packages/components/src/components/TranslationProvider/useLocalizedStringFormatter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalizedStringFormatter.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/useLocalizedStringFormatter.ts"],"sourcesContent":["import {\n  type Translations,\n  useTranslationProvider,\n} from \"@/components/TranslationProvider/TranslationProvider\";\nimport { mergeDeep } from \"remeda\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues, pick } from \"remeda\";\nimport type {\n  Variables,\n  LocalizedStrings as LocalizedStringsIntl,\n} from \"@internationalized/string\";\nimport IntlMessageFormat from \"intl-messageformat\";\nimport { useLocalizedStringDictionary } from \"@react-aria/i18n\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLanguage } from \"@/lib/hooks/useLanguage\";\n\nexport type LocalizedStrings = LocalizedStringsIntl<string, string>;\nexport type LocalizedComponentName = FlowComponentName | string;\n\nexport type TranslationFunction = (\n  key: string,\n  variables: Variables,\n  meta: {\n    component: string;\n    locale: string;\n  },\n) => string | undefined;\n\nconst pickComponentTranslations = (\n  componentName: LocalizedComponentName,\n  data?: Translations,\n) => {\n  if (!data) {\n    return {};\n  }\n\n  return mapValues(data, (components) => {\n    const picked = pick(components ?? {}, [componentName]);\n    return picked[componentName] ?? {};\n  });\n};\n\nexport const useLocalizedStringFormatter = (\n  strings: LocalizedStrings,\n  componentName: LocalizedComponentName,\n) => {\n  const locale = useLanguage();\n  const { translations, translate } = useTranslationProvider();\n\n  const mergedStrings = useMemo(\n    () =>\n      mergeDeep(\n        strings,\n        pickComponentTranslations(componentName, translations),\n      ),\n    [strings, translations, componentName],\n  );\n\n  const dictionary = useLocalizedStringDictionary(mergedStrings, componentName);\n  const formatFunction = useCallback(\n    (key: string, variables?: Variables): string => {\n      if (translate) {\n        const customTranslated = translate(key, variables, {\n          component: componentName,\n          locale,\n        });\n\n        if (customTranslated !== undefined) {\n          return customTranslated;\n        }\n      }\n\n      const translationString = dictionary.getStringForLocale(key, locale);\n      const translationMessage = new IntlMessageFormat(\n        translationString,\n        locale,\n      );\n\n      return String(translationMessage.format(variables));\n    },\n    [translate, locale, componentName, dictionary],\n  );\n\n  return useMemo(() => ({ format: formatFunction }), [formatFunction]);\n};\n"],"mappings":";;;;;;;;;AA4BA,IAAM,6BACJ,eACA,SACG;CACH,IAAI,CAAC,MACH,OAAO,CAAC;CAGV,OAAO,UAAU,OAAO,eAAe;EAErC,OADe,KAAK,cAAc,CAAC,GAAG,CAAC,aAAa,CAC7C,CAAA,CAAO,kBAAkB,CAAC;CACnC,CAAC;AACH;AAEA,IAAa,+BACX,SACA,kBACG;CACH,MAAM,SAAS,YAAY;CAC3B,MAAM,EAAE,cAAc,cAAc,uBAAuB;CAE3D,MAAM,gBAAgB,cAElB,UACE,SACA,0BAA0B,eAAe,YAAY,CACvD,GACF;EAAC;EAAS;EAAc;CAAa,CACvC;CAEA,MAAM,aAAa,6BAA6B,eAAe,aAAa;CAC5E,MAAM,iBAAiB,aACpB,KAAa,cAAkC;EAC9C,IAAI,WAAW;GACb,MAAM,mBAAmB,UAAU,KAAK,WAAW;IACjD,WAAW;IACX;GACF,CAAC;GAED,IAAI,qBAAqB,KAAA,GACvB,OAAO;EAEX;EAEA,MAAM,oBAAoB,WAAW,mBAAmB,KAAK,MAAM;EACnE,MAAM,qBAAqB,IAAI,kBAC7B,mBACA,MACF;EAEA,OAAO,OAAO,mBAAmB,OAAO,SAAS,CAAC;CACpD,GACA;EAAC;EAAW;EAAQ;EAAe;CAAU,CAC/C;CAEA,OAAO,eAAe,EAAE,QAAQ,eAAe,IAAI,CAAC,cAAc,CAAC;AACrE"}
+{"version":3,"file":"useLocalizedStringFormatter.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/useLocalizedStringFormatter.ts"],"sourcesContent":["import {\n  type Translations,\n  useTranslationProvider,\n} from \"@/components/TranslationProvider/TranslationProvider\";\nimport { mergeDeep } from \"remeda\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues, pick } from \"remeda\";\nimport type {\n  Variables,\n  LocalizedStrings as LocalizedStringsIntl,\n} from \"@internationalized/string\";\nimport IntlMessageFormat from \"intl-messageformat\";\nimport { useLocalizedStringDictionary } from \"@react-aria/i18n\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLanguage } from \"@/lib/hooks/useLanguage\";\n\nexport type LocalizedStrings = LocalizedStringsIntl<string, string>;\nexport type LocalizedComponentName = FlowComponentName | string;\n\nexport type TranslationFunction = (\n  key: string,\n  variables: Variables,\n  meta: {\n    component: string;\n    locale: string;\n  },\n) => string | undefined;\n\nconst pickComponentTranslations = (\n  componentName: LocalizedComponentName,\n  data?: Translations,\n) => {\n  if (!data) {\n    return {};\n  }\n\n  return mapValues(data, (components) => {\n    const picked = pick(components ?? {}, [componentName]);\n    return picked[componentName] ?? {};\n  });\n};\n\n// Compiling parses the message — do it once per locale and message.\nconst compiledMessages = new Map<string, Map<string, IntlMessageFormat>>();\n\nconst getCompiledMessage = (message: string, locale: string) => {\n  let messagesOfLocale = compiledMessages.get(locale);\n  if (!messagesOfLocale) {\n    messagesOfLocale = new Map();\n    compiledMessages.set(locale, messagesOfLocale);\n  }\n\n  let compiled = messagesOfLocale.get(message);\n  if (!compiled) {\n    compiled = new IntlMessageFormat(message, locale);\n    messagesOfLocale.set(message, compiled);\n  }\n\n  return compiled;\n};\n\nexport const useLocalizedStringFormatter = (\n  strings: LocalizedStrings,\n  componentName: LocalizedComponentName,\n) => {\n  const locale = useLanguage();\n  const { translations, translate } = useTranslationProvider();\n\n  const mergedStrings = useMemo(\n    () =>\n      mergeDeep(\n        strings,\n        pickComponentTranslations(componentName, translations),\n      ),\n    [strings, translations, componentName],\n  );\n\n  const dictionary = useLocalizedStringDictionary(mergedStrings, componentName);\n  const formatFunction = useCallback(\n    (key: string, variables?: Variables): string => {\n      if (translate) {\n        const customTranslated = translate(key, variables, {\n          component: componentName,\n          locale,\n        });\n\n        if (customTranslated !== undefined) {\n          return customTranslated;\n        }\n      }\n\n      const translationString = dictionary.getStringForLocale(key, locale);\n      return String(\n        getCompiledMessage(translationString, locale).format(variables),\n      );\n    },\n    [translate, locale, componentName, dictionary],\n  );\n\n  return useMemo(() => ({ format: formatFunction }), [formatFunction]);\n};\n"],"mappings":";;;;;;;;;AA4BA,IAAM,6BACJ,eACA,SACG;CACH,IAAI,CAAC,MACH,OAAO,CAAC;CAGV,OAAO,UAAU,OAAO,eAAe;EAErC,OADe,KAAK,cAAc,CAAC,GAAG,CAAC,aAAa,CAC7C,CAAA,CAAO,kBAAkB,CAAC;CACnC,CAAC;AACH;AAGA,IAAM,mCAAmB,IAAI,IAA4C;AAEzE,IAAM,sBAAsB,SAAiB,WAAmB;CAC9D,IAAI,mBAAmB,iBAAiB,IAAI,MAAM;CAClD,IAAI,CAAC,kBAAkB;EACrB,mCAAmB,IAAI,IAAI;EAC3B,iBAAiB,IAAI,QAAQ,gBAAgB;CAC/C;CAEA,IAAI,WAAW,iBAAiB,IAAI,OAAO;CAC3C,IAAI,CAAC,UAAU;EACb,WAAW,IAAI,kBAAkB,SAAS,MAAM;EAChD,iBAAiB,IAAI,SAAS,QAAQ;CACxC;CAEA,OAAO;AACT;AAEA,IAAa,+BACX,SACA,kBACG;CACH,MAAM,SAAS,YAAY;CAC3B,MAAM,EAAE,cAAc,cAAc,uBAAuB;CAE3D,MAAM,gBAAgB,cAElB,UACE,SACA,0BAA0B,eAAe,YAAY,CACvD,GACF;EAAC;EAAS;EAAc;CAAa,CACvC;CAEA,MAAM,aAAa,6BAA6B,eAAe,aAAa;CAC5E,MAAM,iBAAiB,aACpB,KAAa,cAAkC;EAC9C,IAAI,WAAW;GACb,MAAM,mBAAmB,UAAU,KAAK,WAAW;IACjD,WAAW;IACX;GACF,CAAC;GAED,IAAI,qBAAqB,KAAA,GACvB,OAAO;EAEX;EAEA,MAAM,oBAAoB,WAAW,mBAAmB,KAAK,MAAM;EACnE,OAAO,OACL,mBAAmB,mBAAmB,MAAM,CAAC,CAAC,OAAO,SAAS,CAChE;CACF,GACA;EAAC;EAAW;EAAQ;EAAe;CAAU,CAC/C;CAEA,OAAO,eAAe,EAAE,QAAQ,eAAe,IAAI,CAAC,cAAc,CAAC;AACrE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.6.0-next.22",
+  "version": "1.6.0-next.24",
   "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.6.0-next.22",
+    "@mittwald/flow-icons": "^1.6.0-next.24",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.6.0-next.22",
+    "@mittwald/react-tunnel": "^1.6.0-next.24",
     "@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.6.0-next.22",
-    "@mittwald/flow-core": "1.6.0-next.22",
-    "@mittwald/flow-design-tokens": "1.6.0-next.22",
-    "@mittwald/flow-icons-base": "1.6.0-next.22",
+    "@mittwald/flow-components-base": "1.6.0-next.24",
+    "@mittwald/flow-core": "1.6.0-next.24",
+    "@mittwald/flow-design-tokens": "1.6.0-next.24",
+    "@mittwald/flow-icons-base": "1.6.0-next.24",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.6.0-next.22",
+    "@mittwald/typescript-config": "1.6.0-next.24",
     "@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.6.0-next.22",
+    "@mittwald/flow-icons-pro": "1.6.0-next.24",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -223,5 +223,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "e8730db3f173506049717df08b7094f8b1c27224"
+  "gitHead": "b1bd22a026e392422446e902bf92c8921b63c94d"
 }