@burojs/ui-shadcn 0.2.0

package/dist/layout/theme-storage-key.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkVXJAXJ3U_cjs = require('../chunk-VXJAXJ3U.cjs');
+
+
+
+Object.defineProperty(exports, "THEME_STORAGE_KEY", {
+  enumerable: true,
+  get: function () { return chunkVXJAXJ3U_cjs.THEME_STORAGE_KEY; }
+});
+//# sourceMappingURL=theme-storage-key.cjs.map
+//# sourceMappingURL=theme-storage-key.cjs.map

package/dist/layout/theme-storage-key.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"theme-storage-key.cjs"}

package/dist/layout/theme-storage-key.d.cts

@@ -0,0 +1,23 @@
+/**
+ * The ONE localStorage key every theme-aware place in the app must agree on.
+ * Exported so nothing re-types the string — two files agreeing on a literal
+ * is how they drift.
+ *
+ * Deliberately its own module: no `'use client'`, no React import, nothing
+ * that would pull in `use-theme.ts`'s hook (or the rest of the kit's client
+ * component tree). That matters because the ONE consumer that needs this
+ * constant outside a hook is the bootstrap `<script>` in the playground's
+ * root `app/layout.tsx` — a Server Component, which cannot itself carry
+ * `'use client'`. Importing from the package's main entry (`@burojs/ui-shadcn`)
+ * there fails Next's server/client boundary check, because that entry
+ * bundles the whole kit — including many components that call hooks —
+ * into one file without a top-level `'use client'` directive (tsup drops it
+ * when bundling multiple client modules together). Importing this file
+ * directly via the `@burojs/ui-shadcn/theme-storage-key` subpath sidesteps
+ * that: it has no hooks, so a Server Component can import the real string
+ * value at build/SSR time. `use-theme.ts` re-exports the same constant for
+ * everyone else, so there is exactly one literal in the whole codebase.
+ */
+declare const THEME_STORAGE_KEY = "buro-theme";
+
+export { THEME_STORAGE_KEY };

package/dist/layout/theme-storage-key.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The ONE localStorage key every theme-aware place in the app must agree on.
+ * Exported so nothing re-types the string — two files agreeing on a literal
+ * is how they drift.
+ *
+ * Deliberately its own module: no `'use client'`, no React import, nothing
+ * that would pull in `use-theme.ts`'s hook (or the rest of the kit's client
+ * component tree). That matters because the ONE consumer that needs this
+ * constant outside a hook is the bootstrap `<script>` in the playground's
+ * root `app/layout.tsx` — a Server Component, which cannot itself carry
+ * `'use client'`. Importing from the package's main entry (`@burojs/ui-shadcn`)
+ * there fails Next's server/client boundary check, because that entry
+ * bundles the whole kit — including many components that call hooks —
+ * into one file without a top-level `'use client'` directive (tsup drops it
+ * when bundling multiple client modules together). Importing this file
+ * directly via the `@burojs/ui-shadcn/theme-storage-key` subpath sidesteps
+ * that: it has no hooks, so a Server Component can import the real string
+ * value at build/SSR time. `use-theme.ts` re-exports the same constant for
+ * everyone else, so there is exactly one literal in the whole codebase.
+ */
+declare const THEME_STORAGE_KEY = "buro-theme";
+
+export { THEME_STORAGE_KEY };

package/dist/layout/theme-storage-key.js

@@ -0,0 +1,3 @@
+export { THEME_STORAGE_KEY } from '../chunk-FMX4GLCQ.js';
+//# sourceMappingURL=theme-storage-key.js.map
+//# sourceMappingURL=theme-storage-key.js.map

package/dist/layout/theme-storage-key.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"theme-storage-key.js"}

package/dist/markdown/index.cjs

@@ -0,0 +1,550 @@
+'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" }) : "" })
+      ]
+    }
+  );
+}
+
+// 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;
+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;
+}
+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;
+  }
+}
+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);
+}
+function hex2(value) {
+  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}`;
+}
+function toLegacyColor(value) {
+  const trimmed = value.trim();
+  if (trimmed === "") return null;
+  if (KHROMA_SAFE.test(trimmed)) return trimmed;
+  return oklchToHex(trimmed);
+}
+function cssVar(styles, name, fallback) {
+  return toLegacyColor(styles.getPropertyValue(name)) ?? fallback;
+}
+var 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 }
+    }
+  );
+}
+var 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"]
+  }
+};
+var 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 };
+    });
+  };
+}
+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
+    }
+  );
+}
+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 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 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 };
+}
+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}`
+    )) })
+  ] });
+}
+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
+        }
+      )
+    }
+  );
+}
+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 })
+  ] });
+}
+
+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; }
+});
+exports.DocAnchorLink = DocAnchorLink;
+exports.DocFaq = DocFaq;
+exports.DocMarkdown = DocMarkdown;
+exports.MermaidDiagram = MermaidDiagram;
+exports.docSanitizeSchema = docSanitizeSchema;
+exports.remarkVideoDirective = remarkVideoDirective;
+exports.splitFaq = splitFaq;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map