@mittwald/flow-react-components 1.3.0-next.2 → 1.3.0-next.21

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","names":[],"sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport { useIsActivityActive } from \"@/components/Activity/context\";\n\nexport type TooltipProps = PropsWithChildren<\n  Omit<Aria.TooltipProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const isActivityActive = useIsActivityActive();\n\n  const rootClassName = clsx(styles.tooltip, className);\n\n  if (!isActivityActive) {\n    return null;\n  }\n\n  return (\n    <ClearPropsContext>\n      <Aria.Tooltip {...rest} className={rootClassName}>\n        <Aria.OverlayArrow className={styles.tip}>\n          <svg viewBox=\"0 0 8 8\">\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        </Aria.OverlayArrow>\n        {children}\n      </Aria.Tooltip>\n    </ClearPropsContext>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;AAYA,IAAa,WAA6B,UAAU;CAClD,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,mBAAmB,oBAAoB;CAE7C,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,IAAI,CAAC,kBACH,OAAO;CAGT,OACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,KAAK,SAAN;EAAc,GAAI;EAAM,WAAW;EAAnC,UAAA,CACE,oBAAC,KAAK,cAAN;GAAmB,WAAW,uBAAO;GACnC,UAAA,oBAAC,OAAD;IAAK,SAAQ;IACX,UAAA,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;GACvB,CAAA;EACY,CAAA,GAClB,QACW;CACG,CAAA,EAAA,CAAA;AAEvB"}
+{"version":3,"file":"Tooltip.mjs","names":[],"sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport { useIsActivityActive } from \"@/components/Activity/context\";\n\nexport type TooltipProps = PropsWithChildren<\n  Omit<Aria.TooltipProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const isActivityActive = useIsActivityActive();\n\n  const rootClassName = clsx(styles.tooltip, className);\n\n  if (!isActivityActive) {\n    return null;\n  }\n\n  return (\n    <ClearPropsContext>\n      <Aria.Tooltip {...rest} className={rootClassName}>\n        <Aria.OverlayArrow className={styles.tip}>\n          <svg className={styles.tipIcon} viewBox=\"0 0 8 8\">\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        </Aria.OverlayArrow>\n        {children}\n      </Aria.Tooltip>\n    </ClearPropsContext>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;AAYA,IAAa,WAA6B,UAAU;CAClD,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,mBAAmB,oBAAoB;CAE7C,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,IAAI,CAAC,kBACH,OAAO;CAGT,OACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,KAAK,SAAN;EAAc,GAAI;EAAM,WAAW;EAAnC,UAAA,CACE,oBAAC,KAAK,cAAN;GAAmB,WAAW,uBAAO;GACnC,UAAA,oBAAC,OAAD;IAAK,WAAW,uBAAO;IAAS,SAAQ;IACtC,UAAA,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;GACvB,CAAA;EACY,CAAA,GAClB,QACW;CACG,CAAA,EAAA,CAAA;AAEvB"}

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

@@ -3,13 +3,15 @@
 //#region src/components/Tooltip/Tooltip.module.scss
 var tooltip = "flow--tooltip";
 var tip = "flow--tooltip--tip";
+var tipIcon = "flow--tooltip--tip-icon";
 var slide = "flow--tooltip--slide";
 var Tooltip_module_default = {
 	tooltip,
 	tip,
+	tipIcon,
 	slide
 };
 //#endregion
-export { Tooltip_module_default as default, slide, tip, tooltip };
+export { Tooltip_module_default as default, slide, tip, tipIcon, tooltip };
 
 //# sourceMappingURL=Tooltip.module.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.module.mjs","names":[],"sources":["../../../../../../../src/components/Tooltip/Tooltip.module.scss"],"sourcesContent":[".tooltip {\n  border-radius: var(--tooltip--corner-radius);\n  background-color: var(--tooltip--background-color);\n  color: var(--tooltip--color);\n  font-size: var(--tooltip--font-size);\n  padding-block: var(--tooltip--padding-y);\n  padding-inline: var(--tooltip--padding-x);\n  max-width: var(--tooltip--max-width);\n  transform: translate3d(0, 0, 0);\n  box-shadow: var(--tooltip--box-shadow);\n\n  --translate-origin-length: var(--tooltip--tooltip-to-trigger-spacing) / 2;\n\n  /* Placement */\n  &[data-placement=\"top\"] {\n    margin-bottom: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateY(var(--translate-origin-length));\n  }\n\n  &[data-placement=\"bottom\"] {\n    margin-top: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateY(var(--translate-origin-length) * -1);\n\n    .tip svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  &[data-placement=\"right\"] {\n    margin-inline-start: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateX(var(--translate-origin-length) * -1);\n\n    .tip svg {\n      transform: rotate(90deg);\n    }\n  }\n\n  &[data-placement=\"left\"] {\n    margin-inline-end: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateX(var(--translate-origin-length));\n\n    .tip svg {\n      transform: rotate(-90deg);\n    }\n  }\n\n  /* Animation */\n\n  &[data-entering] {\n    animation: slide 200ms;\n  }\n\n  &[data-exiting] {\n    animation: slide 200ms reverse ease-in;\n  }\n\n  .tip {\n    width: var(--tooltip--tip-size);\n    height: var(--tooltip--tip-size);\n\n    svg {\n      display: block;\n      fill: var(--tooltip--background-color);\n    }\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: var(--translate-origin);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tooltip.module.mjs","names":[],"sources":["../../../../../../../src/components/Tooltip/Tooltip.module.scss"],"sourcesContent":[".tooltip {\n  border-radius: var(--tooltip--corner-radius);\n  background-color: var(--tooltip--background-color);\n  color: var(--tooltip--color);\n  font-size: var(--tooltip--font-size);\n  padding-block: var(--tooltip--padding-y);\n  padding-inline: var(--tooltip--padding-x);\n  max-width: var(--tooltip--max-width);\n  transform: translate3d(0, 0, 0);\n  box-shadow: var(--tooltip--box-shadow);\n\n  --translate-origin-length: var(--tooltip--tooltip-to-trigger-spacing) / 2;\n\n  /**\n   * React Aria sets `data-placement` once it has computed a position, and\n   * renders the overlay at `top: 0; left: 0` of the viewport until then. It\n   * skips computing one when the tooltip mounts for its exit animation alone –\n   * swapping quickly between neighbouring triggers does that – and never\n   * retries afterwards, so such a tooltip stays parked in the corner for its\n   * whole lifetime. Keep it out of sight instead. `visibility` rather than\n   * `display`, so the overlay stays measurable for the positioning pass.\n   */\n  &:not([data-placement]) {\n    visibility: hidden;\n  }\n\n  /* Placement */\n  &[data-placement=\"top\"] {\n    margin-bottom: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateY(var(--translate-origin-length));\n  }\n\n  &[data-placement=\"bottom\"] {\n    margin-top: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateY(var(--translate-origin-length) * -1);\n\n    .tip .tipIcon {\n      transform: rotate(180deg);\n    }\n  }\n\n  &[data-placement=\"right\"] {\n    margin-inline-start: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateX(var(--translate-origin-length) * -1);\n\n    .tip .tipIcon {\n      transform: rotate(90deg);\n    }\n  }\n\n  &[data-placement=\"left\"] {\n    margin-inline-end: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateX(var(--translate-origin-length));\n\n    .tip .tipIcon {\n      transform: rotate(-90deg);\n    }\n  }\n\n  /* Animation */\n\n  &[data-entering] {\n    animation: slide 200ms;\n  }\n\n  &[data-exiting] {\n    animation: slide 200ms reverse ease-in;\n  }\n\n  .tip {\n    width: var(--tooltip--tip-size);\n    height: var(--tooltip--tip-size);\n\n    .tipIcon {\n      display: block;\n      fill: var(--tooltip--background-color);\n    }\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: var(--translate-origin);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/lib/files/acceptedFiles.mjs

@@ -0,0 +1,34 @@
+"use client"
+/* */
+//#region src/lib/files/acceptedFiles.ts
+/**
+* Whether a file matches an `accept` attribute value — a comma separated list
+* of MIME types (`image/png`), MIME wildcards (`image/*`) and file extensions
+* (`.png`). A missing or empty list matches everything, the way the attribute
+* itself does.
+*
+* @internal
+*/
+var matchesAccept = (file, accept) => {
+	const tokens = accept?.split(",").map((token) => token.trim().toLowerCase()).filter(Boolean) ?? [];
+	if (tokens.length === 0) return true;
+	const type = file.type.toLowerCase();
+	const name = file.name.toLowerCase();
+	return tokens.some((token) => {
+		if (token.startsWith(".")) return name.endsWith(token);
+		if (token.endsWith("/*")) return type.startsWith(token.slice(0, -1));
+		return type === token;
+	});
+};
+/**
+* The files of a drop event that match `accept`. Non-file items (dragged text,
+* directories) are skipped, and the filter runs on the drop item — so a file
+* `accept` rejects is never read from disk.
+*
+* @internal
+*/
+var getAcceptedFiles = async (items, accept) => await Promise.all(items.filter((item) => item.kind === "file").filter((item) => matchesAccept(item, accept)).map(async (item) => await item.getFile()));
+//#endregion
+export { getAcceptedFiles, matchesAccept };
+
+//# sourceMappingURL=acceptedFiles.mjs.map

package/dist/js/packages/components/src/lib/files/acceptedFiles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acceptedFiles.mjs","names":[],"sources":["../../../../../../../src/lib/files/acceptedFiles.ts"],"sourcesContent":["import type { DropItem } from \"@react-types/shared\";\n\n/**\n * Whether a file matches an `accept` attribute value — a comma separated list\n * of MIME types (`image/png`), MIME wildcards (`image/*`) and file extensions\n * (`.png`). A missing or empty list matches everything, the way the attribute\n * itself does.\n *\n * @internal\n */\nexport const matchesAccept = (\n  file: Pick<File, \"name\" | \"type\">,\n  accept?: string,\n): boolean => {\n  const tokens =\n    accept\n      ?.split(\",\")\n      .map((token) => token.trim().toLowerCase())\n      .filter(Boolean) ?? [];\n\n  if (tokens.length === 0) {\n    return true;\n  }\n\n  const type = file.type.toLowerCase();\n  const name = file.name.toLowerCase();\n\n  return tokens.some((token) => {\n    if (token.startsWith(\".\")) {\n      return name.endsWith(token);\n    }\n    if (token.endsWith(\"/*\")) {\n      return type.startsWith(token.slice(0, -1));\n    }\n    return type === token;\n  });\n};\n\n/**\n * The files of a drop event that match `accept`. Non-file items (dragged text,\n * directories) are skipped, and the filter runs on the drop item — so a file\n * `accept` rejects is never read from disk.\n *\n * @internal\n */\nexport const getAcceptedFiles = async (\n  items: readonly DropItem[],\n  accept?: string,\n): Promise<File[]> =>\n  await Promise.all(\n    items\n      .filter((item) => item.kind === \"file\")\n      .filter((item) => matchesAccept(item, accept))\n      .map(async (item) => await item.getFile()),\n  );\n"],"mappings":";;;;;;;;;;;AAUA,IAAa,iBACX,MACA,WACY;CACZ,MAAM,SACJ,QACI,MAAM,GAAG,CAAC,CACX,KAAK,UAAU,MAAM,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAC1C,OAAO,OAAO,KAAK,CAAC;CAEzB,IAAI,OAAO,WAAW,GACpB,OAAO;CAGT,MAAM,OAAO,KAAK,KAAK,YAAY;CACnC,MAAM,OAAO,KAAK,KAAK,YAAY;CAEnC,OAAO,OAAO,MAAM,UAAU;EAC5B,IAAI,MAAM,WAAW,GAAG,GACtB,OAAO,KAAK,SAAS,KAAK;EAE5B,IAAI,MAAM,SAAS,IAAI,GACrB,OAAO,KAAK,WAAW,MAAM,MAAM,GAAG,EAAE,CAAC;EAE3C,OAAO,SAAS;CAClB,CAAC;AACH;;;;;;;;AASA,IAAa,mBAAmB,OAC9B,OACA,WAEA,MAAM,QAAQ,IACZ,MACG,QAAQ,SAAS,KAAK,SAAS,MAAM,CAAC,CACtC,QAAQ,SAAS,cAAc,MAAM,MAAM,CAAC,CAAC,CAC7C,IAAI,OAAO,SAAS,MAAM,KAAK,QAAQ,CAAC,CAC7C"}

package/dist/js/packages/components/src/lib/hooks/dom/useKeepBrowserExtensionsInteractive.mjs

@@ -59,6 +59,6 @@ var useKeepBrowserExtensionsInteractive = (isActive) => {
 	}, [isActive]);
 };
 //#endregion
-export { useKeepBrowserExtensionsInteractive as default, useKeepBrowserExtensionsInteractive };
+export { useKeepBrowserExtensionsInteractive as default, useKeepBrowserExtensionsInteractive, isBrowserExtensionNode };
 
 //# sourceMappingURL=useKeepBrowserExtensionsInteractive.mjs.map

package/dist/js/packages/components/src/lib/hooks/dom/useKeepBrowserExtensionsInteractive.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useKeepBrowserExtensionsInteractive.mjs","names":[],"sources":["../../../../../../../../src/lib/hooks/dom/useKeepBrowserExtensionsInteractive.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * Attribute react-aria checks to keep a node out of the `inert` / `aria-hidden`\n * isolation it applies to everything outside an open modal overlay.\n *\n * @see `isAlwaysVisibleNode` in `@react-aria/overlays` (`ariaHideOutside`)\n */\nconst keepInteractiveAttribute = \"data-react-aria-top-layer\";\n\nconst extensionUrlSchemes = [\n  \"chrome-extension:\",\n  \"moz-extension:\",\n  \"safari-web-extension:\",\n  \"safari-extension:\",\n];\n\nconst isBrowserExtensionNode = (element: Element): boolean => {\n  if (element.tagName.includes(\"-\")) {\n    return true;\n  }\n  if (element.shadowRoot !== null) {\n    return true;\n  }\n  if (element instanceof HTMLIFrameElement) {\n    const source = element.getAttribute(\"src\") ?? \"\";\n    return extensionUrlSchemes.some((scheme) => source.startsWith(scheme));\n  }\n  return false;\n};\n\nconst keepInteractive = (element: Element): void => {\n  if (!element.hasAttribute(keepInteractiveAttribute)) {\n    element.setAttribute(keepInteractiveAttribute, \"\");\n  }\n  if (element instanceof HTMLElement && element.inert) {\n    element.inert = false;\n  }\n  if (element.getAttribute(\"aria-hidden\") === \"true\") {\n    element.removeAttribute(\"aria-hidden\");\n  }\n};\n\n/**\n * While a modal overlay is open, react-aria isolates the rest of the document\n * by setting `inert` on every sibling of the modal (see `ariaHideOutside`) —\n * and it keeps doing so for nodes that appear afterwards via a\n * `MutationObserver`. That also catches UI a browser extension injects while\n * the modal is open, e.g. a password manager's autofill dropdown on a field, or\n * its \"save credentials\" popover. An `inert` node stays visible but cannot be\n * clicked, so the user sees the extension UI but cannot interact with it.\n *\n * This hook watches the document while `isActive` and re-enables such\n * extension-injected, document-level nodes, so browser extensions keep working\n * on top of modals. It targets the structural fingerprint of extension UI (see\n * {@link isBrowserExtensionNode}) rather than a fixed list of vendors.\n */\nexport const useKeepBrowserExtensionsInteractive = (\n  isActive: boolean,\n): void => {\n  useEffect(() => {\n    if (!isActive || typeof MutationObserver === \"undefined\") {\n      return;\n    }\n\n    const root = document.body;\n\n    const process = (node: Node): void => {\n      if (node instanceof Element && isBrowserExtensionNode(node)) {\n        keepInteractive(node);\n      }\n    };\n\n    for (const child of Array.from(root.children)) {\n      process(child);\n    }\n\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        for (const node of Array.from(mutation.addedNodes)) {\n          process(node);\n        }\n      }\n    });\n    observer.observe(root, { childList: true });\n\n    return () => observer.disconnect();\n  }, [isActive]);\n};\n\nexport default useKeepBrowserExtensionsInteractive;\n"],"mappings":";;;;;;;;;;AAQA,IAAM,2BAA2B;AAEjC,IAAM,sBAAsB;CAC1B;CACA;CACA;CACA;AACF;AAEA,IAAM,0BAA0B,YAA8B;CAC5D,IAAI,QAAQ,QAAQ,SAAS,GAAG,GAC9B,OAAO;CAET,IAAI,QAAQ,eAAe,MACzB,OAAO;CAET,IAAI,mBAAmB,mBAAmB;EACxC,MAAM,SAAS,QAAQ,aAAa,KAAK,KAAK;EAC9C,OAAO,oBAAoB,MAAM,WAAW,OAAO,WAAW,MAAM,CAAC;CACvE;CACA,OAAO;AACT;AAEA,IAAM,mBAAmB,YAA2B;CAClD,IAAI,CAAC,QAAQ,aAAa,wBAAwB,GAChD,QAAQ,aAAa,0BAA0B,EAAE;CAEnD,IAAI,mBAAmB,eAAe,QAAQ,OAC5C,QAAQ,QAAQ;CAElB,IAAI,QAAQ,aAAa,aAAa,MAAM,QAC1C,QAAQ,gBAAgB,aAAa;AAEzC;;;;;;;;;;;;;;;AAgBA,IAAa,uCACX,aACS;CACT,gBAAgB;EACd,IAAI,CAAC,YAAY,OAAO,qBAAqB,aAC3C;EAGF,MAAM,OAAO,SAAS;EAEtB,MAAM,WAAW,SAAqB;GACpC,IAAI,gBAAgB,WAAW,uBAAuB,IAAI,GACxD,gBAAgB,IAAI;EAExB;EAEA,KAAK,MAAM,SAAS,MAAM,KAAK,KAAK,QAAQ,GAC1C,QAAQ,KAAK;EAGf,MAAM,WAAW,IAAI,kBAAkB,cAAc;GACnD,KAAK,MAAM,YAAY,WACrB,KAAK,MAAM,QAAQ,MAAM,KAAK,SAAS,UAAU,GAC/C,QAAQ,IAAI;EAGlB,CAAC;EACD,SAAS,QAAQ,MAAM,EAAE,WAAW,KAAK,CAAC;EAE1C,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,QAAQ,CAAC;AACf"}
+{"version":3,"file":"useKeepBrowserExtensionsInteractive.mjs","names":[],"sources":["../../../../../../../../src/lib/hooks/dom/useKeepBrowserExtensionsInteractive.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * Attribute react-aria checks to keep a node out of the `inert` / `aria-hidden`\n * isolation it applies to everything outside an open modal overlay.\n *\n * @see `isAlwaysVisibleNode` in `@react-aria/overlays` (`ariaHideOutside`)\n */\nconst keepInteractiveAttribute = \"data-react-aria-top-layer\";\n\nconst extensionUrlSchemes = [\n  \"chrome-extension:\",\n  \"moz-extension:\",\n  \"safari-web-extension:\",\n  \"safari-extension:\",\n];\n\nexport const isBrowserExtensionNode = (element: Element): boolean => {\n  if (element.tagName.includes(\"-\")) {\n    return true;\n  }\n  if (element.shadowRoot !== null) {\n    return true;\n  }\n  if (element instanceof HTMLIFrameElement) {\n    const source = element.getAttribute(\"src\") ?? \"\";\n    return extensionUrlSchemes.some((scheme) => source.startsWith(scheme));\n  }\n  return false;\n};\n\nconst keepInteractive = (element: Element): void => {\n  if (!element.hasAttribute(keepInteractiveAttribute)) {\n    element.setAttribute(keepInteractiveAttribute, \"\");\n  }\n  if (element instanceof HTMLElement && element.inert) {\n    element.inert = false;\n  }\n  if (element.getAttribute(\"aria-hidden\") === \"true\") {\n    element.removeAttribute(\"aria-hidden\");\n  }\n};\n\n/**\n * While a modal overlay is open, react-aria isolates the rest of the document\n * by setting `inert` on every sibling of the modal (see `ariaHideOutside`) —\n * and it keeps doing so for nodes that appear afterwards via a\n * `MutationObserver`. That also catches UI a browser extension injects while\n * the modal is open, e.g. a password manager's autofill dropdown on a field, or\n * its \"save credentials\" popover. An `inert` node stays visible but cannot be\n * clicked, so the user sees the extension UI but cannot interact with it.\n *\n * This hook watches the document while `isActive` and re-enables such\n * extension-injected, document-level nodes, so browser extensions keep working\n * on top of modals. It targets the structural fingerprint of extension UI (see\n * {@link isBrowserExtensionNode}) rather than a fixed list of vendors.\n */\nexport const useKeepBrowserExtensionsInteractive = (\n  isActive: boolean,\n): void => {\n  useEffect(() => {\n    if (!isActive || typeof MutationObserver === \"undefined\") {\n      return;\n    }\n\n    const root = document.body;\n\n    const process = (node: Node): void => {\n      if (node instanceof Element && isBrowserExtensionNode(node)) {\n        keepInteractive(node);\n      }\n    };\n\n    for (const child of Array.from(root.children)) {\n      process(child);\n    }\n\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        for (const node of Array.from(mutation.addedNodes)) {\n          process(node);\n        }\n      }\n    });\n    observer.observe(root, { childList: true });\n\n    return () => observer.disconnect();\n  }, [isActive]);\n};\n\nexport default useKeepBrowserExtensionsInteractive;\n"],"mappings":";;;;;;;;;;AAQA,IAAM,2BAA2B;AAEjC,IAAM,sBAAsB;CAC1B;CACA;CACA;CACA;AACF;AAEA,IAAa,0BAA0B,YAA8B;CACnE,IAAI,QAAQ,QAAQ,SAAS,GAAG,GAC9B,OAAO;CAET,IAAI,QAAQ,eAAe,MACzB,OAAO;CAET,IAAI,mBAAmB,mBAAmB;EACxC,MAAM,SAAS,QAAQ,aAAa,KAAK,KAAK;EAC9C,OAAO,oBAAoB,MAAM,WAAW,OAAO,WAAW,MAAM,CAAC;CACvE;CACA,OAAO;AACT;AAEA,IAAM,mBAAmB,YAA2B;CAClD,IAAI,CAAC,QAAQ,aAAa,wBAAwB,GAChD,QAAQ,aAAa,0BAA0B,EAAE;CAEnD,IAAI,mBAAmB,eAAe,QAAQ,OAC5C,QAAQ,QAAQ;CAElB,IAAI,QAAQ,aAAa,aAAa,MAAM,QAC1C,QAAQ,gBAAgB,aAAa;AAEzC;;;;;;;;;;;;;;;AAgBA,IAAa,uCACX,aACS;CACT,gBAAgB;EACd,IAAI,CAAC,YAAY,OAAO,qBAAqB,aAC3C;EAGF,MAAM,OAAO,SAAS;EAEtB,MAAM,WAAW,SAAqB;GACpC,IAAI,gBAAgB,WAAW,uBAAuB,IAAI,GACxD,gBAAgB,IAAI;EAExB;EAEA,KAAK,MAAM,SAAS,MAAM,KAAK,KAAK,QAAQ,GAC1C,QAAQ,KAAK;EAGf,MAAM,WAAW,IAAI,kBAAkB,cAAc;GACnD,KAAK,MAAM,YAAY,WACrB,KAAK,MAAM,QAAQ,MAAM,KAAK,SAAS,UAAU,GAC/C,QAAQ,IAAI;EAGlB,CAAC;EACD,SAAS,QAAQ,MAAM,EAAE,WAAW,KAAK,CAAC;EAE1C,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,QAAQ,CAAC;AACf"}

package/dist/types/components/CartesianChart/context.d.ts

@@ -1,6 +1,12 @@
 import { CartesianChartLayout } from './types';
 interface CartesianChartContext {
     layout: CartesianChartLayout;
+    /**
+     * Prefix that scopes a stack ID to this chart. Recharts derives DOM IDs from
+     * the stack ID, so two charts on one page sharing a stack ID would otherwise
+     * share their clip paths.
+     */
+    stackIdPrefix: string;
 }
 export declare const useCartesianChartContext: () => CartesianChartContext;
 export declare const CartesianChartContextProvider: import('react').Provider<CartesianChartContext>;

package/dist/types/components/CartesianChart/hooks/useScopedStackId.d.ts

@@ -0,0 +1,6 @@
+import { StackId } from 'recharts/types/util/ChartUtils';
+/**
+ * Scopes a stack ID to the surrounding chart, so that charts on the same page
+ * using the same stack ID do not share the DOM IDs Recharts derives from it.
+ */
+export declare const useScopedStackId: (stackId: StackId | undefined) => string | undefined;

package/dist/types/components/Icon/components/icons/IconAIHosting.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps, FC } from 'react';
+import { Icon } from '../..';
+export declare const IconAIHosting: FC<Omit<ComponentProps<typeof Icon>, "children">>;
+export default IconAIHosting;

package/dist/types/components/Icon/components/icons/index.d.ts

@@ -54,6 +54,7 @@ export { IconUnorderedList } from './IconUnorderedList';
 export { IconUpload } from './IconUpload';
 export { IconView } from './IconView';
 export { IconAI } from './IconAI';
+export { IconAIHosting } from './IconAIHosting';
 export { IconAnalytics } from './IconAnalytics';
 export { IconApp } from './IconApp';
 export { IconAutoresponder } from './IconAutoresponder';

package/dist/types/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.d.ts

@@ -1,8 +1 @@
-import { FC } from 'react';
-import { ActionFn } from '../../../Action';
-interface Props {
-    isDisabled?: boolean;
-    onGeneratePasswordAction?: ActionFn;
-}
-export declare const PasswordGenerateButton: FC<Props>;
 export {};

package/dist/types/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.d.ts

@@ -1,10 +1 @@
-import { FC } from 'react';
-import { ResolvedPolicyValidationResult } from '../../PasswordCreationField';
-import { PropsWithClassName } from '../../../../lib/types/props';
-interface Props extends PropsWithClassName {
-    policyValidationResult?: ResolvedPolicyValidationResult;
-    isDisabled?: boolean;
-    isEmptyValue: boolean;
-}
-export declare const ValidationResultButton: FC<Props>;
 export {};

package/dist/types/components/PasswordCreationField/lib/ariaAnnounce.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/PasswordCreationField/lib/generateValidationTranslation.d.ts

@@ -1,3 +1 @@
-import { RuleValidationResult } from '../../../integrations/@mittwald/password-tools-js';
-export declare const generateValidationTranslation: (r: Partial<RuleValidationResult>, shotVersion?: boolean) => [string, Record<string, string | number | boolean> | undefined];
 export default generateValidationTranslation;

package/dist/types/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.d.ts

@@ -1,4 +1 @@
-import { ResolvedPolicyValidationResult } from '../PasswordCreationField';
-import { ComplexityStatus } from '../components/ComplexityIndicator/ComplexityIndicator';
-export declare const getStatusFromPolicyValidationResult: (isValid: ResolvedPolicyValidationResult["isValid"], result: ResolvedPolicyValidationResult) => ComplexityStatus;
 export default getStatusFromPolicyValidationResult;

package/dist/types/components/PasswordCreationField/lib/usePolicyValidationResult.d.ts

@@ -1,7 +1 @@
-import { Policy } from '../../../integrations/@mittwald/password-tools-js';
-import { ResolvedPolicyValidationResult } from '../PasswordCreationField';
-export declare const usePolicyValidationResult: (validationPolicy: Policy, password: string, onValidationStart?: () => void, onValidationResult?: (data: {
-    password: string;
-    isValid: boolean;
-    results: ResolvedPolicyValidationResult;
-}) => void) => void;
+export {};

package/dist/types/lib/files/acceptedFiles.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/hooks/dom/useKeepBrowserExtensionsInteractive.d.ts

@@ -1,3 +1,4 @@
+export declare const isBrowserExtensionNode: (element: Element) => boolean;
 /**
  * While a modal overlay is open, react-aria isolates the rest of the document
  * by setting `inert` on every sibling of the modal (see `ariaHideOutside`) —

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.3.0-next.2",
+  "version": "1.3.0-next.21",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -83,9 +83,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.3.0-next.2",
+    "@mittwald/flow-icons": "^1.3.0-next.21",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.3.0-next.2",
+    "@mittwald/react-tunnel": "^1.3.0-next.21",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -138,12 +138,12 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-core": "1.3.0-next.2",
-    "@mittwald/flow-design-tokens": "1.3.0-next.2",
-    "@mittwald/flow-icons-base": "1.3.0-next.2",
+    "@mittwald/flow-core": "1.3.0-next.21",
+    "@mittwald/flow-design-tokens": "1.3.0-next.21",
+    "@mittwald/flow-icons-base": "1.3.0-next.21",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.3.0-next.2",
+    "@mittwald/typescript-config": "1.3.0-next.21",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -153,7 +153,7 @@
     "@storybook/react-vite": "^10.5.10",
     "@tabler/icons-react": "^3.46.0",
     "@teispace/next-themes": "^2.0.4",
-    "@types/node": "25.9.5",
+    "@types/node": "25.9.7",
     "@typescript/native": "npm:typescript@^7.0.2",
     "@vitejs/plugin-react": "5.2.0",
     "@vitest/browser": "^4.1.11",
@@ -195,7 +195,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.3.0-next.2",
+    "@mittwald/flow-icons-pro": "1.3.0-next.21",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -219,5 +219,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "29fc6492e907cf441ae67c63004e09c4f344477b"
+  "gitHead": "94e51cf8c2d0fa764e1c1afdd37597982e6d9c6d"
 }