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

package/dist/index.d.ts

@@ -0,0 +1,611 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLArkProps } from '@ark-ui/react/factory';
+import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, PageVariants, PageGutterVariants, PageGutterContentVariants, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants, MermaidProps as MermaidProps$1, NoticeProps as NoticeProps$1, FigureProps as FigureProps$1, RevealProps as RevealProps$1, PrevNextProps as PrevNextProps$1, LaTeXProps as LaTeXProps$1, CodeBlockProps as CodeBlockProps$1, LanguageTab, FileEntry, ManimProps as ManimProps$1, YouTubeProps as YouTubeProps$1, YouTubeChapter, ChartProps as ChartProps$1, MultipleChoiceQuestionData, NumericQuestionData, Question, SingleChoiceQuestionData } from '@cloudvoyant/vortex-ui';
+export { NavbarMenuDensity, NavbarMenuVariant, navbarMenuTriggerStyle } from '@cloudvoyant/vortex-ui';
+import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
+import { TooltipRootProps, TooltipContentProps, TooltipRootProviderProps, TooltipTriggerProps, TooltipContent as TooltipContent$1 } from '@ark-ui/react/tooltip';
+export { useTooltip, useTooltipContext } from '@ark-ui/react/tooltip';
+import { PopoverRootProps, PopoverAnchorProps, PopoverContentProps, PopoverDescriptionProps, PopoverCloseTriggerProps, PopoverIndicatorProps, PopoverRootProviderProps, PopoverTitleProps, PopoverTriggerProps } from '@ark-ui/react/popover';
+export { usePopover, usePopoverContext } from '@ark-ui/react/popover';
+import { DialogRootProps, DialogBackdropProps, DialogContentProps, DialogDescriptionProps, DialogCloseTriggerProps, DialogRootProviderProps, DialogTitleProps, DialogTriggerProps } from '@ark-ui/react/dialog';
+export { useDialog, useDialogContext } from '@ark-ui/react/dialog';
+import { FloatingPanelRootProps, FloatingPanelBodyProps, FloatingPanelControlProps, FloatingPanelCloseTriggerProps, FloatingPanelDragTriggerProps, FloatingPanelHeaderProps, FloatingPanelRootProviderProps, FloatingPanelResizeTriggerProps, FloatingPanelStageTriggerProps, FloatingPanelTitleProps } from '@ark-ui/react/floating-panel';
+export { useFloatingPanel as useWindow, useFloatingPanelContext as useWindowContext } from '@ark-ui/react/floating-panel';
+export { Portal, PortalProps } from '@ark-ui/react/portal';
+import { ScrollAreaRootProps } from '@ark-ui/react/scroll-area';
+import { SplitterRootProps, SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps } from '@ark-ui/react/splitter';
+export { SplitterPanelProps, SplitterRootProps as SplitterProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps } from '@ark-ui/react/splitter';
+import * as _ark_ui_react_tabs from '@ark-ui/react/tabs';
+import { TabsRootProps, TabContentProps, TabListProps, TabTriggerProps } from '@ark-ui/react/tabs';
+import { PaginationRootProps, PaginationEllipsis as PaginationEllipsis$1, PaginationItem as PaginationItem$1 } from '@ark-ui/react/pagination';
+export { PaginationRootProps } from '@ark-ui/react/pagination';
+import { NavigationMenuRootProps, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuTriggerProps, NavigationMenuViewportProps } from '@ark-ui/react/navigation-menu';
+export { NavigationMenuContentProps as NavbarMenuContentProps, NavigationMenuIndicatorProps as NavbarMenuIndicatorProps, NavigationMenuItemProps as NavbarMenuItemProps, NavigationMenuLinkProps as NavbarMenuLinkProps, NavigationMenuListProps as NavbarMenuListProps, NavigationMenuRootProps as NavbarMenuRootProps, NavigationMenuTriggerProps as NavbarMenuTriggerProps, NavigationMenuViewportPositioner as NavbarMenuViewportPositioner, NavigationMenuViewportPositionerProps as NavbarMenuViewportPositionerProps, NavigationMenuViewportProps as NavbarMenuViewportProps } from '@ark-ui/react/navigation-menu';
+import * as _ark_ui_react_field from '@ark-ui/react/field';
+import { FieldRootProps, FieldErrorTextProps, FieldHelperTextProps, FieldLabelProps, FieldRequiredIndicatorProps, FieldInputProps, FieldTextareaProps } from '@ark-ui/react/field';
+import { FieldsetRootProps, FieldsetErrorTextProps, FieldsetHelperTextProps, FieldsetLegendProps } from '@ark-ui/react/fieldset';
+import * as _ark_ui_react_number_input from '@ark-ui/react/number-input';
+import { NumberInputRootProps, NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps } from '@ark-ui/react/number-input';
+import * as _ark_ui_react_checkbox from '@ark-ui/react/checkbox';
+import { CheckboxRootProps, CheckboxControlProps, CheckboxGroupProps, CheckboxIndicatorProps, CheckboxLabelProps } from '@ark-ui/react/checkbox';
+import * as _ark_ui_react_switch from '@ark-ui/react/switch';
+import { SwitchRootProps, SwitchControlProps, SwitchLabelProps, SwitchThumbProps } from '@ark-ui/react/switch';
+import * as _ark_ui_react_select from '@ark-ui/react/select';
+import { SelectRootProps, ListCollection, SelectClearTriggerProps, SelectContentProps, SelectIndicatorProps, SelectItemProps as SelectItemProps$1, SelectItemGroupProps, SelectItemGroupLabelProps, SelectItemIndicatorProps, SelectItemTextProps, SelectTriggerProps as SelectTriggerProps$1, SelectValueTextProps } from '@ark-ui/react/select';
+import * as _ark_ui_react_combobox from '@ark-ui/react/combobox';
+import { ComboboxRootProps, ListCollection as ListCollection$1, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxEmptyProps, ComboboxInputProps as ComboboxInputProps$1, ComboboxItemProps as ComboboxItemProps$1, ComboboxItemGroupProps, ComboboxItemGroupLabelProps, ComboboxItemIndicatorProps, ComboboxItemTextProps, ComboboxListProps, ComboboxTriggerProps } from '@ark-ui/react/combobox';
+import * as _ark_ui_react_tags_input from '@ark-ui/react/tags-input';
+import { TagsInputRootProps, TagsInputClearTriggerProps, TagsInputContextProps, TagsInputControlProps, TagsInputInputProps, TagsInputItemProps, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemTextProps } from '@ark-ui/react/tags-input';
+import { ClipboardRootProps } from '@ark-ui/react/clipboard';
+import * as _ark_ui_react_radio_group from '@ark-ui/react/radio-group';
+import { RadioGroupRootProps, RadioGroupItemProps as RadioGroupItemProps$1 } from '@ark-ui/react/radio-group';
+
+type ButtonProps = HTMLArkProps<'button'> & ButtonProps$1;
+declare function Button({ className, variant, color, size, type, ...props }: ButtonProps): react.JSX.Element;
+
+type ToggleButtonProps = ToggleRootProps & ToggleButtonProps$1;
+declare function ToggleButton({ className, variant, size, ...props }: ToggleButtonProps): react.JSX.Element;
+declare function ToggleButtonIndicator(props: ToggleIndicatorProps): react.JSX.Element;
+
+declare function Tooltip(props: TooltipRootProps): react.JSX.Element;
+declare function TooltipProvider(props: TooltipRootProviderProps): react.JSX.Element;
+declare function TooltipTrigger({ className, ...props }: TooltipTriggerProps): react.JSX.Element;
+type TooltipContentPropsWithArrow = TooltipContentProps & {
+    arrow?: boolean;
+};
+declare function TooltipContent({ arrow, className, ...props }: TooltipContentPropsWithArrow): react.JSX.Element;
+
+declare function Popover(props: PopoverRootProps): react.JSX.Element;
+declare function PopoverProvider(props: PopoverRootProviderProps): react.JSX.Element;
+declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): react.JSX.Element;
+declare function PopoverAnchor({ className, ...props }: PopoverAnchorProps): react.JSX.Element;
+type PopoverContentPropsWithArrow = PopoverContentProps & {
+    arrow?: boolean;
+};
+declare function PopoverContent({ arrow, className, ...props }: PopoverContentPropsWithArrow): react.JSX.Element;
+declare function PopoverTitle({ className, ...props }: PopoverTitleProps): react.JSX.Element;
+declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): react.JSX.Element;
+declare function PopoverDismiss({ className, ...props }: PopoverCloseTriggerProps): react.JSX.Element;
+declare function PopoverIndicator({ className, ...props }: PopoverIndicatorProps): react.JSX.Element;
+
+declare function Dialog(props: DialogRootProps): react.JSX.Element;
+declare function DialogProvider(props: DialogRootProviderProps): react.JSX.Element;
+declare function DialogTrigger({ className, ...props }: DialogTriggerProps): react.JSX.Element;
+declare function DialogBackdrop({ className, ...props }: DialogBackdropProps): react.JSX.Element;
+type DialogContentPropsWithPositioner = DialogContentProps & {
+    positionerClassName?: string;
+    fullscreen?: boolean;
+};
+declare function DialogContent({ positionerClassName, fullscreen, className, ...props }: DialogContentPropsWithPositioner): react.JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): react.JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react.JSX.Element;
+type DialogHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    sticky?: boolean;
+};
+declare function DialogHeader({ sticky, className, ...props }: DialogHeaderProps): react.JSX.Element;
+type DialogFooterProps = HTMLAttributes<HTMLDivElement> & {
+    sticky?: boolean;
+};
+declare function DialogFooter({ sticky, className, ...props }: DialogFooterProps): react.JSX.Element;
+declare function DialogDismiss({ className, ...props }: DialogCloseTriggerProps): react.JSX.Element;
+
+type WindowProps = FloatingPanelRootProps & {
+    className?: string;
+    positionerClassName?: string;
+};
+declare function Window({ className, positionerClassName, children, ...props }: WindowProps): react.JSX.Element;
+declare function WindowProvider(props: FloatingPanelRootProviderProps): react.JSX.Element;
+declare function WindowDragTrigger({ className, ...props }: FloatingPanelDragTriggerProps): react.JSX.Element;
+declare function WindowHeader({ className, ...props }: FloatingPanelHeaderProps): react.JSX.Element;
+declare function WindowTitle({ className, ...props }: FloatingPanelTitleProps): react.JSX.Element;
+declare function WindowControl({ className, ...props }: FloatingPanelControlProps): react.JSX.Element;
+declare function WindowStageTrigger({ className, ...props }: FloatingPanelStageTriggerProps): react.JSX.Element;
+declare function WindowDismiss({ className, ...props }: FloatingPanelCloseTriggerProps): react.JSX.Element;
+declare function WindowBody({ className, ...props }: FloatingPanelBodyProps): react.JSX.Element;
+type WindowResizeTriggerProps = Omit<FloatingPanelResizeTriggerProps, 'axis'> & {
+    axis?: FloatingPanelResizeTriggerProps['axis'];
+};
+declare function WindowResizeTrigger({ axis, className, ...props }: WindowResizeTriggerProps): react.JSX.Element;
+
+type BadgeProps = HTMLArkProps<'span'> & BadgeProps$1;
+declare function Badge({ className, variant, color, size, ...props }: BadgeProps): react.JSX.Element;
+
+type ContainerProps = HTMLArkProps<'div'>;
+declare function Container({ className, ...props }: ContainerProps): react.JSX.Element;
+
+type RowProps = HTMLArkProps<'div'>;
+declare function Row({ className, ...props }: RowProps): react.JSX.Element;
+
+type ColProps = HTMLArkProps<'div'>;
+declare function Col({ className, ...props }: ColProps): react.JSX.Element;
+
+type CenterProps = HTMLArkProps<'div'>;
+declare function Center({ className, ...props }: CenterProps): react.JSX.Element;
+
+type ItemProps = HTMLArkProps<'div'> & ItemProps$1;
+declare function Item({ className, variant, ...props }: ItemProps): react.JSX.Element;
+
+type CardProps = HTMLArkProps<'div'> & CardProps$1;
+declare function Card({ className, variant, size, orientation, children, ...props }: CardProps): react.JSX.Element;
+
+type CardHeaderProps = HTMLArkProps<'div'>;
+declare function CardHeader({ className, ...props }: CardHeaderProps): react.JSX.Element;
+
+type CardBodyProps = HTMLArkProps<'div'>;
+declare function CardBody({ className, ...props }: CardBodyProps): react.JSX.Element;
+
+type CardFooterProps = HTMLArkProps<'div'>;
+declare function CardFooter({ className, ...props }: CardFooterProps): react.JSX.Element;
+
+type CardTitleProps = HTMLArkProps<'h3'>;
+declare function CardTitle({ className, ...props }: CardTitleProps): react.JSX.Element;
+
+type CardDescriptionProps = HTMLArkProps<'p'>;
+declare function CardDescription({ className, ...props }: CardDescriptionProps): react.JSX.Element;
+
+type CardCoverProps = HTMLArkProps<'div'> & CardCoverProps$1;
+declare function CardCover({ className, variant, orientation, ...props }: CardCoverProps): react.JSX.Element;
+
+type StackProps = HTMLArkProps<'div'>;
+type HStackProps = HTMLArkProps<'div'>;
+type VStackProps = HTMLArkProps<'div'>;
+declare function Stack({ className, ...props }: StackProps): react.JSX.Element;
+declare function HStack({ className, ...props }: HStackProps): react.JSX.Element;
+declare function VStack({ className, ...props }: VStackProps): react.JSX.Element;
+
+type ScrollProps = ScrollAreaRootProps & {
+    orientation?: 'vertical' | 'horizontal' | 'both';
+    /** `default` shows the styled scrollbars; `hidden` keeps scrolling without rendering any scrollbar. */
+    variant?: 'default' | 'hidden';
+    contentClassName?: string;
+    thumbClassName?: string;
+    /** Overrides the viewport class. The default is `flex h-full w-full flex-col`;
+     * for horizontal scrolling wrap content in a flex row or override this. */
+    viewportClassName?: string;
+};
+declare function Scroll({ className, orientation, variant, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
+
+type PageProps = HTMLArkProps<'div'> & {
+    variant?: PageVariants['variant'];
+};
+declare function Page({ variant, className, children, ...props }: PageProps): react.JSX.Element;
+type PageGutterProps = HTMLArkProps<'div'> & {
+    side?: PageGutterVariants['side'];
+    align?: PageGutterContentVariants['align'];
+    contentClassName?: string;
+};
+declare function PageGutter({ side, align, contentClassName, className, children, ...props }: PageGutterProps): react.JSX.Element;
+declare function PageContent({ className, children, ...props }: HTMLArkProps<'main'>): react.JSX.Element;
+declare function PageFooter({ className, children, ...props }: HTMLArkProps<'footer'>): react.JSX.Element;
+declare function PageSection({ className, children, ...props }: HTMLArkProps<'section'>): react.JSX.Element;
+
+declare function Splitter({ className, ...props }: SplitterRootProps): react.JSX.Element;
+declare function SplitterPanel({ className, ...props }: SplitterPanelProps): react.JSX.Element;
+declare function SplitterResizeTrigger({ className, children, ...props }: SplitterResizeTriggerProps): react.JSX.Element;
+declare function SplitterResizeTriggerIndicator({ className, ...props }: SplitterResizeTriggerIndicatorProps): react.JSX.Element;
+
+declare function Provider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: react.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): react.JSX.Element;
+
+declare function Root({ side, variant, collapsible, className, children, ...props }: react.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+}): react.JSX.Element;
+
+declare function Header({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
+
+declare function Footer({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
+
+declare function Separator({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
+
+declare function Content({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
+
+declare function Group({ label, className, children, ...props }: HTMLArkProps<'div'> & {
+    label?: string;
+}): react.JSX.Element;
+
+declare function GroupAction({ className, asChild, ...props }: HTMLArkProps<'button'> & {
+    asChild?: boolean;
+}): react.JSX.Element;
+
+declare function Menu({ className, ...props }: HTMLArkProps<'ul'>): react.JSX.Element;
+
+declare function MenuItem({ className, ...props }: HTMLArkProps<'li'>): react.JSX.Element;
+
+type MenuButtonProps$1 = HTMLArkProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | react.ComponentProps<typeof TooltipContent$1>;
+} & react.ComponentProps<typeof sidebarMenuButtonVariants>;
+declare function MenuButton({ asChild, isActive, variant, size, tooltip, className, children, ...props }: MenuButtonProps$1): react.JSX.Element;
+
+interface MenuLinkProps {
+    /** Icon shown before the label. */
+    icon?: react.ReactNode;
+    /** Optional href; renders an <a> instead of a <button> when set. */
+    href?: string;
+    /** Marks the item active. */
+    isActive?: boolean;
+    /** Menu button style. */
+    variant?: 'default' | 'outline';
+    /** Menu button size. */
+    size?: 'default' | 'sm' | 'lg';
+    /** Label shown as a tooltip when the sidebar is collapsed to an icon rail. */
+    tooltip?: MenuButtonProps['tooltip'];
+    /** Click handler; receives the anchor or button event. */
+    onClick?: (event: react.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    /** Extra classes merged via `cn`. */
+    className?: string;
+    /** The item label. */
+    children?: react.ReactNode;
+}
+type MenuButtonProps = react.ComponentProps<typeof MenuButton>;
+declare function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children, }: MenuLinkProps): react.JSX.Element;
+
+declare function MenuAction({ className, asChild, showOnHover, ...props }: HTMLArkProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): react.JSX.Element;
+
+declare function MenuBadge({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
+
+declare function MenuSkeleton({ className, showIcon, ...props }: HTMLArkProps<'div'> & {
+    showIcon?: boolean;
+}): react.JSX.Element;
+
+declare function MenuSub({ className, ...props }: HTMLArkProps<'ul'>): react.JSX.Element;
+
+declare function MenuSubItem({ className, ...props }: HTMLArkProps<'li'>): react.JSX.Element;
+
+declare function MenuSubButton({ asChild, size, isActive, className, ...props }: HTMLArkProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+}): react.JSX.Element;
+
+declare function Trigger({ className, onClick, children, ...props }: HTMLArkProps<'button'>): react.JSX.Element;
+
+declare function Rail({ className, ...props }: HTMLArkProps<'button'>): react.JSX.Element;
+
+declare function Inset({ className, ...props }: HTMLArkProps<'main'>): react.JSX.Element;
+
+declare function Input$1({ className, ...props }: HTMLArkProps<'input'>): react.JSX.Element;
+
+declare function useSidebar(): SidebarContextProps;
+
+type TabsProps = TabsRootProps;
+declare function Tabs({ className, lazyMount, unmountOnExit, ...props }: TabsProps): react.JSX.Element;
+type TabsListProps = TabListProps & TabsListVariants;
+declare function TabsList({ variant, className, children, ...props }: TabsListProps): react.JSX.Element;
+type TabsTriggerProps = TabTriggerProps;
+declare function TabsTrigger({ className, ...props }: TabsTriggerProps): react.JSX.Element;
+type TabsContentProps = TabContentProps;
+declare function TabsContent({ className, ...props }: TabsContentProps): react.JSX.Element;
+declare const useTabs: () => _ark_ui_react_tabs.UseTabsContext;
+
+declare function Pagination({ className, ...props }: PaginationRootProps): react.JSX.Element;
+declare function PaginationPrevious(props: HTMLArkProps<'button'>): react.JSX.Element;
+declare function PaginationNext(props: HTMLArkProps<'button'>): react.JSX.Element;
+type PaginationItemProps = react.ComponentProps<typeof PaginationItem$1> & {
+    className?: string;
+};
+declare function PaginationItem({ className, children, ...rest }: PaginationItemProps): react.JSX.Element;
+declare function PaginationItems(): react.JSX.Element;
+declare function PaginationEllipsis({ className, ...rest }: react.ComponentProps<typeof PaginationEllipsis$1>): react.JSX.Element;
+
+interface NavbarContextValue {
+    id: string;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    scrolled: boolean;
+    setScrolled: (scrolled: boolean) => void;
+    hovered: boolean;
+    setHovered: (hovered: boolean) => void;
+    slots: {
+        brand: react.ReactNode;
+        actions: react.ReactNode;
+    };
+    setSlot: (key: 'brand' | 'actions', node: react.ReactNode) => void;
+    variant: NavbarVariant;
+    floating: boolean;
+    density: NavbarDensity;
+    /** The element the mobile overlay portals into (the header's parent). */
+    portalRef: react.RefObject<HTMLElement | null>;
+}
+declare function useNavbar(): NavbarContextValue;
+declare function NavbarProvider({ defaultOpen, children }: {
+    defaultOpen?: boolean;
+    children: react.ReactNode;
+}): react.JSX.Element;
+declare function Navbar({ variant, floating, density, className, children, ...props }: react.ComponentProps<'header'> & {
+    variant?: NavbarVariant;
+    floating?: boolean;
+    density?: NavbarDensity;
+}): react.JSX.Element;
+declare function NavbarActivationArea({ className, children, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
+declare function NavbarBrand({ className, children, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
+declare function NavbarMenu({ placement, className, children, ...props }: NavigationMenuRootProps & {
+    placement?: 'left' | 'center' | 'right';
+}): react.JSX.Element;
+declare function NavbarMenuList({ className, children, ...props }: NavigationMenuListProps): react.JSX.Element;
+declare function NavbarMenuItem({ variant, className, ...props }: NavigationMenuItemProps & {
+    variant?: NavbarMenuVariant;
+}): react.JSX.Element;
+declare function NavbarMenuTrigger({ asChild, className, children, ...props }: NavigationMenuTriggerProps): react.JSX.Element;
+declare function NavbarMenuContent({ className, children, ...props }: NavigationMenuContentProps): react.JSX.Element;
+declare function NavbarMenuLink({ className, children, ...props }: NavigationMenuLinkProps): react.JSX.Element;
+declare function NavbarMobileMenu({ className, children, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
+declare function NavbarMobileMenuTrigger({ className, children, ...props }: react.ComponentProps<'button'>): react.JSX.Element;
+declare function NavbarMobileMenuContent({ className, children, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
+declare function NavbarMenuViewport({ className, ...props }: NavigationMenuViewportProps): react.JSX.Element;
+declare function NavbarMenuIndicator({ className, ...props }: NavigationMenuIndicatorProps): react.JSX.Element;
+declare function NavbarActions({ className, children, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
+declare function NavbarTrigger({ className, children, 'aria-label': ariaLabel, ...props }: react.ComponentProps<'button'> & {
+    'aria-label'?: string;
+}): react.JSX.Element;
+declare function NavbarMobileOverlay({ className, children, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
+
+type FieldProps = FieldRootProps;
+declare function Field({ className, ...props }: FieldProps): react.JSX.Element;
+declare function FieldLabel({ className, ...props }: FieldLabelProps): react.JSX.Element;
+declare function FieldHelper({ className, ...props }: FieldHelperTextProps): react.JSX.Element;
+declare function FieldError({ className, ...props }: FieldErrorTextProps): react.JSX.Element;
+declare function FieldRequiredIndicator({ className, ...props }: FieldRequiredIndicatorProps): react.JSX.Element;
+type FieldSetProps = FieldsetRootProps;
+declare function FieldSet({ className, ...props }: FieldSetProps): react.JSX.Element;
+declare function FieldSetLegend({ className, ...props }: FieldsetLegendProps): react.JSX.Element;
+declare function FieldSetHelper({ className, ...props }: FieldsetHelperTextProps): react.JSX.Element;
+declare function FieldSetError({ className, ...props }: FieldsetErrorTextProps): react.JSX.Element;
+declare const useField: () => _ark_ui_react_field.UseFieldContext;
+
+type InputProps = Omit<FieldInputProps, 'size'> & InputProps$1;
+declare function Input({ className, size, ...props }: InputProps): react.JSX.Element;
+
+type TextareaProps = FieldTextareaProps;
+declare function Textarea({ className, ...props }: TextareaProps): react.JSX.Element;
+
+type NumberInputProps = NumberInputRootProps;
+declare function NumberInput({ className, ...props }: NumberInputProps): react.JSX.Element;
+declare function NumberInputControl({ className, ...props }: NumberInputControlProps): react.JSX.Element;
+declare function NumberInputInput({ className, ...props }: NumberInputInputProps): react.JSX.Element;
+declare function NumberInputDecrement({ className, ...props }: NumberInputDecrementTriggerProps): react.JSX.Element;
+declare function NumberInputIncrement({ className, ...props }: NumberInputIncrementTriggerProps): react.JSX.Element;
+declare const useNumberInput: () => _ark_ui_react_number_input.UseNumberInputContext;
+
+type CheckboxProps = CheckboxRootProps & CheckboxProps$1;
+declare function Checkbox({ className, size, children, ...props }: CheckboxProps): react.JSX.Element;
+declare function CheckboxControl({ className, ...props }: CheckboxControlProps): react.JSX.Element;
+declare function CheckboxIndicator({ className, ...props }: CheckboxIndicatorProps): react.JSX.Element;
+declare function CheckboxLabel({ className, ...props }: CheckboxLabelProps): react.JSX.Element;
+declare function CheckboxGroup({ className, ...props }: CheckboxGroupProps): react.JSX.Element;
+declare const useCheckbox: () => _ark_ui_react_checkbox.UseCheckboxContext;
+
+type SwitchProps = SwitchRootProps & SwitchProps$1;
+declare function Switch({ className, size, children, ...props }: SwitchProps): react.JSX.Element;
+declare function SwitchControl({ className, ...props }: SwitchControlProps): react.JSX.Element;
+declare function SwitchThumb({ className, ...props }: SwitchThumbProps): react.JSX.Element;
+declare function SwitchLabel({ className, ...props }: SwitchLabelProps): react.JSX.Element;
+declare const useSwitch: () => _ark_ui_react_switch.UseSwitchContext;
+
+type SelectProps = Omit<SelectRootProps<SelectItemData>, 'collection'> & {
+    items?: SelectItemData[];
+    collection?: ListCollection<SelectItemData>;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare function Select({ items, collection, size, children, ...props }: SelectProps): react.JSX.Element;
+type SelectTriggerProps = SelectTriggerProps$1 & {
+    size?: 'sm' | 'md' | 'lg';
+};
+declare function SelectTrigger({ size, className, ...props }: SelectTriggerProps): react.JSX.Element;
+declare function SelectValue({ className, ...props }: SelectValueTextProps): react.JSX.Element;
+declare function SelectIndicator({ className, ...props }: SelectIndicatorProps): react.JSX.Element;
+declare function SelectClearTrigger({ className, ...props }: SelectClearTriggerProps): react.JSX.Element;
+declare function SelectContent({ className, ...props }: SelectContentProps): react.JSX.Element;
+declare function SelectItemGroup({ className, ...props }: SelectItemGroupProps): react.JSX.Element;
+declare function SelectItemGroupLabel({ className, ...props }: SelectItemGroupLabelProps): react.JSX.Element;
+type SelectItemProps = Omit<SelectItemProps$1, 'item'> & {
+    item: SelectItemData;
+};
+declare function SelectItem({ item, className, ...props }: SelectItemProps): react.JSX.Element;
+declare function SelectItemText({ className, ...props }: SelectItemTextProps): react.JSX.Element;
+declare function SelectItemIndicator({ className, ...props }: SelectItemIndicatorProps): react.JSX.Element;
+declare const useSelect: () => _ark_ui_react_select.UseSelectContext<any>;
+interface SelectNativeProps extends Omit<HTMLArkProps<'select'>, 'onChange' | 'children' | 'value' | 'defaultValue' | 'size'> {
+    items: SelectItemData[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    invalid?: boolean;
+    icon?: ReactNode;
+}
+declare function SelectNative({ items, value, defaultValue, onValueChange, size, invalid, icon, className, ...props }: SelectNativeProps): react.JSX.Element;
+
+type ComboboxProps = Omit<ComboboxRootProps<SelectItemData>, 'collection'> & {
+    items?: SelectItemData[];
+    collection?: ListCollection$1<SelectItemData>;
+};
+declare function Combobox({ items, collection, openOnClick, lazyMount, unmountOnExit, ...props }: ComboboxProps): react.JSX.Element;
+declare function ComboboxControl({ className, ...props }: ComboboxControlProps): react.JSX.Element;
+type ComboboxInputProps = Omit<ComboboxInputProps$1, 'size'> & {
+    size?: 'sm' | 'md' | 'lg';
+};
+declare function ComboboxInput({ size, className, ...props }: ComboboxInputProps): react.JSX.Element;
+declare function ComboboxTrigger({ className, ...props }: ComboboxTriggerProps): react.JSX.Element;
+declare function ComboboxClear({ className, ...props }: ComboboxClearTriggerProps): react.JSX.Element;
+declare function ComboboxContent({ className, ...props }: ComboboxContentProps): react.JSX.Element;
+declare function ComboboxItemGroup({ className, ...props }: ComboboxItemGroupProps): react.JSX.Element;
+declare function ComboboxItemGroupLabel({ className, ...props }: ComboboxItemGroupLabelProps): react.JSX.Element;
+type ComboboxItemProps = Omit<ComboboxItemProps$1, 'item'> & ComboboxItemVariants & {
+    item: SelectItemData;
+};
+declare function ComboboxItem({ item, showIndicator, className, ...props }: ComboboxItemProps): react.JSX.Element;
+declare function ComboboxItemText({ className, ...props }: ComboboxItemTextProps): react.JSX.Element;
+declare function ComboboxItemIndicator({ className, ...props }: ComboboxItemIndicatorProps): react.JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxListProps): react.JSX.Element;
+declare function ComboboxEmpty({ className, children, ...props }: ComboboxEmptyProps): react.JSX.Element;
+declare const useCombobox: () => _ark_ui_react_combobox.UseComboboxContext<any>;
+
+type TagInputProps = TagsInputRootProps;
+declare function TagInput({ className, editable, children, ...props }: TagInputProps): react.JSX.Element;
+declare function TagInputControl({ className, ...props }: TagsInputControlProps): react.JSX.Element;
+declare function TagInputInput({ className, ...props }: TagsInputInputProps): react.JSX.Element;
+declare function TagInputItem({ className, ...props }: TagsInputItemProps): react.JSX.Element;
+declare function TagInputItemPreview({ className, ...props }: TagsInputItemPreviewProps): react.JSX.Element;
+declare function TagInputItemText({ className, ...props }: TagsInputItemTextProps): react.JSX.Element;
+declare function TagInputItemInput({ className, ...props }: TagsInputItemInputProps): react.JSX.Element;
+declare function TagInputItemDeleteTrigger({ className, ...props }: TagsInputItemDeleteTriggerProps): react.JSX.Element;
+declare function TagInputClearTrigger({ className, ...props }: TagsInputClearTriggerProps): react.JSX.Element;
+declare const TagInputContext: (props: TagsInputContextProps) => react.ReactNode;
+type TagInputContextProps = TagsInputContextProps;
+declare const useTagInput: () => _ark_ui_react_tags_input.UseTagsInputContext;
+
+declare function useMediaQuery(query: string): boolean;
+
+type MermaidProps = HTMLArkProps<'div'> & MermaidProps$1;
+/**
+ * Mermaid diagram. Two rendering paths:
+ *
+ * - **Prerendered** (`svg` prop): the SVG markup is rendered immediately — the server/static
+ *   path. `mermaid` is never imported client-side. Its `viewBox` reserves the aspect ratio on
+ *   the root container, so the diagram paints at its final size with no layout shift.
+ * - **Client** (no `svg`): an SSR-safe loading skeleton is shown while `mermaid` is dynamically
+ *   imported and the diagram renders; the source stays available in a `<noscript>` block for
+ *   no-JS users and is shown directly if the render fails.
+ */
+declare function Mermaid({ code, svg, className, ...props }: MermaidProps): react.JSX.Element;
+
+interface CopyButtonProps extends Omit<ClipboardRootProps, 'value' | 'className'> {
+    /** Text copied to the clipboard when clicked. */
+    value: string;
+    /** Accessible label for the trigger (default `Copy`). */
+    label?: string;
+    /** Extra classes for the trigger. */
+    className?: string;
+}
+/** Icon button that copies `value` to the clipboard, swapping to a check while copied. */
+declare function CopyButton({ value, label, className, ...props }: CopyButtonProps): react.JSX.Element;
+
+type RadioGroupProps = RadioGroupRootProps;
+declare function RadioGroup({ className, ...props }: RadioGroupProps): react.JSX.Element;
+type RadioGroupItemProps = RadioGroupItemProps$1;
+declare function RadioGroupItem({ className, children, ...props }: RadioGroupItemProps): react.JSX.Element;
+declare const useRadioGroup: () => _ark_ui_react_radio_group.UseRadioGroupContext;
+
+type NoticeProps = HTMLArkProps<'div'> & NoticeProps$1 & {
+    children?: ReactNode;
+};
+declare function Notice({ variant, title, children, className, ...props }: NoticeProps): react.JSX.Element;
+
+type FigureProps = HTMLArkProps<'figure'> & FigureProps$1 & {
+    /** A custom image element (e.g. `<img srcSet="…" sizes="…">`). When provided it replaces
+     *  the default `<img>` built from `src`/`alt`. */
+    img?: ReactNode;
+};
+declare function Figure({ src, alt, img, caption, className, ...props }: FigureProps): react.JSX.Element;
+
+type RevealProps = HTMLArkProps<'div'> & RevealProps$1 & {
+    children?: ReactNode;
+};
+declare function Reveal({ question, children, className, ...props }: RevealProps): react.JSX.Element;
+
+type PrevNextProps = HTMLArkProps<'nav'> & PrevNextProps$1;
+declare function PrevNext({ prev, next, className, ...props }: PrevNextProps): react.JSX.Element | null;
+
+type LaTeXProps = HTMLArkProps<'div'> & LaTeXProps$1;
+/**
+ * Renders a LaTeX **block** (display-mode) equation. KaTeX is a hard dependency, so the output
+ * renders synchronously at SSR and on the client — no placeholder, no lazy import.
+ *
+ * Pass `html` to bypass KaTeX entirely with a pre-rendered string (e.g. from a rehype-katex
+ * plugin at build time).
+ */
+declare function LaTeX({ latex, html, className, ...props }: LaTeXProps): react.JSX.Element;
+type InlineLaTeXProps = HTMLArkProps<'span'> & LaTeXProps$1;
+/** Renders a LaTeX **inline** equation (`displayMode: false`) synchronously — the component
+ *  equivalent of calling `toLaTeX(latex)` and dropping the HTML into surrounding text. */
+declare function InlineLaTeX({ latex, html, className, ...props }: InlineLaTeXProps): react.JSX.Element;
+
+type CodeBlockProps = HTMLArkProps<'div'> & CodeBlockProps$1 & {
+    /** Composite parts; when omitted, a default header + content is rendered. */
+    children?: ReactNode;
+};
+declare function CodeBlock({ code, language, filename, html, showLineNumbers, scrollable, maxHeight, highlightLines, className, children, ...props }: CodeBlockProps): react.JSX.Element;
+type CodeBlockHeaderProps = HTMLArkProps<'div'> & {
+    children?: ReactNode;
+};
+declare function CodeBlockHeader({ className, children, ...props }: CodeBlockHeaderProps): react.JSX.Element;
+type CodeBlockTitleProps = HTMLArkProps<'span'> & {
+    children?: ReactNode;
+};
+declare function CodeBlockTitle({ className, children, ...props }: CodeBlockTitleProps): react.JSX.Element;
+type CodeBlockCopyButtonProps = HTMLArkProps<'div'> & {
+    label?: string;
+};
+declare function CodeBlockCopyButton({ label, className, ...props }: CodeBlockCopyButtonProps): react.JSX.Element;
+type CodeBlockContentProps = HTMLArkProps<'div'> & {
+    html?: string;
+};
+declare function CodeBlockContent({ className, html, ...props }: CodeBlockContentProps): react.JSX.Element;
+type MultiFileCodeBlockProps = HTMLArkProps<'div'> & {
+    files: FileEntry[];
+    showLineNumbers?: boolean;
+    scrollable?: boolean;
+    maxHeight?: number;
+    className?: string;
+};
+declare function MultiFileCodeBlock({ files, showLineNumbers, scrollable, maxHeight, className, ...props }: MultiFileCodeBlockProps): react.JSX.Element;
+type LanguageTabsCodeBlockProps = HTMLArkProps<'div'> & {
+    tabs: LanguageTab[];
+    showLineNumbers?: boolean;
+    scrollable?: boolean;
+    maxHeight?: number;
+    className?: string;
+};
+declare function LanguageTabsCodeBlock({ tabs, showLineNumbers, scrollable, maxHeight, className, ...props }: LanguageTabsCodeBlockProps): react.JSX.Element;
+
+type ManimProps = HTMLArkProps<'figure'> & ManimProps$1;
+declare function Manim({ build, width, height, caption, className, ...props }: ManimProps): react.JSX.Element;
+
+type YouTubeProps = HTMLArkProps<'div'> & YouTubeProps$1 & {
+    children?: ReactNode;
+};
+declare function YouTube({ url, title, description, poster, className, children, ...props }: YouTubeProps): react.JSX.Element;
+type YoutubeTimestampAtProps = HTMLArkProps<'li'> & {
+    t: number;
+    children?: ReactNode;
+};
+declare function YoutubeTimestampAt({ t, children, className, ...props }: YoutubeTimestampAtProps): react.JSX.Element;
+type YoutubeTimestampsProps = HTMLArkProps<'div'> & {
+    /** Manual chapters; when omitted, chapters are auto-inferred from the video's web metadata. */
+    chapters?: YouTubeChapter[];
+    children?: ReactNode;
+};
+declare function YoutubeTimestamps({ chapters, children, className, ...props }: YoutubeTimestampsProps): react.JSX.Element | null;
+
+type ChartProps = HTMLArkProps<'div'> & ChartProps$1 & {
+    /** Pre-rendered SVG markup (server/static path). When provided the component renders it
+     *  immediately and never mounts the client adapter. */
+    svg?: string;
+};
+declare function Chart({ svg, className, ...props }: ChartProps): react.JSX.Element;
+
+type SingleChoiceQuestionProps = HTMLArkProps<'div'> & Omit<SingleChoiceQuestionData, 'type'>;
+declare function SingleChoiceQuestion(props: SingleChoiceQuestionProps): react.JSX.Element;
+type MultipleChoiceQuestionProps = HTMLArkProps<'div'> & Omit<MultipleChoiceQuestionData, 'type'>;
+declare function MultipleChoiceQuestion(props: MultipleChoiceQuestionProps): react.JSX.Element;
+type NumericQuestionProps = HTMLArkProps<'div'> & Omit<NumericQuestionData, 'type'>;
+declare function NumericQuestion(props: NumericQuestionProps): react.JSX.Element;
+type QuizProps = HTMLArkProps<'div'> & {
+    id: string;
+    title?: string;
+    questions: Question[];
+};
+declare function Quiz({ id, title, questions, className, ...props }: QuizProps): react.JSX.Element;
+
+export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Center, type CenterProps, Chart, type ChartProps, Checkbox, CheckboxControl, CheckboxGroup, CheckboxIndicator, CheckboxLabel, type CheckboxProps, CodeBlock, CodeBlockContent, type CodeBlockContentProps, CodeBlockCopyButton, type CodeBlockCopyButtonProps, CodeBlockHeader, type CodeBlockHeaderProps, type CodeBlockProps, CodeBlockTitle, type CodeBlockTitleProps, Col, type ColProps, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, type ComboboxItemProps, ComboboxItemText, ComboboxList, type ComboboxProps, ComboboxTrigger, Container, type ContainerProps, CopyButton, type CopyButtonProps, Dialog, DialogBackdrop, DialogContent, type DialogContentPropsWithPositioner, DialogDescription, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogProvider, DialogTitle, DialogTrigger, Field, FieldError, FieldHelper, FieldLabel, type FieldProps, FieldRequiredIndicator, FieldSet, FieldSetError, FieldSetHelper, FieldSetLegend, type FieldSetProps, Figure, type FigureProps, HStack, type HStackProps, InlineLaTeX, type InlineLaTeXProps, Input, type InputProps, Item, type ItemProps, LaTeX, type LaTeXProps, LanguageTabsCodeBlock, type LanguageTabsCodeBlockProps, Manim, type ManimProps, Mermaid, type MermaidProps, MultiFileCodeBlock, type MultiFileCodeBlockProps, MultipleChoiceQuestion, type MultipleChoiceQuestionProps, Navbar, NavbarActions, NavbarActivationArea, NavbarBrand, NavbarMenu, NavbarMenuContent, NavbarMenuIndicator, NavbarMenuItem, NavbarMenuLink, NavbarMenuList, NavbarMenuTrigger, NavbarMenuViewport, NavbarMobileMenu, NavbarMobileMenuContent, NavbarMobileMenuTrigger, NavbarMobileOverlay, NavbarProvider, NavbarTrigger, Notice, type NoticeProps, NumberInput, NumberInputControl, NumberInputDecrement, NumberInputIncrement, NumberInputInput, type NumberInputProps, NumericQuestion, type NumericQuestionProps, Page, PageContent, PageFooter, PageGutter, type PageGutterProps, type PageProps, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, type PopoverContentPropsWithArrow, PopoverDescription, PopoverDismiss, PopoverIndicator, PopoverProvider, PopoverTitle, PopoverTrigger, PrevNext, type PrevNextProps, Quiz, type QuizProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Reveal, type RevealProps, Row, type RowProps, Scroll, type ScrollProps, Select, SelectClearTrigger, SelectContent, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, type SelectItemProps, SelectItemText, SelectNative, type SelectNativeProps, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input$1 as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuLink as SidebarMenuLink, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, SingleChoiceQuestion, type SingleChoiceQuestionProps, Splitter, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, Stack, type StackProps, Switch, SwitchControl, SwitchLabel, type SwitchProps, SwitchThumb, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, TagInputClearTrigger, TagInputContext, type TagInputContextProps, TagInputControl, TagInputInput, TagInputItem, TagInputItemDeleteTrigger, TagInputItemInput, TagInputItemPreview, TagInputItemText, type TagInputProps, Textarea, type TextareaProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, Tooltip, TooltipContent, type TooltipContentPropsWithArrow, TooltipProvider, TooltipTrigger, VStack, type VStackProps, Window, WindowBody, WindowControl, WindowDismiss, WindowDragTrigger, WindowHeader, type WindowProps, WindowProvider, WindowResizeTrigger, type WindowResizeTriggerProps, WindowStageTrigger, WindowTitle, YouTube, type YouTubeProps, YoutubeTimestampAt, type YoutubeTimestampAtProps, YoutubeTimestamps, type YoutubeTimestampsProps, useCheckbox, useCombobox, useField, useMediaQuery, useNavbar, useNumberInput, useRadioGroup, useSelect, useSidebar, useSwitch, useTabs, useTagInput };