@nswds/app 1.8.1 → 1.9.1

package/dist/index.d.cts

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