@photon-ai/pho-ui 4.8.0 → 4.9.1

package/dist/chunks/code-block-CbcE994O.js

@@ -0,0 +1,516 @@
+"use client";
+import { t as _ } from "./cn-ChIgwEl3.js";
+import { a as de } from "./button-C9VqBBIr.js";
+import { t as z } from "./createReactComponent-BqCmnqfX.js";
+import { t as me } from "./IconChevronDown-CZilB71T.js";
+import { t as he } from "./IconChevronUp-CrpWSgIl.js";
+import { n as fe } from "./copy-button-D8XyP0oR.js";
+import { t as d } from "./scroll-area-DSwD9th7.js";
+import { n as ye } from "./toggle-o84tawXy.js";
+import { t as g } from "./tooltip-BTF7GChl.js";
+import { useEffect as ge, useMemo as H, useState as F, useSyncExternalStore as xe } from "react";
+import { Fragment as ve, jsx as o, jsxs as m } from "react/jsx-runtime";
+var we = [
+  ["path", {
+    d: "M16 4l4 0l0 4",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M14 10l6 -6",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M8 20l-4 0l0 -4",
+    key: "svg-2"
+  }],
+  ["path", {
+    d: "M4 20l6 -6",
+    key: "svg-3"
+  }],
+  ["path", {
+    d: "M16 20l4 0l0 -4",
+    key: "svg-4"
+  }],
+  ["path", {
+    d: "M14 14l6 6",
+    key: "svg-5"
+  }],
+  ["path", {
+    d: "M8 4l-4 0l0 4",
+    key: "svg-6"
+  }],
+  ["path", {
+    d: "M4 4l6 6",
+    key: "svg-7"
+  }]
+], ke = z("outline", "arrows-maximize", "ArrowsMaximize", we), be = [
+  ["path", {
+    d: "M5 9l4 0l0 -4",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M3 3l6 6",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M5 15l4 0l0 4",
+    key: "svg-2"
+  }],
+  ["path", {
+    d: "M3 21l6 -6",
+    key: "svg-3"
+  }],
+  ["path", {
+    d: "M19 9l-4 0l0 -4",
+    key: "svg-4"
+  }],
+  ["path", {
+    d: "M15 9l6 -6",
+    key: "svg-5"
+  }],
+  ["path", {
+    d: "M19 15l-4 0l0 4",
+    key: "svg-6"
+  }],
+  ["path", {
+    d: "M15 15l6 6",
+    key: "svg-7"
+  }]
+], Me = z("outline", "arrows-minimize", "ArrowsMinimize", be), Ce = [
+  ["path", {
+    d: "M4 6l16 0",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M4 18l5 0",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2",
+    key: "svg-2"
+  }]
+], Ne = z("outline", "text-wrap", "TextWrap", Ce), V = {
+  json: () => import("@shikijs/langs/json"),
+  jsonc: () => import("@shikijs/langs/jsonc"),
+  javascript: () => import("@shikijs/langs/javascript"),
+  typescript: () => import("@shikijs/langs/typescript"),
+  jsx: () => import("@shikijs/langs/jsx"),
+  tsx: () => import("@shikijs/langs/tsx"),
+  shellscript: () => import("@shikijs/langs/shellscript"),
+  python: () => import("@shikijs/langs/python"),
+  swift: () => import("@shikijs/langs/swift"),
+  go: () => import("@shikijs/langs/go"),
+  ruby: () => import("@shikijs/langs/ruby"),
+  php: () => import("@shikijs/langs/php"),
+  java: () => import("@shikijs/langs/java"),
+  kotlin: () => import("@shikijs/langs/kotlin"),
+  csharp: () => import("@shikijs/langs/csharp"),
+  rust: () => import("@shikijs/langs/rust"),
+  html: () => import("@shikijs/langs/html"),
+  css: () => import("@shikijs/langs/css"),
+  xml: () => import("@shikijs/langs/xml"),
+  yaml: () => import("@shikijs/langs/yaml"),
+  toml: () => import("@shikijs/langs/toml"),
+  dotenv: () => import("@shikijs/langs/dotenv"),
+  sql: () => import("@shikijs/langs/sql"),
+  graphql: () => import("@shikijs/langs/graphql"),
+  http: () => import("@shikijs/langs/http"),
+  markdown: () => import("@shikijs/langs/markdown"),
+  diff: () => import("@shikijs/langs/diff")
+}, K = {
+  js: "javascript",
+  ts: "typescript",
+  bash: "shellscript",
+  sh: "shellscript",
+  shell: "shellscript",
+  zsh: "shellscript",
+  py: "python",
+  rb: "ruby",
+  kt: "kotlin",
+  cs: "csharp",
+  rs: "rust",
+  yml: "yaml",
+  md: "markdown",
+  htm: "html"
+};
+function v(e) {
+  return Object.hasOwn(K, e) ? K[e] : Object.hasOwn(V, e) ? e : null;
+}
+var Y = {
+  key: "text-pho-code-key",
+  string: "text-pho-code-string",
+  number: "text-pho-code-number",
+  keyword: "text-pho-code-keyword",
+  punctuation: "text-pho-code-punctuation",
+  comment: "text-pho-code-comment",
+  function: "text-pho-code-function",
+  type: "text-pho-code-type",
+  plain: void 0
+};
+function Se(e) {
+  return `var(--color-pho-code-${e})`;
+}
+function Te(e) {
+  const t = e?.match(/^var\(--color-pho-code-([a-z]+)\)$/)?.[1];
+  return t != null && t in Y && t !== "plain" ? t : "plain";
+}
+var s = (e, t) => ({
+  scope: t,
+  settings: { foreground: e === "plain" ? "var(--color-pho-code-fg)" : Se(e) }
+}), Ee = {
+  name: "pho",
+  type: "light",
+  fg: "var(--color-pho-code-fg)",
+  bg: "var(--color-pho-code-bg)",
+  settings: [
+    s("comment", ["comment", "punctuation.definition.comment"]),
+    s("string", [
+      "string",
+      "markup.inserted",
+      "meta.diff.header.to-file",
+      "punctuation.definition.inserted"
+    ]),
+    s("plain", ["meta.template.expression", "meta.embedded"]),
+    s("key", [
+      "support.type.property-name",
+      "meta.object-literal.key",
+      "entity.other.attribute-name",
+      "entity.name.tag.yaml",
+      "keyword.key.toml",
+      "variable.other.env"
+    ]),
+    s("number", [
+      "constant.numeric",
+      "markup.deleted",
+      "meta.diff.header.from-file",
+      "punctuation.definition.deleted"
+    ]),
+    s("keyword", [
+      "keyword",
+      "storage",
+      "constant.language",
+      "variable.language"
+    ]),
+    s("plain", ["keyword.operator"]),
+    s("keyword", [
+      "keyword.operator.expression",
+      "keyword.operator.new",
+      "keyword.operator.logical.python",
+      "keyword.operator.wordlike"
+    ]),
+    s("function", [
+      "entity.name.function",
+      "support.function",
+      "entity.name.command",
+      "meta.function-call.generic"
+    ]),
+    s("type", [
+      "entity.name.type",
+      "entity.name.class",
+      "entity.name.tag",
+      "entity.other.inherited-class",
+      "support.type",
+      "support.class",
+      "storage.type.primitive"
+    ]),
+    s("key", ["support.type.property-name"]),
+    s("punctuation", [
+      "punctuation.separator",
+      "punctuation.terminator",
+      "punctuation.accessor",
+      "punctuation.section",
+      "punctuation.definition.array",
+      "punctuation.definition.dictionary",
+      "punctuation.definition.block",
+      "punctuation.definition.parameters",
+      "punctuation.definition.arguments",
+      "punctuation.definition.tag",
+      "punctuation.definition.typeparameters",
+      "meta.brace"
+    ])
+  ]
+}, C = null, U = null, N = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Map();
+function _e() {
+  return U ??= Promise.all([import("shiki/core"), import("shiki/engine/javascript")]).then(([{ createHighlighterCore: e }, { createJavaScriptRegexEngine: t }]) => e({
+    themes: [Ee],
+    langs: [],
+    engine: t({ forgiving: !0 })
+  })).then((e) => (C = e, e)), U;
+}
+function Ae(e) {
+  const t = v(e);
+  if (t == null || N.has(t)) return Promise.resolve();
+  let n = T.get(t);
+  return n == null && (n = Promise.all([_e(), V[t]()]).then(([r, a]) => r.loadLanguage(...a.default)).then(() => {
+    N.add(t);
+  }).finally(() => {
+    T.delete(t);
+  }), T.set(t, n)), n;
+}
+function ot(e) {
+  const t = v(e);
+  return t != null && C != null && N.has(t);
+}
+function Oe(e) {
+  return e.map((t) => {
+    const n = [];
+    for (const r of t) {
+      const a = Te(r.color), i = n[n.length - 1];
+      i != null && i.type === a ? i.text += r.content : n.push({
+        type: a,
+        text: r.content
+      });
+    }
+    return n;
+  });
+}
+function Q(e, t) {
+  const n = v(t);
+  return n == null || C == null || !N.has(n) ? null : Oe(C.codeToTokensBase(e, {
+    lang: n,
+    theme: "pho"
+  }));
+}
+function A(e) {
+  return e.split(`
+`).map((t) => [{
+    type: "plain",
+    text: t
+  }]);
+}
+async function ze(e, t) {
+  return v(t) == null ? A(e) : (await Ae(t), Q(e, t) ?? A(e));
+}
+var Le = 200, h = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Set();
+function q(e, t) {
+  const n = h.get(e);
+  if (n != null) return n;
+  if (h.size >= Le) {
+    const r = h.keys().next().value;
+    r != null && h.delete(r);
+  }
+  return h.set(e, t), t;
+}
+function je(e) {
+  return O.add(e), () => {
+    O.delete(e);
+  };
+}
+function $e() {
+  for (const e of O) e();
+}
+function Ie(e, t) {
+  return `${e}\0${t}`;
+}
+function Pe(e, t) {
+  const n = v(t), r = n != null ? Ie(n, e) : null, a = xe(je, () => {
+    if (r == null) return null;
+    const i = h.get(r);
+    if (i != null) return i;
+    const l = Q(e, t);
+    return l != null ? q(r, l) : null;
+  }, () => null);
+  return ge(() => {
+    r == null || h.has(r) || ze(e, t).then((i) => {
+      q(r, i), $e();
+    }, () => {
+    });
+  }, [
+    r,
+    e,
+    t
+  ]), a;
+}
+var E = /("(?:[^"\\]|\\.)*")(\s*:)?|(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)|\b(true|false|null)\b|([{}[\]:,])/g;
+function Re(e) {
+  const t = [];
+  let n = 0;
+  E.lastIndex = 0;
+  for (let r = E.exec(e); r != null; r = E.exec(e)) {
+    r.index > n && t.push({
+      type: "plain",
+      text: e.slice(n, r.index)
+    });
+    const [, a, i, l, f, w] = r;
+    a != null ? (t.push({
+      type: i != null ? "key" : "string",
+      text: a
+    }), i != null && t.push({
+      type: "punctuation",
+      text: i
+    })) : l != null ? t.push({
+      type: "number",
+      text: l
+    }) : f != null ? t.push({
+      type: "keyword",
+      text: f
+    }) : w != null && t.push({
+      type: "punctuation",
+      text: w
+    }), n = r.index + r[0].length;
+  }
+  return n < e.length && t.push({
+    type: "plain",
+    text: e.slice(n)
+  }), t;
+}
+var Ge = "rounded-base border border-pho-secondary bg-pho-code-bg text-pho-code-fg", We = "1.25rem", Be = "0.75rem";
+function De(e) {
+  if (e == null) return "";
+  if (typeof e == "string") return e;
+  try {
+    return JSON.stringify(e, null, 2) ?? "";
+  } catch {
+    return String(e);
+  }
+}
+function He(e, t) {
+  return t === "json" || t === "jsonc" ? e.split(`
+`).map((n) => Re(n)) : A(e);
+}
+var Fe = [
+  void 0,
+  "pr-12",
+  "pr-20",
+  "pr-28"
+];
+function J({ label: e, pressed: t, onPressedChange: n, children: r }) {
+  return /* @__PURE__ */ m(g.Root, { children: [/* @__PURE__ */ o(g.Trigger, { render: /* @__PURE__ */ o(ye, {
+    size: "sm",
+    pressed: t,
+    onPressedChange: n,
+    "aria-label": e,
+    className: "rounded-sm",
+    children: r
+  }) }), /* @__PURE__ */ o(g.Portal, { children: /* @__PURE__ */ o(g.Positioner, { children: /* @__PURE__ */ o(g.Popup, { children: e }) }) })] });
+}
+function Ke({ lines: e, lineNumbers: t, digits: n, wrap: r }) {
+  return /* @__PURE__ */ o("code", { children: e.map((a, i) => /* @__PURE__ */ m("span", {
+    "data-line": "",
+    className: _("min-h-5", t ? "flex items-start" : "block", t && !r && "min-w-max"),
+    children: [t ? /* @__PURE__ */ o("span", {
+      "data-line-number": "",
+      "aria-hidden": !0,
+      className: "text-pho-placeholder bg-pho-code-bg sticky left-0 z-[1] box-content shrink-0 pr-3 pl-3 text-right font-mono text-xs leading-5 tabular-nums select-none",
+      style: { width: `${n}ch` },
+      children: i + 1
+    }) : null, /* @__PURE__ */ o("span", {
+      className: t ? "min-w-0 flex-1" : void 0,
+      children: a.map((l, f) => l.type === "plain" ? l.text : /* @__PURE__ */ o("span", {
+        className: Y[l.type],
+        children: l.text
+      }, f))
+    })]
+  }, i)) });
+}
+function Ue({ code: e, language: t = "text", title: n, maxLines: r = 30, overflow: a = "scroll", wrap: i, defaultWrap: l = !1, onWrapChange: f, expandToggle: w = !0, wrapToggle: X = !0, lineNumbers: L = !1, copy: Z = !0, empty: ee = "Nothing to show.", actions: S, className: te, ...ne }) {
+  const x = H(() => De(e), [e]), y = Pe(x, t), c = H(() => {
+    const u = He(x, t);
+    return y != null && y.length === u.length ? y : u;
+  }, [
+    x,
+    t,
+    y
+  ]), [re, oe] = F(l), k = i ?? re, ie = (u) => {
+    i == null && oe(u), f?.(u);
+  }, [p, j] = F(!1), b = c.length > r, $ = a === "scroll" && b && !p, ae = a === "expand" && b && !p ? c.slice(0, r) : c, M = x === "", I = a === "scroll" && w && b && !M, P = X && !M, R = Z && !M, G = n != null, W = Number(I) + Number(P) + Number(R), le = S != null || W > 0, se = typeof n == "string" ? n.toLowerCase() : "code", pe = typeof n == "string" ? n : "Code", ce = p ? `Collapse to ${r} lines` : `Show all ${c.length} lines`, ue = String(Math.max(c.length, 1)).length, B = /* @__PURE__ */ m(ve, { children: [
+    S,
+    /* @__PURE__ */ m(g.Provider, { children: [I ? /* @__PURE__ */ o(J, {
+      label: ce,
+      pressed: p,
+      onPressedChange: j,
+      children: p ? /* @__PURE__ */ o(Me, { "aria-hidden": !0 }) : /* @__PURE__ */ o(ke, { "aria-hidden": !0 })
+    }) : null, P ? /* @__PURE__ */ o(J, {
+      label: "Wrap long lines",
+      pressed: k,
+      onPressedChange: ie,
+      children: /* @__PURE__ */ o(Ne, { "aria-hidden": !0 })
+    }) : null] }),
+    R ? /* @__PURE__ */ o(fe, {
+      value: x,
+      label: se,
+      size: "md"
+    }) : null
+  ] }), D = /* @__PURE__ */ o("pre", {
+    className: _("m-0 min-w-0 py-3 font-mono text-xs leading-5", L ? "pr-3 pl-0" : "px-3", !G && Fe[Math.min(W + (S != null ? 1 : 0), 3)], k ? "[overflow-wrap:anywhere] whitespace-pre-wrap" : $ ? "w-max min-w-full whitespace-pre" : "max-w-full overflow-x-auto whitespace-pre"),
+    children: /* @__PURE__ */ o(Ke, {
+      lines: ae,
+      lineNumbers: L,
+      digits: ue,
+      wrap: k
+    })
+  });
+  return /* @__PURE__ */ m("div", {
+    "data-code-block": "",
+    "data-language": t,
+    "data-overflow": a,
+    "data-highlighted": y != null && c === y ? "" : void 0,
+    className: _(Ge, "relative flex w-full min-w-0 flex-col overflow-hidden", te),
+    ...ne,
+    children: [
+      G ? /* @__PURE__ */ m("div", {
+        className: "border-pho-secondary flex min-h-10 items-center gap-2 border-b py-1 pr-1.5 pl-3",
+        children: [/* @__PURE__ */ o("div", {
+          className: "text-pho-secondary min-w-0 flex-1 truncate text-xs font-medium",
+          children: n
+        }), B]
+      }) : le ? /* @__PURE__ */ o("div", {
+        className: "bg-pho-code-bg absolute top-1 right-1.5 z-10 flex items-center gap-2 rounded-sm",
+        children: B
+      }) : null,
+      M ? /* @__PURE__ */ o("p", {
+        className: "text-pho-description m-0 px-3 py-3 text-base",
+        children: ee
+      }) : $ ? /* @__PURE__ */ o("section", {
+        className: "min-w-0",
+        children: /* @__PURE__ */ m(d.Root, {
+          fade: !1,
+          "data-code-scroll": "",
+          className: "min-w-0 rounded-b-[inherit]",
+          style: { height: `calc(${r} * ${We} + ${Be} * 2)` },
+          children: [
+            /* @__PURE__ */ o(d.Viewport, {
+              tabIndex: 0,
+              "aria-label": pe,
+              children: /* @__PURE__ */ o(d.Content, { children: D })
+            }),
+            /* @__PURE__ */ o(d.Scrollbar, { children: /* @__PURE__ */ o(d.Thumb, {}) }),
+            k ? null : /* @__PURE__ */ o(d.Scrollbar, {
+              orientation: "horizontal",
+              children: /* @__PURE__ */ o(d.Thumb, {})
+            })
+          ]
+        })
+      }) : D,
+      a === "expand" && b ? /* @__PURE__ */ o("div", {
+        className: "border-pho-secondary flex items-center border-t px-1.5 py-1",
+        children: /* @__PURE__ */ o(de, {
+          variant: "ghost",
+          size: "sm",
+          "aria-expanded": p,
+          prefix: p ? he : me,
+          onClick: () => j((u) => !u),
+          children: p ? "Show less" : `Show all ${c.length} lines`
+        })
+      }) : null
+    ]
+  });
+}
+Ue.displayName = "CodeBlock";
+export {
+  ot as a,
+  Y as c,
+  v as d,
+  Me as f,
+  Q as i,
+  V as l,
+  Re as n,
+  Ae as o,
+  ke as p,
+  ze as r,
+  Pe as s,
+  Ue as t,
+  K as u
+};
+
+//# sourceMappingURL=code-block-CbcE994O.js.map

package/dist/chunks/code-block-CbcE994O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-CbcE994O.js","names":["__iconNode","__iconNode"],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowsMaximize.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowsMinimize.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconTextWrap.mjs","../../src/components/code-block/languages.ts","../../src/components/code-block/tokens.ts","../../src/components/code-block/pho-theme.ts","../../src/components/code-block/highlight.ts","../../src/components/code-block/tokenize-json.ts","../../src/components/code-block/code-block.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M16 4l4 0l0 4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 10l6 -6\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M8 20l-4 0l0 -4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M4 20l6 -6\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M16 20l4 0l0 -4\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M14 14l6 6\", \"key\": \"svg-5\" }], [\"path\", { \"d\": \"M8 4l-4 0l0 4\", \"key\": \"svg-6\" }], [\"path\", { \"d\": \"M4 4l6 6\", \"key\": \"svg-7\" }]];\nconst IconArrowsMaximize = createReactComponent(\"outline\", \"arrows-maximize\", \"ArrowsMaximize\", __iconNode);\n\nexport { __iconNode, IconArrowsMaximize as default };\n//# sourceMappingURL=IconArrowsMaximize.mjs.map\n","/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M5 9l4 0l0 -4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M3 3l6 6\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M5 15l4 0l0 4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M3 21l6 -6\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M19 9l-4 0l0 -4\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M15 9l6 -6\", \"key\": \"svg-5\" }], [\"path\", { \"d\": \"M19 15l-4 0l0 4\", \"key\": \"svg-6\" }], [\"path\", { \"d\": \"M15 15l6 6\", \"key\": \"svg-7\" }]];\nconst IconArrowsMinimize = createReactComponent(\"outline\", \"arrows-minimize\", \"ArrowsMinimize\", __iconNode);\n\nexport { __iconNode, IconArrowsMinimize as default };\n//# sourceMappingURL=IconArrowsMinimize.mjs.map\n","/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M4 6l16 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M4 18l5 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2\", \"key\": \"svg-2\" }]];\nconst IconTextWrap = createReactComponent(\"outline\", \"text-wrap\", \"TextWrap\", __iconNode);\n\nexport { __iconNode, IconTextWrap as default };\n//# sourceMappingURL=IconTextWrap.mjs.map\n","import type { LanguageRegistration } from \"shiki/core\";\n\n/**\n * The languages a code panel can color, each a grammar fetched on first\n * use — a page that shows JSON never downloads the TypeScript grammar.\n * Keyed by the name Shiki knows the grammar by; `LANGUAGE_ALIASES` lets a\n * panel say `ts` or `sh`.\n */\nexport const CODE_GRAMMARS = {\n  json: () => import(\"@shikijs/langs/json\"),\n  jsonc: () => import(\"@shikijs/langs/jsonc\"),\n  javascript: () => import(\"@shikijs/langs/javascript\"),\n  typescript: () => import(\"@shikijs/langs/typescript\"),\n  jsx: () => import(\"@shikijs/langs/jsx\"),\n  tsx: () => import(\"@shikijs/langs/tsx\"),\n  shellscript: () => import(\"@shikijs/langs/shellscript\"),\n  python: () => import(\"@shikijs/langs/python\"),\n  swift: () => import(\"@shikijs/langs/swift\"),\n  go: () => import(\"@shikijs/langs/go\"),\n  ruby: () => import(\"@shikijs/langs/ruby\"),\n  php: () => import(\"@shikijs/langs/php\"),\n  java: () => import(\"@shikijs/langs/java\"),\n  kotlin: () => import(\"@shikijs/langs/kotlin\"),\n  csharp: () => import(\"@shikijs/langs/csharp\"),\n  rust: () => import(\"@shikijs/langs/rust\"),\n  html: () => import(\"@shikijs/langs/html\"),\n  css: () => import(\"@shikijs/langs/css\"),\n  xml: () => import(\"@shikijs/langs/xml\"),\n  yaml: () => import(\"@shikijs/langs/yaml\"),\n  toml: () => import(\"@shikijs/langs/toml\"),\n  dotenv: () => import(\"@shikijs/langs/dotenv\"),\n  sql: () => import(\"@shikijs/langs/sql\"),\n  graphql: () => import(\"@shikijs/langs/graphql\"),\n  http: () => import(\"@shikijs/langs/http\"),\n  markdown: () => import(\"@shikijs/langs/markdown\"),\n  diff: () => import(\"@shikijs/langs/diff\"),\n} satisfies Record<string, () => Promise<{ default: LanguageRegistration[] }>>;\n\nexport type CodeGrammar = keyof typeof CODE_GRAMMARS;\n\n/** Shorter names, and the ones people reach for first. */\nexport const LANGUAGE_ALIASES = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  bash: \"shellscript\",\n  sh: \"shellscript\",\n  shell: \"shellscript\",\n  zsh: \"shellscript\",\n  py: \"python\",\n  rb: \"ruby\",\n  kt: \"kotlin\",\n  cs: \"csharp\",\n  rs: \"rust\",\n  yml: \"yaml\",\n  md: \"markdown\",\n  htm: \"html\",\n} as const satisfies Record<string, CodeGrammar>;\n\nexport type CodeLanguageAlias = keyof typeof LANGUAGE_ALIASES;\n\n/**\n * What `language` accepts: a grammar, an alias, or `text` for none. Plain\n * text is the default — a panel colors only what it is told the shape of.\n */\nexport type CodeBlockLanguage = \"text\" | CodeGrammar | CodeLanguageAlias;\n\n/**\n * The grammar behind a `language`, or `null` for plain text and names the\n * panel does not know (which read as text instead of throwing).\n */\nexport function resolveGrammar(language: string): CodeGrammar | null {\n  // Own keys only: `in` would take \"toString\" for a grammar.\n  if (Object.hasOwn(LANGUAGE_ALIASES, language)) {\n    return LANGUAGE_ALIASES[language as CodeLanguageAlias];\n  }\n  return Object.hasOwn(CODE_GRAMMARS, language)\n    ? (language as CodeGrammar)\n    : null;\n}\n","/**\n * The token vocabulary a code panel colors with — one class per kind, on\n * the `--color-pho-code-*` tokens, which carry light and dark. The JSON\n * tokenizer speaks the first five; Shiki's grammars reach the rest.\n */\n\nexport type CodeTokenType =\n  | \"key\"\n  | \"string\"\n  | \"number\"\n  | \"keyword\"\n  | \"punctuation\"\n  | \"comment\"\n  | \"function\"\n  | \"type\"\n  | \"plain\";\n\nexport interface CodeToken {\n  type: CodeTokenType;\n  text: string;\n}\n\n/** One line of a highlighted body. */\nexport type CodeLine = CodeToken[];\n\n/** The class a token kind wears; `plain` wears the panel's own ink. */\nexport const CODE_TOKEN_CLASS: Record<CodeTokenType, string | undefined> = {\n  key: \"text-pho-code-key\",\n  string: \"text-pho-code-string\",\n  number: \"text-pho-code-number\",\n  keyword: \"text-pho-code-keyword\",\n  punctuation: \"text-pho-code-punctuation\",\n  comment: \"text-pho-code-comment\",\n  function: \"text-pho-code-function\",\n  type: \"text-pho-code-type\",\n  plain: undefined,\n};\n","import type { ThemeRegistrationRaw } from \"shiki/core\";\nimport { CODE_TOKEN_CLASS, type CodeTokenType } from \"./tokens\";\n\n/**\n * Pho's Shiki theme — not a palette but a routing table. Every TextMate\n * scope resolves to one of the panel's token kinds, and each kind's\n * \"color\" is the design token's own variable, so the theme has no light\n * and dark of its own: the `--color-pho-code-*` tokens carry both, and\n * the renderer turns each color back into the kind's class. Only the\n * kinds a body needs to read — keys, strings, numbers, keywords,\n * punctuation, comments, calls, types. Operators, variables, and\n * everything else stay in the panel's ink.\n */\n\nexport const PHO_THEME_NAME = \"pho\";\n\n/** The color a token kind \"has\" in the theme: its token's variable. */\nexport function tokenColor(type: Exclude<CodeTokenType, \"plain\">): string {\n  return `var(--color-pho-code-${type})`;\n}\n\n/** The token kind behind a Shiki color, or `plain` for the panel's ink. */\nexport function tokenTypeOf(color: string | undefined): CodeTokenType {\n  const match = color?.match(/^var\\(--color-pho-code-([a-z]+)\\)$/);\n  const kind = match?.[1];\n  return kind != null && kind in CODE_TOKEN_CLASS && kind !== \"plain\"\n    ? (kind as CodeTokenType)\n    : \"plain\";\n}\n\nconst rule = (\n  type: Exclude<CodeTokenType, \"plain\"> | \"plain\",\n  scope: string[],\n) => ({\n  scope,\n  settings: {\n    foreground:\n      type === \"plain\" ? \"var(--color-pho-code-fg)\" : tokenColor(type),\n  },\n});\n\nexport const phoTheme: ThemeRegistrationRaw = {\n  name: PHO_THEME_NAME,\n  type: \"light\",\n  fg: \"var(--color-pho-code-fg)\",\n  bg: \"var(--color-pho-code-bg)\",\n  settings: [\n    rule(\"comment\", [\"comment\", \"punctuation.definition.comment\"]),\n    rule(\"string\", [\n      \"string\",\n      \"markup.inserted\",\n      \"meta.diff.header.to-file\",\n      \"punctuation.definition.inserted\",\n    ]),\n    // A template's `${…}` and any embedded code read as code again.\n    rule(\"plain\", [\"meta.template.expression\", \"meta.embedded\"]),\n    rule(\"key\", [\n      \"support.type.property-name\",\n      \"meta.object-literal.key\",\n      \"entity.other.attribute-name\",\n      \"entity.name.tag.yaml\",\n      \"keyword.key.toml\",\n      \"variable.other.env\",\n    ]),\n    rule(\"number\", [\n      \"constant.numeric\",\n      \"markup.deleted\",\n      \"meta.diff.header.from-file\",\n      \"punctuation.definition.deleted\",\n    ]),\n    rule(\"keyword\", [\n      \"keyword\",\n      \"storage\",\n      \"constant.language\",\n      \"variable.language\",\n    ]),\n    // Symbolic operators sit in the ink: `=`, `+`, `=>`, `&&` are shape,\n    // not vocabulary. The word-shaped ones above stay keywords.\n    rule(\"plain\", [\"keyword.operator\"]),\n    rule(\"keyword\", [\n      \"keyword.operator.expression\",\n      \"keyword.operator.new\",\n      \"keyword.operator.logical.python\",\n      \"keyword.operator.wordlike\",\n    ]),\n    rule(\"function\", [\n      \"entity.name.function\",\n      \"support.function\",\n      \"entity.name.command\",\n      \"meta.function-call.generic\",\n    ]),\n    rule(\"type\", [\n      \"entity.name.type\",\n      \"entity.name.class\",\n      \"entity.name.tag\",\n      \"entity.other.inherited-class\",\n      \"support.type\",\n      \"support.class\",\n      \"storage.type.primitive\",\n    ]),\n    // A property name is a key even though it is a `support.type`.\n    rule(\"key\", [\"support.type.property-name\"]),\n    rule(\"punctuation\", [\n      \"punctuation.separator\",\n      \"punctuation.terminator\",\n      \"punctuation.accessor\",\n      \"punctuation.section\",\n      \"punctuation.definition.array\",\n      \"punctuation.definition.dictionary\",\n      \"punctuation.definition.block\",\n      \"punctuation.definition.parameters\",\n      \"punctuation.definition.arguments\",\n      \"punctuation.definition.tag\",\n      \"punctuation.definition.typeparameters\",\n      \"meta.brace\",\n    ]),\n  ],\n};\n","import { useEffect, useSyncExternalStore } from \"react\";\nimport type { HighlighterCore, ThemedToken } from \"shiki/core\";\nimport { CODE_GRAMMARS, resolveGrammar, type CodeGrammar } from \"./languages\";\nimport { phoTheme, PHO_THEME_NAME, tokenTypeOf } from \"./pho-theme\";\nimport type { CodeLine } from \"./tokens\";\n\n/**\n * Highlighting, on Shiki — one highlighter for the whole app, made on\n * the first panel that asks and kept; grammars fetched on demand and\n * kept too. Bodies are tokenized once per (grammar, text) and remembered,\n * so a wrap toggle or a fold never re-runs a grammar.\n *\n * The result is lines of `CodeToken`s in the panel's own vocabulary\n * (`tokens.ts`), never Shiki's HTML: the panel keeps rendering its own\n * lines (the fold, `data-line`) and its own classes (the design tokens).\n *\n * Nothing here runs on the server. `useHighlight` reports `null` until a\n * body is highlighted, and a panel shows its synchronous face meanwhile —\n * plain text, or the JSON tokenizer's colors — so a page prerendered and\n * a page hydrated agree, and the colors settle in a frame later.\n */\n\nlet core: HighlighterCore | null = null;\nlet corePromise: Promise<HighlighterCore> | null = null;\nconst loadedGrammars = new Set<CodeGrammar>();\nconst loadingGrammars = new Map<CodeGrammar, Promise<void>>();\n\n/**\n * Shiki itself arrives with the first body that needs it — a page of\n * cards and rows never loads the engine — and stays for the rest.\n */\nfunction getCore(): Promise<HighlighterCore> {\n  corePromise ??= Promise.all([\n    import(\"shiki/core\"),\n    import(\"shiki/engine/javascript\"),\n  ])\n    .then(([{ createHighlighterCore }, { createJavaScriptRegexEngine }]) =>\n      createHighlighterCore({\n        themes: [phoTheme],\n        langs: [],\n        // Shiki's JavaScript engine: no WebAssembly to fetch or allow, and\n        // `forgiving` degrades a grammar's exotic pattern instead of\n        // failing the whole body.\n        engine: createJavaScriptRegexEngine({ forgiving: true }),\n      }),\n    )\n    .then((highlighter) => {\n      core = highlighter;\n      return highlighter;\n    });\n  return corePromise;\n}\n\n/** Fetch a language's grammar ahead of the first body that needs it. */\nexport function preloadLanguage(language: string): Promise<void> {\n  const grammar = resolveGrammar(language);\n  if (grammar == null || loadedGrammars.has(grammar)) return Promise.resolve();\n  let loading = loadingGrammars.get(grammar);\n  if (loading == null) {\n    loading = Promise.all([getCore(), CODE_GRAMMARS[grammar]()])\n      .then(([highlighter, module]) =>\n        highlighter.loadLanguage(...module.default),\n      )\n      .then(() => {\n        loadedGrammars.add(grammar);\n      })\n      .finally(() => {\n        loadingGrammars.delete(grammar);\n      });\n    loadingGrammars.set(grammar, loading);\n  }\n  return loading;\n}\n\n/** Whether `language` can be tokenized right now, without waiting. */\nexport function isLanguageReady(language: string): boolean {\n  const grammar = resolveGrammar(language);\n  return grammar != null && core != null && loadedGrammars.has(grammar);\n}\n\nfunction toLines(tokens: ThemedToken[][]): CodeLine[] {\n  return tokens.map((line) => {\n    const out: CodeLine = [];\n    for (const token of line) {\n      const type = tokenTypeOf(token.color);\n      const last = out[out.length - 1];\n      // Neighbors of one kind collapse into one span.\n      if (last != null && last.type === type) last.text += token.content;\n      else out.push({ type, text: token.content });\n    }\n    return out;\n  });\n}\n\n/**\n * Tokenize a body with a grammar that is already loaded. `null` when the\n * language is plain text or its grammar is not here yet — see\n * `preloadLanguage` / `highlight`.\n */\nexport function highlightSync(\n  code: string,\n  language: string,\n): CodeLine[] | null {\n  const grammar = resolveGrammar(language);\n  if (grammar == null || core == null || !loadedGrammars.has(grammar)) {\n    return null;\n  }\n  return toLines(\n    core.codeToTokensBase(code, { lang: grammar, theme: PHO_THEME_NAME }),\n  );\n}\n\n/** Plain lines — what a body reads as with no grammar. */\nexport function plainLines(code: string): CodeLine[] {\n  return code.split(\"\\n\").map((text) => [{ type: \"plain\", text }]);\n}\n\n/**\n * Tokenize a body, fetching the highlighter and the grammar first if\n * need be. A language the panel does not know resolves to plain lines.\n */\nexport async function highlight(\n  code: string,\n  language: string,\n): Promise<CodeLine[]> {\n  if (resolveGrammar(language) == null) return plainLines(code);\n  await preloadLanguage(language);\n  return highlightSync(code, language) ?? plainLines(code);\n}\n\n/* --------------------------------- store --------------------------------- */\n\n/** How many highlighted bodies to keep. A page's worth, several times. */\nconst CACHE_LIMIT = 200;\nconst cache = new Map<string, CodeLine[]>();\nconst listeners = new Set<() => void>();\n\nfunction remember(key: string, lines: CodeLine[]): CodeLine[] {\n  const known = cache.get(key);\n  if (known != null) return known;\n  if (cache.size >= CACHE_LIMIT) {\n    const oldest = cache.keys().next().value;\n    if (oldest != null) cache.delete(oldest);\n  }\n  cache.set(key, lines);\n  return lines;\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nfunction notify() {\n  for (const listener of listeners) listener();\n}\n\nfunction cacheKey(grammar: CodeGrammar, code: string) {\n  return `${grammar}\u0000${code}`;\n}\n\n/**\n * The highlighted lines of a body, or `null` while its grammar is on the\n * way (and always for plain text). A grammar already here highlights in\n * the same render, no flash.\n */\nexport function useHighlight(\n  code: string,\n  language: string,\n): CodeLine[] | null {\n  const grammar = resolveGrammar(language);\n  const key = grammar != null ? cacheKey(grammar, code) : null;\n  const lines = useSyncExternalStore(\n    subscribe,\n    () => {\n      if (key == null) return null;\n      const known = cache.get(key);\n      if (known != null) return known;\n      const now = highlightSync(code, language);\n      return now != null ? remember(key, now) : null;\n    },\n    // Prerendered markup is the synchronous face; hydration agrees with it\n    // and the colors settle in the render after.\n    () => null,\n  );\n  useEffect(() => {\n    if (key == null || cache.has(key)) return;\n    // Remembered even if this panel is gone by then: the next one with the\n    // same body reads it in its first render.\n    highlight(code, language).then(\n      (result) => {\n        remember(key, result);\n        notify();\n      },\n      () => {\n        // A grammar that would not load: the panel keeps its plain face.\n      },\n    );\n  }, [key, code, language]);\n  return lines;\n}\n","/**\n * A tokenizer for JSON, and nothing else: keys, strings, numbers, the\n * three keywords, and punctuation. Runs one line at a time (a JSON\n * string never spans lines) so a panel can show its first N lines and\n * stop. Text that isn't JSON comes back as it is, in plain tokens.\n */\n\nexport type JsonTokenType =\n  \"key\" | \"string\" | \"number\" | \"keyword\" | \"punctuation\" | \"plain\";\n\nexport interface JsonToken {\n  type: JsonTokenType;\n  text: string;\n}\n\n// One pass, left to right: a string (a key when a colon follows), a\n// number, a keyword, a bracket or a comma. Anything between is plain.\nconst TOKEN =\n  /(\"(?:[^\"\\\\]|\\\\.)*\")(\\s*:)?|(-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?)|\\b(true|false|null)\\b|([{}[\\]:,])/g;\n\nexport function tokenizeJson(line: string): JsonToken[] {\n  const tokens: JsonToken[] = [];\n  let last = 0;\n  TOKEN.lastIndex = 0;\n  for (let match = TOKEN.exec(line); match != null; match = TOKEN.exec(line)) {\n    if (match.index > last) {\n      tokens.push({ type: \"plain\", text: line.slice(last, match.index) });\n    }\n    const [, string, colon, number, keyword, punctuation] = match;\n    if (string != null) {\n      tokens.push({ type: colon != null ? \"key\" : \"string\", text: string });\n      if (colon != null) tokens.push({ type: \"punctuation\", text: colon });\n    } else if (number != null) {\n      tokens.push({ type: \"number\", text: number });\n    } else if (keyword != null) {\n      tokens.push({ type: \"keyword\", text: keyword });\n    } else if (punctuation != null) {\n      tokens.push({ type: \"punctuation\", text: punctuation });\n    }\n    last = match.index + match[0].length;\n  }\n  if (last < line.length) {\n    tokens.push({ type: \"plain\", text: line.slice(last) });\n  }\n  return tokens;\n}\n","import {\n  useMemo,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  IconArrowsMaximize,\n  IconArrowsMinimize,\n  IconChevronDown,\n  IconChevronUp,\n  IconTextWrap,\n} from \"@tabler/icons-react\";\nimport { Button } from \"../button\";\nimport { CopyButton } from \"../copy-button\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { Toggle } from \"../toggle\";\nimport { Tooltip } from \"../tooltip\";\nimport { cn } from \"../../utils/cn\";\nimport { plainLines, useHighlight } from \"./highlight\";\nimport type { CodeBlockLanguage } from \"./languages\";\nimport { tokenizeJson } from \"./tokenize-json\";\nimport { CODE_TOKEN_CLASS, type CodeLine } from \"./tokens\";\n\n/**\n * Code Block — a read-only panel for a request body, a response, an\n * event's JSON, an install command. Mono text on the code surface, a title row with expand,\n * wrap, and copy controls. Past `maxLines` the body either scrolls\n * inside that height (`overflow=\"scroll\"`, the default) or folds with a\n * footer button (`overflow=\"expand\"`).\n *\n * Design notes:\n * - Wide lines scroll sideways inside the panel; the page never does.\n *   Wrapping is a toggle (`wrap` / `defaultWrap`), off by default so a\n *   body reads the way it was sent.\n * - `language` colors the text with Shiki's grammar for it, fetched on\n *   first use, on the `--color-pho-code-*` tokens, which carry light and\n *   dark. JSON has a synchronous face too — a built-in tokenizer paints\n *   it in the first render, and the grammar agrees with it — so a body\n *   never flashes plain. Other languages read plain for the frame their\n *   grammar takes to arrive.\n * - Without a `title` there is no title row: the controls float over the\n *   panel's top-right corner, the way a snippet on a page wears a copy\n *   button.\n * - A body that isn't a string (an object) is pretty-printed as JSON.\n */\n\nexport type CodeBlockOverflow = \"scroll\" | \"expand\";\n\n/** The panel's chrome — the card hairline around the code surface. */\nconst CODE_BLOCK_SURFACE =\n  \"rounded-base border border-pho-secondary bg-pho-code-bg text-pho-code-fg\";\n\n/** One code line is `leading-5` / `min-h-5`; the pre pads `py-3`. */\nconst LINE_H = \"1.25rem\";\nconst PAD_Y = \"0.75rem\";\n\nexport interface CodeBlockProps extends Omit<\n  ComponentProps<\"div\">,\n  \"title\" | \"children\"\n> {\n  /** The text. An object is pretty-printed as JSON (two-space indent). */\n  code?: string | object | null;\n  /**\n   * What the text is, so the panel can color it: `json`, `typescript`,\n   * `bash`, `python`, … or `text` for none. @default \"text\"\n   */\n  language?: CodeBlockLanguage;\n  /**\n   * The title row's words — \"Request body\", \"Response\". Without one the\n   * row goes and the controls float over the top-right corner.\n   */\n  title?: ReactNode;\n  /** Past this many lines the panel folds or clips. @default 30 */\n  maxLines?: number;\n  /**\n   * How a long body is shown past `maxLines`. `scroll` clips to that\n   * height and scrolls inside, with an expand toggle in the title row.\n   * `expand` folds and shows a footer button.\n   * @default \"scroll\"\n   */\n  overflow?: CodeBlockOverflow;\n  /** Wrap long lines (controlled). */\n  wrap?: boolean;\n  /** Wrap long lines at first (uncontrolled). @default false */\n  defaultWrap?: boolean;\n  onWrapChange?: (wrap: boolean) => void;\n  /** The expand toggle when `overflow` is `scroll`. @default true */\n  expandToggle?: boolean;\n  /** The wrap toggle. @default true */\n  wrapToggle?: boolean;\n  /**\n   * A gutter of line numbers. Off by default; turn on for a long\n   * payload (about twenty lines or more).\n   * @default false\n   */\n  lineNumbers?: boolean;\n  /** The copy control. @default true */\n  copy?: boolean;\n  /** What the panel says with no code. @default \"Nothing to show.\" */\n  empty?: ReactNode;\n  /** More controls beside the built-in ones, before them. */\n  actions?: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n}\n\nfunction toText(code: CodeBlockProps[\"code\"]): string {\n  if (code == null) return \"\";\n  if (typeof code === \"string\") return code;\n  try {\n    return JSON.stringify(code, null, 2) ?? \"\";\n  } catch {\n    return String(code);\n  }\n}\n\n/** The face a body has before (or without) its grammar. */\nfunction syncLines(text: string, language: CodeBlockLanguage): CodeLine[] {\n  if (language === \"json\" || language === \"jsonc\") {\n    return text.split(\"\\n\").map((line) => tokenizeJson(line));\n  }\n  return plainLines(text);\n}\n\n/** Room on the first lines for the floating controls, by how many show. */\nconst FLOATING_ROOM = [undefined, \"pr-12\", \"pr-20\", \"pr-28\"] as const;\n\nfunction HeaderToggle({\n  label,\n  pressed,\n  onPressedChange,\n  children,\n}: {\n  label: string;\n  pressed: boolean;\n  onPressedChange: (next: boolean) => void;\n  children: ReactNode;\n}) {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger\n        render={\n          <Toggle\n            size=\"sm\"\n            pressed={pressed}\n            onPressedChange={onPressedChange}\n            aria-label={label}\n            className=\"rounded-sm\"\n          >\n            {children}\n          </Toggle>\n        }\n      />\n      <Tooltip.Portal>\n        <Tooltip.Positioner>\n          <Tooltip.Popup>{label}</Tooltip.Popup>\n        </Tooltip.Positioner>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n}\n\nfunction CodeLines({\n  lines,\n  lineNumbers,\n  digits,\n  wrap,\n}: {\n  lines: CodeLine[];\n  lineNumbers: boolean;\n  digits: number;\n  wrap: boolean;\n}) {\n  return (\n    <code>\n      {lines.map((line, index) => (\n        <span\n          key={index}\n          data-line=\"\"\n          className={cn(\n            \"min-h-5\",\n            lineNumbers ? \"flex items-start\" : \"block\",\n            lineNumbers && !wrap && \"min-w-max\",\n          )}\n        >\n          {lineNumbers ? (\n            <span\n              data-line-number=\"\"\n              aria-hidden\n              className=\"text-pho-placeholder bg-pho-code-bg sticky left-0 z-[1] box-content shrink-0 pr-3 pl-3 text-right font-mono text-xs leading-5 tabular-nums select-none\"\n              style={{ width: `${digits}ch` }}\n            >\n              {index + 1}\n            </span>\n          ) : null}\n          <span className={lineNumbers ? \"min-w-0 flex-1\" : undefined}>\n            {line.map((token, at) =>\n              token.type === \"plain\" ? (\n                token.text\n              ) : (\n                <span key={at} className={CODE_TOKEN_CLASS[token.type]}>\n                  {token.text}\n                </span>\n              ),\n            )}\n          </span>\n        </span>\n      ))}\n    </code>\n  );\n}\n\nexport function CodeBlock({\n  code,\n  language = \"text\",\n  title,\n  maxLines = 30,\n  overflow = \"scroll\",\n  wrap: wrapProp,\n  defaultWrap = false,\n  onWrapChange,\n  expandToggle = true,\n  wrapToggle = true,\n  lineNumbers = false,\n  copy = true,\n  empty = \"Nothing to show.\",\n  actions,\n  className,\n  ...props\n}: CodeBlockProps) {\n  const text = useMemo(() => toText(code), [code]);\n  const highlighted = useHighlight(text, language);\n  const lines = useMemo(() => {\n    const sync = syncLines(text, language);\n    // The grammar and the split must agree on where lines are; where\n    // they don't, the synchronous face stands.\n    return highlighted != null && highlighted.length === sync.length\n      ? highlighted\n      : sync;\n  }, [text, language, highlighted]);\n  const [ownWrap, setOwnWrap] = useState(defaultWrap);\n  const wrap = wrapProp ?? ownWrap;\n  const setWrap = (next: boolean) => {\n    if (wrapProp == null) setOwnWrap(next);\n    onWrapChange?.(next);\n  };\n  const [expanded, setExpanded] = useState(false);\n  const folds = lines.length > maxLines;\n  const scrolling = overflow === \"scroll\" && folds && !expanded;\n  const shown =\n    overflow === \"expand\" && folds && !expanded\n      ? lines.slice(0, maxLines)\n      : lines;\n  const isEmpty = text === \"\";\n  const showExpandToggle =\n    overflow === \"scroll\" && expandToggle && folds && !isEmpty;\n  const showWrapToggle = wrapToggle && !isEmpty;\n  const showCopy = copy && !isEmpty;\n  const hasTitle = title != null;\n  const builtIns =\n    Number(showExpandToggle) + Number(showWrapToggle) + Number(showCopy);\n  const hasControls = actions != null || builtIns > 0;\n  const copyLabel = typeof title === \"string\" ? title.toLowerCase() : \"code\";\n  const scrollLabel = typeof title === \"string\" ? title : \"Code\";\n  const expandLabel = expanded\n    ? `Collapse to ${maxLines} lines`\n    : `Show all ${lines.length} lines`;\n  const lineNoDigits = String(Math.max(lines.length, 1)).length;\n  const controls = (\n    <>\n      {actions}\n      <Tooltip.Provider>\n        {showExpandToggle ? (\n          <HeaderToggle\n            label={expandLabel}\n            pressed={expanded}\n            onPressedChange={setExpanded}\n          >\n            {expanded ? (\n              <IconArrowsMinimize aria-hidden />\n            ) : (\n              <IconArrowsMaximize aria-hidden />\n            )}\n          </HeaderToggle>\n        ) : null}\n        {showWrapToggle ? (\n          <HeaderToggle\n            label=\"Wrap long lines\"\n            pressed={wrap}\n            onPressedChange={setWrap}\n          >\n            <IconTextWrap aria-hidden />\n          </HeaderToggle>\n        ) : null}\n      </Tooltip.Provider>\n      {showCopy ? (\n        <CopyButton value={text} label={copyLabel} size=\"md\" />\n      ) : null}\n    </>\n  );\n  const body = (\n    <pre\n      className={cn(\n        \"m-0 min-w-0 py-3 font-mono text-xs leading-5\",\n        lineNumbers ? \"pr-3 pl-0\" : \"px-3\",\n        // Room for the floating controls on the first lines.\n        !hasTitle &&\n          FLOATING_ROOM[Math.min(builtIns + (actions != null ? 1 : 0), 3)],\n        wrap\n          ? \"[overflow-wrap:anywhere] whitespace-pre-wrap\"\n          : scrolling\n            ? \"w-max min-w-full whitespace-pre\"\n            : \"max-w-full overflow-x-auto whitespace-pre\",\n      )}\n    >\n      <CodeLines\n        lines={shown}\n        lineNumbers={lineNumbers}\n        digits={lineNoDigits}\n        wrap={wrap}\n      />\n    </pre>\n  );\n  return (\n    <div\n      data-code-block=\"\"\n      data-language={language}\n      data-overflow={overflow}\n      data-highlighted={\n        highlighted != null && lines === highlighted ? \"\" : undefined\n      }\n      className={cn(\n        CODE_BLOCK_SURFACE,\n        \"relative flex w-full min-w-0 flex-col overflow-hidden\",\n        className,\n      )}\n      {...props}\n    >\n      {hasTitle ? (\n        <div className=\"border-pho-secondary flex min-h-10 items-center gap-2 border-b py-1 pr-1.5 pl-3\">\n          <div className=\"text-pho-secondary min-w-0 flex-1 truncate text-xs font-medium\">\n            {title}\n          </div>\n          {controls}\n        </div>\n      ) : hasControls ? (\n        // No title row: the controls float over the corner, on the code\n        // surface so scrolled text passes under them.\n        <div className=\"bg-pho-code-bg absolute top-1 right-1.5 z-10 flex items-center gap-2 rounded-sm\">\n          {controls}\n        </div>\n      ) : null}\n      {isEmpty ? (\n        <p className=\"text-pho-description m-0 px-3 py-3 text-base\">{empty}</p>\n      ) : scrolling ? (\n        <section className=\"min-w-0\">\n          <ScrollArea.Root\n            fade={false}\n            data-code-scroll=\"\"\n            className=\"min-w-0 rounded-b-[inherit]\"\n            style={{ height: `calc(${maxLines} * ${LINE_H} + ${PAD_Y} * 2)` }}\n          >\n            <ScrollArea.Viewport tabIndex={0} aria-label={scrollLabel}>\n              <ScrollArea.Content>{body}</ScrollArea.Content>\n            </ScrollArea.Viewport>\n            <ScrollArea.Scrollbar>\n              <ScrollArea.Thumb />\n            </ScrollArea.Scrollbar>\n            {wrap ? null : (\n              <ScrollArea.Scrollbar orientation=\"horizontal\">\n                <ScrollArea.Thumb />\n              </ScrollArea.Scrollbar>\n            )}\n          </ScrollArea.Root>\n        </section>\n      ) : (\n        body\n      )}\n      {overflow === \"expand\" && folds ? (\n        <div className=\"border-pho-secondary flex items-center border-t px-1.5 py-1\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-expanded={expanded}\n            prefix={expanded ? IconChevronUp : IconChevronDown}\n            onClick={() => setExpanded((prev) => !prev)}\n          >\n            {expanded ? \"Show less\" : `Show all ${lines.length} lines`}\n          </Button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nCodeBlock.displayName = \"CodeBlock\";\n"],"x_google_ignoreList":[0,1,2],"mappings":"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"}

package/dist/chunks/line-chart-3zH_lhTW.js

@@ -0,0 +1,22 @@
+"use client";
+import { r as n, t as d } from "./chart-D4jJKeh2.js";
+import { jsx as e } from "react/jsx-runtime";
+function h({ series: r, curve: t = "linear", area: l = !1, ...i }) {
+  return /* @__PURE__ */ e(d, {
+    ...i,
+    children: r.map((a, o) => /* @__PURE__ */ e(n, {
+      dataKey: a.key,
+      label: a.label,
+      color: a.color,
+      dashed: a.dashed,
+      curve: t,
+      area: l && o === 0
+    }, a.key))
+  });
+}
+h.displayName = "LineChart";
+export {
+  h as t
+};
+
+//# sourceMappingURL=line-chart-3zH_lhTW.js.map

package/dist/chunks/line-chart-3zH_lhTW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart-3zH_lhTW.js","names":[],"sources":["../../src/components/line-chart/line-chart.tsx"],"sourcesContent":["import { Chart, ChartLine } from \"../chart/chart\";\nimport type { ChartBaseProps, ChartCurve, ChartDatum } from \"../chart/types\";\n\n/**\n * LineChart — series over time as lines: latency percentiles, one line\n * per destination, a min / average / max where the bounds are dashed.\n *\n * A preset on `Chart`: the `series` array becomes one `Chart.Line` per\n * entry, in order; `curve` applies to every line and `area` washes the\n * surface under the first. The marks, axes, tooltip and legend are the\n * root's.\n */\nexport interface LineChartProps<\n  T extends ChartDatum,\n> extends ChartBaseProps<T> {\n  /** Straight segments, or a monotone curve that never overshoots a sample. @default \"linear\" */\n  curve?: ChartCurve;\n  /** A soft fill under the first series (a lone one, as a rule). */\n  area?: boolean;\n}\n\nexport function LineChart<T extends ChartDatum>({\n  series,\n  curve = \"linear\",\n  area = false,\n  ...props\n}: LineChartProps<T>) {\n  return (\n    <Chart {...props}>\n      {series.map((s, index) => (\n        <ChartLine\n          key={s.key}\n          dataKey={s.key}\n          label={s.label}\n          color={s.color}\n          dashed={s.dashed}\n          curve={curve}\n          area={area && index === 0}\n        />\n      ))}\n    </Chart>\n  );\n}\n\nLineChart.displayName = \"LineChart\";\n"],"mappings":";;;AAqBA,SAAgB,EAAgC,EAC9C,QAAA,GACA,OAAA,IAAQ,UACR,MAAA,IAAO,IACP,GAAG,EAAA,GACiB;AACpB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,GAAI;AAAA,IACR,UAAA,EAAO,IAAA,CAAK,GAAG,MACd,gBAAA,EAAC,GAAD;AAAA,MAEE,SAAS,EAAE;AAAA,MACX,OAAO,EAAE;AAAA,MACT,OAAO,EAAE;AAAA,MACT,QAAQ,EAAE;AAAA,MACH,OAAA;AAAA,MACP,MAAM,KAAQ,MAAU;AAAA,IACzB,GAPM,EAAE,GAOR,CACF;AAAA,EACI,CAAA;AAEX;AAEA,EAAU,cAAc"}

package/dist/components/bar-chart.js

@@ -1,5 +1,5 @@
 "use client";
-import { t } from "../chunks/bar-chart-DIALC2_z.js";
+import { t } from "../chunks/bar-chart-Metal1Vu.js";
 export {
   t as BarChart
 };