@burojs/ui-shadcn 0.3.0 → 0.4.0

package/dist/markdown/index.cjs

@@ -1,550 +1,463 @@
-'use strict';
-
-var chunkYF5IW525_cjs = require('../chunk-YF5IW525.cjs');
-require('../chunk-VXJAXJ3U.cjs');
-var chunkW7AEYE7A_cjs = require('../chunk-W7AEYE7A.cjs');
-var Markdown = require('react-markdown');
-var rehypeSanitize = require('rehype-sanitize');
-var rehypeSlug = require('rehype-slug');
-var remarkDirective = require('remark-directive');
-var remarkGfm = require('remark-gfm');
-var react = require('@burojs/react');
-var iconsReact = require('@tabler/icons-react');
-var react$1 = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var unistUtilVisit = require('unist-util-visit');
-var AccordionPrimitive = require('@radix-ui/react-accordion');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var Markdown__default = /*#__PURE__*/_interopDefault(Markdown);
-var rehypeSanitize__default = /*#__PURE__*/_interopDefault(rehypeSanitize);
-var rehypeSlug__default = /*#__PURE__*/_interopDefault(rehypeSlug);
-var remarkDirective__default = /*#__PURE__*/_interopDefault(remarkDirective);
-var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
-var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
-
-function DocAnchorLink({
-  slug,
-  stopPropagation,
-  className
-}) {
-  const t = react.useOptionalT();
-  const [copied, setCopied] = react$1.useState(false);
-  const timer = react$1.useRef(null);
-  react$1.useEffect(
-    () => () => {
-      if (timer.current) clearTimeout(timer.current);
-    },
-    []
-  );
-  const onClick = react$1.useCallback(
-    (event) => {
-      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
-      if (stopPropagation) event.stopPropagation();
-      void navigator.clipboard?.writeText(chunkYF5IW525_cjs.docShareUrl(slug)).then(() => {
-        setCopied(true);
-        if (timer.current) clearTimeout(timer.current);
-        timer.current = setTimeout(() => setCopied(false), 1600);
-      }).catch(() => {
-      });
-    },
-    [slug, stopPropagation]
-  );
-  const label = copied ? t("docPanel.linkCopied", { defaultValue: "Link copied" }) : t("docPanel.copyLink", { defaultValue: "Copy link to this section" });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
-    {
-      href: `#${slug}`,
-      onClick,
-      title: label,
-      "aria-label": label,
-      "data-testid": `doc-anchor:${slug}`,
-      "data-copied": copied ? "true" : void 0,
-      className: chunkW7AEYE7A_cjs.cn(
-        "ml-2 inline-flex shrink-0 items-center rounded-sm p-0.5 align-middle no-underline",
-        "text-muted-foreground transition-opacity hover:text-foreground",
-        // Hidden until the reader is at this heading — a permanent « # » beside
-        // every heading reads as scaffolding. `focus-visible` keeps it
-        // reachable by keyboard, where there is no hover to reveal it.
-        "opacity-0 group-hover/anchor:opacity-100 focus-visible:opacity-100",
-        "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
-        copied && "text-primary opacity-100",
-        className
-      ),
-      children: [
-        copied ? /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconCheck, { className: "size-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconLink, { className: "size-3.5", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", className: "sr-only", children: copied ? t("docPanel.linkCopied", { defaultValue: "Link copied" }) : "" })
-      ]
-    }
-  );
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_use_theme = require("../use-theme-BwPWinB2.cjs");
+let _burojs_react = require("@burojs/react");
+let _tabler_icons_react = require("@tabler/icons-react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_markdown = require("react-markdown");
+react_markdown = require_use_theme.__toESM(react_markdown, 1);
+let rehype_sanitize = require("rehype-sanitize");
+rehype_sanitize = require_use_theme.__toESM(rehype_sanitize, 1);
+let rehype_slug = require("rehype-slug");
+rehype_slug = require_use_theme.__toESM(rehype_slug, 1);
+let remark_directive = require("remark-directive");
+remark_directive = require_use_theme.__toESM(remark_directive, 1);
+let remark_gfm = require("remark-gfm");
+remark_gfm = require_use_theme.__toESM(remark_gfm, 1);
+let unist_util_visit = require("unist-util-visit");
+let _radix_ui_react_accordion = require("@radix-ui/react-accordion");
+_radix_ui_react_accordion = require_use_theme.__toESM(_radix_ui_react_accordion, 1);
+//#region src/markdown/anchor-link.tsx
+function DocAnchorLink({ slug, stopPropagation, className }) {
+	const t = (0, _burojs_react.useOptionalT)();
+	const [copied, setCopied] = (0, react.useState)(false);
+	const timer = (0, react.useRef)(null);
+	(0, react.useEffect)(() => () => {
+		if (timer.current) clearTimeout(timer.current);
+	}, []);
+	const onClick = (0, react.useCallback)((event) => {
+		if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+		if (stopPropagation) event.stopPropagation();
+		navigator.clipboard?.writeText(require_use_theme.docShareUrl(slug)).then(() => {
+			setCopied(true);
+			if (timer.current) clearTimeout(timer.current);
+			timer.current = setTimeout(() => setCopied(false), 1600);
+		}).catch(() => {});
+	}, [slug, stopPropagation]);
+	const label = copied ? t("docPanel.linkCopied", { defaultValue: "Link copied" }) : t("docPanel.copyLink", { defaultValue: "Copy link to this section" });
+	return (0, react_jsx_runtime.jsxs)("a", {
+		href: `#${slug}`,
+		onClick,
+		title: label,
+		"aria-label": label,
+		"data-testid": `doc-anchor:${slug}`,
+		"data-copied": copied ? "true" : void 0,
+		className: require_use_theme.cn("ml-2 inline-flex shrink-0 items-center rounded-sm p-0.5 align-middle no-underline", "text-muted-foreground transition-opacity hover:text-foreground", "opacity-0 group-hover/anchor:opacity-100 focus-visible:opacity-100", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", copied && "text-primary opacity-100", className),
+		children: [copied ? (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCheck, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		}) : (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLink, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		}), (0, react_jsx_runtime.jsx)("span", {
+			role: "status",
+			className: "sr-only",
+			children: copied ? t("docPanel.linkCopied", { defaultValue: "Link copied" }) : ""
+		})]
+	});
 }
-
-// src/lib/css-color.ts
-var OKLCH = /^oklch\(\s*([^\s/]+)\s+([^\s/]+)\s+([^\s/]+)\s*(?:\/\s*([^\s/]+)\s*)?\)$/i;
-var KHROMA_SAFE = /^(#|rgba?\(|hsla?\(|[a-z]+$)/i;
+//#endregion
+//#region src/lib/css-color.ts
+const OKLCH = /^oklch\(\s*([^\s/]+)\s+([^\s/]+)\s+([^\s/]+)\s*(?:\/\s*([^\s/]+)\s*)?\)$/i;
+const KHROMA_SAFE = /^(#|rgba?\(|hsla?\(|[a-z]+$)/i;
 function component(raw, pct) {
-  if (raw.toLowerCase() === "none") return 0;
-  const percent = raw.endsWith("%");
-  const n = Number.parseFloat(percent ? raw.slice(0, -1) : raw);
-  if (!Number.isFinite(n)) return null;
-  return percent ? n / 100 * pct : n;
+	if (raw.toLowerCase() === "none") return 0;
+	const percent = raw.endsWith("%");
+	const n = Number.parseFloat(percent ? raw.slice(0, -1) : raw);
+	if (!Number.isFinite(n)) return null;
+	return percent ? n / 100 * pct : n;
 }
 function hueDegrees(raw) {
-  if (raw.toLowerCase() === "none") return 0;
-  const match = /^(-?[\d.]+)(deg|rad|grad|turn)?$/i.exec(raw);
-  if (match === null) return null;
-  const n = Number.parseFloat(match[1]);
-  if (!Number.isFinite(n)) return null;
-  switch ((match[2] ?? "deg").toLowerCase()) {
-    case "rad":
-      return n * 180 / Math.PI;
-    case "grad":
-      return n * 0.9;
-    case "turn":
-      return n * 360;
-    default:
-      return n;
-  }
+	if (raw.toLowerCase() === "none") return 0;
+	const match = /^(-?[\d.]+)(deg|rad|grad|turn)?$/i.exec(raw);
+	if (match === null) return null;
+	const n = Number.parseFloat(match[1]);
+	if (!Number.isFinite(n)) return null;
+	switch ((match[2] ?? "deg").toLowerCase()) {
+		case "rad": return n * 180 / Math.PI;
+		case "grad": return n * .9;
+		case "turn": return n * 360;
+		default: return n;
+	}
 }
 function encode(channel) {
-  const v = channel <= 31308e-7 ? 12.92 * channel : 1.055 * channel ** (1 / 2.4) - 0.055;
-  return Math.round(Math.min(1, Math.max(0, v)) * 255);
+	const v = channel <= .0031308 ? 12.92 * channel : 1.055 * channel ** (1 / 2.4) - .055;
+	return Math.round(Math.min(1, Math.max(0, v)) * 255);
 }
 function hex2(value) {
-  return value.toString(16).padStart(2, "0");
+	return value.toString(16).padStart(2, "0");
 }
 function oklchToHex(value) {
-  const match = OKLCH.exec(value.trim());
-  if (match === null) return null;
-  const L = component(match[1], 1);
-  const C = component(match[2], 0.4);
-  const H = hueDegrees(match[3]);
-  const A = match[4] === void 0 ? 1 : component(match[4], 1);
-  if (L === null || C === null || H === null || A === null) return null;
-  const rad = H * Math.PI / 180;
-  const a = C * Math.cos(rad);
-  const b = C * Math.sin(rad);
-  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;
-  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;
-  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;
-  const r = encode(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s);
-  const g = encode(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s);
-  const bl = encode(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s);
-  const alpha = Math.min(1, Math.max(0, A));
-  const suffix = alpha === 1 ? "" : hex2(Math.round(alpha * 255));
-  return `#${hex2(r)}${hex2(g)}${hex2(bl)}${suffix}`;
+	const match = OKLCH.exec(value.trim());
+	if (match === null) return null;
+	const L = component(match[1], 1);
+	const C = component(match[2], .4);
+	const H = hueDegrees(match[3]);
+	const A = match[4] === void 0 ? 1 : component(match[4], 1);
+	if (L === null || C === null || H === null || A === null) return null;
+	const rad = H * Math.PI / 180;
+	const a = C * Math.cos(rad);
+	const b = C * Math.sin(rad);
+	const l = (L + .3963377774 * a + .2158037573 * b) ** 3;
+	const m = (L - .1055613458 * a - .0638541728 * b) ** 3;
+	const s = (L - .0894841775 * a - 1.291485548 * b) ** 3;
+	const r = encode(4.0767416621 * l - 3.3077115913 * m + .2309699292 * s);
+	const g = encode(-1.2684380046 * l + 2.6097574011 * m - .3413193965 * s);
+	const bl = encode(-.0041960863 * l - .7034186147 * m + 1.707614701 * s);
+	const alpha = Math.min(1, Math.max(0, A));
+	const suffix = alpha === 1 ? "" : hex2(Math.round(alpha * 255));
+	return `#${hex2(r)}${hex2(g)}${hex2(bl)}${suffix}`;
 }
 function toLegacyColor(value) {
-  const trimmed = value.trim();
-  if (trimmed === "") return null;
-  if (KHROMA_SAFE.test(trimmed)) return trimmed;
-  return oklchToHex(trimmed);
+	const trimmed = value.trim();
+	if (trimmed === "") return null;
+	if (KHROMA_SAFE.test(trimmed)) return trimmed;
+	return oklchToHex(trimmed);
 }
+//#endregion
+//#region src/markdown/mermaid.tsx
 function cssVar(styles, name, fallback) {
-  return toLegacyColor(styles.getPropertyValue(name)) ?? fallback;
+	return toLegacyColor(styles.getPropertyValue(name)) ?? fallback;
 }
-var seq = 0;
+let seq = 0;
 function MermaidDiagram({ code, className }) {
-  const [svg, setSvg] = react$1.useState(null);
-  const [failed, setFailed] = react$1.useState(null);
-  const { resolved: theme } = chunkYF5IW525_cjs.useTheme();
-  const idRef = react$1.useRef(null);
-  idRef.current ??= `buro-mermaid-${seq += 1}`;
-  react$1.useEffect(() => {
-    let cancelled = false;
-    void (async () => {
-      try {
-        const mermaid = (await import('mermaid')).default;
-        const styles = getComputedStyle(document.documentElement);
-        const dark = theme === "dark";
-        mermaid.initialize({
-          startOnLoad: false,
-          securityLevel: "strict",
-          fontFamily: "inherit",
-          theme: "base",
-          darkMode: dark,
-          themeVariables: {
-            background: cssVar(styles, "--background", dark ? "#0b0b0c" : "#ffffff"),
-            primaryColor: cssVar(styles, "--muted", dark ? "#1c1c1f" : "#f4f4f5"),
-            primaryTextColor: cssVar(styles, "--foreground", dark ? "#fafafa" : "#09090b"),
-            primaryBorderColor: cssVar(styles, "--border", dark ? "#27272a" : "#e4e4e7"),
-            lineColor: cssVar(styles, "--muted-foreground", dark ? "#a1a1aa" : "#71717a"),
-            secondaryColor: cssVar(styles, "--secondary", dark ? "#18181b" : "#f4f4f5"),
-            tertiaryColor: cssVar(styles, "--accent", dark ? "#18181b" : "#fafafa"),
-            fontSize: "13px"
-          }
-        });
-        await mermaid.parse(code);
-        const { svg: out } = await mermaid.render(idRef.current, code);
-        if (!cancelled) {
-          setSvg(out);
-          setFailed(null);
-        }
-      } catch (error) {
-        if (!cancelled) {
-          setSvg(null);
-          setFailed(error instanceof Error ? error.message : String(error));
-        }
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [code, theme]);
-  if (failed !== null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "pre",
-      {
-        className: chunkW7AEYE7A_cjs.cn("overflow-x-auto rounded-md border border-dashed p-3 text-xs", className),
-        title: failed,
-        "data-testid": "mermaid:failed",
-        children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: code })
-      }
-    );
-  }
-  if (svg === null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: chunkW7AEYE7A_cjs.cn("h-24 animate-pulse rounded-md border bg-muted/40", className),
-        "data-testid": "mermaid:loading",
-        "aria-hidden": "true"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "figure",
-    {
-      className: chunkW7AEYE7A_cjs.cn(
-        "not-prose my-4 overflow-x-auto rounded-md border bg-card/40 text-card-foreground p-4",
-        // Mermaid emits an intrinsic width; letting it scale down keeps a wide
-        // graph inside the column instead of pushing the article sideways.
-        "[&_svg]:mx-auto [&_svg]:h-auto [&_svg]:max-w-full",
-        className
-      ),
-      "data-testid": "mermaid:diagram",
-      dangerouslySetInnerHTML: { __html: svg }
-    }
-  );
+	const [svg, setSvg] = (0, react.useState)(null);
+	const [failed, setFailed] = (0, react.useState)(null);
+	const { resolved: theme } = require_use_theme.useTheme();
+	const idRef = (0, react.useRef)(null);
+	idRef.current ??= `buro-mermaid-${seq += 1}`;
+	(0, react.useEffect)(() => {
+		let cancelled = false;
+		(async () => {
+			try {
+				const mermaid = (await import("mermaid")).default;
+				const styles = getComputedStyle(document.documentElement);
+				const dark = theme === "dark";
+				mermaid.initialize({
+					startOnLoad: false,
+					securityLevel: "strict",
+					fontFamily: "inherit",
+					theme: "base",
+					darkMode: dark,
+					themeVariables: {
+						background: cssVar(styles, "--background", dark ? "#0b0b0c" : "#ffffff"),
+						primaryColor: cssVar(styles, "--muted", dark ? "#1c1c1f" : "#f4f4f5"),
+						primaryTextColor: cssVar(styles, "--foreground", dark ? "#fafafa" : "#09090b"),
+						primaryBorderColor: cssVar(styles, "--border", dark ? "#27272a" : "#e4e4e7"),
+						lineColor: cssVar(styles, "--muted-foreground", dark ? "#a1a1aa" : "#71717a"),
+						secondaryColor: cssVar(styles, "--secondary", dark ? "#18181b" : "#f4f4f5"),
+						tertiaryColor: cssVar(styles, "--accent", dark ? "#18181b" : "#fafafa"),
+						fontSize: "13px"
+					}
+				});
+				await mermaid.parse(code);
+				const { svg: out } = await mermaid.render(idRef.current, code);
+				if (!cancelled) {
+					setSvg(out);
+					setFailed(null);
+				}
+			} catch (error) {
+				if (!cancelled) {
+					setSvg(null);
+					setFailed(error instanceof Error ? error.message : String(error));
+				}
+			}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [code, theme]);
+	if (failed !== null) return (0, react_jsx_runtime.jsx)("pre", {
+		className: require_use_theme.cn("overflow-x-auto rounded-md border border-dashed p-3 text-xs", className),
+		title: failed,
+		"data-testid": "mermaid:failed",
+		children: (0, react_jsx_runtime.jsx)("code", { children: code })
+	});
+	if (svg === null) return (0, react_jsx_runtime.jsx)("div", {
+		className: require_use_theme.cn("h-24 animate-pulse rounded-md border bg-muted/40", className),
+		"data-testid": "mermaid:loading",
+		"aria-hidden": "true"
+	});
+	return (0, react_jsx_runtime.jsx)("figure", {
+		className: require_use_theme.cn("not-prose my-4 overflow-x-auto rounded-md border bg-card/40 text-card-foreground p-4", "[&_svg]:mx-auto [&_svg]:h-auto [&_svg]:max-w-full", className),
+		"data-testid": "mermaid:diagram",
+		dangerouslySetInnerHTML: { __html: svg }
+	});
 }
-var VIDEO_ATTRIBUTES = [
-  "src",
-  "poster",
-  "controls",
-  "loop",
-  "muted",
-  "autoPlay",
-  "playsInline",
-  "preload",
-  "width",
-  "height"
+//#endregion
+//#region src/markdown/sanitize-schema.ts
+const VIDEO_ATTRIBUTES = [
+	"src",
+	"poster",
+	"controls",
+	"loop",
+	"muted",
+	"autoPlay",
+	"playsInline",
+	"preload",
+	"width",
+	"height"
 ];
-var docSanitizeSchema = {
-  ...rehypeSanitize.defaultSchema,
-  // `source` and `picture` are ALREADY in defaultSchema — appending them would
-  // be a harmless duplicate, but it would also be a sign the list was never
-  // actually read.
-  tagNames: [...rehypeSanitize.defaultSchema.tagNames ?? [], "video"],
-  attributes: {
-    ...rehypeSanitize.defaultSchema.attributes,
-    video: [...VIDEO_ATTRIBUTES],
-    // defaultSchema.attributes.source is ['srcSet']. Replacing it outright
-    // would silently break <picture>, which the default explicitly supports.
-    source: [...rehypeSanitize.defaultSchema.attributes?.source ?? [], "src", "type"],
-    // `loading` is in neither `img` nor the `*` bucket, so lazy images need it
-    // allowed explicitly or the attribute is stripped and every image in a
-    // long article loads at once.
-    img: [...rehypeSanitize.defaultSchema.attributes?.img ?? [], "loading"]
-  }
+const docSanitizeSchema = {
+	...rehype_sanitize.defaultSchema,
+	tagNames: [...rehype_sanitize.defaultSchema.tagNames ?? [], "video"],
+	attributes: {
+		...rehype_sanitize.defaultSchema.attributes,
+		video: [...VIDEO_ATTRIBUTES],
+		source: [
+			...rehype_sanitize.defaultSchema.attributes?.source ?? [],
+			"src",
+			"type"
+		],
+		img: [...rehype_sanitize.defaultSchema.attributes?.img ?? [], "loading"]
+	}
 };
-var ALLOWED = ["src", "poster", "width", "height"];
+//#endregion
+//#region src/markdown/video-directive.ts
+const ALLOWED = [
+	"src",
+	"poster",
+	"width",
+	"height"
+];
 function remarkVideoDirective() {
-  return (tree) => {
-    unistUtilVisit.visit(tree, (node) => {
-      const directive = node;
-      if (directive.type !== "leafDirective" && directive.type !== "containerDirective" && directive.type !== "textDirective") {
-        return;
-      }
-      if (directive.name !== "video") return;
-      const attrs = directive.attributes ?? {};
-      const props = {
-        // Always on: a video the reader cannot pause is hostile, and an
-        // article that autoplays sound is worse.
-        controls: true,
-        preload: "metadata"
-      };
-      for (const key of ALLOWED) {
-        const value = attrs[key];
-        if (typeof value === "string" && value.length > 0) props[key] = value;
-      }
-      if (typeof props.src !== "string") return;
-      directive.data = { ...directive.data, hName: "video", hProperties: props };
-    });
-  };
+	return (tree) => {
+		(0, unist_util_visit.visit)(tree, (node) => {
+			const directive = node;
+			if (directive.type !== "leafDirective" && directive.type !== "containerDirective" && directive.type !== "textDirective") return;
+			if (directive.name !== "video") return;
+			const attrs = directive.attributes ?? {};
+			const props = {
+				controls: true,
+				preload: "metadata"
+			};
+			for (const key of ALLOWED) {
+				const value = attrs[key];
+				if (typeof value === "string" && value.length > 0) props[key] = value;
+			}
+			if (typeof props.src !== "string") return;
+			directive.data = {
+				...directive.data,
+				hName: "video",
+				hProperties: props
+			};
+		});
+	};
 }
-var Accordion = AccordionPrimitive__namespace.Root;
-function AccordionItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Item,
-    {
-      className: chunkW7AEYE7A_cjs.cn("border-b border-border/60 last:border-b-0", className),
-      ...props
-    }
-  );
+//#endregion
+//#region src/primitives/accordion.tsx
+const Accordion = _radix_ui_react_accordion.Root;
+function AccordionItem({ className, ...props }) {
+	return (0, react_jsx_runtime.jsx)(_radix_ui_react_accordion.Item, {
+		className: require_use_theme.cn("border-b border-border/60 last:border-b-0", className),
+		...props
+	});
 }
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    AccordionPrimitive__namespace.Trigger,
-    {
-      className: chunkW7AEYE7A_cjs.cn(
-        "flex flex-1 items-start justify-between gap-3 py-3 text-left",
-        "text-[0.9375rem] font-medium leading-snug transition-colors",
-        "hover:text-primary focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
-        "rounded-sm [&[data-state=open]>svg]:rotate-180",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          iconsReact.IconChevronDown,
-          {
-            className: "mt-0.5 size-4 shrink-0 text-muted-foreground transition-transform duration-200",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  ) });
+function AccordionTrigger({ className, children, ...props }) {
+	return (0, react_jsx_runtime.jsx)(_radix_ui_react_accordion.Header, {
+		className: "flex",
+		children: (0, react_jsx_runtime.jsxs)(_radix_ui_react_accordion.Trigger, {
+			className: require_use_theme.cn("flex flex-1 items-start justify-between gap-3 py-3 text-left", "text-[0.9375rem] font-medium leading-snug transition-colors", "hover:text-primary focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", "rounded-sm [&[data-state=open]>svg]:rotate-180", className),
+			...props,
+			children: [children, (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronDown, {
+				className: "mt-0.5 size-4 shrink-0 text-muted-foreground transition-transform duration-200",
+				"aria-hidden": "true"
+			})]
+		})
+	});
 }
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Content,
-    {
-      className: chunkW7AEYE7A_cjs.cn(
-        "overflow-hidden",
-        "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkW7AEYE7A_cjs.cn("pb-3.5 pt-0", className), children })
-    }
-  );
+function AccordionContent({ className, children, ...props }) {
+	return (0, react_jsx_runtime.jsx)(_radix_ui_react_accordion.Content, {
+		className: require_use_theme.cn("overflow-hidden", "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"),
+		...props,
+		children: (0, react_jsx_runtime.jsx)("div", {
+			className: require_use_theme.cn("pb-3.5 pt-0", className),
+			children
+		})
+	});
 }
+//#endregion
+//#region src/markdown/faq.tsx
 function splitFaq(markdown) {
-  const lines = markdown.split("\n");
-  const preamble = [];
-  const sections = [];
-  let current;
-  let fence;
-  for (const line of lines) {
-    const fenceMatch = /^\s{0,3}(`{3,}|~{3,})/.exec(line);
-    if (fenceMatch?.[1] !== void 0) {
-      const marker = fenceMatch[1][0];
-      if (fence === void 0) fence = marker;
-      else if (fence === marker) fence = void 0;
-    }
-    const heading = fence === void 0 ? /^##\s+(.+?)\s*$/.exec(line) : null;
-    if (heading?.[1] !== void 0) {
-      if (current) sections.push({ question: current.question, answer: current.answer.join("\n") });
-      current = { question: heading[1], answer: [] };
-      continue;
-    }
-    if (current) current.answer.push(line);
-    else preamble.push(line);
-  }
-  if (current) sections.push({ question: current.question, answer: current.answer.join("\n") });
-  return { preamble: preamble.join("\n").trim(), sections };
+	const lines = markdown.split("\n");
+	const preamble = [];
+	const sections = [];
+	let current;
+	let fence;
+	for (const line of lines) {
+		const fenceMatch = /^\s{0,3}(`{3,}|~{3,})/.exec(line);
+		if (fenceMatch?.[1] !== void 0) {
+			const marker = fenceMatch[1][0];
+			if (fence === void 0) fence = marker;
+			else if (fence === marker) fence = void 0;
+		}
+		const heading = fence === void 0 ? /^##\s+(.+?)\s*$/.exec(line) : null;
+		if (heading?.[1] !== void 0) {
+			if (current) sections.push({
+				question: current.question,
+				answer: current.answer.join("\n")
+			});
+			current = {
+				question: heading[1],
+				answer: []
+			};
+			continue;
+		}
+		if (current) current.answer.push(line);
+		else preamble.push(line);
+	}
+	if (current) sections.push({
+		question: current.question,
+		answer: current.answer.join("\n")
+	});
+	return {
+		preamble: preamble.join("\n").trim(),
+		sections
+	};
 }
 function DocFaq({ children, className }) {
-  const { preamble, sections } = splitFaq(children);
-  const slugs = react$1.useMemo(() => sections.map((s) => chunkYF5IW525_cjs.docSlug(s.question)), [sections]);
-  const [open, setOpen] = react$1.useState([]);
-  react$1.useEffect(() => {
-    if (typeof window === "undefined") return;
-    const sync = () => {
-      const id = chunkYF5IW525_cjs.readDocHash();
-      if (id === "") return;
-      const i = slugs.indexOf(id);
-      if (i === -1) return;
-      setOpen((prev) => prev.includes(`q${i}`) ? prev : [...prev, `q${i}`]);
-      chunkYF5IW525_cjs.scrollToDocAnchor(id, document.body);
-    };
-    sync();
-    window.addEventListener("hashchange", sync);
-    return () => window.removeEventListener("hashchange", sync);
-  }, [slugs]);
-  if (sections.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(DocMarkdown, { className, children });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkW7AEYE7A_cjs.cn("flex flex-col", className), "data-testid": "doc-faq", children: [
-    preamble !== "" && /* @__PURE__ */ jsxRuntime.jsx(DocMarkdown, { className: "mb-2", children: preamble }),
-    /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", value: open, onValueChange: setOpen, className: "w-full", children: sections.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-      AccordionItem,
-      {
-        value: `q${i}`,
-        id: slugs[i],
-        className: "group/anchor scroll-mt-4",
-        "data-testid": `doc-faq:item:${i}`,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children: s.question }),
-            /* @__PURE__ */ jsxRuntime.jsx(DocAnchorLink, { slug: slugs[i], stopPropagation: true, className: "ml-auto mr-1" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsx(DocMarkdown, { className: "prose-p:my-2 first:prose-p:mt-0 last:prose-p:mb-0", children: s.answer }) })
-        ]
-      },
-      `${i}-${s.question}`
-    )) })
-  ] });
+	const { preamble, sections } = splitFaq(children);
+	const slugs = (0, react.useMemo)(() => sections.map((s) => require_use_theme.docSlug(s.question)), [sections]);
+	const [open, setOpen] = (0, react.useState)([]);
+	(0, react.useEffect)(() => {
+		if (typeof window === "undefined") return;
+		const sync = () => {
+			const id = require_use_theme.readDocHash();
+			if (id === "") return;
+			const i = slugs.indexOf(id);
+			if (i === -1) return;
+			setOpen((prev) => prev.includes(`q${i}`) ? prev : [...prev, `q${i}`]);
+			require_use_theme.scrollToDocAnchor(id, document.body);
+		};
+		sync();
+		window.addEventListener("hashchange", sync);
+		return () => window.removeEventListener("hashchange", sync);
+	}, [slugs]);
+	if (sections.length === 0) return (0, react_jsx_runtime.jsx)(DocMarkdown, {
+		className,
+		children
+	});
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: require_use_theme.cn("flex flex-col", className),
+		"data-testid": "doc-faq",
+		children: [preamble !== "" && (0, react_jsx_runtime.jsx)(DocMarkdown, {
+			className: "mb-2",
+			children: preamble
+		}), (0, react_jsx_runtime.jsx)(Accordion, {
+			type: "multiple",
+			value: open,
+			onValueChange: setOpen,
+			className: "w-full",
+			children: sections.map((s, i) => (0, react_jsx_runtime.jsxs)(AccordionItem, {
+				value: `q${i}`,
+				id: slugs[i],
+				className: "group/anchor scroll-mt-4",
+				"data-testid": `doc-faq:item:${i}`,
+				children: [(0, react_jsx_runtime.jsxs)(AccordionTrigger, { children: [(0, react_jsx_runtime.jsx)("span", {
+					className: "min-w-0",
+					children: s.question
+				}), (0, react_jsx_runtime.jsx)(DocAnchorLink, {
+					slug: slugs[i],
+					stopPropagation: true,
+					className: "ml-auto mr-1"
+				})] }), (0, react_jsx_runtime.jsx)(AccordionContent, { children: (0, react_jsx_runtime.jsx)(DocMarkdown, {
+					className: "prose-p:my-2 first:prose-p:mt-0 last:prose-p:mb-0",
+					children: s.answer
+				}) })]
+			}, `${i}-${s.question}`))
+		})]
+	});
 }
+//#endregion
+//#region src/markdown/index.tsx
 function DocMarkdown({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunkW7AEYE7A_cjs.cn(
-        "prose prose-sm max-w-none dark:prose-invert",
-        // The default prose measure is wider than any panel we render into,
-        // and its heading rhythm is tuned for a page rather than a column.
-        "prose-headings:scroll-mt-4 prose-headings:font-semibold",
-        "prose-h1:text-base prose-h2:text-[0.9375rem] prose-h3:text-sm",
-        "prose-p:leading-[1.65]",
-        "prose-a:font-medium prose-a:underline-offset-2",
-        "prose-img:rounded-md prose-img:border",
-        "prose-video:rounded-md prose-video:border prose-video:w-full",
-        "prose-table:text-[0.8125rem]",
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Markdown__default.default,
-        {
-          remarkPlugins: [remarkGfm__default.default, remarkDirective__default.default, remarkVideoDirective],
-          rehypePlugins: [rehypeSlug__default.default, [rehypeSanitize__default.default, docSanitizeSchema]],
-          components: {
-            // Every link in a body leaves the app; routing is not involved, so
-            // this stays a plain anchor and the package stays router-agnostic.
-            a: ({ href, children: kids, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", ...rest, children: kids }),
-            // Long articles should not fetch every illustration up front. The
-            // attribute has to be allow-listed in the schema too — it is in
-            // neither `img` nor the `*` bucket by default.
-            img: ({ ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("img", { loading: "lazy", ...rest, alt: rest.alt ?? "" }),
-            // A wide GFM table must scroll inside its own box rather than push
-            // the panel — or the page — sideways.
-            table: ({ children: kids, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx("table", { ...rest, children: kids }) }),
-            /*
-              ```mermaid blocks become diagrams; every other fence stays a code
-              block. `language-*` on `code` is already allow-listed by
-              rehype-sanitize's default schema, so no schema change is owed —
-              and the diagram source reaches MermaidDiagram as TEXT, never as
-              markup, which is what keeps the sanitized pipeline sanitized.
-            */
-            code: ({ className: cls, children: kids, ...rest }) => {
-              if (/\blanguage-mermaid\b/.test(cls ?? "")) {
-                return /* @__PURE__ */ jsxRuntime.jsx(MermaidDiagram, { code: String(kids).replace(/\n$/, "") });
-              }
-              return /* @__PURE__ */ jsxRuntime.jsx("code", { className: cls, ...rest, children: kids });
-            },
-            /*
-                        A heading is a linkable place, and an anchor nobody can see is an
-                        anchor nobody uses — so each one carries a « # » that appears on
-                        hover or focus and puts the fragment in the address bar.
-            
-                        The id on the element is `user-content-<slug>` (the sanitizer's
-                        clobber prefix); the href is the BARE slug, because that is what a
-                        person pastes and what `findDocAnchor` resolves. Keeping the visible
-                        link clean is the whole reason those two are allowed to differ.
-                      */
-            h2: ({ children: kids, id, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(HeadingWithAnchor, { level: 2, id, ...rest, children: kids }),
-            h3: ({ children: kids, id, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(HeadingWithAnchor, { level: 3, id, ...rest, children: kids }),
-            /*
-              A mermaid diagram replaces the whole block, so the <pre> that
-              react-markdown wraps it in would contribute a stray bordered box
-              around the figure.
-            */
-            pre: ({ children: kids, ...rest }) => {
-              const only = Array.isArray(kids) ? kids[0] : kids;
-              const cls = typeof only === "object" && only !== null && "props" in only ? only.props?.className ?? "" : "";
-              if (/\blanguage-mermaid\b/.test(cls)) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: kids });
-              return /* @__PURE__ */ jsxRuntime.jsx("pre", { ...rest, children: kids });
-            }
-          },
-          children
-        }
-      )
-    }
-  );
+	return (0, react_jsx_runtime.jsx)("div", {
+		className: require_use_theme.cn("prose prose-sm max-w-none dark:prose-invert", "prose-headings:scroll-mt-4 prose-headings:font-semibold", "prose-h1:text-base prose-h2:text-[0.9375rem] prose-h3:text-sm", "prose-p:leading-[1.65]", "prose-a:font-medium prose-a:underline-offset-2", "prose-img:rounded-md prose-img:border", "prose-video:rounded-md prose-video:border prose-video:w-full", "prose-table:text-[0.8125rem]", className),
+		children: (0, react_jsx_runtime.jsx)(react_markdown.default, {
+			remarkPlugins: [
+				remark_gfm.default,
+				remark_directive.default,
+				remarkVideoDirective
+			],
+			rehypePlugins: [rehype_slug.default, [rehype_sanitize.default, docSanitizeSchema]],
+			components: {
+				a: ({ href, children: kids, ...rest }) => (0, react_jsx_runtime.jsx)("a", {
+					href,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					...rest,
+					children: kids
+				}),
+				img: ({ ...rest }) => (0, react_jsx_runtime.jsx)("img", {
+					loading: "lazy",
+					...rest,
+					alt: rest.alt ?? ""
+				}),
+				table: ({ children: kids, ...rest }) => (0, react_jsx_runtime.jsx)("div", {
+					className: "overflow-x-auto",
+					children: (0, react_jsx_runtime.jsx)("table", {
+						...rest,
+						children: kids
+					})
+				}),
+				code: ({ className: cls, children: kids, ...rest }) => {
+					if (/\blanguage-mermaid\b/.test(cls ?? "")) return (0, react_jsx_runtime.jsx)(MermaidDiagram, { code: String(kids).replace(/\n$/, "") });
+					return (0, react_jsx_runtime.jsx)("code", {
+						className: cls,
+						...rest,
+						children: kids
+					});
+				},
+				h2: ({ children: kids, id, ...rest }) => (0, react_jsx_runtime.jsx)(HeadingWithAnchor, {
+					level: 2,
+					id,
+					...rest,
+					children: kids
+				}),
+				h3: ({ children: kids, id, ...rest }) => (0, react_jsx_runtime.jsx)(HeadingWithAnchor, {
+					level: 3,
+					id,
+					...rest,
+					children: kids
+				}),
+				pre: ({ children: kids, ...rest }) => {
+					const only = Array.isArray(kids) ? kids[0] : kids;
+					const cls = typeof only === "object" && only !== null && "props" in only ? only.props?.className ?? "" : "";
+					if (/\blanguage-mermaid\b/.test(cls)) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: kids });
+					return (0, react_jsx_runtime.jsx)("pre", {
+						...rest,
+						children: kids
+					});
+				}
+			},
+			children
+		})
+	});
 }
-function HeadingWithAnchor({
-  level,
-  id,
-  children,
-  ...rest
-}) {
-  const Tag = level === 2 ? "h2" : "h3";
-  const slug = id?.startsWith(chunkYF5IW525_cjs.DOC_ID_PREFIX) ? id.slice(chunkYF5IW525_cjs.DOC_ID_PREFIX.length) : id;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Tag, { id, className: "group/anchor scroll-mt-4", ...rest, children: [
-    children,
-    slug !== void 0 && slug !== "" && /* @__PURE__ */ jsxRuntime.jsx(DocAnchorLink, { slug })
-  ] });
+function HeadingWithAnchor({ level, id, children, ...rest }) {
+	const Tag = level === 2 ? "h2" : "h3";
+	const slug = id?.startsWith("user-content-") ? id.slice(require_use_theme.DOC_ID_PREFIX.length) : id;
+	return (0, react_jsx_runtime.jsxs)(Tag, {
+		id,
+		className: "group/anchor scroll-mt-4",
+		...rest,
+		children: [children, slug !== void 0 && slug !== "" && (0, react_jsx_runtime.jsx)(DocAnchorLink, { slug })]
+	});
 }
-
-Object.defineProperty(exports, "DOC_ID_PREFIX", {
-  enumerable: true,
-  get: function () { return chunkYF5IW525_cjs.DOC_ID_PREFIX; }
-});
-Object.defineProperty(exports, "docShareUrl", {
-  enumerable: true,
-  get: function () { return chunkYF5IW525_cjs.docShareUrl; }
-});
-Object.defineProperty(exports, "docSlug", {
-  enumerable: true,
-  get: function () { return chunkYF5IW525_cjs.docSlug; }
-});
-Object.defineProperty(exports, "findDocAnchor", {
-  enumerable: true,
-  get: function () { return chunkYF5IW525_cjs.findDocAnchor; }
-});
-Object.defineProperty(exports, "readDocHash", {
-  enumerable: true,
-  get: function () { return chunkYF5IW525_cjs.readDocHash; }
-});
-Object.defineProperty(exports, "scrollToDocAnchor", {
-  enumerable: true,
-  get: function () { return chunkYF5IW525_cjs.scrollToDocAnchor; }
-});
+//#endregion
+exports.DOC_ID_PREFIX = require_use_theme.DOC_ID_PREFIX;
 exports.DocAnchorLink = DocAnchorLink;
 exports.DocFaq = DocFaq;
 exports.DocMarkdown = DocMarkdown;
 exports.MermaidDiagram = MermaidDiagram;
 exports.docSanitizeSchema = docSanitizeSchema;
+exports.docShareUrl = require_use_theme.docShareUrl;
+exports.docSlug = require_use_theme.docSlug;
+exports.findDocAnchor = require_use_theme.findDocAnchor;
+exports.readDocHash = require_use_theme.readDocHash;
 exports.remarkVideoDirective = remarkVideoDirective;
+exports.scrollToDocAnchor = require_use_theme.scrollToDocAnchor;
 exports.splitFaq = splitFaq;
-//# sourceMappingURL=index.cjs.map
+
 //# sourceMappingURL=index.cjs.map