@cloudvoyant/helix 0.16.0 → 0.17.0

package/dist/index.d.cts

@@ -1,6 +1,8 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
+import * as ManimWeb from 'manim-web';
+import { DomChartDefinition } from '@tanstack/charts';
 
 declare const buttonVariants: (props?: ({
     variant?: "solid" | "outline" | "text" | null | undefined;
@@ -435,4 +437,287 @@ declare function mermaidSvgAspectRatio(svg: string): string | undefined;
  */
 declare function renderMermaidSource(code: string): Promise<string>;
 
-export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type CheckboxProps, type CheckboxVariants, type ComboboxItemVariants, type ComboboxProps, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type MermaidProps, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NumberInputProps, type PageGutterContentVariants, type PageGutterVariants, type PageVariants, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, badgeVariants, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, cardTitleBase, cardVariants, centerBase, checkboxGroupBase, checkboxIndicatorBase, checkboxLabelBase, checkboxVariants, cn, colBase, comboboxClearTriggerBase, comboboxContentBase, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, dialogBackdropBase, dialogCloseTriggerBase, dialogContentBase, dialogDescriptionBase, dialogFooterBase, dialogFooterStickyBase, dialogFullscreenContentBase, dialogHeaderBase, dialogHeaderStickyBase, dialogPositionerBase, dialogTitleBase, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, hstackBase, inputVariants, itemVariants, mermaidLoadingBase, mermaidRootBase, mermaidSourceBase, mermaidSvgAspectRatio, mermaidSvgBase, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, pageContentBase, pageFooterBase, pageGutterAreaBase, pageGutterContentVariants, pageGutterVariants, pageSectionBase, pageVariants, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, popoverArrowBase, popoverCloseTriggerBase, popoverContentBase, popoverDescriptionBase, popoverIndicatorBase, popoverPositionerBase, popoverTitleBase, renderMermaidSource, resolveMermaidThemeVariables, rowBase, scrollContentBase, scrollCornerBase, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toggleButtonVariants, tooltipArrowBase, tooltipContentBase, tooltipPositionerBase, vstackBase, windowBodyBase, windowCloseTriggerBase, windowContentBase, windowControlBase, windowDragTriggerBase, windowHeaderBase, windowPositionerBase, windowResizeTriggerBase, windowStageTriggerBase, windowTitleBase };
+/** Ghost icon-button styling for a copy trigger, reused by the code-block family. */
+declare const 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";
+
+declare const radioGroupRootBase = "flex flex-col gap-2";
+declare const 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";
+declare const radioGroupItemTextBase = "select-none text-sm font-medium leading-none";
+
+declare const noticeVariants: (props?: ({
+    variant?: "success" | "info" | "none" | "warning" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type NoticeVariants = VariantProps<typeof noticeVariants>;
+declare const noticeTitleBase = "col-start-2 min-h-4 font-semibold tracking-tight";
+declare const noticeDescriptionBase = "col-start-2 text-sm text-foreground [&_p]:leading-relaxed";
+interface NoticeProps {
+    variant?: NoticeVariants['variant'];
+    title?: string;
+    className?: string;
+}
+
+declare const figureRootBase = "not-prose my-4 flex flex-col items-center";
+declare const figureImageBase = "rounded-lg border border-border";
+declare const figureCaptionBase = "mt-2 text-center text-sm text-muted-foreground";
+interface FigureProps {
+    src?: string;
+    alt?: string;
+    caption?: string;
+    className?: string;
+}
+
+declare const revealRootBase = "not-prose my-4 overflow-hidden rounded-lg border border-border bg-muted/40";
+declare const revealTriggerBase = "flex w-full cursor-pointer items-center gap-2 px-3 py-2.5 text-sm font-semibold";
+declare const revealChevronBase = "size-4 shrink-0 text-muted-foreground transition-transform duration-200 data-[state=open]:rotate-90";
+declare const revealContentBase = "border-t border-border px-3 py-2.5 text-sm text-foreground";
+interface RevealProps {
+    question: string;
+    className?: string;
+}
+
+declare const prevNextRootBase = "not-prose mt-8 flex flex-col gap-3 border-t border-border pt-6 sm:flex-row sm:justify-between";
+declare const 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";
+declare const prevNextLinkNextBase = "items-end text-right";
+declare const prevNextDirectionBase = "text-xs font-medium text-muted-foreground";
+declare const prevNextTitleBase = "truncate text-sm font-medium text-foreground transition-colors group-hover:text-primary";
+declare const prevNextSpacerBase = "flex-1";
+interface PrevNextProps {
+    prev?: {
+        title: string;
+        href: string;
+    };
+    next?: {
+        title: string;
+        href: string;
+    };
+    className?: string;
+}
+
+declare const latexRootBase = "not-prose";
+declare const latexDisplayBase = "my-4 block w-full overflow-x-auto py-1";
+declare const latexInlineBase = "inline-block align-middle";
+declare const latexErrorBase = "font-mono text-sm text-destructive";
+interface LaTeXProps {
+    /** LaTeX source. */
+    latex: string;
+    /** Pre-rendered KaTeX HTML for the static/server path. When provided the component renders it
+     *  immediately and never calls `katex` — a rehype-katex-style plugin can pass its output here. */
+    html?: string;
+    /** Extra classes for the root container. */
+    className?: string;
+}
+/**
+ * Render LaTeX to KaTeX HTML synchronously. `katex` is a hard dependency, so this works at
+ * build/SSR time (a rehype plugin or `renderToStaticMarkup` path) and on the client alike —
+ * no lazy import, no placeholder, no double render.
+ *
+ * `throwOnError` and `strict` are disabled so a malformed expression renders best-effort
+ * output instead of throwing.
+ */
+declare function toLaTeX(latex: string, opts?: {
+    displayMode?: boolean;
+}): string;
+
+declare const codeBlockRootBase = "not-prose my-4 overflow-hidden rounded-lg border";
+declare const codeBlockHeaderBase = "flex h-10 items-center justify-between gap-2 border-b bg-muted/50 px-4";
+declare const codeBlockHeaderInfoBase = "flex min-w-0 items-center gap-2 text-muted-foreground";
+declare const codeBlockTitleBase = "min-w-0 truncate font-mono text-xs";
+declare const codeBlockBodyBase = "hx-cb relative overflow-x-auto bg-background";
+declare const codeBlockBodyScrollableBase = "overflow-y-auto";
+declare const codeBlockContentBase = "text-sm [&>pre]:p-4 [&_.line]:leading-[1.7]";
+declare const codeBlockLineNumbersBase = "cbln";
+declare const codeBlockHighlightBase = "cbhl";
+declare const codeBlockLoadingBase = "flex h-16 items-center justify-center";
+declare const codeBlockSpinnerBase = "h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent";
+/** Floating copy button anchored to the code body's top-right corner (multi-language block). */
+declare const codeBlockCopyFloatBase = "absolute right-2 top-2";
+interface FileEntry {
+    filename: string;
+    code: string;
+    language?: string;
+    /** Pre-rendered shiki HTML for the static/server path. */
+    html?: string;
+}
+interface LanguageTab {
+    label: string;
+    filename: string;
+    code: string;
+    language?: string;
+    /** Pre-rendered shiki HTML for the static/server path. */
+    html?: string;
+}
+interface CodeBlockProps {
+    code: string;
+    /** Shiki language id (default `tsx`). */
+    language?: string;
+    filename?: string;
+    /** Pre-rendered shiki HTML for the static/server path. */
+    html?: string;
+    showLineNumbers?: boolean;
+    scrollable?: boolean;
+    maxHeight?: number;
+    /** 1-based line numbers to highlight. */
+    highlightLines?: number[];
+    className?: string;
+}
+declare function injectCodeBlockStyles(): void;
+/**
+ * Dynamically import shiki and highlight `code` to an HTML string. The import stays
+ * client-only and lazy, so shiki never enters the SSR/initial bundle. Unknown languages
+ * or any highlight failure fall back to escaped plaintext — never throws.
+ */
+declare function renderCodeToHtml(code: string, language: string, highlightLines?: number[]): Promise<string>;
+
+declare const manimRootBase = "not-prose my-4";
+declare const manimContainerBase = "relative w-full overflow-hidden rounded-lg border border-border [&_canvas]:!h-auto [&_canvas]:!max-w-full";
+declare const manimPlaceholderBase = "flex w-full items-center justify-center bg-muted/40";
+declare const manimPlaceholderLabelBase = "text-sm text-muted-foreground";
+declare const manimErrorBase = "flex items-center justify-center border-destructive/50 bg-destructive/5 p-6 text-sm text-destructive";
+declare const manimCaptionBase = "mt-2 text-center text-sm text-muted-foreground";
+/** The recording proxy `manim-web` hands to a scene builder — records `play`/`wait` calls. */
+interface ManimRecordingScene {
+    play(...animations: unknown[]): Promise<void>;
+    wait(duration?: number): Promise<void>;
+}
+type ManimModule = typeof ManimWeb;
+interface ManimProps {
+    /** Scene builder — receives the `manim-web` module (imported internally by the component) and
+     *  the recording proxy. Define the animation with `manim`'s primitives (`Circle`, `Create`, …)
+     *  without importing `manim-web` yourself. */
+    build: (manim: ManimModule, scene: ManimRecordingScene) => Promise<void> | void;
+    /** Aspect-ratio width component (default 800). */
+    width?: number;
+    /** Aspect-ratio height component (default 450). */
+    height?: number;
+    caption?: string;
+    className?: string;
+}
+
+declare const youtubeRootBase = "not-prose my-4";
+declare const youtubeTitleBase = "mb-2 text-lg font-semibold text-foreground";
+declare const youtubeFacadeBase = "group relative aspect-video w-full cursor-pointer overflow-hidden rounded-md border border-border bg-muted/40";
+declare const youtubePlayButtonBase = "absolute inset-0 flex items-center justify-center";
+declare const 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";
+declare const youtubeDescriptionBase = "mt-2 text-sm text-muted-foreground";
+declare const youtubeChaptersBase = "group mt-3 rounded-lg border border-border bg-muted/40";
+declare const youtubeChaptersSummaryBase = "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 text-sm font-medium [&::-webkit-details-marker]:hidden";
+declare const youtubeChaptersChevronBase = "size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-90";
+declare const youtubeChaptersListBase = "border-t border-border px-2 py-2";
+declare const 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";
+declare const youtubeChapterTimeBase = "font-mono text-xs text-primary";
+declare const youtubeChapterLabelBase = "text-foreground";
+interface YouTubeChapter {
+    /** Timestamp in seconds. */
+    t: number;
+    label: string;
+}
+interface YouTubeProps {
+    /** YouTube video URL (`youtube.com/watch?v=…`, `youtu.be/…`, or a short URL). */
+    url: string;
+    title?: string;
+    description?: string;
+    /** Custom poster URL (defaults to YouTube's hqdefault thumbnail). */
+    poster?: string;
+    className?: string;
+}
+/** Extract a bare video ID from either a full YouTube URL or a plain ID. */
+declare function extractYouTubeId(raw: string): string;
+/** Format seconds to `mm:ss` (or `h:mm:ss`). */
+declare function formatTime(seconds: number): string;
+/** Parse a chapter list from a YouTube description: one `mm:ss Description` (or `h:mm:ss`)
+ *  per line. Returns `[]` when none parse. */
+declare function parseYouTubeChapters(description: string): YouTubeChapter[];
+/** Fetch a video's title/description from a CORS-friendly oEmbed proxy (noembed.com).
+ *  Used by `YoutubeTimestamps` to auto-infer chapters from the video's web metadata. */
+declare function fetchYouTubeMetadata(url: string): Promise<{
+    title?: string;
+    description?: string;
+}>;
+
+declare const chartRootBase = "not-prose my-4";
+declare const chartPlaceholderBase = "flex items-center justify-center rounded-md border border-border bg-muted/40";
+declare const chartPlaceholderLabelBase = "text-sm text-muted-foreground";
+interface ChartSeries {
+    key: string;
+    label?: string;
+    color?: string;
+}
+interface ChartProps {
+    type: 'line' | 'bar' | 'area' | 'pie';
+    data: Record<string, string | number>[];
+    series: ChartSeries[];
+    xKey?: string;
+    nameKey?: string;
+    height?: number;
+    showLegend?: boolean;
+    showGrid?: boolean;
+    showAxis?: boolean;
+    className?: string;
+}
+/** Return `var(--chart-N)` cycling through the five chart tokens. */
+declare function defaultChartColor(index: number): string;
+/**
+ * Build a framework-agnostic TanStack Charts definition from the helix `ChartProps`. The
+ * React and Svelte adapters both render this same definition, so the chart is identical
+ * across frameworks and can be server-rendered with `renderChartSvgString`.
+ *
+ * Channels (`x`, `y`, `z`, `color`) are runtime string keys, so they are cast through
+ * `as never` at the boundary — TanStack's literal-key typing cannot express dynamic keys.
+ */
+declare function buildChartDefinition(props: ChartProps): DomChartDefinition;
+/** Render a chart to an SVG string on the server (SSR / prerendered path). */
+declare function renderChartSvgString(props: ChartProps, opts?: {
+    width?: number;
+    height?: number;
+    ariaLabel?: string;
+}): string;
+
+interface SingleChoiceQuestionData {
+    id: string;
+    type: 'single';
+    prompt: string;
+    choices: string[];
+    correct: number;
+    explanation?: string;
+}
+interface MultipleChoiceQuestionData {
+    id: string;
+    type: 'multiple';
+    prompt: string;
+    choices: string[];
+    correct: number[];
+    explanation?: string;
+}
+interface NumericQuestionData {
+    id: string;
+    type: 'numeric';
+    prompt: string;
+    answer: number;
+    tolerance?: number;
+    unit?: string;
+    explanation?: string;
+}
+type Question = SingleChoiceQuestionData | MultipleChoiceQuestionData | NumericQuestionData;
+declare const questionCardBase = "not-prose my-4 rounded-lg border border-border bg-card p-4";
+declare const questionPromptBase = "mb-3 text-sm font-medium text-foreground";
+declare const questionGroupBase = "grid gap-2";
+declare const questionOptionBase = "rounded-md px-3 py-2 transition-colors hover:bg-muted/60";
+declare const questionOptionCorrectBase = "bg-success/10";
+declare const questionOptionIncorrectBase = "bg-destructive/10";
+declare const 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";
+declare const 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";
+declare const questionUnitBase = "text-sm text-muted-foreground";
+declare const feedbackCorrectBase = "text-success";
+declare const feedbackIncorrectBase = "text-destructive";
+declare const feedbackExplanationBase = "mt-1.5 text-sm text-muted-foreground";
+declare const quizRootBase = "not-prose my-6 rounded-lg border border-border bg-card/50 p-4";
+declare const quizHeaderBase = "mb-4 flex items-center justify-between gap-3";
+declare const quizTitleBase = "text-base font-semibold text-foreground";
+declare const quizScoreBase = "inline-flex items-center rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground";
+declare const quizResultBase = "mt-4 rounded-lg border border-border bg-muted/40 p-4";
+declare const quizResultTitleBase = "text-lg font-semibold text-foreground";
+declare const quizResultTextBase = "mt-1 text-sm text-muted-foreground";
+declare const 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";
+declare const 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";
+
+export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type ChartProps, type ChartSeries, type CheckboxProps, type CheckboxVariants, type CodeBlockProps, type ComboboxItemVariants, type ComboboxProps, type FigureProps, type FileEntry, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type LaTeXProps, type LanguageTab, type ManimModule, type ManimProps, type ManimRecordingScene, type MermaidProps, type MultipleChoiceQuestionData, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NoticeProps, type NoticeVariants, type NumberInputProps, type NumericQuestionData, type PageGutterContentVariants, type PageGutterVariants, type PageVariants, type PrevNextProps, type Question, type RevealProps, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SingleChoiceQuestionData, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, type YouTubeChapter, type YouTubeProps, badgeVariants, buildChartDefinition, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, 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, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, defaultChartColor, dialogBackdropBase, dialogCloseTriggerBase, dialogContentBase, dialogDescriptionBase, dialogFooterBase, dialogFooterStickyBase, dialogFullscreenContentBase, dialogHeaderBase, dialogHeaderStickyBase, dialogPositionerBase, dialogTitleBase, extractYouTubeId, feedbackCorrectBase, feedbackExplanationBase, feedbackIncorrectBase, fetchYouTubeMetadata, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, figureCaptionBase, figureImageBase, figureRootBase, formatTime, hstackBase, injectCodeBlockStyles, inputVariants, itemVariants, latexDisplayBase, latexErrorBase, latexInlineBase, latexRootBase, manimCaptionBase, manimContainerBase, manimErrorBase, manimPlaceholderBase, manimPlaceholderLabelBase, manimRootBase, mermaidLoadingBase, mermaidRootBase, mermaidSourceBase, mermaidSvgAspectRatio, mermaidSvgBase, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, noticeDescriptionBase, noticeTitleBase, noticeVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, pageContentBase, pageFooterBase, pageGutterAreaBase, pageGutterContentVariants, pageGutterVariants, pageSectionBase, pageVariants, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, parseYouTubeChapters, popoverArrowBase, popoverCloseTriggerBase, popoverContentBase, popoverDescriptionBase, 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, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toLaTeX, toggleButtonVariants, tooltipArrowBase, tooltipContentBase, tooltipPositionerBase, vstackBase, windowBodyBase, windowCloseTriggerBase, windowContentBase, windowControlBase, windowDragTriggerBase, windowHeaderBase, windowPositionerBase, windowResizeTriggerBase, windowStageTriggerBase, windowTitleBase, youtubeChapterButtonBase, youtubeChapterLabelBase, youtubeChapterTimeBase, youtubeChaptersBase, youtubeChaptersChevronBase, youtubeChaptersListBase, youtubeChaptersSummaryBase, youtubeDescriptionBase, youtubeFacadeBase, youtubePlayButtonBase, youtubePlayButtonInnerBase, youtubeRootBase, youtubeTitleBase };

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
+import * as ManimWeb from 'manim-web';
+import { DomChartDefinition } from '@tanstack/charts';
 
 declare const buttonVariants: (props?: ({
     variant?: "solid" | "outline" | "text" | null | undefined;
@@ -435,4 +437,287 @@ declare function mermaidSvgAspectRatio(svg: string): string | undefined;
  */
 declare function renderMermaidSource(code: string): Promise<string>;
 
-export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type CheckboxProps, type CheckboxVariants, type ComboboxItemVariants, type ComboboxProps, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type MermaidProps, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NumberInputProps, type PageGutterContentVariants, type PageGutterVariants, type PageVariants, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, badgeVariants, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, cardTitleBase, cardVariants, centerBase, checkboxGroupBase, checkboxIndicatorBase, checkboxLabelBase, checkboxVariants, cn, colBase, comboboxClearTriggerBase, comboboxContentBase, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, dialogBackdropBase, dialogCloseTriggerBase, dialogContentBase, dialogDescriptionBase, dialogFooterBase, dialogFooterStickyBase, dialogFullscreenContentBase, dialogHeaderBase, dialogHeaderStickyBase, dialogPositionerBase, dialogTitleBase, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, hstackBase, inputVariants, itemVariants, mermaidLoadingBase, mermaidRootBase, mermaidSourceBase, mermaidSvgAspectRatio, mermaidSvgBase, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, pageContentBase, pageFooterBase, pageGutterAreaBase, pageGutterContentVariants, pageGutterVariants, pageSectionBase, pageVariants, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, popoverArrowBase, popoverCloseTriggerBase, popoverContentBase, popoverDescriptionBase, popoverIndicatorBase, popoverPositionerBase, popoverTitleBase, renderMermaidSource, resolveMermaidThemeVariables, rowBase, scrollContentBase, scrollCornerBase, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toggleButtonVariants, tooltipArrowBase, tooltipContentBase, tooltipPositionerBase, vstackBase, windowBodyBase, windowCloseTriggerBase, windowContentBase, windowControlBase, windowDragTriggerBase, windowHeaderBase, windowPositionerBase, windowResizeTriggerBase, windowStageTriggerBase, windowTitleBase };
+/** Ghost icon-button styling for a copy trigger, reused by the code-block family. */
+declare const 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";
+
+declare const radioGroupRootBase = "flex flex-col gap-2";
+declare const 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";
+declare const radioGroupItemTextBase = "select-none text-sm font-medium leading-none";
+
+declare const noticeVariants: (props?: ({
+    variant?: "success" | "info" | "none" | "warning" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type NoticeVariants = VariantProps<typeof noticeVariants>;
+declare const noticeTitleBase = "col-start-2 min-h-4 font-semibold tracking-tight";
+declare const noticeDescriptionBase = "col-start-2 text-sm text-foreground [&_p]:leading-relaxed";
+interface NoticeProps {
+    variant?: NoticeVariants['variant'];
+    title?: string;
+    className?: string;
+}
+
+declare const figureRootBase = "not-prose my-4 flex flex-col items-center";
+declare const figureImageBase = "rounded-lg border border-border";
+declare const figureCaptionBase = "mt-2 text-center text-sm text-muted-foreground";
+interface FigureProps {
+    src?: string;
+    alt?: string;
+    caption?: string;
+    className?: string;
+}
+
+declare const revealRootBase = "not-prose my-4 overflow-hidden rounded-lg border border-border bg-muted/40";
+declare const revealTriggerBase = "flex w-full cursor-pointer items-center gap-2 px-3 py-2.5 text-sm font-semibold";
+declare const revealChevronBase = "size-4 shrink-0 text-muted-foreground transition-transform duration-200 data-[state=open]:rotate-90";
+declare const revealContentBase = "border-t border-border px-3 py-2.5 text-sm text-foreground";
+interface RevealProps {
+    question: string;
+    className?: string;
+}
+
+declare const prevNextRootBase = "not-prose mt-8 flex flex-col gap-3 border-t border-border pt-6 sm:flex-row sm:justify-between";
+declare const 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";
+declare const prevNextLinkNextBase = "items-end text-right";
+declare const prevNextDirectionBase = "text-xs font-medium text-muted-foreground";
+declare const prevNextTitleBase = "truncate text-sm font-medium text-foreground transition-colors group-hover:text-primary";
+declare const prevNextSpacerBase = "flex-1";
+interface PrevNextProps {
+    prev?: {
+        title: string;
+        href: string;
+    };
+    next?: {
+        title: string;
+        href: string;
+    };
+    className?: string;
+}
+
+declare const latexRootBase = "not-prose";
+declare const latexDisplayBase = "my-4 block w-full overflow-x-auto py-1";
+declare const latexInlineBase = "inline-block align-middle";
+declare const latexErrorBase = "font-mono text-sm text-destructive";
+interface LaTeXProps {
+    /** LaTeX source. */
+    latex: string;
+    /** Pre-rendered KaTeX HTML for the static/server path. When provided the component renders it
+     *  immediately and never calls `katex` — a rehype-katex-style plugin can pass its output here. */
+    html?: string;
+    /** Extra classes for the root container. */
+    className?: string;
+}
+/**
+ * Render LaTeX to KaTeX HTML synchronously. `katex` is a hard dependency, so this works at
+ * build/SSR time (a rehype plugin or `renderToStaticMarkup` path) and on the client alike —
+ * no lazy import, no placeholder, no double render.
+ *
+ * `throwOnError` and `strict` are disabled so a malformed expression renders best-effort
+ * output instead of throwing.
+ */
+declare function toLaTeX(latex: string, opts?: {
+    displayMode?: boolean;
+}): string;
+
+declare const codeBlockRootBase = "not-prose my-4 overflow-hidden rounded-lg border";
+declare const codeBlockHeaderBase = "flex h-10 items-center justify-between gap-2 border-b bg-muted/50 px-4";
+declare const codeBlockHeaderInfoBase = "flex min-w-0 items-center gap-2 text-muted-foreground";
+declare const codeBlockTitleBase = "min-w-0 truncate font-mono text-xs";
+declare const codeBlockBodyBase = "hx-cb relative overflow-x-auto bg-background";
+declare const codeBlockBodyScrollableBase = "overflow-y-auto";
+declare const codeBlockContentBase = "text-sm [&>pre]:p-4 [&_.line]:leading-[1.7]";
+declare const codeBlockLineNumbersBase = "cbln";
+declare const codeBlockHighlightBase = "cbhl";
+declare const codeBlockLoadingBase = "flex h-16 items-center justify-center";
+declare const codeBlockSpinnerBase = "h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent";
+/** Floating copy button anchored to the code body's top-right corner (multi-language block). */
+declare const codeBlockCopyFloatBase = "absolute right-2 top-2";
+interface FileEntry {
+    filename: string;
+    code: string;
+    language?: string;
+    /** Pre-rendered shiki HTML for the static/server path. */
+    html?: string;
+}
+interface LanguageTab {
+    label: string;
+    filename: string;
+    code: string;
+    language?: string;
+    /** Pre-rendered shiki HTML for the static/server path. */
+    html?: string;
+}
+interface CodeBlockProps {
+    code: string;
+    /** Shiki language id (default `tsx`). */
+    language?: string;
+    filename?: string;
+    /** Pre-rendered shiki HTML for the static/server path. */
+    html?: string;
+    showLineNumbers?: boolean;
+    scrollable?: boolean;
+    maxHeight?: number;
+    /** 1-based line numbers to highlight. */
+    highlightLines?: number[];
+    className?: string;
+}
+declare function injectCodeBlockStyles(): void;
+/**
+ * Dynamically import shiki and highlight `code` to an HTML string. The import stays
+ * client-only and lazy, so shiki never enters the SSR/initial bundle. Unknown languages
+ * or any highlight failure fall back to escaped plaintext — never throws.
+ */
+declare function renderCodeToHtml(code: string, language: string, highlightLines?: number[]): Promise<string>;
+
+declare const manimRootBase = "not-prose my-4";
+declare const manimContainerBase = "relative w-full overflow-hidden rounded-lg border border-border [&_canvas]:!h-auto [&_canvas]:!max-w-full";
+declare const manimPlaceholderBase = "flex w-full items-center justify-center bg-muted/40";
+declare const manimPlaceholderLabelBase = "text-sm text-muted-foreground";
+declare const manimErrorBase = "flex items-center justify-center border-destructive/50 bg-destructive/5 p-6 text-sm text-destructive";
+declare const manimCaptionBase = "mt-2 text-center text-sm text-muted-foreground";
+/** The recording proxy `manim-web` hands to a scene builder — records `play`/`wait` calls. */
+interface ManimRecordingScene {
+    play(...animations: unknown[]): Promise<void>;
+    wait(duration?: number): Promise<void>;
+}
+type ManimModule = typeof ManimWeb;
+interface ManimProps {
+    /** Scene builder — receives the `manim-web` module (imported internally by the component) and
+     *  the recording proxy. Define the animation with `manim`'s primitives (`Circle`, `Create`, …)
+     *  without importing `manim-web` yourself. */
+    build: (manim: ManimModule, scene: ManimRecordingScene) => Promise<void> | void;
+    /** Aspect-ratio width component (default 800). */
+    width?: number;
+    /** Aspect-ratio height component (default 450). */
+    height?: number;
+    caption?: string;
+    className?: string;
+}
+
+declare const youtubeRootBase = "not-prose my-4";
+declare const youtubeTitleBase = "mb-2 text-lg font-semibold text-foreground";
+declare const youtubeFacadeBase = "group relative aspect-video w-full cursor-pointer overflow-hidden rounded-md border border-border bg-muted/40";
+declare const youtubePlayButtonBase = "absolute inset-0 flex items-center justify-center";
+declare const 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";
+declare const youtubeDescriptionBase = "mt-2 text-sm text-muted-foreground";
+declare const youtubeChaptersBase = "group mt-3 rounded-lg border border-border bg-muted/40";
+declare const youtubeChaptersSummaryBase = "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 text-sm font-medium [&::-webkit-details-marker]:hidden";
+declare const youtubeChaptersChevronBase = "size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-90";
+declare const youtubeChaptersListBase = "border-t border-border px-2 py-2";
+declare const 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";
+declare const youtubeChapterTimeBase = "font-mono text-xs text-primary";
+declare const youtubeChapterLabelBase = "text-foreground";
+interface YouTubeChapter {
+    /** Timestamp in seconds. */
+    t: number;
+    label: string;
+}
+interface YouTubeProps {
+    /** YouTube video URL (`youtube.com/watch?v=…`, `youtu.be/…`, or a short URL). */
+    url: string;
+    title?: string;
+    description?: string;
+    /** Custom poster URL (defaults to YouTube's hqdefault thumbnail). */
+    poster?: string;
+    className?: string;
+}
+/** Extract a bare video ID from either a full YouTube URL or a plain ID. */
+declare function extractYouTubeId(raw: string): string;
+/** Format seconds to `mm:ss` (or `h:mm:ss`). */
+declare function formatTime(seconds: number): string;
+/** Parse a chapter list from a YouTube description: one `mm:ss Description` (or `h:mm:ss`)
+ *  per line. Returns `[]` when none parse. */
+declare function parseYouTubeChapters(description: string): YouTubeChapter[];
+/** Fetch a video's title/description from a CORS-friendly oEmbed proxy (noembed.com).
+ *  Used by `YoutubeTimestamps` to auto-infer chapters from the video's web metadata. */
+declare function fetchYouTubeMetadata(url: string): Promise<{
+    title?: string;
+    description?: string;
+}>;
+
+declare const chartRootBase = "not-prose my-4";
+declare const chartPlaceholderBase = "flex items-center justify-center rounded-md border border-border bg-muted/40";
+declare const chartPlaceholderLabelBase = "text-sm text-muted-foreground";
+interface ChartSeries {
+    key: string;
+    label?: string;
+    color?: string;
+}
+interface ChartProps {
+    type: 'line' | 'bar' | 'area' | 'pie';
+    data: Record<string, string | number>[];
+    series: ChartSeries[];
+    xKey?: string;
+    nameKey?: string;
+    height?: number;
+    showLegend?: boolean;
+    showGrid?: boolean;
+    showAxis?: boolean;
+    className?: string;
+}
+/** Return `var(--chart-N)` cycling through the five chart tokens. */
+declare function defaultChartColor(index: number): string;
+/**
+ * Build a framework-agnostic TanStack Charts definition from the helix `ChartProps`. The
+ * React and Svelte adapters both render this same definition, so the chart is identical
+ * across frameworks and can be server-rendered with `renderChartSvgString`.
+ *
+ * Channels (`x`, `y`, `z`, `color`) are runtime string keys, so they are cast through
+ * `as never` at the boundary — TanStack's literal-key typing cannot express dynamic keys.
+ */
+declare function buildChartDefinition(props: ChartProps): DomChartDefinition;
+/** Render a chart to an SVG string on the server (SSR / prerendered path). */
+declare function renderChartSvgString(props: ChartProps, opts?: {
+    width?: number;
+    height?: number;
+    ariaLabel?: string;
+}): string;
+
+interface SingleChoiceQuestionData {
+    id: string;
+    type: 'single';
+    prompt: string;
+    choices: string[];
+    correct: number;
+    explanation?: string;
+}
+interface MultipleChoiceQuestionData {
+    id: string;
+    type: 'multiple';
+    prompt: string;
+    choices: string[];
+    correct: number[];
+    explanation?: string;
+}
+interface NumericQuestionData {
+    id: string;
+    type: 'numeric';
+    prompt: string;
+    answer: number;
+    tolerance?: number;
+    unit?: string;
+    explanation?: string;
+}
+type Question = SingleChoiceQuestionData | MultipleChoiceQuestionData | NumericQuestionData;
+declare const questionCardBase = "not-prose my-4 rounded-lg border border-border bg-card p-4";
+declare const questionPromptBase = "mb-3 text-sm font-medium text-foreground";
+declare const questionGroupBase = "grid gap-2";
+declare const questionOptionBase = "rounded-md px-3 py-2 transition-colors hover:bg-muted/60";
+declare const questionOptionCorrectBase = "bg-success/10";
+declare const questionOptionIncorrectBase = "bg-destructive/10";
+declare const 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";
+declare const 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";
+declare const questionUnitBase = "text-sm text-muted-foreground";
+declare const feedbackCorrectBase = "text-success";
+declare const feedbackIncorrectBase = "text-destructive";
+declare const feedbackExplanationBase = "mt-1.5 text-sm text-muted-foreground";
+declare const quizRootBase = "not-prose my-6 rounded-lg border border-border bg-card/50 p-4";
+declare const quizHeaderBase = "mb-4 flex items-center justify-between gap-3";
+declare const quizTitleBase = "text-base font-semibold text-foreground";
+declare const quizScoreBase = "inline-flex items-center rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground";
+declare const quizResultBase = "mt-4 rounded-lg border border-border bg-muted/40 p-4";
+declare const quizResultTitleBase = "text-lg font-semibold text-foreground";
+declare const quizResultTextBase = "mt-1 text-sm text-muted-foreground";
+declare const 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";
+declare const 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";
+
+export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type ChartProps, type ChartSeries, type CheckboxProps, type CheckboxVariants, type CodeBlockProps, type ComboboxItemVariants, type ComboboxProps, type FigureProps, type FileEntry, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type LaTeXProps, type LanguageTab, type ManimModule, type ManimProps, type ManimRecordingScene, type MermaidProps, type MultipleChoiceQuestionData, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NoticeProps, type NoticeVariants, type NumberInputProps, type NumericQuestionData, type PageGutterContentVariants, type PageGutterVariants, type PageVariants, type PrevNextProps, type Question, type RevealProps, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SingleChoiceQuestionData, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, type YouTubeChapter, type YouTubeProps, badgeVariants, buildChartDefinition, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, 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, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, defaultChartColor, dialogBackdropBase, dialogCloseTriggerBase, dialogContentBase, dialogDescriptionBase, dialogFooterBase, dialogFooterStickyBase, dialogFullscreenContentBase, dialogHeaderBase, dialogHeaderStickyBase, dialogPositionerBase, dialogTitleBase, extractYouTubeId, feedbackCorrectBase, feedbackExplanationBase, feedbackIncorrectBase, fetchYouTubeMetadata, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, figureCaptionBase, figureImageBase, figureRootBase, formatTime, hstackBase, injectCodeBlockStyles, inputVariants, itemVariants, latexDisplayBase, latexErrorBase, latexInlineBase, latexRootBase, manimCaptionBase, manimContainerBase, manimErrorBase, manimPlaceholderBase, manimPlaceholderLabelBase, manimRootBase, mermaidLoadingBase, mermaidRootBase, mermaidSourceBase, mermaidSvgAspectRatio, mermaidSvgBase, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, noticeDescriptionBase, noticeTitleBase, noticeVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, pageContentBase, pageFooterBase, pageGutterAreaBase, pageGutterContentVariants, pageGutterVariants, pageSectionBase, pageVariants, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, parseYouTubeChapters, popoverArrowBase, popoverCloseTriggerBase, popoverContentBase, popoverDescriptionBase, 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, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toLaTeX, toggleButtonVariants, tooltipArrowBase, tooltipContentBase, tooltipPositionerBase, vstackBase, windowBodyBase, windowCloseTriggerBase, windowContentBase, windowControlBase, windowDragTriggerBase, windowHeaderBase, windowPositionerBase, windowResizeTriggerBase, windowStageTriggerBase, windowTitleBase, youtubeChapterButtonBase, youtubeChapterLabelBase, youtubeChapterTimeBase, youtubeChaptersBase, youtubeChaptersChevronBase, youtubeChaptersListBase, youtubeChaptersSummaryBase, youtubeDescriptionBase, youtubeFacadeBase, youtubePlayButtonBase, youtubePlayButtonInnerBase, youtubeRootBase, youtubeTitleBase };