@mittwald/flow-react-components 1.6.0-next.3 → 1.6.0-next.30

package/dist/js/packages/components/src/components/List/model/table/TableCell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/table/TableCell.ts"],"sourcesContent":["import type {\n  TableCellShape,\n  TableCellSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport type { TableRow } from \"@/components/List/model/table/TableRow\";\nimport type { RenderItemFn } from \"@/components/List\";\nimport type { ReactElement } from \"react\";\n\nexport class TableCell<T> {\n  public readonly row: TableRow<T>;\n  public readonly renderFn?: RenderItemFn<T>;\n  public readonly componentProps: TableCellSupportedComponentProps;\n  loadingView?: ReactElement;\n\n  public constructor(row: TableRow<T>, shape: TableCellShape<T> = {}) {\n    const { renderFn, loadingView, ...rest } = shape;\n    this.row = row;\n    this.renderFn = renderFn;\n    this.componentProps = rest;\n    this.loadingView = loadingView;\n  }\n}\n"],"mappings":";;;AAQA,IAAa,YAAb,MAA0B;CACxB;CACA;CACA;CACA;CAEA,YAAmB,KAAkB,QAA2B,CAAC,GAAG;EAClE,MAAM,EAAE,UAAU,aAAa,GAAG,SAAS;EAC3C,KAAK,MAAM;EACX,KAAK,WAAW;EAChB,KAAK,iBAAiB;EACtB,KAAK,cAAc;CACrB;AACF"}
+{"version":3,"file":"TableCell.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/table/TableCell.ts"],"sourcesContent":["import type {\n  TableCellShape,\n  TableCellSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport type { TableRow } from \"@/components/List/model/table/TableRow\";\nimport type { RenderItemFn } from \"@/components/List\";\nimport type { ReactElement } from \"react\";\n\nexport class TableCell<T> {\n  public readonly row: TableRow<T>;\n  public readonly renderFn?: RenderItemFn<T>;\n  public readonly componentProps: TableCellSupportedComponentProps;\n  loadingView?: ReactElement;\n\n  public constructor(row: TableRow<T>, shape: TableCellShape<T> = {}) {\n    // `children` is the render function, which arrives as `renderFn`.\n    const {\n      renderFn,\n      loadingView,\n      children: ignoredChildren,\n      ...rest\n    } = shape as TableCellShape<T> & { children?: unknown };\n    this.row = row;\n    this.renderFn = renderFn;\n    this.componentProps = rest;\n    this.loadingView = loadingView;\n  }\n}\n"],"mappings":";;;AAQA,IAAa,YAAb,MAA0B;CACxB;CACA;CACA;CACA;CAEA,YAAmB,KAAkB,QAA2B,CAAC,GAAG;EAElE,MAAM,EACJ,UACA,aACA,UAAU,iBACV,GAAG,SACD;EACJ,KAAK,MAAM;EACX,KAAK,WAAW;EAChB,KAAK,iBAAiB;EACtB,KAAK,cAAc;CACrB;AACF"}

package/dist/js/packages/components/src/components/List/model/table/TableRow.mjs

@@ -1,16 +1,43 @@
 "use client"
 /* */
 import { TableCell } from "./TableCell.mjs";
+import { isShallowEqual } from "remeda";
 //#region src/components/List/model/table/TableRow.ts
 var TableRow = class {
 	tableBody;
 	cells;
 	componentProps;
+	renderDependencies;
+	lastComparison;
 	constructor(tableBody, shape = {}) {
-		const { cells = [], ...rest } = shape;
+		const { cells = [], renderDependencies, children: ignoredChildren, ...rest } = shape;
 		this.tableBody = tableBody;
 		this.cells = cells.map((cellShape) => new TableCell(this, cellShape));
 		this.componentProps = rest;
+		this.renderDependencies = renderDependencies;
+	}
+	/**
+	* Whether `other` would render a row identically. Only rows that declare
+	* `renderDependencies` can tell, since the cells' render functions count by
+	* those instead of their identity. Rows without them always re-render. Row
+	* and cell props count by identity, one by one.
+	*
+	* Every row of a render shares one model, so the result is cached for the
+	* last `other`.
+	*/
+	rendersSameAs(other) {
+		if (!other) return false;
+		if (this.lastComparison?.other !== other) this.lastComparison = {
+			other,
+			result: this.compareWith(other)
+		};
+		return this.lastComparison.result;
+	}
+	compareWith(other) {
+		return !!this.renderDependencies && isShallowEqual(this.renderDependencies, other.renderDependencies) && isShallowEqual(this.componentProps, other.componentProps) && this.cells.length === other.cells.length && this.cells.every((cell, index) => {
+			const otherCell = other.cells[index];
+			return !!otherCell && isShallowEqual(cell.componentProps, otherCell.componentProps);
+		});
 	}
 };
 //#endregion

package/dist/js/packages/components/src/components/List/model/table/TableRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/table/TableRow.ts"],"sourcesContent":["import type {\n  TableRowShape,\n  TableRowSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport { TableCell } from \"@/components/List/model/table/TableCell\";\nimport type { TableBody } from \"@/components/List/model/table/TableBody\";\n\nexport class TableRow<T> {\n  public readonly tableBody: TableBody<T>;\n  public readonly cells: TableCell<T>[];\n  public readonly componentProps: TableRowSupportedComponentProps;\n\n  public constructor(tableBody: TableBody<T>, shape: TableRowShape<T> = {}) {\n    const { cells = [], ...rest } = shape;\n    this.tableBody = tableBody;\n    this.cells = cells.map((cellShape) => new TableCell(this, cellShape));\n    this.componentProps = rest;\n  }\n}\n"],"mappings":";;;;AAOA,IAAa,WAAb,MAAyB;CACvB;CACA;CACA;CAEA,YAAmB,WAAyB,QAA0B,CAAC,GAAG;EACxE,MAAM,EAAE,QAAQ,CAAC,GAAG,GAAG,SAAS;EAChC,KAAK,YAAY;EACjB,KAAK,QAAQ,MAAM,KAAK,cAAc,IAAI,UAAU,MAAM,SAAS,CAAC;EACpE,KAAK,iBAAiB;CACxB;AACF"}
+{"version":3,"file":"TableRow.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/table/TableRow.ts"],"sourcesContent":["import type {\n  TableRowShape,\n  TableRowSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport { TableCell } from \"@/components/List/model/table/TableCell\";\nimport type { TableBody } from \"@/components/List/model/table/TableBody\";\nimport type { DependencyList } from \"react\";\nimport { isShallowEqual } from \"remeda\";\n\nexport class TableRow<T> {\n  public readonly tableBody: TableBody<T>;\n  public readonly cells: TableCell<T>[];\n  public readonly componentProps: TableRowSupportedComponentProps;\n  public readonly renderDependencies?: DependencyList;\n  private lastComparison?: { other: TableRow<T>; result: boolean };\n\n  public constructor(tableBody: TableBody<T>, shape: TableRowShape<T> = {}) {\n    // `children` holds the cell elements, which arrive as `cells`.\n    const {\n      cells = [],\n      renderDependencies,\n      children: ignoredChildren,\n      ...rest\n    } = shape;\n    this.tableBody = tableBody;\n    this.cells = cells.map((cellShape) => new TableCell(this, cellShape));\n    this.componentProps = rest;\n    this.renderDependencies = renderDependencies;\n  }\n\n  /**\n   * Whether `other` would render a row identically. Only rows that declare\n   * `renderDependencies` can tell, since the cells' render functions count by\n   * those instead of their identity. Rows without them always re-render. Row\n   * and cell props count by identity, one by one.\n   *\n   * Every row of a render shares one model, so the result is cached for the\n   * last `other`.\n   */\n  public rendersSameAs(other?: TableRow<T>): boolean {\n    if (!other) {\n      return false;\n    }\n    if (this.lastComparison?.other !== other) {\n      this.lastComparison = { other, result: this.compareWith(other) };\n    }\n    return this.lastComparison.result;\n  }\n\n  private compareWith(other: TableRow<T>): boolean {\n    return (\n      !!this.renderDependencies &&\n      isShallowEqual(this.renderDependencies, other.renderDependencies) &&\n      isShallowEqual(this.componentProps, other.componentProps) &&\n      this.cells.length === other.cells.length &&\n      this.cells.every((cell, index) => {\n        const otherCell = other.cells[index];\n        return (\n          !!otherCell &&\n          isShallowEqual(cell.componentProps, otherCell.componentProps)\n        );\n      })\n    );\n  }\n}\n"],"mappings":";;;;;AASA,IAAa,WAAb,MAAyB;CACvB;CACA;CACA;CACA;CACA;CAEA,YAAmB,WAAyB,QAA0B,CAAC,GAAG;EAExE,MAAM,EACJ,QAAQ,CAAC,GACT,oBACA,UAAU,iBACV,GAAG,SACD;EACJ,KAAK,YAAY;EACjB,KAAK,QAAQ,MAAM,KAAK,cAAc,IAAI,UAAU,MAAM,SAAS,CAAC;EACpE,KAAK,iBAAiB;EACtB,KAAK,qBAAqB;CAC5B;;;;;;;;;;CAWA,cAAqB,OAA8B;EACjD,IAAI,CAAC,OACH,OAAO;EAET,IAAI,KAAK,gBAAgB,UAAU,OACjC,KAAK,iBAAiB;GAAE;GAAO,QAAQ,KAAK,YAAY,KAAK;EAAE;EAEjE,OAAO,KAAK,eAAe;CAC7B;CAEA,YAAoB,OAA6B;EAC/C,OACE,CAAC,CAAC,KAAK,sBACP,eAAe,KAAK,oBAAoB,MAAM,kBAAkB,KAChE,eAAe,KAAK,gBAAgB,MAAM,cAAc,KACxD,KAAK,MAAM,WAAW,MAAM,MAAM,UAClC,KAAK,MAAM,OAAO,MAAM,UAAU;GAChC,MAAM,YAAY,MAAM,MAAM;GAC9B,OACE,CAAC,CAAC,aACF,eAAe,KAAK,gBAAgB,UAAU,cAAc;EAEhE,CAAC;CAEL;AACF"}

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

@@ -4,7 +4,7 @@ import { IconSearch } from "../../../Icon/components/icons/IconSearch.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { Text } from "../../../Text/Text.mjs";
 import { Heading } from "../../../Heading/Heading.mjs";
-import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_18.locale.mjs";
 import { IllustratedMessage } from "../../../IllustratedMessage/IllustratedMessage.mjs";
 import Items_module_default from "../../components/Items/Items.module.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -10,9 +10,10 @@ import { Link } from "../Link/Link.mjs";
 import { InlineCode } from "../InlineCode/InlineCode.mjs";
 import Markdown_module_default from "./Markdown.module.mjs";
 import { getHeadingLevelWithOffset } from "./lib/getHeadingLevelWithOffset.mjs";
+import { isExternalHref } from "./lib/isExternalHref.mjs";
 import { SkeletonBlockText, SkeletonInlineContent } from "./components/SkeletonBlocks.mjs";
 import clsx from "clsx";
-import { Children, isValidElement } from "react";
+import { Children, isValidElement, useId, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -24,9 +25,13 @@ import remarkGfm from "remark-gfm";
 var Markdown = (props) => {
 	const { children, color = "default", className, headingOffset = 0, components: customComponents, ref, allowElement, allowedElements, disallowedElements, rehypePlugins, remarkPlugins, remarkRehypeOptions, skipHtml, unwrapDisallowed, urlTransform, ...rest } = props;
 	const isSkeleton = useSkeletonMode();
-	const defaultComponents = {
+	const clobberPrefix = `user-content-${useId().replace(/[^\w-]/g, "")}-`;
+	const defaultComponents = useMemo(() => ({
 		a: (props) => /* @__PURE__ */ jsx(Link, {
-			target: "_blank",
+			id: props.id,
+			"aria-label": props["aria-label"],
+			"aria-describedby": props["aria-describedby"],
+			target: isExternalHref(props.href) ? "_blank" : void 0,
 			color,
 			href: props.href,
 			children: props.children
@@ -41,31 +46,37 @@ var Markdown = (props) => {
 			children: props.children
 		}),
 		h1: (props) => /* @__PURE__ */ jsx(Heading, {
+			id: props.id,
 			level: getHeadingLevelWithOffset(1, headingOffset),
 			color,
 			children: props.children
 		}),
 		h2: (props) => /* @__PURE__ */ jsx(Heading, {
+			id: props.id,
 			level: getHeadingLevelWithOffset(2, headingOffset),
 			color,
 			children: props.children
 		}),
 		h3: (props) => /* @__PURE__ */ jsx(Heading, {
+			id: props.id,
 			level: getHeadingLevelWithOffset(3, headingOffset),
 			color,
 			children: props.children
 		}),
 		h4: (props) => /* @__PURE__ */ jsx(Heading, {
+			id: props.id,
 			level: getHeadingLevelWithOffset(4, headingOffset),
 			color,
 			children: props.children
 		}),
 		h5: (props) => /* @__PURE__ */ jsx(Heading, {
+			id: props.id,
 			level: getHeadingLevelWithOffset(5, headingOffset),
 			color,
 			children: props.children
 		}),
 		h6: (props) => /* @__PURE__ */ jsx(Heading, {
+			id: props.id,
 			level: getHeadingLevelWithOffset(6, headingOffset),
 			color,
 			children: props.children
@@ -79,13 +90,13 @@ var Markdown = (props) => {
 				code: String(isValidElement(preElementContent) ? preElementContent.props.children : preElementContent).trim()
 			});
 		},
-		ul: (props) => /* @__PURE__ */ jsx(SkeletonBlockText, {
+		ul: ({ node: ignoredNode, ...props }) => /* @__PURE__ */ jsx(SkeletonBlockText, {
 			color,
-			children: /* @__PURE__ */ jsx("ul", { children: props.children })
+			children: /* @__PURE__ */ jsx("ul", { ...props })
 		}),
-		ol: (props) => /* @__PURE__ */ jsx(SkeletonBlockText, {
+		ol: ({ node: ignoredNode, ...props }) => /* @__PURE__ */ jsx(SkeletonBlockText, {
 			color,
-			children: /* @__PURE__ */ jsx("ol", { children: props.children })
+			children: /* @__PURE__ */ jsx("ol", { ...props })
 		}),
 		li: ({ node: ignoredNode, children, ...props }) => /* @__PURE__ */ jsx("li", {
 			...props,
@@ -104,12 +115,16 @@ var Markdown = (props) => {
 			color,
 			children: /* @__PURE__ */ jsx("blockquote", { children: props.children })
 		})
-	};
+	}), [
+		color,
+		headingOffset,
+		isSkeleton
+	]);
 	const textContent = extractTextFromFirstChild(children);
-	const mergedComponents = {
+	const mergedComponents = useMemo(() => ({
 		...defaultComponents,
 		...customComponents
-	};
+	}), [defaultComponents, customComponents]);
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx(Markdown_module_default.markdown, className),
 		...rest,
@@ -120,7 +135,10 @@ var Markdown = (props) => {
 			disallowedElements,
 			rehypePlugins,
 			remarkPlugins: remarkPlugins ?? [remarkGfm],
-			remarkRehypeOptions,
+			remarkRehypeOptions: {
+				clobberPrefix,
+				...remarkRehypeOptions
+			},
 			skipHtml,
 			unwrapDisallowed,
 			urlTransform,

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.mjs","names":["styles"],"sources":["../../../../../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["import { CodeBlock } from \"@/components/CodeBlock\";\nimport { Heading } from \"@/components/Heading\";\nimport { InlineCode } from \"@/components/InlineCode\";\nimport { Link } from \"@/components/Link\";\nimport { Separator } from \"@/components/Separator\";\nimport { Text } from \"@/components/Text\";\nimport type { CSSProperties, FC, ReactNode, Ref } from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { Components, Options } from \"react-markdown\";\nimport ReactMarkdown from \"react-markdown\";\nimport styles from \"./Markdown.module.scss\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor, PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport remarkGfm from \"remark-gfm\";\nimport { getHeadingLevelWithOffset } from \"@/components/Markdown/lib/getHeadingLevelWithOffset\";\nimport type { CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\nimport {\n  SkeletonBlockText,\n  SkeletonInlineContent,\n} from \"@/components/Markdown/components/SkeletonBlocks\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface MarkdownProps\n  extends PropsWithClassName, Omit<Options, \"components\"> {\n  /** The color schema of the markdown component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Shifts all heading levels by the given offset. @default 0 */\n  headingOffset?: number;\n  /** Allows overriding markdown element renderers from outside. */\n  components?: Components;\n  /** @internal */\n  style?: CSSProperties;\n  /** A ref to the elements root. */\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props components\n */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    components: customComponents,\n    ref,\n    allowElement,\n    allowedElements,\n    disallowedElements,\n    rehypePlugins,\n    remarkPlugins,\n    remarkRehypeOptions,\n    skipHtml,\n    unwrapDisallowed,\n    urlTransform,\n    ...rest\n  } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  const defaultComponents: Components = {\n    a: (props) => (\n      <Link target=\"_blank\" color={color} href={props.href}>\n        {props.children}\n      </Link>\n    ),\n    p: (props) => (\n      <Text elementType=\"p\" color={color}>\n        {props.children}\n      </Text>\n    ),\n    code: (props) => <InlineCode color={color}>{props.children}</InlineCode>,\n    h1: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(1, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h2: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(2, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h3: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(3, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h4: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(4, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h5: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(5, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h6: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(6, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    hr: () => <Separator />,\n    pre: (props) => {\n      const preElementContent = Children.toArray(props.children)[0];\n\n      return (\n        <CodeBlock\n          copyable={false}\n          language={\n            isValidElement<{ className?: string }>(preElementContent) &&\n            preElementContent.props.className\n              ? (preElementContent.props.className.replace(\n                  \"language-\",\n                  \"\",\n                ) as CodeEditorLanguage)\n              : undefined\n          }\n          code={String(\n            isValidElement<{ children: string }>(preElementContent)\n              ? preElementContent.props.children\n              : preElementContent,\n          ).trim()}\n        />\n      );\n    },\n    ul: (props) => (\n      <SkeletonBlockText color={color}>\n        <ul>{props.children as ReactNode}</ul>\n      </SkeletonBlockText>\n    ),\n    ol: (props) => (\n      <SkeletonBlockText color={color}>\n        <ol>{props.children as ReactNode}</ol>\n      </SkeletonBlockText>\n    ),\n    li: ({ node: ignoredNode, children, ...props }) => (\n      <li {...props}>\n        <SkeletonInlineContent>{children}</SkeletonInlineContent>\n      </li>\n    ),\n    th: ({ node: ignoredNode, children, ...props }) => (\n      <th {...props}>\n        <SkeletonInlineContent>{children}</SkeletonInlineContent>\n      </th>\n    ),\n    td: ({ node: ignoredNode, children, ...props }) => (\n      <td {...props}>\n        <SkeletonInlineContent>{children}</SkeletonInlineContent>\n      </td>\n    ),\n    /* A text bar resets the mode for its content, so the image reads it\n       from here. A skeleton issues no request. */\n    img: ({ node: ignoredNode, ...props }) =>\n      isSkeleton ? null : <img {...props} />,\n    blockquote: (props) => (\n      <SkeletonBlockText color={color}>\n        <blockquote>{props.children}</blockquote>\n      </SkeletonBlockText>\n    ),\n  };\n\n  const textContent = extractTextFromFirstChild(children);\n  const mergedComponents: Components = {\n    ...defaultComponents,\n    ...customComponents,\n  };\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown\n        allowElement={allowElement}\n        allowedElements={allowedElements}\n        disallowedElements={disallowedElements}\n        rehypePlugins={rehypePlugins}\n        remarkPlugins={remarkPlugins ?? [remarkGfm]}\n        remarkRehypeOptions={remarkRehypeOptions}\n        skipHtml={skipHtml}\n        unwrapDisallowed={unwrapDisallowed}\n        urlTransform={urlTransform}\n        components={mergedComponents}\n      >\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyCA,IAAa,YAA+B,UAAU;CACpD,MAAM,EACJ,UACA,QAAQ,WACR,WACA,gBAAgB,GAChB,YAAY,kBACZ,KACA,cACA,iBACA,oBACA,eACA,eACA,qBACA,UACA,kBACA,cACA,GAAG,SACD;CAEJ,MAAM,aAAa,gBAAgB;CAEnC,MAAM,oBAAgC;EACpC,IAAI,UACF,oBAAC,MAAD;GAAM,QAAO;GAAgB;GAAO,MAAM,MAAM;GAC7C,UAAA,MAAM;EACH,CAAA;EAER,IAAI,UACF,oBAAC,MAAD;GAAM,aAAY;GAAW;GAC1B,UAAA,MAAM;EACH,CAAA;EAER,OAAO,UAAU,oBAAC,YAAD;GAAmB;GAAQ,UAAA,MAAM;EAAqB,CAAA;EACvE,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,UAAU,oBAAC,WAAD,CAAY,CAAA;EACtB,MAAM,UAAU;GACd,MAAM,oBAAoB,SAAS,QAAQ,MAAM,QAAQ,CAAC,CAAC;GAE3D,OACE,oBAAC,WAAD;IACE,UAAU;IACV,UACE,eAAuC,iBAAiB,KACxD,kBAAkB,MAAM,YACnB,kBAAkB,MAAM,UAAU,QACjC,aACA,EACF,IACA,KAAA;IAEN,MAAM,OACJ,eAAqC,iBAAiB,IAClD,kBAAkB,MAAM,WACxB,iBACN,CAAC,CAAC,KAAK;GACR,CAAA;EAEL;EACA,KAAK,UACH,oBAAC,mBAAD;GAA0B;GACxB,UAAA,oBAAC,MAAD,EAAA,UAAK,MAAM,SAA0B,CAAA;EACpB,CAAA;EAErB,KAAK,UACH,oBAAC,mBAAD;GAA0B;GACxB,UAAA,oBAAC,MAAD,EAAA,UAAK,MAAM,SAA0B,CAAA;EACpB,CAAA;EAErB,KAAK,EAAE,MAAM,aAAa,UAAU,GAAG,YACrC,oBAAC,MAAD;GAAI,GAAI;GACN,UAAA,oBAAC,uBAAD,EAAwB,SAAgC,CAAA;EACtD,CAAA;EAEN,KAAK,EAAE,MAAM,aAAa,UAAU,GAAG,YACrC,oBAAC,MAAD;GAAI,GAAI;GACN,UAAA,oBAAC,uBAAD,EAAwB,SAAgC,CAAA;EACtD,CAAA;EAEN,KAAK,EAAE,MAAM,aAAa,UAAU,GAAG,YACrC,oBAAC,MAAD;GAAI,GAAI;GACN,UAAA,oBAAC,uBAAD,EAAwB,SAAgC,CAAA;EACtD,CAAA;EAIN,MAAM,EAAE,MAAM,aAAa,GAAG,YAC5B,aAAa,OAAO,oBAAC,OAAD,EAAK,GAAI,MAAQ,CAAA;EACvC,aAAa,UACX,oBAAC,mBAAD;GAA0B;GACxB,UAAA,oBAAC,cAAD,EAAA,UAAa,MAAM,SAAqB,CAAA;EACvB,CAAA;CAEvB;CAEA,MAAM,cAAc,0BAA0B,QAAQ;CACtD,MAAM,mBAA+B;EACnC,GAAG;EACH,GAAG;CACL;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,KAAKA,wBAAO,UAAU,SAAS;EAAG,GAAI;EAAW;EAC/D,UAAA,oBAAC,eAAD;GACgB;GACG;GACG;GACL;GACf,eAAe,iBAAiB,CAAC,SAAS;GACrB;GACX;GACQ;GACJ;GACd,YAAY;GAEX,UAAA;EACY,CAAA;CACZ,CAAA;AAET"}
+{"version":3,"file":"Markdown.mjs","names":["styles"],"sources":["../../../../../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["import { CodeBlock } from \"@/components/CodeBlock\";\nimport { Heading } from \"@/components/Heading\";\nimport { InlineCode } from \"@/components/InlineCode\";\nimport { Link } from \"@/components/Link\";\nimport { Separator } from \"@/components/Separator\";\nimport { Text } from \"@/components/Text\";\nimport type { CSSProperties, FC, Ref } from \"react\";\nimport { Children, isValidElement, useId, useMemo } from \"react\";\nimport type { Components, Options } from \"react-markdown\";\nimport ReactMarkdown from \"react-markdown\";\nimport styles from \"./Markdown.module.scss\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor, PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport remarkGfm from \"remark-gfm\";\nimport { getHeadingLevelWithOffset } from \"@/components/Markdown/lib/getHeadingLevelWithOffset\";\nimport { isExternalHref } from \"@/components/Markdown/lib/isExternalHref\";\nimport type { CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\nimport {\n  SkeletonBlockText,\n  SkeletonInlineContent,\n} from \"@/components/Markdown/components/SkeletonBlocks\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface MarkdownProps\n  extends PropsWithClassName, Omit<Options, \"components\"> {\n  /** The color schema of the markdown component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Shifts all heading levels by the given offset. @default 0 */\n  headingOffset?: number;\n  /** Allows overriding markdown element renderers from outside. */\n  components?: Components;\n  /** @internal */\n  style?: CSSProperties;\n  /** A ref to the elements root. */\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props components\n */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    components: customComponents,\n    ref,\n    allowElement,\n    allowedElements,\n    disallowedElements,\n    rehypePlugins,\n    remarkPlugins,\n    remarkRehypeOptions,\n    skipHtml,\n    unwrapDisallowed,\n    urlTransform,\n    ...rest\n  } = props;\n\n  const isSkeleton = useSkeletonMode();\n  /* Footnote ids are per document, so two instances on one page would share\n     them and a back link would jump into the other one. */\n  const clobberPrefix = `user-content-${useId().replace(/[^\\w-]/g, \"\")}-`;\n\n  /* react-markdown uses the renderers as element types: new ones on every\n     render would remount the whole tree. */\n  const defaultComponents = useMemo<Components>(\n    () => ({\n      /* GFM footnotes link through `id` (the back link's target), `aria-label`\n       and `aria-describedby`. */\n      a: (props) => (\n        <Link\n          id={props.id}\n          aria-label={props[\"aria-label\"]}\n          aria-describedby={props[\"aria-describedby\"]}\n          target={isExternalHref(props.href) ? \"_blank\" : undefined}\n          color={color}\n          href={props.href}\n        >\n          {props.children}\n        </Link>\n      ),\n      p: (props) => (\n        <Text elementType=\"p\" color={color}>\n          {props.children}\n        </Text>\n      ),\n      code: (props) => <InlineCode color={color}>{props.children}</InlineCode>,\n      h1: (props) => (\n        <Heading\n          id={props.id}\n          level={getHeadingLevelWithOffset(1, headingOffset)}\n          color={color}\n        >\n          {props.children}\n        </Heading>\n      ),\n      h2: (props) => (\n        <Heading\n          id={props.id}\n          level={getHeadingLevelWithOffset(2, headingOffset)}\n          color={color}\n        >\n          {props.children}\n        </Heading>\n      ),\n      h3: (props) => (\n        <Heading\n          id={props.id}\n          level={getHeadingLevelWithOffset(3, headingOffset)}\n          color={color}\n        >\n          {props.children}\n        </Heading>\n      ),\n      h4: (props) => (\n        <Heading\n          id={props.id}\n          level={getHeadingLevelWithOffset(4, headingOffset)}\n          color={color}\n        >\n          {props.children}\n        </Heading>\n      ),\n      h5: (props) => (\n        <Heading\n          id={props.id}\n          level={getHeadingLevelWithOffset(5, headingOffset)}\n          color={color}\n        >\n          {props.children}\n        </Heading>\n      ),\n      h6: (props) => (\n        <Heading\n          id={props.id}\n          level={getHeadingLevelWithOffset(6, headingOffset)}\n          color={color}\n        >\n          {props.children}\n        </Heading>\n      ),\n      hr: () => <Separator />,\n      pre: (props) => {\n        const preElementContent = Children.toArray(props.children)[0];\n\n        return (\n          <CodeBlock\n            copyable={false}\n            language={\n              isValidElement<{ className?: string }>(preElementContent) &&\n              preElementContent.props.className\n                ? (preElementContent.props.className.replace(\n                    \"language-\",\n                    \"\",\n                  ) as CodeEditorLanguage)\n                : undefined\n            }\n            code={String(\n              isValidElement<{ children: string }>(preElementContent)\n                ? preElementContent.props.children\n                : preElementContent,\n            ).trim()}\n          />\n        );\n      },\n      ul: ({ node: ignoredNode, ...props }) => (\n        <SkeletonBlockText color={color}>\n          <ul {...props} />\n        </SkeletonBlockText>\n      ),\n      ol: ({ node: ignoredNode, ...props }) => (\n        <SkeletonBlockText color={color}>\n          <ol {...props} />\n        </SkeletonBlockText>\n      ),\n      li: ({ node: ignoredNode, children, ...props }) => (\n        <li {...props}>\n          <SkeletonInlineContent>{children}</SkeletonInlineContent>\n        </li>\n      ),\n      th: ({ node: ignoredNode, children, ...props }) => (\n        <th {...props}>\n          <SkeletonInlineContent>{children}</SkeletonInlineContent>\n        </th>\n      ),\n      td: ({ node: ignoredNode, children, ...props }) => (\n        <td {...props}>\n          <SkeletonInlineContent>{children}</SkeletonInlineContent>\n        </td>\n      ),\n      /* A text bar resets the mode for its content, so the image reads it\n       from here. A skeleton issues no request. */\n      img: ({ node: ignoredNode, ...props }) =>\n        isSkeleton ? null : <img {...props} />,\n      blockquote: (props) => (\n        <SkeletonBlockText color={color}>\n          <blockquote>{props.children}</blockquote>\n        </SkeletonBlockText>\n      ),\n    }),\n    [color, headingOffset, isSkeleton],\n  );\n\n  const textContent = extractTextFromFirstChild(children);\n  const mergedComponents = useMemo<Components>(\n    () => ({\n      ...defaultComponents,\n      ...customComponents,\n    }),\n    [defaultComponents, customComponents],\n  );\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown\n        allowElement={allowElement}\n        allowedElements={allowedElements}\n        disallowedElements={disallowedElements}\n        rehypePlugins={rehypePlugins}\n        remarkPlugins={remarkPlugins ?? [remarkGfm]}\n        remarkRehypeOptions={{ clobberPrefix, ...remarkRehypeOptions }}\n        skipHtml={skipHtml}\n        unwrapDisallowed={unwrapDisallowed}\n        urlTransform={urlTransform}\n        components={mergedComponents}\n      >\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"mappings":"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"}

package/dist/js/packages/components/src/components/Markdown/components/SkeletonBlocks.mjs

@@ -18,7 +18,7 @@ var SkeletonBlockText = (props) => {
 	const outerState = useContext(skeletonModeContext);
 	return /* @__PURE__ */ jsx(SkeletonModeReset, { children: /* @__PURE__ */ jsx(Text, {
 		...rest,
-		className: clsx(className, outerState.isEnabled && Markdown_module_default.skeletonBlock),
+		className: clsx(outerState.isEnabled && Markdown_module_default.skeletonBlock, className),
 		children: /* @__PURE__ */ jsx(skeletonModeContext.Provider, {
 			value: outerState,
 			children

package/dist/js/packages/components/src/components/Markdown/components/SkeletonBlocks.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonBlocks.mjs","names":["styles"],"sources":["../../../../../../../../src/components/Markdown/components/SkeletonBlocks.tsx"],"sourcesContent":["import {\n  Children,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useContext,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { Text, type TextProps } from \"@/components/Text\";\nimport { SkeletonTextContent } from \"@/components/SkeletonMode/components/SkeletonTextContent\";\nimport {\n  SkeletonModeReset,\n  skeletonModeContext,\n  useSkeletonMode,\n} from \"@/components/SkeletonMode/skeletonModeContext\";\nimport styles from \"../Markdown.module.scss\";\n\n/**\n * A text bar is an inline element and cannot wrap blocks. Markdown puts lists\n * and quotes into a `Text`, so in `SkeletonMode` this `Text` renders as real\n * text, and the blocks inside follow the skeleton rules on their own.\n */\nexport const SkeletonBlockText: FC<TextProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const outerState = useContext(skeletonModeContext);\n\n  return (\n    <SkeletonModeReset>\n      <Text\n        {...rest}\n        className={clsx(\n          className,\n          outerState.isEnabled && styles.skeletonBlock,\n        )}\n      >\n        <skeletonModeContext.Provider value={outerState}>\n          {children}\n        </skeletonModeContext.Provider>\n      </Text>\n    </SkeletonModeReset>\n  );\n};\n\nconst blockTagNames = new Set([\n  \"blockquote\",\n  \"div\",\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"h5\",\n  \"h6\",\n  \"hr\",\n  \"ol\",\n  \"p\",\n  \"pre\",\n  \"table\",\n  \"ul\",\n]);\n\n/** Whether a rendered markdown element is a block — a nested list, a paragraph. */\nconst isBlock = (child: ReactNode): boolean => {\n  if (!isValidElement<{ node?: { tagName?: string } }>(child)) {\n    return false;\n  }\n\n  const tagName =\n    typeof child.type === \"string\" ? child.type : child.props.node?.tagName;\n\n  return tagName !== undefined && blockTagNames.has(tagName);\n};\n\nconst isBlank = (child: ReactNode) =>\n  typeof child === \"string\" && child.trim() === \"\";\n\n/**\n * The content of a list item or a table cell: each run of inline content\n * becomes one text bar, blocks inside — a nested list, the paragraphs of a\n * loose list — keep their own skeleton rules. Outside an enabled `SkeletonMode`\n * it renders its children unchanged.\n */\nexport const SkeletonInlineContent: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  if (!isSkeleton) {\n    return children;\n  }\n\n  const content: ReactNode[] = [];\n  let run: ReactNode[] = [];\n\n  /* The line breaks around a nested list stay outside the bar. */\n  const endRun = () => {\n    const start = run.findIndex((child) => !isBlank(child));\n    const end = run.findLastIndex((child) => !isBlank(child)) + 1;\n\n    if (start === -1) {\n      content.push(...run);\n    } else {\n      content.push(\n        ...run.slice(0, start),\n        <SkeletonTextContent key={content.length} defaultWidth=\"8em\">\n          {run.slice(start, end)}\n        </SkeletonTextContent>,\n        ...run.slice(end),\n      );\n    }\n\n    run = [];\n  };\n\n  for (const child of Children.toArray(children)) {\n    if (isBlock(child)) {\n      endRun();\n      content.push(child);\n    } else {\n      run.push(child);\n    }\n  }\n\n  endRun();\n\n  return content;\n};\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,IAAa,qBAAoC,UAAU;CACzD,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,aAAa,WAAW,mBAAmB;CAEjD,OACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,MAAD;EACE,GAAI;EACJ,WAAW,KACT,WACA,WAAW,aAAaA,wBAAO,aACjC;EAEA,UAAA,oBAAC,oBAAoB,UAArB;GAA8B,OAAO;GAClC;EAC2B,CAAA;CAC1B,CAAA,EACW,CAAA;AAEvB;AAEA,IAAM,gCAAgB,IAAI,IAAI;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;;AAGD,IAAM,WAAW,UAA8B;CAC7C,IAAI,CAAC,eAAgD,KAAK,GACxD,OAAO;CAGT,MAAM,UACJ,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO,MAAM,MAAM,MAAM;CAElE,OAAO,YAAY,KAAA,KAAa,cAAc,IAAI,OAAO;AAC3D;AAEA,IAAM,WAAW,UACf,OAAO,UAAU,YAAY,MAAM,KAAK,MAAM;;;;;;;AAQhD,IAAa,yBAAgD,UAAU;CACrE,MAAM,EAAE,aAAa;CAIrB,IAAI,CAFe,gBAEd,GACH,OAAO;CAGT,MAAM,UAAuB,CAAC;CAC9B,IAAI,MAAmB,CAAC;CAGxB,MAAM,eAAe;EACnB,MAAM,QAAQ,IAAI,WAAW,UAAU,CAAC,QAAQ,KAAK,CAAC;EACtD,MAAM,MAAM,IAAI,eAAe,UAAU,CAAC,QAAQ,KAAK,CAAC,IAAI;EAE5D,IAAI,UAAU,IACZ,QAAQ,KAAK,GAAG,GAAG;OAEnB,QAAQ,KACN,GAAG,IAAI,MAAM,GAAG,KAAK,GACrB,oBAAC,qBAAD;GAA0C,cAAa;GACpD,UAAA,IAAI,MAAM,OAAO,GAAG;EACF,GAFK,QAAQ,MAEb,GACrB,GAAG,IAAI,MAAM,GAAG,CAClB;EAGF,MAAM,CAAC;CACT;CAEA,KAAK,MAAM,SAAS,SAAS,QAAQ,QAAQ,GAC3C,IAAI,QAAQ,KAAK,GAAG;EAClB,OAAO;EACP,QAAQ,KAAK,KAAK;CACpB,OACE,IAAI,KAAK,KAAK;CAIlB,OAAO;CAEP,OAAO;AACT"}
+{"version":3,"file":"SkeletonBlocks.mjs","names":["styles"],"sources":["../../../../../../../../src/components/Markdown/components/SkeletonBlocks.tsx"],"sourcesContent":["import {\n  Children,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useContext,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { Text, type TextProps } from \"@/components/Text\";\nimport { SkeletonTextContent } from \"@/components/SkeletonMode/components/SkeletonTextContent\";\nimport {\n  SkeletonModeReset,\n  skeletonModeContext,\n  useSkeletonMode,\n} from \"@/components/SkeletonMode/skeletonModeContext\";\nimport styles from \"../Markdown.module.scss\";\n\n/**\n * A text bar is an inline element and cannot wrap blocks. Markdown puts lists\n * and quotes into a `Text`, so in `SkeletonMode` this `Text` renders as real\n * text, and the blocks inside follow the skeleton rules on their own.\n */\nexport const SkeletonBlockText: FC<TextProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const outerState = useContext(skeletonModeContext);\n\n  return (\n    <SkeletonModeReset>\n      <Text\n        {...rest}\n        className={clsx(\n          outerState.isEnabled && styles.skeletonBlock,\n          className,\n        )}\n      >\n        <skeletonModeContext.Provider value={outerState}>\n          {children}\n        </skeletonModeContext.Provider>\n      </Text>\n    </SkeletonModeReset>\n  );\n};\n\nconst blockTagNames = new Set([\n  \"blockquote\",\n  \"div\",\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"h5\",\n  \"h6\",\n  \"hr\",\n  \"ol\",\n  \"p\",\n  \"pre\",\n  \"table\",\n  \"ul\",\n]);\n\n/** Whether a rendered markdown element is a block — a nested list, a paragraph. */\nconst isBlock = (child: ReactNode): boolean => {\n  if (!isValidElement<{ node?: { tagName?: string } }>(child)) {\n    return false;\n  }\n\n  const tagName =\n    typeof child.type === \"string\" ? child.type : child.props.node?.tagName;\n\n  return tagName !== undefined && blockTagNames.has(tagName);\n};\n\nconst isBlank = (child: ReactNode) =>\n  typeof child === \"string\" && child.trim() === \"\";\n\n/**\n * The content of a list item or a table cell: each run of inline content\n * becomes one text bar, blocks inside — a nested list, the paragraphs of a\n * loose list — keep their own skeleton rules. Outside an enabled `SkeletonMode`\n * it renders its children unchanged.\n */\nexport const SkeletonInlineContent: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  if (!isSkeleton) {\n    return children;\n  }\n\n  const content: ReactNode[] = [];\n  let run: ReactNode[] = [];\n\n  /* The line breaks around a nested list stay outside the bar. */\n  const endRun = () => {\n    const start = run.findIndex((child) => !isBlank(child));\n    const end = run.findLastIndex((child) => !isBlank(child)) + 1;\n\n    if (start === -1) {\n      content.push(...run);\n    } else {\n      content.push(\n        ...run.slice(0, start),\n        <SkeletonTextContent key={content.length} defaultWidth=\"8em\">\n          {run.slice(start, end)}\n        </SkeletonTextContent>,\n        ...run.slice(end),\n      );\n    }\n\n    run = [];\n  };\n\n  for (const child of Children.toArray(children)) {\n    if (isBlock(child)) {\n      endRun();\n      content.push(child);\n    } else {\n      run.push(child);\n    }\n  }\n\n  endRun();\n\n  return content;\n};\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,IAAa,qBAAoC,UAAU;CACzD,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,aAAa,WAAW,mBAAmB;CAEjD,OACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,MAAD;EACE,GAAI;EACJ,WAAW,KACT,WAAW,aAAaA,wBAAO,eAC/B,SACF;EAEA,UAAA,oBAAC,oBAAoB,UAArB;GAA8B,OAAO;GAClC;EAC2B,CAAA;CAC1B,CAAA,EACW,CAAA;AAEvB;AAEA,IAAM,gCAAgB,IAAI,IAAI;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;;AAGD,IAAM,WAAW,UAA8B;CAC7C,IAAI,CAAC,eAAgD,KAAK,GACxD,OAAO;CAGT,MAAM,UACJ,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO,MAAM,MAAM,MAAM;CAElE,OAAO,YAAY,KAAA,KAAa,cAAc,IAAI,OAAO;AAC3D;AAEA,IAAM,WAAW,UACf,OAAO,UAAU,YAAY,MAAM,KAAK,MAAM;;;;;;;AAQhD,IAAa,yBAAgD,UAAU;CACrE,MAAM,EAAE,aAAa;CAIrB,IAAI,CAFe,gBAEd,GACH,OAAO;CAGT,MAAM,UAAuB,CAAC;CAC9B,IAAI,MAAmB,CAAC;CAGxB,MAAM,eAAe;EACnB,MAAM,QAAQ,IAAI,WAAW,UAAU,CAAC,QAAQ,KAAK,CAAC;EACtD,MAAM,MAAM,IAAI,eAAe,UAAU,CAAC,QAAQ,KAAK,CAAC,IAAI;EAE5D,IAAI,UAAU,IACZ,QAAQ,KAAK,GAAG,GAAG;OAEnB,QAAQ,KACN,GAAG,IAAI,MAAM,GAAG,KAAK,GACrB,oBAAC,qBAAD;GAA0C,cAAa;GACpD,UAAA,IAAI,MAAM,OAAO,GAAG;EACF,GAFK,QAAQ,MAEb,GACrB,GAAG,IAAI,MAAM,GAAG,CAClB;EAGF,MAAM,CAAC;CACT;CAEA,KAAK,MAAM,SAAS,SAAS,QAAQ,QAAQ,GAC3C,IAAI,QAAQ,KAAK,GAAG;EAClB,OAAO;EACP,QAAQ,KAAK,KAAK;CACpB,OACE,IAAI,KAAK,KAAK;CAIlB,OAAO;CAEP,OAAO;AACT"}

package/dist/js/packages/components/src/components/Markdown/lib/isExternalHref.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+//#region src/components/Markdown/lib/isExternalHref.ts
+var isExternalHref = (href) => !!href && /^(https?:)?\/\//i.test(href);
+//#endregion
+export { isExternalHref };
+
+//# sourceMappingURL=isExternalHref.mjs.map

package/dist/js/packages/components/src/components/Markdown/lib/isExternalHref.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isExternalHref.mjs","names":[],"sources":["../../../../../../../../src/components/Markdown/lib/isExternalHref.ts"],"sourcesContent":["/* Only web URLs with a host leave the page. Relative paths, anchors, schemes\n   like `mailto:` and `https:foo` (resolved against the current page) stay in\n   the current tab. */\nexport const isExternalHref = (href: string | undefined) =>\n  !!href && /^(https?:)?\\/\\//i.test(href);\n"],"mappings":";;;AAGA,IAAa,kBAAkB,SAC7B,CAAC,CAAC,QAAQ,mBAAmB,KAAK,IAAI"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/ModeButton.mjs

@@ -3,7 +3,7 @@
 import { useLocalizedStringFormatter } from "../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { Button } from "../../Button/Button.mjs";
 import MarkdownEditor_module_default from "../MarkdownEditor.module.mjs";
-import __locale_default from "../../../../../../_virtual/_25.locale.mjs";
+import __locale_default from "../../../../../../_virtual/_26.locale.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/MarkdownEditor/components/ModeButton.tsx

package/dist/js/packages/components/src/components/MarkdownEditor/components/ToolbarButton.mjs

@@ -2,7 +2,7 @@
 /* */
 import { useLocalizedStringFormatter } from "../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { Button } from "../../Button/Button.mjs";
-import __locale_default from "../../../../../../_virtual/_25.locale.mjs";
+import __locale_default from "../../../../../../_virtual/_26.locale.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/MarkdownEditor/components/ToolbarButton.tsx

package/dist/js/packages/components/src/components/MarkdownEditor/lib/useFileUpload.mjs

@@ -2,7 +2,7 @@
 /* */
 import { useLocalizedStringFormatter } from "../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { matchesAccept } from "../../../lib/files/acceptedFiles.mjs";
-import __locale_default from "../../../../../../_virtual/_25.locale.mjs";
+import __locale_default from "../../../../../../_virtual/_26.locale.mjs";
 import { insertAtCaret, removePlaceholder, replacePlaceholder, uploadPlaceholder, uploadedFileMarkdown } from "./fileUpload.mjs";
 import { useEffect, useRef, useState } from "react";
 import { announce } from "@react-aria/live-announcer";

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/Message/Message.mjs

@@ -8,7 +8,7 @@ import { IconContextMenu } from "../Icon/components/icons/IconContextMenu.mjs";
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { SkeletonRawText } from "../SkeletonMode/components/SkeletonRawText/SkeletonRawText.mjs";
 import Message_module_default from "./Message.module.mjs";
-import __locale_default from "../../../../../_virtual/_26.locale.mjs";
+import __locale_default from "../../../../../_virtual/_27.locale.mjs";
 import clsx from "clsx";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

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

@@ -13,7 +13,7 @@ var MessageThread = flowComponent("MessageThread", (props) => {
 	const rootClassName = clsx(MessageThread_module_default.messageThread, className);
 	const propsContext = { Message: {
 		className: dynamic((props) => {
-			return clsx(props.className, MessageThread_module_default.message, MessageThread_module_default[props.type ?? "responder"]);
+			return clsx(MessageThread_module_default.message, MessageThread_module_default[props.type ?? "responder"], props.className);
 		}),
 		elementType: "li"
 	} };

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

@@ -1 +1 @@
-{"version":3,"file":"MessageThread.mjs","names":["styles"],"sources":["../../../../../../../src/components/MessageThread/MessageThread.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./MessageThread.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport type MessageThreadProps = PropsWithChildren &\n  PropsWithClassName &\n  FlowComponentProps;\n\n/** @flr-generate all */\nexport const MessageThread = flowComponent(\"MessageThread\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.messageThread, className);\n\n  const propsContext: PropsContext = {\n    Message: {\n      className: dynamic((props) => {\n        return clsx(\n          props.className,\n          styles.message,\n          styles[props.type ?? \"responder\"],\n        );\n      }),\n      elementType: \"li\",\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <ul className={rootClassName}>{children}</ul>\n    </PropsContextProvider>\n  );\n});\n\nexport default MessageThread;\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,gBAAgB,cAAc,kBAAkB,UAAU;CACrE,MAAM,EAAE,UAAU,cAAc;CAEhC,MAAM,gBAAgB,KAAKA,6BAAO,eAAe,SAAS;CAE1D,MAAM,eAA6B,EACjC,SAAS;EACP,WAAW,SAAS,UAAU;GAC5B,OAAO,KACL,MAAM,WACNA,6BAAO,SACPA,6BAAO,MAAM,QAAQ,YACvB;EACF,CAAC;EACD,aAAa;CACf,EACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,oBAAC,MAAD;GAAI,WAAW;GAAgB;EAAa,CAAA;CACxB,CAAA;AAE1B,CAAC"}
+{"version":3,"file":"MessageThread.mjs","names":["styles"],"sources":["../../../../../../../src/components/MessageThread/MessageThread.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./MessageThread.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport type MessageThreadProps = PropsWithChildren &\n  PropsWithClassName &\n  FlowComponentProps;\n\n/** @flr-generate all */\nexport const MessageThread = flowComponent(\"MessageThread\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.messageThread, className);\n\n  const propsContext: PropsContext = {\n    Message: {\n      className: dynamic((props) => {\n        return clsx(\n          styles.message,\n          styles[props.type ?? \"responder\"],\n          props.className,\n        );\n      }),\n      elementType: \"li\",\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <ul className={rootClassName}>{children}</ul>\n    </PropsContextProvider>\n  );\n});\n\nexport default MessageThread;\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,gBAAgB,cAAc,kBAAkB,UAAU;CACrE,MAAM,EAAE,UAAU,cAAc;CAEhC,MAAM,gBAAgB,KAAKA,6BAAO,eAAe,SAAS;CAE1D,MAAM,eAA6B,EACjC,SAAS;EACP,WAAW,SAAS,UAAU;GAC5B,OAAO,KACLA,6BAAO,SACPA,6BAAO,MAAM,QAAQ,cACrB,MAAM,SACR;EACF,CAAC;EACD,aAAa;CACf,EACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,oBAAC,MAAD;GAAI,WAAW;GAAgB;EAAa,CAAA;CACxB,CAAA;AAE1B,CAAC"}

package/dist/js/packages/components/src/components/MessageThread/components/MessageSeparator/MessageSeparator.mjs

@@ -4,7 +4,7 @@ import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLoc
 import { Separator } from "../../../Separator/Separator.mjs";
 import { Content } from "../../../Content/Content.mjs";
 import MessageSeparator_module_default from "./MessageSeparator.module.mjs";
-import __locale_default from "../../../../../../../_virtual/_27.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_28.locale.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";

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

@@ -15,7 +15,7 @@ import DivView from "../../views/DivView.mjs";
 import { Overlay } from "../Overlay/Overlay.mjs";
 import Modal_module_default from "./Modal.module.mjs";
 import { OffCanvasSuspenseFallback } from "./components/OffCanvasSuspenseFallback/OffCanvasSuspenseFallback.mjs";
-import __locale_default from "../../../../../_virtual/_23.locale.mjs";
+import __locale_default from "../../../../../_virtual/_24.locale.mjs";
 import { ConfirmUnsavedChangesModal } from "./components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs";
 import { useVirtualKeyboardVisible } from "../../lib/hooks/dom/useVirtualKeyboardVisible.mjs";
 import clsx from "clsx";
@@ -28,6 +28,7 @@ var Modal = flowComponent("Modal", (props) => {
 	const keyboardVisible = useVirtualKeyboardVisible();
 	const rootClassName = clsx(offCanvas ? Modal_module_default.offCanvas : Modal_module_default.modal, Modal_module_default[`size-${size}`], offCanvasOrientation === "left" && Modal_module_default["left"], keyboardVisible && Modal_module_default.keyboardVisible, className);
 	const generatedId = useId();
+	const closeButtonClassName = clsx(Modal_module_default.closeButton, showCloseButton === true && Modal_module_default.alwaysVisible, showCloseButton === false && Modal_module_default.alwaysHidden);
 	const header = (children) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DivView, {
 		className: Modal_module_default.headerTitle,
 		children
@@ -37,7 +38,7 @@ var Modal = flowComponent("Modal", (props) => {
 			variant: "plain",
 			color: "secondary",
 			"aria-label": stringFormatter.format("close"),
-			className: clsx(Modal_module_default.closeButton, showCloseButton === true ? Modal_module_default.alwaysVisible : showCloseButton === false ? Modal_module_default.alwaysHidden : void 0),
+			className: closeButtonClassName,
 			children: /* @__PURE__ */ jsx(IconClose, {})
 		})
 	}) }) })] });

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","names":["locales","styles","_Fragment"],"sources":["../../../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactNode, Suspense, useId } from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay, type OverlayProps } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\nimport DivView from \"@/views/DivView\";\nimport { OffCanvasSuspenseFallback } from \"@/components/Modal/components/OffCanvasSuspenseFallback\";\nimport { ConfirmUnsavedChangesModal } from \"@/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal\";\nimport Wrap from \"@/components/Wrap\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport { useVirtualKeyboardVisible } from \"@/lib/hooks/dom/useVirtualKeyboardVisible\";\nimport locales from \"./locales/*.locale.json\";\n\ntype SupportedOverlayProps = Pick<\n  OverlayProps,\n  \"isOpen\" | \"isDefaultOpen\" | \"onOpen\" | \"onClose\" | \"onOpenChange\"\n>;\n\nexport interface ModalProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName,\n    SupportedOverlayProps {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\" | \"l\";\n  /** Whether the modal should be displayed as an off canvas. */\n  offCanvas?: boolean;\n  /**\n   * Whether the off canvas should be displayed on the right or left side of the\n   * screen. @default \"right\"\n   */\n  offCanvasOrientation?: \"left\" | \"right\";\n  /** An overlay controller to control the modal state. */\n  controller?: OverlayController;\n  /**\n   * Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\n   * action.\n   */\n  slot?: string;\n  /** Whether the modal can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the close button should be visible */\n  showCloseButton?: boolean;\n  /**\n   * Whether closing the modal must be confirmed – use it to protect unsaved\n   * changes. `false` does not switch off the confirmation of a dirty `Form`\n   * inside the modal; set `confirmModalCloseOnUnsavedChanges={false}` on the\n   * `Form` for that.\n   */\n  confirmOnClose?: boolean;\n}\n\nexport const Modal = flowComponent(\"Modal\", (props) => {\n  const {\n    size = \"s\",\n    offCanvas,\n    controller,\n    children,\n    ref,\n    className,\n    offCanvasOrientation = \"right\",\n    showCloseButton,\n    ...overlayProps\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Modal\");\n\n  // On mobile the header/footer are docked (sticky) while at rest, but flow\n  // normally while the on-screen keyboard is open so the content gets the full\n  // available space (see Modal.module.scss). #2423\n  const keyboardVisible = useVirtualKeyboardVisible();\n\n  const rootClassName = clsx(\n    offCanvas ? styles.offCanvas : styles.modal,\n    styles[`size-${size}`],\n    offCanvasOrientation === \"left\" && styles[\"left\"],\n    keyboardVisible && styles.keyboardVisible,\n    className,\n  );\n\n  const generatedId = useId();\n\n  const header = (children: ReactNode) => (\n    <>\n      <DivView className={styles.headerTitle}>{children}</DivView>\n      <ClearPropsContext>\n        <ClearPropsContextView>\n          <Action closeModal={{ bypassConfirmation: true }}>\n            <ButtonView\n              variant=\"plain\"\n              color=\"secondary\"\n              aria-label={stringFormatter.format(\"close\")}\n              className={clsx(\n                styles.closeButton,\n                showCloseButton === true\n                  ? styles.alwaysVisible\n                  : showCloseButton === false\n                    ? styles.alwaysHidden\n                    : undefined,\n              )}\n            >\n              <IconClose />\n            </ButtonView>\n          </Action>\n        </ClearPropsContextView>\n      </ClearPropsContext>\n    </>\n  );\n\n  const nestedHeadingLevel = 3;\n\n  const nestedHeadingProps: PropsContext = {\n    Heading: { level: nestedHeadingLevel },\n    Section: {\n      Header: { Heading: { level: nestedHeadingLevel } },\n      Heading: { level: nestedHeadingLevel },\n      hideSeparator: true,\n    },\n    Header: { Heading: { level: nestedHeadingLevel } },\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      ...nestedHeadingProps,\n      className: styles.content,\n    },\n    ColumnLayout: {\n      ...nestedHeadingProps,\n      l: [2, 1],\n      m: [1],\n      className: styles.columnLayout,\n      AccentBox: { className: styles.accentBox, backgroundColor: \"neutral\" },\n      wrapWith: <ClearPropsContext />,\n    },\n    Heading: {\n      className: styles.header,\n      level: 2,\n      children: dynamic((props) => header(props.children)),\n      id: generatedId,\n    },\n    ActionGroup: {\n      className: styles.actionGroup,\n      spacing: \"m\",\n      Action: {\n        closeModal: dynamic((props) => {\n          if (props.closeModal === undefined) {\n            return;\n          }\n          if (props.closeModal === true) {\n            return { bypassConfirmation: true };\n          }\n          return {\n            bypassConfirmation: true,\n            ...props.closeModal,\n          };\n        }),\n        closeOverlay: dynamic((props) => {\n          const { closeOverlay } = props;\n          if (closeOverlay === undefined || closeOverlay === false) {\n            return closeOverlay;\n          }\n          // `true` keeps its \"the nearest overlay\" meaning by leaving `overlay`\n          // unset – the options object means the same thing.\n          if (closeOverlay === true) {\n            return { bypassConfirmation: true };\n          }\n          if (\n            closeOverlay instanceof OverlayController ||\n            typeof closeOverlay === \"string\"\n          ) {\n            return {\n              bypassConfirmation: true,\n              overlay: closeOverlay,\n            };\n          }\n          return {\n            bypassConfirmation: true,\n            ...closeOverlay,\n          };\n        }),\n      },\n    },\n  };\n\n  return (\n    <Overlay\n      className={rootClassName}\n      controller={controller}\n      ref={ref}\n      aria-labelledby={generatedId}\n      {...overlayProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={offCanvas}>\n          <Suspense fallback={<OffCanvasSuspenseFallback />}>\n            {children}\n          </Suspense>\n        </Wrap>\n      </PropsContextProvider>\n      <ConfirmUnsavedChangesModal />\n    </Overlay>\n  );\n});\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkEA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,OAAO,KACP,WACA,YACA,UACA,KACA,WACA,uBAAuB,SACvB,iBACA,GAAG,iBACD;CAEJ,MAAM,kBAAkB,4BAA4BA,kBAAS,OAAO;CAKpE,MAAM,kBAAkB,0BAA0B;CAElD,MAAM,gBAAgB,KACpB,YAAYC,qBAAO,YAAYA,qBAAO,OACtCA,qBAAO,QAAQ,SACf,yBAAyB,UAAUA,qBAAO,SAC1C,mBAAmBA,qBAAO,iBAC1B,SACF;CAEA,MAAM,cAAc,MAAM;CAE1B,MAAM,UAAU,aACd,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD;EAAS,WAAWD,qBAAO;EAAc;CAAkB,CAAA,GAC3D,oBAAC,mBAAD,EAAA,UACE,oBAAC,uBAAD,EAAA,UACE,oBAAC,QAAD;EAAQ,YAAY,EAAE,oBAAoB,KAAK;EAC7C,UAAA,oBAAC,YAAD;GACE,SAAQ;GACR,OAAM;GACN,cAAY,gBAAgB,OAAO,OAAO;GAC1C,WAAW,KACTA,qBAAO,aACP,oBAAoB,OAChBA,qBAAO,gBACP,oBAAoB,QAClBA,qBAAO,eACP,KAAA,CACR;GAEA,UAAA,oBAAC,WAAD,CAAY,CAAA;EACF,CAAA;CACN,CAAA,EACa,CAAA,EACN,CAAA,CACnB,EAAA,CAAA;CAGJ,MAAM,qBAAqB;CAE3B,MAAM,qBAAmC;EACvC,SAAS,EAAE,OAAO,mBAAmB;EACrC,SAAS;GACP,QAAQ,EAAE,SAAS,EAAE,OAAO,mBAAmB,EAAE;GACjD,SAAS,EAAE,OAAO,mBAAmB;GACrC,eAAe;EACjB;EACA,QAAQ,EAAE,SAAS,EAAE,OAAO,mBAAmB,EAAE;CACnD;CAEA,MAAM,eAA6B;EACjC,SAAS;GACP,GAAG;GACH,WAAWA,qBAAO;EACpB;EACA,cAAc;GACZ,GAAG;GACH,GAAG,CAAC,GAAG,CAAC;GACR,GAAG,CAAC,CAAC;GACL,WAAWA,qBAAO;GAClB,WAAW;IAAE,WAAWA,qBAAO;IAAW,iBAAiB;GAAU;GACrE,UAAU,oBAAC,mBAAD,CAAoB,CAAA;EAChC;EACA,SAAS;GACP,WAAWA,qBAAO;GAClB,OAAO;GACP,UAAU,SAAS,UAAU,OAAO,MAAM,QAAQ,CAAC;GACnD,IAAI;EACN;EACA,aAAa;GACX,WAAWA,qBAAO;GAClB,SAAS;GACT,QAAQ;IACN,YAAY,SAAS,UAAU;KAC7B,IAAI,MAAM,eAAe,KAAA,GACvB;KAEF,IAAI,MAAM,eAAe,MACvB,OAAO,EAAE,oBAAoB,KAAK;KAEpC,OAAO;MACL,oBAAoB;MACpB,GAAG,MAAM;KACX;IACF,CAAC;IACD,cAAc,SAAS,UAAU;KAC/B,MAAM,EAAE,iBAAiB;KACzB,IAAI,iBAAiB,KAAA,KAAa,iBAAiB,OACjD,OAAO;KAIT,IAAI,iBAAiB,MACnB,OAAO,EAAE,oBAAoB,KAAK;KAEpC,IACE,wBAAwB,qBACxB,OAAO,iBAAiB,UAExB,OAAO;MACL,oBAAoB;MACpB,SAAS;KACX;KAEF,OAAO;MACL,oBAAoB;MACpB,GAAG;KACL;IACF,CAAC;GACH;EACF;CACF;CAEA,OACE,qBAAC,SAAD;EACE,WAAW;EACC;EACP;EACL,mBAAiB;EACjB,GAAI;EALN,UAAA,CAOE,oBAAC,sBAAD;GAAsB,OAAO;GAC3B,UAAA,oBAAC,MAAD;IAAM,IAAI;IACR,UAAA,oBAAC,UAAD;KAAU,UAAU,oBAAC,2BAAD,CAA4B,CAAA;KAC7C;IACO,CAAA;GACN,CAAA;EACc,CAAA,GACtB,oBAAC,4BAAD,CAA6B,CAAA,CACtB;;AAEb,CAAC"}
+{"version":3,"file":"Modal.mjs","names":["locales","styles","_Fragment"],"sources":["../../../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactNode, Suspense, useId } from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay, type OverlayProps } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\nimport DivView from \"@/views/DivView\";\nimport { OffCanvasSuspenseFallback } from \"@/components/Modal/components/OffCanvasSuspenseFallback\";\nimport { ConfirmUnsavedChangesModal } from \"@/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal\";\nimport Wrap from \"@/components/Wrap\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport { useVirtualKeyboardVisible } from \"@/lib/hooks/dom/useVirtualKeyboardVisible\";\nimport locales from \"./locales/*.locale.json\";\n\ntype SupportedOverlayProps = Pick<\n  OverlayProps,\n  \"isOpen\" | \"isDefaultOpen\" | \"onOpen\" | \"onClose\" | \"onOpenChange\"\n>;\n\nexport interface ModalProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName,\n    SupportedOverlayProps {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\" | \"l\";\n  /** Whether the modal should be displayed as an off canvas. */\n  offCanvas?: boolean;\n  /**\n   * Whether the off canvas should be displayed on the right or left side of the\n   * screen. @default \"right\"\n   */\n  offCanvasOrientation?: \"left\" | \"right\";\n  /** An overlay controller to control the modal state. */\n  controller?: OverlayController;\n  /**\n   * Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\n   * action.\n   */\n  slot?: string;\n  /** Whether the modal can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the close button should be visible */\n  showCloseButton?: boolean;\n  /**\n   * Whether closing the modal must be confirmed – use it to protect unsaved\n   * changes. `false` does not switch off the confirmation of a dirty `Form`\n   * inside the modal; set `confirmModalCloseOnUnsavedChanges={false}` on the\n   * `Form` for that.\n   */\n  confirmOnClose?: boolean;\n}\n\nexport const Modal = flowComponent(\"Modal\", (props) => {\n  const {\n    size = \"s\",\n    offCanvas,\n    controller,\n    children,\n    ref,\n    className,\n    offCanvasOrientation = \"right\",\n    showCloseButton,\n    ...overlayProps\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Modal\");\n\n  // On mobile the header/footer are docked (sticky) while at rest, but flow\n  // normally while the on-screen keyboard is open so the content gets the full\n  // available space (see Modal.module.scss). #2423\n  const keyboardVisible = useVirtualKeyboardVisible();\n\n  const rootClassName = clsx(\n    offCanvas ? styles.offCanvas : styles.modal,\n    styles[`size-${size}`],\n    offCanvasOrientation === \"left\" && styles[\"left\"],\n    keyboardVisible && styles.keyboardVisible,\n    className,\n  );\n\n  const generatedId = useId();\n\n  const closeButtonClassName = clsx(\n    styles.closeButton,\n    showCloseButton === true && styles.alwaysVisible,\n    showCloseButton === false && styles.alwaysHidden,\n  );\n\n  const header = (children: ReactNode) => (\n    <>\n      <DivView className={styles.headerTitle}>{children}</DivView>\n      <ClearPropsContext>\n        <ClearPropsContextView>\n          <Action closeModal={{ bypassConfirmation: true }}>\n            <ButtonView\n              variant=\"plain\"\n              color=\"secondary\"\n              aria-label={stringFormatter.format(\"close\")}\n              className={closeButtonClassName}\n            >\n              <IconClose />\n            </ButtonView>\n          </Action>\n        </ClearPropsContextView>\n      </ClearPropsContext>\n    </>\n  );\n\n  const nestedHeadingLevel = 3;\n\n  const nestedHeadingProps: PropsContext = {\n    Heading: { level: nestedHeadingLevel },\n    Section: {\n      Header: { Heading: { level: nestedHeadingLevel } },\n      Heading: { level: nestedHeadingLevel },\n      hideSeparator: true,\n    },\n    Header: { Heading: { level: nestedHeadingLevel } },\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      ...nestedHeadingProps,\n      className: styles.content,\n    },\n    ColumnLayout: {\n      ...nestedHeadingProps,\n      l: [2, 1],\n      m: [1],\n      className: styles.columnLayout,\n      AccentBox: { className: styles.accentBox, backgroundColor: \"neutral\" },\n      wrapWith: <ClearPropsContext />,\n    },\n    Heading: {\n      className: styles.header,\n      level: 2,\n      children: dynamic((props) => header(props.children)),\n      id: generatedId,\n    },\n    ActionGroup: {\n      className: styles.actionGroup,\n      spacing: \"m\",\n      Action: {\n        closeModal: dynamic((props) => {\n          if (props.closeModal === undefined) {\n            return;\n          }\n          if (props.closeModal === true) {\n            return { bypassConfirmation: true };\n          }\n          return {\n            bypassConfirmation: true,\n            ...props.closeModal,\n          };\n        }),\n        closeOverlay: dynamic((props) => {\n          const { closeOverlay } = props;\n          if (closeOverlay === undefined || closeOverlay === false) {\n            return closeOverlay;\n          }\n          // `true` keeps its \"the nearest overlay\" meaning by leaving `overlay`\n          // unset – the options object means the same thing.\n          if (closeOverlay === true) {\n            return { bypassConfirmation: true };\n          }\n          if (\n            closeOverlay instanceof OverlayController ||\n            typeof closeOverlay === \"string\"\n          ) {\n            return {\n              bypassConfirmation: true,\n              overlay: closeOverlay,\n            };\n          }\n          return {\n            bypassConfirmation: true,\n            ...closeOverlay,\n          };\n        }),\n      },\n    },\n  };\n\n  return (\n    <Overlay\n      className={rootClassName}\n      controller={controller}\n      ref={ref}\n      aria-labelledby={generatedId}\n      {...overlayProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={offCanvas}>\n          <Suspense fallback={<OffCanvasSuspenseFallback />}>\n            {children}\n          </Suspense>\n        </Wrap>\n      </PropsContextProvider>\n      <ConfirmUnsavedChangesModal />\n    </Overlay>\n  );\n});\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkEA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,OAAO,KACP,WACA,YACA,UACA,KACA,WACA,uBAAuB,SACvB,iBACA,GAAG,iBACD;CAEJ,MAAM,kBAAkB,4BAA4BA,kBAAS,OAAO;CAKpE,MAAM,kBAAkB,0BAA0B;CAElD,MAAM,gBAAgB,KACpB,YAAYC,qBAAO,YAAYA,qBAAO,OACtCA,qBAAO,QAAQ,SACf,yBAAyB,UAAUA,qBAAO,SAC1C,mBAAmBA,qBAAO,iBAC1B,SACF;CAEA,MAAM,cAAc,MAAM;CAE1B,MAAM,uBAAuB,KAC3BA,qBAAO,aACP,oBAAoB,QAAQA,qBAAO,eACnC,oBAAoB,SAASA,qBAAO,YACtC;CAEA,MAAM,UAAU,aACd,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD;EAAS,WAAWD,qBAAO;EAAc;CAAkB,CAAA,GAC3D,oBAAC,mBAAD,EAAA,UACE,oBAAC,uBAAD,EAAA,UACE,oBAAC,QAAD;EAAQ,YAAY,EAAE,oBAAoB,KAAK;EAC7C,UAAA,oBAAC,YAAD;GACE,SAAQ;GACR,OAAM;GACN,cAAY,gBAAgB,OAAO,OAAO;GAC1C,WAAW;GAEX,UAAA,oBAAC,WAAD,CAAY,CAAA;EACF,CAAA;CACN,CAAA,EACa,CAAA,EACN,CAAA,CACnB,EAAA,CAAA;CAGJ,MAAM,qBAAqB;CAE3B,MAAM,qBAAmC;EACvC,SAAS,EAAE,OAAO,mBAAmB;EACrC,SAAS;GACP,QAAQ,EAAE,SAAS,EAAE,OAAO,mBAAmB,EAAE;GACjD,SAAS,EAAE,OAAO,mBAAmB;GACrC,eAAe;EACjB;EACA,QAAQ,EAAE,SAAS,EAAE,OAAO,mBAAmB,EAAE;CACnD;CAEA,MAAM,eAA6B;EACjC,SAAS;GACP,GAAG;GACH,WAAWA,qBAAO;EACpB;EACA,cAAc;GACZ,GAAG;GACH,GAAG,CAAC,GAAG,CAAC;GACR,GAAG,CAAC,CAAC;GACL,WAAWA,qBAAO;GAClB,WAAW;IAAE,WAAWA,qBAAO;IAAW,iBAAiB;GAAU;GACrE,UAAU,oBAAC,mBAAD,CAAoB,CAAA;EAChC;EACA,SAAS;GACP,WAAWA,qBAAO;GAClB,OAAO;GACP,UAAU,SAAS,UAAU,OAAO,MAAM,QAAQ,CAAC;GACnD,IAAI;EACN;EACA,aAAa;GACX,WAAWA,qBAAO;GAClB,SAAS;GACT,QAAQ;IACN,YAAY,SAAS,UAAU;KAC7B,IAAI,MAAM,eAAe,KAAA,GACvB;KAEF,IAAI,MAAM,eAAe,MACvB,OAAO,EAAE,oBAAoB,KAAK;KAEpC,OAAO;MACL,oBAAoB;MACpB,GAAG,MAAM;KACX;IACF,CAAC;IACD,cAAc,SAAS,UAAU;KAC/B,MAAM,EAAE,iBAAiB;KACzB,IAAI,iBAAiB,KAAA,KAAa,iBAAiB,OACjD,OAAO;KAIT,IAAI,iBAAiB,MACnB,OAAO,EAAE,oBAAoB,KAAK;KAEpC,IACE,wBAAwB,qBACxB,OAAO,iBAAiB,UAExB,OAAO;MACL,oBAAoB;MACpB,SAAS;KACX;KAEF,OAAO;MACL,oBAAoB;MACpB,GAAG;KACL;IACF,CAAC;GACH;EACF;CACF;CAEA,OACE,qBAAC,SAAD;EACE,WAAW;EACC;EACP;EACL,mBAAiB;EACjB,GAAI;EALN,UAAA,CAOE,oBAAC,sBAAD;GAAsB,OAAO;GAC3B,UAAA,oBAAC,MAAD;IAAM,IAAI;IACR,UAAA,oBAAC,UAAD;KAAU,UAAU,oBAAC,2BAAD,CAA4B,CAAA;KAC7C;IACO,CAAA;GACN,CAAA;EACc,CAAA,GACtB,oBAAC,4BAAD,CAA6B,CAAA,CACtB;;AAEb,CAAC"}

package/dist/js/packages/components/src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs

@@ -8,7 +8,7 @@ import HeadingView from "../../../../views/HeadingView.mjs";
 import TextView from "../../../../views/TextView.mjs";
 import ContentView from "../../../../views/ContentView.mjs";
 import ActionGroupView from "../../../../views/ActionGroupView.mjs";
-import __locale_default from "../../../../../../../_virtual/_23.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_24.locale.mjs";
 import { Modal } from "../../Modal.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.tsx

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