@mittwald/flow-react-components 0.2.0-alpha.780 → 0.2.0-alpha.782

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.mjs","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\";\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  /** @internal */\n  style?: CSSProperties;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** @flr-generate all */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    ref,\n    ...rest\n  } = props;\n\n  const headingAndLinkColor = color === \"default\" ? \"primary\" : color;\n\n  const components: Components = {\n    a: (props) => (\n      <Link target=\"_blank\" color={headingAndLinkColor} 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={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h2: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(2, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h3: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(3, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h4: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(4, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h5: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(5, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h6: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(6, headingOffset)}\n        color={headingAndLinkColor}\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      <Text color={color}>\n        <ul>{props.children as ReactNode}</ul>\n      </Text>\n    ),\n    ol: (props) => (\n      <Text color={color}>\n        <ol>{props.children as ReactNode}</ol>\n      </Text>\n    ),\n    blockquote: (props) => (\n      <Text color={color}>\n        <blockquote>{props.children}</blockquote>\n      </Text>\n    ),\n  };\n\n  const textContent = extractTextFromFirstChild(children);\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"names":["props"],"mappings":"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"}
+{"version":3,"file":"Markdown.mjs","names":[],"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\";\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  /** @internal */\n  style?: CSSProperties;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** @flr-generate all */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    ref,\n    ...rest\n  } = props;\n\n  const headingAndLinkColor = color === \"default\" ? \"primary\" : color;\n\n  const components: Components = {\n    a: (props) => (\n      <Link target=\"_blank\" color={headingAndLinkColor} 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={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h2: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(2, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h3: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(3, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h4: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(4, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h5: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(5, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h6: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(6, headingOffset)}\n        color={headingAndLinkColor}\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      <Text color={color}>\n        <ul>{props.children as ReactNode}</ul>\n      </Text>\n    ),\n    ol: (props) => (\n      <Text color={color}>\n        <ol>{props.children as ReactNode}</ol>\n      </Text>\n    ),\n    blockquote: (props) => (\n      <Text color={color}>\n        <blockquote>{props.children}</blockquote>\n      </Text>\n    ),\n  };\n\n  const textContent = extractTextFromFirstChild(children);\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAa,YAA+B,UAAU;CACpD,MAAM,EACJ,UACA,QAAQ,WACR,WACA,gBAAgB,GAChB,KACA,GAAG,SACD;CAEJ,MAAM,sBAAsB,UAAU,YAAY,YAAY;CAE9D,MAAM,aAAyB;EAC7B,IAAI,UACF,oBAAC,MAAD;GAAM,QAAO;GAAS,OAAO;GAAqB,MAAM,MAAM;aAC3D,MAAM;GACF,CAAA;EAET,IAAI,UACF,oBAAC,MAAD;GAAM,aAAY;GAAW;aAC1B,MAAM;GACF,CAAA;EAET,OAAO,UAAU,oBAAC,YAAD;GAAmB;aAAQ,MAAM;GAAsB,CAAA;EACxE,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,UAAU,oBAAC,WAAD,EAAa,CAAA;EACvB,MAAM,UAAU;GACd,MAAM,oBAAoB,SAAS,QAAQ,MAAM,SAAS,CAAC;AAE3D,UACE,oBAAC,WAAD;IACE,UAAU;IACV,UACE,eAAuC,kBAAkB,IACzD,kBAAkB,MAAM,YACnB,kBAAkB,MAAM,UAAU,QACjC,aACA,GACD,GACD,KAAA;IAEN,MAAM,OACJ,eAAqC,kBAAkB,GACnD,kBAAkB,MAAM,WACxB,kBACL,CAAC,MAAM;IACR,CAAA;;EAGN,KAAK,UACH,oBAAC,MAAD;GAAa;aACX,oBAAC,MAAD,EAAA,UAAK,MAAM,UAA2B,CAAA;GACjC,CAAA;EAET,KAAK,UACH,oBAAC,MAAD;GAAa;aACX,oBAAC,MAAD,EAAA,UAAK,MAAM,UAA2B,CAAA;GACjC,CAAA;EAET,aAAa,UACX,oBAAC,MAAD;GAAa;aACX,oBAAC,cAAD,EAAA,UAAa,MAAM,UAAsB,CAAA;GACpC,CAAA;EAEV;CAED,MAAM,cAAc,0BAA0B,SAAS;AAEvD,QACE,oBAAC,OAAD;EAAK,WAAW,KAAK,wBAAO,UAAU,UAAU;EAAE,GAAI;EAAW;YAC/D,oBAAC,eAAD;GAAe,eAAe,CAAC,UAAU;GAAc;aACpD;GACa,CAAA;EACZ,CAAA"}

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

@@ -0,0 +1,7 @@
+"use client"
+/* */
+var Markdown_module_default = { markdown: "flow--markdown" };
+//#endregion
+export { Markdown_module_default as default };
+
+//# sourceMappingURL=Markdown.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.module.mjs","names":[],"sources":["../../../../../../../src/components/Markdown/Markdown.module.scss"],"sourcesContent":[".markdown {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--markdown--spacing);\n  min-width: 0;\n\n  p {\n    white-space: break-spaces;\n  }\n\n  table {\n    border-radius: var(--table--corner-radius);\n    border-width: var(--table--border-width);\n    border-style: var(--table--border-style);\n    border-color: var(--table--border-color);\n    border-spacing: 0;\n    background-color: var(--table--background-color);\n\n    thead {\n      font-weight: var(--table--header-font-weight);\n    }\n\n    th,\n    td {\n      padding-inline: var(--table--padding-x);\n      padding-block: var(--table--padding-y);\n      text-align: start;\n      border-style: var(--table--border-style);\n      border-color: var(--table--border-color);\n      border-width: 0;\n    }\n\n    th {\n      border-block-end-width: var(--table--header-border-width);\n    }\n\n    tbody tr {\n      &:nth-of-type(odd) td {\n        background-color: var(--table--background-color-accent);\n      }\n\n      &:not(:last-child) td {\n        border-block-end-width: var(--table--border-width);\n      }\n    }\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1 @@
+import "./Markdown.mjs";

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

@@ -1,9 +1,11 @@
 "use client"
 /* */
-const getHeadingLevelWithOffset = (level, offset) => {
-  const levelWithOffset = level + offset;
-  return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;
+//#region src/components/Markdown/lib/getHeadingLevelWithOffset.ts
+var getHeadingLevelWithOffset = (level, offset) => {
+	const levelWithOffset = level + offset;
+	return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;
 };
-
+//#endregion
 export { getHeadingLevelWithOffset };
-//# sourceMappingURL=getHeadingLevelWithOffset.mjs.map
+
+//# sourceMappingURL=getHeadingLevelWithOffset.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"getHeadingLevelWithOffset.mjs","sources":["../../../../../../../../src/components/Markdown/lib/getHeadingLevelWithOffset.ts"],"sourcesContent":["export const getHeadingLevelWithOffset = (level: number, offset: number) => {\n  const levelWithOffset = level + offset;\n  return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;\n};\n"],"names":[],"mappings":"AAAO,MAAM,yBAAA,GAA4B,CAAC,KAAA,EAAe,MAAA,KAAmB;AAC1E,EAAA,MAAM,kBAAkB,KAAA,GAAQ,MAAA;AAChC,EAAA,OAAO,eAAA,GAAkB,CAAA,GAAI,CAAA,GAAI,eAAA,GAAkB,IAAI,CAAA,GAAI,eAAA;AAC7D;;;;"}
+{"version":3,"file":"getHeadingLevelWithOffset.mjs","names":[],"sources":["../../../../../../../../src/components/Markdown/lib/getHeadingLevelWithOffset.ts"],"sourcesContent":["export const getHeadingLevelWithOffset = (level: number, offset: number) => {\n  const levelWithOffset = level + offset;\n  return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;\n};\n"],"mappings":";AAAA,IAAa,6BAA6B,OAAe,WAAmB;CAC1E,MAAM,kBAAkB,QAAQ;AAChC,QAAO,kBAAkB,IAAI,IAAI,kBAAkB,IAAI,IAAI"}

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

@@ -1,113 +1,85 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import styles from './MarkdownEditor.module.scss.mjs';
-import { Markdown } from '../Markdown/Markdown.mjs';
-import { TextArea } from '../TextArea/TextArea.mjs';
-import { Toolbar } from './components/Toolbar.mjs';
-import clsx from 'clsx';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { useObjectRef } from '@react-aria/utils';
-import { TunnelProvider } from '@mittwald/react-tunnel';
-import { modifyValueByMarkdownSyntax, scrollToCursor } from './lib/modifyValueByMarkdownSyntax.mjs';
-import { modifyValueByType } from './lib/modifyValueByType.mjs';
-import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
-
-const MarkdownEditor = flowComponent("MarkdownEditor", (props) => {
-  const {
-    isDisabled,
-    isReadOnly,
-    children,
-    className,
-    rows = 5,
-    autoResizeMaxRows,
-    headingOffset,
-    value,
-    onChange,
-    ref,
-    ...rest
-  } = useControlledHostValueProps(props);
-  const inputRef = useObjectRef(ref);
-  const [mode, setMode] = useState("editor");
-  const rootClassName = clsx(
-    styles.markdownEditor,
-    className,
-    styles[`mode-${mode}`]
-  );
-  const handleKeyDown = (event) => {
-    if (event.key !== "Enter") {
-      return;
-    }
-    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);
-    if (!modifyParams) {
-      return;
-    }
-    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;
-    requestAnimationFrame(() => {
-      if (inputRef.current) {
-        inputRef.current.value = newValue;
-        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);
-        scrollToCursor(newValue, inputRef.current);
-      }
-    });
-    event.preventDefault();
-    onChange(newValue);
-  };
-  const handleToolButtonPressed = (type) => {
-    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(
-      value,
-      type,
-      inputRef
-    );
-    requestAnimationFrame(() => {
-      if (inputRef.current) {
-        inputRef.current.value = newValue;
-        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);
-        inputRef.current.focus();
-      }
-    });
-    onChange(newValue);
-  };
-  return /* @__PURE__ */ jsx("div", { className: rootClassName, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
-    TextArea,
-    {
-      ...rest,
-      "aria-hidden": mode === "preview",
-      isReadOnly: isReadOnly || mode === "preview",
-      isDisabled,
-      ref: inputRef,
-      value,
-      rows,
-      autoResizeMaxRows,
-      onChange,
-      onKeyDown: handleKeyDown,
-      children: [
-        mode === "preview" && /* @__PURE__ */ jsx(
-          Markdown,
-          {
-            headingOffset,
-            className: styles.markdown,
-            style: {
-              height: inputRef.current?.offsetHeight
-            },
-            children: value
-          }
-        ),
-        children,
-        /* @__PURE__ */ jsx(
-          Toolbar,
-          {
-            currentMode: mode,
-            isDisabled,
-            onModeChange: setMode,
-            onToolPressed: handleToolButtonPressed
-          }
-        )
-      ]
-    }
-  ) }) });
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useControlledHostValueProps } from "../../lib/remote/useControlledHostValueProps.mjs";
+import Markdown from "../Markdown/Markdown.mjs";
+import "../Markdown/index.mjs";
+import MarkdownEditor_module_default from "./MarkdownEditor.module.mjs";
+import TextArea from "../TextArea/TextArea.mjs";
+import "../TextArea/index.mjs";
+import { modifyValueByType } from "./lib/modifyValueByType.mjs";
+import { Toolbar } from "./components/Toolbar.mjs";
+import { modifyValueByMarkdownSyntax, scrollToCursor } from "./lib/modifyValueByMarkdownSyntax.mjs";
+import clsx from "clsx";
+import { useState } from "react";
+import { TunnelProvider } from "@mittwald/react-tunnel";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useObjectRef } from "@react-aria/utils";
+//#region src/components/MarkdownEditor/MarkdownEditor.tsx
+/** @flr-generate all */
+var MarkdownEditor = flowComponent("MarkdownEditor", (props) => {
+	const { isDisabled, isReadOnly, children, className, rows = 5, autoResizeMaxRows, headingOffset, value, onChange, ref, ...rest } = useControlledHostValueProps(props);
+	const inputRef = useObjectRef(ref);
+	const [mode, setMode] = useState("editor");
+	const rootClassName = clsx(MarkdownEditor_module_default.markdownEditor, className, MarkdownEditor_module_default[`mode-${mode}`]);
+	const handleKeyDown = (event) => {
+		if (event.key !== "Enter") return;
+		const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);
+		if (!modifyParams) return;
+		const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;
+		requestAnimationFrame(() => {
+			if (inputRef.current) {
+				inputRef.current.value = newValue;
+				inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);
+				scrollToCursor(newValue, inputRef.current);
+			}
+		});
+		event.preventDefault();
+		onChange(newValue);
+	};
+	const handleToolButtonPressed = (type) => {
+		const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(value, type, inputRef);
+		requestAnimationFrame(() => {
+			if (inputRef.current) {
+				inputRef.current.value = newValue;
+				inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);
+				inputRef.current.focus();
+			}
+		});
+		onChange(newValue);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: rootClassName,
+		children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(TextArea, {
+			...rest,
+			"aria-hidden": mode === "preview",
+			isReadOnly: isReadOnly || mode === "preview",
+			isDisabled,
+			ref: inputRef,
+			value,
+			rows,
+			autoResizeMaxRows,
+			onChange,
+			onKeyDown: handleKeyDown,
+			children: [
+				mode === "preview" && /* @__PURE__ */ jsx(Markdown, {
+					headingOffset,
+					className: MarkdownEditor_module_default.markdown,
+					style: { height: inputRef.current?.offsetHeight },
+					children: value
+				}),
+				children,
+				/* @__PURE__ */ jsx(Toolbar, {
+					currentMode: mode,
+					isDisabled,
+					onModeChange: setMode,
+					onToolPressed: handleToolButtonPressed
+				})
+			]
+		}) })
+	});
 });
+//#endregion
+export { MarkdownEditor as default };
 
-export { MarkdownEditor };
-//# sourceMappingURL=MarkdownEditor.mjs.map
+//# sourceMappingURL=MarkdownEditor.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.mjs","sources":["../../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type KeyboardEventHandler, useState } from \"react\";\nimport styles from \"./MarkdownEditor.module.scss\";\nimport { Markdown, type MarkdownProps } from \"@/components/Markdown\";\nimport { TextArea, type TextAreaProps } from \"@/components/TextArea\";\nimport { Toolbar } from \"@/components/MarkdownEditor/components/Toolbar\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport {\n  modifyValueByMarkdownSyntax,\n  scrollToCursor,\n} from \"@/components/MarkdownEditor/lib/modifyValueByMarkdownSyntax\";\nimport {\n  type InsertType,\n  modifyValueByType,\n} from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport type MarkdownEditorMode = \"editor\" | \"preview\";\n\nexport interface MarkdownEditorProps\n  extends TextAreaProps, Pick<MarkdownProps, \"headingOffset\"> {}\n\n/** @flr-generate all */\nexport const MarkdownEditor = flowComponent(\"MarkdownEditor\", (props) => {\n  const {\n    isDisabled,\n    isReadOnly,\n    children,\n    className,\n    rows = 5,\n    autoResizeMaxRows,\n    headingOffset,\n    value,\n    onChange,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const inputRef = useObjectRef(ref);\n  const [mode, setMode] = useState<MarkdownEditorMode>(\"editor\");\n\n  const rootClassName = clsx(\n    styles.markdownEditor,\n    className,\n    styles[`mode-${mode}`],\n  );\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);\n    if (!modifyParams) {\n      return;\n    }\n\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);\n        scrollToCursor(newValue, inputRef.current);\n      }\n    });\n\n    event.preventDefault();\n    onChange(newValue);\n  };\n\n  const handleToolButtonPressed = (type: InsertType) => {\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(\n      value,\n      type,\n      inputRef,\n    );\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);\n        inputRef.current.focus();\n      }\n    });\n\n    onChange(newValue);\n  };\n\n  return (\n    <div className={rootClassName}>\n      <TunnelProvider>\n        <TextArea\n          {...rest}\n          aria-hidden={mode === \"preview\"}\n          isReadOnly={isReadOnly || mode === \"preview\"}\n          isDisabled={isDisabled}\n          ref={inputRef}\n          value={value}\n          rows={rows}\n          autoResizeMaxRows={autoResizeMaxRows}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n        >\n          {mode === \"preview\" && (\n            <Markdown\n              headingOffset={headingOffset}\n              className={styles.markdown}\n              style={{\n                height: inputRef.current?.offsetHeight,\n              }}\n            >\n              {value}\n            </Markdown>\n          )}\n          {children}\n          <Toolbar\n            currentMode={mode}\n            isDisabled={isDisabled}\n            onModeChange={setMode}\n            onToolPressed={handleToolButtonPressed}\n          />\n        </TextArea>\n      </TunnelProvider>\n    </div>\n  );\n});\n\nexport default MarkdownEditor;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.mjs","names":[],"sources":["../../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type KeyboardEventHandler, useState } from \"react\";\nimport styles from \"./MarkdownEditor.module.scss\";\nimport { Markdown, type MarkdownProps } from \"@/components/Markdown\";\nimport { TextArea, type TextAreaProps } from \"@/components/TextArea\";\nimport { Toolbar } from \"@/components/MarkdownEditor/components/Toolbar\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport {\n  modifyValueByMarkdownSyntax,\n  scrollToCursor,\n} from \"@/components/MarkdownEditor/lib/modifyValueByMarkdownSyntax\";\nimport {\n  type InsertType,\n  modifyValueByType,\n} from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport type MarkdownEditorMode = \"editor\" | \"preview\";\n\nexport interface MarkdownEditorProps\n  extends TextAreaProps, Pick<MarkdownProps, \"headingOffset\"> {}\n\n/** @flr-generate all */\nexport const MarkdownEditor = flowComponent(\"MarkdownEditor\", (props) => {\n  const {\n    isDisabled,\n    isReadOnly,\n    children,\n    className,\n    rows = 5,\n    autoResizeMaxRows,\n    headingOffset,\n    value,\n    onChange,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const inputRef = useObjectRef(ref);\n  const [mode, setMode] = useState<MarkdownEditorMode>(\"editor\");\n\n  const rootClassName = clsx(\n    styles.markdownEditor,\n    className,\n    styles[`mode-${mode}`],\n  );\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);\n    if (!modifyParams) {\n      return;\n    }\n\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);\n        scrollToCursor(newValue, inputRef.current);\n      }\n    });\n\n    event.preventDefault();\n    onChange(newValue);\n  };\n\n  const handleToolButtonPressed = (type: InsertType) => {\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(\n      value,\n      type,\n      inputRef,\n    );\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);\n        inputRef.current.focus();\n      }\n    });\n\n    onChange(newValue);\n  };\n\n  return (\n    <div className={rootClassName}>\n      <TunnelProvider>\n        <TextArea\n          {...rest}\n          aria-hidden={mode === \"preview\"}\n          isReadOnly={isReadOnly || mode === \"preview\"}\n          isDisabled={isDisabled}\n          ref={inputRef}\n          value={value}\n          rows={rows}\n          autoResizeMaxRows={autoResizeMaxRows}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n        >\n          {mode === \"preview\" && (\n            <Markdown\n              headingOffset={headingOffset}\n              className={styles.markdown}\n              style={{\n                height: inputRef.current?.offsetHeight,\n              }}\n            >\n              {value}\n            </Markdown>\n          )}\n          {children}\n          <Toolbar\n            currentMode={mode}\n            isDisabled={isDisabled}\n            onModeChange={setMode}\n            onToolPressed={handleToolButtonPressed}\n          />\n        </TextArea>\n      </TunnelProvider>\n    </div>\n  );\n});\n\nexport default MarkdownEditor;\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,IAAa,iBAAiB,cAAc,mBAAmB,UAAU;CACvE,MAAM,EACJ,YACA,YACA,UACA,WACA,OAAO,GACP,mBACA,eACA,OACA,UACA,KACA,GAAG,SACD,4BAA4B,MAAM;CAEtC,MAAM,WAAW,aAAa,IAAI;CAClC,MAAM,CAAC,MAAM,WAAW,SAA6B,SAAS;CAE9D,MAAM,gBAAgB,KACpB,8BAAO,gBACP,WACA,8BAAO,QAAQ,QAChB;CAED,MAAM,iBAAuC,UAAU;AACrD,MAAI,MAAM,QAAQ,QAChB;EAGF,MAAM,eAAe,4BAA4B,OAAO,SAAS;AACjE,MAAI,CAAC,aACH;EAGF,MAAM,EAAE,UAAU,mBAAmB,oBAAoB;AAEzD,8BAA4B;AAC1B,OAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,QAAQ;AACzB,aAAS,SAAS,kBAAkB,mBAAmB,gBAAgB;AACvE,mBAAe,UAAU,SAAS,QAAQ;;IAE5C;AAEF,QAAM,gBAAgB;AACtB,WAAS,SAAS;;CAGpB,MAAM,2BAA2B,SAAqB;EACpD,MAAM,EAAE,UAAU,mBAAmB,oBAAoB,kBACvD,OACA,MACA,SACD;AAED,8BAA4B;AAC1B,OAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,QAAQ;AACzB,aAAS,QAAQ,kBAAkB,mBAAmB,gBAAgB;AACtE,aAAS,QAAQ,OAAO;;IAE1B;AAEF,WAAS,SAAS;;AAGpB,QACE,oBAAC,OAAD;EAAK,WAAW;YACd,oBAAC,gBAAD,EAAA,UACE,qBAAC,UAAD;GACE,GAAI;GACJ,eAAa,SAAS;GACtB,YAAY,cAAc,SAAS;GACvB;GACZ,KAAK;GACE;GACD;GACa;GACT;GACV,WAAW;aAVb;IAYG,SAAS,aACR,oBAAC,UAAD;KACiB;KACf,WAAW,8BAAO;KAClB,OAAO,EACL,QAAQ,SAAS,SAAS,cAC3B;eAEA;KACQ,CAAA;IAEZ;IACD,oBAAC,SAAD;KACE,aAAa;KACD;KACZ,cAAc;KACd,eAAe;KACf,CAAA;IACO;MACI,CAAA;EACb,CAAA;EAER"}

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

@@ -0,0 +1,15 @@
+"use client"
+/* */
+var MarkdownEditor_module_default = {
+	markdownEditor: "flow--markdown-editor",
+	toolbar: "flow--markdown-editor--toolbar",
+	toolbarButtons: "flow--markdown-editor--toolbar-buttons",
+	modeButton: "flow--markdown-editor--mode-button",
+	markdown: "flow--markdown-editor--markdown",
+	"mode-editor": "flow--markdown-editor--mode-editor",
+	"mode-preview": "flow--markdown-editor--mode-preview"
+};
+//#endregion
+export { MarkdownEditor_module_default as default };
+
+//# sourceMappingURL=MarkdownEditor.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.module.mjs","names":[],"sources":["../../../../../../../src/components/MarkdownEditor/MarkdownEditor.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.markdownEditor {\n  display: grid;\n  grid-template-areas:\n    \"label\"\n    \"toolbar\"\n    \"content\"\n    \"fieldDescription\";\n\n  .toolbar {\n    grid-area: toolbar;\n    display: flex;\n    justify-content: space-between;\n    padding: var(--form-control--padding-y);\n    column-gap: var(--form-control--padding-y);\n\n    @include formControl.formBorder;\n    @include formControl.formColor;\n    @include formControl.formAnimation;\n\n    & {\n      border-bottom: none;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  .toolbarButtons {\n    display: flex;\n    column-gap: var(--form-control--padding-y);\n  }\n\n  .modeButton {\n    margin-inline-start: auto;\n  }\n\n  .markdown {\n    overflow-y: auto;\n\n    @include formControl.formBorder;\n    @include formControl.formColor;\n  }\n\n  :global(.flow--form-field) {\n    display: contents;\n  }\n\n  textarea,\n  .markdown {\n    grid-area: content;\n    padding-block: calc(\n      var(--form-control--padding-y) - var(--form-control--border-width)\n    );\n    padding-inline: var(--form-control--padding-x);\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &.mode-editor {\n    .markdown {\n      display: none;\n    }\n  }\n\n  &.mode-preview {\n    textarea {\n      position: absolute;\n      opacity: 0;\n      pointer-events: none;\n      width: 1px;\n      height: 1px;\n      left: 0;\n    }\n  }\n\n  /* States */\n\n  &:has(textarea:hover) .toolbar {\n    background-color: var(--form-control--background-color--hover);\n  }\n\n  &:has(textarea[data-invalid]) .toolbar,\n  &:has(textarea[data-invalid]) .markdown {\n    background-color: var(--form-control--background-color--invalid);\n    border-color: var(--form-control--border-color--invalid);\n  }\n\n  &:has(textarea[data-focused=\"true\"]) .toolbar,\n  &:has(textarea[data-focused=\"true\"]) .markdown {\n    background-color: var(--form-control--background-color--focused);\n    border-color: var(--form-control--border-color--focused);\n  }\n\n  &:has(textarea[data-disabled]).mode-editor .toolbar {\n    background-color: var(--form-control--background-color--disabled);\n    border-color: var(--form-control--border-color--disabled);\n  }\n}\n"],"mappings":""}

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

@@ -1,31 +1,30 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import { Button } from '../../Button/Button.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../../_virtual/_.locale.json@bb0db7b5021f874310cbe5b6cc3d9cac.mjs';
-import styles from '../MarkdownEditor.module.scss.mjs';
-
-const ModeButton = (props) => {
-  const { currentMode, onChange, ...rest } = props;
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const otherMode = currentMode === "editor" ? "preview" : "editor";
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      className: styles.modeButton,
-      size: "s",
-      variant: "plain",
-      color: "dark",
-      onPress: () => {
-        onChange?.(otherMode);
-      },
-      ...rest,
-      children: stringFormatter.format(`mode.${otherMode}`)
-    }
-  );
+import Button from "../../Button/Button.mjs";
+import "../../Button/index.mjs";
+import MarkdownEditor_module_default from "../MarkdownEditor.module.mjs";
+import __locale_default from "../../../../../../_virtual/_19.locale.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/MarkdownEditor/components/ModeButton.tsx
+var ModeButton = (props) => {
+	const { currentMode, onChange, ...rest } = props;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default);
+	const otherMode = currentMode === "editor" ? "preview" : "editor";
+	return /* @__PURE__ */ jsx(Button, {
+		className: MarkdownEditor_module_default.modeButton,
+		size: "s",
+		variant: "plain",
+		color: "dark",
+		onPress: () => {
+			onChange?.(otherMode);
+		},
+		...rest,
+		children: stringFormatter.format(`mode.${otherMode}`)
+	});
 };
-
+//#endregion
 export { ModeButton };
-//# sourceMappingURL=ModeButton.mjs.map
+
+//# sourceMappingURL=ModeButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModeButton.mjs","sources":["../../../../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { MarkdownEditorMode } from \"@/components/MarkdownEditor/MarkdownEditor\";\nimport styles from \"../MarkdownEditor.module.scss\";\n\nexport interface ModeButtonProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: MarkdownEditorMode;\n  onChange?: (newMode: MarkdownEditorMode) => void;\n}\n\nexport const ModeButton: FC<ModeButtonProps> = (props) => {\n  const { currentMode, onChange, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const otherMode = currentMode === \"editor\" ? \"preview\" : \"editor\";\n\n  return (\n    <Button\n      className={styles.modeButton}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={() => {\n        onChange?.(otherMode);\n      }}\n      {...rest}\n    >\n      {stringFormatter.format(`mode.${otherMode}`)}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AAE3C,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,SAAA,GAAY,WAAA,KAAgB,QAAA,GAAW,SAAA,GAAY,QAAA;AAEzD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,UAAA;AAAA,MAClB,IAAA,EAAK,GAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,KAAA,EAAM,MAAA;AAAA,MACN,SAAS,MAAM;AACb,QAAA,QAAA,GAAW,SAAS,CAAA;AAAA,MACtB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE;AAAA;AAAA,GAC7C;AAEJ;;;;"}
+{"version":3,"file":"ModeButton.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { MarkdownEditorMode } from \"@/components/MarkdownEditor/MarkdownEditor\";\nimport styles from \"../MarkdownEditor.module.scss\";\n\nexport interface ModeButtonProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: MarkdownEditorMode;\n  onChange?: (newMode: MarkdownEditorMode) => void;\n}\n\nexport const ModeButton: FC<ModeButtonProps> = (props) => {\n  const { currentMode, onChange, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const otherMode = currentMode === \"editor\" ? \"preview\" : \"editor\";\n\n  return (\n    <Button\n      className={styles.modeButton}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={() => {\n        onChange?.(otherMode);\n      }}\n      {...rest}\n    >\n      {stringFormatter.format(`mode.${otherMode}`)}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAa,cAAmC,UAAU;CACxD,MAAM,EAAE,aAAa,UAAU,GAAG,SAAS;CAE3C,MAAM,kBAAkB,4BAA4B,iBAAQ;CAC5D,MAAM,YAAY,gBAAgB,WAAW,YAAY;AAEzD,QACE,oBAAC,QAAD;EACE,WAAW,8BAAO;EAClB,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAe;AACb,cAAW,UAAU;;EAEvB,GAAI;YAEH,gBAAgB,OAAO,QAAQ,YAAY;EACrC,CAAA"}

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

@@ -1,49 +1,80 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from '../MarkdownEditor.module.scss.mjs';
-import '@mittwald/flow-icons';
-import '../../Icon/components/IconSetProvider.mjs';
-import '../../Icon/Icon.mjs';
-import '../../../views/IconView.mjs';
-import { IconBold } from '../../Icon/components/icons/IconBold.mjs';
-import { IconCode } from '../../Icon/components/icons/IconCode.mjs';
-import { IconItalic } from '../../Icon/components/icons/IconItalic.mjs';
-import { IconLink } from '../../Icon/components/icons/IconLink.mjs';
-import { IconOrderedList } from '../../Icon/components/icons/IconOrderedList.mjs';
-import { IconQuote } from '../../Icon/components/icons/IconQuote.mjs';
-import { IconStrikeThrough } from '../../Icon/components/icons/IconStrikeThrough.mjs';
-import { IconUnorderedList } from '../../Icon/components/icons/IconUnorderedList.mjs';
-import { ToolbarButton } from './ToolbarButton.mjs';
-import { ModeButton } from './ModeButton.mjs';
-
-const Toolbar = (props) => {
-  const sharedToolButtonProps = {
-    onPress: props.onToolPressed,
-    isDisabled: props.isDisabled || props.currentMode === "preview"
-  };
-  return /* @__PURE__ */ jsxs("header", { className: styles.toolbar, role: "toolbar", children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.toolbarButtons, children: [
-      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "bold", children: /* @__PURE__ */ jsx(IconBold, {}) }),
-      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "italic", children: /* @__PURE__ */ jsx(IconItalic, {}) }),
-      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "strikeThrough", children: /* @__PURE__ */ jsx(IconStrikeThrough, {}) }),
-      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "quote", children: /* @__PURE__ */ jsx(IconQuote, {}) }),
-      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "code", children: /* @__PURE__ */ jsx(IconCode, {}) }),
-      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "link", children: /* @__PURE__ */ jsx(IconLink, {}) }),
-      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "unorderedList", children: /* @__PURE__ */ jsx(IconUnorderedList, {}) }),
-      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "orderedList", children: /* @__PURE__ */ jsx(IconOrderedList, {}) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      ModeButton,
-      {
-        onChange: props.onModeChange,
-        currentMode: props.currentMode,
-        isDisabled: props.isDisabled
-      }
-    )
-  ] });
+import IconBold from "../../Icon/components/icons/IconBold.mjs";
+import IconCode from "../../Icon/components/icons/IconCode.mjs";
+import IconItalic from "../../Icon/components/icons/IconItalic.mjs";
+import IconLink from "../../Icon/components/icons/IconLink.mjs";
+import IconOrderedList from "../../Icon/components/icons/IconOrderedList.mjs";
+import IconQuote from "../../Icon/components/icons/IconQuote.mjs";
+import IconStrikeThrough from "../../Icon/components/icons/IconStrikeThrough.mjs";
+import IconUnorderedList from "../../Icon/components/icons/IconUnorderedList.mjs";
+import "../../Icon/components/icons/index.mjs";
+import MarkdownEditor_module_default from "../MarkdownEditor.module.mjs";
+import { ToolbarButton } from "./ToolbarButton.mjs";
+import { ModeButton } from "./ModeButton.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/MarkdownEditor/components/Toolbar.tsx
+var Toolbar = (props) => {
+	const sharedToolButtonProps = {
+		onPress: props.onToolPressed,
+		isDisabled: props.isDisabled || props.currentMode === "preview"
+	};
+	return /* @__PURE__ */ jsxs("header", {
+		className: MarkdownEditor_module_default.toolbar,
+		role: "toolbar",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: MarkdownEditor_module_default.toolbarButtons,
+			children: [
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					...sharedToolButtonProps,
+					type: "bold",
+					children: /* @__PURE__ */ jsx(IconBold, {})
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					...sharedToolButtonProps,
+					type: "italic",
+					children: /* @__PURE__ */ jsx(IconItalic, {})
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					...sharedToolButtonProps,
+					type: "strikeThrough",
+					children: /* @__PURE__ */ jsx(IconStrikeThrough, {})
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					...sharedToolButtonProps,
+					type: "quote",
+					children: /* @__PURE__ */ jsx(IconQuote, {})
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					...sharedToolButtonProps,
+					type: "code",
+					children: /* @__PURE__ */ jsx(IconCode, {})
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					...sharedToolButtonProps,
+					type: "link",
+					children: /* @__PURE__ */ jsx(IconLink, {})
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					...sharedToolButtonProps,
+					type: "unorderedList",
+					children: /* @__PURE__ */ jsx(IconUnorderedList, {})
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					...sharedToolButtonProps,
+					type: "orderedList",
+					children: /* @__PURE__ */ jsx(IconOrderedList, {})
+				})
+			]
+		}), /* @__PURE__ */ jsx(ModeButton, {
+			onChange: props.onModeChange,
+			currentMode: props.currentMode,
+			isDisabled: props.isDisabled
+		})]
+	});
 };
-
+//#endregion
 export { Toolbar };
-//# sourceMappingURL=Toolbar.mjs.map
+
+//# sourceMappingURL=Toolbar.mjs.map

package/dist/js/packages/components/src/components/MarkdownEditor/components/Toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.mjs","sources":["../../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport {\n  IconBold,\n  IconCode,\n  IconItalic,\n  IconLink,\n  IconOrderedList,\n  IconQuote,\n  IconStrikeThrough,\n  IconUnorderedList,\n} from \"@/components/Icon/components/icons\";\nimport {\n  ToolbarButton,\n  type ToolBarButtonProps,\n} from \"@/components/MarkdownEditor/components/ToolbarButton\";\nimport {\n  ModeButton,\n  type ModeButtonProps,\n} from \"@/components/MarkdownEditor/components/ModeButton\";\nimport type { ButtonProps } from \"@/components/Button\";\n\ninterface ToolbarProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: ModeButtonProps[\"currentMode\"];\n  onModeChange: ModeButtonProps[\"onChange\"];\n  onToolPressed: ToolBarButtonProps[\"onPress\"];\n}\n\nexport const Toolbar: FC<ToolbarProps> = (props) => {\n  const sharedToolButtonProps: Partial<ToolBarButtonProps> = {\n    onPress: props.onToolPressed,\n    isDisabled: props.isDisabled || props.currentMode === \"preview\",\n  };\n\n  return (\n    <header className={styles.toolbar} role=\"toolbar\">\n      <div className={styles.toolbarButtons}>\n        <ToolbarButton {...sharedToolButtonProps} type=\"bold\">\n          <IconBold />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"italic\">\n          <IconItalic />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"strikeThrough\">\n          <IconStrikeThrough />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"quote\">\n          <IconQuote />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"code\">\n          <IconCode />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"link\">\n          <IconLink />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"unorderedList\">\n          <IconUnorderedList />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"orderedList\">\n          <IconOrderedList />\n        </ToolbarButton>\n      </div>\n\n      <ModeButton\n        onChange={props.onModeChange}\n        currentMode={props.currentMode}\n        isDisabled={props.isDisabled}\n      />\n    </header>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA4BO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,qBAAA,GAAqD;AAAA,IACzD,SAAS,KAAA,CAAM,aAAA;AAAA,IACf,UAAA,EAAY,KAAA,CAAM,UAAA,IAAc,KAAA,CAAM,WAAA,KAAgB;AAAA,GACxD;AAEA,EAAA,4BACG,QAAA,EAAA,EAAO,SAAA,EAAW,MAAA,CAAO,OAAA,EAAS,MAAK,SAAA,EACtC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,cAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,QAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,cAAW,CAAA,EACd,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,eAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,qBAAkB,CAAA,EACrB,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,OAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,aAAU,CAAA,EACb,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,eAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,qBAAkB,CAAA,EACrB,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,aAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CAAA,EACnB;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAU,KAAA,CAAM,YAAA;AAAA,QAChB,aAAa,KAAA,CAAM,WAAA;AAAA,QACnB,YAAY,KAAA,CAAM;AAAA;AAAA;AACpB,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Toolbar.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport {\n  IconBold,\n  IconCode,\n  IconItalic,\n  IconLink,\n  IconOrderedList,\n  IconQuote,\n  IconStrikeThrough,\n  IconUnorderedList,\n} from \"@/components/Icon/components/icons\";\nimport {\n  ToolbarButton,\n  type ToolBarButtonProps,\n} from \"@/components/MarkdownEditor/components/ToolbarButton\";\nimport {\n  ModeButton,\n  type ModeButtonProps,\n} from \"@/components/MarkdownEditor/components/ModeButton\";\nimport type { ButtonProps } from \"@/components/Button\";\n\ninterface ToolbarProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: ModeButtonProps[\"currentMode\"];\n  onModeChange: ModeButtonProps[\"onChange\"];\n  onToolPressed: ToolBarButtonProps[\"onPress\"];\n}\n\nexport const Toolbar: FC<ToolbarProps> = (props) => {\n  const sharedToolButtonProps: Partial<ToolBarButtonProps> = {\n    onPress: props.onToolPressed,\n    isDisabled: props.isDisabled || props.currentMode === \"preview\",\n  };\n\n  return (\n    <header className={styles.toolbar} role=\"toolbar\">\n      <div className={styles.toolbarButtons}>\n        <ToolbarButton {...sharedToolButtonProps} type=\"bold\">\n          <IconBold />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"italic\">\n          <IconItalic />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"strikeThrough\">\n          <IconStrikeThrough />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"quote\">\n          <IconQuote />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"code\">\n          <IconCode />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"link\">\n          <IconLink />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"unorderedList\">\n          <IconUnorderedList />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"orderedList\">\n          <IconOrderedList />\n        </ToolbarButton>\n      </div>\n\n      <ModeButton\n        onChange={props.onModeChange}\n        currentMode={props.currentMode}\n        isDisabled={props.isDisabled}\n      />\n    </header>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAa,WAA6B,UAAU;CAClD,MAAM,wBAAqD;EACzD,SAAS,MAAM;EACf,YAAY,MAAM,cAAc,MAAM,gBAAgB;EACvD;AAED,QACE,qBAAC,UAAD;EAAQ,WAAW,8BAAO;EAAS,MAAK;YAAxC,CACE,qBAAC,OAAD;GAAK,WAAW,8BAAO;aAAvB;IACE,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,UAAD,EAAY,CAAA;KACE,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,YAAD,EAAc,CAAA;KACA,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,mBAAD,EAAqB,CAAA;KACP,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,WAAD,EAAa,CAAA;KACC,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,UAAD,EAAY,CAAA;KACE,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,UAAD,EAAY,CAAA;KACE,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,mBAAD,EAAqB,CAAA;KACP,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,iBAAD,EAAmB,CAAA;KACL,CAAA;IACZ;MAEN,oBAAC,YAAD;GACE,UAAU,MAAM;GAChB,aAAa,MAAM;GACnB,YAAY,MAAM;GAClB,CAAA,CACK"}