@cloudvoyant/helix-react 0.16.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1159 -0
- package/dist/index.d.cts +133 -2
- package/dist/index.d.ts +133 -2
- package/dist/index.js +1226 -0
- package/package.json +17 -4
package/dist/index.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
import { HTMLArkProps } from '@ark-ui/react/factory';
|
|
4
|
-
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 } from '@cloudvoyant/helix';
|
|
4
|
+
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/helix';
|
|
5
5
|
export { NavbarMenuDensity, NavbarMenuVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helix';
|
|
6
6
|
import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
|
|
7
7
|
import { TooltipRootProps, TooltipContentProps, TooltipRootProviderProps, TooltipTriggerProps, TooltipContent as TooltipContent$1 } from '@ark-ui/react/tooltip';
|
|
@@ -37,6 +37,9 @@ import * as _ark_ui_react_combobox from '@ark-ui/react/combobox';
|
|
|
37
37
|
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';
|
|
38
38
|
import * as _ark_ui_react_tags_input from '@ark-ui/react/tags-input';
|
|
39
39
|
import { TagsInputRootProps, TagsInputClearTriggerProps, TagsInputContextProps, TagsInputControlProps, TagsInputInputProps, TagsInputItemProps, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemTextProps } from '@ark-ui/react/tags-input';
|
|
40
|
+
import { ClipboardRootProps } from '@ark-ui/react/clipboard';
|
|
41
|
+
import * as _ark_ui_react_radio_group from '@ark-ui/react/radio-group';
|
|
42
|
+
import { RadioGroupRootProps, RadioGroupItemProps as RadioGroupItemProps$1 } from '@ark-ui/react/radio-group';
|
|
40
43
|
|
|
41
44
|
type ButtonProps = HTMLArkProps<'button'> & ButtonProps$1;
|
|
42
45
|
declare function Button({ className, variant, color, size, type, ...props }: ButtonProps): react.JSX.Element;
|
|
@@ -477,4 +480,132 @@ type MermaidProps = HTMLArkProps<'div'> & MermaidProps$1;
|
|
|
477
480
|
*/
|
|
478
481
|
declare function Mermaid({ code, svg, className, ...props }: MermaidProps): react.JSX.Element;
|
|
479
482
|
|
|
480
|
-
|
|
483
|
+
interface CopyButtonProps extends Omit<ClipboardRootProps, 'value' | 'className'> {
|
|
484
|
+
/** Text copied to the clipboard when clicked. */
|
|
485
|
+
value: string;
|
|
486
|
+
/** Accessible label for the trigger (default `Copy`). */
|
|
487
|
+
label?: string;
|
|
488
|
+
/** Extra classes for the trigger. */
|
|
489
|
+
className?: string;
|
|
490
|
+
}
|
|
491
|
+
/** Icon button that copies `value` to the clipboard, swapping to a check while copied. */
|
|
492
|
+
declare function CopyButton({ value, label, className, ...props }: CopyButtonProps): react.JSX.Element;
|
|
493
|
+
|
|
494
|
+
type RadioGroupProps = RadioGroupRootProps;
|
|
495
|
+
declare function RadioGroup({ className, ...props }: RadioGroupProps): react.JSX.Element;
|
|
496
|
+
type RadioGroupItemProps = RadioGroupItemProps$1;
|
|
497
|
+
declare function RadioGroupItem({ className, children, ...props }: RadioGroupItemProps): react.JSX.Element;
|
|
498
|
+
declare const useRadioGroup: () => _ark_ui_react_radio_group.UseRadioGroupContext;
|
|
499
|
+
|
|
500
|
+
type NoticeProps = HTMLArkProps<'div'> & NoticeProps$1 & {
|
|
501
|
+
children?: ReactNode;
|
|
502
|
+
};
|
|
503
|
+
declare function Notice({ variant, title, children, className, ...props }: NoticeProps): react.JSX.Element;
|
|
504
|
+
|
|
505
|
+
type FigureProps = HTMLArkProps<'figure'> & FigureProps$1 & {
|
|
506
|
+
/** A custom image element (e.g. `<img srcSet="…" sizes="…">`). When provided it replaces
|
|
507
|
+
* the default `<img>` built from `src`/`alt`. */
|
|
508
|
+
img?: ReactNode;
|
|
509
|
+
};
|
|
510
|
+
declare function Figure({ src, alt, img, caption, className, ...props }: FigureProps): react.JSX.Element;
|
|
511
|
+
|
|
512
|
+
type RevealProps = HTMLArkProps<'div'> & RevealProps$1 & {
|
|
513
|
+
children?: ReactNode;
|
|
514
|
+
};
|
|
515
|
+
declare function Reveal({ question, children, className, ...props }: RevealProps): react.JSX.Element;
|
|
516
|
+
|
|
517
|
+
type PrevNextProps = HTMLArkProps<'nav'> & PrevNextProps$1;
|
|
518
|
+
declare function PrevNext({ prev, next, className, ...props }: PrevNextProps): react.JSX.Element | null;
|
|
519
|
+
|
|
520
|
+
type LaTeXProps = HTMLArkProps<'div'> & LaTeXProps$1;
|
|
521
|
+
/**
|
|
522
|
+
* Renders a LaTeX **block** (display-mode) equation. KaTeX is a hard dependency, so the output
|
|
523
|
+
* renders synchronously at SSR and on the client — no placeholder, no lazy import.
|
|
524
|
+
*
|
|
525
|
+
* Pass `html` to bypass KaTeX entirely with a pre-rendered string (e.g. from a rehype-katex
|
|
526
|
+
* plugin at build time).
|
|
527
|
+
*/
|
|
528
|
+
declare function LaTeX({ latex, html, className, ...props }: LaTeXProps): react.JSX.Element;
|
|
529
|
+
type InlineLaTeXProps = HTMLArkProps<'span'> & LaTeXProps$1;
|
|
530
|
+
/** Renders a LaTeX **inline** equation (`displayMode: false`) synchronously — the component
|
|
531
|
+
* equivalent of calling `toLaTeX(latex)` and dropping the HTML into surrounding text. */
|
|
532
|
+
declare function InlineLaTeX({ latex, html, className, ...props }: InlineLaTeXProps): react.JSX.Element;
|
|
533
|
+
|
|
534
|
+
type CodeBlockProps = HTMLArkProps<'div'> & CodeBlockProps$1 & {
|
|
535
|
+
/** Composite parts; when omitted, a default header + content is rendered. */
|
|
536
|
+
children?: ReactNode;
|
|
537
|
+
};
|
|
538
|
+
declare function CodeBlock({ code, language, filename, html, showLineNumbers, scrollable, maxHeight, highlightLines, className, children, ...props }: CodeBlockProps): react.JSX.Element;
|
|
539
|
+
type CodeBlockHeaderProps = HTMLArkProps<'div'> & {
|
|
540
|
+
children?: ReactNode;
|
|
541
|
+
};
|
|
542
|
+
declare function CodeBlockHeader({ className, children, ...props }: CodeBlockHeaderProps): react.JSX.Element;
|
|
543
|
+
type CodeBlockTitleProps = HTMLArkProps<'span'> & {
|
|
544
|
+
children?: ReactNode;
|
|
545
|
+
};
|
|
546
|
+
declare function CodeBlockTitle({ className, children, ...props }: CodeBlockTitleProps): react.JSX.Element;
|
|
547
|
+
type CodeBlockCopyButtonProps = HTMLArkProps<'div'> & {
|
|
548
|
+
label?: string;
|
|
549
|
+
};
|
|
550
|
+
declare function CodeBlockCopyButton({ label, className, ...props }: CodeBlockCopyButtonProps): react.JSX.Element;
|
|
551
|
+
type CodeBlockContentProps = HTMLArkProps<'div'> & {
|
|
552
|
+
html?: string;
|
|
553
|
+
};
|
|
554
|
+
declare function CodeBlockContent({ className, html, ...props }: CodeBlockContentProps): react.JSX.Element;
|
|
555
|
+
type MultiFileCodeBlockProps = HTMLArkProps<'div'> & {
|
|
556
|
+
files: FileEntry[];
|
|
557
|
+
showLineNumbers?: boolean;
|
|
558
|
+
scrollable?: boolean;
|
|
559
|
+
maxHeight?: number;
|
|
560
|
+
className?: string;
|
|
561
|
+
};
|
|
562
|
+
declare function MultiFileCodeBlock({ files, showLineNumbers, scrollable, maxHeight, className, ...props }: MultiFileCodeBlockProps): react.JSX.Element;
|
|
563
|
+
type LanguageTabsCodeBlockProps = HTMLArkProps<'div'> & {
|
|
564
|
+
tabs: LanguageTab[];
|
|
565
|
+
showLineNumbers?: boolean;
|
|
566
|
+
scrollable?: boolean;
|
|
567
|
+
maxHeight?: number;
|
|
568
|
+
className?: string;
|
|
569
|
+
};
|
|
570
|
+
declare function LanguageTabsCodeBlock({ tabs, showLineNumbers, scrollable, maxHeight, className, ...props }: LanguageTabsCodeBlockProps): react.JSX.Element;
|
|
571
|
+
|
|
572
|
+
type ManimProps = HTMLArkProps<'figure'> & ManimProps$1;
|
|
573
|
+
declare function Manim({ build, width, height, caption, className, ...props }: ManimProps): react.JSX.Element;
|
|
574
|
+
|
|
575
|
+
type YouTubeProps = HTMLArkProps<'div'> & YouTubeProps$1 & {
|
|
576
|
+
children?: ReactNode;
|
|
577
|
+
};
|
|
578
|
+
declare function YouTube({ url, title, description, poster, className, children, ...props }: YouTubeProps): react.JSX.Element;
|
|
579
|
+
type YoutubeTimestampAtProps = HTMLArkProps<'li'> & {
|
|
580
|
+
t: number;
|
|
581
|
+
children?: ReactNode;
|
|
582
|
+
};
|
|
583
|
+
declare function YoutubeTimestampAt({ t, children, className, ...props }: YoutubeTimestampAtProps): react.JSX.Element;
|
|
584
|
+
type YoutubeTimestampsProps = HTMLArkProps<'div'> & {
|
|
585
|
+
/** Manual chapters; when omitted, chapters are auto-inferred from the video's web metadata. */
|
|
586
|
+
chapters?: YouTubeChapter[];
|
|
587
|
+
children?: ReactNode;
|
|
588
|
+
};
|
|
589
|
+
declare function YoutubeTimestamps({ chapters, children, className, ...props }: YoutubeTimestampsProps): react.JSX.Element | null;
|
|
590
|
+
|
|
591
|
+
type ChartProps = HTMLArkProps<'div'> & ChartProps$1 & {
|
|
592
|
+
/** Pre-rendered SVG markup (server/static path). When provided the component renders it
|
|
593
|
+
* immediately and never mounts the client adapter. */
|
|
594
|
+
svg?: string;
|
|
595
|
+
};
|
|
596
|
+
declare function Chart({ svg, className, ...props }: ChartProps): react.JSX.Element;
|
|
597
|
+
|
|
598
|
+
type SingleChoiceQuestionProps = HTMLArkProps<'div'> & Omit<SingleChoiceQuestionData, 'type'>;
|
|
599
|
+
declare function SingleChoiceQuestion(props: SingleChoiceQuestionProps): react.JSX.Element;
|
|
600
|
+
type MultipleChoiceQuestionProps = HTMLArkProps<'div'> & Omit<MultipleChoiceQuestionData, 'type'>;
|
|
601
|
+
declare function MultipleChoiceQuestion(props: MultipleChoiceQuestionProps): react.JSX.Element;
|
|
602
|
+
type NumericQuestionProps = HTMLArkProps<'div'> & Omit<NumericQuestionData, 'type'>;
|
|
603
|
+
declare function NumericQuestion(props: NumericQuestionProps): react.JSX.Element;
|
|
604
|
+
type QuizProps = HTMLArkProps<'div'> & {
|
|
605
|
+
id: string;
|
|
606
|
+
title?: string;
|
|
607
|
+
questions: Question[];
|
|
608
|
+
};
|
|
609
|
+
declare function Quiz({ id, title, questions, className, ...props }: QuizProps): react.JSX.Element;
|
|
610
|
+
|
|
611
|
+
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
import { HTMLArkProps } from '@ark-ui/react/factory';
|
|
4
|
-
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 } from '@cloudvoyant/helix';
|
|
4
|
+
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/helix';
|
|
5
5
|
export { NavbarMenuDensity, NavbarMenuVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helix';
|
|
6
6
|
import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
|
|
7
7
|
import { TooltipRootProps, TooltipContentProps, TooltipRootProviderProps, TooltipTriggerProps, TooltipContent as TooltipContent$1 } from '@ark-ui/react/tooltip';
|
|
@@ -37,6 +37,9 @@ import * as _ark_ui_react_combobox from '@ark-ui/react/combobox';
|
|
|
37
37
|
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';
|
|
38
38
|
import * as _ark_ui_react_tags_input from '@ark-ui/react/tags-input';
|
|
39
39
|
import { TagsInputRootProps, TagsInputClearTriggerProps, TagsInputContextProps, TagsInputControlProps, TagsInputInputProps, TagsInputItemProps, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemTextProps } from '@ark-ui/react/tags-input';
|
|
40
|
+
import { ClipboardRootProps } from '@ark-ui/react/clipboard';
|
|
41
|
+
import * as _ark_ui_react_radio_group from '@ark-ui/react/radio-group';
|
|
42
|
+
import { RadioGroupRootProps, RadioGroupItemProps as RadioGroupItemProps$1 } from '@ark-ui/react/radio-group';
|
|
40
43
|
|
|
41
44
|
type ButtonProps = HTMLArkProps<'button'> & ButtonProps$1;
|
|
42
45
|
declare function Button({ className, variant, color, size, type, ...props }: ButtonProps): react.JSX.Element;
|
|
@@ -477,4 +480,132 @@ type MermaidProps = HTMLArkProps<'div'> & MermaidProps$1;
|
|
|
477
480
|
*/
|
|
478
481
|
declare function Mermaid({ code, svg, className, ...props }: MermaidProps): react.JSX.Element;
|
|
479
482
|
|
|
480
|
-
|
|
483
|
+
interface CopyButtonProps extends Omit<ClipboardRootProps, 'value' | 'className'> {
|
|
484
|
+
/** Text copied to the clipboard when clicked. */
|
|
485
|
+
value: string;
|
|
486
|
+
/** Accessible label for the trigger (default `Copy`). */
|
|
487
|
+
label?: string;
|
|
488
|
+
/** Extra classes for the trigger. */
|
|
489
|
+
className?: string;
|
|
490
|
+
}
|
|
491
|
+
/** Icon button that copies `value` to the clipboard, swapping to a check while copied. */
|
|
492
|
+
declare function CopyButton({ value, label, className, ...props }: CopyButtonProps): react.JSX.Element;
|
|
493
|
+
|
|
494
|
+
type RadioGroupProps = RadioGroupRootProps;
|
|
495
|
+
declare function RadioGroup({ className, ...props }: RadioGroupProps): react.JSX.Element;
|
|
496
|
+
type RadioGroupItemProps = RadioGroupItemProps$1;
|
|
497
|
+
declare function RadioGroupItem({ className, children, ...props }: RadioGroupItemProps): react.JSX.Element;
|
|
498
|
+
declare const useRadioGroup: () => _ark_ui_react_radio_group.UseRadioGroupContext;
|
|
499
|
+
|
|
500
|
+
type NoticeProps = HTMLArkProps<'div'> & NoticeProps$1 & {
|
|
501
|
+
children?: ReactNode;
|
|
502
|
+
};
|
|
503
|
+
declare function Notice({ variant, title, children, className, ...props }: NoticeProps): react.JSX.Element;
|
|
504
|
+
|
|
505
|
+
type FigureProps = HTMLArkProps<'figure'> & FigureProps$1 & {
|
|
506
|
+
/** A custom image element (e.g. `<img srcSet="…" sizes="…">`). When provided it replaces
|
|
507
|
+
* the default `<img>` built from `src`/`alt`. */
|
|
508
|
+
img?: ReactNode;
|
|
509
|
+
};
|
|
510
|
+
declare function Figure({ src, alt, img, caption, className, ...props }: FigureProps): react.JSX.Element;
|
|
511
|
+
|
|
512
|
+
type RevealProps = HTMLArkProps<'div'> & RevealProps$1 & {
|
|
513
|
+
children?: ReactNode;
|
|
514
|
+
};
|
|
515
|
+
declare function Reveal({ question, children, className, ...props }: RevealProps): react.JSX.Element;
|
|
516
|
+
|
|
517
|
+
type PrevNextProps = HTMLArkProps<'nav'> & PrevNextProps$1;
|
|
518
|
+
declare function PrevNext({ prev, next, className, ...props }: PrevNextProps): react.JSX.Element | null;
|
|
519
|
+
|
|
520
|
+
type LaTeXProps = HTMLArkProps<'div'> & LaTeXProps$1;
|
|
521
|
+
/**
|
|
522
|
+
* Renders a LaTeX **block** (display-mode) equation. KaTeX is a hard dependency, so the output
|
|
523
|
+
* renders synchronously at SSR and on the client — no placeholder, no lazy import.
|
|
524
|
+
*
|
|
525
|
+
* Pass `html` to bypass KaTeX entirely with a pre-rendered string (e.g. from a rehype-katex
|
|
526
|
+
* plugin at build time).
|
|
527
|
+
*/
|
|
528
|
+
declare function LaTeX({ latex, html, className, ...props }: LaTeXProps): react.JSX.Element;
|
|
529
|
+
type InlineLaTeXProps = HTMLArkProps<'span'> & LaTeXProps$1;
|
|
530
|
+
/** Renders a LaTeX **inline** equation (`displayMode: false`) synchronously — the component
|
|
531
|
+
* equivalent of calling `toLaTeX(latex)` and dropping the HTML into surrounding text. */
|
|
532
|
+
declare function InlineLaTeX({ latex, html, className, ...props }: InlineLaTeXProps): react.JSX.Element;
|
|
533
|
+
|
|
534
|
+
type CodeBlockProps = HTMLArkProps<'div'> & CodeBlockProps$1 & {
|
|
535
|
+
/** Composite parts; when omitted, a default header + content is rendered. */
|
|
536
|
+
children?: ReactNode;
|
|
537
|
+
};
|
|
538
|
+
declare function CodeBlock({ code, language, filename, html, showLineNumbers, scrollable, maxHeight, highlightLines, className, children, ...props }: CodeBlockProps): react.JSX.Element;
|
|
539
|
+
type CodeBlockHeaderProps = HTMLArkProps<'div'> & {
|
|
540
|
+
children?: ReactNode;
|
|
541
|
+
};
|
|
542
|
+
declare function CodeBlockHeader({ className, children, ...props }: CodeBlockHeaderProps): react.JSX.Element;
|
|
543
|
+
type CodeBlockTitleProps = HTMLArkProps<'span'> & {
|
|
544
|
+
children?: ReactNode;
|
|
545
|
+
};
|
|
546
|
+
declare function CodeBlockTitle({ className, children, ...props }: CodeBlockTitleProps): react.JSX.Element;
|
|
547
|
+
type CodeBlockCopyButtonProps = HTMLArkProps<'div'> & {
|
|
548
|
+
label?: string;
|
|
549
|
+
};
|
|
550
|
+
declare function CodeBlockCopyButton({ label, className, ...props }: CodeBlockCopyButtonProps): react.JSX.Element;
|
|
551
|
+
type CodeBlockContentProps = HTMLArkProps<'div'> & {
|
|
552
|
+
html?: string;
|
|
553
|
+
};
|
|
554
|
+
declare function CodeBlockContent({ className, html, ...props }: CodeBlockContentProps): react.JSX.Element;
|
|
555
|
+
type MultiFileCodeBlockProps = HTMLArkProps<'div'> & {
|
|
556
|
+
files: FileEntry[];
|
|
557
|
+
showLineNumbers?: boolean;
|
|
558
|
+
scrollable?: boolean;
|
|
559
|
+
maxHeight?: number;
|
|
560
|
+
className?: string;
|
|
561
|
+
};
|
|
562
|
+
declare function MultiFileCodeBlock({ files, showLineNumbers, scrollable, maxHeight, className, ...props }: MultiFileCodeBlockProps): react.JSX.Element;
|
|
563
|
+
type LanguageTabsCodeBlockProps = HTMLArkProps<'div'> & {
|
|
564
|
+
tabs: LanguageTab[];
|
|
565
|
+
showLineNumbers?: boolean;
|
|
566
|
+
scrollable?: boolean;
|
|
567
|
+
maxHeight?: number;
|
|
568
|
+
className?: string;
|
|
569
|
+
};
|
|
570
|
+
declare function LanguageTabsCodeBlock({ tabs, showLineNumbers, scrollable, maxHeight, className, ...props }: LanguageTabsCodeBlockProps): react.JSX.Element;
|
|
571
|
+
|
|
572
|
+
type ManimProps = HTMLArkProps<'figure'> & ManimProps$1;
|
|
573
|
+
declare function Manim({ build, width, height, caption, className, ...props }: ManimProps): react.JSX.Element;
|
|
574
|
+
|
|
575
|
+
type YouTubeProps = HTMLArkProps<'div'> & YouTubeProps$1 & {
|
|
576
|
+
children?: ReactNode;
|
|
577
|
+
};
|
|
578
|
+
declare function YouTube({ url, title, description, poster, className, children, ...props }: YouTubeProps): react.JSX.Element;
|
|
579
|
+
type YoutubeTimestampAtProps = HTMLArkProps<'li'> & {
|
|
580
|
+
t: number;
|
|
581
|
+
children?: ReactNode;
|
|
582
|
+
};
|
|
583
|
+
declare function YoutubeTimestampAt({ t, children, className, ...props }: YoutubeTimestampAtProps): react.JSX.Element;
|
|
584
|
+
type YoutubeTimestampsProps = HTMLArkProps<'div'> & {
|
|
585
|
+
/** Manual chapters; when omitted, chapters are auto-inferred from the video's web metadata. */
|
|
586
|
+
chapters?: YouTubeChapter[];
|
|
587
|
+
children?: ReactNode;
|
|
588
|
+
};
|
|
589
|
+
declare function YoutubeTimestamps({ chapters, children, className, ...props }: YoutubeTimestampsProps): react.JSX.Element | null;
|
|
590
|
+
|
|
591
|
+
type ChartProps = HTMLArkProps<'div'> & ChartProps$1 & {
|
|
592
|
+
/** Pre-rendered SVG markup (server/static path). When provided the component renders it
|
|
593
|
+
* immediately and never mounts the client adapter. */
|
|
594
|
+
svg?: string;
|
|
595
|
+
};
|
|
596
|
+
declare function Chart({ svg, className, ...props }: ChartProps): react.JSX.Element;
|
|
597
|
+
|
|
598
|
+
type SingleChoiceQuestionProps = HTMLArkProps<'div'> & Omit<SingleChoiceQuestionData, 'type'>;
|
|
599
|
+
declare function SingleChoiceQuestion(props: SingleChoiceQuestionProps): react.JSX.Element;
|
|
600
|
+
type MultipleChoiceQuestionProps = HTMLArkProps<'div'> & Omit<MultipleChoiceQuestionData, 'type'>;
|
|
601
|
+
declare function MultipleChoiceQuestion(props: MultipleChoiceQuestionProps): react.JSX.Element;
|
|
602
|
+
type NumericQuestionProps = HTMLArkProps<'div'> & Omit<NumericQuestionData, 'type'>;
|
|
603
|
+
declare function NumericQuestion(props: NumericQuestionProps): react.JSX.Element;
|
|
604
|
+
type QuizProps = HTMLArkProps<'div'> & {
|
|
605
|
+
id: string;
|
|
606
|
+
title?: string;
|
|
607
|
+
questions: Question[];
|
|
608
|
+
};
|
|
609
|
+
declare function Quiz({ id, title, questions, className, ...props }: QuizProps): react.JSX.Element;
|
|
610
|
+
|
|
611
|
+
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 };
|