@plumile/ui 0.1.104 → 0.1.106

package/lib/esm/{BackofficeJsonViewerAsync-BmWDenXs.js → BackofficeJsonViewerAsync-Bw2ffU_4.js}

@@ -1,7 +1,7 @@
-import { Ht as e } from "./src-PWZgeO3e.js";
+import { Ir as e } from "./src-DJ_3P36n.js";
 //#region src/backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewerAsync.tsx
 var t = e;
 //#endregion
 export { t as default };
 
-//# sourceMappingURL=BackofficeJsonViewerAsync-BmWDenXs.js.map
+//# sourceMappingURL=BackofficeJsonViewerAsync-Bw2ffU_4.js.map

package/lib/esm/{BackofficeJsonViewerAsync-BmWDenXs.js.map → BackofficeJsonViewerAsync-Bw2ffU_4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BackofficeJsonViewerAsync-BmWDenXs.js","names":[],"sources":["../../src/backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewerAsync.tsx"],"sourcesContent":["import { BackofficeJsonViewer } from './BackofficeJsonViewer.js';\n\nexport default BackofficeJsonViewer;\n"],"mappings":";;AAEA,IAAA,IAAe"}
+{"version":3,"file":"BackofficeJsonViewerAsync-Bw2ffU_4.js","names":[],"sources":["../../src/backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewerAsync.tsx"],"sourcesContent":["import { BackofficeJsonViewer } from './BackofficeJsonViewer.js';\n\nexport default BackofficeJsonViewer;\n"],"mappings":";;AAEA,IAAA,IAAe"}

package/lib/esm/{HighlightCode-KpWSo7Zx.js → HighlightCode-DpXwrY5A.js}

@@ -1,23 +1,29 @@
 import { cloneElement as e, isValidElement as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
 //#region src/theme/tools.ts
-function c(e) {
+function l(e) {
 	let t = [];
 	for (let n of e) n != null && t.push(n);
 	return t;
 }
-function l(e) {
+function u(e) {
 	if (e == null) return null;
 	if (typeof e == "string") return e;
 	let t = Object.entries(e).filter(([, e]) => e).map(([e]) => e);
 	return t.length === 0 ? null : t.join(" ");
 }
-function u(...e) {
-	return c(e.map(l)).join(" ");
+function d(...e) {
+	return l(e.map(u)).join(" ");
+}
+//#endregion
+//#region src/i18n/useUiTranslation.ts
+function f() {
+	return c("ui");
 }
 //#endregion
 //#region src/icons/markdown/MarkdownCopySuccessSvg.tsx
-var d = (e) => /* @__PURE__ */ s("svg", {
+var p = (e) => /* @__PURE__ */ s("svg", {
 	"aria-hidden": "true",
 	height: "16",
 	viewBox: "0 0 16 16",
@@ -51,7 +57,7 @@ var d = (e) => /* @__PURE__ */ s("svg", {
 			strokeWidth: "1.25"
 		})
 	]
-}), f = (e) => /* @__PURE__ */ s("svg", {
+}), m = (e) => /* @__PURE__ */ s("svg", {
 	"aria-hidden": "true",
 	height: "16",
 	viewBox: "0 0 16 16",
@@ -74,12 +80,12 @@ var d = (e) => /* @__PURE__ */ s("svg", {
 		strokeLinejoin: "round",
 		strokeWidth: "1.25"
 	})]
-}), p = "hyax591 hyax590 txvbqbnvy txvbqboj7 txvbqbp67 txvbqblxy txvbqbcp txvbqbv5t txvbqb1qy txvbqb1py txvbqb12g txvbqbvbd txvbqbv txvbqb9jg txvbqbany txvbqb78 txvbqb6x txvbqb7m", m = "hyax592 txvbqb8p txvbqbamg", h = "hyax593 txvbqbc67 txvbqbtx7", g = ({ code: e }) => {
-	let [t, c] = a(!1), l = i(null);
+}), h = "hyax591 hyax590 txvbqbnvy txvbqboj7 txvbqbp67 txvbqblxy txvbqbcp txvbqbv5t txvbqb1qy txvbqb1py txvbqb12g txvbqbvbd txvbqbv txvbqb9jg txvbqbany txvbqb78 txvbqb6x txvbqb7m", g = "hyax592 txvbqb8p txvbqbamg", _ = "hyax593 txvbqbc67 txvbqbtx7", v = ({ code: e }) => {
+	let { t } = f(), [c, l] = a(!1), u = i(null);
 	r(() => () => {
-		l.current != null && window.clearTimeout(l.current);
+		u.current != null && window.clearTimeout(u.current);
 	}, []);
-	let u = n(async () => {
+	let d = n(async () => {
 		try {
 			let t;
 			if (typeof navigator < "u" && (t = navigator.clipboard), t != null && typeof t.writeText == "function") await t.writeText(e);
@@ -87,62 +93,62 @@ var d = (e) => /* @__PURE__ */ s("svg", {
 				let t = document.createElement("textarea");
 				t.value = e, t.setAttribute("readonly", ""), t.style.position = "absolute", t.style.left = "-9999px", document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t);
 			}
-			c(!0), l.current != null && window.clearTimeout(l.current), l.current = window.setTimeout(() => {
-				c(!1), l.current = null;
+			l(!0), u.current != null && window.clearTimeout(u.current), u.current = window.setTimeout(() => {
+				l(!1), u.current = null;
 			}, 2e3);
 		} catch {}
-	}, [e]), g = "Copier le code";
-	t && (g = "Copié !");
-	let _ = /* @__PURE__ */ o(f, { className: h });
-	t && (_ = /* @__PURE__ */ o(d, { className: h }));
-	let v = "Copier";
-	return t && (v = "Copié"), /* @__PURE__ */ s("button", {
-		className: p,
+	}, [e]), v = t("markdown.code.copyTitle");
+	c && (v = t("markdown.code.copiedTitle"));
+	let y = /* @__PURE__ */ o(m, { className: _ });
+	c && (y = /* @__PURE__ */ o(p, { className: _ }));
+	let b = t("markdown.code.copy");
+	return c && (b = t("markdown.code.copied")), /* @__PURE__ */ s("button", {
+		className: h,
 		onClick: () => {
-			u().catch(() => {});
+			d().catch(() => {});
 		},
-		title: g,
+		title: v,
 		type: "button",
-		children: [_, /* @__PURE__ */ o("span", {
-			className: m,
-			children: v
+		children: [y, /* @__PURE__ */ o("span", {
+			className: g,
+			children: b
 		})]
 	});
-}, _ = "_14wey9t0 txvbqbg0y txvbqbv5t txvbqb1cp txvbqb1qg txvbqbsp txvbqb1rp txvbqbvbd txvbqbjep txvbqbk5y txvbqbl7g txvbqbptg txvbqbu7g", v = "_14wey9t1 txvbqbcp txvbqb9ip txvbqbdpp txvbqbnw7 txvbqbojg txvbqbp6p txvbqblyg txvbqbv3t txvbqbao7", y = "_14wey9t2 txvbqbnvy txvbqboj7 txvbqbprp txvbqbmjg txvbqbv3t txvbqb1t7 txvbqbvaz txvbqb8p txvbqbamg txvbqb66", b = "_14wey9t3 txvbqbnw7 txvbqbojg txvbqbp6p txvbqblyg txvbqbivg txvbqbjep txvbqbk5y txvbqbl9g txvbqbu7g", x = "_14wey9t4 ", S = "_14wey9t5 txvbqbfcp", C = "_14wey9t6 txvbqbvbd txvbqbal7 txvbqb8y txvbqbf5y txvbqbfcp txvbqbuxy", w = "_14wey9t7 txvbqbva1 txvbqb8y txvbqb1o", T = (n) => {
+}, y = "_14wey9t0 txvbqbg0y txvbqbv5t txvbqb1cp txvbqb1qg txvbqbsp txvbqb1rp txvbqbvbd txvbqbjep txvbqbk5y txvbqbl7g txvbqbptg txvbqbu7g", b = "_14wey9t1 txvbqbcp txvbqb9ip txvbqbdpp txvbqbnw7 txvbqbojg txvbqbp6p txvbqblyg txvbqbv3t txvbqbao7", x = "_14wey9t2 txvbqbnvy txvbqboj7 txvbqbprp txvbqbmjg txvbqbv3t txvbqb1t7 txvbqbvaz txvbqb8p txvbqbamg txvbqb66", S = "_14wey9t3 txvbqbnw7 txvbqbojg txvbqbp6p txvbqblyg txvbqbivg txvbqbjep txvbqbk5y txvbqbl9g txvbqbu7g", C = "_14wey9t4 ", w = "_14wey9t5 txvbqbfcp", T = "_14wey9t6 txvbqbvbd txvbqbal7 txvbqb8y txvbqbf5y txvbqbfcp txvbqbuxy", E = "_14wey9t7 txvbqbva1 txvbqb8y txvbqb1o", D = (n) => {
 	if (!t(n) || typeof n.type != "string" || n.type !== "pre") return n;
 	let r = n.props.className;
-	return e(n, { className: u(S, r) });
-}, E = ({ badgeLabel: e, copyCode: t, highlighted: n, fallbackCodeText: r, placeholderText: i }) => {
+	return e(n, { className: d(w, r) });
+}, O = ({ badgeLabel: e, copyCode: t, highlighted: n, fallbackCodeText: r, placeholderText: i }) => {
 	let a;
 	a = i == null ? n == null ? /* @__PURE__ */ o("pre", {
-		className: C,
+		className: T,
 		children: r ?? ""
 	}) : typeof n == "string" ? /* @__PURE__ */ o("pre", {
-		className: C,
+		className: T,
 		dangerouslySetInnerHTML: { __html: n }
 	}) : /* @__PURE__ */ o("div", {
-		className: x,
-		children: T(n)
+		className: C,
+		children: D(n)
 	}) : /* @__PURE__ */ o("span", {
-		className: w,
+		className: E,
 		children: i
 	});
 	let c = null;
-	return typeof t == "string" && t !== "" && (c = /* @__PURE__ */ o(g, { code: t })), /* @__PURE__ */ s("div", {
-		className: _,
+	return typeof t == "string" && t !== "" && (c = /* @__PURE__ */ o(v, { code: t })), /* @__PURE__ */ s("div", {
+		className: y,
 		children: [/* @__PURE__ */ s("div", {
-			className: v,
+			className: b,
 			children: [/* @__PURE__ */ o("span", {
-				className: y,
+				className: x,
 				children: e
 			}), c]
 		}), /* @__PURE__ */ o("div", {
-			className: b,
+			className: S,
 			children: a
 		})]
 	});
 };
 //#endregion
-export { u as n, c as r, E as t };
+export { l as i, f as n, d as r, O as t };
 
-//# sourceMappingURL=HighlightCode-KpWSo7Zx.js.map
+//# sourceMappingURL=HighlightCode-DpXwrY5A.js.map

package/lib/esm/HighlightCode-DpXwrY5A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightCode-DpXwrY5A.js","names":[],"sources":["../../src/theme/tools.ts","../../src/i18n/useUiTranslation.ts","../../src/icons/markdown/MarkdownCopySuccessSvg.tsx","../../src/icons/markdown/MarkdownCopySvg.tsx","../../src/atomic/molecules/markdown/components/MarkdownCodeCopyButton.css.ts","../../src/atomic/molecules/markdown/components/MarkdownCodeCopyButton.tsx","../../src/atomic/molecules/highlight/HighlightCode.css.ts","../../src/atomic/molecules/highlight/HighlightCode.tsx"],"sourcesContent":["/**\n * Returns array of only strings\n */\nexport function onlyDefinedStyles(\n  styles: (string | null | undefined)[],\n): string[] {\n  const filteredStyles: string[] = [];\n\n  for (const style of styles) {\n    if (style != null) {\n      filteredStyles.push(style);\n    }\n  }\n\n  return filteredStyles;\n}\n\n/**\n * Converts a single class item into a string or null.\n * Accepts strings and objects like { [className]: boolean }.\n */\nfunction normalizeClassItem(\n  item: string | null | undefined | Record<string, boolean>,\n): string | null {\n  if (item == null) {\n    return null;\n  }\n  if (typeof item === 'string') {\n    return item;\n  }\n\n  const enabled = Object.entries(item)\n    .filter(([, on]) => {\n      return on;\n    })\n    .map(([name]) => {\n      return name;\n    });\n\n  if (enabled.length === 0) {\n    return null;\n  }\n\n  return enabled.join(' ');\n}\n\n/**\n * Returns a string of valid css classes to be used in className.\n * Accepts strings and objects like { [className]: boolean }.\n */\nexport function cx(\n  ...styles: (string | null | undefined | Record<string, boolean>)[]\n): string {\n  return onlyDefinedStyles(styles.map(normalizeClassItem)).join(' ');\n}\n","import { useTranslation } from 'react-i18next';\n\n/** Returns i18n helpers bound to the ui namespace. */\nexport function useUiTranslation(): ReturnType<typeof useTranslation> {\n  return useTranslation('ui');\n}\n","import { type JSX, type SVGProps } from 'react';\n\nexport const MarkdownCopySuccessSvg = (\n  props: SVGProps<SVGSVGElement>,\n): JSX.Element => {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      {...props}\n    >\n      <rect\n        fill=\"none\"\n        height=\"9.5\"\n        rx=\"1.25\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.25\"\n        width=\"8.5\"\n        x=\"5.25\"\n        y=\"3.25\"\n      />\n      <path\n        d=\"M3.5 5.75v6.75a1 1 0 0 0 1 1h5.5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"1.25\"\n      />\n      <path\n        d=\"M7.25 7.75l1.75 1.75 3-3\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"1.25\"\n      />\n    </svg>\n  );\n};\n\nexport default MarkdownCopySuccessSvg;\n","import { type JSX, type SVGProps } from 'react';\n\nexport const MarkdownCopySvg = (\n  props: SVGProps<SVGSVGElement>,\n): JSX.Element => {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      {...props}\n    >\n      <rect\n        fill=\"none\"\n        height=\"9.5\"\n        rx=\"1.25\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.25\"\n        width=\"8.5\"\n        x=\"5.25\"\n        y=\"3.25\"\n      />\n      <path\n        d=\"M3.5 5.75v6.75a1 1 0 0 0 1 1h5.5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"1.25\"\n      />\n    </svg>\n  );\n};\n\nexport default MarkdownCopySvg;\n","import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '../../../../theme/sprinkles.css.js';\nimport { vars } from '../../../../theme/themeContract.js';\n\nexport const copyButton = style([\n  sprinkles({\n    alignItems: 'center',\n    backgroundColor: 'brandLightGray',\n    borderRadius: 'sm',\n    borderStyle: 'none',\n    borderWidth: 0,\n    color: 'brandDarkGray',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    gap: 1,\n    paddingX: 2,\n    paddingY: 1,\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease-in-out',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.primaryLight,\n      },\n      '&:focus-visible': {\n        outline: `${vars.borderWidth.default} solid ${vars.colors.brandPrimaryRed}`,\n        outlineOffset: vars.spacing[0.5],\n      },\n      '&:disabled': {\n        cursor: 'default',\n        opacity: 0.6,\n      },\n    },\n  },\n]);\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  fontWeight: 'medium',\n});\n\nexport const icon = sprinkles({\n  height: 4,\n  width: 4,\n});\n","import { useCallback, useEffect, useRef, useState, type JSX } from 'react';\n\nimport { MarkdownCopySuccessSvg } from '../../../../icons/markdown/MarkdownCopySuccessSvg.js';\nimport { MarkdownCopySvg } from '../../../../icons/markdown/MarkdownCopySvg.js';\nimport { useUiTranslation } from '../../../../i18n/useUiTranslation.js';\n\nimport {\n  copyButton,\n  icon as iconClass,\n  label,\n} from './MarkdownCodeCopyButton.css.js';\n\ntype Props = {\n  code: string;\n};\n\nexport const MarkdownCodeCopyButton = ({ code }: Props): JSX.Element => {\n  const { t } = useUiTranslation();\n  const [copied, setCopied] = useState(false);\n  const timeoutRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current != null) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const handleCopy = useCallback(async () => {\n    try {\n      let clipboard: Clipboard | undefined;\n      if (typeof navigator !== 'undefined') {\n        clipboard = navigator.clipboard;\n      }\n      if (clipboard != null && typeof clipboard.writeText === 'function') {\n        await clipboard.writeText(code);\n      } else {\n        const textarea = document.createElement('textarea');\n        textarea.value = code;\n        textarea.setAttribute('readonly', '');\n        textarea.style.position = 'absolute';\n        textarea.style.left = '-9999px';\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n      }\n      setCopied(true);\n      if (timeoutRef.current != null) {\n        window.clearTimeout(timeoutRef.current);\n      }\n      timeoutRef.current = window.setTimeout(() => {\n        setCopied(false);\n        timeoutRef.current = null;\n      }, 2000);\n    } catch {\n      // silently ignore copy failures\n    }\n  }, [code]);\n\n  let buttonTitle = t('markdown.code.copyTitle');\n  if (copied) {\n    buttonTitle = t('markdown.code.copiedTitle');\n  }\n\n  let iconElement: JSX.Element = <MarkdownCopySvg className={iconClass} />;\n  if (copied) {\n    iconElement = <MarkdownCopySuccessSvg className={iconClass} />;\n  }\n\n  let labelText = t('markdown.code.copy');\n  if (copied) {\n    labelText = t('markdown.code.copied');\n  }\n\n  return (\n    <button\n      className={copyButton}\n      onClick={() => {\n        handleCopy().catch(() => {\n          // ignore copy failures surfaced via promise rejection\n        });\n      }}\n      title={buttonTitle}\n      type=\"button\"\n    >\n      {iconElement}\n      <span className={label}>{labelText}</span>\n    </button>\n  );\n};\n","import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  marginBottom: 4,\n  backgroundColor: 'brandLightGray',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'primaryLight',\n  borderRadius: 'lg',\n  color: 'brandDarkGray',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflow: 'hidden',\n  position: 'relative',\n  width: 'full',\n});\n\nexport const toolbar = sprinkles({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'space-between',\n  paddingLeft: 3,\n  paddingRight: 3,\n  paddingTop: 3,\n  paddingBottom: 3,\n  backgroundColor: 'primaryLight',\n  gap: 2,\n});\n\nexport const badge = sprinkles({\n  backgroundColor: 'primaryLight',\n  borderRadius: 'full',\n  color: 'brandPrimaryRed',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  paddingY: 0.5,\n  paddingX: 2,\n  textTransform: 'uppercase',\n});\n\nexport const content = sprinkles({\n  maxHeight: 'full',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflowX: 'auto',\n  paddingY: 3,\n  paddingX: 3,\n  width: 'full',\n});\n\nexport const shikiWrapper = sprinkles({});\n\nexport const shikiPre = sprinkles({\n  margin: 0,\n});\n\nexport const fallbackCode = sprinkles({\n  color: 'brandDarkGray',\n  fontFamily: 'mono',\n  fontSize: 'sm',\n  lineHeight: 1.6,\n  margin: 0,\n  whiteSpace: 'pre',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  fontStyle: 'italic',\n});\n","import { cloneElement, isValidElement, type JSX, type ReactNode } from 'react';\n\nimport { MarkdownCodeCopyButton } from '../markdown/components/MarkdownCodeCopyButton.js';\nimport {\n  badge,\n  container,\n  content,\n  fallbackCode,\n  placeholder,\n  shikiPre,\n  shikiWrapper,\n  toolbar,\n} from './HighlightCode.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype HighlightContent = ReactNode | string | null | undefined;\n\ntype Props = {\n  badgeLabel: string;\n  copyCode?: string | null;\n  highlighted?: HighlightContent;\n  fallbackCodeText?: string | null;\n  placeholderText?: string | null;\n};\n\nconst withPreClassName = (node: ReactNode): ReactNode => {\n  if (!isValidElement<{ className?: string }>(node)) {\n    return node;\n  }\n  if (typeof node.type !== 'string' || node.type !== 'pre') {\n    return node;\n  }\n  const existingClassName = node.props.className;\n  return cloneElement(node, {\n    className: cx(shikiPre, existingClassName),\n  });\n};\n\nexport const HighlightCode = ({\n  badgeLabel,\n  copyCode,\n  highlighted,\n  fallbackCodeText,\n  placeholderText,\n}: Props): JSX.Element => {\n  let body: JSX.Element;\n  if (placeholderText != null) {\n    body = <span className={placeholder}>{placeholderText}</span>;\n  } else if (highlighted != null) {\n    if (typeof highlighted === 'string') {\n      body = (\n        <pre\n          className={fallbackCode}\n          dangerouslySetInnerHTML={{ __html: highlighted }}\n        />\n      );\n    } else {\n      body = (\n        <div className={shikiWrapper}>{withPreClassName(highlighted)}</div>\n      );\n    }\n  } else {\n    body = <pre className={fallbackCode}>{fallbackCodeText ?? ''}</pre>;\n  }\n\n  let copyButton: JSX.Element | null = null;\n  if (typeof copyCode === 'string' && copyCode !== '') {\n    copyButton = <MarkdownCodeCopyButton code={copyCode} />;\n  }\n\n  return (\n    <div className={container}>\n      <div className={toolbar}>\n        <span className={badge}>{badgeLabel}</span>\n        {copyButton}\n      </div>\n      <div className={content}>{body}</div>\n    </div>\n  );\n};\n\nexport default HighlightCode;\n"],"mappings":"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"}

package/lib/esm/{MarkdownCodeBlock-CLK5KJgU.js → MarkdownCodeBlock-CnI5nEfE.js}

@@ -1,10 +1,10 @@
 import { r as e } from "./chunk-ha4E1CQs.js";
-import { t } from "./HighlightCode-KpWSo7Zx.js";
-import { Suspense as n, lazy as r, useDeferredValue as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { createGlobalThemeContract as f } from "@vanilla-extract/css";
+import { n as t, t as n } from "./HighlightCode-DpXwrY5A.js";
+import { Suspense as r, lazy as i, useDeferredValue as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createGlobalThemeContract as p } from "@vanilla-extract/css";
 //#region src/theme/themeContract.ts
-var p = {
+var m = {
 	inherit: "",
 	current: "",
 	transparent: "",
@@ -100,7 +100,7 @@ var p = {
 	brandLightGray: "",
 	brandDarkGray: "",
 	brandBackgroundGradient: ""
-}, m = {
+}, h = {
 	auto: "",
 	full: "",
 	px: "",
@@ -194,8 +194,8 @@ var p = {
 	108: "",
 	112: "",
 	120: ""
-}, h = f({
-	spacing: m,
+}, g = p({
+	spacing: h,
 	screens: {
 		sm: "",
 		md: "",
@@ -327,10 +327,10 @@ var p = {
 		"1/2": "",
 		full: ""
 	},
-	borderSpacing: m,
+	borderSpacing: h,
 	borderWidth: {
 		default: "",
-		...m,
+		...h,
 		0: "",
 		2: "",
 		4: "",
@@ -393,7 +393,7 @@ var p = {
 		none: ""
 	},
 	flexBasis: {
-		...m,
+		...h,
 		260: "",
 		"1/2": "",
 		"1/3": "",
@@ -607,15 +607,15 @@ var p = {
 		fr1: ""
 	},
 	left: {
-		...m,
+		...h,
 		"1/2": ""
 	},
 	top: {
-		...m,
+		...h,
 		"1/2": ""
 	},
 	height: {
-		...m,
+		...h,
 		1.1: "",
 		260: "",
 		300: "",
@@ -643,7 +643,7 @@ var p = {
 		auto: ""
 	},
 	inset: {
-		...m,
+		...h,
 		"1/2": "",
 		"1/3": "",
 		"2/3": "",
@@ -690,7 +690,7 @@ var p = {
 		widest: ""
 	},
 	lineHeight: {
-		...m,
+		...h,
 		1.2: "",
 		1.3: "",
 		1.4: "",
@@ -726,9 +726,9 @@ var p = {
 		disc: "",
 		decimal: ""
 	},
-	margin: { ...m },
+	margin: { ...h },
 	maxHeight: {
-		...m,
+		...h,
 		"50vh": "",
 		"70vh": "",
 		"90vh": "",
@@ -770,7 +770,7 @@ var p = {
 		xs: ""
 	},
 	minHeight: {
-		...m,
+		...h,
 		350: "",
 		360: "",
 		0: "",
@@ -886,7 +886,7 @@ var p = {
 		12: ""
 	},
 	stroke: {
-		...p,
+		...m,
 		none: ""
 	},
 	strokeWidth: {
@@ -967,7 +967,7 @@ var p = {
 		"in-out": ""
 	},
 	width: {
-		...m,
+		...h,
 		1.1: "",
 		auto: "",
 		140: "",
@@ -1027,7 +1027,7 @@ var p = {
 		40: "",
 		50: ""
 	}
-}, (e, t) => e != null && e !== "" ? e : `plumile-${t.join("-").replace(/[./%, ]/g, "-")}`), g = {
+}, (e, t) => e != null && e !== "" ? e : `plumile-${t.join("-").replace(/[./%, ]/g, "-")}`), _ = {
 	inherit: "inherit",
 	current: "currentColor",
 	transparent: "transparent",
@@ -1123,21 +1123,21 @@ var p = {
 	brandLightGray: "#F8F8F8",
 	brandDarkGray: "#333333",
 	brandBackgroundGradient: "linear-gradient(20deg, #d4aab1, #c97e8a, #c52640)"
-}, _ = "_1rh6udy0 txvbqb9ip txvbqbdoy txvbqbu7g", v = "_1rh6udy1 txvbqb9i7 txvbqbcg7 txvbqbjep", y = "_1rh6udy2 txvbqb9ip txvbqbai7 txvbqbao7", b = "_1rh6udy3 txvbqbva1 txvbqb8y txvbqbamg txvbqbfcp", x = "_1rh6udy4 txvbqbvbd txvbqbal7 txvbqb8p txvbqbf3p txvbqbfcp txvbqbuy7 txvbqbuu7", S = /^var\((--[^,)+]+)(?:,[^)]+)?\)$/, C = (e, t) => {
-	let n = e.trim(), r = S.exec(n);
+}, v = "_1rh6udy0 txvbqb9ip txvbqbdoy txvbqbu7g", y = "_1rh6udy1 txvbqb9i7 txvbqbcg7 txvbqbjep", b = "_1rh6udy2 txvbqb9ip txvbqbai7 txvbqbao7", x = "_1rh6udy3 txvbqbva1 txvbqb8y txvbqbamg txvbqbfcp", S = "_1rh6udy4 txvbqbvbd txvbqbal7 txvbqb8p txvbqbf3p txvbqbfcp txvbqbuy7 txvbqbuu7", C = /^var\((--[^,)+]+)(?:,[^)]+)?\)$/, w = (e, t) => {
+	let n = e.trim(), r = C.exec(n);
 	if (r == null) return n === "" ? t : n;
 	let i = r[1];
 	if (i == null || i === "" || typeof window > "u") return t;
 	let a = getComputedStyle(document.documentElement).getPropertyValue(i).trim();
 	return a === "" ? t : a;
-}, w = () => {
+}, T = () => {
 	let e = {
 		background: "transparent",
-		fontFamily: C(h.fontFamily.sans),
-		lineColor: C(h.colors.brandDarkGray, g.brandDarkGray),
-		primaryBorderColor: C(h.colors.primaryLight, g.primaryLight),
-		primaryColor: C(h.colors.primaryLight, g.primaryLight),
-		primaryTextColor: C(h.colors.brandDarkGray, g.brandDarkGray)
+		fontFamily: w(g.fontFamily.sans),
+		lineColor: w(g.colors.brandDarkGray, _.brandDarkGray),
+		primaryBorderColor: w(g.colors.primaryLight, _.primaryLight),
+		primaryColor: w(g.colors.primaryLight, _.primaryLight),
+		primaryTextColor: w(g.colors.brandDarkGray, _.brandDarkGray)
 	};
 	return {
 		startOnLoad: !1,
@@ -1146,92 +1146,96 @@ var p = {
 		theme: "base",
 		themeVariables: Object.fromEntries(Object.entries(e).filter(([, e]) => e != null && e !== ""))
 	};
-}, T = null, E = !1, D = async () => {
-	T ??= import("./mermaid.core-i12yADTp.js").then((e) => e.default);
-	let e = await T;
-	return E ||= (e.initialize(w()), !0), e;
-}, O = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Mermaid diagram failed to render.", k = /<svg\b([^>]*)>/i, A = /\bclass="([^"]*)"/i, j = (e, t) => e.replace(k, (e, n) => {
+}, E = null, D = !1, O = async () => {
+	E ??= import("./mermaid.core-i12yADTp.js").then((e) => e.default);
+	let e = await E;
+	return D ||= (e.initialize(T()), !0), e;
+}, k = /<svg\b([^>]*)>/i, A = /\bclass="([^"]*)"/i, j = (e, t) => e.replace(k, (e, n) => {
 	let r = String(n ?? "");
 	return A.test(r) ? `<svg${r.replace(A, (e, n) => ` class="${n} ${t}"`)}>` : `<svg class="${t}"${r}>`;
 }), M = ({ code: e }) => {
-	let n = o(), r = s(() => `mermaid-${n.replace(/:/g, "")}`, [n]), i = c(null), f = c(null), [p, m] = l(null), [h, g] = l(null), [S, C] = l(!0);
-	a(() => {
+	let { t: r } = t(), i = s(), a = c(() => `mermaid-${i.replace(/:/g, "")}`, [i]), p = l(null), m = l(null), [h, g] = u(null), [_, C] = u(null), [w, T] = u(!0);
+	o(() => {
 		let t = !1;
-		return f.current = null, m(null), g(null), C(!0), e.trim() === "" ? (g("Mermaid diagram is empty."), C(!1), () => {
+		return m.current = null, g(null), C(null), T(!0), e.trim() === "" ? (C(r("markdown.mermaid.empty")), T(!1), () => {
 			t = !0;
 		}) : ((async () => {
 			try {
-				let n = await (await D()).render(r, e);
+				let n = await (await O()).render(a, e);
 				if (t) return;
-				f.current = n.bindFunctions ?? null, m(j(n.svg, v));
-			} catch (e) {
-				t || g(O(e));
+				m.current = n.bindFunctions ?? null, g(j(n.svg, y));
+			} catch {
+				t || C(r("markdown.mermaid.renderFailed"));
 			} finally {
-				t || C(!1);
+				t || T(!1);
 			}
-		})().catch((e) => {
-			t || (g(O(e)), C(!1));
+		})().catch(() => {
+			t || (C(r("markdown.mermaid.renderFailed")), T(!1));
 		}), () => {
 			t = !0;
 		});
-	}, [e, r]), a(() => {
-		let e = i.current, t = f.current;
+	}, [
+		e,
+		a,
+		r
+	]), o(() => {
+		let e = p.current, t = m.current;
 		e == null || t == null || t(e);
-	}, [p]);
-	let w = null;
-	S && (w = "Rendering Mermaid diagram...");
-	let T = null;
-	return p == null ? h != null && (T = /* @__PURE__ */ d("div", {
-		className: y,
-		children: [/* @__PURE__ */ u("p", {
-			className: b,
-			children: h
-		}), /* @__PURE__ */ u("pre", {
+	}, [h]);
+	let E = null;
+	w && (E = r("markdown.mermaid.rendering"));
+	let D = null;
+	return h == null ? _ != null && (D = /* @__PURE__ */ f("div", {
+		className: b,
+		children: [/* @__PURE__ */ d("p", {
 			className: x,
+			children: _
+		}), /* @__PURE__ */ d("pre", {
+			className: S,
 			children: e
 		})]
-	})) : T = /* @__PURE__ */ u("div", {
-		className: _,
-		ref: i,
+	})) : D = /* @__PURE__ */ d("div", {
+		className: v,
+		ref: p,
 		role: "img",
-		"aria-label": "Mermaid diagram",
-		dangerouslySetInnerHTML: { __html: p }
-	}), /* @__PURE__ */ u(t, {
+		"aria-label": r("markdown.mermaid.diagramLabel"),
+		dangerouslySetInnerHTML: { __html: h }
+	}), /* @__PURE__ */ d(n, {
 		badgeLabel: "MERMAID",
 		copyCode: e,
-		highlighted: T,
+		highlighted: D,
 		fallbackCodeText: e,
-		placeholderText: w
+		placeholderText: E
 	});
-}, N = /* @__PURE__ */ e({ MarkdownCodeBlock: () => F }), P = r(async () => ({ default: (await import("./MarkdownShikiCodeBlock-CbaOKfZO.js")).MarkdownShikiCodeBlock })), F = ({ code: e, language: r, badgeLabel: a }) => {
-	let o = i(s(() => e.replace(/\s+$/, ""), [e])), c = "plaintext";
-	if (r != null) {
-		let e = r.trim().toLowerCase();
-		e !== "" && (c = e);
+}, N = /* @__PURE__ */ e({ MarkdownCodeBlock: () => F }), P = i(async () => ({ default: (await import("./MarkdownShikiCodeBlock-DjEM_vzJ.js")).MarkdownShikiCodeBlock })), F = ({ code: e, language: i, badgeLabel: o }) => {
+	let { t: s } = t(), l = a(c(() => e.replace(/\s+$/, ""), [e])), u = "plaintext";
+	if (i != null) {
+		let e = i.trim().toLowerCase();
+		e !== "" && (u = e);
 	}
-	let l = c === "mermaid", d = c;
-	l && (d = "plaintext");
-	let f = "CODE", p = a?.trim();
-	if (p != null && p !== "") f = p;
-	else if (r != null) {
-		let e = r.trim();
-		e !== "" && (f = e.toUpperCase());
+	let f = u === "mermaid", p = u;
+	f && (p = "plaintext");
+	let m = "CODE", h = o?.trim();
+	if (h != null && h !== "") m = h;
+	else if (i != null) {
+		let e = i.trim();
+		e !== "" && (m = e.toUpperCase());
 	}
-	return l ? /* @__PURE__ */ u(M, { code: o }) : /* @__PURE__ */ u(n, {
-		fallback: /* @__PURE__ */ u(t, {
-			badgeLabel: f,
-			copyCode: o,
-			fallbackCodeText: o,
-			placeholderText: "Loading syntax highlighting..."
+	return f ? /* @__PURE__ */ d(M, { code: l }) : /* @__PURE__ */ d(r, {
+		fallback: /* @__PURE__ */ d(n, {
+			badgeLabel: m,
+			copyCode: l,
+			fallbackCodeText: l,
+			placeholderText: s("markdown.code.loadingHighlight")
 		}),
-		children: /* @__PURE__ */ u(P, {
-			badgeLabel: f,
-			code: o,
-			language: d
+		children: /* @__PURE__ */ d(P, {
+			badgeLabel: m,
+			code: l,
+			language: p
 		})
 	});
 };
 //#endregion
-export { m as a, p as i, N as n, h as o, g as r, F as t };
+export { h as a, m as i, N as n, g as o, _ as r, F as t };
 
-//# sourceMappingURL=MarkdownCodeBlock-CLK5KJgU.js.map
+//# sourceMappingURL=MarkdownCodeBlock-CnI5nEfE.js.map