@cloudvoyant/vortex-ui 0.17.0-rc.202609040136.45c8986

package/dist/index.d.cts

@@ -0,0 +1,723 @@
+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;
+    color?: "primary" | "secondary" | "success" | "danger" | "warn" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariants = VariantProps<typeof buttonVariants>;
+interface ButtonProps {
+    variant?: ButtonVariants['variant'];
+    color?: ButtonVariants['color'];
+    size?: ButtonVariants['size'];
+    className?: string;
+}
+
+declare const toggleButtonVariants: (props?: ({
+    variant?: "outline" | "default" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleButtonVariants = VariantProps<typeof toggleButtonVariants>;
+interface ToggleButtonProps {
+    variant?: ToggleButtonVariants['variant'];
+    size?: ToggleButtonVariants['size'];
+    className?: string;
+}
+
+declare const tooltipPositionerBase = "z-50 [--z-index:50]!";
+declare const tooltipArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
+declare const tooltipContentBase = "relative z-50 max-w-xs rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md outline-none";
+
+declare const popoverPositionerBase = "z-50 [--z-index:50]!";
+declare const popoverArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
+declare const popoverContentBase = "relative z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none";
+declare const popoverTitleBase = "text-sm font-semibold leading-none";
+declare const popoverDescriptionBase = "text-sm text-muted-foreground";
+declare const popoverCloseTriggerBase = "absolute end-3.5 top-3.5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
+declare const popoverIndicatorBase = "transition-transform data-[state=open]:rotate-180";
+
+declare const dialogBackdropBase = "bg-black/50";
+declare const dialogPositionerBase = "fixed inset-0 z-50 [--z-index:50]! flex items-start justify-center overflow-y-auto p-4";
+declare const dialogContentBase = "relative z-50 my-auto grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg sm:rounded-lg outline-none";
+declare const dialogTitleBase = "text-lg font-semibold leading-none tracking-tight";
+declare const dialogDescriptionBase = "text-sm text-muted-foreground";
+declare const dialogHeaderBase = "flex flex-col gap-2";
+declare const dialogFooterBase = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
+declare const dialogHeaderStickyBase = "sticky top-0 z-10 bg-background";
+declare const dialogFooterStickyBase = "sticky bottom-0 z-10 bg-background";
+declare const dialogFullscreenContentBase = "h-dvh w-full max-w-none rounded-none border-0 p-0 sm:rounded-none";
+declare const dialogCloseTriggerBase = "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
+
+declare const windowPositionerBase = "z-50 [--z-index:50]!";
+declare const windowContentBase = "relative z-50 flex w-80 flex-col overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg";
+declare const windowDragTriggerBase = "flex flex-col";
+declare const windowHeaderBase = "flex cursor-move items-center justify-between gap-2 border-b px-4 py-2.5";
+declare const windowTitleBase = "text-sm font-semibold leading-none";
+declare const windowControlBase = "flex items-center gap-1";
+declare const windowStageTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
+declare const windowCloseTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
+declare const windowBodyBase = "flex flex-1 flex-col gap-4 overflow-auto p-4 text-sm";
+declare const windowResizeTriggerBase = "absolute bottom-0 right-0 size-4 cursor-se-resize";
+
+declare const badgeVariants: (props?: ({
+    variant?: "solid" | "outline" | "subtle" | "surface" | "plain" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warn" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariants = VariantProps<typeof badgeVariants>;
+interface BadgeProps {
+    variant?: BadgeVariants['variant'];
+    color?: BadgeVariants['color'];
+    size?: BadgeVariants['size'];
+    className?: string;
+}
+
+declare const containerBase = "relative mx-auto w-full max-w-[90rem] px-4 md:px-6 lg:px-8";
+declare const rowBase = "flex flex-row";
+declare const colBase = "flex flex-col";
+declare const stackBase = "flex flex-col gap-1";
+declare const hstackBase = "flex flex-row gap-1";
+declare const vstackBase = "flex flex-col gap-1";
+declare const centerBase = "flex items-center justify-center";
+
+declare const itemVariants: (props?: ({
+    variant?: "surface" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ItemVariants = VariantProps<typeof itemVariants>;
+interface ItemProps {
+    variant?: ItemVariants['variant'];
+    className?: string;
+}
+
+declare const cardVariants: (props?: ({
+    variant?: "outline" | "subtle" | "elevated" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CardVariants = VariantProps<typeof cardVariants>;
+interface CardProps {
+    variant?: CardVariants['variant'];
+    size?: CardVariants['size'];
+    orientation?: CardVariants['orientation'];
+    className?: string;
+}
+declare const cardCoverVariants: (props?: ({
+    variant?: "flush" | "inset" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CardCoverVariants = VariantProps<typeof cardCoverVariants>;
+interface CardCoverProps {
+    variant?: CardCoverVariants['variant'];
+    orientation?: CardCoverVariants['orientation'];
+    className?: string;
+}
+declare const cardHeaderBase = "flex flex-col gap-1";
+declare const cardBodyBase = "";
+declare const cardFooterBase = "flex items-center gap-2";
+declare const cardTitleBase = "font-semibold leading-tight";
+declare const cardDescriptionBase = "text-sm text-muted-foreground";
+
+declare const scrollRootBase = "relative flex h-full w-full flex-col overflow-hidden [--scrollbar-size:0.5rem] [--scrollbar-margin:2px]";
+declare const scrollViewportBase = "flex h-full w-full flex-col rounded-[inherit] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
+declare const scrollContentBase = "min-w-full";
+declare const scrollScrollbarBase = "relative m-[var(--scrollbar-margin)] flex touch-none select-none rounded-full bg-border/10 opacity-0 transition-opacity duration-150 data-[hover]:opacity-100 data-[scrolling]:opacity-100 data-[orientation=vertical]:w-[var(--scrollbar-size)] data-[orientation=vertical]:flex-col data-[orientation=horizontal]:h-[var(--scrollbar-size)] data-[orientation=horizontal]:flex-row [&:not([data-overflow-x],[data-overflow-y])]:hidden";
+declare const scrollThumbBase = "rounded-[inherit] bg-border/40 transition-colors data-[orientation=vertical]:w-full data-[orientation=horizontal]:h-full";
+declare const scrollCornerBase = "m-[var(--scrollbar-margin)] bg-muted opacity-0 transition-opacity duration-150 data-[hover]:opacity-100";
+
+declare const pageVariants: (props?: ({
+    variant?: "default" | "landing" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const pageGutterAreaBase = "h-full min-w-0 [grid-area:left]";
+declare const pageGutterVariants: (props?: ({
+    side?: "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const pageGutterContentVariants: (props?: ({
+    align?: "start" | "center" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const pageContentBase = "min-w-0 [grid-area:content]";
+declare const pageFooterBase = "w-full shrink-0 [grid-area:footer]";
+declare const pageSectionBase: string;
+type PageVariants = VariantProps<typeof pageVariants>;
+type PageGutterVariants = VariantProps<typeof pageGutterVariants>;
+type PageGutterContentVariants = VariantProps<typeof pageGutterContentVariants>;
+
+/**
+ * Intentionally empty: Ark UI sets `display`/`flex-direction` on the root and
+ * the panel's `height`/`width: 100%`, `overflow`, and flex sizing inline.
+ * Exported so React/Svelte wrappers share one class-merge call site; consumers
+ * should pass overrides through `className` rather than reference this constant.
+ */
+declare const splitterRootBase = "";
+/**
+ * Intentionally empty, for the same reason as {@link splitterRootBase}: Ark UI
+ * owns the panel's box model. Kept exported to mirror `splitterRootBase`.
+ */
+declare const splitterPanelBase = "";
+declare const splitterResizeTriggerBase = "group relative grid place-items-center outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 data-[orientation=horizontal]:-mx-1 data-[orientation=horizontal]:min-w-2 data-[orientation=vertical]:-my-1 data-[orientation=vertical]:min-h-2";
+declare const splitterResizeTriggerSeparatorBase = "absolute bg-border group-data-[orientation=horizontal]:inset-y-0 group-data-[orientation=horizontal]:right-1 group-data-[orientation=horizontal]:w-px group-data-[orientation=vertical]:inset-x-0 group-data-[orientation=vertical]:bottom-1 group-data-[orientation=vertical]:h-px";
+declare const splitterResizeTriggerIndicatorBase = "relative z-10 rounded-full border border-border bg-muted shadow-xs data-[dragging]:bg-muted-foreground data-[focus]:bg-accent data-[disabled]:hidden data-[orientation=horizontal]:h-6 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-6";
+
+declare const SIDEBAR_WIDTH = "16rem";
+declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+declare const SIDEBAR_WIDTH_ICON = "3rem";
+declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "outline" | "default" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;
+interface SidebarContextProps {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+}
+declare const sidebarStyles: {
+    readonly wrapperClass: "group/sidebar-wrapper min-h-svh w-full has-data-[variant=inset]:bg-sidebar";
+    readonly containerClass: "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex";
+    readonly gapClass: "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0";
+    readonly innerClass: "flex h-full w-full flex-col bg-sidebar data-[variant=floating]:rounded-lg data-[variant=floating]:border data-[variant=floating]:border-sidebar-border data-[variant=floating]:shadow-sm";
+    readonly headerClass: "gap-2 p-2";
+    readonly footerClass: "gap-2 p-2";
+    readonly separatorClass: "mx-2 w-auto bg-sidebar-border";
+    readonly contentClass: "min-h-0 flex-1 gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden";
+    readonly groupClass: "relative w-full min-w-0 p-2";
+    readonly groupLabelClass: "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0";
+    readonly groupActionClass: "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden";
+    readonly groupContentClass: "w-full text-sm";
+    readonly menuClass: "flex w-full min-w-0 flex-col gap-1";
+    readonly menuItemClass: "group/menu-item relative";
+    readonly menuActionClass: "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden peer-data-[size=sm]/menu-button:top-1 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 group-data-[collapsible=icon]:hidden";
+    readonly menuBadgeClass: "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground peer-data-[size=sm]/menu-button:top-1 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 group-data-[collapsible=icon]:hidden";
+    readonly menuSkeletonClass: "flex h-8 items-center gap-2 rounded-md px-2";
+    readonly menuSubClass: "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden";
+    readonly menuSubItemClass: "group/menu-sub-item relative";
+    readonly menuSubButtonClass: "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[size=sm]:text-xs data-[size=md]:text-sm group-data-[collapsible=icon]:hidden";
+    readonly triggerClass: "flex size-7 shrink-0 items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0";
+    readonly railClass: "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[side=left]:cursor-w-resize group-data-[side=right]:cursor-e-resize [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=right][data-collapsible=offcanvas]_&]:-left-2";
+    readonly insetClass: "relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2";
+    readonly inputClass: "h-8 w-full bg-background shadow-none";
+    readonly tooltipContentClass: "z-50 w-auto rounded-md bg-sidebar-primary px-2 py-1.5 text-xs text-sidebar-primary-foreground";
+};
+
+declare const navbarMenuRootBase = "group/nav-menu relative flex max-w-max flex-1 items-center justify-center";
+declare const navbarMenuListBase = "group flex flex-1 list-none items-center justify-center gap-1";
+declare const navbarMenuItemBase = "relative";
+type NavbarMenuDensity = 'relaxed' | 'compact';
+type NavbarMenuVariant = 'default' | 'link';
+declare const navbarMenuTriggerStyle: (props?: ({
+    density?: "relaxed" | "compact" | null | undefined;
+    variant?: "default" | "link" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const navbarMenuContentBase = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 left-0 top-0 w-full min-w-44 bg-popover p-2 text-popover-foreground md:absolute md:w-auto";
+declare const navbarMenuLinkBase = "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring";
+declare const navbarMobileMenuContentBase = "flex flex-col gap-1 py-1";
+declare const navbarMobileMenuTriggerBase = "flex w-full items-center justify-between rounded-md px-3 py-2 text-sm font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+declare const navbarMenuViewportPositionerBase = "absolute left-0 top-full z-50 w-full";
+declare const navbarMenuViewportBase = "absolute left-(--viewport-x) top-0 mt-1.5 h-(--viewport-height) w-(--viewport-width) overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md transition-[width,height] duration-200";
+declare const navbarMenuIndicatorBase = "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-50 flex h-1.5 items-end justify-center overflow-hidden";
+
+declare const tabsRootBase = "flex flex-col gap-2 data-[orientation=vertical]:flex-row";
+declare const tabsListBase = "relative z-0 flex w-fit items-center justify-center gap-x-0.5 text-muted-foreground data-[orientation=vertical]:flex-col";
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "underline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabsIndicatorBase = "absolute inset-x-0 bottom-0 h-(--height) w-(--width) transition-[width,translate] duration-200 ease-in-out motion-reduce:transition-none";
+declare const tabsIndicatorVariants: (props?: ({
+    variant?: "default" | "underline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabsTriggerBase = "relative flex h-9 shrink-0 grow items-center justify-center gap-1.5 rounded-lg border border-transparent px-[calc(--spacing(2.5)-1px)] text-sm font-medium whitespace-nowrap transition-[color,background-color,box-shadow] data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start hover:text-foreground/72 aria-selected:text-foreground outline-none focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-ring/30 data-disabled:pointer-events-none data-disabled:opacity-50 motion-reduce:transition-none sm:h-8 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
+declare const tabsContentBase = "flex-1 outline-none";
+type TabsListVariants = VariantProps<typeof tabsListVariants>;
+type TabsIndicatorVariants = VariantProps<typeof tabsIndicatorVariants>;
+
+declare const paginationRootBase = "mx-auto flex w-full justify-center gap-1";
+declare const paginationTriggerBase = "inline-flex h-9 items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
+declare const paginationItemBase = "inline-flex h-9 min-w-9 items-center justify-center whitespace-nowrap rounded-md px-3 text-sm font-medium tabular-nums text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected]:bg-accent data-[selected]:text-accent-foreground";
+declare const paginationEllipsisBase = "flex h-8 w-12 items-end justify-center text-muted-foreground pointer-events-none select-none [&_svg]:size-4";
+
+type NavbarVariant = 'scroll' | 'sticky' | 'shrink' | 'hide';
+type NavbarDensity = 'relaxed' | 'compact';
+declare const navbarVariants: (props?: ({
+    variant?: "scroll" | "sticky" | "shrink" | "hide" | null | undefined;
+    floating?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const navbarContainerBase = "flex items-center justify-between transition-[height,gap,padding] duration-300";
+declare const navbarDensityVariants: (props?: ({
+    density?: "relaxed" | "compact" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const navbarShrunkBase = "h-12";
+declare const navbarBrandBase = "flex shrink-0 items-center gap-2";
+declare const navbarMenuBase = "hidden items-center md:flex";
+declare const navbarMenuPlacementVariants: (props?: ({
+    placement?: "left" | "right" | "center" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const navbarActionsBase = "ml-auto hidden items-center gap-2 md:flex";
+declare const navbarTriggerVariants: (props?: ({
+    floating?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const navbarMobileBase = "md:hidden";
+declare const navbarActivationAreaBase = "fixed inset-x-0 top-0 z-40 h-12";
+declare const navbarMobileContentBase = "flex h-full flex-col bg-background";
+declare const navbarMobileHeaderBase = "flex items-center justify-between gap-2 px-4 py-3";
+declare const navbarMobileMenuBase = "flex flex-1 flex-col gap-1 overflow-y-auto px-4 py-2";
+declare const navbarMobileActionsBase = "flex items-center gap-2 border-t border-border px-4 py-4";
+
+interface ThemeMeta {
+    name: string;
+    label: string;
+}
+declare const THEMES: ThemeMeta[];
+declare const THEME_NAMES: string[];
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const fieldRootBase = "flex w-full flex-col gap-2 data-invalid:text-destructive";
+declare const fieldLabelBase = "flex w-fit select-none items-center gap-1 text-sm font-medium leading-none text-foreground";
+declare const fieldHelperBase = "text-sm text-muted-foreground";
+declare const fieldErrorBase = "text-sm text-destructive";
+declare const fieldRequiredIndicatorBase = "text-destructive";
+declare const fieldsetRootBase = "flex flex-col gap-6";
+declare const fieldsetLegendBase = "mb-3 text-base font-medium";
+declare const fieldsetHelperBase = "text-sm text-muted-foreground";
+declare const fieldsetErrorBase = "text-sm text-destructive";
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputVariants = VariantProps<typeof inputVariants>;
+interface InputProps {
+    size?: InputVariants['size'];
+    className?: string;
+}
+
+declare const textareaBase = "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
+interface TextareaProps {
+    className?: string;
+}
+
+declare const numberInputRootBase = "flex w-full flex-col items-start gap-2";
+declare const numberInputControlBase = "flex w-full items-center justify-between rounded-md border border-input bg-transparent shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
+declare const numberInputInputBase = "h-9 w-full min-w-0 flex-1 border-0 bg-transparent px-3 text-center text-sm tabular-nums shadow-none outline-none ring-0 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50";
+declare const numberInputTriggerBase = "flex size-9 shrink-0 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
+interface NumberInputProps {
+    className?: string;
+}
+
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CheckboxVariants = VariantProps<typeof checkboxVariants>;
+interface CheckboxProps {
+    size?: CheckboxVariants['size'];
+    className?: string;
+}
+declare const checkboxIndicatorBase = "flex size-full items-center justify-center text-primary-foreground data-[state=unchecked]:hidden [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
+declare const checkboxLabelBase = "select-none text-sm font-medium leading-none";
+declare const checkboxGroupBase = "flex flex-col gap-2";
+
+declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SwitchVariants = VariantProps<typeof switchVariants>;
+interface SwitchProps {
+    size?: SwitchVariants['size'];
+    className?: string;
+}
+declare const switchControlBase = "flex size-full items-center";
+declare const switchThumbBase = "pointer-events-none block aspect-square h-full w-auto rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-[calc(100%-1px)] data-[state=unchecked]:translate-x-0 dark:data-[state=unchecked]:bg-foreground";
+declare const switchLabelBase = "select-none text-sm font-medium leading-none";
+
+interface SelectItemData {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+declare const selectTriggerBase = "flex w-fit cursor-default items-center gap-2 whitespace-nowrap data-[placeholder-shown]:text-muted-foreground data-[state=open]:border-ring data-[state=open]:ring-[3px] data-[state=open]:ring-ring/30 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
+declare const selectValueBase = "flex min-w-0 items-center gap-2 truncate";
+declare const selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
+declare const selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
+declare const selectPositionerBase = "z-50 [--z-index:50]!";
+declare const selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
+declare const selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
+declare const selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
+declare const selectItemTextBase = "flex w-full flex-1 items-center gap-2";
+declare const selectItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
+declare const nativeSelectVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type NativeSelectVariants = VariantProps<typeof nativeSelectVariants>;
+declare const nativeSelectWrapperBase = "relative w-fit [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
+declare const nativeSelectIconBase = "pointer-events-none absolute inset-y-0 end-2.5 flex items-center justify-center text-muted-foreground";
+interface SelectProps {
+    className?: string;
+}
+
+declare const comboboxControlBase = "relative flex w-full flex-wrap items-center gap-1";
+declare const comboboxInputBase = "pe-8";
+declare const comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
+declare const comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
+declare const comboboxPositionerBase = "z-50 [--z-index:50]!";
+declare const comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
+declare const comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
+declare const comboboxItemVariants: (props?: ({
+    showIndicator?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ComboboxItemVariants = VariantProps<typeof comboboxItemVariants>;
+declare const comboboxItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
+declare const comboboxListBase = "flex flex-col";
+declare const comboboxEmptyBase = "px-2 py-1.5 text-center text-sm text-muted-foreground";
+interface ComboboxProps {
+    className?: string;
+}
+
+declare const tagsInputRootBase = "flex w-full flex-col gap-2";
+declare const tagsInputControlBase = "flex w-full flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent p-1.5 shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 data-disabled:pointer-events-none data-disabled:opacity-50";
+declare const tagsInputInputBase = "min-w-12 flex-1 border-0 bg-transparent px-1 text-sm outline-none ring-0 placeholder:text-muted-foreground focus-visible:ring-0";
+declare const tagsInputItemBase = "inline-flex h-6 max-w-full shrink-0 items-center gap-1 rounded-md border bg-secondary px-1.5 text-xs text-secondary-foreground outline-none data-[highlighted]:border-primary/30 data-[highlighted]:bg-primary/10";
+declare const tagsInputItemTextBase = "truncate";
+declare const tagsInputItemInputBase = "w-16 border-0 bg-transparent text-xs outline-none";
+declare const tagsInputItemDeleteTriggerBase = "flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
+declare const tagsInputClearTriggerBase = "ms-auto flex shrink-0 items-center justify-center self-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
+interface TagsInputProps {
+    className?: string;
+}
+
+/** Root container: escapes prose margins, keeps wide diagrams scrollable. Height is driven by
+ *  the diagram's own content (the SVG's natural size, or the prerendered `viewBox` `aspect-ratio`
+ *  layered via inline style) — never a fixed minimum, so a short diagram is not left sitting in a
+ *  taller empty container. */
+declare const mermaidRootBase = "not-prose my-4 overflow-x-auto";
+/** Placeholder `<pre>` showing the raw diagram source until (or instead of) rendering.
+ *  No border or rounded corners — it must look identical to the rendered SVG. */
+declare const mermaidSourceBase = "w-full overflow-x-auto bg-muted p-4 font-mono text-sm whitespace-pre";
+/** Wrapper around the rendered SVG: centered both axes, scaled down to the container width. */
+declare const mermaidSvgBase = "flex w-full items-center justify-center [&>svg]:max-w-full";
+/** Loading state shown while the client-side mermaid render is in flight: a centered spinner +
+ *  label. Chrome-free so it matches the rendered SVG. Reserves a minimum footprint (`min-h-40`)
+ *  so the swap doesn't collapse the layout for short diagrams; the rendered SVG takes its natural
+ *  height (root has no fixed minimum). */
+declare const mermaidLoadingBase = "flex min-h-40 w-full items-center justify-center gap-3";
+/** Props shared by the React and Svelte Mermaid wrappers; framework wrappers intersect
+ *  these with their host element's HTML attributes. */
+interface MermaidProps {
+    /** Mermaid diagram source. */
+    code: string;
+    /** Pre-rendered SVG markup. When provided the component renders it immediately and never
+     *  imports `mermaid` client-side — the server-side rendering path. The SVG should carry a
+     *  `viewBox` so its aspect ratio can be reserved (no layout shift). */
+    svg?: string;
+    /** Extra classes for the root container. */
+    className?: string;
+}
+/** Resolves mermaid `themeVariables` from the shadcn CSS custom properties currently set
+ *  on `<html>` (so the active color mode and any brand-theme overrides are picked up).
+ *  Tokens that are undefined are omitted, leaving mermaid's own theme defaults in place. */
+declare function resolveMermaidThemeVariables(): Record<string, string>;
+/** Extracts the width/height ratio from an SVG `viewBox` (e.g. `0 0 800 450` → `800 / 450`).
+ *  Used to reserve the diagram's aspect ratio on the root container so the client-rendered
+ *  SVG swap never shifts the layout. Returns `undefined` when the SVG has no parseable viewBox. */
+declare function mermaidSvgAspectRatio(svg: string): string | undefined;
+/**
+ * Dynamically import mermaid and render `code` to an SVG string. The import stays
+ * client-only and lazy, so mermaid never enters the SSR/initial bundle.
+ *
+ * Diagrams render with `securityLevel: 'strict'` (mermaid sanitizes the output with
+ * DOMPurify and strips click bindings, so untrusted sources cannot execute scripts) and
+ * `suppressErrorRendering: true` (without it, mermaid appends a "Syntax error in text"
+ * SVG to `document.body` on every failed render). The render-id counter is module-scoped
+ * so concurrent renders from any number of components never collide.
+ */
+declare function renderMermaidSource(code: string): Promise<string>;
+
+/** 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 vortex-ui `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 };