@nswds/app 1.34.0 → 1.36.0

package/dist/index.d.ts

@@ -1,3153 +1,1827 @@
-import * as react_jsx_runtime from 'react/jsx-runtime'
-import * as React$1 from 'react'
-import React__default, { Dispatch, SetStateAction, ReactNode } from 'react'
-import * as AccordionPrimitive from '@radix-ui/react-accordion'
-import * as class_variance_authority_types from 'class-variance-authority/types'
-import { VariantProps } from 'class-variance-authority'
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio'
-import * as AvatarPrimitive from '@radix-ui/react-avatar'
-import * as url from 'url'
-import * as Headless from '@headlessui/react'
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'
-import { Command as Command$1 } from 'cmdk'
-import * as DialogPrimitive from '@radix-ui/react-dialog'
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu'
-import { Drawer as Drawer$1 } from 'vaul'
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
-import * as react_hook_form from 'react-hook-form'
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form'
-import * as LabelPrimitive from '@radix-ui/react-label'
-import { Slot } from '@radix-ui/react-slot'
-import * as MenubarPrimitive from '@radix-ui/react-menubar'
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'
-import * as PopoverPrimitive from '@radix-ui/react-popover'
-import * as ProgressPrimitive from '@radix-ui/react-progress'
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group'
-import * as ResizablePrimitive from 'react-resizable-panels'
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'
-import * as SelectPrimitive from '@radix-ui/react-select'
-import * as SeparatorPrimitive from '@radix-ui/react-separator'
-import * as zustand_middleware from 'zustand/middleware'
-import * as zustand from 'zustand'
-import * as SliderPrimitive from '@radix-ui/react-slider'
-import { ToasterProps } from 'sonner'
-import * as SwitchPrimitive from '@radix-ui/react-switch'
-import * as TabsPrimitive from '@radix-ui/react-tabs'
-import { ThemeProviderProps } from 'next-themes'
-import * as TogglePrimitive from '@radix-ui/react-toggle'
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'
-import * as TooltipPrimitive from '@radix-ui/react-tooltip'
-import * as RechartsPrimitive from 'recharts'
-import * as tailwind_variants from 'tailwind-variants'
-import { VariantProps as VariantProps$1 } from 'tailwind-variants'
-import { ClassValue } from 'clsx'
-import * as _sindresorhus_slugify from '@sindresorhus/slugify'
-
-declare function Accordion({
-  ...props
-}: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function AccordionItem({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element
-declare function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function AccordionContent({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element
-
-declare const alertVariants: (
-  props?:
-    | ({
-        variant?: 'default' | 'destructive' | null | undefined
-      } & class_variance_authority_types.ClassProp)
-    | undefined,
-) => string
-declare function Alert({
-  className,
-  variant,
-  ...props
-}: React$1.ComponentProps<'div'> &
-  VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element
-declare function AlertTitle({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
-declare function AlertDescription({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
-
-declare function AspectRatio({
-  ...props
-}: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element
-
-declare function Avatar({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function AvatarImage({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element
-declare function AvatarFallback({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element
-
-declare const badgeVariants: (
-  props?:
-    | ({
-        variant?: 'solid' | 'soft' | 'surface' | 'outline' | null | undefined
-        color?:
-          | 'primary/grey'
-          | 'light'
-          | 'primary/white'
-          | 'white'
-          | 'grey'
-          | 'primary'
-          | 'secondary'
-          | 'tertiary'
-          | 'accent'
-          | 'danger'
-          | 'success'
-          | 'warning'
-          | 'info'
-          | null
-          | undefined
-        size?: 'default' | 'sm' | 'lg' | null | undefined
-      } & class_variance_authority_types.ClassProp)
-    | undefined,
-) => string
-declare function Badge({
-  variant,
-  color,
-  size,
-  className,
-  ...props
-}: VariantProps<typeof badgeVariants> &
-  React__default.ComponentPropsWithoutRef<'span'>): react_jsx_runtime.JSX.Element
-declare const BadgeButton: React__default.ForwardRefExoticComponent<
-  (VariantProps<
-    (
-      props?:
-        | ({
-            variant?: 'solid' | 'soft' | 'surface' | 'outline' | null | undefined
-            color?:
-              | 'primary/grey'
-              | 'light'
-              | 'primary/white'
-              | 'white'
-              | 'grey'
-              | 'primary'
-              | 'secondary'
-              | 'tertiary'
-              | 'accent'
-              | 'danger'
-              | 'success'
-              | 'warning'
-              | 'info'
-              | null
-              | undefined
-            size?: 'default' | 'sm' | 'lg' | null | undefined
-          } & class_variance_authority_types.ClassProp)
-        | undefined,
-    ) => string
-  > &
-    ({
-      className?: string
-      children: React__default.ReactNode
-    } & (
-      | Omit<Headless.ButtonProps<'button'>, 'className' | 'as'>
-      | Omit<
-          Omit<
-            {
-              href: string | url.UrlObject
-              as?: string | url.UrlObject
-              replace?: boolean
-              scroll?: boolean
-              shallow?: boolean
-              passHref?: boolean
-              prefetch?: boolean | null
-              locale?: string | false
-              legacyBehavior?: boolean
-              onMouseEnter?: React__default.MouseEventHandler<HTMLAnchorElement>
-              onTouchStart?: React__default.TouchEventHandler<HTMLAnchorElement>
-              onClick?: React__default.MouseEventHandler<HTMLAnchorElement>
-              onNavigate?: (event: { preventDefault: () => void }) => void
-            } & Omit<
-              React__default.DetailedHTMLProps<
-                React__default.AnchorHTMLAttributes<HTMLAnchorElement>,
-                HTMLAnchorElement
-              >,
-              'ref'
-            > &
-              React__default.RefAttributes<HTMLAnchorElement>,
-            'ref'
-          >,
-          'className'
-        >
-    ))) &
-    React__default.RefAttributes<HTMLElement>
->
-
-type IconProps = React.HTMLAttributes<SVGElement>
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { Dispatch, SetStateAction, ReactNode } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as url from 'url';
+import * as Headless from '@headlessui/react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Command as Command$1 } from 'cmdk';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { ToasterProps } from 'sonner';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { ThemeProviderProps } from 'next-themes';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as RechartsPrimitive from 'recharts';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps as VariantProps$1 } from 'tailwind-variants';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { DayPicker, DayButton } from 'react-day-picker';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { OTPInput } from 'input-otp';
+import { ClassValue } from 'clsx';
+import * as _sindresorhus_slugify from '@sindresorhus/slugify';
+
+declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React$1.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
+declare function AlertTitle({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function AlertDescription({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "solid" | "soft" | "surface" | "outline" | null | undefined;
+    color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ variant, color, size, className, ...props }: VariantProps<typeof badgeVariants> & React__default.ComponentPropsWithoutRef<'span'>): react_jsx_runtime.JSX.Element;
+declare const BadgeButton: React__default.ForwardRefExoticComponent<(VariantProps<(props?: ({
+    variant?: "solid" | "soft" | "surface" | "outline" | null | undefined;
+    color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & ({
+    className?: string;
+    children: React__default.ReactNode;
+} & (Omit<Headless.ButtonProps<"button">, "className" | "as"> | Omit<Omit<{
+    href: string | url.UrlObject;
+    as?: string | url.UrlObject;
+    replace?: boolean;
+    scroll?: boolean;
+    shallow?: boolean;
+    passHref?: boolean;
+    prefetch?: boolean | null;
+    locale?: string | false;
+    legacyBehavior?: boolean;
+    onMouseEnter?: React__default.MouseEventHandler<HTMLAnchorElement>;
+    onTouchStart?: React__default.TouchEventHandler<HTMLAnchorElement>;
+    onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
+    onNavigate?: (event: {
+        preventDefault: () => void;
+    }) => void;
+} & Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React__default.RefAttributes<HTMLAnchorElement>, "ref">, "className">))) & React__default.RefAttributes<HTMLElement>>;
+
+type IconProps = React.HTMLAttributes<SVGElement>;
 interface LayoutProps {
-  children: React.ReactNode
-  sitename?: string
-  toc?: boolean
-}
-type Format = 'hex' | 'oklch' | 'hsl' | 'rgb'
-type Variant = 'shades' | 'theme'
-type Output = 'css' | 'ts' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js'
-type ViewMode = 'grid' | 'list'
-type DataType = 'css' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js'
-type ThemeCategory = 'brand' | 'aboriginal'
-type ThemeOption = string
+    children: React.ReactNode;
+    sitename?: string;
+    toc?: boolean;
+}
+type Format = 'hex' | 'oklch' | 'hsl' | 'rgb';
+type Variant = 'shades' | 'theme';
+type Output = 'css' | 'ts' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js';
+type ViewMode = 'grid' | 'list';
+type DataType = 'css' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js';
+type ThemeCategory = 'brand' | 'aboriginal';
+type ThemeOption = string;
 type ColorProperty = {
-  value:
-    | string
-    | {
-        colorSpace: string
-        channels: number[]
-        alpha: number
-      }
-  type: 'color'
-}
+    value: string | {
+        colorSpace: string;
+        channels: number[];
+        alpha: number;
+    };
+    type: 'color';
+};
 type Palette = {
-  baseColors: string[]
-  name: string
-  themeColor?: string
-}
+    baseColors: string[];
+    name: string;
+    themeColor?: string;
+};
 interface ColourScaleProps {
-  colorsToUse: ColorData[]
+    colorsToUse: ColorData[];
 }
 type colorCategories = {
-  name: string
-  colors: {
-    token: string
-    oklch: string
-    hex: string
-    rgb: string
-    hsl: string
-    name?: string
-  }[]
-}
+    name: string;
+    colors: {
+        token: string;
+        oklch: string;
+        hex: string;
+        rgb: string;
+        hsl: string;
+        name?: string;
+    }[];
+};
 type ColorThemes = {
-  [key: string]: {
-    [key: string]: colorCategories
-  }
-}
+    [key: string]: {
+        [key: string]: colorCategories;
+    };
+};
 type ColorTheme = {
-  [key: string]: {
-    name: string
-    colors: {
-      token: string
-      oklch: string
-      hex: string
-      rgb: string
-      hsl: string
-      name?: string
-    }[]
-  }
-}
+    [key: string]: {
+        name: string;
+        colors: {
+            token: string;
+            oklch: string;
+            hex: string;
+            rgb: string;
+            hsl: string;
+            name?: string;
+        }[];
+    };
+};
 interface ColorCardProps {
-  name: string
-  token: string
-  hex: string
-  rgb: string
-  hsl: string
-  oklch: string
-  format: 'hex' | 'rgb' | 'hsl' | 'oklch'
-  viewMode: 'grid' | 'list'
+    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;
 }
 interface ColorData {
-  oklch: string
-  hex: string
-  rgb: string
-  hsl: string
-  [key: string]: string
+    oklch: string;
+    hex: string;
+    rgb: string;
+    hsl: string;
+    [key: string]: string;
 }
 interface ColorsDisplayProps {
-  colorCategories?: colorCategories[]
-  baseColors?: string[]
-  themeColor?: string | undefined
-  colorsToUse: ColorData[]
-  paletteName: string
-  variant: Variant
-  format: Format
-  viewMode: ViewMode
+    colorCategories?: colorCategories[];
+    baseColors?: string[];
+    themeColor?: string | undefined;
+    colorsToUse: ColorData[];
+    paletteName: string;
+    variant: Variant;
+    format: Format;
+    viewMode: ViewMode;
 }
 interface ColorSwatchesProps {
-  theme: Color[]
-  format: Format
-  viewMode: ViewMode
+    theme: Color[];
+    format: Format;
+    viewMode: ViewMode;
 }
 interface ColourOutputProps {
-  colorCategories: colorCategories[]
-  colorsToUse: ColorData[]
-  paletteName: string
-  format: Format
-  output: Output
-  variant: Variant
+    colorCategories: colorCategories[];
+    colorsToUse: ColorData[];
+    paletteName: string;
+    format: Format;
+    output: Output;
+    variant: Variant;
 }
 interface ThemeSelectorProps {
-  themeCategory: ThemeCategory
-  setThemeCategory: (category: ThemeCategory) => void
-  primaryColor: string
-  setPrimaryColor: (color: string) => void
-  accentColor: string
-  setAccentColor: (color: string) => void
-  greyColor: string
-  setGreyColor: (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;
+    greyColor: string;
+    setGreyColor: (color: string) => void;
+    availableAccentColors: string[];
+    colorThemes: ColorThemes;
 }
 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';
+        }>;
+    };
 }
 interface FormatToggleProps {
-  format: Format
-  setFormat: (format: Format) => void
+    format: Format;
+    setFormat: (format: Format) => void;
 }
 interface DataTypeSelectProps {
-  dataType: DataType
-  setDataType: (format: DataType) => void
+    dataType: DataType;
+    setDataType: (format: DataType) => void;
 }
 type TableOfContentsItem = {
-  id: string
-  children: TableOfContentsItem[]
-  title: string
-}
+    id: string;
+    children: TableOfContentsItem[];
+    level: number;
+    title: string;
+};
 type TableOfContentsProps = {
-  tableOfContents: TableOfContentsItem[]
-}
+    tableOfContents: TableOfContentsItem[];
+};
 interface TocContextType {
-  toc: boolean
-  setToc: Dispatch<SetStateAction<boolean>>
+    toc: boolean;
+    setToc: Dispatch<SetStateAction<boolean>>;
 }
 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$1 = {
-  href: string
-  title: string
-  links?: Link$1[]
-}
+    href: string;
+    title: string;
+    links?: Link$1[];
+};
 type NavigationLink = {
-  id?: string
-  title: string
-  href: string
-  links?: NavigationLink[]
-}
+    id?: string;
+    title: string;
+    href: string;
+    links?: NavigationLink[];
+};
 type NavigationSection = {
-  title: string
-  href?: string
-  links?: NavigationLink[]
-}
+    title: string;
+    href?: string;
+    links?: NavigationLink[];
+};
 interface PrevNextLinksProps {
-  navigation: NavigationSection[]
+    navigation: NavigationSection[];
 }
 type SidebarLinkProps = {
-  link: Link$1
-  pathname: string
-  onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>
-  depth: number
-}
+    link: Link$1;
+    pathname: string;
+    onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    depth: number;
+};
 interface BreadcrumbsProps {
-  homeLabel?: string
-  /**
-   * Custom labels for specific paths
-   * e.g. { "/dashboard": "Control Panel", "/users/[id]": "User Profile" }
-   */
-  pathLabels?: Record<string, string>
-  /**
-   * Whether to show the home breadcrumb
-   */
-  showHome?: boolean
-  /**
-   * Whether to transform path segments to title case (e.g., "my-page" -> "My Page")
-   */
-  transformLabel?: boolean
-  /**
-   * Maximum number of items to show before collapsing into dropdown
-   */
-  maxItems?: number
-  /**
-   * Force showing breadcrumbs even on home page
-   */
-  forceShow?: boolean
-  /**
-   * Override the current path (for demonstration purposes)
-   */
-  demoPath?: string
-}
-type View = 'desktop' | 'tablet' | 'mobile'
-declare const languages: readonly [
-  'bash',
-  'css',
-  'javascript',
-  'js',
-  'json',
-  'jsx',
-  'ts',
-  'tsx',
-  'typescript',
-  'html',
-]
-type Language = (typeof languages)[number]
-type IFrameData = number | IFrameOptions
+    homeLabel?: string;
+    /**
+     * Custom labels for specific paths
+     * e.g. { "/dashboard": "Control Panel", "/users/[id]": "User Profile" }
+     */
+    pathLabels?: Record<string, string>;
+    /**
+     * Whether to show the home breadcrumb
+     */
+    showHome?: boolean;
+    /**
+     * Whether to transform path segments to title case (e.g., "my-page" -> "My Page")
+     */
+    transformLabel?: boolean;
+    /**
+     * Maximum number of items to show before collapsing into dropdown
+     */
+    maxItems?: number;
+    /**
+     * Force showing breadcrumbs even on home page
+     */
+    forceShow?: boolean;
+    /**
+     * Override the current path (for demonstration purposes)
+     */
+    demoPath?: string;
+}
+type View = 'desktop' | 'tablet' | 'mobile';
+declare const languages: readonly ["bash", "css", "javascript", "js", "json", "jsx", "ts", "tsx", "typescript", "html"];
+type Language = (typeof languages)[number];
+type IFrameData = number | IFrameOptions;
 interface IFrameOptions {
-  src: string
-  width?: number | undefined
-  height: number
-  noPadding?: boolean
+    src: string;
+    width?: number | undefined;
+    height: number;
+    noPadding?: boolean;
 }
 interface BaseCodeData<T extends 'single' | 'variant'> {
-  type: T
-  githubSlug: string
-  component: React.ReactNode
+    type: T;
+    githubSlug: string;
+    component: React.ReactNode;
 }
 interface VariantCodeData<V extends Variants> extends BaseCodeData<'variant'> {
-  variant: V
-  code: CodeVariant<V>
-  labels?: Record<string, string>
-  iframe?: IFrameData | IFrameMap<V>
+    variant: V;
+    code: CodeVariant<V>;
+    labels?: Record<string, string>;
+    iframe?: IFrameData | IFrameMap<V>;
 }
 interface SingleCodeData extends BaseCodeData<'single'> {
-  code: Code$1
-  iframe?: IFrameData
+    code: Code$1;
+    iframe?: IFrameData;
 }
 interface CodeItem {
-  fileName: string
-  language: Language
-  code: string
-}
-type Variants = string
-type CodeVariant<V extends Variants> = Record<V, Code$1>
-type Code$1 = CodeItem | [CodeItem, ...CodeItem[]]
-type CodeData<V extends Variants = Variants> = SingleCodeData | VariantCodeData<V>
+    fileName: string;
+    language: Language;
+    code: string;
+}
+type Variants = string;
+type CodeVariant<V extends Variants> = Record<V, Code$1>;
+type Code$1 = CodeItem | [CodeItem, ...CodeItem[]];
+type CodeData<V extends Variants = Variants> = SingleCodeData | VariantCodeData<V>;
 interface CodeDemoProps {
-  data: CodeData
-  hide?: {
-    rtl?: boolean
-    darkMode?: boolean
-    themeSelector?: boolean
-  }
+    data: CodeData;
+    hide?: {
+        rtl?: boolean;
+        darkMode?: boolean;
+        themeSelector?: boolean;
+    };
 }
 interface CodeHighlightProps extends React.ComponentProps<'pre'> {
-  code: string
-  language: Language
-  withCopy?: boolean
+    code: string;
+    language: Language;
+    withCopy?: boolean;
 }
 type ThemeMessage = {
-  type: 'nswds-theme'
-  payload: {
-    [key: string]: string
-  }
-}
+    type: 'nswds-theme';
+    payload: {
+        [key: string]: string;
+    };
+};
 type IFrameProps = {
-  iframe: IFrameData
-  isRTL: boolean
-  isDarkMode: boolean | null
-  sandbox?: string
-}
+    iframe: IFrameData;
+    isRTL: boolean;
+    isDarkMode: boolean | null;
+    sandbox?: string;
+};
 interface ThemeSelectorDropDownProps {
-  themeCategory: ThemeCategory
-  setThemeCategory: (category: ThemeCategory) => void
-  primaryColor: string
-  setPrimaryColor: (color: string) => void
-  accentColor: string
-  setAccentColor: (color: string) => void
-  greyColor: string
-  setGreyColor: (color: string) => void
-}
-type IFrameMap<V extends Variants = Variants> = Record<V, IFrameOptions>
+    themeCategory: ThemeCategory;
+    setThemeCategory: (category: ThemeCategory) => void;
+    primaryColor: string;
+    setPrimaryColor: (color: string) => void;
+    accentColor: string;
+    setAccentColor: (color: string) => void;
+    greyColor: string;
+    setGreyColor: (color: string) => void;
+}
+type IFrameMap<V extends Variants = Variants> = Record<V, IFrameOptions>;
 interface TypeSpecs {
-  size: string
-  lineHeight: string
-  letterSpacing: string
+    size: string;
+    lineHeight: string;
+    letterSpacing: string;
 }
 interface HeadingTypeProps {
-  trim: 'normal' | 'start' | 'end' | 'both'
-  size: 1 | 2 | 3 | 4 | 5 | 6
-  level: 1 | 2 | 3 | 4 | 5 | 6
-  display: boolean
+    trim: 'normal' | 'start' | 'end' | 'both';
+    size: 1 | 2 | 3 | 4 | 5 | 6;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    display: boolean;
 }
 interface TextTypeProps {
-  trim: 'normal' | 'start' | 'end' | 'both'
-  size: 1 | 2 | 3 | 4
-  level: 1 | 2 | 3 | 4
-  label: boolean
-}
-type TypeExampleProps =
-  | {
-      name: string
-      specs: TypeSpecs
-      typeProps: HeadingTypeProps
-    }
-  | {
-      name: string
-      specs: TypeSpecs
-      typeProps: TextTypeProps
-    }
-type FormStatus$1 = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start'
-
-declare function BaseColorSwatches({
-  baseColors,
-  format,
-}: {
-  baseColors: string[] | undefined
-  format: Format
-}): react_jsx_runtime.JSX.Element
-
-declare function Breadcrumb({
-  ...props
-}: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element
-declare function BreadcrumbList({
-  className,
-  ...props
-}: React$1.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element
-declare function BreadcrumbItem({
-  className,
-  ...props
-}: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element
-declare function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: React$1.ComponentProps<'a'> & {
-  asChild?: boolean
-}): react_jsx_runtime.JSX.Element
-declare function BreadcrumbPage({
-  className,
-  ...props
-}: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element
-declare function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element
-
-declare function Breadcrumbs({
-  homeLabel,
-  pathLabels,
-  showHome,
-  transformLabel,
-  maxItems,
-  forceShow,
-  demoPath,
-}: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null
-
-declare const Link: React__default.ForwardRefExoticComponent<
-  {
-    href: string | url.UrlObject
-    as?: string | url.UrlObject
-    replace?: boolean
-    scroll?: boolean
-    shallow?: boolean
-    passHref?: boolean
-    prefetch?: boolean | null
-    locale?: string | false
-    legacyBehavior?: boolean
-    onMouseEnter?: React__default.MouseEventHandler<HTMLAnchorElement>
-    onTouchStart?: React__default.TouchEventHandler<HTMLAnchorElement>
-    onClick?: React__default.MouseEventHandler<HTMLAnchorElement>
-    onNavigate?: (event: { preventDefault: () => void }) => void
-  } & Omit<
-    React__default.DetailedHTMLProps<
-      React__default.AnchorHTMLAttributes<HTMLAnchorElement>,
-      HTMLAnchorElement
-    >,
-    'ref'
-  > &
-    React__default.RefAttributes<HTMLAnchorElement>
->
-
-declare const buttonVariants: (
-  props?:
-    | ({
-        variant?: 'solid' | 'soft' | 'surface' | 'outline' | 'ghost' | null | undefined
-        color?:
-          | 'primary/grey'
-          | 'light'
-          | 'primary/white'
-          | 'white'
-          | 'grey'
-          | 'primary'
-          | 'secondary'
-          | 'tertiary'
-          | 'accent'
-          | 'danger'
-          | null
-          | undefined
-        size?: 'default' | 'icon' | 'sm' | 'lg' | null | undefined
-      } & class_variance_authority_types.ClassProp)
-    | undefined,
-) => string
+    trim: 'normal' | 'start' | 'end' | 'both';
+    size: 1 | 2 | 3 | 4;
+    level: 1 | 2 | 3 | 4;
+    label: boolean;
+}
+type TypeExampleProps = {
+    name: string;
+    specs: TypeSpecs;
+    typeProps: HeadingTypeProps;
+} | {
+    name: string;
+    specs: TypeSpecs;
+    typeProps: TextTypeProps;
+};
+type FormStatus$1 = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
+
+declare function BaseColorSwatches({ baseColors, format, }: {
+    baseColors: string[] | undefined;
+    format: Format;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Breadcrumb({ ...props }: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare function Breadcrumbs({ homeLabel, pathLabels, showHome, transformLabel, maxItems, forceShow, demoPath, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
+
+declare const Link: React__default.ForwardRefExoticComponent<{
+    href: string | url.UrlObject;
+    as?: string | url.UrlObject;
+    replace?: boolean;
+    scroll?: boolean;
+    shallow?: boolean;
+    passHref?: boolean;
+    prefetch?: boolean | null;
+    locale?: string | false;
+    legacyBehavior?: boolean;
+    onMouseEnter?: React__default.MouseEventHandler<HTMLAnchorElement>;
+    onTouchStart?: React__default.TouchEventHandler<HTMLAnchorElement>;
+    onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
+    onNavigate?: (event: {
+        preventDefault: () => void;
+    }) => void;
+} & Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "solid" | "soft" | "surface" | "outline" | "ghost" | null | undefined;
+    color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | "danger" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants> & {
-  className?: string
-  children: React__default.ReactNode
-} & (
-    | Omit<Headless.ButtonProps, 'as' | 'className'>
-    | Omit<React__default.ComponentPropsWithoutRef<typeof Link>, 'className'>
-  )
-declare const Button: React__default.ForwardRefExoticComponent<
-  ButtonProps & React__default.RefAttributes<HTMLElement>
->
+    className?: string;
+    children: React__default.ReactNode;
+} & (Omit<Headless.ButtonProps, 'as' | 'className'> | Omit<React__default.ComponentPropsWithoutRef<typeof Link>, 'className'>);
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLElement>>;
 /**
  * Expand the hit area to at least 44×44px on touch devices
  */
-declare function TouchTarget({
-  children,
-}: {
-  children: React__default.ReactNode
-}): 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 Checkbox({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element
-
-declare function CodeDemo({ data, hide }: CodeDemoProps): react_jsx_runtime.JSX.Element
-
-declare function CodeHighlight({
-  code,
-  language,
-  className,
-  withCopy,
-  ...props
-}: CodeHighlightProps): react_jsx_runtime.JSX.Element
-
-declare function Collapsible({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function CollapsibleTrigger({
-  ...props
-}: React.ComponentProps<
-  typeof CollapsiblePrimitive.CollapsibleTrigger
->): react_jsx_runtime.JSX.Element
-declare function CollapsibleContent({
-  ...props
-}: React.ComponentProps<
-  typeof CollapsiblePrimitive.CollapsibleContent
->): react_jsx_runtime.JSX.Element
-
-declare function ColorCard({
-  name,
-  token,
-  hex,
-  rgb,
-  hsl,
-  oklch,
-  format,
-  viewMode,
-}: ColorCardProps): react_jsx_runtime.JSX.Element
-
-declare function ColourScale({ colorsToUse }: ColourScaleProps): react_jsx_runtime.JSX.Element
-
-declare function ColorSwatches({
-  theme,
-  format,
-  viewMode,
-}: ColorSwatchesProps): react_jsx_runtime.JSX.Element
-
-declare function Dialog({
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function DialogTrigger({
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function DialogPortal({
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element
-declare function DialogClose({
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element
-declare function DialogOverlay({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element
-declare function DialogContent({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Content>): react_jsx_runtime.JSX.Element
-declare function DialogHeader({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
-declare function DialogFooter({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
-declare function DialogTitle({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element
-declare function DialogDescription({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element
-
-declare function Command({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element
-declare function CommandDialog({
-  title,
-  description,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof Dialog> & {
-  title?: string
-  description?: string
-}): react_jsx_runtime.JSX.Element
-declare function CommandInput({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element
-declare function CommandList({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element
-declare function CommandEmpty({
-  ...props
-}: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element
-declare function CommandGroup({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element
-declare function CommandSeparator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element
-declare function CommandItem({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element
-declare function CommandShortcut({
-  className,
-  ...props
-}: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element
-
-declare function ContextMenu({
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function ContextMenuTrigger({
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function ContextMenuGroup({
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element
-declare function ContextMenuPortal({
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element
-declare function ContextMenuSub({
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element
-declare function ContextMenuRadioGroup({
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element
-declare function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
-  inset?: boolean
-}): react_jsx_runtime.JSX.Element
-declare function ContextMenuSubContent({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element
-declare function ContextMenuContent({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element
-declare function ContextMenuItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
-  inset?: boolean
-  variant?: 'default' | 'destructive'
-}): react_jsx_runtime.JSX.Element
-declare function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element
-declare function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element
-declare function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
-  inset?: boolean
-}): react_jsx_runtime.JSX.Element
-declare function ContextMenuSeparator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element
-declare function ContextMenuShortcut({
-  className,
-  ...props
-}: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element
-
-declare function Drawer({
-  ...props
-}: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element
-declare function DrawerTrigger({
-  ...props
-}: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element
-declare function DrawerPortal({
-  ...props
-}: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element
-declare function DrawerClose({
-  ...props
-}: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element
-declare function DrawerOverlay({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element
-declare function DrawerContent({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element
-declare function DrawerHeader({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
-declare function DrawerFooter({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
-declare function DrawerTitle({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element
-declare function DrawerDescription({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element
-
-declare function DropdownMenu({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuPortal({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuTrigger({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuContent({
-  className,
-  sideOffset,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuGroup({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean
-  variant?: 'default' | 'destructive'
-}): react_jsx_runtime.JSX.Element
-declare function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuRadioGroup({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean
-}): react_jsx_runtime.JSX.Element
-declare function DropdownMenuSeparator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuShortcut({
-  className,
-  ...props
-}: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuSub({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element
-declare function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean
-}): react_jsx_runtime.JSX.Element
-declare function DropdownMenuSubContent({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element
+declare function TouchTarget({ children }: {
+    children: React__default.ReactNode;
+}): 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 Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function CodeDemo({ data, hide }: CodeDemoProps): react_jsx_runtime.JSX.Element;
+
+declare function CodeHighlight({ code, language, className, withCopy, ...props }: CodeHighlightProps): react_jsx_runtime.JSX.Element;
+
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+
+declare function ColorCard({ name, token, hex, rgb, hsl, oklch, format, viewMode }: ColorCardProps): react_jsx_runtime.JSX.Element;
+
+declare function ColourScale({ colorsToUse }: ColourScaleProps): react_jsx_runtime.JSX.Element;
+
+declare function ColorSwatches({ theme, format, viewMode }: ColorSwatchesProps): react_jsx_runtime.JSX.Element;
+
+declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+declare function CommandDialog({ title, description, children, ...props }: React$1.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
+
+declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
 
 interface DynamicFaviconProps {
-  lightModeFavicon: string
-  darkModeFavicon: string
+    lightModeFavicon: string;
+    darkModeFavicon: string;
 }
-declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null
-
-declare const ExpandableSearch: React$1.ForwardRefExoticComponent<
-  React$1.HTMLAttributes<HTMLFormElement> & {
-    onAction?: (value: string) => void
-    defaultValue?: string
-  } & React$1.RefAttributes<HTMLFormElement>
->
-declare const ExpandableSearchField: React$1.ForwardRefExoticComponent<
-  React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>
->
-
-declare function FooterSocialLink({
-  href,
-  icon: Icon,
-  children,
-}: {
-  href: string
-  icon: React.ComponentType<{
-    className?: string
-  }>
-  children: React.ReactNode
-}): react_jsx_runtime.JSX.Element
-declare function FooterAcknowledgement(): react_jsx_runtime.JSX.Element
-declare function FooterSmallPrint({
-  socialLinks,
-  department,
-}: {
-  socialLinks?: Array<{
-    name: string
-    href: string
-    icon: React.ComponentType<{
-      className?: string
-    }>
-  }>
-  department?: string
-}): react_jsx_runtime.JSX.Element
-declare function FooterLegalLinks({
-  legalLinks,
-}: {
-  legalLinks: Array<{
-    name: string
-    href: string
-  }>
-}): react_jsx_runtime.JSX.Element
-declare function Footer({
-  legalLinks,
-  department,
-  socialLinks,
-}: {
-  legalLinks: Array<{
-    name: string
-    href: string
-  }>
-  department?: string
-  socialLinks?: Array<{
-    name: string
-    href: string
+declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null;
+
+declare const ExpandableSearch: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLFormElement> & {
+    onAction?: (value: string) => void;
+    defaultValue?: string;
+} & React$1.RefAttributes<HTMLFormElement>>;
+declare const ExpandableSearchField: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
+
+declare function FooterSocialLink({ href, icon: Icon, children, }: {
+    href: string;
     icon: React.ComponentType<{
-      className?: string
-    }>
-  }>
-}): react_jsx_runtime.JSX.Element
-
-declare const Form: <
-  TFieldValues extends FieldValues,
-  TContext = any,
-  TTransformedValues = TFieldValues,
->(
-  props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>,
-) => React$1.JSX.Element
-declare const FormField: <
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->({
-  ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element
+        className?: string;
+    }>;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FooterAcknowledgement(): react_jsx_runtime.JSX.Element;
+declare function FooterSmallPrint({ socialLinks, department, }: {
+    socialLinks?: Array<{
+        name: string;
+        href: string;
+        icon: React.ComponentType<{
+            className?: string;
+        }>;
+    }>;
+    department?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FooterLegalLinks({ legalLinks }: {
+    legalLinks: Array<{
+        name: string;
+        href: string;
+    }>;
+}): react_jsx_runtime.JSX.Element;
+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 const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 declare const useFormField: () => {
-  invalid: boolean
-  isDirty: boolean
-  isTouched: boolean
-  isValidating: boolean
-  error?: react_hook_form.FieldError
-  id: string
-  name: string
-  formItemId: string
-  formDescriptionId: string
-  formMessageId: string
-}
-declare function FormItem({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
-declare function FormLabel({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function FormControl({
-  ...props
-}: React$1.ComponentProps<typeof Slot>): react_jsx_runtime.JSX.Element
-declare function FormDescription({
-  className,
-  ...props
-}: React$1.ComponentProps<'p'>): react_jsx_runtime.JSX.Element
-declare function FormMessage({
-  className,
-  ...props
-}: React$1.ComponentProps<'p'>): react_jsx_runtime.JSX.Element | null
-
-declare function FormatToggle({
-  format,
-  setFormat,
-}: FormatToggleProps): react_jsx_runtime.JSX.Element
-
-type BaseProps$1 = React.ComponentPropsWithoutRef<'h1'>
-type HeadingProps =
-  | ({
-      display?: false
-      size?: 1 | 2 | 3 | 4 | 5 | 6
-      trim?: 'normal' | 'start' | 'end' | 'both'
-      level?: 1 | 2 | 3 | 4 | 5 | 6
-    } & BaseProps$1)
-  | ({
-      display: true
-      size?: 1 | 2 | 3 | 4
-      level?: 1 | 2 | 3 | 4 | 5 | 6
-      trim?: 'normal' | 'start' | 'end' | 'both'
-    } & BaseProps$1)
-declare function Heading({
-  className,
-  trim,
-  size,
-  level,
-  display,
-  ...props
-}: HeadingProps): react_jsx_runtime.JSX.Element
-
-declare function Header({
-  children,
-  sitename,
-  navigation,
-  version,
-  hide,
-}: {
-  children?: React.ReactNode
-  sitename?: string
-  navigation: NavigationSection[]
-  version?: boolean
-  hide?: {
-    search?: boolean
-    themeSwitcher?: boolean
-    github?: boolean
-    shadow?: boolean
-  }
-}): react_jsx_runtime.JSX.Element
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot>): react_jsx_runtime.JSX.Element;
+declare function FormDescription({ className, ...props }: React$1.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function FormMessage({ className, ...props }: React$1.ComponentProps<'p'>): react_jsx_runtime.JSX.Element | null;
+
+declare function FormatToggle({ format, setFormat }: FormatToggleProps): react_jsx_runtime.JSX.Element;
+
+type BaseProps$1 = React.ComponentPropsWithoutRef<'h1'>;
+type HeadingProps = ({
+    display?: false;
+    size?: 1 | 2 | 3 | 4 | 5 | 6;
+    trim?: 'normal' | 'start' | 'end' | 'both';
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+} & BaseProps$1) | ({
+    display: true;
+    size?: 1 | 2 | 3 | 4;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    trim?: 'normal' | 'start' | 'end' | 'both';
+} & BaseProps$1);
+declare function Heading({ className, trim, size, level, display, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+
+declare function Header({ children, sitename, navigation, version, hide, }: {
+    children?: React.ReactNode;
+    sitename?: string;
+    navigation: NavigationSection[];
+    version?: boolean;
+    hide?: {
+        search?: boolean;
+        themeSwitcher?: boolean;
+        github?: boolean;
+        shadow?: boolean;
+    };
+}): react_jsx_runtime.JSX.Element;
 
 declare const Icons: {
-  account_circle: (props: IconProps) => react_jsx_runtime.JSX.Element
-  add: (props: IconProps) => react_jsx_runtime.JSX.Element
-  attach_file: (props: IconProps) => react_jsx_runtime.JSX.Element
-  calendar_month: (props: IconProps) => react_jsx_runtime.JSX.Element
-  calendar_today: (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
-  circle: (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
-  contrast: (props: IconProps) => react_jsx_runtime.JSX.Element
-  copy: (props: IconProps) => react_jsx_runtime.JSX.Element
-  dark_mode: (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
-  dock_to_left: (props: IconProps) => react_jsx_runtime.JSX.Element
-  dock_to_right: (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
-  drag_indicator: (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
-  eye: (props: IconProps) => react_jsx_runtime.JSX.Element
-  favorite: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_align_center: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_align_justify: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_align_left: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_align_right: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_bold: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_color_text: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_h1: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_h2: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_h3: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_h4: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_italic: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_list_bulleted: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_list_numbered: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_quote: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_size: (props: IconProps) => react_jsx_runtime.JSX.Element
-  format_underlined: (props: IconProps) => react_jsx_runtime.JSX.Element
-  grid_on: (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
-  language: (props: IconProps) => react_jsx_runtime.JSX.Element
-  laptop: (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
-  mail: (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
-  notifications: (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
-  person: (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
-  sentiment_dissatisfied: (props: IconProps) => react_jsx_runtime.JSX.Element
-  sentiment_neutral: (props: IconProps) => react_jsx_runtime.JSX.Element
-  sentiment_satisfied: (props: IconProps) => react_jsx_runtime.JSX.Element
-  sentiment_very_dissatisfied: (props: IconProps) => react_jsx_runtime.JSX.Element
-  sentiment_very_satisfied: (props: IconProps) => react_jsx_runtime.JSX.Element
-  settings_brightness: (props: IconProps) => react_jsx_runtime.JSX.Element
-  settings: (props: IconProps) => react_jsx_runtime.JSX.Element
-  share: (props: IconProps) => react_jsx_runtime.JSX.Element
-  side_navigation: (props: IconProps) => react_jsx_runtime.JSX.Element
-  smartphone: (props: IconProps) => react_jsx_runtime.JSX.Element
-  south: (props: IconProps) => react_jsx_runtime.JSX.Element
-  tablet: (props: IconProps) => react_jsx_runtime.JSX.Element
-  toc: (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
-  view_column: (props: IconProps) => react_jsx_runtime.JSX.Element
-  view_list: (props: IconProps) => react_jsx_runtime.JSX.Element
-  warning: (props: IconProps) => react_jsx_runtime.JSX.Element
-  west: (props: IconProps) => react_jsx_runtime.JSX.Element
-}
-
-declare function Input({
-  className,
-  type,
-  ...props
-}: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element
-
-declare function Label({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element
+    account_circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    add: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    attach_file: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    calendar_month: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    calendar_today: (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;
+    circle: (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;
+    contrast: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    copy: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    dark_mode: (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;
+    dock_to_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    dock_to_right: (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;
+    drag_indicator: (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;
+    eye: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    favorite: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_align_center: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_align_justify: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_align_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_align_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_bold: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_color_text: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_h1: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_h2: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_h3: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_h4: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_italic: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_list_bulleted: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_list_numbered: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_quote: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_size: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    format_underlined: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    grid_on: (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;
+    language: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    laptop: (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;
+    mail: (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;
+    notifications: (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;
+    person: (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;
+    sentiment_dissatisfied: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    sentiment_neutral: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    sentiment_satisfied: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    sentiment_very_dissatisfied: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    sentiment_very_satisfied: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    settings_brightness: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    settings: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    share: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    side_navigation: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    smartphone: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    south: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    tablet: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    toc: (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;
+    view_column: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    view_list: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    warning: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    west: (props: IconProps) => react_jsx_runtime.JSX.Element;
+};
+
+declare function Input({ className, type, ...props }: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
+
+declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
 interface ListProps extends React$1.HTMLAttributes<HTMLElement> {
-  asChild?: boolean
-  variant?: 'disc' | 'decimal' | 'icon' | 'none'
-  size?: 'sm' | 'md' | 'lg'
-  gap?: 'sm' | 'md' | 'lg'
-}
-type ListComponent = React$1.ForwardRefExoticComponent<
-  ListProps & React$1.RefAttributes<HTMLUListElement>
-> & {
-  Item: typeof ListItem
-}
+    asChild?: boolean;
+    variant?: 'disc' | 'decimal' | 'icon' | 'none';
+    size?: 'sm' | 'md' | 'lg';
+    gap?: 'sm' | 'md' | 'lg';
+}
+type ListComponent = React$1.ForwardRefExoticComponent<ListProps & React$1.RefAttributes<HTMLUListElement>> & {
+    Item: typeof ListItem;
+};
 interface ListItemProps extends React$1.LiHTMLAttributes<HTMLLIElement> {
-  icon?: React$1.ReactNode
-}
-declare const ListItem: React$1.ForwardRefExoticComponent<
-  ListItemProps & React$1.RefAttributes<HTMLLIElement>
->
-declare const _List: ListComponent
-
-declare function Logo(props: React.ComponentPropsWithoutRef<'svg'>): react_jsx_runtime.JSX.Element
-
-declare function Masthead(): react_jsx_runtime.JSX.Element
-
-declare function Menubar({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function MenubarMenu({
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element
-declare function MenubarGroup({
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element
-declare function MenubarPortal({
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element
-declare function MenubarRadioGroup({
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element
-declare function MenubarTrigger({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function MenubarContent({
-  className,
-  align,
-  alignOffset,
-  sideOffset,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime.JSX.Element
-declare function MenubarItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
-  inset?: boolean
-  variant?: 'default' | 'destructive'
-}): react_jsx_runtime.JSX.Element
-declare function MenubarCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element
-declare function MenubarRadioItem({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime.JSX.Element
-declare function MenubarLabel({
-  className,
-  inset,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
-  inset?: boolean
-}): react_jsx_runtime.JSX.Element
-declare function MenubarSeparator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime.JSX.Element
-declare function MenubarShortcut({
-  className,
-  ...props
-}: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element
-declare function MenubarSub({
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element
-declare function MenubarSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
-  inset?: boolean
-}): react_jsx_runtime.JSX.Element
-declare function MenubarSubContent({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime.JSX.Element
+    icon?: React$1.ReactNode;
+}
+declare const ListItem: React$1.ForwardRefExoticComponent<ListItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const _List: ListComponent;
+
+declare function Logo(props: React.ComponentPropsWithoutRef<'svg'>): react_jsx_runtime.JSX.Element;
+
+declare function Masthead(): react_jsx_runtime.JSX.Element;
+
+declare function Menubar({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
+declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): react_jsx_runtime.JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
 
 interface NavigationProps {
-  navigation: NavigationSection[]
-}
-declare function MainNavigation({ navigation }: NavigationProps): react_jsx_runtime.JSX.Element
-declare function TopLevel({ title, href }: Link$1): react_jsx_runtime.JSX.Element
-declare function MegaMenu({ title, href, links }: Link$1): 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
-
-declare function NavigationMenu({
-  className,
-  children,
-  viewport,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
-  viewport?: boolean
-}): react_jsx_runtime.JSX.Element
-declare function NavigationMenuList({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element
-declare function NavigationMenuItem({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element
-declare const navigationMenuTriggerStyle: (
-  props?: class_variance_authority_types.ClassProp | undefined,
-) => string
-declare function NavigationMenuTrigger({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function NavigationMenuContent({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element
-declare function NavigationMenuViewport({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element
-declare function NavigationMenuLink({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element
-declare function NavigationMenuIndicator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element
-
-declare function Pagination({
-  className,
-  ...props
-}: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element
-declare function PaginationContent({
-  className,
-  ...props
-}: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element
-declare function PaginationItem({
-  ...props
-}: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element
+    navigation: NavigationSection[];
+}
+declare function MainNavigation({ navigation }: NavigationProps): react_jsx_runtime.JSX.Element;
+declare function TopLevel({ title, href }: Link$1): react_jsx_runtime.JSX.Element;
+declare function MegaMenu({ title, href, links }: Link$1): 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;
+
+declare function NavigationMenu({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
+
+declare function Pagination({ className, ...props }: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
+declare function PaginationContent({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
+declare function PaginationItem({ ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
 type PaginationLinkProps = {
-  isActive?: boolean
-} & Pick<React$1.ComponentProps<typeof Button>, 'size'> &
-  React$1.ComponentProps<'a'>
-declare function PaginationLink({
-  className,
-  isActive,
-  size,
-  ...props
-}: PaginationLinkProps): react_jsx_runtime.JSX.Element
-declare function PaginationPrevious({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element
-declare function PaginationNext({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element
-declare function PaginationEllipsis({
-  className,
-  ...props
-}: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element
-
-declare function Popover({
-  ...props
-}: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function PopoverTrigger({
-  ...props
-}: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function PopoverContent({
-  className,
-  align,
-  sideOffset,
-  ...props
-}: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element
-declare function PopoverAnchor({
-  ...props
-}: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element
-
-declare function PrevNextLinksPageLink({
-  title,
-  href,
-  dir,
-  ...props
-}: Omit<React.ComponentPropsWithoutRef<'div'>, 'dir' | 'title'> & {
-  title: string
-  href: string
-  dir?: 'previous' | 'next'
-}): react_jsx_runtime.JSX.Element
-declare function PrevNextLinks({
-  navigation,
-}: PrevNextLinksProps): react_jsx_runtime.JSX.Element | null
-
-declare function PreWithCopy(
-  props: React.HTMLAttributes<HTMLPreElement>,
-): react_jsx_runtime.JSX.Element
-
-declare function Progress({
-  className,
-  value,
-  ...props
-}: React$1.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime.JSX.Element
-
-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 ResizablePanelGroup({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element
-declare function ResizablePanel({
-  ...props
-}: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element
-declare function ResizableHandle({
-  withHandle,
-  className,
-  ...props
-}: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-  withHandle?: boolean
-}): react_jsx_runtime.JSX.Element
-
-declare function ScrollArea({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function ScrollBar({
-  className,
-  orientation,
-  ...props
-}: React$1.ComponentProps<
-  typeof ScrollAreaPrimitive.ScrollAreaScrollbar
->): react_jsx_runtime.JSX.Element
-
-declare function Select({
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function SelectGroup({
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element
-declare function SelectValue({
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element
-declare function SelectTrigger({
-  className,
-  size,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
-  size?: 'sm' | 'default'
-}): react_jsx_runtime.JSX.Element
-declare function SelectContent({
-  className,
-  children,
-  position,
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element
-declare function SelectLabel({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element
-declare function SelectItem({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element
-declare function SelectSeparator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element
-declare function SelectScrollUpButton({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element
-declare function SelectScrollDownButton({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): 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 DialogPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function SheetTrigger({
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function SheetClose({
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element
-declare function SheetContent({
-  className,
-  children,
-  side,
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.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 DialogPrimitive.Title>): react_jsx_runtime.JSX.Element
-declare function SheetDescription({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.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 SidebarLink({
-  link,
-  pathname,
-  onLinkClick,
-  depth,
-}: SidebarLinkProps): react_jsx_runtime.JSX.Element
-
-type FormStatus = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start'
+    isActive?: boolean;
+} & Pick<React$1.ComponentProps<typeof Button>, 'size'> & React$1.ComponentProps<'a'>;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
+
+declare function PrevNextLinksPageLink({ title, href, dir, ...props }: Omit<React.ComponentPropsWithoutRef<'div'>, 'dir' | 'title'> & {
+    title: string;
+    href: string;
+    dir?: 'previous' | 'next';
+}): react_jsx_runtime.JSX.Element;
+declare function PrevNextLinks({ navigation }: PrevNextLinksProps): react_jsx_runtime.JSX.Element | null;
+
+declare function PreWithCopy(props: React.HTMLAttributes<HTMLPreElement>): react_jsx_runtime.JSX.Element;
+
+declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+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 ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
+declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+
+declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): 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 DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof DialogPrimitive.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 DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.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 SidebarLink({ link, pathname, onLinkClick, depth }: SidebarLinkProps): react_jsx_runtime.JSX.Element;
+
+type FormStatus = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
 
 interface FormStore<FD extends Record<string, unknown>> {
-  formData: FD
-  formStatus: Record<keyof FD & string, FormStatus>
-  isLoading: boolean
-  updateFormData: <K extends keyof FD>(page: K, data: Partial<FD[K]>) => void
-  updateFormStatus: (page: keyof FD & string, status: FormStatus) => void
-  resetForm: () => void
-  setIsLoading: (loading: boolean) => void
+    formData: FD;
+    formStatus: Record<keyof FD & string, FormStatus>;
+    isLoading: boolean;
+    updateFormData: <K extends keyof FD>(page: K, data: Partial<FD[K]>) => void;
+    updateFormStatus: (page: keyof FD & string, status: FormStatus) => void;
+    resetForm: () => void;
+    setIsLoading: (loading: boolean) => void;
 }
 declare function createFormStore<FD extends Record<string, unknown>>(opts: {
-  storageKey: string
-  initialFormData: FD
-  initialFormStatus: Record<keyof FD & string, FormStatus>
-}): zustand.UseBoundStore<
-  Omit<zustand.StoreApi<FormStore<FD>>, 'persist'> & {
+    storageKey: string;
+    initialFormData: FD;
+    initialFormStatus: Record<keyof FD & string, FormStatus>;
+}): zustand.UseBoundStore<Omit<zustand.StoreApi<FormStore<FD>>, "persist"> & {
     persist: {
-      setOptions: (
-        options: Partial<zustand_middleware.PersistOptions<FormStore<FD>, unknown>>,
-      ) => void
-      clearStorage: () => void
-      rehydrate: () => Promise<void> | void
-      hasHydrated: () => boolean
-      onHydrate: (fn: (state: FormStore<FD>) => void) => () => void
-      onFinishHydration: (fn: (state: FormStore<FD>) => void) => () => void
-      getOptions: () => Partial<zustand_middleware.PersistOptions<FormStore<FD>, unknown>>
-    }
-  }
->
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<FormStore<FD>, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: FormStore<FD>) => void) => () => void;
+        onFinishHydration: (fn: (state: FormStore<FD>) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<FormStore<FD>, unknown>>;
+    };
+}>;
 type FormStatusHook = () => {
-  formStatus: Record<string, FormStatus>
-}
+    formStatus: Record<string, FormStatus>;
+};
 
-type StepStatus =
-  | 'completed'
-  | 'saved'
-  | 'in-progress'
-  | 'error'
-  | 'not-started'
-  | 'cannot-start'
-  | 'default'
-  | undefined
+type StepStatus = 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start' | 'default' | undefined;
 interface StepNavigationProps {
-  className?: string
-  navigation: NavigationSection[]
-  useFormStore: FormStatusHook
-  getStatus?: (id: string, storeStatus: Record<string, string>) => StepStatus
-  onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>
+    className?: string;
+    navigation: NavigationSection[];
+    useFormStore: FormStatusHook;
+    getStatus?: (id: string, storeStatus: Record<string, string>) => StepStatus;
+    onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }
-declare function StepNavigation({
-  className,
-  navigation,
-  useFormStore,
-  getStatus,
-}: StepNavigationProps): react_jsx_runtime.JSX.Element
+declare function StepNavigation({ className, navigation, useFormStore, getStatus, }: StepNavigationProps): react_jsx_runtime.JSX.Element;
 
 interface Step {
-  title: string
-  description?: string
-  href: string
-  status?:
-    | 'default'
-    | 'completed'
-    | 'saved'
-    | 'in-progress'
-    | 'error'
-    | 'not-started'
-    | 'cannot-start'
+    title: string;
+    description?: string;
+    href: string;
+    status?: 'default' | 'completed' | 'saved' | 'in-progress' | 'error' | 'not-started' | 'cannot-start';
 }
 interface StepIndicatorProps extends React$1.HTMLAttributes<HTMLUListElement> {
-  array: Step[]
-  onLinkClick?: React$1.MouseEventHandler<HTMLAnchorElement>
+    array: Step[];
+    onLinkClick?: React$1.MouseEventHandler<HTMLAnchorElement>;
 }
-declare const StepIndicator: React$1.ForwardRefExoticComponent<
-  StepIndicatorProps & React$1.RefAttributes<HTMLUListElement>
->
-
-declare function SiteSearch({
-  navigation,
-}: {
-  navigation: NavigationSection[]
-}): react_jsx_runtime.JSX.Element
-
-declare function Skeleton({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element
-
-declare function Slider({
-  className,
-  defaultValue,
-  value,
-  min,
-  max,
-  ...props
-}: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element
+declare const StepIndicator: React$1.ForwardRefExoticComponent<StepIndicatorProps & React$1.RefAttributes<HTMLUListElement>>;
+
+declare function SiteSearch({ navigation }: {
+    navigation: NavigationSection[];
+}): react_jsx_runtime.JSX.Element;
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
 declare const Social: {
-  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
-}
+    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;
+};
 
-declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
 declare const theme: {
-  size: {
-    xs: string
-    sm: string
-    md: string
-    lg: string
-    xl: string
-  }
-}
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+};
 type SpinnerProps = {
-  className?: string
-  size?: keyof typeof theme.size
-} & React$1.HTMLAttributes<HTMLSpanElement>
-declare function Spinner({ className, size, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element
-
-declare function Switch({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element
-
-declare function Table({
-  className,
-  ...props
-}: React$1.ComponentProps<'table'>): react_jsx_runtime.JSX.Element
-declare function TableHeader({
-  className,
-  ...props
-}: React$1.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element
-declare function TableBody({
-  className,
-  ...props
-}: React$1.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element
-declare function TableFooter({
-  className,
-  ...props
-}: React$1.ComponentProps<'tfoot'>): react_jsx_runtime.JSX.Element
-declare function TableRow({
-  className,
-  ...props
-}: React$1.ComponentProps<'tr'>): react_jsx_runtime.JSX.Element
-declare function TableHead({
-  className,
-  ...props
-}: React$1.ComponentProps<'th'>): react_jsx_runtime.JSX.Element
-declare function TableCell({
-  className,
-  ...props
-}: React$1.ComponentProps<'td'>): react_jsx_runtime.JSX.Element
-declare function TableCaption({
-  className,
-  ...props
-}: React$1.ComponentProps<'caption'>): react_jsx_runtime.JSX.Element
-
-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
-
-type BaseProps = React.ComponentPropsWithoutRef<'p'>
-type TextProps =
-  | ({
-      label?: false
-      size?: 1 | 2 | 3 | 4
-      trim?: 'normal' | 'start' | 'end' | 'both'
-    } & BaseProps)
-  | ({
-      label: true
-      size?: 1 | 2 | 3 | 4
-      trim?: 'normal' | 'start' | 'end' | 'both'
-    } & BaseProps)
-declare function Text({
-  className,
-  trim,
-  size,
-  label,
-  ...props
-}: TextProps): react_jsx_runtime.JSX.Element
-declare function TextLink({
-  className,
-  ...props
-}: React.ComponentPropsWithoutRef<typeof Link>): react_jsx_runtime.JSX.Element
-declare function Strong({
-  className,
-  ...props
-}: React.ComponentPropsWithoutRef<'strong'>): react_jsx_runtime.JSX.Element
-declare function Code({
-  className,
-  ...props
-}: React.ComponentPropsWithoutRef<'code'>): react_jsx_runtime.JSX.Element
-
-declare function Textarea({
-  className,
-  ...props
-}: React$1.ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element
-
-declare function ThemeColorPalette(): react_jsx_runtime.JSX.Element
-
-declare function ThemeProvider({
-  children,
-  ...props
-}: ThemeProviderProps): react_jsx_runtime.JSX.Element
-
-declare function ThemeSelector({
-  themeCategory,
-  setThemeCategory,
-  primaryColor,
-  setPrimaryColor,
-  accentColor,
-  setAccentColor,
-  greyColor,
-  setGreyColor,
-  availableAccentColors,
-  colorThemes,
-}: ThemeSelectorProps): react_jsx_runtime.JSX.Element
-
-declare function ThemeSwitcher(): react_jsx_runtime.JSX.Element
-
-declare const TocContext: React$1.Context<TocContextType>
-declare function TocProvider({ children }: { children: ReactNode }): react_jsx_runtime.JSX.Element
-declare function useToc(): TocContextType
-
-declare const toggleVariants: (
-  props?:
-    | ({
-        variant?: 'outline' | 'ghost' | 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 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 TooltipProvider({
-  delayDuration,
-  ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element
-declare function Tooltip$1({
-  ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element
-declare function TooltipTrigger({
-  ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element
-declare function TooltipContent({
-  className,
-  sideOffset,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element
-
-declare function ViewToggle({
-  viewMode,
-  setViewMode,
-}: ViewToggleProps): react_jsx_runtime.JSX.Element
+    className?: string;
+    size?: keyof typeof theme.size;
+} & React$1.HTMLAttributes<HTMLSpanElement>;
+declare function Spinner({ className, size, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+declare function Switch({ className, ...props }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Table({ className, ...props }: React$1.ComponentProps<'table'>): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React$1.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React$1.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.ComponentProps<'tfoot'>): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React$1.ComponentProps<'tr'>): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React$1.ComponentProps<'th'>): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, ...props }: React$1.ComponentProps<'td'>): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.ComponentProps<'caption'>): react_jsx_runtime.JSX.Element;
+
+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;
+
+type BaseProps = React.ComponentPropsWithoutRef<'p'>;
+type TextProps = ({
+    label?: false;
+    size?: 1 | 2 | 3 | 4;
+    trim?: 'normal' | 'start' | 'end' | 'both';
+} & BaseProps) | ({
+    label: true;
+    size?: 1 | 2 | 3 | 4;
+    trim?: 'normal' | 'start' | 'end' | 'both';
+} & BaseProps);
+declare function Text({ className, trim, size, label, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+declare function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): react_jsx_runtime.JSX.Element;
+declare function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>): react_jsx_runtime.JSX.Element;
+declare function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>): react_jsx_runtime.JSX.Element;
+
+declare function Textarea({ className, ...props }: React$1.ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element;
+
+declare function ThemeColorPalette(): react_jsx_runtime.JSX.Element;
+
+declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function ThemeSelector({ themeCategory, setThemeCategory, primaryColor, setPrimaryColor, accentColor, setAccentColor, greyColor, setGreyColor, availableAccentColors, colorThemes, }: ThemeSelectorProps): react_jsx_runtime.JSX.Element;
+
+declare function ThemeSwitcher(): react_jsx_runtime.JSX.Element;
+
+declare const TocContext: React$1.Context<TocContextType>;
+declare function TocProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useToc(): TocContextType;
+
+declare const toggleVariants: (props?: ({
+    variant?: "outline" | "ghost" | 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 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 TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip$1({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function ViewToggle({ viewMode, setViewMode }: ViewToggleProps): react_jsx_runtime.JSX.Element;
 
 declare const THEMES: {
-  readonly light: ''
-  readonly dark: '.dark'
-}
+    readonly light: "";
+    readonly dark: ".dark";
+};
 type ChartConfig = {
-  [k in string]: {
-    label?: React$1.ReactNode
-    icon?: React$1.ComponentType
-  } & (
-    | {
-        color?: string
-        theme?: never
-      }
-    | {
-        color?: never
-        theme: Record<keyof typeof THEMES, string>
-      }
-  )
-}
-declare function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  ...props
-}: React$1.ComponentProps<'div'> & {
-  config: ChartConfig
-  children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children']
-}): react_jsx_runtime.JSX.Element
-declare const ChartStyle: ({
-  id,
-  config,
-}: {
-  id: string
-  config: ChartConfig
-}) => react_jsx_runtime.JSX.Element | null
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip
-declare function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator,
-  hideLabel,
-  hideIndicator,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey,
-}: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-  React$1.ComponentProps<'div'> & {
-    hideLabel?: boolean
-    hideIndicator?: boolean
-    indicator?: 'line' | 'dot' | 'dashed'
-    nameKey?: string
-    labelKey?: string
-  }): react_jsx_runtime.JSX.Element | null
-declare const ChartLegend: typeof RechartsPrimitive.Legend
-declare function ChartLegendContent({
-  className,
-  hideIcon,
-  payload,
-  verticalAlign,
-  nameKey,
-}: React$1.ComponentProps<'div'> &
-  Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
-    hideIcon?: boolean
-    nameKey?: string
-  }): react_jsx_runtime.JSX.Element | null
-
-type ColorUtility = 'bg' | 'stroke' | 'fill' | 'text'
+    [k in string]: {
+        label?: React$1.ReactNode;
+        icon?: React$1.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<'div'> & {
+    config: ChartConfig;
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}): react_jsx_runtime.JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<'div'> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+
+type ColorUtility = 'bg' | 'stroke' | 'fill' | 'text';
 declare const chartColors: {
-  readonly blue: {
-    readonly bg: 'bg-blue-500'
-    readonly stroke: 'stroke-blue-500'
-    readonly fill: 'fill-blue-500'
-    readonly text: 'text-blue-500'
-  }
-  readonly emerald: {
-    readonly bg: 'bg-emerald-500'
-    readonly stroke: 'stroke-emerald-500'
-    readonly fill: 'fill-emerald-500'
-    readonly text: 'text-emerald-500'
-  }
-  readonly violet: {
-    readonly bg: 'bg-violet-500'
-    readonly stroke: 'stroke-violet-500'
-    readonly fill: 'fill-violet-500'
-    readonly text: 'text-violet-500'
-  }
-  readonly amber: {
-    readonly bg: 'bg-amber-500'
-    readonly stroke: 'stroke-amber-500'
-    readonly fill: 'fill-amber-500'
-    readonly text: 'text-amber-500'
-  }
-  readonly gray: {
-    readonly bg: 'bg-gray-500'
-    readonly stroke: 'stroke-gray-500'
-    readonly fill: 'fill-gray-500'
-    readonly text: 'text-gray-500'
-  }
-  readonly cyan: {
-    readonly bg: 'bg-cyan-500'
-    readonly stroke: 'stroke-cyan-500'
-    readonly fill: 'fill-cyan-500'
-    readonly text: 'text-cyan-500'
-  }
-  readonly pink: {
-    readonly bg: 'bg-pink-500'
-    readonly stroke: 'stroke-pink-500'
-    readonly fill: 'fill-pink-500'
-    readonly text: 'text-pink-500'
-  }
-  readonly lime: {
-    readonly bg: 'bg-lime-500'
-    readonly stroke: 'stroke-lime-500'
-    readonly fill: 'fill-lime-500'
-    readonly text: 'text-lime-500'
-  }
-  readonly fuchsia: {
-    readonly bg: 'bg-fuchsia-500'
-    readonly stroke: 'stroke-fuchsia-500'
-    readonly fill: 'fill-fuchsia-500'
-    readonly text: 'text-fuchsia-500'
-  }
-}
-type AvailableChartColorsKeys = keyof typeof chartColors
-declare const AvailableChartColors: AvailableChartColorsKeys[]
-declare const constructCategoryColors: (
-  categories: string[],
-  colors: AvailableChartColorsKeys[],
-) => Map<string, AvailableChartColorsKeys>
-declare const getColorClassName: (color: AvailableChartColorsKeys, type: ColorUtility) => string
-declare const getYAxisDomain: (
-  autoMinValue: boolean,
-  minValue: number | undefined,
-  maxValue: number | undefined,
-) => (string | number)[]
-declare function hasOnlyOneValueForKey(array: any[], keyToCheck: string): boolean
-
-type TooltipProps$5 = Pick<ChartTooltipProps$4, 'active' | 'payload' | 'label'>
+    readonly blue: {
+        readonly bg: "bg-blue-500";
+        readonly stroke: "stroke-blue-500";
+        readonly fill: "fill-blue-500";
+        readonly text: "text-blue-500";
+    };
+    readonly emerald: {
+        readonly bg: "bg-emerald-500";
+        readonly stroke: "stroke-emerald-500";
+        readonly fill: "fill-emerald-500";
+        readonly text: "text-emerald-500";
+    };
+    readonly violet: {
+        readonly bg: "bg-violet-500";
+        readonly stroke: "stroke-violet-500";
+        readonly fill: "fill-violet-500";
+        readonly text: "text-violet-500";
+    };
+    readonly amber: {
+        readonly bg: "bg-amber-500";
+        readonly stroke: "stroke-amber-500";
+        readonly fill: "fill-amber-500";
+        readonly text: "text-amber-500";
+    };
+    readonly gray: {
+        readonly bg: "bg-gray-500";
+        readonly stroke: "stroke-gray-500";
+        readonly fill: "fill-gray-500";
+        readonly text: "text-gray-500";
+    };
+    readonly cyan: {
+        readonly bg: "bg-cyan-500";
+        readonly stroke: "stroke-cyan-500";
+        readonly fill: "fill-cyan-500";
+        readonly text: "text-cyan-500";
+    };
+    readonly pink: {
+        readonly bg: "bg-pink-500";
+        readonly stroke: "stroke-pink-500";
+        readonly fill: "fill-pink-500";
+        readonly text: "text-pink-500";
+    };
+    readonly lime: {
+        readonly bg: "bg-lime-500";
+        readonly stroke: "stroke-lime-500";
+        readonly fill: "fill-lime-500";
+        readonly text: "text-lime-500";
+    };
+    readonly fuchsia: {
+        readonly bg: "bg-fuchsia-500";
+        readonly stroke: "stroke-fuchsia-500";
+        readonly fill: "fill-fuchsia-500";
+        readonly text: "text-fuchsia-500";
+    };
+};
+type AvailableChartColorsKeys = keyof typeof chartColors;
+declare const AvailableChartColors: AvailableChartColorsKeys[];
+declare const constructCategoryColors: (categories: string[], colors: AvailableChartColorsKeys[]) => Map<string, AvailableChartColorsKeys>;
+declare const getColorClassName: (color: AvailableChartColorsKeys, type: ColorUtility) => string;
+declare const getYAxisDomain: (autoMinValue: boolean, minValue: number | undefined, maxValue: number | undefined) => (string | number)[];
+declare function hasOnlyOneValueForKey(array: any[], keyToCheck: string): boolean;
+
+type TooltipProps$5 = Pick<ChartTooltipProps$4, 'active' | 'payload' | 'label'>;
 type PayloadItem$4 = {
-  category: string
-  value: number
-  index: string
-  color: AvailableChartColorsKeys
-  type?: string
-  payload: any
-}
+    category: string;
+    value: number;
+    index: string;
+    color: AvailableChartColorsKeys;
+    type?: string;
+    payload: any;
+};
 interface ChartTooltipProps$4 {
-  active: boolean | undefined
-  payload: PayloadItem$4[]
-  label: string
-  valueFormatter: (value: number) => string
+    active: boolean | undefined;
+    payload: PayloadItem$4[];
+    label: string;
+    valueFormatter: (value: number) => string;
 }
 type BaseEventProps$4 = {
-  eventType: 'dot' | 'category'
-  categoryClicked: string
-  [key: string]: number | string
-}
-type AreaChartEventProps = BaseEventProps$4 | null | undefined
+    eventType: 'dot' | 'category';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type AreaChartEventProps = BaseEventProps$4 | null | undefined;
 interface AreaChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Record<string, any>[]
-  index: string
-  categories: string[]
-  colors?: AvailableChartColorsKeys[]
-  valueFormatter?: (value: number) => string
-  startEndOnly?: boolean
-  showXAxis?: boolean
-  showYAxis?: boolean
-  showGridLines?: boolean
-  yAxisWidth?: number
-  intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart'
-  showTooltip?: boolean
-  showLegend?: boolean
-  autoMinValue?: boolean
-  minValue?: number
-  maxValue?: number
-  allowDecimals?: boolean
-  onValueChange?: (value: AreaChartEventProps) => void
-  enableLegendSlider?: boolean
-  tickGap?: number
-  connectNulls?: boolean
-  xAxisLabel?: string
-  yAxisLabel?: string
-  type?: 'default' | 'stacked' | 'percent'
-  legendPosition?: 'left' | 'center' | 'right'
-  fill?: 'gradient' | 'solid' | 'none'
-  tooltipCallback?: (tooltipCallbackContent: TooltipProps$5) => void
-  customTooltip?: React__default.ComponentType<TooltipProps$5>
-}
-declare const AreaChart: React__default.ForwardRefExoticComponent<
-  AreaChartProps & React__default.RefAttributes<HTMLDivElement>
->
-
-type TooltipProps$4 = Pick<ChartTooltipProps$3, 'active' | 'payload' | 'label'>
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    yAxisWidth?: number;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    allowDecimals?: boolean;
+    onValueChange?: (value: AreaChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    tickGap?: number;
+    connectNulls?: boolean;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    type?: 'default' | 'stacked' | 'percent';
+    legendPosition?: 'left' | 'center' | 'right';
+    fill?: 'gradient' | 'solid' | 'none';
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$5) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$5>;
+}
+declare const AreaChart: React__default.ForwardRefExoticComponent<AreaChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TooltipProps$4 = Pick<ChartTooltipProps$3, 'active' | 'payload' | 'label'>;
 type PayloadItem$3 = {
-  category: string
-  value: number
-  index: string
-  color: AvailableChartColorsKeys
-  type?: string
-  payload: any
-}
+    category: string;
+    value: number;
+    index: string;
+    color: AvailableChartColorsKeys;
+    type?: string;
+    payload: any;
+};
 interface ChartTooltipProps$3 {
-  active: boolean | undefined
-  payload: PayloadItem$3[]
-  label: string
-  valueFormatter: (value: number) => string
+    active: boolean | undefined;
+    payload: PayloadItem$3[];
+    label: string;
+    valueFormatter: (value: number) => string;
 }
 type BaseEventProps$3 = {
-  eventType: 'category' | 'bar'
-  categoryClicked: string
-  [key: string]: number | string
-}
-type BarChartEventProps = BaseEventProps$3 | null | undefined
+    eventType: 'category' | 'bar';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type BarChartEventProps = BaseEventProps$3 | null | undefined;
 interface BarChartProps$1 extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Record<string, any>[]
-  index: string
-  categories: string[]
-  colors?: AvailableChartColorsKeys[]
-  valueFormatter?: (value: number) => string
-  startEndOnly?: boolean
-  showXAxis?: boolean
-  showYAxis?: boolean
-  showGridLines?: boolean
-  yAxisWidth?: number
-  intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart'
-  showTooltip?: boolean
-  showLegend?: boolean
-  autoMinValue?: boolean
-  minValue?: number
-  maxValue?: number
-  allowDecimals?: boolean
-  onValueChange?: (value: BarChartEventProps) => void
-  enableLegendSlider?: boolean
-  tickGap?: number
-  barCategoryGap?: string | number
-  xAxisLabel?: string
-  yAxisLabel?: string
-  layout?: 'vertical' | 'horizontal'
-  type?: 'default' | 'stacked' | 'percent'
-  legendPosition?: 'left' | 'center' | 'right'
-  tooltipCallback?: (tooltipCallbackContent: TooltipProps$4) => void
-  customTooltip?: React__default.ComponentType<TooltipProps$4>
-}
-declare const BarChart: React__default.ForwardRefExoticComponent<
-  BarChartProps$1 & React__default.RefAttributes<HTMLDivElement>
->
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    yAxisWidth?: number;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    allowDecimals?: boolean;
+    onValueChange?: (value: BarChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    tickGap?: number;
+    barCategoryGap?: string | number;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    layout?: 'vertical' | 'horizontal';
+    type?: 'default' | 'stacked' | 'percent';
+    legendPosition?: 'left' | 'center' | 'right';
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$4) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$4>;
+}
+declare const BarChart: React__default.ForwardRefExoticComponent<BarChartProps$1 & React__default.RefAttributes<HTMLDivElement>>;
 
 type Bar<T> = T & {
-  key?: string
-  href?: string
-  value: number
-  name: string
-}
+    key?: string;
+    href?: string;
+    value: number;
+    name: string;
+};
 interface BarListProps<T = unknown> extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Bar<T>[]
-  valueFormatter?: (value: number) => string
-  showAnimation?: boolean
-  onValueChange?: (payload: Bar<T>) => void
-  sortOrder?: 'ascending' | 'descending' | 'none'
+    data: Bar<T>[];
+    valueFormatter?: (value: number) => string;
+    showAnimation?: boolean;
+    onValueChange?: (payload: Bar<T>) => void;
+    sortOrder?: 'ascending' | 'descending' | 'none';
 }
-declare function BarListInner<T>(
-  {
-    data,
-    valueFormatter,
-    showAnimation,
-    onValueChange,
-    sortOrder,
-    className,
-    ...props
-  }: BarListProps<T>,
-  forwardedRef: React__default.ForwardedRef<HTMLDivElement>,
-): react_jsx_runtime.JSX.Element
+declare function BarListInner<T>({ data, valueFormatter, showAnimation, onValueChange, sortOrder, className, ...props }: BarListProps<T>, forwardedRef: React__default.ForwardedRef<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare namespace BarListInner {
-  var displayName: string
+    var displayName: string;
 }
-declare const BarList: <T>(
-  p: BarListProps<T> & {
-    ref?: React__default.ForwardedRef<HTMLDivElement>
-  },
-) => ReturnType<typeof BarListInner>
+declare const BarList: <T>(p: BarListProps<T> & {
+    ref?: React__default.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof BarListInner>;
 
 interface CategoryBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  values: number[]
-  colors?: AvailableChartColorsKeys[]
-  marker?: {
-    value: number
-    tooltip?: string
-    showAnimation?: boolean
-  }
-  showLabels?: boolean
-}
-declare const CategoryBar: React__default.ForwardRefExoticComponent<
-  CategoryBarProps & React__default.RefAttributes<HTMLDivElement>
->
-
-type TooltipProps$3 = Pick<ChartTooltipProps$2, 'active' | 'payload' | 'label'>
+    values: number[];
+    colors?: AvailableChartColorsKeys[];
+    marker?: {
+        value: number;
+        tooltip?: string;
+        showAnimation?: boolean;
+    };
+    showLabels?: boolean;
+}
+declare const CategoryBar: React__default.ForwardRefExoticComponent<CategoryBarProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TooltipProps$3 = Pick<ChartTooltipProps$2, 'active' | 'payload' | 'label'>;
 type PayloadItem$2 = {
-  category: string
-  value: number
-  index: string
-  barColor: AvailableChartColorsKeys
-  lineColor: AvailableChartColorsKeys
-  chartType: 'bar' | 'line'
-  type: string
-  payload: any
-}
+    category: string;
+    value: number;
+    index: string;
+    barColor: AvailableChartColorsKeys;
+    lineColor: AvailableChartColorsKeys;
+    chartType: 'bar' | 'line';
+    type: string;
+    payload: any;
+};
 interface ChartTooltipProps$2 {
-  active: boolean | undefined
-  payload: PayloadItem$2[]
-  label: string
-  barValueFormatter?: (value: number) => string
-  lineValueFormatter?: (value: number) => string
+    active: boolean | undefined;
+    payload: PayloadItem$2[];
+    label: string;
+    barValueFormatter?: (value: number) => string;
+    lineValueFormatter?: (value: number) => string;
 }
 type BaseEventProps$2 = {
-  eventType: 'category' | 'bar' | 'dot'
-  categoryClicked: string
-  [key: string]: number | string
-}
-type ComboChartEventProps = BaseEventProps$2 | null | undefined
+    eventType: 'category' | 'bar' | 'dot';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type ComboChartEventProps = BaseEventProps$2 | null | undefined;
 type ChartSeries = {
-  categories: string[]
-  colors?: AvailableChartColorsKeys[]
-  valueFormatter?: (value: number) => string
-  showYAxis?: boolean
-  yAxisWidth?: number
-  allowDecimals?: boolean
-  yAxisLabel?: string
-  autoMinValue?: boolean
-  minValue?: number
-  maxValue?: number
-}
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    showYAxis?: boolean;
+    yAxisWidth?: number;
+    allowDecimals?: boolean;
+    yAxisLabel?: string;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+};
 interface ComboChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Record<string, any>[]
-  index: string
-  startEndOnly?: boolean
-  showXAxis?: boolean
-  xAxisLabel?: string
-  showGridLines?: boolean
-  intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart'
-  showLegend?: boolean
-  showTooltip?: boolean
-  onValueChange?: (value: ComboChartEventProps) => void
-  enableLegendSlider?: boolean
-  legendPosition?: 'left' | 'center' | 'right'
-  tickGap?: number
-  enableBiaxial?: boolean
-  tooltipCallback?: (tooltipCallbackContent: TooltipProps$3) => void
-  customTooltip?: React__default.ComponentType<TooltipProps$3>
-  barSeries: ChartSeries & {
-    type?: 'default' | 'stacked'
-  }
-  lineSeries?: ChartSeries & {
-    connectNulls?: boolean
-  }
-}
-declare const ComboChart: React__default.ForwardRefExoticComponent<
-  ComboChartProps & React__default.RefAttributes<HTMLDivElement>
->
-
-type TooltipProps$2 = Pick<ChartTooltipProps$1, 'active' | 'payload'>
+    data: Record<string, any>[];
+    index: string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    xAxisLabel?: string;
+    showGridLines?: boolean;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    onValueChange?: (value: ComboChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    legendPosition?: 'left' | 'center' | 'right';
+    tickGap?: number;
+    enableBiaxial?: boolean;
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$3) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$3>;
+    barSeries: ChartSeries & {
+        type?: 'default' | 'stacked';
+    };
+    lineSeries?: ChartSeries & {
+        connectNulls?: boolean;
+    };
+}
+declare const ComboChart: React__default.ForwardRefExoticComponent<ComboChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TooltipProps$2 = Pick<ChartTooltipProps$1, 'active' | 'payload'>;
 type PayloadItem$1 = {
-  category: string
-  value: number
-  color: AvailableChartColorsKeys
-}
+    category: string;
+    value: number;
+    color: AvailableChartColorsKeys;
+};
 interface ChartTooltipProps$1 {
-  active: boolean | undefined
-  payload: PayloadItem$1[]
-  valueFormatter: (value: number) => string
+    active: boolean | undefined;
+    payload: PayloadItem$1[];
+    valueFormatter: (value: number) => string;
 }
-type DonutChartVariant = 'donut' | 'pie'
+type DonutChartVariant = 'donut' | 'pie';
 type BaseEventProps$1 = {
-  eventType: 'sector'
-  categoryClicked: string
-  [key: string]: number | string
-}
-type DonutChartEventProps = BaseEventProps$1 | null | undefined
+    eventType: 'sector';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type DonutChartEventProps = BaseEventProps$1 | null | undefined;
 interface DonutChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Record<string, any>[]
-  category: string
-  value: string
-  colors?: AvailableChartColorsKeys[]
-  variant?: DonutChartVariant
-  valueFormatter?: (value: number) => string
-  label?: string
-  showLabel?: boolean
-  showTooltip?: boolean
-  onValueChange?: (value: DonutChartEventProps) => void
-  tooltipCallback?: (tooltipCallbackContent: TooltipProps$2) => void
-  customTooltip?: React__default.ComponentType<TooltipProps$2>
-}
-declare const DonutChart: React__default.ForwardRefExoticComponent<
-  DonutChartProps & React__default.RefAttributes<HTMLDivElement>
->
-
-type TooltipProps$1 = Pick<ChartTooltipProps, 'active' | 'payload' | 'label'>
+    data: Record<string, any>[];
+    category: string;
+    value: string;
+    colors?: AvailableChartColorsKeys[];
+    variant?: DonutChartVariant;
+    valueFormatter?: (value: number) => string;
+    label?: string;
+    showLabel?: boolean;
+    showTooltip?: boolean;
+    onValueChange?: (value: DonutChartEventProps) => void;
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$2) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$2>;
+}
+declare const DonutChart: React__default.ForwardRefExoticComponent<DonutChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TooltipProps$1 = Pick<ChartTooltipProps, 'active' | 'payload' | 'label'>;
 type PayloadItem = {
-  category: string
-  value: number
-  index: string
-  color: AvailableChartColorsKeys
-  type?: string
-  payload: any
-}
+    category: string;
+    value: number;
+    index: string;
+    color: AvailableChartColorsKeys;
+    type?: string;
+    payload: any;
+};
 interface ChartTooltipProps {
-  active: boolean | undefined
-  payload: PayloadItem[]
-  label: string
-  valueFormatter: (value: number) => string
+    active: boolean | undefined;
+    payload: PayloadItem[];
+    label: string;
+    valueFormatter: (value: number) => string;
 }
 type BaseEventProps = {
-  eventType: 'dot' | 'category'
-  categoryClicked: string
-  [key: string]: number | string
-}
-type LineChartEventProps = BaseEventProps | null | undefined
+    eventType: 'dot' | 'category';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type LineChartEventProps = BaseEventProps | null | undefined;
 interface LineChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Record<string, any>[]
-  index: string
-  categories: string[]
-  colors?: AvailableChartColorsKeys[]
-  valueFormatter?: (value: number) => string
-  startEndOnly?: boolean
-  showXAxis?: boolean
-  showYAxis?: boolean
-  showGridLines?: boolean
-  yAxisWidth?: number
-  intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart'
-  showTooltip?: boolean
-  showLegend?: boolean
-  autoMinValue?: boolean
-  minValue?: number
-  maxValue?: number
-  allowDecimals?: boolean
-  onValueChange?: (value: LineChartEventProps) => void
-  enableLegendSlider?: boolean
-  tickGap?: number
-  connectNulls?: boolean
-  xAxisLabel?: string
-  yAxisLabel?: string
-  legendPosition?: 'left' | 'center' | 'right'
-  tooltipCallback?: (tooltipCallbackContent: TooltipProps$1) => void
-  customTooltip?: React__default.ComponentType<TooltipProps$1>
-}
-declare const LineChart: React__default.ForwardRefExoticComponent<
-  LineChartProps & React__default.RefAttributes<HTMLDivElement>
->
-
-declare const progressBarVariants: tailwind_variants.TVReturnType<
-  {
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    yAxisWidth?: number;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    allowDecimals?: boolean;
+    onValueChange?: (value: LineChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    tickGap?: number;
+    connectNulls?: boolean;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    legendPosition?: 'left' | 'center' | 'right';
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$1) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$1>;
+}
+declare const LineChart: React__default.ForwardRefExoticComponent<LineChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const progressBarVariants: tailwind_variants.TVReturnType<{
     variant: {
-      default: {
-        background: string
-        bar: string
-      }
-      neutral: {
-        background: string
-        bar: string
-      }
-      warning: {
-        background: string
-        bar: string
-      }
-      error: {
-        background: string
-        bar: string
-      }
-      success: {
-        background: string
-        bar: string
-      }
-    }
-  },
-  {
-    background: string
-    bar: string
-  },
-  undefined,
-  {
+        default: {
+            background: string;
+            bar: string;
+        };
+        neutral: {
+            background: string;
+            bar: string;
+        };
+        warning: {
+            background: string;
+            bar: string;
+        };
+        error: {
+            background: string;
+            bar: string;
+        };
+        success: {
+            background: string;
+            bar: string;
+        };
+    };
+}, {
+    background: string;
+    bar: string;
+}, undefined, {
     variant: {
-      default: {
-        background: string
-        bar: string
-      }
-      neutral: {
-        background: string
-        bar: string
-      }
-      warning: {
-        background: string
-        bar: string
-      }
-      error: {
-        background: string
-        bar: string
-      }
-      success: {
-        background: string
-        bar: string
-      }
-    }
-  },
-  {
-    background: string
-    bar: string
-  },
-  tailwind_variants.TVReturnType<
-    {
-      variant: {
         default: {
-          background: string
-          bar: string
-        }
+            background: string;
+            bar: string;
+        };
         neutral: {
-          background: string
-          bar: string
-        }
+            background: string;
+            bar: string;
+        };
         warning: {
-          background: string
-          bar: string
-        }
+            background: string;
+            bar: string;
+        };
         error: {
-          background: string
-          bar: string
-        }
+            background: string;
+            bar: string;
+        };
         success: {
-          background: string
-          bar: string
-        }
-      }
-    },
-    {
-      background: string
-      bar: string
-    },
-    undefined,
-    unknown,
-    unknown,
-    undefined
-  >
->
-interface ProgressBarProps
-  extends React__default.HTMLProps<HTMLDivElement>,
-    VariantProps$1<typeof progressBarVariants> {
-  value?: number
-  max?: number
-  showAnimation?: boolean
-  label?: string
-}
-declare const ProgressBar: React__default.ForwardRefExoticComponent<
-  Omit<ProgressBarProps, 'ref'> & React__default.RefAttributes<HTMLDivElement>
->
-
-declare const progressCircleVariants: tailwind_variants.TVReturnType<
-  {
+            background: string;
+            bar: string;
+        };
+    };
+}, {
+    background: string;
+    bar: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            background: string;
+            bar: string;
+        };
+        neutral: {
+            background: string;
+            bar: string;
+        };
+        warning: {
+            background: string;
+            bar: string;
+        };
+        error: {
+            background: string;
+            bar: string;
+        };
+        success: {
+            background: string;
+            bar: string;
+        };
+    };
+}, {
+    background: string;
+    bar: string;
+}, undefined, unknown, unknown, undefined>>;
+interface ProgressBarProps extends React__default.HTMLProps<HTMLDivElement>, VariantProps$1<typeof progressBarVariants> {
+    value?: number;
+    max?: number;
+    showAnimation?: boolean;
+    label?: string;
+}
+declare const ProgressBar: React__default.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const progressCircleVariants: tailwind_variants.TVReturnType<{
     variant: {
-      default: {
-        background: string
-        circle: string
-      }
-      neutral: {
-        background: string
-        circle: string
-      }
-      warning: {
-        background: string
-        circle: string
-      }
-      error: {
-        background: string
-        circle: string
-      }
-      success: {
-        background: string
-        circle: string
-      }
-    }
-  },
-  {
-    background: string
-    circle: string
-  },
-  undefined,
-  {
+        default: {
+            background: string;
+            circle: string;
+        };
+        neutral: {
+            background: string;
+            circle: string;
+        };
+        warning: {
+            background: string;
+            circle: string;
+        };
+        error: {
+            background: string;
+            circle: string;
+        };
+        success: {
+            background: string;
+            circle: string;
+        };
+    };
+}, {
+    background: string;
+    circle: string;
+}, undefined, {
     variant: {
-      default: {
-        background: string
-        circle: string
-      }
-      neutral: {
-        background: string
-        circle: string
-      }
-      warning: {
-        background: string
-        circle: string
-      }
-      error: {
-        background: string
-        circle: string
-      }
-      success: {
-        background: string
-        circle: string
-      }
-    }
-  },
-  {
-    background: string
-    circle: string
-  },
-  tailwind_variants.TVReturnType<
-    {
-      variant: {
         default: {
-          background: string
-          circle: string
-        }
+            background: string;
+            circle: string;
+        };
         neutral: {
-          background: string
-          circle: string
-        }
+            background: string;
+            circle: string;
+        };
         warning: {
-          background: string
-          circle: string
-        }
+            background: string;
+            circle: string;
+        };
         error: {
-          background: string
-          circle: string
-        }
+            background: string;
+            circle: string;
+        };
         success: {
-          background: string
-          circle: string
-        }
-      }
-    },
-    {
-      background: string
-      circle: string
-    },
-    undefined,
-    unknown,
-    unknown,
-    undefined
-  >
->
-interface ProgressCircleProps
-  extends Omit<React__default.SVGProps<SVGSVGElement>, 'value'>,
-    VariantProps$1<typeof progressCircleVariants> {
-  value?: number
-  max?: number
-  showAnimation?: boolean
-  radius?: number
-  strokeWidth?: number
-  children?: React__default.ReactNode
-}
-declare const ProgressCircle: React__default.ForwardRefExoticComponent<
-  Omit<ProgressCircleProps, 'ref'> & React__default.RefAttributes<SVGSVGElement>
->
+            background: string;
+            circle: string;
+        };
+    };
+}, {
+    background: string;
+    circle: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            background: string;
+            circle: string;
+        };
+        neutral: {
+            background: string;
+            circle: string;
+        };
+        warning: {
+            background: string;
+            circle: string;
+        };
+        error: {
+            background: string;
+            circle: string;
+        };
+        success: {
+            background: string;
+            circle: string;
+        };
+    };
+}, {
+    background: string;
+    circle: string;
+}, undefined, unknown, unknown, undefined>>;
+interface ProgressCircleProps extends Omit<React__default.SVGProps<SVGSVGElement>, 'value'>, VariantProps$1<typeof progressCircleVariants> {
+    value?: number;
+    max?: number;
+    showAnimation?: boolean;
+    radius?: number;
+    strokeWidth?: number;
+    children?: React__default.ReactNode;
+}
+declare const ProgressCircle: React__default.ForwardRefExoticComponent<Omit<ProgressCircleProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
 
 interface SparkAreaChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Record<string, any>[]
-  categories: string[]
-  index: string
-  colors?: AvailableChartColorsKeys[]
-  autoMinValue?: boolean
-  minValue?: number
-  maxValue?: number
-  connectNulls?: boolean
-  type?: 'default' | 'stacked' | 'percent'
-  fill?: 'gradient' | 'solid' | 'none'
-}
-declare const SparkAreaChart: React__default.ForwardRefExoticComponent<
-  SparkAreaChartProps & React__default.RefAttributes<HTMLDivElement>
->
+    data: Record<string, any>[];
+    categories: string[];
+    index: string;
+    colors?: AvailableChartColorsKeys[];
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    connectNulls?: boolean;
+    type?: 'default' | 'stacked' | 'percent';
+    fill?: 'gradient' | 'solid' | 'none';
+}
+declare const SparkAreaChart: React__default.ForwardRefExoticComponent<SparkAreaChartProps & React__default.RefAttributes<HTMLDivElement>>;
 interface SparkLineChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Record<string, any>[]
-  categories: string[]
-  index: string
-  colors?: AvailableChartColorsKeys[]
-  autoMinValue?: boolean
-  minValue?: number
-  maxValue?: number
-  connectNulls?: boolean
-}
-declare const SparkLineChart: React__default.ForwardRefExoticComponent<
-  SparkLineChartProps & React__default.RefAttributes<HTMLDivElement>
->
+    data: Record<string, any>[];
+    categories: string[];
+    index: string;
+    colors?: AvailableChartColorsKeys[];
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    connectNulls?: boolean;
+}
+declare const SparkLineChart: React__default.ForwardRefExoticComponent<SparkLineChartProps & React__default.RefAttributes<HTMLDivElement>>;
 interface BarChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: Record<string, any>[]
-  index: string
-  categories: string[]
-  colors?: AvailableChartColorsKeys[]
-  autoMinValue?: boolean
-  minValue?: number
-  maxValue?: number
-  barCategoryGap?: string | number
-  type?: 'default' | 'stacked' | 'percent'
-}
-declare const SparkBarChart: React__default.ForwardRefExoticComponent<
-  BarChartProps & React__default.RefAttributes<HTMLDivElement>
->
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    barCategoryGap?: string | number;
+    type?: 'default' | 'stacked' | 'percent';
+}
+declare const SparkBarChart: React__default.ForwardRefExoticComponent<BarChartProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface TrackerBlockProps {
-  key?: string | number
-  color?: string
-  tooltip?: string
-  hoverEffect?: boolean
-  defaultBackgroundColor?: string
+    key?: string | number;
+    color?: string;
+    tooltip?: string;
+    hoverEffect?: boolean;
+    defaultBackgroundColor?: string;
 }
 interface TrackerProps extends React__default.HTMLAttributes<HTMLDivElement> {
-  data: TrackerBlockProps[]
-  defaultBackgroundColor?: string
-  hoverEffect?: boolean
-}
-declare const Tracker: React__default.ForwardRefExoticComponent<
-  TrackerProps & React__default.RefAttributes<HTMLDivElement>
->
-
-interface TooltipProps
-  extends Omit<TooltipPrimitive.TooltipContentProps, 'content' | 'onClick'>,
-    Pick<TooltipPrimitive.TooltipProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'> {
-  content: React__default.ReactNode
-  onClick?: React__default.MouseEventHandler<HTMLButtonElement>
-  side?: 'bottom' | 'left' | 'top' | 'right'
-  showArrow?: boolean
-}
-declare const Tooltip: React__default.ForwardRefExoticComponent<
-  TooltipProps & React__default.RefAttributes<HTMLDivElement>
->
-
-declare function useIsMobile(): boolean
-
-declare function useDisableToc(): void
-
-declare const useOnWindowResize: (handler: () => void) => void
-
-declare function usePageHeadings(): HeadingNode[]
-
-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 humaniseVariant(key: string): string
-declare const focusInput: string[]
-declare const hasErrorInput: string[]
-declare const focusRing: string[]
-
-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
-declare const createColorData: (baseColors: string[], format: Format) => (string | null)[]
-
-declare const brand: Record<string, string[]>
-declare const aboriginal: Record<string, string[]>
-declare const semantic: Record<string, string[]>
-declare const allPalettes: Palette[]
-declare const colors: ColorThemes
-declare const colorThemes: ColorThemes
-
-export {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Alert,
-  AlertDescription,
-  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,
-  Card,
-  CardAction,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  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,
-  type IFrameData,
-  type IFrameMap,
-  type IFrameOptions,
-  type IFrameProps,
-  type IconProps,
-  Icons,
-  Input,
-  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,
-}
+    data: TrackerBlockProps[];
+    defaultBackgroundColor?: string;
+    hoverEffect?: boolean;
+}
+declare const Tracker: React__default.ForwardRefExoticComponent<TrackerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, 'content' | 'onClick'>, Pick<TooltipPrimitive.TooltipProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'> {
+    content: React__default.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+    side?: 'bottom' | 'left' | 'top' | 'right';
+    showArrow?: boolean;
+}
+declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
+
+type ButtonColor = React$1.ComponentProps<typeof Button>['color'];
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React$1.ComponentProps<typeof Button>['variant'];
+    buttonColor?: ButtonColor;
+}): react_jsx_runtime.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, children, color, ...props }: React$1.ComponentProps<typeof DayButton> & {
+    color: ButtonColor;
+}): react_jsx_runtime.JSX.Element;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<'div'> & CarouselProps): react_jsx_runtime.JSX.Element;
+declare function CarouselContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CarouselItem({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+
+declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function InputOTP({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentProps<'div'> & {
+    index: number;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+declare function Prose<T extends React.ElementType = 'div'>({ as, className, ...props }: React.ComponentPropsWithoutRef<T> & {
+    as?: T;
+}): react_jsx_runtime.JSX.Element;
+
+declare function useIsMobile(): boolean;
+
+declare function useDisableToc(): void;
+
+declare const useOnWindowResize: (handler: () => void) => void;
+
+declare function usePageHeadings(): HeadingNode[];
+
+declare function useActiveSectionObserver(tableOfContents: TableOfContentsItem[]): string | null;
+
+declare function useSelectorHeight(selector?: string): number;
+
+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 humaniseVariant(key: string): string;
+declare const focusInput: string[];
+declare const hasErrorInput: string[];
+declare const focusRing: string[];
+
+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;
+declare const createColorData: (baseColors: string[], format: Format) => (string | null)[];
+
+declare const brand: Record<string, string[]>;
+declare const aboriginal: Record<string, string[]>;
+declare const semantic: Record<string, string[]>;
+declare const allPalettes: Palette[];
+declare const colors: ColorThemes;
+declare const colorThemes: ColorThemes;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, type AreaChartEventProps, AspectRatio, AvailableChartColors, type AvailableChartColorsKeys, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, type BarChartEventProps, BarList, type BarListProps, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, type CategoryBarProps, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, 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 };