@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/globals.css +659 -79
- package/dist/index.cjs +148 -90
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +10 -1
- package/dist/index.d.ts +10 -1
- package/dist/index.js +147 -92
- package/dist/index.js.map +1 -1
- package/dist/styles.css +656 -79
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
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,
|
|
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.
|
|
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
|
|
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
|
|
7929
|
-
const [
|
|
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
|
|
7932
|
-
|
|
7933
|
-
|
|
7934
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
9180
|
-
const
|
|
9181
|
-
const
|
|
9182
|
-
|
|
9183
|
-
|
|
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
|
-
|
|
9194
|
-
|
|
9195
|
-
|
|
9196
|
-
|
|
9197
|
-
|
|
9198
|
-
|
|
9199
|
-
|
|
9200
|
-
|
|
9201
|
-
|
|
9202
|
-
|
|
9203
|
-
|
|
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
|
-
|
|
9207
|
-
|
|
9208
|
-
|
|
9209
|
-
|
|
9210
|
-
|
|
9211
|
-
|
|
9212
|
-
|
|
9213
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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("
|
|
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: "
|
|
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(
|
|
9237
|
-
|
|
9238
|
-
|
|
9239
|
-
|
|
9240
|
-
|
|
9241
|
-
|
|
9242
|
-
|
|
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.
|
|
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:
|
|
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
|
-
|
|
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
|