@nswds/app 1.13.0 → 1.14.0

package/dist/index.d.ts

@@ -1,798 +1,1961 @@
-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 LabelPrimitive from '@radix-ui/react-label';
-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 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 { 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?: "primary/neutral" | "light" | "primary/white" | "white" | "neutral" | "primary" | "secondary" | "tertiary" | "accent" | "outline" | "ghost" | "error" | "success" | "warning" | "info" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ variant, className, ...props }: VariantProps<typeof badgeVariants> & React__default.ComponentPropsWithoutRef<'span'>): react_jsx_runtime.JSX.Element;
-declare const BadgeButton: React__default.ForwardRefExoticComponent<(VariantProps<(props?: ({
-    variant?: "primary/neutral" | "light" | "primary/white" | "white" | "neutral" | "primary" | "secondary" | "tertiary" | "accent" | "outline" | "ghost" | "error" | "success" | "warning" | "info" | 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>;
-} & Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React__default.RefAttributes<HTMLAnchorElement>, "ref">, "className">))) & React__default.RefAttributes<HTMLElement>>;
-
-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;
+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 LabelPrimitive from '@radix-ui/react-label'
+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 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 { ClassValue } from 'clsx'
+import * as _sindresorhus_slugify from '@sindresorhus/slugify'
 
-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;
-}
-declare function Breadcrumbs({ homeLabel, pathLabels, showHome, transformLabel, maxItems, forceShow, demoPath, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
-
-declare const Link$1: 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>;
-} & Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
-
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "primary/neutral" | "light" | "primary/white" | "white" | "neutral" | "primary" | "secondary" | "tertiary" | "accent" | "outline" | "ghost" | "error" | 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$1>, '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 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 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 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 function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare const badgeVariants: (
+  props?:
+    | ({
+        variant?:
+          | 'primary/neutral'
+          | 'light'
+          | 'primary/white'
+          | 'white'
+          | 'neutral'
+          | 'primary'
+          | 'secondary'
+          | 'tertiary'
+          | 'accent'
+          | 'outline'
+          | 'ghost'
+          | 'error'
+          | 'success'
+          | 'warning'
+          | 'info'
+          | null
+          | undefined
+      } & class_variance_authority_types.ClassProp)
+    | undefined,
+) => string
+declare function Badge({
+  variant,
+  className,
+  ...props
+}: VariantProps<typeof badgeVariants> &
+  React__default.ComponentPropsWithoutRef<'span'>): react_jsx_runtime.JSX.Element
+declare const BadgeButton: React__default.ForwardRefExoticComponent<
+  (VariantProps<
+    (
+      props?:
+        | ({
+            variant?:
+              | 'primary/neutral'
+              | 'light'
+              | 'primary/white'
+              | 'white'
+              | 'neutral'
+              | 'primary'
+              | 'secondary'
+              | 'tertiary'
+              | 'accent'
+              | 'outline'
+              | 'ghost'
+              | 'error'
+              | 'success'
+              | 'warning'
+              | 'info'
+              | 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>
+            } & Omit<
+              React__default.DetailedHTMLProps<
+                React__default.AnchorHTMLAttributes<HTMLAnchorElement>,
+                HTMLAnchorElement
+              >,
+              'ref'
+            > &
+              React__default.RefAttributes<HTMLAnchorElement>,
+            'ref'
+          >,
+          'className'
+        >
+    ))) &
+    React__default.RefAttributes<HTMLElement>
+>
 
-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 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
 
-type IconProps = React.HTMLAttributes<SVGElement>;
+type IconProps = React.HTMLAttributes<SVGElement>
 interface LayoutProps {
-    children: React.ReactNode;
-    sitename?: string;
-    toc?: boolean;
+  children: React.ReactNode
+  sitename?: string
+  toc?: boolean
 }
 type ColorProperty = {
-    value: string | {
-        colorSpace: string;
-        channels: number[];
-        alpha: number;
-    };
-    type: 'color';
-};
+  value:
+    | string
+    | {
+        colorSpace: string
+        channels: number[]
+        alpha: number
+      }
+  type: 'color'
+}
 type 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;
-    };
-};
-type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'oklch';
-type ViewMode = 'grid' | 'list';
-type ThemeOption = string;
+  [key: string]: {
+    [key: string]: colorCategories
+  }
+}
+type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'oklch'
+type ViewMode = 'grid' | 'list'
+type ThemeOption = string
 type ColorTheme = {
-    [key: string]: {
-        name: string;
-        colors: {
-            token: string;
-            oklch: string;
-            hex: string;
-            rgb: string;
-            hsl: string;
-            name?: string;
-        }[];
-    };
-};
+  [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;
-}
-type ThemeCategory = 'brand' | 'aboriginal';
+  token: string
+  oklch: string
+  hex: string
+  rgb: string
+  hsl: string
+  name?: string
+}
+type ThemeCategory = 'brand' | 'aboriginal'
 interface ThemeSelectorProps {
-    themeCategory: ThemeCategory;
-    setThemeCategory: (category: ThemeCategory) => void;
-    primaryColor: string;
-    setPrimaryColor: (color: string) => void;
-    accentColor: string;
-    setAccentColor: (color: string) => void;
-    availableAccentColors: string[];
-    colorThemes: ColorThemes;
+  themeCategory: ThemeCategory
+  setThemeCategory: (category: ThemeCategory) => void
+  primaryColor: string
+  setPrimaryColor: (color: string) => void
+  accentColor: string
+  setAccentColor: (color: string) => void
+  availableAccentColors: string[]
+  colorThemes: ColorThemes
 }
 interface FormatToggleProps {
-    format: ColorFormat;
-    setFormat: (format: ColorFormat) => void;
+  format: ColorFormat
+  setFormat: (format: ColorFormat) => void
 }
 type SimpleNode = {
-    type: string;
-    attributes: {
-        content?: string;
-        [key: string]: string | number | boolean | undefined;
-    };
-    children?: SimpleNode[];
-};
+  type: string
+  attributes: {
+    content?: string
+    [key: string]: string | number | boolean | undefined
+  }
+  children?: SimpleNode[]
+}
 type HeadingNode = {
-    level: number;
-    id: string;
-    title: string;
-    children: HeadingNode[];
-};
-type Link = {
-    href: string;
-    title: string;
-    links?: Link[];
-};
+  level: number
+  id: string
+  title: string
+  children: HeadingNode[]
+}
+type Link$1 = {
+  href: string
+  title: string
+  links?: Link$1[]
+}
 interface ColorData {
-    oklch: string;
-    hex: string;
-    rgb: string;
-    hsl: string;
-    [key: string]: string;
-}
-type Format = 'hex' | 'oklch' | 'hsl' | 'rgb';
-type Variant = 'shades' | 'theme';
-type Output = 'css' | 'ts' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js';
+  oklch: string
+  hex: string
+  rgb: string
+  hsl: string
+  [key: string]: string
+}
+type Format = 'hex' | 'oklch' | 'hsl' | 'rgb'
+type Variant = 'shades' | 'theme'
+type Output = 'css' | 'ts' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js'
 interface ColorsDisplayProps {
-    baseColors: string[];
-    themeColor: string | undefined;
-    colorsToUse: ColorData[];
-    paletteName: string;
-    variant: Variant;
+  baseColors: string[]
+  themeColor: string | undefined
+  colorsToUse: ColorData[]
+  paletteName: string
+  variant: Variant
 }
 interface ColourOutputProps {
-    colorsToUse: ColorData[];
-    paletteName: string;
-    format: Format;
-    output: Output;
-    variant: Variant;
+  colorsToUse: ColorData[]
+  paletteName: string
+  format: Format
+  output: Output
+  variant: Variant
 }
 interface DesignTokensShades {
-    [paletteName: string]: {
-        [shade: string]: {
-            $type: 'color';
-            $value: string | {
-                colorSpace: string;
-                channels: number[];
-                alpha: number;
-            };
-        };
-    };
+  [paletteName: string]: {
+    [shade: string]: {
+      $type: 'color'
+      $value:
+        | string
+        | {
+            colorSpace: string
+            channels: number[]
+            alpha: number
+          }
+    }
+  }
 }
 interface StructuredColor {
-    colorSpace: string;
-    channels: number[];
-    alpha: number;
+  colorSpace: string
+  channels: number[]
+  alpha: number
 }
 interface DesignTokensTheme {
-    [paletteName: string]: {
-        value: string | StructuredColor;
-        type: 'color';
-        variants: Record<string, {
-            value: string | StructuredColor;
-            type: 'color';
-        }>;
-    };
+  [paletteName: string]: {
+    value: string | StructuredColor
+    type: 'color'
+    variants: Record<
+      string,
+      {
+        value: string | StructuredColor
+        type: 'color'
+      }
+    >
+  }
 }
 type NavigationLink = {
-    title: string;
-    href: string;
-    links?: NavigationLink[];
-};
+  title: string
+  href: string
+  links?: NavigationLink[]
+}
 type NavigationSection = {
-    title: string;
-    links: NavigationLink[];
-};
+  title: string
+  links: NavigationLink[]
+}
 interface PrevNextLinksProps {
-    navigation: NavigationSection[];
+  navigation: NavigationSection[]
 }
 type SidebarLinkProps = {
-    link: Link;
-    pathname: string;
-    onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    depth: number;
-};
+  link: Link$1
+  pathname: string
+  onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>
+  depth: number
+}
 type TableOfContentsItem = {
-    id: string;
-    children: TableOfContentsItem[];
-    title: string;
-};
+  id: string
+  children: TableOfContentsItem[]
+  title: string
+}
 type TableOfContentsProps = {
-    tableOfContents: TableOfContentsItem[];
-};
+  tableOfContents: TableOfContentsItem[]
+}
 interface TocContextType {
-    toc: boolean;
-    setToc: Dispatch<SetStateAction<boolean>>;
-}
-
-declare function ColorCard({ name, token, hex, rgb, hsl, oklch, format, viewMode }: ColorCardProps): 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;
+  toc: boolean
+  setToc: Dispatch<SetStateAction<boolean>>
+}
+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 IFrameData = number | IFrameOptions
+interface IFrameOptions {
+  height: number
+  noPadding?: boolean
+}
+interface BaseCodeData<T extends 'single' | 'variant'> {
+  type: T
+  githubSlug: string
+  component: React.ReactNode
+  iframe?: IFrameData
+}
+interface VariantCodeData<V extends Variants> extends BaseCodeData<'variant'> {
+  variant: V
+  code: CodeVariant<V>
+}
+interface SingleCodeData extends BaseCodeData<'single'> {
+  code: Code
+}
+declare const languages: readonly [
+  'bash',
+  'css',
+  'javascript',
+  'js',
+  'json',
+  'jsx',
+  'ts',
+  'tsx',
+  'typescript',
+]
+type Language = (typeof languages)[number]
+interface CodeItem {
+  fileName: string
+  language: Language
+  code: string
+}
+type Variants = string
+type CodeVariant<V extends Variants> = Record<V, Code>
+type Code = CodeItem | [CodeItem, ...CodeItem[]]
+type CodeData<V extends Variants = Variants> = SingleCodeData | VariantCodeData<V>
+type View = 'desktop' | 'tablet' | 'mobile'
+interface CodeDemoProps {
+  data: CodeData
+}
+
+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>
+  } & Omit<
+    React__default.DetailedHTMLProps<
+      React__default.AnchorHTMLAttributes<HTMLAnchorElement>,
+      HTMLAnchorElement
+    >,
+    'ref'
+  > &
+    React__default.RefAttributes<HTMLAnchorElement>
+>
+
+declare const buttonVariants: (
+  props?:
+    | ({
+        variant?:
+          | 'link'
+          | 'primary/neutral'
+          | 'light'
+          | 'primary/white'
+          | 'white'
+          | 'neutral'
+          | 'primary'
+          | 'secondary'
+          | 'tertiary'
+          | 'accent'
+          | 'outline'
+          | 'ghost'
+          | 'error'
+          | 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>
+>
+/**
+ * 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 }: CodeDemoProps): react_jsx_runtime.JSX.Element
+
+interface CodeHighlightProps extends React.ComponentProps<'pre'> {
+  code: string
+  language: Language
+  withCopy?: boolean
+}
+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 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 function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null
 
-declare function FooterSocialLink({ href, icon: Icon, children, }: {
-    href: string;
+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;
-    }>;
-    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 function FormatToggle({ format, setFormat }: FormatToggleProps): react_jsx_runtime.JSX.Element;
+      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 function FormatToggle({
+  format,
+  setFormat,
+}: FormatToggleProps): react_jsx_runtime.JSX.Element
+
+declare function H1({
+  className,
+  ...props
+}: React$1.ComponentProps<'h1'>): react_jsx_runtime.JSX.Element
+
+declare function H2({
+  className,
+  ...props
+}: React$1.ComponentProps<'h2'>): react_jsx_runtime.JSX.Element
+
+declare function Header({
+  sitename,
+  navigation,
+  version,
+}: {
+  sitename?: string
+  navigation: NavigationSection[]
+  version?: 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;
-    circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    contrast: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    check_circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    check: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    chevron_down: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    chevron_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    chevron_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    chevron_up: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    close: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    collapse_all: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    computer: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    copy: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    dark_mode: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    dock_to_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    dock_to_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    delete: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    desktop: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    display_settings: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    double_arrow_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    double_arrow_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    download: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    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;
-    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;
-    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: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    settings_brightness: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    share: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    side_navigation: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    south: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    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;
-
-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;
-
-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;
+  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
+
+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
+
+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 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;
-
-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;
+  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
+
+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;
-};
-
-declare const Toaster: ({ ...props }: ToasterProps) => 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;
-
-declare function Textarea({ className, ...props }: React$1.ComponentProps<'textarea'>): 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, 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({ ...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 function cn(...inputs: ClassValue[]): string;
-declare function truncate(text: string, maxLength: number): string;
-declare function kebabCase(str: string): string;
-declare function camelCase(str: string): string;
-
-declare function getNodeText(node: HTMLElement | SimpleNode): string;
-declare function domToSimple(node: Node): SimpleNode;
-declare function getHeadings(slugify?: _sindresorhus_slugify.CountableSlugify): HeadingNode[];
-
-declare 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 colors: ColorThemes;
-declare const colorThemes: ColorThemes;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorFormat, type ColorProperty, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, 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 DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, type HeadingNode, type IconProps, Icons, Input, Label, type LayoutProps, Link$1 as Link, Logo, Masthead, 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, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrevNextLinks, PrevNextLinksPageLink, type PrevNextLinksProps, Progress, 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, Skeleton, Slider, Social, type StructuredColor, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type ThemeCategory, type ThemeOption, ThemeProvider, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocContext, type TocContextType, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchTarget, type Variant, type ViewMode, ViewToggle, type ViewToggleProps, addStartStopToColorArray, badgeVariants, buttonVariants, camelCase, cn, type colorCategories, colorDataArray, colorThemes, colors, createColorArray, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, interpolateColors, isLightColor, kebabCase, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, shades, themeIndices, themeTokens, toggleVariants, truncate, useToc };
+  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 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
+
+declare function Textarea({
+  className,
+  ...props
+}: React$1.ComponentProps<'textarea'>): 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,
+  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({
+  ...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 function cn(...inputs: ClassValue[]): string
+declare function truncate(text: string, maxLength: number): string
+declare function kebabCase(str: string): string
+declare function camelCase(str: string): string
+
+declare function getNodeText(node: HTMLElement | SimpleNode): string
+declare function domToSimple(node: Node): SimpleNode
+declare function getHeadings(slugify?: _sindresorhus_slugify.CountableSlugify): HeadingNode[]
+
+declare 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 colors: ColorThemes
+declare const colorThemes: ColorThemes
+
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  AspectRatio,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  BadgeButton,
+  type BaseCodeData,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Breadcrumbs,
+  type BreadcrumbsProps,
+  Button,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  type Code,
+  type CodeData,
+  CodeDemo,
+  type CodeDemoProps,
+  CodeHighlight,
+  type CodeItem,
+  type CodeVariant,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  type Color,
+  ColorCard,
+  type ColorCardProps,
+  type ColorData,
+  type ColorFormat,
+  type ColorProperty,
+  type ColorTheme,
+  type ColorThemes,
+  type ColorsDisplayProps,
+  type ColourOutputProps,
+  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 DesignTokensShades,
+  type DesignTokensTheme,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  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,
+  Footer,
+  FooterAcknowledgement,
+  FooterLegalLinks,
+  FooterSmallPrint,
+  FooterSocialLink,
+  type Format,
+  FormatToggle,
+  type FormatToggleProps,
+  GenerateInterpolatedColors,
+  H1,
+  H2,
+  Header,
+  type HeadingNode,
+  type IFrameData,
+  type IFrameOptions,
+  type IconProps,
+  Icons,
+  Input,
+  Label,
+  type Language,
+  type LayoutProps,
+  Link,
+  Logo,
+  Masthead,
+  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,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  PreWithCopy,
+  PrevNextLinks,
+  PrevNextLinksPageLink,
+  type PrevNextLinksProps,
+  Progress,
+  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,
+  type StructuredColor,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableOfContents,
+  type TableOfContentsItem,
+  type TableOfContentsProps,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  type ThemeCategory,
+  type ThemeOption,
+  ThemeProvider,
+  ThemeSelector,
+  type ThemeSelectorProps,
+  ThemeSwitcher,
+  Toaster,
+  TocContext,
+  type TocContextType,
+  TocProvider,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  TouchTarget,
+  type Variant,
+  type VariantCodeData,
+  type Variants,
+  type View,
+  type ViewMode,
+  ViewToggle,
+  type ViewToggleProps,
+  addStartStopToColorArray,
+  badgeVariants,
+  buttonVariants,
+  camelCase,
+  cn,
+  type colorCategories,
+  colorDataArray,
+  colorThemes,
+  colors,
+  createColorArray,
+  darkenColor,
+  domToSimple,
+  generateColorThemes,
+  getColorValue,
+  getHeadings,
+  getNodeText,
+  getSurroundingColors,
+  interpolateColors,
+  isLightColor,
+  kebabCase,
+  languages,
+  lightenColor,
+  navigationMenuTriggerStyle,
+  oklchConverter,
+  renderColorOutput,
+  renderColorOutputToDTFM,
+  shades,
+  themeIndices,
+  themeTokens,
+  toggleVariants,
+  truncate,
+  useToc,
+}