@nswds/app 0.1.15 → 1.7.0

package/dist/index.d.ts

@@ -1,199 +1,308 @@
-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 from 'react';
-import { VariantProps } from 'class-variance-authority';
-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;
+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'
+
+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;
+  lightModeFavicon: string
+  darkModeFavicon: string
 }
-declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null;
+declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null
 
-declare function Footer(): react_jsx_runtime.JSX.Element;
+declare function Footer(): react_jsx_runtime.JSX.Element
 
-type IconProps = React.HTMLAttributes<SVGElement>;
+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;
-};
+  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
+}
+
+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[]
+}
 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 NavigationSection = {
-    title: string;
-    links: {
-        title: string;
-        href: string;
-    }[];
-};
-
-declare const defaultNavigation: NavigationSection[];
-interface LayoutProps {
-    children: React__default.ReactNode;
-    sitename?: string;
-    navigation?: NavigationSection[];
+  title: string
+  links: {
+    title: string
+    href: string
+  }[]
 }
-declare function Layout({ children, sitename, navigation }: LayoutProps): 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;
+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
 
 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 Collapsible({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): 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 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 ThemeSwitcher(): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({
+  children,
+  ...props
+}: ThemeProviderProps): 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 TocProvider({ children }: { children: ReactNode }): 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
 
 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[];
-};
-declare function getNodeText(node: HTMLElement | SimpleNode): string;
-declare function domToSimple(node: Node): SimpleNode;
-declare function getHeadings(slugify?: _sindresorhus_slugify.CountableSlugify): HeadingNode[];
-
-export { Button, type ColorData, type ColorsDisplayProps, type ColourOutputProps, type DesignTokensShades, type DesignTokensTheme, DynamicFavicon, Footer, type Format, type HeadingNode, Icons, Layout, Logo, Masthead, Navigation, type NavigationSection, type Output, PrevNextLinks, type SimpleNode, type StructuredColor, TableOfContents, ThemeSwitcher, type Variant, camelCase, cn, defaultNavigation, domToSimple, getHeadings, getNodeText, kebabCase, truncate };
+  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[]
+
+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,
+}