@nswds/app 1.35.0 → 1.36.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.d.cts CHANGED
@@ -258,6 +258,7 @@ interface DataTypeSelectProps {
258
258
  type TableOfContentsItem = {
259
259
  id: string;
260
260
  children: TableOfContentsItem[];
261
+ level: number;
261
262
  title: string;
262
263
  };
263
264
  type TableOfContentsProps = {
@@ -1753,6 +1754,10 @@ declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentP
1753
1754
  }): react_jsx_runtime.JSX.Element;
1754
1755
  declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
1755
1756
 
1757
+ declare function Prose<T extends React.ElementType = 'div'>({ as, className, ...props }: React.ComponentPropsWithoutRef<T> & {
1758
+ as?: T;
1759
+ }): react_jsx_runtime.JSX.Element;
1760
+
1756
1761
  declare function useIsMobile(): boolean;
1757
1762
 
1758
1763
  declare function useDisableToc(): void;
@@ -1761,6 +1766,10 @@ declare const useOnWindowResize: (handler: () => void) => void;
1761
1766
 
1762
1767
  declare function usePageHeadings(): HeadingNode[];
1763
1768
 
1769
+ declare function useActiveSectionObserver(tableOfContents: TableOfContentsItem[]): string | null;
1770
+
1771
+ declare function useSelectorHeight(selector?: string): number;
1772
+
1764
1773
  declare function cn(...inputs: ClassValue[]): string;
1765
1774
  declare function truncate(text: string, maxLength: number): string;
1766
1775
  declare function kebabCase(str: string): string;
@@ -1815,4 +1824,4 @@ declare const allPalettes: Palette[];
1815
1824
  declare const colors: ColorThemes;
1816
1825
  declare const colorThemes: ColorThemes;
1817
1826
 
1818
- 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, 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, 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, ExpandableSearch, ExpandableSearchField, 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, LineChart, type LineChartEventProps, Link, _List as List, Logo, MainNavigation, Masthead, MegaMenu, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, 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, 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, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useToc };
1827
+ 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, 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, 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, ExpandableSearch, ExpandableSearchField, 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, LineChart, type LineChartEventProps, Link, _List as List, Logo, MainNavigation, Masthead, MegaMenu, 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, 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, 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 CHANGED
@@ -258,6 +258,7 @@ interface DataTypeSelectProps {
258
258
  type TableOfContentsItem = {
259
259
  id: string;
260
260
  children: TableOfContentsItem[];
261
+ level: number;
261
262
  title: string;
262
263
  };
263
264
  type TableOfContentsProps = {
@@ -1753,6 +1754,10 @@ declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentP
1753
1754
  }): react_jsx_runtime.JSX.Element;
1754
1755
  declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
1755
1756
 
1757
+ declare function Prose<T extends React.ElementType = 'div'>({ as, className, ...props }: React.ComponentPropsWithoutRef<T> & {
1758
+ as?: T;
1759
+ }): react_jsx_runtime.JSX.Element;
1760
+
1756
1761
  declare function useIsMobile(): boolean;
1757
1762
 
1758
1763
  declare function useDisableToc(): void;
@@ -1761,6 +1766,10 @@ declare const useOnWindowResize: (handler: () => void) => void;
1761
1766
 
1762
1767
  declare function usePageHeadings(): HeadingNode[];
1763
1768
 
1769
+ declare function useActiveSectionObserver(tableOfContents: TableOfContentsItem[]): string | null;
1770
+
1771
+ declare function useSelectorHeight(selector?: string): number;
1772
+
1764
1773
  declare function cn(...inputs: ClassValue[]): string;
1765
1774
  declare function truncate(text: string, maxLength: number): string;
1766
1775
  declare function kebabCase(str: string): string;
@@ -1815,4 +1824,4 @@ declare const allPalettes: Palette[];
1815
1824
  declare const colors: ColorThemes;
1816
1825
  declare const colorThemes: ColorThemes;
1817
1826
 
1818
- 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, 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, 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, ExpandableSearch, ExpandableSearchField, 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, LineChart, type LineChartEventProps, Link, _List as List, Logo, MainNavigation, Masthead, MegaMenu, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, 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, 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, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useToc };
1827
+ 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, 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, 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, ExpandableSearch, ExpandableSearchField, 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, LineChart, type LineChartEventProps, Link, _List as List, Logo, MainNavigation, Masthead, MegaMenu, 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, 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, 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.js CHANGED
@@ -8,7 +8,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
8
8
  import * as Headless from '@headlessui/react';
9
9
  import { PopoverGroup, Popover as Popover$1, PopoverButton, PopoverPanel } from '@headlessui/react';
10
10
  import * as React15 from 'react';
11
- import React15__default, { forwardRef, useEffect, createContext, useRef, useState, useMemo, useCallback, useContext, useLayoutEffect } from 'react';
11
+ import React15__default, { forwardRef, useEffect, createContext, useRef, useState, useMemo, useContext, useLayoutEffect } from 'react';
12
12
  import Link10 from 'next/link';
13
13
  import * as culori from 'culori';
14
14
  import { Slot } from '@radix-ui/react-slot';
@@ -7459,7 +7459,7 @@ function Heading({
7459
7459
 
7460
7460
  // package.json
7461
7461
  var package_default = {
7462
- version: "1.34.0"};
7462
+ version: "1.35.0"};
7463
7463
  function Logo(props) {
7464
7464
  return /* @__PURE__ */ jsxs(Fragment, { children: [
7465
7465
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "NSW Government" }),
@@ -7597,6 +7597,11 @@ function Header2({
7597
7597
  return /* @__PURE__ */ jsxs(
7598
7598
  "header",
7599
7599
  {
7600
+ "aria-label": "Header",
7601
+ role: "banner",
7602
+ "data-slot": "header",
7603
+ "data-scrolled": isScrolled,
7604
+ id: "nsw-header",
7600
7605
  className: clsx12(
7601
7606
  "sticky top-0 z-50 flex flex-none flex-wrap items-center justify-between bg-white px-4 py-5 transition duration-500 sm:px-6 lg:px-12",
7602
7607
  shadow && "shadow-md shadow-slate-900/5 dark:shadow-none",
@@ -7716,7 +7721,7 @@ ListItem.displayName = "List.Item";
7716
7721
  var _List = List2;
7717
7722
  _List.Item = ListItem;
7718
7723
  function Masthead() {
7719
- return /* @__PURE__ */ jsx("div", { className: "bg-primary-800 h-[var(--masthead-height)] w-full", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-12", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
7724
+ return /* @__PURE__ */ jsx("div", { id: "nsw-masthead", className: "bg-primary-800 w-full", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-12", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
7720
7725
  }
7721
7726
  function Menubar({ className, ...props }) {
7722
7727
  return /* @__PURE__ */ jsx(
@@ -7925,40 +7930,38 @@ function MenubarSubContent({
7925
7930
  }
7926
7931
  );
7927
7932
  }
7928
- function MainNavigation({ navigation }) {
7929
- const [headerHeight, setHeaderHeight] = useState(88);
7933
+ function useSelectorHeight(selector = "header") {
7934
+ const [height, setHeight] = useState(0);
7935
+ const elementRef = useRef(null);
7936
+ const resizeObserverRef = useRef(null);
7930
7937
  useEffect(() => {
7931
- const measureHeader = () => {
7932
- const header2 = document.querySelector("header");
7933
- if (header2) {
7934
- setHeaderHeight(header2.offsetHeight);
7938
+ const element = document.querySelector(selector);
7939
+ if (!element) return;
7940
+ elementRef.current = element;
7941
+ setHeight(element.offsetHeight);
7942
+ resizeObserverRef.current = new ResizeObserver(() => {
7943
+ if (elementRef.current) {
7944
+ setHeight(elementRef.current.offsetHeight);
7935
7945
  }
7936
- };
7937
- const timeoutId = setTimeout(measureHeader, 100);
7938
- const header = document.querySelector("header");
7939
- let resizeObserver = null;
7940
- if (header) {
7941
- resizeObserver = new ResizeObserver((entries) => {
7942
- for (const entry of entries) {
7943
- setHeaderHeight(entry.contentRect.height);
7944
- }
7945
- });
7946
- resizeObserver.observe(header);
7947
- }
7946
+ });
7947
+ resizeObserverRef.current.observe(element);
7948
7948
  return () => {
7949
- clearTimeout(timeoutId);
7950
- if (resizeObserver) {
7951
- resizeObserver.disconnect();
7952
- }
7949
+ resizeObserverRef.current?.disconnect();
7953
7950
  };
7954
- }, []);
7951
+ }, [selector]);
7952
+ return height;
7953
+ }
7954
+ function MainNavigation({ navigation }) {
7955
+ const headerHeight = useSelectorHeight();
7955
7956
  return /* @__PURE__ */ jsx(
7956
7957
  "nav",
7957
7958
  {
7959
+ "aria-label": "Main Navigation",
7960
+ role: "navigation",
7961
+ id: "nsw-main-navigation",
7958
7962
  className: "shadow-grey-900/5 sticky z-40 hidden bg-gray-100 shadow-md sm:px-6 lg:block lg:px-4 dark:shadow-none",
7959
7963
  style: {
7960
7964
  top: `${headerHeight}px`,
7961
- // Ensure the nav doesn't jump when header height is calculated
7962
7965
  transition: "top 0.2s ease-in-out"
7963
7966
  },
7964
7967
  children: /* @__PURE__ */ jsx("div", { className: "relative z-50 mx-auto flex items-center justify-between", children: /* @__PURE__ */ jsx(PopoverGroup, { className: "flex justify-start", children: navigation.map(
@@ -9176,91 +9179,114 @@ function TableCaption({ className, ...props }) {
9176
9179
  }
9177
9180
  );
9178
9181
  }
9179
- function TableOfContents({ tableOfContents }) {
9180
- const [currentSection, setCurrentSection] = useState(tableOfContents[0]?.id);
9181
- const getHeadings2 = useCallback((tableOfContents2) => {
9182
- return tableOfContents2.flatMap((node) => [node.id, ...node.children.map((child) => child.id)]).map((id) => {
9183
- const el = document.getElementById(id);
9184
- if (!el) return null;
9185
- const style = window.getComputedStyle(el);
9186
- const scrollMt = parseFloat(style.scrollMarginTop);
9187
- const top = window.scrollY + el.getBoundingClientRect().top - scrollMt;
9188
- return { id, top };
9189
- }).filter((x) => x !== null);
9190
- }, []);
9182
+ function useActiveSectionObserver(tableOfContents) {
9183
+ const headerHeight = useSelectorHeight("#nsw-header");
9184
+ const mastheadHeight = useSelectorHeight("#nsw-masthead");
9185
+ const navigationHeight = useSelectorHeight("#nsw-main-navigation");
9186
+ const [currentSection, setCurrentSection] = useState(null);
9191
9187
  useEffect(() => {
9192
9188
  if (tableOfContents.length === 0) return;
9193
- const timer = setTimeout(() => {
9194
- const headings = getHeadings2(tableOfContents);
9195
- if (headings.length === 0) return;
9196
- function onScroll() {
9197
- const top = window.scrollY;
9198
- let current = headings[0].id;
9199
- for (const heading of headings) {
9200
- if (top >= heading.top - 10) {
9201
- current = heading.id;
9202
- } else {
9203
- break;
9189
+ if (!headerHeight) return;
9190
+ const totalHeight = headerHeight + mastheadHeight + navigationHeight;
9191
+ let observer = null;
9192
+ const initializeObserver = () => {
9193
+ const ids = tableOfContents.flatMap((node) => [
9194
+ node.id,
9195
+ ...node.children.map((child) => child.id)
9196
+ ]);
9197
+ ids.forEach((id) => {
9198
+ const el = document.getElementById(id);
9199
+ if (el) {
9200
+ el.style.scrollMarginTop = `${totalHeight + 16}px`;
9201
+ }
9202
+ });
9203
+ observer = new IntersectionObserver(
9204
+ (entries) => {
9205
+ const visible = entries.filter((entry) => entry.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
9206
+ if (visible.length > 0) {
9207
+ setCurrentSection(visible[0].target.id);
9204
9208
  }
9209
+ },
9210
+ {
9211
+ rootMargin: `-${totalHeight}px 0px -70% 0px`,
9212
+ threshold: [0, 0.25, 0.5, 0.75, 1]
9205
9213
  }
9206
- setCurrentSection(current);
9207
- }
9208
- window.addEventListener("scroll", onScroll, { passive: true });
9209
- onScroll();
9210
- return () => {
9211
- window.removeEventListener("scroll", onScroll);
9212
- };
9213
- }, 100);
9214
+ );
9215
+ ids.forEach((id) => {
9216
+ const el = document.getElementById(id);
9217
+ if (el) observer.observe(el);
9218
+ });
9219
+ };
9220
+ const raf = requestAnimationFrame(() => {
9221
+ initializeObserver();
9222
+ });
9214
9223
  return () => {
9215
- clearTimeout(timer);
9224
+ if (observer) observer.disconnect();
9225
+ cancelAnimationFrame(raf);
9226
+ };
9227
+ }, [tableOfContents, headerHeight, mastheadHeight, navigationHeight]);
9228
+ useEffect(() => {
9229
+ const handleResize = () => {
9230
+ setCurrentSection(null);
9216
9231
  };
9217
- }, [getHeadings2, tableOfContents]);
9232
+ window.addEventListener("resize", handleResize);
9233
+ return () => window.removeEventListener("resize", handleResize);
9234
+ }, []);
9235
+ return currentSection;
9236
+ }
9237
+ function TableOfContents({ tableOfContents }) {
9238
+ const currentSection = useActiveSectionObserver(tableOfContents);
9218
9239
  function isActive(section) {
9219
- if (section.id === currentSection) {
9220
- return true;
9221
- }
9222
- if (!section.children) {
9223
- return false;
9224
- }
9225
- return section.children.findIndex(isActive) > -1;
9240
+ if (section.id === currentSection) return true;
9241
+ return section.children?.some(isActive) ?? false;
9226
9242
  }
9227
- return /* @__PURE__ */ jsx("div", { className: "hidden xl:sticky xl:top-[4.75rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.75rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6", children: /* @__PURE__ */ jsx("nav", { "aria-labelledby": "on-this-page-title", className: "w-56", children: tableOfContents.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
9243
+ return /* @__PURE__ */ jsx("nav", { "aria-labelledby": "on-this-page-title", className: "w-56", children: tableOfContents.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
9228
9244
  /* @__PURE__ */ jsx(
9229
9245
  "h2",
9230
9246
  {
9231
9247
  id: "on-this-page-title",
9232
- className: "font-display text-sm font-medium text-slate-900 dark:text-white",
9248
+ className: "text-grey-950 text-sm/6 font-semibold dark:text-white",
9233
9249
  children: "On this page"
9234
9250
  }
9235
9251
  ),
9236
- /* @__PURE__ */ jsx("ol", { role: "list", className: "mt-4 space-y-3 text-sm", children: tableOfContents.map((section) => /* @__PURE__ */ jsxs("li", { children: [
9237
- /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(
9238
- Link10,
9239
- {
9240
- href: `#${section.id}`,
9241
- className: clsx12(
9242
- isActive(section) ? "text-primary font-semibold" : "font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300"
9252
+ /* @__PURE__ */ jsx(
9253
+ "ol",
9254
+ {
9255
+ role: "list",
9256
+ className: clsx12(
9257
+ "mt-3 flex flex-col gap-2",
9258
+ "border-grey-900/10 border-l dark:border-white/10",
9259
+ "text-grey-700 dark:text-grey-400 text-sm/6"
9260
+ ),
9261
+ children: tableOfContents.map((section) => /* @__PURE__ */ jsxs("li", { children: [
9262
+ /* @__PURE__ */ jsx(
9263
+ Link10,
9264
+ {
9265
+ href: `#${section.id}`,
9266
+ className: clsx12(
9267
+ "-ml-px inline-block border-l pl-4",
9268
+ "hover:border-primary-800 dark:hover:border-white",
9269
+ isActive(section) ? "text-primary-800 border-primary-800 font-semibold dark:border-white dark:text-white" : "border-transparent"
9270
+ ),
9271
+ children: section.title
9272
+ }
9243
9273
  ),
9244
- children: section.title
9245
- }
9246
- ) }),
9247
- section.children.length > 0 && /* @__PURE__ */ jsx(
9248
- "ol",
9249
- {
9250
- role: "list",
9251
- className: "mt-2 space-y-3 pl-5 text-slate-500 dark:text-slate-400",
9252
- children: section.children.map((subSection) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
9274
+ section.children.length > 0 && /* @__PURE__ */ jsx("ol", { role: "list", className: "mt-3 flex flex-col gap-2", children: section.children.map((subSection) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
9253
9275
  Link10,
9254
9276
  {
9255
9277
  href: `#${subSection.id}`,
9256
- className: isActive(subSection) ? "text-primary-750 font-semibold" : "hover:text-slate-600 dark:hover:text-slate-300",
9278
+ className: clsx12(
9279
+ "-ml-px inline-block border-l pl-8",
9280
+ "hover:border-primary-800 dark:hover:border-white",
9281
+ isActive(subSection) ? "text-primary-800 border-primary-800 font-semibold dark:border-white dark:text-white" : "border-transparent"
9282
+ ),
9257
9283
  children: subSection.title
9258
9284
  }
9259
- ) }, subSection.id))
9260
- }
9261
- )
9262
- ] }, section.id)) })
9263
- ] }) }) });
9285
+ ) }, subSection.id)) })
9286
+ ] }, section.id))
9287
+ }
9288
+ )
9289
+ ] }) });
9264
9290
  }
9265
9291
  function Tabs2({ className, ...props }) {
9266
9292
  return /* @__PURE__ */ jsx(
@@ -14423,6 +14449,35 @@ function InputOTPSlot({
14423
14449
  function InputOTPSeparator({ ...props }) {
14424
14450
  return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(MinusIcon, {}) });
14425
14451
  }
14452
+ function Prose({
14453
+ as,
14454
+ className,
14455
+ ...props
14456
+ }) {
14457
+ const Component = as ?? "div";
14458
+ return /* @__PURE__ */ jsx(
14459
+ Component,
14460
+ {
14461
+ className: clsx12(
14462
+ className,
14463
+ "prose dark:!prose-invert max-w-none",
14464
+ // headings
14465
+ "",
14466
+ // lead
14467
+ "",
14468
+ // links
14469
+ "prose-a:font-medium prose-a:text-primary-800 prose-a:dark:text-grey-100 prose-a:hover:bg-primary-800/10 prose-a:focus-visible:bg-primary-800/10",
14470
+ // link underline
14471
+ "prose-a:underline prose-a:decoration-primary-800 prose-a:underline-offset-4 prose-a:hover:decoration-2",
14472
+ // pre
14473
+ "",
14474
+ // hr
14475
+ ""
14476
+ ),
14477
+ ...props
14478
+ }
14479
+ );
14480
+ }
14426
14481
  var MOBILE_BREAKPOINT = 768;
14427
14482
  function useIsMobile() {
14428
14483
  const [isMobile, setIsMobile] = React15.useState(void 0);
@@ -14578,6 +14633,6 @@ var languages = [
14578
14633
  "html"
14579
14634
  ];
14580
14635
 
14581
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, AvailableChartColors, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, BarList, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button2 as Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, CodeDemo, CodeHighlight, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorCard, ColorSwatches, ColourScale, ComboChart, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, 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, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormatToggle, GenerateInterpolatedColors, Header2 as Header, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, LineChart, Link, _List as List, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, Progress, ProgressBar, ProgressCircle, RadioGroup2 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, SidebarNavigation, SiteSearch, Skeleton, Slider, Social, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeColorPalette, ThemeProvider, ThemeSelector, ThemeSwitcher, Toaster, TocContext, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, Tooltip5 as TremorTooltip, ViewToggle, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, 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, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useToc };
14636
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, AvailableChartColors, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, BarList, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button2 as Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, CodeDemo, CodeHighlight, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorCard, ColorSwatches, ColourScale, ComboChart, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, 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, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormatToggle, GenerateInterpolatedColors, Header2 as Header, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, LineChart, Link, _List as List, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, Progress, ProgressBar, ProgressCircle, Prose, RadioGroup2 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, SidebarNavigation, SiteSearch, Skeleton, Slider, Social, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeColorPalette, ThemeProvider, ThemeSelector, ThemeSwitcher, Toaster, TocContext, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, Tooltip5 as TremorTooltip, ViewToggle, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, 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 };
14582
14637
  //# sourceMappingURL=index.js.map
14583
14638
  //# sourceMappingURL=index.js.map