@nswds/app 1.43.0 → 1.45.0

package/dist/index.d.cts

@@ -53,6 +53,10 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
+declare function AuthLayout({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -286,6 +290,11 @@ type Link$1 = {
     title: string;
     links?: Link$1[];
 };
+type NavigationItem = {
+    title: string;
+    href?: string;
+    links?: NavigationItem[];
+};
 type NavigationLink = {
     id?: string;
     title: string;
@@ -347,6 +356,7 @@ interface IFrameOptions {
 interface BaseCodeData<T extends 'single' | 'variant'> {
     type: T;
     githubSlug: string;
+    figmaSlug?: string;
     component: React.ReactNode;
 }
 interface VariantCodeData<V extends Variants> extends BaseCodeData<'variant'> {
@@ -430,7 +440,7 @@ type TypeExampleProps = {
     specs: TypeSpecs;
     typeProps: TextTypeProps;
 };
-type FormStatus$1 = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
+type FormStatus = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
 
 declare function BaseColorSwatches({ baseColors, format, }: {
     baseColors: string[] | undefined;
@@ -494,7 +504,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, hide }: CodeDemoProps): react_jsx_runtime.JSX.Element;
+declare function CodeDemo(props: CodeDemoProps): react_jsx_runtime.JSX.Element;
 
 declare function CodeHighlight({ code, language, className, withCopy, ...props }: CodeHighlightProps): react_jsx_runtime.JSX.Element;
 
@@ -625,7 +635,7 @@ declare function FooterLegalLinks({ legalLinks }: {
         href: string;
     }>;
 }): react_jsx_runtime.JSX.Element;
-declare function Footer({ legalLinks, department, socialLinks, }: {
+declare function Footer({ legalLinks, department, socialLinks, className, }: {
     legalLinks: Array<{
         name: string;
         href: string;
@@ -638,6 +648,7 @@ declare function Footer({ legalLinks, department, socialLinks, }: {
             className?: string;
         }>;
     }>;
+    className?: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
@@ -933,7 +944,7 @@ declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popo
 declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
 declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
 
-declare function PrevNextLinksPageLink({ title, href, dir, ...props }: Omit<React.ComponentPropsWithoutRef<'div'>, 'dir' | 'title'> & {
+declare function PrevNextLinksPageLink({ title, href, dir, ...props }: Omit<React__default.ComponentPropsWithoutRef<'div'>, 'dir' | 'title'> & {
     title: string;
     href: string;
     dir?: 'previous' | 'next';
@@ -989,8 +1000,6 @@ declare function SidebarNavigation({ className, onLinkClick, navigation, }: {
 }): react_jsx_runtime.JSX.Element;
 declare function SidebarLink({ link, pathname, onLinkClick, depth }: SidebarLinkProps): react_jsx_runtime.JSX.Element;
 
-type FormStatus = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
-
 interface FormStore<FD extends Record<string, unknown>> {
     formData: FD;
     formStatus: Record<keyof FD & string, FormStatus>;
@@ -1051,6 +1060,7 @@ declare function Slider({ className, defaultValue, value, min, max, ...props }:
 
 declare const Social: {
     Facebook: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Figma: (props: IconProps) => react_jsx_runtime.JSX.Element;
     Github: (props: IconProps) => react_jsx_runtime.JSX.Element;
     Instagram: (props: IconProps) => react_jsx_runtime.JSX.Element;
     LinkedIn: (props: IconProps) => react_jsx_runtime.JSX.Element;
@@ -1080,28 +1090,15 @@ declare function SwitchField({ className, ...props }: {
     className?: string;
 } & Omit<Headless.FieldProps, 'as' | 'className'>): react_jsx_runtime.JSX.Element;
 declare const colors$1: {
-    'dark/zinc': string[];
+    'dark/grey': string[];
     'dark/white': string[];
     dark: string[];
-    zinc: string[];
+    grey: string[];
     white: string[];
-    red: string[];
-    orange: string[];
-    amber: string[];
-    yellow: string[];
-    lime: string[];
-    green: string[];
-    emerald: string[];
-    teal: string[];
-    cyan: string[];
-    sky: string[];
-    blue: string[];
-    indigo: string[];
-    violet: string[];
-    purple: string[];
-    fuchsia: string[];
-    pink: string[];
-    rose: string[];
+    primary: string[];
+    secondary: string[];
+    tertiary: string[];
+    accent: string[];
 };
 type Color = keyof typeof colors$1;
 declare function Switch({ color, className, ...props }: {
@@ -1146,7 +1143,7 @@ declare function ThemeColorPalette(): react_jsx_runtime.JSX.Element;
 
 declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 
-declare function ThemeSelector({ themeCategory, setThemeCategory, primaryColor, setPrimaryColor, accentColor, setAccentColor, greyColor, setGreyColor, availableAccentColors, colorThemes, }: ThemeSelectorProps): react_jsx_runtime.JSX.Element;
+declare function ThemeSelector(props: ThemeSelectorProps): react_jsx_runtime.JSX.Element;
 
 declare function ThemeSwitcher(): react_jsx_runtime.JSX.Element;
 
@@ -1574,7 +1571,7 @@ declare const progressBarVariants: tailwind_variants.TVReturnType<{
             background: string;
             bar: string;
         };
-        error: {
+        danger: {
             background: string;
             bar: string;
         };
@@ -1600,7 +1597,7 @@ declare const progressBarVariants: tailwind_variants.TVReturnType<{
             background: string;
             bar: string;
         };
-        error: {
+        danger: {
             background: string;
             bar: string;
         };
@@ -1626,7 +1623,7 @@ declare const progressBarVariants: tailwind_variants.TVReturnType<{
             background: string;
             bar: string;
         };
-        error: {
+        danger: {
             background: string;
             bar: string;
         };
@@ -1661,7 +1658,7 @@ declare const progressCircleVariants: tailwind_variants.TVReturnType<{
             background: string;
             circle: string;
         };
-        error: {
+        danger: {
             background: string;
             circle: string;
         };
@@ -1687,7 +1684,7 @@ declare const progressCircleVariants: tailwind_variants.TVReturnType<{
             background: string;
             circle: string;
         };
-        error: {
+        danger: {
             background: string;
             circle: string;
         };
@@ -1713,7 +1710,7 @@ declare const progressCircleVariants: tailwind_variants.TVReturnType<{
             background: string;
             circle: string;
         };
-        error: {
+        danger: {
             background: string;
             circle: string;
         };
@@ -1933,4 +1930,4 @@ declare const allPalettes: Palette[];
 declare const colors: ColorThemes;
 declare const colorThemes: ColorThemes;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, type AreaChartEventProps, AspectRatio, AvailableChartColors, type AvailableChartColorsKeys, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, type BarChartEventProps, BarList, type BarListProps, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, type CategoryBarProps, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color$1 as Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorUtility, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, ComboChart, type ComboChartEventProps, 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, Description, DescriptionDetails, DescriptionList, DescriptionTerm, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartEventProps, 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, ErrorMessage, ExpandableSearch, ExpandableSearchField, Field, FieldGroup, FieldLabel, Fieldset, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormStatus$1 as FormStatus, type FormStatusHook, type FormStore, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type HeadingTypeProps, HoverCard, HoverCardContent, HoverCardTrigger, type IFrameData, type IFrameMap, type IFrameOptions, type IFrameProps, type IconProps, Icons, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, type Language, type LayoutProps, Legend, LineChart, type LineChartEventProps, Link, _List as List, Listbox, ListboxDescription, ListboxLabel, ListboxOption, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Prose, 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, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, type StructuredColor, Switch, SwitchField, SwitchGroup, 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$1 as Tooltip, TooltipContent, type TooltipProps$5 as TooltipProps, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, type TrackerBlockProps, Tooltip as TremorTooltip, type TypeExampleProps, type TypeSpecs, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, type colorCategories, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, domToSimple, focusInput, focusRing, generateColorThemes, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useActiveSectionObserver, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useSelectorHeight, useToc };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, type AreaChartEventProps, AspectRatio, AuthLayout, AvailableChartColors, type AvailableChartColorsKeys, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, type BarChartEventProps, BarList, type BarListProps, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, type CategoryBarProps, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color$1 as Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorUtility, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, ComboChart, type ComboChartEventProps, 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, Description, DescriptionDetails, DescriptionList, DescriptionTerm, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartEventProps, 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, ErrorMessage, ExpandableSearch, ExpandableSearchField, Field, FieldGroup, FieldLabel, Fieldset, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormStatus, type FormStatusHook, type FormStore, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type HeadingTypeProps, HoverCard, HoverCardContent, HoverCardTrigger, type IFrameData, type IFrameMap, type IFrameOptions, type IFrameProps, type IconProps, Icons, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, type Language, type LayoutProps, Legend, LineChart, type LineChartEventProps, Link, _List as List, Listbox, ListboxDescription, ListboxLabel, ListboxOption, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, Navigation, type NavigationItem, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Prose, 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, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, type StructuredColor, Switch, SwitchField, SwitchGroup, 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$1 as Tooltip, TooltipContent, type TooltipProps$5 as TooltipProps, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, type TrackerBlockProps, Tooltip as TremorTooltip, type TypeExampleProps, type TypeSpecs, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, type colorCategories, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, domToSimple, focusInput, focusRing, generateColorThemes, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useActiveSectionObserver, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useSelectorHeight, useToc };

package/dist/index.d.ts

@@ -53,6 +53,10 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
+declare function AuthLayout({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -286,6 +290,11 @@ type Link$1 = {
     title: string;
     links?: Link$1[];
 };
+type NavigationItem = {
+    title: string;
+    href?: string;
+    links?: NavigationItem[];
+};
 type NavigationLink = {
     id?: string;
     title: string;
@@ -347,6 +356,7 @@ interface IFrameOptions {
 interface BaseCodeData<T extends 'single' | 'variant'> {
     type: T;
     githubSlug: string;
+    figmaSlug?: string;
     component: React.ReactNode;
 }
 interface VariantCodeData<V extends Variants> extends BaseCodeData<'variant'> {
@@ -430,7 +440,7 @@ type TypeExampleProps = {
     specs: TypeSpecs;
     typeProps: TextTypeProps;
 };
-type FormStatus$1 = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
+type FormStatus = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
 
 declare function BaseColorSwatches({ baseColors, format, }: {
     baseColors: string[] | undefined;
@@ -494,7 +504,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, hide }: CodeDemoProps): react_jsx_runtime.JSX.Element;
+declare function CodeDemo(props: CodeDemoProps): react_jsx_runtime.JSX.Element;
 
 declare function CodeHighlight({ code, language, className, withCopy, ...props }: CodeHighlightProps): react_jsx_runtime.JSX.Element;
 
@@ -625,7 +635,7 @@ declare function FooterLegalLinks({ legalLinks }: {
         href: string;
     }>;
 }): react_jsx_runtime.JSX.Element;
-declare function Footer({ legalLinks, department, socialLinks, }: {
+declare function Footer({ legalLinks, department, socialLinks, className, }: {
     legalLinks: Array<{
         name: string;
         href: string;
@@ -638,6 +648,7 @@ declare function Footer({ legalLinks, department, socialLinks, }: {
             className?: string;
         }>;
     }>;
+    className?: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
@@ -933,7 +944,7 @@ declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popo
 declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
 declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
 
-declare function PrevNextLinksPageLink({ title, href, dir, ...props }: Omit<React.ComponentPropsWithoutRef<'div'>, 'dir' | 'title'> & {
+declare function PrevNextLinksPageLink({ title, href, dir, ...props }: Omit<React__default.ComponentPropsWithoutRef<'div'>, 'dir' | 'title'> & {
     title: string;
     href: string;
     dir?: 'previous' | 'next';
@@ -989,8 +1000,6 @@ declare function SidebarNavigation({ className, onLinkClick, navigation, }: {
 }): react_jsx_runtime.JSX.Element;
 declare function SidebarLink({ link, pathname, onLinkClick, depth }: SidebarLinkProps): react_jsx_runtime.JSX.Element;
 
-type FormStatus = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
-
 interface FormStore<FD extends Record<string, unknown>> {
     formData: FD;
     formStatus: Record<keyof FD & string, FormStatus>;
@@ -1051,6 +1060,7 @@ declare function Slider({ className, defaultValue, value, min, max, ...props }:
 
 declare const Social: {
     Facebook: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Figma: (props: IconProps) => react_jsx_runtime.JSX.Element;
     Github: (props: IconProps) => react_jsx_runtime.JSX.Element;
     Instagram: (props: IconProps) => react_jsx_runtime.JSX.Element;
     LinkedIn: (props: IconProps) => react_jsx_runtime.JSX.Element;
@@ -1080,28 +1090,15 @@ declare function SwitchField({ className, ...props }: {
     className?: string;
 } & Omit<Headless.FieldProps, 'as' | 'className'>): react_jsx_runtime.JSX.Element;
 declare const colors$1: {
-    'dark/zinc': string[];
+    'dark/grey': string[];
     'dark/white': string[];
     dark: string[];
-    zinc: string[];
+    grey: string[];
     white: string[];
-    red: string[];
-    orange: string[];
-    amber: string[];
-    yellow: string[];
-    lime: string[];
-    green: string[];
-    emerald: string[];
-    teal: string[];
-    cyan: string[];
-    sky: string[];
-    blue: string[];
-    indigo: string[];
-    violet: string[];
-    purple: string[];
-    fuchsia: string[];
-    pink: string[];
-    rose: string[];
+    primary: string[];
+    secondary: string[];
+    tertiary: string[];
+    accent: string[];
 };
 type Color = keyof typeof colors$1;
 declare function Switch({ color, className, ...props }: {
@@ -1146,7 +1143,7 @@ declare function ThemeColorPalette(): react_jsx_runtime.JSX.Element;
 
 declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 
-declare function ThemeSelector({ themeCategory, setThemeCategory, primaryColor, setPrimaryColor, accentColor, setAccentColor, greyColor, setGreyColor, availableAccentColors, colorThemes, }: ThemeSelectorProps): react_jsx_runtime.JSX.Element;
+declare function ThemeSelector(props: ThemeSelectorProps): react_jsx_runtime.JSX.Element;
 
 declare function ThemeSwitcher(): react_jsx_runtime.JSX.Element;
 
@@ -1574,7 +1571,7 @@ declare const progressBarVariants: tailwind_variants.TVReturnType<{
             background: string;
             bar: string;
         };
-        error: {
+        danger: {
             background: string;
             bar: string;
         };
@@ -1600,7 +1597,7 @@ declare const progressBarVariants: tailwind_variants.TVReturnType<{
             background: string;
             bar: string;
         };
-        error: {
+        danger: {
             background: string;
             bar: string;
         };
@@ -1626,7 +1623,7 @@ declare const progressBarVariants: tailwind_variants.TVReturnType<{
             background: string;
             bar: string;
         };
-        error: {
+        danger: {
             background: string;
             bar: string;
         };
@@ -1661,7 +1658,7 @@ declare const progressCircleVariants: tailwind_variants.TVReturnType<{
             background: string;
             circle: string;
         };
-        error: {
+        danger: {
             background: string;
             circle: string;
         };
@@ -1687,7 +1684,7 @@ declare const progressCircleVariants: tailwind_variants.TVReturnType<{
             background: string;
             circle: string;
         };
-        error: {
+        danger: {
             background: string;
             circle: string;
         };
@@ -1713,7 +1710,7 @@ declare const progressCircleVariants: tailwind_variants.TVReturnType<{
             background: string;
             circle: string;
         };
-        error: {
+        danger: {
             background: string;
             circle: string;
         };
@@ -1933,4 +1930,4 @@ declare const allPalettes: Palette[];
 declare const colors: ColorThemes;
 declare const colorThemes: ColorThemes;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, type AreaChartEventProps, AspectRatio, AvailableChartColors, type AvailableChartColorsKeys, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, type BarChartEventProps, BarList, type BarListProps, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, type CategoryBarProps, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color$1 as Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorUtility, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, ComboChart, type ComboChartEventProps, 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, Description, DescriptionDetails, DescriptionList, DescriptionTerm, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartEventProps, 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, ErrorMessage, ExpandableSearch, ExpandableSearchField, Field, FieldGroup, FieldLabel, Fieldset, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormStatus$1 as FormStatus, type FormStatusHook, type FormStore, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type HeadingTypeProps, HoverCard, HoverCardContent, HoverCardTrigger, type IFrameData, type IFrameMap, type IFrameOptions, type IFrameProps, type IconProps, Icons, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, type Language, type LayoutProps, Legend, LineChart, type LineChartEventProps, Link, _List as List, Listbox, ListboxDescription, ListboxLabel, ListboxOption, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Prose, 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, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, type StructuredColor, Switch, SwitchField, SwitchGroup, 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$1 as Tooltip, TooltipContent, type TooltipProps$5 as TooltipProps, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, type TrackerBlockProps, Tooltip as TremorTooltip, type TypeExampleProps, type TypeSpecs, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, type colorCategories, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, domToSimple, focusInput, focusRing, generateColorThemes, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useActiveSectionObserver, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useSelectorHeight, useToc };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, type AreaChartEventProps, AspectRatio, AuthLayout, AvailableChartColors, type AvailableChartColorsKeys, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, type BarChartEventProps, BarList, type BarListProps, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, type CategoryBarProps, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color$1 as Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorUtility, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, ComboChart, type ComboChartEventProps, 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, Description, DescriptionDetails, DescriptionList, DescriptionTerm, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartEventProps, 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, ErrorMessage, ExpandableSearch, ExpandableSearchField, Field, FieldGroup, FieldLabel, Fieldset, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormStatus, type FormStatusHook, type FormStore, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type HeadingTypeProps, HoverCard, HoverCardContent, HoverCardTrigger, type IFrameData, type IFrameMap, type IFrameOptions, type IFrameProps, type IconProps, Icons, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, type Language, type LayoutProps, Legend, LineChart, type LineChartEventProps, Link, _List as List, Listbox, ListboxDescription, ListboxLabel, ListboxOption, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, Navigation, type NavigationItem, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Prose, 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, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, type StructuredColor, Switch, SwitchField, SwitchGroup, 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$1 as Tooltip, TooltipContent, type TooltipProps$5 as TooltipProps, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, type TrackerBlockProps, Tooltip as TremorTooltip, type TypeExampleProps, type TypeSpecs, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, type colorCategories, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, domToSimple, focusInput, focusRing, generateColorThemes, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useActiveSectionObserver, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useSelectorHeight, useToc };