@cloudvoyant/helix 0.16.0 → 0.17.0

package/dist/index.cjs

@@ -37,6 +37,7 @@ __export(index_exports, {
   THEMES: () => THEMES,
   THEME_NAMES: () => THEME_NAMES,
   badgeVariants: () => badgeVariants,
+  buildChartDefinition: () => buildChartDefinition,
   buttonVariants: () => buttonVariants,
   cardBodyBase: () => cardBodyBase,
   cardCoverVariants: () => cardCoverVariants,
@@ -46,11 +47,27 @@ __export(index_exports, {
   cardTitleBase: () => cardTitleBase,
   cardVariants: () => cardVariants,
   centerBase: () => centerBase,
+  chartPlaceholderBase: () => chartPlaceholderBase,
+  chartPlaceholderLabelBase: () => chartPlaceholderLabelBase,
+  chartRootBase: () => chartRootBase,
   checkboxGroupBase: () => checkboxGroupBase,
   checkboxIndicatorBase: () => checkboxIndicatorBase,
   checkboxLabelBase: () => checkboxLabelBase,
   checkboxVariants: () => checkboxVariants,
+  clipboardTriggerBase: () => clipboardTriggerBase,
   cn: () => cn,
+  codeBlockBodyBase: () => codeBlockBodyBase,
+  codeBlockBodyScrollableBase: () => codeBlockBodyScrollableBase,
+  codeBlockContentBase: () => codeBlockContentBase,
+  codeBlockCopyFloatBase: () => codeBlockCopyFloatBase,
+  codeBlockHeaderBase: () => codeBlockHeaderBase,
+  codeBlockHeaderInfoBase: () => codeBlockHeaderInfoBase,
+  codeBlockHighlightBase: () => codeBlockHighlightBase,
+  codeBlockLineNumbersBase: () => codeBlockLineNumbersBase,
+  codeBlockLoadingBase: () => codeBlockLoadingBase,
+  codeBlockRootBase: () => codeBlockRootBase,
+  codeBlockSpinnerBase: () => codeBlockSpinnerBase,
+  codeBlockTitleBase: () => codeBlockTitleBase,
   colBase: () => colBase,
   comboboxClearTriggerBase: () => comboboxClearTriggerBase,
   comboboxContentBase: () => comboboxContentBase,
@@ -64,6 +81,7 @@ __export(index_exports, {
   comboboxPositionerBase: () => comboboxPositionerBase,
   comboboxTriggerBase: () => comboboxTriggerBase,
   containerBase: () => containerBase,
+  defaultChartColor: () => defaultChartColor,
   dialogBackdropBase: () => dialogBackdropBase,
   dialogCloseTriggerBase: () => dialogCloseTriggerBase,
   dialogContentBase: () => dialogContentBase,
@@ -75,6 +93,11 @@ __export(index_exports, {
   dialogHeaderStickyBase: () => dialogHeaderStickyBase,
   dialogPositionerBase: () => dialogPositionerBase,
   dialogTitleBase: () => dialogTitleBase,
+  extractYouTubeId: () => extractYouTubeId,
+  feedbackCorrectBase: () => feedbackCorrectBase,
+  feedbackExplanationBase: () => feedbackExplanationBase,
+  feedbackIncorrectBase: () => feedbackIncorrectBase,
+  fetchYouTubeMetadata: () => fetchYouTubeMetadata,
   fieldErrorBase: () => fieldErrorBase,
   fieldHelperBase: () => fieldHelperBase,
   fieldLabelBase: () => fieldLabelBase,
@@ -84,9 +107,24 @@ __export(index_exports, {
   fieldsetHelperBase: () => fieldsetHelperBase,
   fieldsetLegendBase: () => fieldsetLegendBase,
   fieldsetRootBase: () => fieldsetRootBase,
+  figureCaptionBase: () => figureCaptionBase,
+  figureImageBase: () => figureImageBase,
+  figureRootBase: () => figureRootBase,
+  formatTime: () => formatTime,
   hstackBase: () => hstackBase,
+  injectCodeBlockStyles: () => injectCodeBlockStyles,
   inputVariants: () => inputVariants,
   itemVariants: () => itemVariants,
+  latexDisplayBase: () => latexDisplayBase,
+  latexErrorBase: () => latexErrorBase,
+  latexInlineBase: () => latexInlineBase,
+  latexRootBase: () => latexRootBase,
+  manimCaptionBase: () => manimCaptionBase,
+  manimContainerBase: () => manimContainerBase,
+  manimErrorBase: () => manimErrorBase,
+  manimPlaceholderBase: () => manimPlaceholderBase,
+  manimPlaceholderLabelBase: () => manimPlaceholderLabelBase,
+  manimRootBase: () => manimRootBase,
   mermaidLoadingBase: () => mermaidLoadingBase,
   mermaidRootBase: () => mermaidRootBase,
   mermaidSourceBase: () => mermaidSourceBase,
@@ -121,6 +159,9 @@ __export(index_exports, {
   navbarShrunkBase: () => navbarShrunkBase,
   navbarTriggerVariants: () => navbarTriggerVariants,
   navbarVariants: () => navbarVariants,
+  noticeDescriptionBase: () => noticeDescriptionBase,
+  noticeTitleBase: () => noticeTitleBase,
+  noticeVariants: () => noticeVariants,
   numberInputControlBase: () => numberInputControlBase,
   numberInputInputBase: () => numberInputInputBase,
   numberInputRootBase: () => numberInputRootBase,
@@ -136,6 +177,7 @@ __export(index_exports, {
   paginationItemBase: () => paginationItemBase,
   paginationRootBase: () => paginationRootBase,
   paginationTriggerBase: () => paginationTriggerBase,
+  parseYouTubeChapters: () => parseYouTubeChapters,
   popoverArrowBase: () => popoverArrowBase,
   popoverCloseTriggerBase: () => popoverCloseTriggerBase,
   popoverContentBase: () => popoverContentBase,
@@ -143,8 +185,41 @@ __export(index_exports, {
   popoverIndicatorBase: () => popoverIndicatorBase,
   popoverPositionerBase: () => popoverPositionerBase,
   popoverTitleBase: () => popoverTitleBase,
+  prevNextDirectionBase: () => prevNextDirectionBase,
+  prevNextLinkBase: () => prevNextLinkBase,
+  prevNextLinkNextBase: () => prevNextLinkNextBase,
+  prevNextRootBase: () => prevNextRootBase,
+  prevNextSpacerBase: () => prevNextSpacerBase,
+  prevNextTitleBase: () => prevNextTitleBase,
+  questionCardBase: () => questionCardBase,
+  questionCheckButtonBase: () => questionCheckButtonBase,
+  questionGroupBase: () => questionGroupBase,
+  questionInputBase: () => questionInputBase,
+  questionOptionBase: () => questionOptionBase,
+  questionOptionCorrectBase: () => questionOptionCorrectBase,
+  questionOptionIncorrectBase: () => questionOptionIncorrectBase,
+  questionPromptBase: () => questionPromptBase,
+  questionUnitBase: () => questionUnitBase,
+  quizHeaderBase: () => quizHeaderBase,
+  quizResetButtonBase: () => quizResetButtonBase,
+  quizResultBase: () => quizResultBase,
+  quizResultTextBase: () => quizResultTextBase,
+  quizResultTitleBase: () => quizResultTitleBase,
+  quizRootBase: () => quizRootBase,
+  quizScoreBase: () => quizScoreBase,
+  quizSubmitButtonBase: () => quizSubmitButtonBase,
+  quizTitleBase: () => quizTitleBase,
+  radioGroupItemControlBase: () => radioGroupItemControlBase,
+  radioGroupItemTextBase: () => radioGroupItemTextBase,
+  radioGroupRootBase: () => radioGroupRootBase,
+  renderChartSvgString: () => renderChartSvgString,
+  renderCodeToHtml: () => renderCodeToHtml,
   renderMermaidSource: () => renderMermaidSource,
   resolveMermaidThemeVariables: () => resolveMermaidThemeVariables,
+  revealChevronBase: () => revealChevronBase,
+  revealContentBase: () => revealContentBase,
+  revealRootBase: () => revealRootBase,
+  revealTriggerBase: () => revealTriggerBase,
   rowBase: () => rowBase,
   scrollContentBase: () => scrollContentBase,
   scrollCornerBase: () => scrollCornerBase,
@@ -190,6 +265,7 @@ __export(index_exports, {
   tagsInputItemTextBase: () => tagsInputItemTextBase,
   tagsInputRootBase: () => tagsInputRootBase,
   textareaBase: () => textareaBase,
+  toLaTeX: () => toLaTeX,
   toggleButtonVariants: () => toggleButtonVariants,
   tooltipArrowBase: () => tooltipArrowBase,
   tooltipContentBase: () => tooltipContentBase,
@@ -204,7 +280,20 @@ __export(index_exports, {
   windowPositionerBase: () => windowPositionerBase,
   windowResizeTriggerBase: () => windowResizeTriggerBase,
   windowStageTriggerBase: () => windowStageTriggerBase,
-  windowTitleBase: () => windowTitleBase
+  windowTitleBase: () => windowTitleBase,
+  youtubeChapterButtonBase: () => youtubeChapterButtonBase,
+  youtubeChapterLabelBase: () => youtubeChapterLabelBase,
+  youtubeChapterTimeBase: () => youtubeChapterTimeBase,
+  youtubeChaptersBase: () => youtubeChaptersBase,
+  youtubeChaptersChevronBase: () => youtubeChaptersChevronBase,
+  youtubeChaptersListBase: () => youtubeChaptersListBase,
+  youtubeChaptersSummaryBase: () => youtubeChaptersSummaryBase,
+  youtubeDescriptionBase: () => youtubeDescriptionBase,
+  youtubeFacadeBase: () => youtubeFacadeBase,
+  youtubePlayButtonBase: () => youtubePlayButtonBase,
+  youtubePlayButtonInnerBase: () => youtubePlayButtonInnerBase,
+  youtubeRootBase: () => youtubeRootBase,
+  youtubeTitleBase: () => youtubeTitleBase
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1017,6 +1106,306 @@ async function renderMermaidSource(code) {
   const { svg } = await mermaid.render(`helix-mmd-${Date.now()}-${mermaidSeq++}`, code);
   return svg;
 }
+
+// src/clipboard.ts
+var clipboardTriggerBase = "inline-flex h-7 w-7 shrink-0 items-center justify-center gap-1.5 rounded-md text-xs text-muted-foreground transition-colors hover:bg-background hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5 [&_svg]:shrink-0";
+
+// src/radio-group.ts
+var radioGroupRootBase = "flex flex-col gap-2";
+var radioGroupItemControlBase = "relative inline-flex size-4 shrink-0 items-center justify-center rounded-full border border-input bg-transparent shadow-xs transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 focus-visible:ring-offset-1 focus-visible:ring-offset-background data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 data-[state=checked]:border-primary data-[state=checked]:text-primary disabled:pointer-events-none disabled:opacity-50";
+var radioGroupItemTextBase = "select-none text-sm font-medium leading-none";
+
+// src/notice.ts
+var import_class_variance_authority16 = require("class-variance-authority");
+var noticeVariants = (0, import_class_variance_authority16.cva)(
+  "not-prose relative my-4 grid w-full items-center gap-y-0.5 rounded-lg border px-3 py-2.5 text-sm grid-cols-[0_1fr] has-[>svg]:grid-cols-[calc(var(--spacing)*3)_1fr] has-[>svg]:gap-x-2.5 [&>svg]:size-4",
+  {
+    variants: {
+      variant: {
+        none: "bg-card text-card-foreground",
+        info: "border-info/30 bg-info/5 [&>svg]:text-info",
+        success: "border-success/30 bg-success/5 [&>svg]:text-success",
+        warning: "border-warn/30 bg-warn/5 [&>svg]:text-warn",
+        error: "border-danger/30 bg-danger/5 [&>svg]:text-danger"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+var noticeTitleBase = "col-start-2 min-h-4 font-semibold tracking-tight";
+var noticeDescriptionBase = "col-start-2 text-sm text-foreground [&_p]:leading-relaxed";
+
+// src/figure.ts
+var figureRootBase = "not-prose my-4 flex flex-col items-center";
+var figureImageBase = "rounded-lg border border-border";
+var figureCaptionBase = "mt-2 text-center text-sm text-muted-foreground";
+
+// src/reveal.ts
+var revealRootBase = "not-prose my-4 overflow-hidden rounded-lg border border-border bg-muted/40";
+var revealTriggerBase = "flex w-full cursor-pointer items-center gap-2 px-3 py-2.5 text-sm font-semibold";
+var revealChevronBase = "size-4 shrink-0 text-muted-foreground transition-transform duration-200 data-[state=open]:rotate-90";
+var revealContentBase = "border-t border-border px-3 py-2.5 text-sm text-foreground";
+
+// src/prevnext.ts
+var prevNextRootBase = "not-prose mt-8 flex flex-col gap-3 border-t border-border pt-6 sm:flex-row sm:justify-between";
+var prevNextLinkBase = "group flex min-w-0 flex-1 flex-col rounded-lg border border-border px-4 py-3 no-underline transition-colors hover:border-primary";
+var prevNextLinkNextBase = "items-end text-right";
+var prevNextDirectionBase = "text-xs font-medium text-muted-foreground";
+var prevNextTitleBase = "truncate text-sm font-medium text-foreground transition-colors group-hover:text-primary";
+var prevNextSpacerBase = "flex-1";
+
+// src/latex.ts
+var import_katex = __toESM(require("katex"), 1);
+var latexRootBase = "not-prose";
+var latexDisplayBase = "my-4 block w-full overflow-x-auto py-1";
+var latexInlineBase = "inline-block align-middle";
+var latexErrorBase = "font-mono text-sm text-destructive";
+function toLaTeX(latex, opts) {
+  return import_katex.default.renderToString(latex, {
+    displayMode: opts?.displayMode ?? false,
+    throwOnError: false,
+    strict: false
+  });
+}
+
+// src/code-block.ts
+var codeBlockRootBase = "not-prose my-4 overflow-hidden rounded-lg border";
+var codeBlockHeaderBase = "flex h-10 items-center justify-between gap-2 border-b bg-muted/50 px-4";
+var codeBlockHeaderInfoBase = "flex min-w-0 items-center gap-2 text-muted-foreground";
+var codeBlockTitleBase = "min-w-0 truncate font-mono text-xs";
+var codeBlockBodyBase = "hx-cb relative overflow-x-auto bg-background";
+var codeBlockBodyScrollableBase = "overflow-y-auto";
+var codeBlockContentBase = "text-sm [&>pre]:p-4 [&_.line]:leading-[1.7]";
+var codeBlockLineNumbersBase = "cbln";
+var codeBlockHighlightBase = "cbhl";
+var codeBlockLoadingBase = "flex h-16 items-center justify-center";
+var codeBlockSpinnerBase = "h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent";
+var codeBlockCopyFloatBase = "absolute right-2 top-2";
+var CODE_BLOCK_STYLES = `
+.hx-cb pre.shiki{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
+.hx-cb pre.shiki code{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important}
+:root.dark .hx-cb .shiki,
+:root.dark .hx-cb .shiki span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}
+.hx-cb .cbln code{counter-reset:line;counter-increment:line 0}
+.hx-cb .cbln .line::before{content:counter(line);counter-increment:line;display:inline-block;min-width:1.5rem;padding-right:.75rem;margin-right:1rem;text-align:right;font-size:.75rem;line-height:1.7;user-select:none;color:color-mix(in srgb,var(--muted-foreground,#888) 55%,transparent)}
+.hx-cb .cbhl .line-highlighted{display:block;background-color:oklch(0.828 0.189 84.429/.12);border-left:2px solid oklch(0.769 0.188 70.08);margin:0 -1rem;padding:0 1rem}
+`;
+function injectCodeBlockStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("hx-code-block")) return;
+  const el = document.createElement("style");
+  el.id = "hx-code-block";
+  el.textContent = CODE_BLOCK_STYLES;
+  document.head.appendChild(el);
+}
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function plaintextFallback(code) {
+  const lines = code.split("\n").map((l) => `<span class="line">${escapeHtml(l)}</span>`).join("\n");
+  return `<pre class="shiki" tabindex="-1"><code>${lines}</code></pre>`;
+}
+async function renderCodeToHtml(code, language, highlightLines) {
+  injectCodeBlockStyles();
+  try {
+    const { codeToHtml } = await import("shiki/bundle/full");
+    return await codeToHtml(code, {
+      lang: language,
+      themes: { light: "github-light", dark: "github-dark" },
+      tabindex: false,
+      transformers: [
+        {
+          pre(node) {
+            if (node.properties?.["style"]) {
+              node.properties["style"] = node.properties["style"].replace(/background-color:\s*[^;]+;?\s*/gi, "").replace(/--shiki-dark-bg:\s*[^;]+;?\s*/gi, "");
+            }
+          },
+          line(node, line) {
+            if (highlightLines?.includes(line)) {
+              this.addClassToHast(node, "line-highlighted");
+            }
+          }
+        }
+      ]
+    });
+  } catch {
+    return plaintextFallback(code);
+  }
+}
+
+// src/manim.ts
+var manimRootBase = "not-prose my-4";
+var manimContainerBase = "relative w-full overflow-hidden rounded-lg border border-border [&_canvas]:!h-auto [&_canvas]:!max-w-full";
+var manimPlaceholderBase = "flex w-full items-center justify-center bg-muted/40";
+var manimPlaceholderLabelBase = "text-sm text-muted-foreground";
+var manimErrorBase = "flex items-center justify-center border-destructive/50 bg-destructive/5 p-6 text-sm text-destructive";
+var manimCaptionBase = "mt-2 text-center text-sm text-muted-foreground";
+
+// src/youtube.ts
+var youtubeRootBase = "not-prose my-4";
+var youtubeTitleBase = "mb-2 text-lg font-semibold text-foreground";
+var youtubeFacadeBase = "group relative aspect-video w-full cursor-pointer overflow-hidden rounded-md border border-border bg-muted/40";
+var youtubePlayButtonBase = "absolute inset-0 flex items-center justify-center";
+var youtubePlayButtonInnerBase = "flex items-center justify-center rounded-xl bg-red-600 px-4 py-2 text-white shadow-lg transition-transform group-hover:scale-105";
+var youtubeDescriptionBase = "mt-2 text-sm text-muted-foreground";
+var youtubeChaptersBase = "group mt-3 rounded-lg border border-border bg-muted/40";
+var youtubeChaptersSummaryBase = "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 text-sm font-medium [&::-webkit-details-marker]:hidden";
+var youtubeChaptersChevronBase = "size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-90";
+var youtubeChaptersListBase = "border-t border-border px-2 py-2";
+var youtubeChapterButtonBase = "inline-flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+var youtubeChapterTimeBase = "font-mono text-xs text-primary";
+var youtubeChapterLabelBase = "text-foreground";
+function extractYouTubeId(raw) {
+  try {
+    const url = new URL(raw);
+    const v = url.searchParams.get("v");
+    if (v) return v;
+    if (url.hostname === "youtu.be") return url.pathname.slice(1);
+  } catch {
+  }
+  return raw;
+}
+function formatTime(seconds) {
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor(seconds % 3600 / 60);
+  const s = Math.floor(seconds % 60);
+  const mm = String(m).padStart(2, "0");
+  const ss = String(s).padStart(2, "0");
+  return h > 0 ? `${h}:${mm}:${ss}` : `${mm}:${ss}`;
+}
+var TIMESTAMP_RE = /^\s*\[?\(?(?:(\d+):)?(\d{1,2}):(\d{2})\)?\]?\s+(\S.*)$/;
+function parseYouTubeChapters(description) {
+  return description.split("\n").map((line) => {
+    const m = TIMESTAMP_RE.exec(line);
+    if (!m) return null;
+    const hours = m[1] ? Number(m[1]) : 0;
+    const t = hours * 3600 + Number(m[2]) * 60 + Number(m[3]);
+    return { t, label: m[4] };
+  }).filter((c) => c !== null);
+}
+async function fetchYouTubeMetadata(url) {
+  const videoId = extractYouTubeId(url);
+  const res = await fetch(
+    `https://noembed.com/embed?url=${encodeURIComponent(`https://www.youtube.com/watch?v=${videoId}`)}`
+  );
+  if (!res.ok) return {};
+  const data = await res.json();
+  return { title: data.title, description: data.description };
+}
+
+// src/chart.ts
+var import_charts = require("@tanstack/charts");
+var import_polar = require("@tanstack/charts/polar");
+var import_linear = require("@tanstack/charts/scales/linear");
+var import_ordinal = require("@tanstack/charts/scales/ordinal");
+var import_point = require("@tanstack/charts/scales/point");
+var import_tooltip = require("@tanstack/charts/tooltip");
+var chartRootBase = "not-prose my-4";
+var chartPlaceholderBase = "flex items-center justify-center rounded-md border border-border bg-muted/40";
+var chartPlaceholderLabelBase = "text-sm text-muted-foreground";
+function defaultChartColor(index) {
+  return `var(--chart-${index % 5 + 1})`;
+}
+var COLOR_TOKENS = ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
+function buildChartDefinition(props) {
+  const {
+    type,
+    data,
+    series,
+    xKey = "name",
+    nameKey = "name",
+    showLegend = true,
+    showGrid = true,
+    showAxis = true
+  } = props;
+  const colors = series.map((s, i) => s.color ?? COLOR_TOKENS[i % COLOR_TOKENS.length]);
+  if (type === "pie") {
+    const valueKey = series[0]?.key ?? "value";
+    const slices = (0, import_polar.pie)(data, { value: valueKey });
+    const pieColors = data.map((_, i) => series[0]?.color ?? COLOR_TOKENS[i % COLOR_TOKENS.length]);
+    const spec2 = {
+      marks: [
+        (0, import_polar.polar)({
+          scales: { angle: null, radius: null },
+          radiusRatio: 0.82,
+          marks: [(0, import_polar.radialArc)(slices, { color: nameKey, key: nameKey, cornerRadius: 3 })]
+        })
+      ],
+      scales: { x: null, y: null },
+      color: {
+        domain: data.map((d) => String(d[nameKey])),
+        range: pieColors,
+        legend: showLegend ? (0, import_charts.colorLegend)({}) : void 0
+      },
+      tooltip: import_tooltip.tooltip
+    };
+    return (0, import_charts.defineChart)(spec2);
+  }
+  const rows = data.flatMap(
+    (row) => series.map((s) => ({
+      ...row,
+      _series: s.label ?? s.key,
+      _value: Number(row[s.key])
+    }))
+  );
+  const markOpts = { x: xKey, y: "_value", z: "_series" };
+  const mark = type === "bar" ? (0, import_charts.barY)(rows, { ...markOpts, fillOpacity: 0.85 }) : type === "area" ? (0, import_charts.areaY)(rows, { ...markOpts, fillOpacity: 0.15 }) : (0, import_charts.lineY)(rows, { ...markOpts, strokeWidth: 2 });
+  const spec = {
+    marks: [mark],
+    scales: {
+      x: { scale: () => (0, import_point.scalePoint)().padding(0.4), axis: showAxis ? {} : void 0 },
+      y: {
+        scale: import_linear.scaleLinear,
+        nice: true,
+        grid: showGrid,
+        axis: showAxis ? { ticks: { count: 5 } } : void 0
+      }
+    },
+    color: {
+      scale: () => (0, import_ordinal.scaleOrdinal)().range(colors),
+      domain: series.map((s) => s.label ?? s.key),
+      legend: showLegend ? (0, import_charts.colorLegend)({}) : void 0
+    },
+    tooltip: import_tooltip.tooltip
+  };
+  return (0, import_charts.defineChart)(spec);
+}
+function renderChartSvgString(props, opts = {}) {
+  const { width = 720, height = props.height ?? 400, ariaLabel = "Chart" } = opts;
+  const definition = buildChartDefinition(props);
+  const runtime = (0, import_charts.createChartRuntime)();
+  try {
+    const scene = runtime.render(definition, { width, height });
+    return (0, import_charts.renderChartSvg)(scene, { ariaLabel, idPrefix: "hx-chart" });
+  } finally {
+    runtime.destroy();
+  }
+}
+
+// src/question.ts
+var questionCardBase = "not-prose my-4 rounded-lg border border-border bg-card p-4";
+var questionPromptBase = "mb-3 text-sm font-medium text-foreground";
+var questionGroupBase = "grid gap-2";
+var questionOptionBase = "rounded-md px-3 py-2 transition-colors hover:bg-muted/60";
+var questionOptionCorrectBase = "bg-success/10";
+var questionOptionIncorrectBase = "bg-destructive/10";
+var questionCheckButtonBase = "mt-3 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+var questionInputBase = "h-9 w-32 rounded-md border border-input bg-background px-3 text-sm text-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50";
+var questionUnitBase = "text-sm text-muted-foreground";
+var feedbackCorrectBase = "text-success";
+var feedbackIncorrectBase = "text-destructive";
+var feedbackExplanationBase = "mt-1.5 text-sm text-muted-foreground";
+var quizRootBase = "not-prose my-6 rounded-lg border border-border bg-card/50 p-4";
+var quizHeaderBase = "mb-4 flex items-center justify-between gap-3";
+var quizTitleBase = "text-base font-semibold text-foreground";
+var quizScoreBase = "inline-flex items-center rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground";
+var quizResultBase = "mt-4 rounded-lg border border-border bg-muted/40 p-4";
+var quizResultTitleBase = "text-lg font-semibold text-foreground";
+var quizResultTextBase = "mt-1 text-sm text-muted-foreground";
+var quizSubmitButtonBase = "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+var quizResetButtonBase = "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SIDEBAR_KEYBOARD_SHORTCUT,
@@ -1026,6 +1415,7 @@ async function renderMermaidSource(code) {
   THEMES,
   THEME_NAMES,
   badgeVariants,
+  buildChartDefinition,
   buttonVariants,
   cardBodyBase,
   cardCoverVariants,
@@ -1035,11 +1425,27 @@ async function renderMermaidSource(code) {
   cardTitleBase,
   cardVariants,
   centerBase,
+  chartPlaceholderBase,
+  chartPlaceholderLabelBase,
+  chartRootBase,
   checkboxGroupBase,
   checkboxIndicatorBase,
   checkboxLabelBase,
   checkboxVariants,
+  clipboardTriggerBase,
   cn,
+  codeBlockBodyBase,
+  codeBlockBodyScrollableBase,
+  codeBlockContentBase,
+  codeBlockCopyFloatBase,
+  codeBlockHeaderBase,
+  codeBlockHeaderInfoBase,
+  codeBlockHighlightBase,
+  codeBlockLineNumbersBase,
+  codeBlockLoadingBase,
+  codeBlockRootBase,
+  codeBlockSpinnerBase,
+  codeBlockTitleBase,
   colBase,
   comboboxClearTriggerBase,
   comboboxContentBase,
@@ -1053,6 +1459,7 @@ async function renderMermaidSource(code) {
   comboboxPositionerBase,
   comboboxTriggerBase,
   containerBase,
+  defaultChartColor,
   dialogBackdropBase,
   dialogCloseTriggerBase,
   dialogContentBase,
@@ -1064,6 +1471,11 @@ async function renderMermaidSource(code) {
   dialogHeaderStickyBase,
   dialogPositionerBase,
   dialogTitleBase,
+  extractYouTubeId,
+  feedbackCorrectBase,
+  feedbackExplanationBase,
+  feedbackIncorrectBase,
+  fetchYouTubeMetadata,
   fieldErrorBase,
   fieldHelperBase,
   fieldLabelBase,
@@ -1073,9 +1485,24 @@ async function renderMermaidSource(code) {
   fieldsetHelperBase,
   fieldsetLegendBase,
   fieldsetRootBase,
+  figureCaptionBase,
+  figureImageBase,
+  figureRootBase,
+  formatTime,
   hstackBase,
+  injectCodeBlockStyles,
   inputVariants,
   itemVariants,
+  latexDisplayBase,
+  latexErrorBase,
+  latexInlineBase,
+  latexRootBase,
+  manimCaptionBase,
+  manimContainerBase,
+  manimErrorBase,
+  manimPlaceholderBase,
+  manimPlaceholderLabelBase,
+  manimRootBase,
   mermaidLoadingBase,
   mermaidRootBase,
   mermaidSourceBase,
@@ -1110,6 +1537,9 @@ async function renderMermaidSource(code) {
   navbarShrunkBase,
   navbarTriggerVariants,
   navbarVariants,
+  noticeDescriptionBase,
+  noticeTitleBase,
+  noticeVariants,
   numberInputControlBase,
   numberInputInputBase,
   numberInputRootBase,
@@ -1125,6 +1555,7 @@ async function renderMermaidSource(code) {
   paginationItemBase,
   paginationRootBase,
   paginationTriggerBase,
+  parseYouTubeChapters,
   popoverArrowBase,
   popoverCloseTriggerBase,
   popoverContentBase,
@@ -1132,8 +1563,41 @@ async function renderMermaidSource(code) {
   popoverIndicatorBase,
   popoverPositionerBase,
   popoverTitleBase,
+  prevNextDirectionBase,
+  prevNextLinkBase,
+  prevNextLinkNextBase,
+  prevNextRootBase,
+  prevNextSpacerBase,
+  prevNextTitleBase,
+  questionCardBase,
+  questionCheckButtonBase,
+  questionGroupBase,
+  questionInputBase,
+  questionOptionBase,
+  questionOptionCorrectBase,
+  questionOptionIncorrectBase,
+  questionPromptBase,
+  questionUnitBase,
+  quizHeaderBase,
+  quizResetButtonBase,
+  quizResultBase,
+  quizResultTextBase,
+  quizResultTitleBase,
+  quizRootBase,
+  quizScoreBase,
+  quizSubmitButtonBase,
+  quizTitleBase,
+  radioGroupItemControlBase,
+  radioGroupItemTextBase,
+  radioGroupRootBase,
+  renderChartSvgString,
+  renderCodeToHtml,
   renderMermaidSource,
   resolveMermaidThemeVariables,
+  revealChevronBase,
+  revealContentBase,
+  revealRootBase,
+  revealTriggerBase,
   rowBase,
   scrollContentBase,
   scrollCornerBase,
@@ -1179,6 +1643,7 @@ async function renderMermaidSource(code) {
   tagsInputItemTextBase,
   tagsInputRootBase,
   textareaBase,
+  toLaTeX,
   toggleButtonVariants,
   tooltipArrowBase,
   tooltipContentBase,
@@ -1193,5 +1658,18 @@ async function renderMermaidSource(code) {
   windowPositionerBase,
   windowResizeTriggerBase,
   windowStageTriggerBase,
-  windowTitleBase
+  windowTitleBase,
+  youtubeChapterButtonBase,
+  youtubeChapterLabelBase,
+  youtubeChapterTimeBase,
+  youtubeChaptersBase,
+  youtubeChaptersChevronBase,
+  youtubeChaptersListBase,
+  youtubeChaptersSummaryBase,
+  youtubeDescriptionBase,
+  youtubeFacadeBase,
+  youtubePlayButtonBase,
+  youtubePlayButtonInnerBase,
+  youtubeRootBase,
+  youtubeTitleBase
 });