@canofold/markdown 0.3.1 → 0.3.2

package/dist/componentMap-CKSUGzQH.js

@@ -0,0 +1,1483 @@
+import { useState as B, useEffect as re, Children as E, isValidElement as D, useRef as V, cloneElement as O, useMemo as ta, useId as oa, version as na, Fragment as ca, createElement as v } from "react";
+import { jsxs as k, jsx as l, Fragment as U } from "react/jsx-runtime";
+import { Check as ra, ChevronDown as ia, CheckCircle2 as la, TriangleAlert as sa, CircleAlert as da, Info as fa } from "lucide-react";
+import { D as M, b as j, s as u, m as K, c as q, e as Q, d as R, r as W, u as ua, t as ba, g as Ve, f as pa, h as Ge, i as He, j as me, k as ma, I as he, l as ya, n as ge } from "./ImageGallery-Bcpjlfh9.js";
+import "react-dom";
+import { c as Ze } from "./copyText-C0ZgrMnH.js";
+import { m as ha, a as ga } from "./fileKinds-BPzIxbaS.js";
+const qe = 1500;
+function ue({
+  value: e,
+  label: a,
+  action: t,
+  className: o = "cf-block-button",
+  icon: c = "copy",
+  failureLabel: i = M.copyFailed
+}) {
+  const [n, r] = B("idle");
+  re(() => {
+    if (n === "idle") return;
+    const d = setTimeout(() => r("idle"), qe);
+    return () => clearTimeout(d);
+  }, [n]);
+  const s = n === "success" ? `${a} ✓` : n === "error" ? i : a;
+  return /* @__PURE__ */ k(
+    "button",
+    {
+      className: `${o}${n === "success" ? " cf-action-success" : ""}${n === "error" ? " cf-action-error" : ""}`,
+      type: "button",
+      "data-cf-action": t,
+      "data-cf-copied": n === "success" ? "true" : void 0,
+      "data-cf-copy-error": n === "error" ? "true" : void 0,
+      "aria-label": s,
+      title: s,
+      onClick: async () => {
+        try {
+          r(await Ze(e) ? "success" : "error");
+        } catch {
+          r("error");
+        }
+      },
+      children: [
+        /* @__PURE__ */ l("span", { className: "cf-action-icon cf-action-icon-copy", "aria-hidden": "true", children: /* @__PURE__ */ l(j, { name: c }) }),
+        /* @__PURE__ */ l("span", { className: "cf-action-icon cf-action-icon-success", "aria-hidden": "true", children: /* @__PURE__ */ l(ra, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ l("span", { className: "cf-sr-only", "aria-live": "polite", "aria-atomic": "true", children: n === "idle" ? "" : s })
+      ]
+    }
+  );
+}
+function va({
+  value: e,
+  filename: a,
+  label: t,
+  action: o,
+  className: c = "cf-block-button",
+  contentType: i = "text/plain;charset=utf-8"
+}) {
+  const [n, r] = B();
+  return re(() => {
+    if (typeof URL > "u" || typeof URL.createObjectURL != "function") return;
+    const s = URL.createObjectURL(new Blob([e], { type: i }));
+    return r(s), () => URL.revokeObjectURL(s);
+  }, [i, e]), /* @__PURE__ */ l(
+    "a",
+    {
+      className: c,
+      href: n ?? "#",
+      download: a,
+      "data-cf-action": o,
+      "aria-disabled": n ? void 0 : "true",
+      "aria-label": t,
+      title: t,
+      tabIndex: n ? void 0 : -1,
+      onClick: (s) => {
+        n || s.preventDefault();
+      },
+      children: /* @__PURE__ */ l(j, { name: "download" })
+    }
+  );
+}
+function Ca({ filename: e, language: a }) {
+  const t = ha(e, a), o = ga(e, a);
+  return /* @__PURE__ */ l(
+    "span",
+    {
+      className: "cf-code-file-icon",
+      "data-cf-file-icon": o,
+      "data-cf-file-kind": t,
+      "aria-hidden": "true"
+    }
+  );
+}
+function wa(e) {
+  const a = Q(e).find((t) => R(t) === "pre");
+  return W(a ? a.props.children : e);
+}
+function ve({
+  children: e,
+  source: a,
+  language: t,
+  filename: o,
+  overflow: c,
+  copyLabel: i,
+  copyFailureLabel: n,
+  ...r
+}) {
+  const s = r, d = a ?? (u(s, "data-cf-source", "dataCfSource") || wa(e)), b = t ?? (u(s, "data-cf-language", "dataCfLanguage") || "text"), f = o ?? (u(s, "data-cf-filename", "dataCfFilename") || void 0), h = u(s, "data-cf-code-overflow", "dataCfCodeOverflow"), m = c ?? (h === "wrap" || h === "scroll" ? h : void 0), w = i ?? (u(s, "data-cf-copy-label", "dataCfCopyLabel") || M.copyCode), C = n ?? (u(s, "data-cf-copy-failure-label", "dataCfCopyFailureLabel") || M.copyFailed), T = K("cf-code", s.className), { className: p, ...L } = q(s);
+  return /* @__PURE__ */ k(
+    "figure",
+    {
+      ...L,
+      className: T,
+      "data-cf-component": "code-block",
+      "data-cf-slot": "root",
+      "data-cf-code-overflow": m,
+      children: [
+        /* @__PURE__ */ l(
+          ka,
+          {
+            source: d,
+            language: b,
+            filename: f,
+            copyLabel: w,
+            copyFailureLabel: C
+          }
+        ),
+        e
+      ]
+    }
+  );
+}
+function ka({
+  source: e,
+  language: a,
+  filename: t,
+  copyLabel: o = M.copyCode,
+  copyFailureLabel: c = M.copyFailed
+}) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: "cf-code-bar",
+      "data-cf-slot": "toolbar",
+      "data-cf-behavior": "code-toolbar",
+      "data-cf-language": a,
+      "data-cf-filename": t,
+      "data-cf-copy-label": o,
+      "data-cf-copy-failure-label": c,
+      children: /* @__PURE__ */ k(U, { children: [
+        t ? /* @__PURE__ */ k("span", { className: "cf-code-file", "data-cf-slot": "title", "data-cf-language": a, children: [
+          /* @__PURE__ */ l(Ca, { filename: t, language: a }),
+          /* @__PURE__ */ l("span", { className: "cf-code-file-name", children: t })
+        ] }) : /* @__PURE__ */ l("span", { className: "cf-code-lang", "data-cf-slot": "title", children: a }),
+        /* @__PURE__ */ l("div", { className: "cf-block-actions", "data-cf-slot": "actions", children: /* @__PURE__ */ l(
+          ue,
+          {
+            value: e,
+            label: o,
+            failureLabel: c,
+            action: "copy-code"
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function Ce({
+  children: e,
+  value: a,
+  copyLabel: t,
+  copyFailureLabel: o,
+  className: c,
+  inner: i = !1,
+  ...n
+}) {
+  const r = a ?? (u(n, "data-cf-value", "dataCfValue") || W(e)), s = t || u(n, "data-cf-copy-label", "dataCfCopyLabel") || M.copySnippet, d = o || u(n, "data-cf-copy-failure-label", "dataCfCopyFailureLabel") || M.copyFailed, b = K("cf-copy-snippet", c), { className: f, ...h } = q(n), m = /* @__PURE__ */ k(U, { children: [
+    /* @__PURE__ */ l("code", { "data-cf-slot": "content", children: e ?? r }),
+    /* @__PURE__ */ l(
+      ue,
+      {
+        value: r,
+        label: s,
+        action: "copy-snippet",
+        className: "cf-copy-snippet-button",
+        failureLabel: d
+      }
+    )
+  ] });
+  return i ? m : /* @__PURE__ */ l(
+    "span",
+    {
+      ...h,
+      className: b,
+      "data-cf-component": "copy-snippet",
+      "data-cf-slot": "root",
+      "data-cf-behavior": "copy-snippet",
+      "data-cf-value": r,
+      "data-cf-copy-label": s,
+      "data-cf-copy-failure-label": d,
+      children: m
+    }
+  );
+}
+function we(e) {
+  return e.type === "root" ? ["r", e.children.map(we)] : e.type === "element" ? ["e", e.tagName, e.properties, e.children.map(we)] : e.type === "comment" ? ["c", e.value] : ["t", "value" in e ? String(e.value) : ""];
+}
+function ke(e) {
+  return e[0] === "r" ? { type: "root", children: e[1].map(ke) } : e[0] === "e" ? {
+    type: "element",
+    tagName: e[1],
+    properties: e[2],
+    children: e[3].map(ke)
+  } : e[0] === "c" ? { type: "comment", value: e[1] } : { type: "text", value: e[1] };
+}
+function Le(e) {
+  return Array.isArray(e) ? e[0] === "r" ? e.length === 2 && Array.isArray(e[1]) && e[1].every(Le) : e[0] === "e" ? e.length === 4 && typeof e[1] == "string" && !!e[2] && typeof e[2] == "object" && !Array.isArray(e[2]) && Array.isArray(e[3]) && e[3].every(Le) : (e[0] === "t" || e[0] === "c") && e.length === 2 && typeof e[1] == "string" : !1;
+}
+function La(e) {
+  try {
+    return !e || typeof e != "object" || typeof e.type != "string" ? void 0 : JSON.stringify(we(e));
+  } catch {
+    return;
+  }
+}
+function Ya(e) {
+  try {
+    const a = JSON.parse(e ?? "null");
+    return Le(a) ? ke(a) : void 0;
+  } catch {
+    return;
+  }
+}
+function Ne({
+  children: e,
+  node: a,
+  src: t,
+  alt: o,
+  caption: c,
+  title: i,
+  width: n,
+  height: r,
+  loading: s,
+  srcSet: d,
+  sizes: b,
+  zoomLabel: f,
+  closeLabel: h,
+  inner: m = !1,
+  ...w
+}) {
+  const C = w, T = ua(), p = t && T ? T(t, "src") : t, L = d && T ? ba(d, T) : d, y = Ve(pa()), x = E.toArray(e).find(
+    (Z) => D(Z) && R(Z) === "img"
+  ), A = E.toArray(e).find((Z) => {
+    if (!D(Z)) return !1;
+    const ae = Z;
+    return R(ae) === "figcaption" || ae.props["data-cf-slot"] === "caption";
+  }), F = f || u(C, "data-cf-zoom-label", "dataCfZoomLabel") || M.zoomImage, I = h || u(C, "data-cf-close-label", "dataCfCloseLabel") || M.closeImagePreview, [S, _] = B(!1), P = V(null), N = V(null), z = V(null), H = () => _(!1), Y = Ge({
+    open: S,
+    close: H,
+    dialogRef: z,
+    initialFocusRef: N,
+    triggerRef: P
+  }), oe = x ?? (p ? /* @__PURE__ */ l(
+    "img",
+    {
+      src: p,
+      alt: o ?? "",
+      title: i,
+      width: n,
+      height: r,
+      loading: s,
+      srcSet: L,
+      sizes: b,
+      "data-cf-element": "image"
+    }
+  ) : null), J = A ?? (c ? /* @__PURE__ */ l("figcaption", { "data-cf-slot": "caption", children: c }) : null), ee = K("cf-media-frame", C.className), { className: ie, ...le } = q(C);
+  if (!oe)
+    return m ? /* @__PURE__ */ l(U, { children: e }) : /* @__PURE__ */ l("figure", { ...le, className: ee, "data-cf-component": "image", "data-cf-slot": "root", children: e });
+  const pe = /* @__PURE__ */ k(U, { children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        ref: P,
+        className: "cf-media-zoom",
+        type: "button",
+        "data-cf-action": "zoom-image",
+        "data-cf-slot": "action",
+        "aria-label": F,
+        "aria-haspopup": "dialog",
+        title: F,
+        onClick: () => _(!0),
+        children: oe
+      }
+    ),
+    J ? y ? /* @__PURE__ */ l(y, { ...J.props, "data-cf-slot": "caption", children: J.props.children }) : /* @__PURE__ */ l("figcaption", { "data-cf-slot": "caption", children: J.props.children }) : null,
+    S ? /* @__PURE__ */ l(He, { children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: z,
+        className: "cf-image-lightbox",
+        "data-cf-slot": "lightbox",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": F,
+        tabIndex: -1,
+        onKeyDown: Y,
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: "cf-image-lightbox-backdrop",
+              "data-cf-action": "close-image",
+              "aria-hidden": "true",
+              onClick: H
+            }
+          ),
+          /* @__PURE__ */ k("div", { className: "cf-image-lightbox-card", children: [
+            /* @__PURE__ */ l(
+              "button",
+              {
+                ref: N,
+                className: "cf-icon-button cf-image-lightbox-close",
+                type: "button",
+                "data-cf-action": "close-image",
+                "data-cf-slot": "close",
+                "aria-label": I,
+                onClick: H,
+                children: /* @__PURE__ */ l(j, { name: "close" })
+              }
+            ),
+            O(oe, { loading: "eager" }),
+            J ? /* @__PURE__ */ l("p", { children: W(J.props.children) }) : null
+          ] })
+        ]
+      }
+    ) }) : null
+  ] });
+  return m ? pe : /* @__PURE__ */ l(
+    "figure",
+    {
+      ...le,
+      className: ee,
+      "data-cf-component": "image",
+      "data-cf-slot": "root",
+      "data-cf-island": "image",
+      "data-cf-zoom-label": F,
+      "data-cf-close-label": I,
+      "data-cf-island-data": La(a),
+      children: pe
+    }
+  );
+}
+function Na(e) {
+  return Q(e).find((a) => R(a) === "table");
+}
+function Me(e) {
+  return e ? Q(e.props.children).filter((a) => R(a) === "tr") : [];
+}
+function se(e) {
+  return Q(e.props.children).filter(
+    (a) => R(a) === "th" || R(a) === "td"
+  );
+}
+function je(e, a) {
+  return Q(e.props.children).find(
+    (t) => R(t) === a
+  );
+}
+function Ma(e) {
+  return /[",\n]/.test(e) ? `"${e.replace(/"/g, '""')}"` : e;
+}
+function Sa(e) {
+  return e ? Q(e.props.children).filter(
+    (t) => R(t) === "thead" || R(t) === "tbody"
+  ).flatMap(
+    (t) => Me(t).map(
+      (o) => se(o).map((c) => Ma(W(c.props.children))).join(",")
+    )
+  ).join(`
+`) : "";
+}
+function Fa(e, a, t, o) {
+  if (!e) return null;
+  const c = je(e, "thead"), i = je(e, "tbody"), n = Me(c), r = n[0] ? se(n[0]).map((b, f) => {
+    const h = a?.column === f, m = h ? a.direction : void 0;
+    return O(b, {
+      "aria-sort": h ? m === "asc" ? "ascending" : "descending" : void 0,
+      children: /* @__PURE__ */ k(
+        "button",
+        {
+          className: "cf-sort-button",
+          type: "button",
+          "data-cf-action": "sort-table",
+          "data-column": String(f),
+          "data-sort": m,
+          "aria-pressed": h ? "true" : "false",
+          "aria-label": t.replace("{column}", String(f + 1)),
+          title: t.replace("{column}", String(f + 1)),
+          onClick: () => o?.(f),
+          children: [
+            /* @__PURE__ */ l("span", { className: "cf-sort-label", children: b.props.children }),
+            /* @__PURE__ */ l("span", { className: "cf-sort-icon", "aria-hidden": "true", children: /* @__PURE__ */ l(j, { name: "sort", direction: m }) })
+          ]
+        }
+      )
+    });
+  }) : [], s = i ? Me(i).slice().sort((b, f) => {
+    if (!a) return 0;
+    const h = W(se(b)[a.column]?.props.children), m = W(se(f)[a.column]?.props.children), w = h.localeCompare(m, void 0, { numeric: !0, sensitivity: "base" });
+    return a.direction === "asc" ? w : -w;
+  }) : [], d = Q(e.props.children).map((b) => R(b) === "thead" && n[0] ? O(b, {
+    children: n.map(
+      (f, h) => h === 0 ? O(f, { children: r }) : f
+    )
+  }) : R(b) === "tbody" && i && a ? O(b, { children: s }) : b);
+  return O(e, { children: d });
+}
+function Se({
+  children: e,
+  tableTitle: a,
+  copyLabel: t,
+  copyFailureLabel: o,
+  downloadLabel: c,
+  zoomLabel: i,
+  closeLabel: n,
+  sortLabel: r,
+  serializedTable: s,
+  inner: d = !1,
+  ...b
+}) {
+  const f = b, h = Na(e), m = ta(() => Sa(h), [h]), [w, C] = B(null), [T, p] = B(!1), L = V(null), y = V(null), x = V(null), A = a || u(f, "data-cf-table-title", "dataCfTableTitle") || M.tableTitle, F = t || u(f, "data-cf-copy-label", "dataCfCopyLabel") || M.copyTableCsv, I = o || u(f, "data-cf-copy-failure-label", "dataCfCopyFailureLabel") || M.copyFailed, S = c || u(f, "data-cf-download-label", "dataCfDownloadLabel") || M.downloadTableCsv, _ = i || u(f, "data-cf-zoom-label", "dataCfZoomLabel") || M.zoomTable, P = n || u(f, "data-cf-close-label", "dataCfCloseLabel") || M.closeTablePreview, N = r || u(f, "data-cf-sort-label", "dataCfSortLabel") || M.sortTableColumn, z = s ?? u(f, "data-cf-table", "dataCfTable"), H = K("cf-table-window", f.className), { className: Y, ...oe } = q(f), ee = Fa(h, w, N, (ae) => C(
+    (Be) => Be?.column === ae ? Be.direction === "asc" ? { column: ae, direction: "desc" } : null : { column: ae, direction: "asc" }
+  )), ie = () => p(!1), le = Ge({
+    open: T,
+    close: ie,
+    dialogRef: x,
+    initialFocusRef: x,
+    triggerRef: L
+  }), Z = /* @__PURE__ */ k(U, { children: [
+    /* @__PURE__ */ k("div", { className: "cf-block-toolbar", "data-cf-slot": "toolbar", children: [
+      /* @__PURE__ */ k("span", { className: "cf-block-title", "data-cf-slot": "title", children: [
+        /* @__PURE__ */ l(j, { name: "table" }),
+        /* @__PURE__ */ l("span", { children: A })
+      ] }),
+      /* @__PURE__ */ k("div", { className: "cf-block-actions", "data-cf-slot": "actions", children: [
+        /* @__PURE__ */ l(
+          ue,
+          {
+            value: m,
+            label: F,
+            failureLabel: I,
+            action: "copy-table"
+          }
+        ),
+        /* @__PURE__ */ l(
+          va,
+          {
+            value: m,
+            filename: "table.csv",
+            label: S,
+            action: "download-table",
+            contentType: "text/csv;charset=utf-8"
+          }
+        ),
+        /* @__PURE__ */ l(
+          "button",
+          {
+            ref: L,
+            className: "cf-block-button",
+            type: "button",
+            "data-cf-action": "zoom-table",
+            "aria-label": _,
+            title: _,
+            "aria-haspopup": "dialog",
+            onClick: () => p(!0),
+            children: /* @__PURE__ */ l(j, { name: "maximize" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "cf-data-table", "data-cf-slot": "content", children: ee ?? e }),
+    T && ee ? /* @__PURE__ */ l(He, { children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: x,
+        className: "cf-table-preview",
+        "data-cf-slot": "preview",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": A,
+        tabIndex: -1,
+        onKeyDown: le,
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: "cf-table-preview-backdrop",
+              "data-cf-action": "close-table",
+              "aria-hidden": "true",
+              onClick: ie
+            }
+          ),
+          /* @__PURE__ */ k("div", { className: "cf-table-preview-card", children: [
+            /* @__PURE__ */ k("div", { className: "cf-table-preview-head", children: [
+              /* @__PURE__ */ l("strong", { children: A }),
+              /* @__PURE__ */ l(
+                "button",
+                {
+                  ref: y,
+                  className: "cf-icon-button",
+                  type: "button",
+                  "data-cf-action": "close-table",
+                  "data-cf-slot": "close",
+                  "aria-label": P,
+                  onClick: ie,
+                  children: /* @__PURE__ */ l(j, { name: "close" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "cf-table-preview-body", children: /* @__PURE__ */ l("div", { className: "cf-table-window", children: /* @__PURE__ */ l("div", { className: "cf-data-table", children: ee }) }) })
+          ] })
+        ]
+      }
+    ) }) : null
+  ] });
+  return d ? Z : /* @__PURE__ */ l(
+    "figure",
+    {
+      ...oe,
+      className: H,
+      "data-cf-component": "table",
+      "data-cf-slot": "root",
+      "data-cf-island": "table",
+      "data-cf-table-title": A,
+      "data-cf-copy-label": F,
+      "data-cf-copy-failure-label": I,
+      "data-cf-download-label": S,
+      "data-cf-zoom-label": _,
+      "data-cf-close-label": P,
+      "data-cf-sort-label": N,
+      "data-cf-table": z || void 0,
+      children: Z
+    }
+  );
+}
+function xa(e) {
+  return e.replace(/\r\n?/g, `
+`).split(`
+`).map((a, t, o) => {
+    const c = a.match(/^(\s*)([$>])(\s*)/), i = c ? null : a.match(/^(\s*)([✓✔✕✖!→•])(\s*)/), n = c ? /* @__PURE__ */ k(U, { children: [
+      /* @__PURE__ */ l("span", { className: "cf-terminal-prompt", children: `${c[1]}${c[2]}` }),
+      c[3] || " ",
+      a.slice(c[0].length)
+    ] }) : i ? /* @__PURE__ */ k(U, { children: [
+      /* @__PURE__ */ l("span", { className: "cf-terminal-status", children: `${i[1]}${i[2]}` }),
+      i[3] || " ",
+      a.slice(i[0].length)
+    ] }) : /* @__PURE__ */ l("span", { className: "cf-terminal-output", children: a });
+    return /* @__PURE__ */ k("span", { children: [
+      n,
+      t < o.length - 1 ? `
+` : null
+    ] }, `${t}-${a}`);
+  });
+}
+function de({
+  children: e,
+  node: a,
+  title: t,
+  source: o,
+  copyLabel: c,
+  copyFailureLabel: i,
+  ...n
+}) {
+  const r = n, s = t || u(r, "data-cf-title", "dataCfTitle") || M.terminalTitle, d = o ?? u(r, "data-cf-source", "dataCfSource"), b = c || u(r, "data-cf-copy-label", "dataCfCopyLabel") || M.copyTerminal, f = i || u(r, "data-cf-copy-failure-label", "dataCfCopyFailureLabel") || M.copyFailed, h = K("cf-terminal", r.className), { className: m, ...w } = q(r);
+  return /* @__PURE__ */ k("div", { ...w, className: h, "data-cf-component": "terminal", "data-cf-slot": "root", children: [
+    /* @__PURE__ */ l(
+      Ta,
+      {
+        title: s,
+        source: d,
+        copyLabel: b,
+        copyFailureLabel: f
+      }
+    ),
+    /* @__PURE__ */ l("pre", { "data-cf-slot": "content", children: xa(d) })
+  ] });
+}
+function Ta({
+  title: e,
+  source: a,
+  copyLabel: t = M.copyTerminal,
+  copyFailureLabel: o = M.copyFailed,
+  inner: c = !1
+}) {
+  const i = /* @__PURE__ */ k(U, { children: [
+    /* @__PURE__ */ l("span", { children: e }),
+    /* @__PURE__ */ l(
+      ue,
+      {
+        value: a,
+        label: t,
+        action: "copy-terminal",
+        className: "cf-copy-snippet-button",
+        failureLabel: o
+      }
+    )
+  ] });
+  return c ? i : /* @__PURE__ */ l(
+    "div",
+    {
+      className: "cf-terminal-head",
+      "data-cf-slot": "toolbar",
+      "data-cf-behavior": "terminal-toolbar",
+      "data-cf-title": e,
+      "data-cf-copy-label": t,
+      "data-cf-copy-failure-label": o,
+      children: i
+    }
+  );
+}
+function Re(e, a, t) {
+  const o = e;
+  return o[a] ?? o[t];
+}
+function ne(e) {
+  return D(e);
+}
+function Je(e) {
+  return String(Re(e.props, "data-cf-tab", "dataCfTab") ?? "");
+}
+function Aa(e) {
+  return String(Re(e.props, "data-cf-tab-panel", "dataCfTabPanel") ?? "");
+}
+function Fe(e) {
+  return E.toArray(e.props.children).filter(ne);
+}
+function xe(e) {
+  return e.props.disabled === !0 || e.props["aria-disabled"] === "true";
+}
+function Ia(e) {
+  return e.props["aria-selected"] === !0 || e.props["aria-selected"] === "true";
+}
+function _e(e) {
+  return Number.parseInt(na, 10) >= 19 ? e.props.ref : e.ref;
+}
+function Da(e, a, t = "smooth") {
+  if (typeof e.scrollTo != "function") return;
+  const o = a.offsetLeft, c = o + a.offsetWidth;
+  o < e.scrollLeft ? e.scrollTo({ left: o, behavior: t }) : c > e.scrollLeft + e.clientWidth && e.scrollTo({ left: c - e.clientWidth, behavior: t });
+}
+function $a(e, a, t, o, c, i) {
+  const n = E.toArray(e), r = n.findIndex((p) => ne(p) && p.props.role === "tablist");
+  if (r < 0) return e;
+  const s = n[r], d = Fe(s);
+  if (!d.length) return e;
+  const b = d.map((p, L) => Je(p) || `tab-${L + 1}`), f = d.flatMap((p, L) => xe(p) ? [] : [L]), h = (p, L = !1) => {
+    p && (t(p), queueMicrotask(() => {
+      const y = o.current[p];
+      y && (Da(c.current ?? y.parentElement ?? y, y), L && y.focus());
+    }));
+  }, m = (p, L) => {
+    if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(p.key)) return;
+    const y = f.indexOf(L);
+    if (y < 0 || f.length === 0) return;
+    p.preventDefault(), p.stopPropagation();
+    const x = p.key === "Home" ? f[0] : p.key === "End" ? f.at(-1) : f[(y + (p.key === "ArrowRight" || p.key === "ArrowDown" ? 1 : -1) + f.length) % f.length];
+    if (x === void 0) return;
+    const A = b[x];
+    A && h(A, !0);
+  }, w = d.map((p, L) => {
+    const y = b[L] ?? `tab-${L + 1}`, x = y === a, A = p.props.onClick, F = p.props.onKeyDown, I = _e(p);
+    return O(p, {
+      id: `${i}-tab-${L + 1}`,
+      "aria-controls": `${i}-panel-${L + 1}`,
+      "aria-selected": x ? "true" : "false",
+      tabIndex: x ? 0 : -1,
+      ref: (S) => {
+        o.current[y] = S, typeof I == "function" ? I(S) : I && "current" in I && (I.current = S);
+      },
+      onClick: (S) => {
+        A?.(S), !S.defaultPrevented && (S.stopPropagation(), h(y));
+      },
+      onKeyDown: (S) => {
+        F?.(S), S.defaultPrevented || m(S, L);
+      }
+    });
+  }), C = _e(s), T = O(s, {
+    children: w,
+    ref: (p) => {
+      c.current = p, typeof C == "function" ? C(p) : C && "current" in C && (C.current = p);
+    }
+  });
+  return n.map((p, L) => {
+    if (L === r) return T;
+    if (!ne(p) || p.props.role !== "tabpanel") return p;
+    const y = n.filter((A) => ne(A) && A.props.role === "tabpanel").indexOf(p), x = Aa(p) || b[y] || "";
+    return O(p, {
+      id: `${i}-panel-${y + 1}`,
+      "aria-labelledby": `${i}-tab-${y + 1}`,
+      hidden: x !== a
+    });
+  });
+}
+function ce({
+  children: e,
+  kind: a = "tabs",
+  component: t,
+  ...o
+}) {
+  const i = E.toArray(e).find(
+    (N) => ne(N) && N.props.role === "tablist"
+  ), n = i ? Fe(i).map((N, z) => Je(N) || `tab-${z + 1}`) : [], r = i ? Fe(i) : [], s = r.findIndex(
+    (N) => Ia(N) && !xe(N)
+  ), d = r.findIndex((N) => !xe(N)), b = n[s >= 0 ? s : d] ?? "", [f, h] = B(b), m = n.includes(f) ? f : b, w = V({}), C = V(null), [T, p] = B(!1), [L, y] = B(!1), x = oa().replace(/:/g, ""), F = String(Re(o, "data-cf-tabs-id", "dataCfTabsId") ?? "") || `cf-tabs-${x}`, I = $a(e, m, h, w, C, F);
+  re(() => {
+    if (a !== "code-group") return;
+    const N = C.current;
+    if (!N) return;
+    const z = () => {
+      const Y = Math.max(0, N.scrollWidth - N.clientWidth);
+      p(Y > 1 && N.scrollLeft > 1), y(Y > 1 && N.scrollLeft < Y - 1);
+    };
+    z(), N.addEventListener("scroll", z, { passive: !0 });
+    const H = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(z);
+    return H?.observe(N), () => {
+      N.removeEventListener("scroll", z), H?.disconnect();
+    };
+  }, [e, a]);
+  const S = (N) => {
+    const z = C.current;
+    !z || typeof z.scrollBy != "function" || z.scrollBy({
+      left: N * Math.max(180, z.clientWidth * 0.72),
+      behavior: "smooth"
+    });
+  }, _ = q(o), P = K(
+    a === "code-group" ? "cf-tabs cf-code-group" : "cf-tabs",
+    o.className
+  );
+  return t ? /* @__PURE__ */ l(
+    t,
+    {
+      ..._,
+      className: P,
+      kind: a,
+      "data-cf-component": a,
+      "data-cf-slot": "root",
+      "data-cf-behavior": "tabs",
+      "data-cf-tabs-id": F,
+      children: I
+    }
+  ) : /* @__PURE__ */ k(
+    "div",
+    {
+      ..._,
+      className: P,
+      "data-cf-component": a,
+      "data-cf-slot": "root",
+      "data-cf-behavior": "tabs",
+      "data-cf-tabs-id": F,
+      children: [
+        a === "code-group" ? /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: "cf-code-tabs-scroll cf-code-tabs-scroll-start",
+            "data-cf-action": "scroll-code-tabs",
+            "data-cf-direction": "-1",
+            "aria-label": "Previous code files",
+            hidden: !T,
+            onClick: () => S(-1),
+            children: /* @__PURE__ */ l(j, { name: "previous", size: 18 })
+          }
+        ) : null,
+        I,
+        a === "code-group" ? /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: "cf-code-tabs-scroll cf-code-tabs-scroll-end",
+            "data-cf-action": "scroll-code-tabs",
+            "data-cf-direction": "1",
+            "aria-label": "Next code files",
+            hidden: !L,
+            onClick: () => S(1),
+            children: /* @__PURE__ */ l(j, { name: "next", size: 18 })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Ue(e) {
+  if (typeof e.type == "string") return e.type;
+  const a = e.type.displayName ?? "";
+  return a.startsWith("Markdown") ? a.slice(8).toLowerCase() : "";
+}
+function Qe(e) {
+  return typeof e == "string" && !e.trim();
+}
+function Te(e, a, t, o) {
+  if (!D(e)) return e;
+  const c = e, i = E.toArray(c.props.children).filter((y) => !Qe(y)), n = c.props["data-cf-file-tree-file"] !== void 0 || c.props.dataCfFileTreeFile !== void 0, r = c.props["data-cf-file-tree-branch"] !== void 0 || c.props.dataCfFileTreeBranch !== void 0, s = c.props["aria-current"] === "page" || c.props["aria-current"] === !0 || c.props["data-cf-current"] !== void 0 || c.props.dataCfCurrent !== void 0, d = r ? i.findIndex(
+    (y) => D(y) && Ue(y) === "button"
+  ) : -1, b = r ? i.findIndex(
+    (y) => D(y) && Ue(y) === "ul"
+  ) : -1, f = String(
+    c.props["data-cf-file-tree-path"] ?? c.props.dataCfFileTreePath ?? ""
+  ), h = d >= 0 ? W(i[d].props.children) : "", m = f || `${a}:${h.trim().toLowerCase()}`, w = d >= 0 ? i[d].props["aria-expanded"] : void 0, C = r ? t[m] ?? (w !== !1 && w !== "false") : !0, T = i.map((y, x) => {
+    const A = `${a}.${x}`;
+    if (r && x === d && D(y)) {
+      const F = y, I = F.props.onClick, S = E.toArray(F.props.children), _ = S.some(
+        (P) => D(P) && (P.props["data-cf-slot"] === "folder-icon" || P.props.dataCfSlot === "folder-icon")
+      );
+      return O(F, {
+        className: K("cf-file-tree-folder", F.props.className),
+        "data-cf-action": "toggle-file-tree",
+        "data-cf-file-tree-toggle": "",
+        "aria-expanded": String(C),
+        children: _ ? S : [
+          /* @__PURE__ */ l("span", { className: "cf-file-tree-folder-icon", "data-cf-slot": "folder-icon", children: /* @__PURE__ */ l(j, { name: "folder" }) }, "folder-icon"),
+          ...S
+        ],
+        onClick: (P) => {
+          typeof I == "function" && I(P), P.defaultPrevented || o(m, !C);
+        }
+      });
+    }
+    if (r && x === b && D(y)) {
+      const F = Te(y, A, t, o);
+      return /* @__PURE__ */ l(
+        "div",
+        {
+          className: "cf-file-tree-children",
+          "data-cf-state": C ? "expanded" : "collapsed",
+          "aria-hidden": C ? void 0 : "true",
+          inert: C ? void 0 : !0,
+          children: F
+        },
+        `${m}-children`
+      );
+    }
+    return Te(y, A, t, o);
+  }), p = i.some(
+    (y) => D(y) && (y.props["data-cf-slot"] === "file-icon" || y.props.dataCfSlot === "file-icon")
+  ), L = n && !p ? [
+    /* @__PURE__ */ l("span", { className: "cf-file-tree-file-icon", "data-cf-slot": "file-icon", children: /* @__PURE__ */ l(j, { name: "file" }) }, "file-icon"),
+    ...T
+  ] : T;
+  return O(c, {
+    ...n || r ? {
+      className: K(
+        [
+          n ? "cf-file-tree-file" : "",
+          r ? "cf-file-tree-branch" : "",
+          s ? "cf-file-tree-current" : ""
+        ].filter(Boolean).join(" "),
+        c.props.className
+      )
+    } : {},
+    ...r ? {
+      "data-cf-state": C ? "expanded" : "collapsed",
+      "data-cf-file-tree-path": m
+    } : {},
+    children: L
+  });
+}
+function Ae({ children: e, ...a }) {
+  const [t, o] = B({}), c = E.toArray(e).filter((r) => !Qe(r)).map(
+    (r, s) => Te(
+      r,
+      String(s),
+      t,
+      (d, b) => o((f) => ({ ...f, [d]: b }))
+    )
+  ), i = E.map(
+    c,
+    (r) => D(r) ? O(r, { "data-cf-slot": "content" }) : r
+  ), n = q(a);
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ...n,
+      className: K("cf-file-tree", a.className),
+      "data-cf-component": "file-tree",
+      "data-cf-slot": "root",
+      "data-cf-behavior": "file-tree",
+      children: i
+    }
+  );
+}
+function X(e, a, t) {
+  return {
+    ...q(e),
+    ...t ? { className: K(t, e.className) } : {},
+    "data-cf-component": a,
+    "data-cf-slot": "root"
+  };
+}
+function fe({ children: e, ...a }) {
+  const t = String(
+    a["data-callout"] ?? a.dataCallout ?? "info"
+  ), o = t === "tip" ? la : t === "warning" ? sa : t === "danger" ? da : fa, c = E.map(e, (i) => {
+    if (!D(i)) return i;
+    const n = i;
+    return n.props["data-cf-slot"] === "title" || n.props.dataCfSlot === "title" ? O(n, {
+      children: /* @__PURE__ */ k(U, { children: [
+        /* @__PURE__ */ l(o, { className: "cf-callout-icon", size: 17, strokeWidth: 2, "aria-hidden": "true" }),
+        n.props.children
+      ] })
+    }) : i;
+  });
+  return v("div", X(a, "callout", "cf-callout"), c);
+}
+function Ie({ children: e, ...a }) {
+  return v("ol", X(a, "steps", "cf-steps"), e);
+}
+function za(e) {
+  const a = E.toArray(e), t = a.findIndex(
+    (o) => D(o) && R(o) === "summary"
+  );
+  return t < 0 ? { summary: void 0, content: a } : {
+    summary: a[t],
+    content: a.filter(
+      (o, c) => c !== t && !(typeof o == "string" && o.trim().length === 0)
+    )
+  };
+}
+function De({ children: e, onToggle: a, ...t }) {
+  const o = t.open === !0, [c, i] = B(o), [n, r] = B(!1), s = V(null), { summary: d, content: b } = za(e), f = D(d) ? (() => {
+    const m = d, w = m.props.onClick;
+    return O(m, {
+      children: /* @__PURE__ */ k(U, { children: [
+        m.props.children,
+        /* @__PURE__ */ l(ia, { className: "cf-details-chevron", size: 17, strokeWidth: 2, "aria-hidden": "true" })
+      ] }),
+      onClick: (C) => {
+        if (w?.(C), C.defaultPrevented) return;
+        const T = C.currentTarget.closest("details");
+        queueMicrotask(() => i(T?.open ?? !1));
+      }
+    });
+  })() : d;
+  re(() => {
+    r(!0);
+  }, []);
+  const h = /* @__PURE__ */ k(U, { children: [
+    f,
+    /* @__PURE__ */ l(
+      "div",
+      {
+        ref: s,
+        className: "cf-details-content",
+        "data-cf-slot": "content",
+        inert: n && !c ? !0 : void 0,
+        children: /* @__PURE__ */ l("div", { className: "cf-details-content-inner", children: b.map((m, w) => /* @__PURE__ */ l(ca, { children: m }, D(m) && m.key !== null ? m.key : `details-${w}`)) })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ l(
+    "details",
+    {
+      ...X(t, "details"),
+      "data-cf-behavior": "details",
+      "data-cf-enhanced": n ? "true" : void 0,
+      onToggle: (m) => {
+        i(m.currentTarget.open), a?.(m);
+      },
+      children: h
+    }
+  );
+}
+function Xe(e, a) {
+  return E.map(e, (t) => D(t) ? O(t, { "data-cf-slot": a }) : t);
+}
+function $e({ children: e, ...a }) {
+  return /* @__PURE__ */ l("div", { ...X(a, "card-grid", "cf-card-grid"), children: Xe(e, "card") });
+}
+function ze({ children: e, ...a }) {
+  return /* @__PURE__ */ l("section", { ...X(a, "api", "cf-api-block"), children: Xe(e, "section") });
+}
+function Pe({ children: e, ...a }) {
+  return /* @__PURE__ */ l("aside", { ...X(a, "aside", "cf-aside"), children: e });
+}
+function Oe({ children: e, ...a }) {
+  const t = X(a, "badge", "cf-badge");
+  return /* @__PURE__ */ l("span", { ...t, "data-cf-slot": "label", children: e });
+}
+function Pa({
+  anchor: e,
+  anchorLabel: a,
+  copyFailureLabel: t = M.copyFailed
+}) {
+  const [o, c] = B("idle");
+  re(() => {
+    if (o === "idle") return;
+    const s = setTimeout(() => c("idle"), qe);
+    return () => clearTimeout(s);
+  }, [o]);
+  const i = async () => {
+    const s = typeof window > "u" ? e : `${window.location.origin}${window.location.pathname}${window.location.search}${e}`;
+    try {
+      c(await Ze(s) ? "success" : "error");
+    } catch {
+      c("error");
+    }
+  }, n = a || M.copySectionLink, r = o === "success" ? `${n} ✓` : o === "error" ? t : n;
+  return /* @__PURE__ */ k(
+    "button",
+    {
+      className: `cf-anchor${o === "success" ? " cf-action-success" : ""}${o === "error" ? " cf-action-error" : ""}`,
+      type: "button",
+      "data-anchor": e,
+      "data-cf-action": "copy-section-link",
+      "data-cf-anchor-label": n,
+      "data-cf-copy-error": o === "error" ? "true" : void 0,
+      "aria-label": r,
+      title: r,
+      onClick: i,
+      children: [
+        /* @__PURE__ */ l(j, { name: "link" }),
+        /* @__PURE__ */ l("span", { className: "cf-sr-only", "aria-live": "polite", "aria-atomic": "true", children: o === "idle" ? "" : r })
+      ]
+    }
+  );
+}
+function Oa({
+  level: e,
+  as: a,
+  id: t,
+  anchor: o,
+  anchorLabel: c,
+  copyFailureLabel: i,
+  children: n,
+  className: r,
+  ...s
+}) {
+  const d = a ?? `h${e}`, b = r?.split(/\s+/).filter(Boolean) ?? [], f = b.some((w) => w === "sr-only" || w === "cf-sr-only"), h = e > 1 && !!o && !f;
+  f && !b.includes("cf-sr-only") && b.push("cf-sr-only"), h && b.push("cf-heading-with-anchor");
+  const m = b.join(" ");
+  return /* @__PURE__ */ k(d, { ...s, id: t, className: m || void 0, children: [
+    n,
+    h && o ? /* @__PURE__ */ l(
+      "span",
+      {
+        className: "cf-anchor-island",
+        "data-cf-behavior": "heading",
+        "data-cf-anchor": o,
+        "data-cf-anchor-label": c || M.copySectionLink,
+        "data-cf-copy-failure-label": i || M.copyFailed,
+        children: /* @__PURE__ */ l(
+          Pa,
+          {
+            anchor: o,
+            anchorLabel: c,
+            copyFailureLabel: i
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function We(e, a) {
+  return E.toArray(e).find((t) => {
+    if (!D(t)) return !1;
+    const o = t;
+    return R(o) === a || a === "figcaption" && (o.props["data-cf-slot"] === "caption" || o.props.dataCfSlot === "caption");
+  });
+}
+function Ye(e, a, t) {
+  const o = { ...a, children: t };
+  if (e === "code-block")
+    return {
+      ...o,
+      source: u(a, "data-cf-source", "dataCfSource") || W(t),
+      language: u(a, "data-cf-language", "dataCfLanguage") || "text",
+      copyLabel: u(a, "data-cf-copy-label", "dataCfCopyLabel") || void 0,
+      copyFailureLabel: u(a, "data-cf-copy-failure-label", "dataCfCopyFailureLabel") || void 0
+    };
+  if (e === "copy-snippet")
+    return {
+      ...o,
+      value: u(a, "data-cf-value", "dataCfValue") || W(t),
+      copyLabel: u(a, "data-cf-copy-label", "dataCfCopyLabel") || void 0,
+      copyFailureLabel: u(a, "data-cf-copy-failure-label", "dataCfCopyFailureLabel") || void 0
+    };
+  if (e === "table")
+    return {
+      ...o,
+      tableTitle: u(a, "data-cf-table-title", "dataCfTableTitle") || void 0,
+      copyLabel: u(a, "data-cf-copy-label", "dataCfCopyLabel") || void 0,
+      copyFailureLabel: u(a, "data-cf-copy-failure-label", "dataCfCopyFailureLabel") || void 0,
+      downloadLabel: u(a, "data-cf-download-label", "dataCfDownloadLabel") || void 0,
+      zoomLabel: u(a, "data-cf-zoom-label", "dataCfZoomLabel") || void 0,
+      closeLabel: u(a, "data-cf-close-label", "dataCfCloseLabel") || void 0,
+      sortLabel: u(a, "data-cf-sort-label", "dataCfSortLabel") || void 0
+    };
+  if (e === "image") {
+    const c = We(t, "img"), i = We(t, "figcaption"), n = c ? me(c.props, "width") : void 0, r = c ? me(c.props, "height") : void 0, s = c ? me(c.props, "loading") : void 0;
+    return {
+      ...o,
+      src: c && u(c.props, "src") || void 0,
+      alt: c ? u(c.props, "alt") : void 0,
+      caption: i ? W(i.props.children) : void 0,
+      title: c && u(c.props, "title") || void 0,
+      width: typeof n == "string" || typeof n == "number" ? n : void 0,
+      height: typeof r == "string" || typeof r == "number" ? r : void 0,
+      loading: s === "eager" || s === "lazy" ? s : void 0,
+      srcSet: c && u(c.props, "srcSet", "srcset") || void 0,
+      sizes: c && u(c.props, "sizes") || void 0,
+      zoomLabel: u(a, "data-cf-zoom-label", "dataCfZoomLabel") || void 0,
+      closeLabel: u(a, "data-cf-close-label", "dataCfCloseLabel") || void 0
+    };
+  }
+  return e === "terminal" ? {
+    ...o,
+    title: u(a, "data-cf-title", "dataCfTitle") || void 0,
+    source: u(a, "data-cf-source", "dataCfSource"),
+    copyLabel: u(a, "data-cf-copy-label", "dataCfCopyLabel") || void 0,
+    copyFailureLabel: u(a, "data-cf-copy-failure-label", "dataCfCopyFailureLabel") || void 0
+  } : e === "gallery" ? {
+    ...o,
+    items: ma(void 0, a.node, t),
+    labels: {
+      gallery: u(a, "data-cf-gallery-label", "dataCfGalleryLabel") || void 0,
+      close: u(a, "data-cf-close-label", "dataCfCloseLabel") || void 0,
+      previous: u(a, "data-cf-previous-label", "dataCfPreviousLabel") || void 0,
+      next: u(a, "data-cf-next-label", "dataCfNextLabel") || void 0,
+      thumbnails: u(a, "data-cf-thumbnails-label", "dataCfThumbnailsLabel") || void 0,
+      image: u(a, "data-cf-image-label", "dataCfImageLabel") || void 0
+    }
+  } : o;
+}
+function Ra(e) {
+  return Array.isArray(e) ? e.join(" ") : typeof e == "string" ? e : "";
+}
+function $(e, a) {
+  const t = [Ra(e), a].filter(Boolean);
+  return t.length ? t.join(" ") : void 0;
+}
+const Ee = {
+  callout: { className: "callout", override: "Callout" },
+  tabs: { className: "tabs", override: "Tabs" },
+  "code-group": { className: "tabs", override: "CodeGroup" },
+  steps: { className: "steps", override: "Steps" },
+  "code-block": { className: "codeBlock", override: "CodeBlock" },
+  "copy-snippet": { className: "copySnippet", override: "CopySnippet" },
+  table: { className: "table", override: "Table" },
+  image: { className: "image", override: "Image" },
+  terminal: { className: "terminal", override: "Terminal" },
+  details: { className: "details", override: "Details" },
+  "file-tree": { className: "fileTree", override: "FileTree" },
+  gallery: { className: "gallery", override: "Gallery" },
+  "card-grid": { className: "cardGrid", override: "CardGrid" },
+  api: { className: "api", override: "Api" },
+  aside: { className: "aside", override: "Aside" },
+  badge: { className: "badge", override: "Badge" }
+};
+function Ke(e) {
+  const a = typeof e == "string" ? e : "";
+  return Object.hasOwn(Ee, a) ? a : void 0;
+}
+function be(e) {
+  return Ke(e["data-cf-component"]) ?? Ke(e.dataCfComponent);
+}
+function Ea(e, a) {
+  return a[Ee[e].className];
+}
+function te(e, a) {
+  return e[Ee[a].override];
+}
+function G(e, a) {
+  return e[a];
+}
+function ea(e, a, t, o, c, i) {
+  const n = $(a.className, Ea(e, o)), r = te(c, e);
+  if (r) {
+    const s = Ye(e, { ...a, className: n }, t);
+    return v(r, aa(e, s, i));
+  }
+  if (e === "file-tree") return v(Ae, { ...a, className: n, children: t });
+  if (e === "gallery") return v(he, { ...a, className: n, children: t });
+  if (e === "terminal") return v(de, { ...a, className: n, children: t });
+  if (e === "copy-snippet")
+    return v(Ce, { ...a, className: n, children: t });
+  if (e === "card-grid") return v($e, { ...a, className: n, children: t });
+  if (e === "api") return v(ze, { ...a, className: n, children: t });
+  if (e === "aside") return v(Pe, { ...a, className: n, children: t });
+  if (e === "badge") return v(Oe, { ...a, className: n, children: t });
+}
+function aa(e, a, t) {
+  const o = ge(a, t);
+  return e !== "gallery" || !Array.isArray(o.items) ? o : {
+    ...o,
+    items: o.items.map(
+      (c) => c && typeof c == "object" ? ge(c, t) : c
+    )
+  };
+}
+function g(e, a, t, o, c) {
+  const i = a.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
+  function n({ children: r, node: s, ...d }) {
+    const b = G(o, e) ?? e, f = ge(d, c);
+    if (a === "heading" && /^h[1-6]$/.test(e)) {
+      const h = d["data-cf-anchor"] ?? d.dataCfAnchor, m = d["data-cf-anchor-label"] ?? d.dataCfAnchorLabel, w = d["data-cf-copy-failure-label"] ?? d.dataCfCopyFailureLabel;
+      return v(Oa, {
+        ...f,
+        as: b,
+        level: Number(e.slice(1)),
+        anchor: typeof h == "string" ? h : void 0,
+        anchorLabel: typeof m == "string" ? m : void 0,
+        copyFailureLabel: typeof w == "string" ? w : void 0,
+        className: $(f.className, t[a]),
+        "data-cf-element": i,
+        children: r
+      });
+    }
+    return v(
+      b,
+      {
+        ...f,
+        className: $(f.className, t[a]),
+        "data-cf-element": i
+      },
+      r
+    );
+  }
+  return n.displayName = `Markdown${e.charAt(0).toUpperCase()}${e.slice(1)}`, n;
+}
+function Ba(e, a) {
+  return function({ children: o, node: c, ...i }) {
+    const n = i["data-cf-icon"] ?? i.dataCfIcon, r = typeof n == "string" ? ya(e, n) : void 0;
+    if (r)
+      return v(r, {
+        size: Number(i.width ?? 16),
+        className: typeof i.className == "string" ? i.className : void 0,
+        "aria-hidden": i["aria-hidden"]
+      });
+    const { ["data-cf-icon"]: s, dataCfIcon: d, ...b } = i;
+    return v(G(a, "svg") ?? "svg", b, o);
+  };
+}
+function ja(e, a) {
+  return function({ children: o, node: c, ...i }) {
+    const n = i["data-cf-slot"] === "caption" ? Ve(e) : void 0;
+    return n ? v(n, {
+      children: o,
+      className: typeof i.className == "string" ? i.className : void 0,
+      "data-cf-slot": typeof i["data-cf-slot"] == "string" ? i["data-cf-slot"] : void 0
+    }) : v(G(a, "figcaption") ?? "figcaption", i, o);
+  };
+}
+function _a(e, a, t) {
+  return function({ children: c, node: i, ...n }) {
+    const r = be(n), s = r ? te(a, r) : void 0;
+    if (r === "callout")
+      return v(s ?? fe, {
+        ...n,
+        className: $(n.className, e.callout),
+        children: c
+      });
+    if (r === "tabs" || r === "code-group")
+      return v(ce, {
+        ...n,
+        className: $(n.className, e.tabs),
+        kind: r,
+        component: s,
+        children: c
+      });
+    const d = r && ea(r, { ...n, node: i }, c, e, a, t);
+    return d || v(
+      G(a, "div") ?? "div",
+      {
+        ...n,
+        ...r ? { "data-cf-component": r } : {}
+      },
+      c
+    );
+  };
+}
+function ye(e, a, t, o) {
+  return function({ children: i, node: n, ...r }) {
+    const s = be(r), d = s ? te(t, s) : void 0;
+    if (s === "callout")
+      return v(d ?? fe, {
+        ...r,
+        className: $(r.className, a.callout),
+        children: i
+      });
+    if (s === "tabs" || s === "code-group")
+      return v(ce, {
+        ...r,
+        className: $(r.className, a.tabs),
+        kind: s,
+        component: d,
+        children: i
+      });
+    const b = s && ea(s, { ...r, node: n }, i, a, t, o);
+    if (b) return b;
+    const f = e === "section" && (r["data-cf-element"] === "footnotes" || r.dataCfElement === "footnotes");
+    return v(
+      G(t, e) ?? e,
+      {
+        ...r,
+        className: f ? $(r.className, a.footnotes) : r.className,
+        ...f ? { "data-cf-element": "footnotes" } : {},
+        ...s ? { "data-cf-component": s } : {}
+      },
+      i
+    );
+  };
+}
+function Ua(e, a, t) {
+  return function({ children: c, node: i, ...n }) {
+    const r = be(n);
+    if (r && ["code-block", "table", "image", "terminal"].includes(r)) {
+      const d = e[r === "code-block" ? "codeBlock" : r], b = te(a, r);
+      if (b) {
+        const f = Ye(
+          r,
+          { ...n, className: $(n.className, d) },
+          c
+        );
+        return v(b, aa(r, f, t));
+      }
+      return r === "code-block" ? v(ve, {
+        ...n,
+        className: $(n.className, d),
+        children: c
+      }) : r === "table" ? v(Se, {
+        ...n,
+        className: $(n.className, d),
+        children: c
+      }) : r === "image" ? v(Ne, {
+        ...n,
+        className: $(n.className, d),
+        children: c
+      }) : r === "terminal" ? v(de, {
+        ...n,
+        node: i,
+        className: $(n.className, d),
+        children: c
+      }) : v(
+        G(a, "figure") ?? "figure",
+        { ...n, className: $(n.className, d), "data-cf-component": r },
+        c
+      );
+    }
+    return v(
+      G(a, "figure") ?? "figure",
+      {
+        ...n,
+        ...r ? { "data-cf-component": r } : {}
+      },
+      c
+    );
+  };
+}
+function Wa(e, a) {
+  return function({ children: o, node: c, ...i }) {
+    const n = be(i);
+    if (n === "steps") {
+      const r = te(a, n) ?? Ie;
+      return v(r, {
+        ...i,
+        className: $(i.className, e.steps),
+        children: o
+      });
+    }
+    return v(
+      G(a, "ol") ?? "ol",
+      {
+        ...i,
+        className: $(i.className, e.list),
+        ...n ? { "data-cf-component": n } : {}
+      },
+      o
+    );
+  };
+}
+function Ka(e, a) {
+  return function({ children: o, node: c, ...i }) {
+    const n = te(a, "details") ?? G(a, "details") ?? De;
+    return v(n, {
+      ...i,
+      node: c,
+      className: $(i.className, e.details),
+      children: o
+    });
+  };
+}
+function Va(e = {}, a = {}, t = {}, o) {
+  return {
+    h1: g("h1", "heading", e, t, o),
+    h2: g("h2", "heading", e, t, o),
+    h3: g("h3", "heading", e, t, o),
+    h4: g("h4", "heading", e, t, o),
+    h5: g("h5", "heading", e, t, o),
+    h6: g("h6", "heading", e, t, o),
+    p: g("p", "paragraph", e, t, o),
+    a: g("a", "link", e, t, o),
+    ul: g("ul", "list", e, t, o),
+    ol: Wa(e, t),
+    li: g("li", "listItem", e, t, o),
+    blockquote: g("blockquote", "blockquote", e, t),
+    hr: g("hr", "horizontalRule", e, t),
+    strong: g("strong", "strong", e, t),
+    em: g("em", "emphasis", e, t),
+    del: g("del", "strikethrough", e, t),
+    mark: g("mark", "highlight", e, t),
+    kbd: g("kbd", "keyboard", e, t),
+    sup: g("sup", "superscript", e, t),
+    sub: g("sub", "subscript", e, t),
+    code: g("code", "inlineCode", e, t),
+    div: _a(e, t, o),
+    aside: ye("aside", e, t, o),
+    section: ye("section", e, t, o),
+    span: ye("span", e, t, o),
+    pre: g("pre", "code", e, t),
+    table: g("table", "table", e, t),
+    thead: g("thead", "tableHead", e, t),
+    tbody: g("tbody", "tableBody", e, t),
+    tr: g("tr", "tableRow", e, t),
+    th: g("th", "tableHeader", e, t),
+    td: g("td", "tableCell", e, t),
+    input: g("input", "taskCheckbox", e, t),
+    figure: Ua(e, t, o),
+    img: g("img", "image", e, t, o),
+    video: g("video", "video", e, t, o),
+    audio: g("audio", "audio", e, t, o),
+    iframe: g("iframe", "embed", e, t, o),
+    dl: g("dl", "definitionList", e, t),
+    dt: g("dt", "definitionTerm", e, t),
+    dd: g("dd", "definitionDescription", e, t),
+    summary: g("summary", "summary", e, t),
+    figcaption: ja(a, t),
+    svg: Ba(a, t),
+    details: Ka(e, t),
+    MarkdownCallout: fe,
+    MarkdownTabs: ce,
+    MarkdownSteps: Ie,
+    MarkdownCodeBlock: ve,
+    MarkdownCopySnippet: Ce,
+    MarkdownTable: Se,
+    MarkdownImage: Ne,
+    MarkdownDetails: De,
+    MarkdownTerminal: de,
+    MarkdownFileTree: Ae,
+    MarkdownGallery: he,
+    MarkdownCardGrid: $e,
+    MarkdownApiBlock: ze,
+    MarkdownAside: Pe,
+    MarkdownBadge: Oe,
+    Callout: fe,
+    Tabs: ce,
+    CodeGroup: ce,
+    Steps: Ie,
+    CodeBlock: ve,
+    CopySnippet: Ce,
+    Table: Se,
+    Image: Ne,
+    Details: De,
+    Terminal: de,
+    FileTree: Ae,
+    Gallery: he,
+    CardGrid: $e,
+    Api: ze,
+    Aside: Pe,
+    Badge: Oe
+  };
+}
+function et(e = {}, a = {}, t = {}, o) {
+  const c = Va(e, a, t, o);
+  for (const [i, n] of Object.entries(t))
+    /^[A-Z]/.test(i) && (c[i] = n);
+  return c;
+}
+export {
+  Ne as M,
+  Se as a,
+  et as b,
+  Va as c,
+  Ya as d,
+  La as s
+};