@nswds/app 1.21.1 → 1.22.0

package/dist/index.d.cts

@@ -318,7 +318,7 @@ interface BreadcrumbsProps {
     demoPath?: string;
 }
 type View = 'desktop' | 'tablet' | 'mobile';
-declare const languages: readonly ["bash", "css", "javascript", "js", "json", "jsx", "ts", "tsx", "typescript"];
+declare const languages: readonly ["bash", "css", "javascript", "js", "json", "jsx", "ts", "tsx", "typescript", "html"];
 type Language = (typeof languages)[number];
 type IFrameData = number | IFrameOptions;
 interface IFrameOptions {
@@ -351,12 +351,63 @@ type Code$1 = CodeItem | [CodeItem, ...CodeItem[]];
 type CodeData<V extends Variants = Variants> = SingleCodeData | VariantCodeData<V>;
 interface CodeDemoProps {
     data: CodeData;
+    hide?: {
+        rtl?: boolean;
+        darkMode?: boolean;
+        themeSelector?: boolean;
+    };
 }
 interface CodeHighlightProps extends React.ComponentProps<'pre'> {
     code: string;
     language: Language;
     withCopy?: boolean;
 }
+type ThemeMessage = {
+    type: 'nswds-theme';
+    payload: {
+        [key: string]: string;
+    };
+};
+type IFrameProps = {
+    data: CodeData;
+    isRTL: boolean;
+    isDarkMode: boolean | null;
+    sandbox?: string;
+};
+interface ThemeSelectorDropDownProps {
+    themeCategory: ThemeCategory;
+    setThemeCategory: (category: ThemeCategory) => void;
+    primaryColor: string;
+    setPrimaryColor: (color: string) => void;
+    accentColor: string;
+    setAccentColor: (color: string) => void;
+}
+interface TypeSpecs {
+    size: string;
+    lineHeight: string;
+    letterSpacing: string;
+}
+interface HeadingTypeProps {
+    trim: 'normal' | 'start' | 'end' | 'both';
+    size: 1 | 2 | 3 | 4 | 5 | 6;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    display: boolean;
+}
+interface TextTypeProps {
+    trim: 'normal' | 'start' | 'end' | 'both';
+    size: 1 | 2 | 3 | 4;
+    level: 1 | 2 | 3 | 4;
+    label: boolean;
+}
+type TypeExampleProps = {
+    name: string;
+    specs: TypeSpecs;
+    typeProps: HeadingTypeProps;
+} | {
+    name: string;
+    specs: TypeSpecs;
+    typeProps: TextTypeProps;
+};
 
 declare function BaseColorSwatches({ baseColors, format, }: {
     baseColors: string[] | undefined;
@@ -420,7 +471,7 @@ declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div
 
 declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
-declare function CodeDemo({ data }: CodeDemoProps): react_jsx_runtime.JSX.Element;
+declare function CodeDemo({ data, hide }: CodeDemoProps): react_jsx_runtime.JSX.Element;
 
 declare function CodeHighlight({ code, language, className, withCopy, ...props }: CodeHighlightProps): react_jsx_runtime.JSX.Element;
 
@@ -568,12 +619,19 @@ declare function Footer({ legalLinks, department, socialLinks, }: {
 
 declare function FormatToggle({ format, setFormat }: FormatToggleProps): react_jsx_runtime.JSX.Element;
 
-type HeadingProps = {
+type BaseProps$1 = React.ComponentPropsWithoutRef<'h1'>;
+type HeadingProps = ({
+    display?: false;
+    size?: 1 | 2 | 3 | 4 | 5 | 6;
+    trim?: 'normal' | 'start' | 'end' | 'both';
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+} & BaseProps$1) | ({
+    display: true;
+    size?: 1 | 2 | 3 | 4;
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
     trim?: 'normal' | 'start' | 'end' | 'both';
-} & React.ComponentPropsWithoutRef<'h1'>;
-declare function Heading({ className, trim, size, level, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+} & BaseProps$1);
+declare function Heading({ className, trim, size, level, display, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 declare function Header({ sitename, navigation, version, }: {
     sitename?: string;
@@ -851,11 +909,17 @@ declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof
 declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-type TextProps = {
-    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+type BaseProps = React.ComponentPropsWithoutRef<'p'>;
+type TextProps = ({
+    label?: false;
+    size?: 1 | 2 | 3 | 4;
+    trim?: 'normal' | 'start' | 'end' | 'both';
+} & BaseProps) | ({
+    label: true;
+    size?: 1 | 2 | 3 | 4;
     trim?: 'normal' | 'start' | 'end' | 'both';
-} & React.ComponentPropsWithoutRef<'p'>;
-declare function Text({ className, trim, size, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+} & BaseProps);
+declare function Text({ className, trim, size, label, ...props }: TextProps): react_jsx_runtime.JSX.Element;
 declare function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): react_jsx_runtime.JSX.Element;
 declare function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>): react_jsx_runtime.JSX.Element;
 declare function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>): react_jsx_runtime.JSX.Element;
@@ -942,4 +1006,4 @@ declare const allPalettes: Palette[];
 declare const colors: ColorThemes;
 declare const colorThemes: ColorThemes;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DataType, type DataTypeSelectProps, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ExpandableSearch, ExpandableSearchField, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type IFrameData, type IFrameOptions, type IconProps, Icons, Input, Label, type Language, type LayoutProps, Link, Logo, Masthead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, type NavigationLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NavigationSection, type Output, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type Palette, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, type PrevNextLinksProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, type SidebarLinkProps, SidebarNavigation, type SimpleNode, type SingleCodeData, SiteSearch, Skeleton, Slider, Social, Spinner, Strong, type StructuredColor, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, type ThemeCategory, ThemeColorPalette, type ThemeOption, ThemeProvider, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocContext, type TocContextType, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchTarget, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, cn, type colorCategories, colorDataArray, colorThemes, colors, createColorArray, createColorData, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useToc };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DataType, type DataTypeSelectProps, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ExpandableSearch, ExpandableSearchField, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type HeadingTypeProps, type IFrameData, type IFrameOptions, type IFrameProps, type IconProps, Icons, Input, Label, type Language, type LayoutProps, Link, Logo, Masthead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, type NavigationLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NavigationSection, type Output, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type Palette, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, type PrevNextLinksProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, type SidebarLinkProps, SidebarNavigation, type SimpleNode, type SingleCodeData, SiteSearch, Skeleton, Slider, Social, Spinner, Strong, type StructuredColor, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, type TextTypeProps, Textarea, type ThemeCategory, ThemeColorPalette, type ThemeMessage, type ThemeOption, ThemeProvider, ThemeSelector, type ThemeSelectorDropDownProps, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocContext, type TocContextType, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchTarget, type TypeExampleProps, type TypeSpecs, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, cn, type colorCategories, colorDataArray, colorThemes, colors, createColorArray, createColorData, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useToc };

package/dist/index.d.ts

@@ -318,7 +318,7 @@ interface BreadcrumbsProps {
     demoPath?: string;
 }
 type View = 'desktop' | 'tablet' | 'mobile';
-declare const languages: readonly ["bash", "css", "javascript", "js", "json", "jsx", "ts", "tsx", "typescript"];
+declare const languages: readonly ["bash", "css", "javascript", "js", "json", "jsx", "ts", "tsx", "typescript", "html"];
 type Language = (typeof languages)[number];
 type IFrameData = number | IFrameOptions;
 interface IFrameOptions {
@@ -351,12 +351,63 @@ type Code$1 = CodeItem | [CodeItem, ...CodeItem[]];
 type CodeData<V extends Variants = Variants> = SingleCodeData | VariantCodeData<V>;
 interface CodeDemoProps {
     data: CodeData;
+    hide?: {
+        rtl?: boolean;
+        darkMode?: boolean;
+        themeSelector?: boolean;
+    };
 }
 interface CodeHighlightProps extends React.ComponentProps<'pre'> {
     code: string;
     language: Language;
     withCopy?: boolean;
 }
+type ThemeMessage = {
+    type: 'nswds-theme';
+    payload: {
+        [key: string]: string;
+    };
+};
+type IFrameProps = {
+    data: CodeData;
+    isRTL: boolean;
+    isDarkMode: boolean | null;
+    sandbox?: string;
+};
+interface ThemeSelectorDropDownProps {
+    themeCategory: ThemeCategory;
+    setThemeCategory: (category: ThemeCategory) => void;
+    primaryColor: string;
+    setPrimaryColor: (color: string) => void;
+    accentColor: string;
+    setAccentColor: (color: string) => void;
+}
+interface TypeSpecs {
+    size: string;
+    lineHeight: string;
+    letterSpacing: string;
+}
+interface HeadingTypeProps {
+    trim: 'normal' | 'start' | 'end' | 'both';
+    size: 1 | 2 | 3 | 4 | 5 | 6;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    display: boolean;
+}
+interface TextTypeProps {
+    trim: 'normal' | 'start' | 'end' | 'both';
+    size: 1 | 2 | 3 | 4;
+    level: 1 | 2 | 3 | 4;
+    label: boolean;
+}
+type TypeExampleProps = {
+    name: string;
+    specs: TypeSpecs;
+    typeProps: HeadingTypeProps;
+} | {
+    name: string;
+    specs: TypeSpecs;
+    typeProps: TextTypeProps;
+};
 
 declare function BaseColorSwatches({ baseColors, format, }: {
     baseColors: string[] | undefined;
@@ -420,7 +471,7 @@ declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div
 
 declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
-declare function CodeDemo({ data }: CodeDemoProps): react_jsx_runtime.JSX.Element;
+declare function CodeDemo({ data, hide }: CodeDemoProps): react_jsx_runtime.JSX.Element;
 
 declare function CodeHighlight({ code, language, className, withCopy, ...props }: CodeHighlightProps): react_jsx_runtime.JSX.Element;
 
@@ -568,12 +619,19 @@ declare function Footer({ legalLinks, department, socialLinks, }: {
 
 declare function FormatToggle({ format, setFormat }: FormatToggleProps): react_jsx_runtime.JSX.Element;
 
-type HeadingProps = {
+type BaseProps$1 = React.ComponentPropsWithoutRef<'h1'>;
+type HeadingProps = ({
+    display?: false;
+    size?: 1 | 2 | 3 | 4 | 5 | 6;
+    trim?: 'normal' | 'start' | 'end' | 'both';
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+} & BaseProps$1) | ({
+    display: true;
+    size?: 1 | 2 | 3 | 4;
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
     trim?: 'normal' | 'start' | 'end' | 'both';
-} & React.ComponentPropsWithoutRef<'h1'>;
-declare function Heading({ className, trim, size, level, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+} & BaseProps$1);
+declare function Heading({ className, trim, size, level, display, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 declare function Header({ sitename, navigation, version, }: {
     sitename?: string;
@@ -851,11 +909,17 @@ declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof
 declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-type TextProps = {
-    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+type BaseProps = React.ComponentPropsWithoutRef<'p'>;
+type TextProps = ({
+    label?: false;
+    size?: 1 | 2 | 3 | 4;
+    trim?: 'normal' | 'start' | 'end' | 'both';
+} & BaseProps) | ({
+    label: true;
+    size?: 1 | 2 | 3 | 4;
     trim?: 'normal' | 'start' | 'end' | 'both';
-} & React.ComponentPropsWithoutRef<'p'>;
-declare function Text({ className, trim, size, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+} & BaseProps);
+declare function Text({ className, trim, size, label, ...props }: TextProps): react_jsx_runtime.JSX.Element;
 declare function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): react_jsx_runtime.JSX.Element;
 declare function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>): react_jsx_runtime.JSX.Element;
 declare function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>): react_jsx_runtime.JSX.Element;
@@ -942,4 +1006,4 @@ declare const allPalettes: Palette[];
 declare const colors: ColorThemes;
 declare const colorThemes: ColorThemes;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DataType, type DataTypeSelectProps, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ExpandableSearch, ExpandableSearchField, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type IFrameData, type IFrameOptions, type IconProps, Icons, Input, Label, type Language, type LayoutProps, Link, Logo, Masthead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, type NavigationLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NavigationSection, type Output, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type Palette, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, type PrevNextLinksProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, type SidebarLinkProps, SidebarNavigation, type SimpleNode, type SingleCodeData, SiteSearch, Skeleton, Slider, Social, Spinner, Strong, type StructuredColor, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, type ThemeCategory, ThemeColorPalette, type ThemeOption, ThemeProvider, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocContext, type TocContextType, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchTarget, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, cn, type colorCategories, colorDataArray, colorThemes, colors, createColorArray, createColorData, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useToc };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DataType, type DataTypeSelectProps, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ExpandableSearch, ExpandableSearchField, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type HeadingTypeProps, type IFrameData, type IFrameOptions, type IFrameProps, type IconProps, Icons, Input, Label, type Language, type LayoutProps, Link, Logo, Masthead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, type NavigationLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NavigationSection, type Output, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type Palette, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, type PrevNextLinksProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, type SidebarLinkProps, SidebarNavigation, type SimpleNode, type SingleCodeData, SiteSearch, Skeleton, Slider, Social, Spinner, Strong, type StructuredColor, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, type TextTypeProps, Textarea, type ThemeCategory, ThemeColorPalette, type ThemeMessage, type ThemeOption, ThemeProvider, ThemeSelector, type ThemeSelectorDropDownProps, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocContext, type TocContextType, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchTarget, type TypeExampleProps, type TypeSpecs, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, cn, type colorCategories, colorDataArray, colorThemes, colors, createColorArray, createColorData, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useToc };