@nswds/app 1.9.0 → 1.10.0

package/dist/index.d.ts

@@ -1,328 +1,707 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { ThemeProviderProps } from 'next-themes';
-import { ToasterProps } from 'sonner';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { ClassValue } from 'clsx';
-import * as _sindresorhus_slugify from '@sindresorhus/slugify';
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Card({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardTitle({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardDescription({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardAction({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
+import * as react_jsx_runtime from 'react/jsx-runtime'
+import * as class_variance_authority_types from 'class-variance-authority/types'
+import * as React$1 from 'react'
+import React__default, { ReactNode, Dispatch, SetStateAction } from 'react'
+import { VariantProps } from 'class-variance-authority'
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'
+import * as LabelPrimitive from '@radix-ui/react-label'
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group'
+import * as SeparatorPrimitive from '@radix-ui/react-separator'
+import * as SheetPrimitive from '@radix-ui/react-dialog'
+import * as TabsPrimitive from '@radix-ui/react-tabs'
+import { ThemeProviderProps } from 'next-themes'
+import { ToasterProps } from 'sonner'
+import * as TogglePrimitive from '@radix-ui/react-toggle'
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'
+import { ClassValue } from 'clsx'
+import * as _sindresorhus_slugify from '@sindresorhus/slugify'
 
-interface DynamicFaviconProps {
-    lightModeFavicon: string;
-    darkModeFavicon: string;
-}
-declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null;
+declare const badgeVariants: (
+  props?:
+    | ({
+        variant?: 'default' | 'secondary' | 'destructive' | 'outline' | null | undefined
+      } & class_variance_authority_types.ClassProp)
+    | undefined,
+) => string
+declare function Badge({
+  className,
+  variant,
+  asChild,
+  ...props
+}: React$1.ComponentProps<'span'> &
+  VariantProps<typeof badgeVariants> & {
+    asChild?: boolean
+  }): react_jsx_runtime.JSX.Element
+
+declare const buttonVariants: (
+  props?:
+    | ({
+        variant?:
+          | 'default'
+          | 'secondary'
+          | 'destructive'
+          | 'outline'
+          | 'link'
+          | 'ghost'
+          | null
+          | undefined
+        size?: 'default' | 'sm' | 'lg' | 'icon' | null | undefined
+      } & class_variance_authority_types.ClassProp)
+    | undefined,
+) => string
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React$1.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }): react_jsx_runtime.JSX.Element
 
-declare function Footer(): react_jsx_runtime.JSX.Element;
+declare function Card({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
+declare function CardHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
+declare function CardTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
+declare function CardDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
+declare function CardAction({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
+declare function CardContent({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
+declare function CardFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
 
-type IconProps = React.HTMLAttributes<SVGElement>;
+type IconProps = React.HTMLAttributes<SVGElement>
 interface LayoutProps {
-    children: React.ReactNode;
-    sitename?: string;
-    toc?: boolean;
+  children: React.ReactNode
+  sitename?: string
+  toc?: boolean
 }
 type ColorProperty = {
-    value: string | {
-        colorSpace: string;
-        channels: number[];
-        alpha: number;
-    };
-    type: 'color';
-};
+  value:
+    | string
+    | {
+        colorSpace: string
+        channels: number[]
+        alpha: number
+      }
+  type: 'color'
+}
 type ColorThemes = {
+  [key: string]: {
     [key: string]: {
-        [key: string]: {
-            name: string;
-            colors: {
-                token: string;
-                oklch: string;
-                hex: string;
-                rgb: string;
-                hsl: string;
-                name?: string;
-            }[];
-        };
-    };
-};
-type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'oklch';
-type ViewMode = 'grid' | 'list';
-type ThemeOption = string;
+      name: string
+      colors: {
+        token: string
+        oklch: string
+        hex: string
+        rgb: string
+        hsl: string
+        name?: string
+      }[]
+    }
+  }
+}
+type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'oklch'
+type ViewMode = 'grid' | 'list'
+type ThemeOption = string
+type ColorTheme = {
+  [key: string]: {
+    name: string
+    colors: {
+      token: string
+      oklch: string
+      hex: string
+      rgb: string
+      hsl: string
+      name?: string
+    }[]
+  }
+}
 interface ColorCardProps {
-    colorName: string;
-    hexValue: string;
-    format: ColorFormat;
-    viewMode: ViewMode;
+  name: string
+  token: string
+  hex: string
+  rgb: string
+  hsl: string
+  oklch: string
+  format: 'hex' | 'rgb' | 'hsl' | 'oklch'
+  viewMode: 'grid' | 'list'
 }
 interface ViewToggleProps {
-    viewMode: ViewMode;
-    setViewMode: (mode: ViewMode) => void;
+  viewMode: ViewMode
+  setViewMode: (mode: ViewMode) => void
 }
 interface Color {
-    token: string;
-    oklch: string;
-    hex: string;
-    rgb: string;
-    hsl: string;
-    name?: string;
+  token: string
+  oklch: string
+  hex: string
+  rgb: string
+  hsl: string
+  name?: string
 }
-type ThemeCategory = 'brand' | 'aboriginal';
+type ThemeCategory = 'brand' | 'aboriginal'
 interface ThemeSelectorProps {
-    themeCategory: ThemeCategory;
-    setThemeCategory: (category: ThemeCategory) => void;
-    primaryColor: string;
-    setPrimaryColor: (color: string) => void;
-    accentColor: string;
-    setAccentColor: (color: string) => void;
-    availableAccentColors: string[];
-    colorThemes: ColorThemes;
+  themeCategory: ThemeCategory
+  setThemeCategory: (category: ThemeCategory) => void
+  primaryColor: string
+  setPrimaryColor: (color: string) => void
+  accentColor: string
+  setAccentColor: (color: string) => void
+  availableAccentColors: string[]
+  colorThemes: ColorThemes
 }
 interface FormatToggleProps {
-    format: ColorFormat;
-    setFormat: (format: ColorFormat) => void;
+  format: ColorFormat
+  setFormat: (format: ColorFormat) => void
 }
 type SimpleNode = {
-    type: string;
-    attributes: {
-        content?: string;
-        [key: string]: string | number | boolean | undefined;
-    };
-    children?: SimpleNode[];
-};
+  type: string
+  attributes: {
+    content?: string
+    [key: string]: string | number | boolean | undefined
+  }
+  children?: SimpleNode[]
+}
 type HeadingNode = {
-    level: number;
-    id: string;
-    title: string;
-    children: HeadingNode[];
-};
+  level: number
+  id: string
+  title: string
+  children: HeadingNode[]
+}
 type Link = {
-    href: string;
-    title: string;
-    links?: Link[];
-};
+  href: string
+  title: string
+  links?: Link[]
+}
 interface ColorData {
-    oklch: string;
-    hex: string;
-    rgb: string;
-    hsl: string;
-    [key: string]: string;
+  oklch: string
+  hex: string
+  rgb: string
+  hsl: string
+  [key: string]: string
 }
-type Format = 'hex' | 'oklch' | 'hsl' | 'rgb';
-type Variant = 'shades' | 'theme';
-type Output = 'css' | 'ts' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js';
+type Format = 'hex' | 'oklch' | 'hsl' | 'rgb'
+type Variant = 'shades' | 'theme'
+type Output = 'css' | 'ts' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js'
 interface ColorsDisplayProps {
-    baseColors: string[];
-    themeColor: string | undefined;
-    colorsToUse: ColorData[];
-    paletteName: string;
-    variant: Variant;
+  baseColors: string[]
+  themeColor: string | undefined
+  colorsToUse: ColorData[]
+  paletteName: string
+  variant: Variant
 }
 interface ColourOutputProps {
-    colorsToUse: ColorData[];
-    paletteName: string;
-    format: Format;
-    output: Output;
-    variant: Variant;
+  colorsToUse: ColorData[]
+  paletteName: string
+  format: Format
+  output: Output
+  variant: Variant
 }
 interface DesignTokensShades {
-    [paletteName: string]: {
-        [shade: string]: {
-            $type: 'color';
-            $value: string | {
-                colorSpace: string;
-                channels: number[];
-                alpha: number;
-            };
-        };
-    };
+  [paletteName: string]: {
+    [shade: string]: {
+      $type: 'color'
+      $value:
+        | string
+        | {
+            colorSpace: string
+            channels: number[]
+            alpha: number
+          }
+    }
+  }
 }
 interface StructuredColor {
-    colorSpace: string;
-    channels: number[];
-    alpha: number;
+  colorSpace: string
+  channels: number[]
+  alpha: number
 }
 interface DesignTokensTheme {
-    [paletteName: string]: {
-        value: string | StructuredColor;
-        type: 'color';
-        variants: Record<string, {
-            value: string | StructuredColor;
-            type: 'color';
-        }>;
-    };
+  [paletteName: string]: {
+    value: string | StructuredColor
+    type: 'color'
+    variants: Record<
+      string,
+      {
+        value: string | StructuredColor
+        type: 'color'
+      }
+    >
+  }
 }
 type NavigationSection = {
-    title: string;
-    links: {
-        title: string;
-        href: string;
-    }[];
-};
+  title: string
+  links: {
+    title: string
+    href: string
+  }[]
+}
+
+declare function ColorCard({
+  name,
+  token,
+  hex,
+  rgb,
+  hsl,
+  oklch,
+  format,
+  viewMode,
+}: ColorCardProps): react_jsx_runtime.JSX.Element
+
+declare function Collapsible({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element
+
+interface DynamicFaviconProps {
+  lightModeFavicon: string
+  darkModeFavicon: string
+}
+declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null
+
+declare function Footer({
+  legalLinks,
+  department,
+  socialLinks,
+}: {
+  legalLinks: Array<{
+    name: string
+    href: string
+  }>
+  department?: string
+  socialLinks?: Array<{
+    name: string
+    href: string
+    icon: React.ComponentType<{
+      className?: string
+    }>
+  }>
+}): react_jsx_runtime.JSX.Element
+
+declare function FormatToggle({
+  format,
+  setFormat,
+}: FormatToggleProps): react_jsx_runtime.JSX.Element
 
 declare const Icons: {
-    account_circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    attach_file: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    cancel: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    check_circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    check: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    chevron_down: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    chevron_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    chevron_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    chevron_up: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    close: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    collapse_all: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    computer: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    copy: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    dark_mode: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    dock_to_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    dock_to_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    delete: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    desktop: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    display_settings: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    double_arrow_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    double_arrow_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    download: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    east: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    error: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    exclamation: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    grid_view: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    help: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    info: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    light_mode: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    link: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    list: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    login: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    logout: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    menu: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    more_horiz: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    more_vert: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    north: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    open_in_new: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    palette: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    print: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    progress_activity: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    remove: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    search: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    settings_brightness: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    share: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    side_navigation: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    south: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    unfold_less: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    unfold_more: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    upload: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    west: (props: IconProps) => react_jsx_runtime.JSX.Element;
-};
-
-declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
-
-declare function Logo(props: React.ComponentPropsWithoutRef<'svg'>): react_jsx_runtime.JSX.Element;
-
-declare function Masthead(): react_jsx_runtime.JSX.Element;
-
-declare function Navigation({ className, onLinkClick, navigation, }: {
-    className?: string;
-    onLinkClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
-    navigation: NavigationSection[];
-}): react_jsx_runtime.JSX.Element;
+  account_circle: (props: IconProps) => react_jsx_runtime.JSX.Element
+  attach_file: (props: IconProps) => react_jsx_runtime.JSX.Element
+  cancel: (props: IconProps) => react_jsx_runtime.JSX.Element
+  check_circle: (props: IconProps) => react_jsx_runtime.JSX.Element
+  check: (props: IconProps) => react_jsx_runtime.JSX.Element
+  chevron_down: (props: IconProps) => react_jsx_runtime.JSX.Element
+  chevron_left: (props: IconProps) => react_jsx_runtime.JSX.Element
+  chevron_right: (props: IconProps) => react_jsx_runtime.JSX.Element
+  chevron_up: (props: IconProps) => react_jsx_runtime.JSX.Element
+  close: (props: IconProps) => react_jsx_runtime.JSX.Element
+  collapse_all: (props: IconProps) => react_jsx_runtime.JSX.Element
+  computer: (props: IconProps) => react_jsx_runtime.JSX.Element
+  copy: (props: IconProps) => react_jsx_runtime.JSX.Element
+  dark_mode: (props: IconProps) => react_jsx_runtime.JSX.Element
+  dock_to_left: (props: IconProps) => react_jsx_runtime.JSX.Element
+  dock_to_right: (props: IconProps) => react_jsx_runtime.JSX.Element
+  delete: (props: IconProps) => react_jsx_runtime.JSX.Element
+  desktop: (props: IconProps) => react_jsx_runtime.JSX.Element
+  display_settings: (props: IconProps) => react_jsx_runtime.JSX.Element
+  double_arrow_left: (props: IconProps) => react_jsx_runtime.JSX.Element
+  double_arrow_right: (props: IconProps) => react_jsx_runtime.JSX.Element
+  download: (props: IconProps) => react_jsx_runtime.JSX.Element
+  east: (props: IconProps) => react_jsx_runtime.JSX.Element
+  error: (props: IconProps) => react_jsx_runtime.JSX.Element
+  exclamation: (props: IconProps) => react_jsx_runtime.JSX.Element
+  grid_view: (props: IconProps) => react_jsx_runtime.JSX.Element
+  help: (props: IconProps) => react_jsx_runtime.JSX.Element
+  info: (props: IconProps) => react_jsx_runtime.JSX.Element
+  light_mode: (props: IconProps) => react_jsx_runtime.JSX.Element
+  link: (props: IconProps) => react_jsx_runtime.JSX.Element
+  list: (props: IconProps) => react_jsx_runtime.JSX.Element
+  login: (props: IconProps) => react_jsx_runtime.JSX.Element
+  logout: (props: IconProps) => react_jsx_runtime.JSX.Element
+  menu: (props: IconProps) => react_jsx_runtime.JSX.Element
+  more_horiz: (props: IconProps) => react_jsx_runtime.JSX.Element
+  more_vert: (props: IconProps) => react_jsx_runtime.JSX.Element
+  north: (props: IconProps) => react_jsx_runtime.JSX.Element
+  open_in_new: (props: IconProps) => react_jsx_runtime.JSX.Element
+  palette: (props: IconProps) => react_jsx_runtime.JSX.Element
+  print: (props: IconProps) => react_jsx_runtime.JSX.Element
+  progress_activity: (props: IconProps) => react_jsx_runtime.JSX.Element
+  remove: (props: IconProps) => react_jsx_runtime.JSX.Element
+  search: (props: IconProps) => react_jsx_runtime.JSX.Element
+  settings_brightness: (props: IconProps) => react_jsx_runtime.JSX.Element
+  share: (props: IconProps) => react_jsx_runtime.JSX.Element
+  side_navigation: (props: IconProps) => react_jsx_runtime.JSX.Element
+  south: (props: IconProps) => react_jsx_runtime.JSX.Element
+  unfold_less: (props: IconProps) => react_jsx_runtime.JSX.Element
+  unfold_more: (props: IconProps) => react_jsx_runtime.JSX.Element
+  upload: (props: IconProps) => react_jsx_runtime.JSX.Element
+  west: (props: IconProps) => react_jsx_runtime.JSX.Element
+}
+
+declare function Label({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element
+
+declare function Logo(props: React.ComponentPropsWithoutRef<'svg'>): react_jsx_runtime.JSX.Element
+
+declare function Masthead(): react_jsx_runtime.JSX.Element
+
+declare function Navigation({
+  className,
+  onLinkClick,
+  navigation,
+}: {
+  className?: string
+  onLinkClick?: React__default.MouseEventHandler<HTMLAnchorElement>
+  navigation: NavigationSection[]
+}): react_jsx_runtime.JSX.Element
 
 interface PrevNextLinksProps {
-    navigation: NavigationSection[];
+  navigation: NavigationSection[]
 }
-declare function PrevNextLinks({ navigation }: PrevNextLinksProps): react_jsx_runtime.JSX.Element | null;
-
-declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
-
-declare function Sheet({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function SheetClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
-declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
-    side?: 'top' | 'right' | 'bottom' | 'left';
-}): react_jsx_runtime.JSX.Element;
-declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
-declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
-
-declare function SidebarNavigation({ className, onLinkClick, navigation, }: {
-    className?: string;
-    onLinkClick?: React$1.MouseEventHandler<HTMLAnchorElement>;
-    navigation: NavigationSection[];
-}): react_jsx_runtime.JSX.Element;
+declare function PrevNextLinks({
+  navigation,
+}: PrevNextLinksProps): react_jsx_runtime.JSX.Element | null
+
+declare function RadioGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element
+declare function RadioGroupItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element
+
+declare function Separator({
+  className,
+  orientation,
+  decorative,
+  ...props
+}: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element
+
+declare function Sheet({
+  ...props
+}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element
+declare function SheetTrigger({
+  ...props
+}: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element
+declare function SheetClose({
+  ...props
+}: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element
+declare function SheetContent({
+  className,
+  children,
+  side,
+  ...props
+}: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: 'top' | 'right' | 'bottom' | 'left'
+}): react_jsx_runtime.JSX.Element
+declare function SheetHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
+declare function SheetFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
+declare function SheetTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element
+declare function SheetDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element
+
+declare function SidebarNavigation({
+  className,
+  onLinkClick,
+  navigation,
+}: {
+  className?: string
+  onLinkClick?: React$1.MouseEventHandler<HTMLAnchorElement>
+  navigation: NavigationSection[]
+}): react_jsx_runtime.JSX.Element
 
 declare const Social: {
-    github: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    linkedin: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    twitter: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    youtube: (props: IconProps) => react_jsx_runtime.JSX.Element;
-};
+  Facebook: (props: IconProps) => react_jsx_runtime.JSX.Element
+  Github: (props: IconProps) => react_jsx_runtime.JSX.Element
+  Instagram: (props: IconProps) => react_jsx_runtime.JSX.Element
+  LinkedIn: (props: IconProps) => react_jsx_runtime.JSX.Element
+  X: (props: IconProps) => react_jsx_runtime.JSX.Element
+  YouTube: (props: IconProps) => react_jsx_runtime.JSX.Element
+}
 
 type TableOfContentsItem = {
-    id: string;
-    children: TableOfContentsItem[];
-    title: string;
-};
+  id: string
+  children: TableOfContentsItem[]
+  title: string
+}
 type TableOfContentsProps = {
-    tableOfContents: TableOfContentsItem[];
-};
-declare function TableOfContents({ tableOfContents }: TableOfContentsProps): react_jsx_runtime.JSX.Element;
+  tableOfContents: TableOfContentsItem[]
+}
+declare function TableOfContents({
+  tableOfContents,
+}: TableOfContentsProps): react_jsx_runtime.JSX.Element
+
+declare function Tabs({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element
+declare function TabsList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element
+declare function TabsTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element
+declare function TabsContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element
 
-declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
-declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({
+  children,
+  ...props
+}: ThemeProviderProps): react_jsx_runtime.JSX.Element
 
-declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeSwitcher(): react_jsx_runtime.JSX.Element
 
-declare function ThemeSwitcher(): react_jsx_runtime.JSX.Element;
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element
 
-declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+interface TocContextType {
+  toc: boolean
+  setToc: Dispatch<SetStateAction<boolean>>
+}
+declare function TocProvider({ children }: { children: ReactNode }): react_jsx_runtime.JSX.Element
+declare function useToc(): TocContextType
+
+declare const toggleVariants: (
+  props?:
+    | ({
+        variant?: 'default' | 'outline' | null | undefined
+        size?: 'default' | 'sm' | 'lg' | null | undefined
+      } & class_variance_authority_types.ClassProp)
+    | undefined,
+) => string
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof TogglePrimitive.Root> &
+  VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element
 
-declare function TocProvider({ children }: {
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> &
+  VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> &
+  VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element
 
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare function ViewToggle({
+  viewMode,
+  setViewMode,
+}: ViewToggleProps): react_jsx_runtime.JSX.Element
 
-declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare function cn(...inputs: ClassValue[]): string
+declare function truncate(text: string, maxLength: number): string
+declare function kebabCase(str: string): string
+declare function camelCase(str: string): string
 
-declare function cn(...inputs: ClassValue[]): string;
-declare function truncate(text: string, maxLength: number): string;
-declare function kebabCase(str: string): string;
-declare function camelCase(str: string): string;
+declare function getNodeText(node: HTMLElement | SimpleNode): string
+declare function domToSimple(node: Node): SimpleNode
+declare function getHeadings(slugify?: _sindresorhus_slugify.CountableSlugify): HeadingNode[]
 
-declare function getNodeText(node: HTMLElement | SimpleNode): string;
-declare function domToSimple(node: Node): SimpleNode;
-declare function getHeadings(slugify?: _sindresorhus_slugify.CountableSlugify): HeadingNode[];
+declare const shades: string[]
+declare const darkenColor: (color: string, factor?: number) => string
+declare const lightenColor: (color: string, factor?: number) => string
+declare const addStartStopToColorArray: (colorArray: string[]) => string[]
+declare const interpolateColors: (color1: string, color2: string, steps: number) => ColorData[]
+declare const GenerateInterpolatedColors: (colorArray: string[]) => ColorData[]
+declare const getSurroundingColors: (colors: ColorData[], themeColor: string) => ColorData[]
+declare const colorDataArray: (
+  colorsToUse: ColorData[],
+  paletteName: string,
+  format: Format,
+  output: Output,
+  variant: Variant,
+) => string[]
+declare function createColorArray(
+  colorArray: ColorData[],
+  name: string,
+  type: string,
+): {
+  name: string
+  colors: {
+    name?: string | undefined
+    oklch: string
+    hex: string
+    rgb: string
+    hsl: string
+    token: string
+  }[]
+}[]
+declare const isLightColor: (hexColor: string) => boolean
+declare const renderColorOutput: (
+  colorsToUse: ColorData[],
+  paletteName: string,
+  format: Format,
+  output: Output,
+  variant: Variant,
+) => string
+declare const renderColorOutputToDTFM: (
+  colorsToUse: ColorData[],
+  paletteName: string,
+  format: Format,
+  variant: Variant,
+) => string
+declare const themeIndices: number[]
+declare const themeTokens: number[]
+declare const generateColorThemes: (colors: ColorThemes) => ColorThemes
+declare function oklchConverter(hex: string): string
+declare const getColorValue: (
+  color: {
+    oklch: string
+    hex: string
+    rgb: string
+    hsl: string
+  },
+  colorFormat: 'oklch' | 'rgb' | 'hsl' | 'hex',
+) => string
 
-export { Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Collapsible, type Color, type ColorCardProps, type ColorData, type ColorFormat, type ColorProperty, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, type DesignTokensShades, type DesignTokensTheme, DynamicFavicon, Footer, type Format, type FormatToggleProps, type HeadingNode, type IconProps, Icons, Label, type LayoutProps, type Link, Logo, Masthead, Navigation, type NavigationSection, type Output, PrevNextLinks, RadioGroup, RadioGroupItem, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarNavigation, type SimpleNode, Social, type StructuredColor, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, type ThemeCategory, type ThemeOption, ThemeProvider, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, type Variant, type ViewMode, type ViewToggleProps, camelCase, cn, domToSimple, getHeadings, getNodeText, kebabCase, toggleVariants, truncate };
+declare const colors: ColorThemes
+declare const colorThemes: ColorThemes
+
+export {
+  Badge,
+  Button,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Collapsible,
+  type Color,
+  ColorCard,
+  type ColorCardProps,
+  type ColorData,
+  type ColorFormat,
+  type ColorProperty,
+  type ColorTheme,
+  type ColorThemes,
+  type ColorsDisplayProps,
+  type ColourOutputProps,
+  type DesignTokensShades,
+  type DesignTokensTheme,
+  DynamicFavicon,
+  Footer,
+  type Format,
+  FormatToggle,
+  type FormatToggleProps,
+  GenerateInterpolatedColors,
+  type HeadingNode,
+  type IconProps,
+  Icons,
+  Label,
+  type LayoutProps,
+  type Link,
+  Logo,
+  Masthead,
+  Navigation,
+  type NavigationSection,
+  type Output,
+  PrevNextLinks,
+  RadioGroup,
+  RadioGroupItem,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  SidebarNavigation,
+  type SimpleNode,
+  Social,
+  type StructuredColor,
+  TableOfContents,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  type ThemeCategory,
+  type ThemeOption,
+  ThemeProvider,
+  type ThemeSelectorProps,
+  ThemeSwitcher,
+  Toaster,
+  TocProvider,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  type Variant,
+  type ViewMode,
+  ViewToggle,
+  type ViewToggleProps,
+  addStartStopToColorArray,
+  camelCase,
+  cn,
+  colorDataArray,
+  colorThemes,
+  colors,
+  createColorArray,
+  darkenColor,
+  domToSimple,
+  generateColorThemes,
+  getColorValue,
+  getHeadings,
+  getNodeText,
+  getSurroundingColors,
+  interpolateColors,
+  isLightColor,
+  kebabCase,
+  lightenColor,
+  oklchConverter,
+  renderColorOutput,
+  renderColorOutputToDTFM,
+  shades,
+  themeIndices,
+  themeTokens,
+  toggleVariants,
+  truncate,
+  useToc,
+}