@opencosmos/ui 1.3.1

package/dist/index.d.ts

@@ -0,0 +1,3382 @@
+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, { ComponentPropsWithoutRef, ElementRef, ReactNode, CSSProperties, Ref } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { DragDropHandle, DragDropHandleProps, DragDropItem, DragDropList, DragDropListProps, DragDropTable, DragDropTableProps } from './dnd.js';
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './forms.js';
+import { OTPInput } from 'input-otp';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as _radix_ui_react_select from '@radix-ui/react-select';
+import { Content, Item, Label as Label$1, ScrollDownButton, ScrollUpButton, Separator as Separator$1, Trigger } from '@radix-ui/react-select';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { Accept, FileRejection } from 'react-dropzone';
+import { S as SyntaxType, a as SyntaxToken, B as BreadcrumbItemLegacy, b as Breadcrumbs, c as BreadcrumbsProps } from './utils-CIIM7dAC.js';
+export { L as Language, R as RouteConfig, T as Transition, V as Variant, d as Variants, e as adjustLightness, f as adjustOpacity, g as adjustSaturation, h as cn, i as collapseVariants, j as colorTokens, k as colorUtils, l as createAnimation, m as detectLanguage, n as drawerVariants, o as durations, p as easings, q as fadeVariants, r as generateBreadcrumbs, s as generateColorScale, t as getCSSVariable, u as getContrastRatio, v as getForegroundColor, w as getLuminance, x as getOptimalForeground, y as getSemanticColorPair, z as hexToHSL, A as hexToRgb, C as hslToHex, D as listVariants, E as meetsContrastRequirements, F as modalVariants, G as parseCode, H as presets, I as rotateHue, J as rotateVariants, K as scaleDuration, M as scaleVariants, N as semanticColors, O as setCSSVariable, P as slideVariants, Q as tokenize, U as transitions } from './utils-CIIM7dAC.js';
+import { Command as Command$1 } from 'cmdk';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-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 HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { Toaster as Toaster$1 } from 'sonner';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { Calendar, CalendarProps, DatePicker, DatePickerProps } from './dates.js';
+import { DataTable } from './tables.js';
+import { HTMLMotionProps } from 'framer-motion';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { T as ThemeName$1, C as ColorMode$1 } from './index-DscTIrZ2.js';
+import { Separator as Separator$2, Panel, Group } from 'react-resizable-panels';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+export { p as Providers, T as ThemeProvider, a as ThemeProviderProps } from './providers-Dn_Msjvz.js';
+export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, a as UseFormReturn, u as useForm, b as useMotionPreference, c as useTheme } from './hooks-CKW8vE9H.js';
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+import { a as FontTheme } from './fontThemes-Dh8mtXES.js';
+export { C as typographySystem } from './fontThemes-Dh8mtXES.js';
+export { F as FieldValidation, a as FormErrors, V as ValidationRule, h as hasErrors, p as patterns, r as rules, v as validateField, b as validateForm } from './validation-Bj1ye-v_.js';
+import '@dnd-kit/sortable';
+import 'react-hook-form';
+import '@radix-ui/react-slot';
+import 'clsx';
+import 'react-day-picker';
+import '@tanstack/react-table';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "primary" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: ({ ref, className, variant, size, asChild, children, ...props }: ButtonProps & {
+    ref?: React$1.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React__default.ReactNode;
+    /**
+     * Visual style variant for the link
+     * @default 'default'
+     */
+    variant?: 'default' | 'inline';
+    /**
+     * Whether to apply hover effect (only for 'default' variant).
+     * @default true
+     */
+    hoverEffect?: boolean;
+}
+/**
+ * Link Component
+ *
+ * A theme-aware link with multiple style variants.
+ *
+ * Variants:
+ * - **default**: Background highlight on hover, good for standalone links
+ * - **inline**: Underlined text link, good for inline links within paragraphs
+ *
+ * Features:
+ * - Theme-aware colors using CSS variables
+ * - Smooth transition respecting motion preferences
+ * - Accessible focus states
+ * - Works with Next.js Link or standard anchor tags
+ *
+ * Usage:
+ * ```tsx
+ * <Link href="/about">About</Link>
+ * <Link variant="inline" href="/contact">Contact</Link>
+ * <Link href="https://example.com" target="_blank">External</Link>
+ * ```
+ */
+declare const Link: ({ ref, children, className, variant, hoverEffect, ...props }: LinkProps & {
+    ref?: React__default.Ref<HTMLAnchorElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "lg" | "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Toggle: ({ ref, className, variant, size, ...props }: React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TogglePrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ToggleGroup: ({ ref, className, variant, size, children, ...props }: React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ToggleGroupPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ToggleGroupItem: ({ ref, className, children, variant, size, ...props }: React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ToggleGroupPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface MagneticProps {
+    children: React__default.ReactNode;
+    /**
+     * The strength of the magnetic pull. Higher numbers = strong pull.
+     * @default 0.2
+     */
+    strength?: number;
+    /**
+     * The active area padding around the element in pixels.
+     * @default 100
+     */
+    range?: number;
+    className?: string;
+}
+declare function Magnetic({ children, strength, range, className }: MagneticProps): react_jsx_runtime.JSX.Element;
+
+declare const Checkbox: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof CheckboxPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface ColorPickerProps {
+    label?: string;
+    description?: string;
+    value: string;
+    onChange: (hex: string) => void;
+    optional?: boolean;
+    disabled?: boolean;
+}
+declare function ColorPicker({ label, description, value, onChange, optional, disabled, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+}
+interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, className, disabled, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+
+interface FilterButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+    count?: number;
+    children: React__default.ReactNode;
+    /**
+     * Shape of the button
+     * @default 'pill'
+     */
+    shape?: 'pill' | 'rounded';
+}
+declare const FilterButton: ({ ref, active, count, children, shape, className, ...props }: FilterButtonProps & {
+    ref?: React__default.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: ({ ref, className, type, style, ...props }: InputProps & {
+    ref?: React$1.Ref<HTMLInputElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const InputOTP: ({ ref, className, containerClassName, ...props }: React$1.ComponentPropsWithoutRef<typeof OTPInput> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof OTPInput>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const InputOTPGroup: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"div"> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const InputOTPSlot: ({ ref, index, className, ...props }: React$1.ComponentPropsWithoutRef<"div"> & {
+    index: number;
+} & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const InputOTPSeparator: ({ ref, ...props }: React$1.ComponentPropsWithoutRef<"div"> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const Label: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof LabelPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroup: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof RadioGroupPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const RadioGroupItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof RadioGroupPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface TextFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Visual variant of the text field
+     * @default 'outlined'
+     */
+    variant?: 'outlined' | 'filled';
+    /**
+     * Size of the text field
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Error state
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Helper text displayed below the input
+     */
+    helperText?: string;
+    /**
+     * Label for the input
+     */
+    label?: string;
+    /**
+     * Whether the field is required
+     * @default false
+     */
+    required?: boolean;
+}
+/**
+ * TextField Component
+ *
+ * A text input field with support for outlined and filled variants,
+ * multiple sizes, error states, and helper text.
+ *
+ * Features:
+ * - Two visual variants (outlined, filled)
+ * - Three size options (sm, md, lg)
+ * - Error state with red border
+ * - Optional label and helper text
+ * - Theme-aware colors using CSS variables
+ * - Full keyboard accessibility
+ * - Ref forwarding support
+ */
+declare const TextField: ({ ref, variant, size, error, helperText, label, required, className, id, ...props }: TextFieldProps & {
+    ref?: React__default.Ref<HTMLInputElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface SearchBarProps extends Omit<TextFieldProps, 'variant'> {
+    /**
+     * Callback fired when search value changes (after debounce)
+     */
+    onSearch?: (value: string) => void;
+    /**
+     * Debounce delay in milliseconds
+     * @default 300
+     */
+    debounceMs?: number;
+    /**
+     * Show clear button when input has value
+     * @default true
+     */
+    showClearButton?: boolean;
+    /**
+     * Callback fired when clear button is clicked
+     */
+    onClear?: () => void;
+    /**
+     * Keyboard shortcut to display when empty (e.g. "⌘K")
+     * @default "⌘K"
+     */
+    shortcut?: React__default.ReactNode;
+}
+/**
+ * SearchBar Component
+ *
+ * A specialized text field for search functionality with built-in
+ * search icon, optional clear button, shortcut badge, and debounced onChange.
+ *
+ * **Note:** SearchBar always uses the `outlined` variant and does not
+ * accept a variant prop. This ensures consistent search field styling.
+ *
+ * Features:
+ * - Search icon on the left
+ * - Optional clear button (X) on the right
+ * - Shortcut badge (⌘K) when empty
+ * - Debounced search callback to reduce API calls
+ * - All TextField features (sizes, error states, etc.)
+ * - Theme-aware colors
+ * - Keyboard accessible (Escape to clear)
+ *
+ * Example:
+ * ```tsx
+ * <SearchBar
+ *   placeholder="Search products..."
+ *   onSearch={(query) => fetchResults(query)}
+ *   debounceMs={500}
+ * />
+ * ```
+ */
+declare const SearchBar: ({ ref, onSearch, debounceMs, showClearButton, onClear, value: controlledValue, onChange, placeholder, className, shortcut, ...props }: SearchBarProps & {
+    ref?: React__default.Ref<HTMLInputElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Select: React$1.FC<_radix_ui_react_select.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<_radix_ui_react_select.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<_radix_ui_react_select.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: ({ ref, className, children, style, label, labelClassName, ...props }: ComponentPropsWithoutRef<typeof Trigger> & {
+    ref?: React$1.Ref<ElementRef<typeof Trigger>>;
+    /** Optional text label rendered above the trigger. */
+    label?: string;
+    /** Override classes on the label. */
+    labelClassName?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectScrollUpButton: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof ScrollUpButton> & {
+    ref?: React$1.Ref<ElementRef<typeof ScrollUpButton>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectScrollDownButton: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof ScrollDownButton> & {
+    ref?: React$1.Ref<ElementRef<typeof ScrollDownButton>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectContent: ({ ref, className, children, position, style, ...props }: ComponentPropsWithoutRef<typeof Content> & {
+    ref?: React$1.Ref<ElementRef<typeof Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectLabel: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof Label$1> & {
+    ref?: React$1.Ref<ElementRef<typeof Label$1>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectItem: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<typeof Item> & {
+    ref?: React$1.Ref<ElementRef<typeof Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectSeparatorComp: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof Separator$1> & {
+    ref?: React$1.Ref<ElementRef<typeof Separator$1>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Slider: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SliderPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Switch: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SwitchPrimitives.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: ({ ref, className, ...props }: TextareaProps & {
+    ref?: React$1.Ref<HTMLTextAreaElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface ThemeSwitcherProps {
+    /**
+     * Size of the switcher
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Initial expanded state
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * ThemeSwitcher Molecule
+ *
+ * An enhanced theme control panel with expandable options for comprehensive theme management.
+ *
+ * Features:
+ * - Quick toggle between light and dark modes
+ * - Expandable panel with additional controls
+ * - System/Auto mode preference
+ * - Visual preview of current mode
+ * - Smooth animations and transitions
+ * - Full keyboard accessibility
+ * - Theme-aware colors
+ *
+ * Example:
+ * ```tsx
+ * // Basic usage
+ * <ThemeSwitcher />
+ *
+ * // Expanded by default
+ * <ThemeSwitcher defaultExpanded />
+ *
+ * // Large size
+ * <ThemeSwitcher size="lg" />
+ * ```
+ */
+declare const ThemeSwitcher: React__default.FC<ThemeSwitcherProps>;
+
+interface ThemeToggleProps {
+    /**
+     * Size of the toggle button
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether to show the mode label next to the icon
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * ThemeToggle Molecule
+ *
+ * A button that toggles between light and dark modes with smooth icon transitions.
+ *
+ * Features:
+ * - Automatic mode detection from theme context
+ * - Smooth icon transition between sun (light) and moon (dark)
+ * - Three size variants
+ * - Optional text label
+ * - Full keyboard accessibility
+ * - ARIA labels for screen readers
+ * - Theme-aware colors
+ *
+ * Example:
+ * ```tsx
+ * // Simple icon-only toggle
+ * <ThemeToggle />
+ *
+ * // With label
+ * <ThemeToggle showLabel />
+ *
+ * // Large size with label
+ * <ThemeToggle size="lg" showLabel />
+ * ```
+ */
+declare const ThemeToggle: React__default.FC<ThemeToggleProps>;
+
+declare const fileUploadZoneVariants: (props?: ({
+    state?: "disabled" | "active" | "idle" | "reject" | null | undefined;
+    size?: "lg" | "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface FileUploadProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onDrop'> {
+    /** Accepted file types (MIME types) */
+    accept?: Accept;
+    /** Max file size in bytes */
+    maxSize?: number;
+    /** Max number of files */
+    maxFiles?: number;
+    /** Allow multiple file selection */
+    multiple?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Called when valid files are dropped/selected */
+    onFilesSelected?: (files: File[]) => void;
+    /** Called when files are rejected */
+    onFilesRejected?: (rejections: FileRejection[]) => void;
+    /** Label text */
+    label?: string;
+    /** Description text shown in the drop zone */
+    description?: string;
+    /** Size variant */
+    size?: "sm" | "default" | "lg";
+}
+declare function FileUpload({ className, accept, maxSize, maxFiles, multiple, disabled, onFilesSelected, onFilesRejected, label, description, size, ...props }: FileUploadProps): react_jsx_runtime.JSX.Element;
+
+declare const Breadcrumb: ({ ref, ...props }: React$1.ComponentPropsWithoutRef<"nav"> & {
+    separator?: React$1.ReactNode;
+} & {
+    ref?: React$1.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbList: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"ol"> & {
+    ref?: React$1.Ref<HTMLOListElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"li"> & {
+    ref?: React$1.Ref<HTMLLIElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbLink: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"a"> & {
+    asChild?: boolean;
+} & {
+    ref?: React$1.Ref<HTMLAnchorElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbPage: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"span"> & {
+    ref?: React$1.Ref<HTMLSpanElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare function Dialog({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, style, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, style, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): 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 SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare const Command: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandDialog: ({ children, ...props }: React$1.ComponentProps<typeof Dialog>) => react_jsx_runtime.JSX.Element;
+declare const CommandInput: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Input> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Input>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandList: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.List> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.List>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandEmpty: ({ ref, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Empty> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Empty>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandGroup: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Group> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Group>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandSeparator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Separator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Separator>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Item> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const MenubarMenu: typeof MenubarPrimitive.Menu;
+declare const MenubarGroup: typeof MenubarPrimitive.Group;
+declare const MenubarPortal: typeof MenubarPrimitive.Portal;
+declare const MenubarSub: typeof MenubarPrimitive.Sub;
+declare const MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup;
+declare const Menubar: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarTrigger: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarContent: ({ ref, className, align, alignOffset, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarSeparator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Separator>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface NavLinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
+    active?: boolean;
+    children?: React__default.ReactNode;
+    icon?: React__default.ReactNode;
+    variant?: 'pill' | 'minimal';
+}
+declare const NavLink: ({ ref, active, children, icon, variant, className, ...props }: NavLinkProps & {
+    ref?: React__default.Ref<HTMLAnchorElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const NavigationMenu: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const NavigationMenuList: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.List>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const NavigationMenuTrigger: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const NavigationMenuContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Viewport>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const NavigationMenuIndicator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Indicator>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Pagination: {
+    ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: ({ ref, className, ...props }: React$1.ComponentProps<"ul"> & {
+    ref?: React$1.Ref<HTMLUListElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const PaginationItem: ({ ref, className, ...props }: React$1.ComponentProps<"li"> & {
+    ref?: React$1.Ref<HTMLLIElement>;
+}) => react_jsx_runtime.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface SecondaryNavItem {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+}
+interface SecondaryNavProps {
+    /**
+     * Array of navigation items
+     */
+    items: SecondaryNavItem[];
+    /**
+     * Currently active item ID
+     */
+    activeId: string;
+    /**
+     * Callback when an item is selected
+     */
+    onItemChange: (id: string) => void;
+    /**
+     * Maximum width for content container (should match page variant)
+     * @default 'max-w-7xl'
+     */
+    maxWidth?: 'max-w-7xl' | 'max-w-[1440px]' | 'max-w-4xl';
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+    /**
+     * Sticky behavior mode
+     * - 'stacked': Positions automatically below Header (default)
+     * - 'standalone': Sticks to top of viewport (0px)
+     * @default 'stacked'
+     */
+    mode?: 'stacked' | 'standalone';
+    /**
+     * Top offset for sticky positioning.
+     * Overrides 'mode' if provided.
+     */
+    top?: string;
+}
+/**
+ * Secondary Navigation Component
+ * ... (keep existing comment block) ...
+ */
+declare const SecondaryNav: ({ ref, items, activeId, onItemChange, maxWidth, mode, top, className }: SecondaryNavProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TabsPrimitive.List>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TabsTrigger: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TabsPrimitive.Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TabsContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TabsPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface TertiaryNavItem {
+    id: string;
+    label: string;
+}
+interface TertiaryNavProps {
+    /**
+     * Array of navigation items
+     */
+    items: TertiaryNavItem[];
+    /**
+     * Currently active item ID
+     */
+    activeId: string;
+    /**
+     * Callback when an item is selected
+     */
+    onItemChange: (id: string) => void;
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+    /**
+     * Sticky behavior mode
+     * - 'stacked': Positions automatically below SecondaryNav (default)
+     * - 'standalone': Sticks to top of viewport (0px)
+     * @default 'stacked'
+     */
+    mode?: 'stacked' | 'standalone';
+    /**
+     * Top offset for sticky positioning.
+     * Overrides 'mode' if provided.
+     */
+    top?: string;
+}
+/**
+ * Tertiary Navigation Component
+ * ... (keep existing comment block) ...
+ */
+declare const TertiaryNav: ({ ref, items, activeId, onItemChange, mode, top, className }: TertiaryNavProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Overlay>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Title>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogDescription: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Description>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogAction: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Action>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogCancel: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Cancel>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
+declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuPortal: React$1.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+declare const ContextMenuSub: React$1.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubTrigger: ({ ref, className, inset, children, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.SubTrigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuSubContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.SubContent>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuItem: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuCheckboxItem: ({ ref, className, children, checked, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuRadioItem: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.RadioItem>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuLabel: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Label>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuSeparator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Separator>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Drawer: typeof Drawer$1.Root;
+declare const DrawerTrigger: typeof Drawer$1.Trigger;
+declare const DrawerPortal: typeof Drawer$1.Portal;
+declare const DrawerClose: typeof Drawer$1.Close;
+declare const DrawerOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Overlay> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Overlay>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DrawerContent: ({ ref, className, children, style, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DrawerHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Title> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Title>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DrawerDescription: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Description> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Description>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface DropdownItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    icon?: React__default.ReactNode;
+    divider?: boolean;
+}
+interface DropdownProps {
+    /**
+     * Trigger element (button, link, etc.)
+     */
+    trigger: React__default.ReactNode;
+    /**
+     * Dropdown menu items
+     */
+    items: DropdownItem[];
+    /**
+     * Callback when an item is selected
+     */
+    onSelect?: (value: string) => void;
+    /**
+     * Dropdown alignment relative to trigger
+     * @default 'left'
+     */
+    align?: 'left' | 'right' | 'center';
+    /**
+     * Additional CSS classes for the dropdown menu
+     */
+    className?: string;
+}
+/**
+ * Dropdown Component
+ *
+ * A menu that appears when clicking a trigger element.
+ *
+ * Features:
+ * - Click outside to close
+ * - Keyboard navigation (Arrow keys, Enter, Escape)
+ * - Flexible trigger element
+ * - Optional icons
+ * - Dividers between items
+ * - Theme-aware styling
+ * - Smooth animations
+ *
+ * Example:
+ * ```tsx
+ * <Dropdown
+ *   trigger={<Button>Actions</Button>}
+ *   items={[
+ *     { label: 'Edit', value: 'edit', icon: <EditIcon /> },
+ *     { label: 'Delete', value: 'delete', icon: <DeleteIcon /> },
+ *     { label: 'Divider', value: 'div', divider: true },
+ *     { label: 'Archive', value: 'archive' },
+ *   ]}
+ *   onSelect={(value) => handleAction(value)}
+ * />
+ * ```
+ */
+declare const Dropdown: React__default.FC<DropdownProps>;
+
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: ({ ref, className, inset, children, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuSubContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.SubContent>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuContent: ({ ref, className, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuItem: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuCheckboxItem: ({ ref, className, children, checked, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuRadioItem: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.RadioItem>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuLabel: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Label>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuSeparator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Separator>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: ({ ref, className, align, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof HoverCardPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    /**
+     * Whether the modal is open
+     */
+    isOpen: boolean;
+    /**
+     * Callback fired when the modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title (optional)
+     */
+    title?: string;
+    /**
+     * Modal content
+     */
+    children: React__default.ReactNode;
+    /**
+     * Footer content (typically buttons)
+     */
+    footer?: React__default.ReactNode;
+    /**
+     * Size of the modal
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * Whether clicking the overlay closes the modal
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Whether pressing Escape closes the modal
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Additional CSS classes for the modal content
+     */
+    className?: string;
+}
+/**
+ * Modal Component
+ *
+ * A dialog overlay for focused user interactions.
+ *
+ * Features:
+ * - Keyboard accessible (Escape to close, focus trap)
+ * - Click outside to close (optional)
+ * - Multiple size variants
+ * - Smooth animations
+ * - Blocks body scroll when open
+ * - Theme-aware styling
+ *
+ * Example:
+ * ```tsx
+ * const [isOpen, setIsOpen] = useState(false);
+ *
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Confirm Action"
+ *   footer={
+ *     <>
+ *       <Button variant="ghost" onClick={() => setIsOpen(false)}>Cancel</Button>
+ *       <Button onClick={handleConfirm}>Confirm</Button>
+ *     </>
+ *   }
+ * >
+ *   <p>Are you sure you want to continue?</p>
+ * </Modal>
+ * ```
+ */
+declare const Modal: React__default.FC<ModalProps>;
+
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: ({ ref, className, align, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof PopoverPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Overlay>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const sheetVariants: (props?: ({
+    side?: "left" | "top" | "bottom" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: ({ ref, side, className, children, style, ...props }: SheetContentProps & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SheetHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Title> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Title>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SheetDescription: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Description> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Description>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: ({ ref, className, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TooltipPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface NotificationItem {
+    id: string;
+    title: string;
+    description?: string;
+    timestamp: string | Date;
+    read?: boolean;
+    icon?: React$1.ReactNode;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface NotificationCenterProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Array of notification items */
+    notifications: NotificationItem[];
+    /** Callback when a notification is marked as read */
+    onMarkRead?: (id: string) => void;
+    /** Callback to mark all notifications as read */
+    onMarkAllRead?: () => void;
+    /** Callback when a notification is dismissed */
+    onDismiss?: (id: string) => void;
+    /** Custom trigger element (defaults to bell icon with badge) */
+    trigger?: React$1.ReactNode;
+    /** Maximum height of the notification list */
+    maxHeight?: number;
+    /** Empty state message */
+    emptyMessage?: string;
+}
+declare function NotificationCenter({ className, notifications, onMarkRead, onMarkAllRead, onDismiss, trigger, maxHeight, emptyMessage, ...props }: NotificationCenterProps): 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 const Progress: ({ ref, className, value, ...props }: React$1.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ProgressPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface ProgressBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Progress value (0-100)
+     */
+    value: number;
+    /**
+     * Maximum value
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Size of the progress bar
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Color variant
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'success' | 'warning' | 'error' | 'info';
+    /**
+     * Whether to show the percentage label
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Whether to animate the progress bar
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Indeterminate state (ignores value)
+     * @default false
+     */
+    indeterminate?: boolean;
+}
+/**
+ * ProgressBar Component
+ *
+ * A visual indicator of progress or completion.
+ *
+ * Features:
+ * - Determinate and indeterminate modes
+ * - Five color variants
+ * - Three size options
+ * - Optional percentage label
+ * - Smooth animations
+ * - Theme-aware colors
+ * - Accessible ARIA attributes
+ *
+ * Example:
+ * ```tsx
+ * <ProgressBar value={65} showLabel />
+ * <ProgressBar value={100} variant="success" />
+ * <ProgressBar indeterminate variant="primary" />
+ * ```
+ */
+declare const ProgressBar: ({ ref, value, max, size, variant, showLabel, animated, indeterminate, className, ...props }: ProgressBarProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Variant of the skeleton
+     * @default "default"
+     */
+    variant?: "default" | "circular" | "rectangular" | "text";
+    /**
+     * Width of the skeleton (CSS value)
+     */
+    width?: string | number;
+    /**
+     * Height of the skeleton (CSS value)
+     */
+    height?: string | number;
+}
+declare function Skeleton({ className, variant, width, height, style, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+type ToasterProps = React.ComponentProps<typeof Toaster$1>;
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Size of the spinner
+     * @default 'md'
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Color variant
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'inherit';
+    /**
+     * Optional label for screen readers
+     */
+    label?: string;
+}
+/**
+ * Spinner Component
+ *
+ * A loading indicator with smooth animation.
+ *
+ * Features:
+ * - Five size variants
+ * - Theme-aware colors
+ * - Uses current text color option
+ * - Accessible label for screen readers
+ * - Respects reduced motion preferences
+ *
+ * Example:
+ * ```tsx
+ * <Spinner />
+ * <Spinner size="lg" variant="primary" label="Loading content..." />
+ * <Spinner size="sm" variant="inherit" />
+ * ```
+ */
+declare const Spinner: ({ ref, size, variant, label, className, ...props }: SpinnerProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+type ToastType = 'success' | 'error' | 'warning' | 'info';
+interface Toast {
+    id: string;
+    message: string;
+    type: ToastType;
+    duration?: number;
+}
+interface ToastProviderProps {
+    children: React__default.ReactNode;
+    /**
+     * Maximum number of toasts to show at once
+     * @default 3
+     */
+    maxToasts?: number;
+    /**
+     * Default duration in milliseconds
+     * @default 5000
+     */
+    defaultDuration?: number;
+    /**
+     * Position of toast container
+     * @default 'bottom-right'
+     */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+}
+/**
+ * ToastProvider Component
+ *
+ * Provides toast notification functionality to the app.
+ * Wrap your app with this provider to enable toast notifications.
+ *
+ * Example:
+ * ```tsx
+ * <ToastProvider position="bottom-right" maxToasts={3}>
+ *   <App />
+ * </ToastProvider>
+ * ```
+ */
+declare const ToastProvider: React__default.FC<ToastProviderProps>;
+/**
+ * useToast Hook
+ *
+ * Hook to trigger toast notifications from anywhere in your app.
+ *
+ * Example:
+ * ```tsx
+ * function MyComponent() {
+ *   const { toast } = useToast();
+ *
+ *   const handleClick = () => {
+ *     toast('Settings saved!', 'success');
+ *   };
+ *
+ *   return <button onClick={handleClick}>Save</button>;
+ * }
+ * ```
+ */
+declare const useToast: () => {
+    toast: (message: string, type?: ToastType, duration?: number) => void;
+    removeToast: (id: string) => void;
+    toasts: Toast[];
+};
+
+declare const emptyStateVariants: (props?: ({
+    size?: "lg" | "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface EmptyStateProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    /** Icon displayed above the title */
+    icon?: React$1.ReactNode;
+    /** Primary message */
+    title: string;
+    /** Secondary explanation text */
+    description?: string;
+    /** Call-to-action element (e.g. Button) */
+    action?: React$1.ReactNode;
+}
+declare function EmptyState({ className, size, icon, title, description, action, children, ...props }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+declare const stepperVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "lg" | "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StepperProps extends React$1.HTMLAttributes<HTMLOListElement>, VariantProps<typeof stepperVariants> {
+    /** Zero-based index of the current step */
+    currentStep: number;
+    /** Called when a step is clicked (only when clickable is true) */
+    onStepClick?: (step: number) => void;
+    /** Allow clicking steps to navigate */
+    clickable?: boolean;
+}
+interface StepperStepProps extends React$1.HTMLAttributes<HTMLLIElement> {
+    /** Step label text */
+    label: string;
+    /** Optional description below the label */
+    description?: string;
+    /** Custom icon for the indicator */
+    icon?: React$1.ReactNode;
+    /** Status (auto-computed from currentStep if not provided) */
+    status?: "pending" | "active" | "completed" | "error";
+    /** Mark step as optional */
+    optional?: boolean;
+}
+declare function Stepper({ className, orientation, size, currentStep, onStepClick, clickable, children, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
+/** Public sub-component for declaring steps */
+declare function StepperStep(_props: StepperStepProps): null;
+
+interface AspectImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * Aspect ratio (width / height)
+     * @example 16/9, 4/3, 1
+     * @default 16/9
+     */
+    ratio?: number;
+    /**
+     * Image source
+     */
+    src: string;
+    /**
+     * Image alt text
+     */
+    alt: string;
+    /**
+     * Apply border radius
+     * @default true
+     */
+    rounded?: boolean;
+    /**
+     * Apply shadow
+     * @default false
+     */
+    shadow?: boolean;
+    /**
+     * Optional caption
+     */
+    caption?: React__default.ReactNode;
+}
+declare const AspectImage: ({ ref, ratio, src, alt, rounded, shadow, caption, className, style, ...props }: AspectImageProps & {
+    ref?: React__default.Ref<HTMLImageElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Avatar: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AvatarPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AvatarImage: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AvatarPrimitive.Image>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AvatarFallback: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AvatarPrimitive.Fallback>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "error" | "success" | "warning" | "info" | "secondary" | "default" | "destructive" | "outline" | null | undefined;
+    size?: "lg" | "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    dot?: boolean;
+}
+declare function Badge({ className, variant, size, dot, children, style, ...props }: BadgeProps & {
+    style?: React$1.CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+
+interface BrandProps {
+    /**
+     * Brand name or logo element
+     */
+    children: React__default.ReactNode;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Optional href for link behavior
+     * When provided, renders as an anchor tag
+     */
+    href?: string;
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+    /**
+     * Click handler (used when href is provided)
+     */
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
+}
+/**
+ * Brand Component
+ *
+ * A theme-aware brand/logo component that automatically handles:
+ * - Dark mode support via design system tokens
+ * - Consistent typography and sizing
+ * - Optional link behavior
+ * - Focus states and accessibility
+ *
+ * This component encapsulates the proper styling so you never need to
+ * manually apply `text-[var(--color-text-primary)]` to logos.
+ *
+ * Features:
+ * - Automatic theme-aware text color
+ * - Three size variants (sm, md, lg)
+ * - Works standalone or as a link
+ * - Compatible with Next.js Link wrapper
+ * - Proper focus states
+ *
+ * Usage:
+ * ```tsx
+ * // Standalone brand text
+ * <Brand>Company Name</Brand>
+ *
+ * // As a link (use with Next.js Link)
+ * <Brand href="/">Company Name</Brand>
+ *
+ * // With Next.js Link wrapper
+ * <Brand>
+ *   <NextLink href="/">Company Name</NextLink>
+ * </Brand>
+ *
+ * // Different sizes
+ * <Brand size="sm">Brand</Brand>
+ * <Brand size="lg">Brand</Brand>
+ * ```
+ */
+declare const Brand: ({ ref, children, size, href, className, onClick }: BrandProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const cardVariants: (props?: ({
+    hoverEffect?: boolean | null | undefined;
+    variant?: "default" | "outline" | "glass" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+declare const Card: ({ ref, className, variant, hoverEffect, ...props }: CardProps & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardHeader: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardTitle: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement> & {
+    ref?: React$1.Ref<HTMLParagraphElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardDescription: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React$1.Ref<HTMLParagraphElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardContent: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardFooter: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface CodeProps {
+    /** The code content to display */
+    children: ReactNode;
+    /** Optional syntax highlighting type */
+    syntax?: SyntaxType;
+    /** Whether to render as inline code (default) or block */
+    inline?: boolean;
+    /** Show copy button for block code (default: true) */
+    showCopy?: boolean;
+    /** Additional className for custom styling */
+    className?: string;
+}
+/**
+ * Code Atom
+ *
+ * A semantic code wrapper with automatic syntax highlighting and enhanced visual styling.
+ * Features distinct treatments for inline vs block code, with copy-on-hover for blocks.
+ *
+ * **Visual Design:**
+ * - Inline: Pale amber background (#FEF3E7 light / #252525 dark) with subtle border
+ * - Block: Cool gray background (#F8F9FA light / #1E1E1E dark) with generous padding
+ * - Copy button appears on hover for block code with tooltip feedback
+ * - Accessible contrast ratios (WCAG AA 4.5:1)
+ *
+ * @example
+ * ```tsx
+ * // Inline code - perfect for text snippets
+ * <Code>example</Code>
+ * <Code syntax="keyword">const</Code>
+ * <Code syntax="function">useState()</Code>
+ *
+ * // Block code - for larger code examples
+ * <Code inline={false}>const example = "value";</Code>
+ * <Code inline={false} syntax="keyword" showCopy={false}>
+ *   const greeting = "Hello World";
+ * </Code>
+ * ```
+ */
+declare function Code({ children, syntax, inline, showCopy, className, }: CodeProps): react_jsx_runtime.JSX.Element;
+
+interface CollapsibleCodeBlockProps {
+    /** Unique identifier for the code block (required for animation) */
+    id: string;
+    /** Title/label for the code block */
+    title?: string;
+    /** Code to display - can be string or array of syntax tokens */
+    code: string | SyntaxToken[];
+    /** Language identifier (e.g., 'typescript', 'css', 'html') */
+    language?: string;
+    /** Initial collapsed state */
+    defaultCollapsed?: boolean;
+    /** Show copy button */
+    showCopy?: boolean;
+    /** Custom className for container */
+    className?: string;
+}
+/**
+ * CollapsibleCodeBlock Organism
+ *
+ * A reusable code block component with:
+ * - Smooth spring animation for expand/collapse
+ * - Syntax highlighting with light/dark theme support
+ * - Copy to clipboard functionality
+ * - Preview mode showing first 3 lines
+ * - Gradient overlay in collapsed state
+ *
+ * @example
+ * ```tsx
+ * <CollapsibleCodeBlock
+ *   id="example-code"
+ *   title="TypeScript Example"
+ *   code={[
+ *     { text: 'const', type: 'keyword' },
+ *     { text: ' example ', type: 'plain' },
+ *     { text: '=', type: 'operator' },
+ *     { text: ' "Hello"', type: 'string' },
+ *   ]}
+ *   language="typescript"
+ * />
+ * ```
+ */
+declare function CollapsibleCodeBlock({ id, title, code, language, defaultCollapsed, showCopy, className, }: CollapsibleCodeBlockProps): react_jsx_runtime.JSX.Element;
+
+interface DescriptionListItem {
+    label: string | React__default.ReactNode;
+    value: string | React__default.ReactNode;
+}
+interface DescriptionListProps {
+    items: DescriptionListItem[];
+    /**
+     * Layout direction
+     * @default 'row' (side-by-side labels/values in a grid)
+     */
+    direction?: 'row' | 'column';
+    className?: string;
+}
+declare const DescriptionList: React__default.FC<DescriptionListProps>;
+
+interface GitHubIconProps {
+    /**
+     * Size of the icon in pixels
+     * @default 20
+     */
+    size?: number;
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+}
+/**
+ * GitHub Icon Component
+ *
+ * Uses currentColor so it inherits the text color from its parent.
+ * Works automatically with light/dark modes through color inheritance.
+ */
+declare const GitHubIcon: ({ ref, size, className }: GitHubIconProps & {
+    ref?: React__default.Ref<SVGSVGElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface HeadingProps {
+    /**
+     * Heading content
+     */
+    children: React__default.ReactNode;
+    /**
+     * Heading level (affects both semantics and styling)
+     */
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+}
+/**
+ * Heading Component
+ *
+ * Semantic heading with automatic token-based styling.
+ * No need to manually apply text colors, sizes, or weights.
+ *
+ * **What it handles automatically:**
+ * - Theme-aware text color (`--color-text-primary`)
+ * - Appropriate font size for each level
+ * - Font weight (bold for all levels)
+ * - Line height for readability
+ * - Dark mode support
+ *
+ * **Swiss Grid Typography:**
+ * - H1: 48px (3xl) on mobile, 60px (5xl) on desktop
+ * - H2: 36px (3xl) on mobile, 48px (4xl) on desktop
+ * - H3: 30px (3xl)
+ * - H4: 24px (2xl)
+ * - H5: 20px (xl)
+ * - H6: 18px (lg)
+ *
+ * Usage:
+ * ```tsx
+ * <Heading level={1}>Page Title</Heading>
+ * <Heading level={2}>Section Heading</Heading>
+ * <Heading level={3}>Subsection</Heading>
+ * ```
+ */
+declare const Heading: ({ ref, children, level, className }: HeadingProps & {
+    ref?: React__default.Ref<HTMLHeadingElement>;
+}) => React__default.DetailedReactHTMLElement<{
+    ref: React__default.Ref<HTMLHeadingElement> | undefined;
+    className: string;
+}, HTMLHeadingElement>;
+
+declare const Table: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableElement> & {
+    ref?: React$1.Ref<HTMLTableElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableHeader: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement> & {
+    ref?: React$1.Ref<HTMLTableSectionElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableBody: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement> & {
+    ref?: React$1.Ref<HTMLTableSectionElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableFooter: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement> & {
+    ref?: React$1.Ref<HTMLTableSectionElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableRow: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableRowElement> & {
+    ref?: React$1.Ref<HTMLTableRowElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableHead: ({ ref, className, ...props }: React$1.ThHTMLAttributes<HTMLTableCellElement> & {
+    ref?: React$1.Ref<HTMLTableCellElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableCell: ({ ref, className, ...props }: React$1.TdHTMLAttributes<HTMLTableCellElement> & {
+    ref?: React$1.Ref<HTMLTableCellElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableCaption: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableCaptionElement> & {
+    ref?: React$1.Ref<HTMLTableCaptionElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface TextProps {
+    /**
+     * Text content
+     */
+    children: React__default.ReactNode;
+    /**
+     * Semantic variant determines both color and meaning
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'muted';
+    /**
+     * Text size
+     * @default 'base'
+     */
+    size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl';
+    /**
+     * Font weight
+     * @default 'normal'
+     */
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    /**
+     * HTML element to render as
+     * @default 'p'
+     */
+    as?: 'p' | 'span' | 'div' | 'label' | 'time';
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+}
+/**
+ * Text Component
+ *
+ * Semantic text with automatic token-based styling.
+ * No need to manually apply CSS variable text color classes.
+ *
+ * **What it handles automatically:**
+ * - Theme-aware text colors
+ * - Semantic color variants (primary, secondary, muted)
+ * - Consistent sizing
+ * - Dark mode support
+ *
+ * **Variants:**
+ * - `primary`: Main content text (`--color-text-primary`)
+ * - `secondary`: Supporting text (`--color-text-secondary`)
+ * - `muted`: De-emphasized text (`--color-text-muted`)
+ *
+ * Usage:
+ * ```tsx
+ * // Primary content text
+ * <Text>Main paragraph content</Text>
+ *
+ * // Secondary supporting text
+ * <Text variant="secondary">Helper text or description</Text>
+ *
+ * // Muted text (least emphasis)
+ * <Text variant="muted">Footnote or metadata</Text>
+ *
+ * // Different sizes
+ * <Text size="lg">Large text</Text>
+ * <Text size="sm">Small text</Text>
+ *
+ * // As different element
+ * <Text as="span">Inline text</Text>
+ * <Text as="label">Form label</Text>
+ * ```
+ */
+declare const Text: React__default.FC<TextProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}>;
+
+interface VariableWeightTextProps extends Omit<HTMLMotionProps<'div'>, 'children'> {
+    /**
+     * Minimum font weight for the animation
+     * @default 200
+     */
+    minWeight?: number;
+    /**
+     * Maximum font weight for the animation
+     * @default 700
+     */
+    maxWeight?: number;
+    /**
+     * Duration of one complete animation cycle (in seconds)
+     * @default 2
+     */
+    duration?: number;
+    /**
+     * Motion intensity override (0-10). If not provided, uses global customizer setting.
+     */
+    intensity?: number;
+    /**
+     * Font family to use. Recommended: 'Clash Display' or another variable font.
+     * @default 'Clash Display'
+     */
+    fontFamily?: string;
+    /**
+     * Text content to animate
+     */
+    children?: React__default.ReactNode;
+}
+/**
+ * VariableWeightText
+ *
+ * A motion component that creates a "breathing" effect by animating font weight.
+ * Works best with variable fonts like Clash Display that support smooth weight transitions.
+ *
+ * **Key Features:**
+ * - Animates font-weight in a continuous loop
+ * - Respects global motion intensity settings
+ * - Automatically centers text to prevent layout shifts during weight changes
+ * - Disables animation when motion intensity is 0 (accessibility)
+ *
+ * **Usage:**
+ * ```tsx
+ * <VariableWeightText minWeight={200} maxWeight={700}>
+ *   Variable Font Text
+ * </VariableWeightText>
+ * ```
+ */
+declare const VariableWeightText: ({ children, minWeight, maxWeight, duration, intensity, fontFamily, className, style, ...props }: VariableWeightTextProps) => react_jsx_runtime.JSX.Element;
+
+interface TypewriterProps {
+    text: string | string[];
+    speed?: number;
+    delay?: number;
+    loop?: boolean;
+    loopDelay?: number;
+    cursor?: string;
+    showCursor?: boolean;
+    className?: string;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
+}
+declare function Typewriter({ text, speed, delay, loop, loopDelay, cursor, showCursor, className, as: Component, }: TypewriterProps): react_jsx_runtime.JSX.Element;
+
+declare const statCardVariants: (props?: ({
+    variant?: "default" | "outline" | "glass" | null | undefined;
+    size?: "lg" | "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StatCardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statCardVariants> {
+    /** The metric label (e.g. "Revenue", "Active Users") */
+    label: string;
+    /** The metric value (e.g. "$1.2M", "12,345") */
+    value: string | number;
+    /** Percentage change (e.g. 5.2 for +5.2%, -3.1 for -3.1%) */
+    change?: number;
+    /** Direction of the trend */
+    trend?: "up" | "down" | "flat";
+    /** Optional icon displayed in the top-right */
+    icon?: React$1.ReactNode;
+    /** Additional description text below the value */
+    description?: string;
+}
+declare function StatCard({ className, variant, size, label, value, change, trend, icon, description, ...props }: StatCardProps): react_jsx_runtime.JSX.Element;
+declare function StatCardGroup({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+declare const timelineVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TimelineProps extends React$1.HTMLAttributes<HTMLOListElement>, VariantProps<typeof timelineVariants> {
+}
+interface TimelineItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
+    /** Event title */
+    title: string;
+    /** Event description */
+    description?: string;
+    /** Timestamp text */
+    timestamp?: string;
+    /** Custom icon for the indicator */
+    icon?: React$1.ReactNode;
+    /** Status of this event */
+    status?: "pending" | "active" | "completed" | "error";
+    /** Whether this is the last item (hides connector) */
+    isLast?: boolean;
+    /** Size variant */
+    size?: "sm" | "default" | "lg";
+}
+declare function Timeline({ className, orientation, children, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
+declare function TimelineItem({ className, title, description, timestamp, icon, status, isLast, size, ...props }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+
+interface TreeNode {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon */
+    icon?: React$1.ReactNode;
+    /** Child nodes */
+    children?: TreeNode[];
+    /** Whether the node is disabled */
+    disabled?: boolean;
+}
+interface TreeViewProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Tree data structure */
+    nodes: TreeNode[];
+    /** Expanded node IDs (controlled) */
+    expanded?: string[];
+    /** Default expanded node IDs (uncontrolled) */
+    defaultExpanded?: string[];
+    /** Called when expanded state changes */
+    onExpandChange?: (expanded: string[]) => void;
+    /** Currently selected node ID */
+    selected?: string;
+    /** Called when selection changes */
+    onSelectChange?: (nodeId: string) => void;
+}
+declare const treeNodeVariants: (props?: ({
+    state?: "disabled" | "idle" | "selected" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function TreeView({ className, nodes, expanded: controlledExpanded, defaultExpanded, onExpandChange, selected: controlledSelected, onSelectChange, ...props }: TreeViewProps): react_jsx_runtime.JSX.Element;
+
+interface GradientConfig {
+    type: 'linear' | 'radial';
+    angle?: number;
+    position?: string;
+    colors: string[];
+    stops?: number[];
+}
+interface OpenGraphCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    variant?: 'primary' | 'secondary' | 'accent' | 'sage' | 'gradient';
+    icon?: React__default.ReactNode | null;
+    gradient?: GradientConfig;
+    primaryColor?: string;
+    secondaryColor?: string;
+    accentColor?: string;
+    titleFontSize?: number;
+    descriptionFontSize?: number;
+    fontFamily?: string;
+}
+/**
+ * OpenGraphCard
+ *
+ * A specialized component designed for generating Open Graph images (1200x630px).
+ * Supports custom icons, gradients, and theme color overrides.
+ *
+ * NOTE: This component uses inline styles to ensure compatibility with Next.js Open Graph generation (Satori).
+ * CSS variables cannot be used in OG images - all colors must be explicit hex values.
+ */
+declare function OpenGraphCard({ title, description, variant, icon, gradient, primaryColor, secondaryColor, accentColor, titleFontSize, descriptionFontSize, fontFamily, className, ...props }: OpenGraphCardProps): react_jsx_runtime.JSX.Element;
+
+declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AccordionPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AccordionTrigger: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AccordionPrimitive.Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AccordionContent: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AccordionPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: ({ ref, orientation, opts, setApi, plugins, className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CarouselContent: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CarouselItem: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CarouselPrevious: ({ ref, className, variant, size, ...props }: React$1.ComponentProps<typeof Button> & {
+    ref?: React$1.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CarouselNext: ({ ref, className, variant, size, ...props }: React$1.ComponentProps<typeof Button> & {
+    ref?: React$1.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface ContainerProps {
+    /**
+     * Content to wrap
+     */
+    children: React__default.ReactNode;
+    /**
+     * Maximum width variant
+     * @default 'standard'
+     */
+    variant?: 'standard' | 'wide' | 'narrow';
+    /**
+     * Add horizontal padding
+     * @default true
+     */
+    padding?: boolean;
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+    /**
+     * HTML element to render as
+     * @default 'div'
+     */
+    as?: 'div' | 'section' | 'article' | 'main' | 'aside' | 'header' | 'footer';
+}
+/**
+ * Container Component
+ *
+ * Manages consistent max-widths and horizontal padding across the design system.
+ * This component ensures perfect alignment between header, content, and footer
+ * without manually coordinating max-width classes.
+ *
+ * **Swiss Grid Integration:**
+ * - Uses standard max-widths that align with the 8px base unit
+ * - Coordinates with PageTemplate variant system
+ * - Provides consistent horizontal padding
+ *
+ * **Why This Component Exists:**
+ * Before Container, every component had hardcoded max-widths:
+ * - Header: max-w-[1440px]
+ * - SecondaryNav: max-w-7xl
+ * - Content: max-w-4xl
+ *
+ * This caused misalignment. Container solves this by centralizing width management.
+ *
+ * Usage:
+ * ```tsx
+ * // Standard width (1280px)
+ * <Container>Content</Container>
+ *
+ * // Wide width (1440px) - for dashboards, data-heavy pages
+ * <Container variant="wide">Dashboard</Container>
+ *
+ * // Narrow width (896px) - for reading-focused content
+ * <Container variant="narrow">Article</Container>
+ *
+ * // Without padding (when you need edge-to-edge content)
+ * <Container padding={false}>Full bleed content</Container>
+ *
+ * // As different HTML element
+ * <Container as="main">Main content</Container>
+ * ```
+ */
+declare const Container: ({ ref, children, variant, padding, className, as: Component }: ContainerProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => React__default.DetailedReactHTMLElement<{
+    ref: React__default.Ref<HTMLElement> | undefined;
+    className: string;
+}, HTMLElement>;
+
+interface CustomizerPanelProps {
+    /**
+     * Mode of the customizer:
+     * - "full": Shows all controls (theme, mode, motion)
+     * - "lightweight": Shows only light/dark mode toggle
+     * @default "full"
+     */
+    mode?: 'full' | 'lightweight';
+    /**
+     * Whether to show the Motion Intensity slider
+     * @default false
+     */
+    showMotionIntensity?: boolean;
+    /**
+     * Which themes to show in the selector.
+     * Defaults to public themes only (studio, terra, volt).
+     * Pass ['speedboat'] to lock to Speedboat, or include it
+     * explicitly to make it visible alongside other themes.
+     */
+    themes?: ThemeName$1[];
+}
+declare const CustomizerPanel: ({ mode, showMotionIntensity, themes }: CustomizerPanelProps) => react_jsx_runtime.JSX.Element | null;
+
+interface FooterLink {
+    label: string;
+    href: string;
+    external?: boolean;
+}
+interface FooterSection {
+    title: string;
+    links: FooterLink[];
+}
+interface FooterProps {
+    /**
+     * Brand/logo element or text
+     */
+    logo?: React__default.ReactNode;
+    /**
+     * Sections with links organized in columns
+     */
+    sections?: FooterSection[];
+    /**
+     * Social links (will be displayed with icons)
+     */
+    socialLinks?: {
+        github?: string;
+        linkedin?: string;
+        email?: string;
+    };
+    /**
+     * Copyright text
+     */
+    copyright?: string;
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+}
+/**
+ * Footer Organism
+ *
+ * Inspired by Swiss Grid design principles:
+ * - 8px base unit spacing system
+ * - Clear typographic hierarchy with structured columns
+ * - Generous whitespace for breathing room
+ * - Grid-based layout with precise alignment
+ * - Minimal, functional aesthetic
+ *
+ * Features:
+ * - Responsive multi-column layout
+ * - Social links with icons
+ * - Organized content sections
+ * - Clean typography and spacing
+ */
+declare const Footer: ({ ref, logo, sections, socialLinks, copyright, className }: FooterProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+type ResponsiveValue<T> = T | {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+};
+interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    /**
+     * Number of columns. Supports responsive object.
+     * @example columns={3} or columns={{ base: 1, md: 3 }}
+     */
+    columns?: ResponsiveValue<number>;
+    /**
+     * Gap between items. Supports responsive object.
+     * Maps to Tailwind gap scale.
+     */
+    gap?: ResponsiveValue<number>;
+    /**
+     * HTML element to render as
+     */
+    as?: any;
+}
+declare const Grid: ({ ref, children, columns, gap, as: Component, className, ...props }: GridProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+interface GridItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    colSpan?: ResponsiveValue<number>;
+    rowSpan?: ResponsiveValue<number>;
+    colStart?: ResponsiveValue<number>;
+    as?: any;
+}
+declare const GridItem: ({ ref, children, colSpan, rowSpan, colStart, as: Component, className, ...props }: GridItemProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface HeaderNavLink {
+    label: string;
+    href?: string;
+    /**
+     * Whether this link represents the current/active page
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Nested links for dropdown menus
+     */
+    children?: Array<{
+        label: string;
+        href: string;
+        active?: boolean;
+    }>;
+}
+interface HeaderProps {
+    /**
+     * Brand/logo element or text
+     */
+    logo?: React__default.ReactNode;
+    /**
+     * Array of navigation links
+     */
+    navLinks?: HeaderNavLink[];
+    /**
+     * Content for the right side (e.g., Sign In, CTA buttons)
+     */
+    actions?: React__default.ReactNode;
+    /**
+     * Whether to apply glass morphism effect on scroll
+     * @default true
+     */
+    glassOnScroll?: boolean;
+    /**
+     * Scroll threshold in pixels before applying glass effect
+     * @default 10
+     */
+    scrollThreshold?: number;
+    /**
+     * Whether the header is sticky (fixed position)
+     * @default true
+     */
+    sticky?: boolean;
+    /**
+     * Font size for desktop navigation links
+     * @default 'text-sm' (14px)
+     */
+    navLinkSize?: 'text-xs' | 'text-sm' | 'text-base' | 'text-lg';
+    /**
+     * Font family for navigation links
+     * Uses CSS variable --font-header-nav by default
+     * Logo font is controlled by the logo ReactNode itself or --font-header-logo
+     * @default 'var(--font-header-nav)'
+     */
+    fontFamily?: string;
+    /**
+     * Maximum width for header content
+     * @default 'max-w-7xl' (1280px)
+     */
+    maxWidth?: 'max-w-7xl' | 'max-w-[1440px]' | 'max-w-4xl';
+    /**
+     * Alignment of the navigation links
+     * @default 'center'
+     */
+    navAlignment?: 'center' | 'left' | 'right';
+    /**
+     * Additional className for customization
+     */
+    className?: string;
+}
+declare const Header: ({ ref, logo, navLinks, actions, glassOnScroll, scrollThreshold, sticky, navLinkSize, navAlignment, fontFamily, maxWidth, className }: HeaderProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface PageLayoutProps {
+    /** Optional header configuration */
+    header?: React__default.ReactNode;
+    /** Whether the header is sticky (adds top padding to first content element) */
+    stickyHeader?: boolean;
+    /** Optional breadcrumbs */
+    breadcrumbs?: React__default.ReactNode;
+    /** Breadcrumbs position: 'top' (sticky below header) or 'below-title' (static below title+subtitle) */
+    breadcrumbsPosition?: 'top' | 'below-title';
+    /** Optional page title - rendered in content-width container */
+    title?: React__default.ReactNode;
+    /** Optional page subtitle - rendered below title */
+    subtitle?: React__default.ReactNode;
+    /** Apply Swiss Grid Design spacing to title/subtitle area */
+    swissGridSpacing?: boolean;
+    /** Maximum width for title/subtitle area - should match content width for alignment */
+    contentMaxWidth?: 'max-w-7xl' | 'max-w-[1440px]' | 'max-w-4xl';
+    /** Optional secondary navigation (first stack) */
+    secondaryNav?: React__default.ReactNode;
+    /** Optional tertiary navigation (second stack) */
+    tertiaryNav?: React__default.ReactNode;
+    /** Optional footer */
+    footer?: React__default.ReactNode;
+    /** Main content */
+    children: React__default.ReactNode;
+    /** Optional className for main content */
+    className?: string;
+}
+/**
+ * PageLayout Component
+ *
+ * A flexible layout organism that composes Header, Breadcrumbs, SecondaryNav,
+ * TertiaryNav, and Footer with automatic z-index and sticky positioning management.
+ *
+ * Features:
+ * - Automatic z-index stacking (50 → 45 → 40 → 30)
+ * - Dynamic sticky positioning calculations
+ * - Optional title/subtitle slots with Swiss Grid spacing
+ * - Flexible breadcrumb positioning (sticky top or static below title)
+ * - Optional composition (all props optional)
+ * - Handles full-height layouts
+ * - Theme-aware styling
+ *
+ * Z-Index Stack:
+ * - Header: z-50, h-16 lg:h-20
+ * - Breadcrumbs (if position='top'): z-45, sticky below header
+ * - SecondaryNav: z-40, first navigation stack
+ * - TertiaryNav: z-30, second navigation stack
+ *
+ * Swiss Grid Design:
+ * - Title/subtitle area uses structured spacing (48-96px sections)
+ * - Typography hierarchy: text-4xl/5xl title, text-lg subtitle
+ * - Content-width container (max-w-7xl) for proper alignment
+ *
+ * Example:
+ * ```tsx
+ * <PageLayout
+ *   header={<Header logo={logo} navLinks={links} />}
+ *   title={<h1>Page Title</h1>}
+ *   subtitle={<p>Page subtitle</p>}
+ *   breadcrumbs={<Breadcrumbs items={breadcrumbItems} />}
+ *   breadcrumbsPosition="below-title"
+ *   swissGridSpacing
+ *   secondaryNav={<SecondaryNav items={sections} />}
+ * >
+ *   <article>Your content here</article>
+ * </PageLayout>
+ * ```
+ */
+declare function PageLayout({ header, stickyHeader, breadcrumbs, breadcrumbsPosition, title, subtitle, swissGridSpacing, contentMaxWidth, secondaryNav, tertiaryNav, footer, children, className, }: PageLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface PageTemplateHeaderConfig {
+    /** Logo or brand element */
+    logo: React__default.ReactNode;
+    /** Navigation links with optional dropdowns */
+    navLinks?: HeaderNavLink[];
+    /** Actions (e.g., Sign In button, CTA) */
+    actions?: React__default.ReactNode;
+    /** Whether header should be sticky (default: true) */
+    sticky?: boolean;
+}
+interface PageTemplateSecondaryNavConfig {
+    /** Secondary navigation items */
+    items: SecondaryNavItem[];
+    /** Currently active item ID */
+    activeId: string;
+    /** Callback when item changes */
+    onItemChange: (id: string) => void;
+}
+interface PageTemplateProps {
+    /** Header configuration */
+    header: PageTemplateHeaderConfig;
+    /** Page title (required) */
+    title: string;
+    /** Optional page subtitle */
+    subtitle?: string;
+    /** Breadcrumb navigation items */
+    breadcrumbs: BreadcrumbItemLegacy[];
+    /** Optional secondary navigation */
+    secondaryNav?: PageTemplateSecondaryNavConfig;
+    /** Main page content */
+    children: React__default.ReactNode;
+    /** Optional footer */
+    footer?: React__default.ReactNode;
+    /** Show customizer panel (default: true) */
+    showCustomizer?: boolean;
+    /** Content width variant */
+    variant?: 'standard' | 'wide' | 'narrow';
+}
+/**
+ * PageTemplate Component
+ *
+ * An opinionated page layout template based on Swiss Grid Design principles.
+ * This template provides a structured, clean layout with sensible defaults for
+ * standard pages (blogs, docs, app pages).
+ *
+ * Swiss Grid Design Principles:
+ * - Structured spacing: 48-96px between major sections
+ * - Clear typography hierarchy: 36-48px title, 18px subtitle
+ * - Grid-based alignment with consistent content widths
+ * - Generous whitespace for breathing room
+ * - Minimal, functional aesthetic
+ *
+ * Features:
+ * - Sticky header with glass morphism effect
+ * - Breadcrumbs positioned below page title (static)
+ * - Always-sticky secondary navigation
+ * - Optional customizer panel
+ * - Three width variants: standard (1280px), wide (1440px), narrow (896px)
+ * - Automatic Swiss Grid spacing
+ *
+ * Example:
+ * ```tsx
+ * <PageTemplate
+ *   header={{
+ *     logo: <Link href="/">Brand</Link>,
+ *     navLinks: navigationItems,
+ *     sticky: true
+ *   }}
+ *   title="Welcome to Our Platform"
+ *   subtitle="Build amazing experiences with our tools"
+ *   breadcrumbs={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Platform' }
+ *   ]}
+ * >
+ *   <article>Your content here</article>
+ * </PageTemplate>
+ * ```
+ */
+declare function PageTemplate({ header, title, subtitle, breadcrumbs, secondaryNav, children, footer, showCustomizer, variant, }: PageTemplateProps): react_jsx_runtime.JSX.Element;
+
+declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof Group>) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanel: typeof Panel;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.ComponentProps<typeof Separator$2> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ScrollArea: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ScrollAreaPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ScrollBar: ({ ref, className, orientation, ...props }: React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Separator: ({ ref, className, orientation, decorative, ...props }: React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SeparatorPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Sidebar: ({ ref, className, children, isOpen, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    isOpen?: boolean;
+} & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SidebarOverlay: ({ ref, className, isOpen, onDismiss, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    isOpen?: boolean;
+    onDismiss?: () => void;
+} & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const SidebarHeader: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SidebarContent: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SidebarFooter: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+interface SidebarItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    isActive?: boolean;
+    icon?: React$1.ReactNode;
+    showIcon?: boolean;
+    depth?: number;
+    hasChildren?: boolean;
+    isExpanded?: boolean;
+    asChild?: boolean;
+}
+declare const SidebarItem: ({ ref, className, isActive, icon, showIcon, depth, hasChildren, isExpanded, children, asChild, ...props }: SidebarItemProps & {
+    ref?: React$1.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content to arrange
+     */
+    children: React__default.ReactNode;
+    /**
+     * Direction of flow
+     * @default 'column'
+     */
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    /**
+     * Spacing between items (scale: 0-12, or px values)
+     * Maps to Tailwind gap utility (e.g. 4 -> gap-4)
+     * @default 4
+     */
+    gap?: number;
+    /**
+     * Alignment on the cross axis (align-items)
+     */
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    /**
+     * Distribution on the main axis (justify-content)
+     */
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    /**
+     * Whether to allow wrapping (for row layouts)
+     */
+    wrap?: boolean;
+    /**
+     * HTML element to render as
+     * @default 'div'
+     */
+    as?: any;
+}
+declare const Stack: ({ ref, children, direction, gap, align, justify, wrap, as: Component, className, ...props }: StackProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+
+type GlassThickness = 'ultrathin' | 'thin' | 'medium' | 'thick' | 'ultrathick';
+/** 0 = pure white, 9 = pure black. 10 even steps. */
+type GlassTint = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+interface GlassSurfaceProps {
+    /** Whether the frosted glass effect is active (background + shadow). */
+    active?: boolean;
+    /** Shadow direction: 'top' casts downward, 'bottom' casts upward. */
+    position?: 'top' | 'bottom';
+    /** Glass opacity tier (default 'thin').
+     *  ultrathin 28% → thin 38% → medium 48% → thick 58% → ultrathick 68%. */
+    thickness?: GlassThickness;
+    /** Glass fill color for light mode: 0 = white, 9 = black (default 2). */
+    tint?: GlassTint;
+    /** Glass fill color for dark mode. Defaults to `9 - tint` (auto-invert). */
+    darkTint?: GlassTint;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Liquid glass surface with five thickness tiers and a 10-step tint scale.
+ *
+ * `backdrop-filter: blur(20px) saturate(180%)` provides the frosted
+ * blur; `thickness` controls opacity; `tint` controls the fill color
+ * from pure white (0) through neutral gray to pure black (9).
+ */
+declare function GlassSurface({ active, position, thickness, tint, darkTint, className, style, children, ref, }: GlassSurfaceProps): react_jsx_runtime.JSX.Element;
+
+interface WarpBackgroundProps {
+    focal?: [number, number];
+    rotation?: [number, number];
+    starSpeed?: number;
+    density?: number;
+    hueShift?: number;
+    disableAnimation?: boolean;
+    speed?: number;
+    mouseInteraction?: boolean;
+    glowIntensity?: number;
+    saturation?: number;
+    mouseRepulsion?: boolean;
+    repulsionStrength?: number;
+    twinkleIntensity?: number;
+    rotationSpeed?: number;
+    autoCenterRepulsion?: number;
+    transparent?: boolean;
+    className?: string;
+    [key: string]: any;
+}
+declare function WarpBackground({ focal, rotation, starSpeed, density, hueShift, disableAnimation, speed, mouseInteraction, glowIntensity, saturation, mouseRepulsion, repulsionStrength, twinkleIntensity, rotationSpeed, autoCenterRepulsion, transparent, className, ...rest }: WarpBackgroundProps): react_jsx_runtime.JSX.Element;
+
+interface FaultyTerminalProps {
+    scale?: number;
+    gridMul?: [number, number];
+    digitSize?: number;
+    timeScale?: number;
+    pause?: boolean;
+    scanlineIntensity?: number;
+    glitchAmount?: number;
+    flickerAmount?: number;
+    noiseAmp?: number;
+    chromaticAberration?: number;
+    dither?: number | boolean;
+    curvature?: number;
+    tint?: string;
+    mouseReact?: boolean;
+    mouseStrength?: number;
+    dpr?: number;
+    pageLoadAnimation?: boolean;
+    brightness?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+declare function FaultyTerminal({ scale, gridMul, digitSize, timeScale, pause, scanlineIntensity, glitchAmount, flickerAmount, noiseAmp, chromaticAberration, dither, curvature, tint, mouseReact, mouseStrength, dpr, // Defaulting loosely, avoid window access in default param if SSR
+pageLoadAnimation, brightness, className, style, ...rest }: FaultyTerminalProps): react_jsx_runtime.JSX.Element;
+
+interface AnimatedBeamProps {
+    className?: string;
+    containerRef: React.RefObject<HTMLElement | null>;
+    fromRef?: React.RefObject<HTMLElement | null>;
+    toRef?: React.RefObject<HTMLElement | null>;
+    curvature?: number;
+    reverse?: boolean;
+    pathColor?: string;
+    pathWidth?: number;
+    pathOpacity?: number;
+    gradientStartColor?: string;
+    gradientStopColor?: string;
+    delay?: number;
+    duration?: number;
+    startX?: number;
+    startY?: number;
+    endX?: number;
+    endY?: number;
+}
+declare const AnimatedBeam: ({ className, containerRef, fromRef, toRef, curvature, reverse, duration, delay, pathColor, pathWidth, pathOpacity, gradientStartColor, gradientStopColor, startX, startY, endX, endY, }: AnimatedBeamProps) => react_jsx_runtime.JSX.Element;
+
+interface OrbBackgroundProps {
+    className?: string;
+    hue?: number;
+    hoverIntensity?: number;
+    rotateOnHover?: boolean;
+    forceHoverState?: boolean;
+    /**
+     * Background color (hex). If not provided, uses CSS variable --color-background.
+     * @default undefined (reads from theme)
+     */
+    backgroundColor?: string;
+    /**
+     * Primary orb color (hex). Creates the main vibrant tone.
+     * @default '#9c43fe' (purple)
+     */
+    orbColor1?: string;
+    /**
+     * Secondary orb color (hex). Adds cool cyan tones.
+     * @default '#4cc2e9' (cyan)
+     */
+    orbColor2?: string;
+    /**
+     * Tertiary orb color (hex). Provides deep blue accent tones.
+     * @default '#101499' (deep blue)
+     */
+    orbColor3?: string;
+}
+declare function OrbBackground({ className, hue, hoverIntensity, rotateOnHover, forceHoverState, backgroundColor, orbColor1, orbColor2, orbColor3, }: OrbBackgroundProps): react_jsx_runtime.JSX.Element;
+
+interface HeroBlockProps {
+    className?: string;
+    badge?: string;
+    headline: string | React.ReactNode;
+    description: string;
+    primaryCta?: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+        variant?: "default" | "secondary" | "outline" | "ghost" | "link" | "destructive";
+    };
+    secondaryCta?: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+    };
+    background?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare function HeroBlock({ className, badge, headline, description, primaryCta, secondaryCta, background, children, }: HeroBlockProps): react_jsx_runtime.JSX.Element;
+
+interface ColorRGB {
+    r: number;
+    g: number;
+    b: number;
+}
+interface SplashCursorProps {
+    SIM_RESOLUTION?: number;
+    DYE_RESOLUTION?: number;
+    CAPTURE_RESOLUTION?: number;
+    DENSITY_DISSIPATION?: number;
+    VELOCITY_DISSIPATION?: number;
+    PRESSURE?: number;
+    PRESSURE_ITERATIONS?: number;
+    CURL?: number;
+    SPLAT_RADIUS?: number;
+    SPLAT_FORCE?: number;
+    SHADING?: boolean;
+    COLOR_UPDATE_SPEED?: number;
+    BACK_COLOR?: ColorRGB;
+    TRANSPARENT?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+declare function SplashCursor({ SIM_RESOLUTION, DYE_RESOLUTION, CAPTURE_RESOLUTION, DENSITY_DISSIPATION, VELOCITY_DISSIPATION, PRESSURE, PRESSURE_ITERATIONS, CURL, SPLAT_RADIUS, SPLAT_FORCE, SHADING, COLOR_UPDATE_SPEED, BACK_COLOR, TRANSPARENT, className, style }: SplashCursorProps): react_jsx_runtime.JSX.Element;
+
+interface TargetCursorProps {
+    color?: string;
+    outerSize?: number;
+    innerSize?: number;
+    outerAlpha?: number;
+    innerScale?: number;
+    outerScale?: number;
+    clickScale?: number;
+    blendMode?: boolean;
+}
+declare function TargetCursor({ color, outerSize, innerSize, outerAlpha, innerScale, outerScale, clickScale, blendMode }: TargetCursorProps): react_jsx_runtime.JSX.Element | null;
+
+interface ThemeState {
+    theme: ThemeName$1;
+    mode: ColorMode$1;
+    setTheme: (theme: ThemeName$1) => void;
+    setMode: (mode: ColorMode$1) => void;
+    toggleMode: () => void;
+    themeConfig: {
+        name: ThemeName$1;
+        mode: ColorMode$1;
+    };
+}
+declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeState>, "setState" | "persist"> & {
+    setState(partial: ThemeState | Partial<ThemeState> | ((state: ThemeState) => ThemeState | Partial<ThemeState>), replace?: false | undefined): unknown;
+    setState(state: ThemeState | ((state: ThemeState) => ThemeState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeState, {
+            theme: "studio" | "terra" | "volt" | "speedboat";
+            mode: "light" | "dark";
+        }, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: ThemeState) => void) => () => void;
+        onFinishHydration: (fn: (state: ThemeState) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeState, {
+            theme: "studio" | "terra" | "volt" | "speedboat";
+            mode: "light" | "dark";
+        }, unknown>>;
+    };
+}>;
+
+type CustomizationMode = 'simple' | 'advanced';
+interface ColorPalette {
+    name?: string;
+    description?: string;
+    primary: string;
+    primaryForeground: string;
+    secondary?: string;
+    secondaryForeground?: string;
+    accent?: string;
+    accentForeground?: string;
+    scale: Record<number, string>;
+    derivedTokens: Record<string, string>;
+}
+interface SavedPalette {
+    id: string;
+    name: string;
+    description: string;
+    primary: string;
+    accent: string;
+    secondary?: string;
+    category: 'custom';
+    wcagAA: boolean;
+    wcagAAA: boolean;
+    createdAt: number;
+    mood: string[];
+    bestFor?: string[];
+    harmony?: string;
+    rationale?: string;
+}
+interface SavedFontTheme extends FontTheme {
+    id: string;
+    createdAt: number;
+    category: 'custom';
+}
+type ThemeName = 'studio' | 'terra' | 'volt' | 'speedboat';
+type ColorMode = 'light' | 'dark';
+interface CustomizerState {
+    motion: number;
+    prefersReducedMotion: boolean;
+    customizationMode: CustomizationMode;
+    customColors: {
+        [theme in ThemeName]?: {
+            [mode in ColorMode]?: ColorPalette;
+        };
+    };
+    savedPalettes: SavedPalette[];
+    customFontThemes: {
+        [theme in ThemeName]?: {
+            [mode in ColorMode]?: FontTheme;
+        };
+    };
+    savedFontThemes: SavedFontTheme[];
+    setMotion: (level: number) => void;
+    setPrefersReducedMotion: (value: boolean) => void;
+    setCustomizationMode: (mode: CustomizationMode) => void;
+    setCustomPrimaryColor: (theme: ThemeName, mode: ColorMode, hexColor: string) => void;
+    setCustomSecondaryColor: (theme: ThemeName, mode: ColorMode, hexColor: string) => void;
+    setCustomAccentColor: (theme: ThemeName, mode: ColorMode, hexColor: string) => void;
+    applyColorPalette: (theme: ThemeName, mode: ColorMode, colors: {
+        primary: string;
+        secondary?: string;
+        accent?: string;
+        name?: string;
+        description?: string;
+    }) => void;
+    resetCustomColors: (theme: ThemeName, mode?: ColorMode) => void;
+    getActiveColorPalette: (theme: ThemeName, mode: ColorMode) => ColorPalette | null;
+    savePalette: (palette: Omit<SavedPalette, 'id' | 'createdAt' | 'category'>) => void;
+    updatePalette: (id: string, updates: Partial<SavedPalette>) => void;
+    renamePalette: (id: string, newName: string) => void;
+    deletePalette: (id: string) => void;
+    reorderPalettes: (palettes: SavedPalette[]) => void;
+    getSavedPalettes: () => SavedPalette[];
+    applyFontTheme: (theme: ThemeName, mode: ColorMode, fontTheme: FontTheme) => void;
+    resetCustomFonts: (theme: ThemeName, mode?: ColorMode) => void;
+    getActiveFontTheme: (theme: ThemeName, mode: ColorMode) => FontTheme | null;
+    saveFontTheme: (fontTheme: Omit<SavedFontTheme, 'id' | 'createdAt' | 'category'>) => void;
+    updateFontTheme: (id: string, updates: Partial<SavedFontTheme>) => void;
+    renameFontTheme: (id: string, newName: string) => void;
+    deleteFontTheme: (id: string) => void;
+    reorderFontThemes: (fontThemes: SavedFontTheme[]) => void;
+    getSavedFontThemes: () => SavedFontTheme[];
+}
+declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<CustomizerState>, "setState" | "persist"> & {
+    setState(partial: CustomizerState | Partial<CustomizerState> | ((state: CustomizerState) => CustomizerState | Partial<CustomizerState>), replace?: false | undefined): unknown;
+    setState(state: CustomizerState | ((state: CustomizerState) => CustomizerState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<CustomizerState, {
+            motion: number;
+            prefersReducedMotion: boolean;
+            customizationMode: CustomizationMode;
+            customColors: {
+                studio?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+                terra?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+                volt?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+                speedboat?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+            };
+            savedPalettes: SavedPalette[];
+            customFontThemes: {
+                studio?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                terra?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                volt?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                speedboat?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+            };
+            savedFontThemes: SavedFontTheme[];
+        }, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: CustomizerState) => void) => () => void;
+        onFinishHydration: (fn: (state: CustomizerState) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<CustomizerState, {
+            motion: number;
+            prefersReducedMotion: boolean;
+            customizationMode: CustomizationMode;
+            customColors: {
+                studio?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+                terra?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+                volt?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+                speedboat?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+            };
+            savedPalettes: SavedPalette[];
+            customFontThemes: {
+                studio?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                terra?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                volt?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                speedboat?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+            };
+            savedFontThemes: SavedFontTheme[];
+        }, unknown>>;
+    };
+}>;
+
+/**
+ * Component Registry - Source of Truth
+ *
+ * This file serves as the authoritative source for component counts,
+ * categories, and organization. Used by:
+ * - Documentation (Sage Studio)
+ * - MCP Server registry
+ * - Marketing materials
+ * - Internal tooling
+ *
+ * ⚠️ IMPORTANT: When adding a new component, follow the complete workflow:
+ * See: /.agent/workflows/register-new-component.md
+ *
+ * The workflow includes:
+ * - Creating the component in packages/ui
+ * - Registering in Sage Studio (apps/web)
+ * - Updating THIS registry file
+ * - Updating MCP server registry
+ * - Version bumping and npm publishing
+ *
+ * Last Updated: 2026-02-28
+ */
+declare const BRAND: {
+    readonly productName: "Sage Design Engine";
+    readonly productNameShort: "Sage";
+    readonly themeNames: {
+        readonly organic: "Terra";
+        readonly technical: "Volt";
+        readonly neutral: "Studio";
+    };
+    readonly tagline: "The Solopreneur's Development Stack";
+    readonly mission: "AI-Native components for velocity";
+};
+declare const COMPONENT_REGISTRY: {
+    /**
+     * Total count of all exported UI components from @thesage/ui
+     */
+    readonly totalCount: 100;
+    /**
+     * Core categories following functional organization pattern
+     * (what components DO, not abstract hierarchy)
+     */
+    readonly coreCategories: {
+        readonly actions: {
+            readonly count: 5;
+            readonly description: "Components that trigger behavior";
+            readonly examples: readonly ["Button", "Link", "Toggle", "ToggleGroup", "Magnetic"];
+        };
+        readonly forms: {
+            readonly count: 19;
+            readonly description: "Components that collect user input";
+            readonly examples: readonly ["Input", "Select", "Checkbox", "Switch", "Textarea", "ColorPicker", "SearchBar", "FileUpload"];
+        };
+        readonly navigation: {
+            readonly count: 10;
+            readonly description: "Components that help users move through content";
+            readonly examples: readonly ["Tabs", "Breadcrumb", "Pagination", "NavigationMenu", "Command"];
+        };
+        readonly overlays: {
+            readonly count: 12;
+            readonly description: "Components that display contextual content";
+            readonly examples: readonly ["Dialog", "Tooltip", "Popover", "Drawer", "Modal", "Sheet", "NotificationCenter"];
+        };
+        readonly feedback: {
+            readonly count: 9;
+            readonly description: "Components that communicate system state";
+            readonly examples: readonly ["Alert", "Toast", "Progress", "Spinner", "Skeleton", "EmptyState", "Stepper"];
+        };
+        readonly 'data-display': {
+            readonly count: 19;
+            readonly description: "Components that present information";
+            readonly examples: readonly ["Card", "Table", "Badge", "Avatar", "Heading", "Text", "Code", "Calendar", "StatCard", "Timeline", "TreeView"];
+        };
+        readonly layout: {
+            readonly count: 18;
+            readonly description: "Components for spatial organization";
+            readonly examples: readonly ["Accordion", "Separator", "Stack", "Grid", "Container", "ScrollArea", "GlassSurface"];
+        };
+    };
+    /**
+     * Specialty categories for advanced interactions and effects
+     */
+    readonly specialtyCategories: {
+        readonly backgrounds: {
+            readonly count: 2;
+            readonly description: "Animated background effects";
+            readonly examples: readonly ["WarpBackground", "FaultyTerminal"];
+        };
+        readonly cursor: {
+            readonly count: 2;
+            readonly description: "Interactive cursor effects";
+            readonly examples: readonly ["SplashCursor", "TargetCursor"];
+        };
+        readonly blocks: {
+            readonly count: 1;
+            readonly description: "Composed page blocks";
+            readonly examples: readonly ["Hero", "OpenGraphCard"];
+        };
+    };
+    /**
+     * Supporting APIs (not counted as components)
+     */
+    readonly supportingAPIs: {
+        readonly providers: readonly ["ThemeProvider"];
+        readonly hooks: readonly ["useTheme", "useMotionPreference", "useForm"];
+        readonly utilities: readonly ["animations", "breadcrumbs", "colors", "utils", "validation", "syntax-parser"];
+        readonly stores: readonly ["themeStore", "customizerStore"];
+    };
+};
+/**
+ * Computed totals
+ */
+declare const COMPONENT_COUNTS: {
+    readonly core: number;
+    readonly specialty: number;
+    readonly total: 100;
+};
+/**
+ * Marketing-friendly descriptions
+ */
+declare const MARKETING_COPY: {
+    readonly short: "100 production-ready components";
+    readonly medium: "100 components across 7 core categories, plus specialty backgrounds and motion effects";
+    readonly long: "100 thoughtfully designed components organized by function: actions, forms, navigation, overlays, feedback, data display, and layout—plus specialty components for backgrounds, cursor interactions, and animated effects.";
+};
+/**
+ * Documentation usage examples
+ */
+declare const DOC_EXAMPLES: {
+    readonly overview: `100 components across ${number} core categories`;
+    readonly breakdown: string;
+};
+
+declare const index$8_Button: typeof Button;
+type index$8_ButtonProps = ButtonProps;
+declare const index$8_Link: typeof Link;
+type index$8_LinkProps = LinkProps;
+declare const index$8_Magnetic: typeof Magnetic;
+type index$8_MagneticProps = MagneticProps;
+declare const index$8_Toggle: typeof Toggle;
+declare const index$8_ToggleGroup: typeof ToggleGroup;
+declare const index$8_ToggleGroupItem: typeof ToggleGroupItem;
+declare const index$8_buttonVariants: typeof buttonVariants;
+declare const index$8_toggleVariants: typeof toggleVariants;
+declare namespace index$8 {
+  export { index$8_Button as Button, type index$8_ButtonProps as ButtonProps, index$8_Link as Link, type index$8_LinkProps as LinkProps, index$8_Magnetic as Magnetic, type index$8_MagneticProps as MagneticProps, index$8_Toggle as Toggle, index$8_ToggleGroup as ToggleGroup, index$8_ToggleGroupItem as ToggleGroupItem, index$8_buttonVariants as buttonVariants, index$8_toggleVariants as toggleVariants };
+}
+
+declare const index$7_Checkbox: typeof Checkbox;
+declare const index$7_ColorPicker: typeof ColorPicker;
+type index$7_ColorPickerProps = ColorPickerProps;
+declare const index$7_Combobox: typeof Combobox;
+type index$7_ComboboxOption = ComboboxOption;
+type index$7_ComboboxProps = ComboboxProps;
+declare const index$7_DragDropHandle: typeof DragDropHandle;
+declare const index$7_DragDropHandleProps: typeof DragDropHandleProps;
+declare const index$7_DragDropItem: typeof DragDropItem;
+declare const index$7_DragDropList: typeof DragDropList;
+declare const index$7_DragDropListProps: typeof DragDropListProps;
+declare const index$7_DragDropTable: typeof DragDropTable;
+declare const index$7_DragDropTableProps: typeof DragDropTableProps;
+declare const index$7_FileUpload: typeof FileUpload;
+type index$7_FileUploadProps = FileUploadProps;
+declare const index$7_FilterButton: typeof FilterButton;
+type index$7_FilterButtonProps = FilterButtonProps;
+declare const index$7_Form: typeof Form;
+declare const index$7_FormControl: typeof FormControl;
+declare const index$7_FormDescription: typeof FormDescription;
+declare const index$7_FormField: typeof FormField;
+declare const index$7_FormItem: typeof FormItem;
+declare const index$7_FormLabel: typeof FormLabel;
+declare const index$7_FormMessage: typeof FormMessage;
+declare const index$7_Input: typeof Input;
+declare const index$7_InputOTP: typeof InputOTP;
+declare const index$7_InputOTPGroup: typeof InputOTPGroup;
+declare const index$7_InputOTPSeparator: typeof InputOTPSeparator;
+declare const index$7_InputOTPSlot: typeof InputOTPSlot;
+type index$7_InputProps = InputProps;
+declare const index$7_Label: typeof Label;
+declare const index$7_RadioGroup: typeof RadioGroup;
+declare const index$7_RadioGroupItem: typeof RadioGroupItem;
+declare const index$7_SearchBar: typeof SearchBar;
+type index$7_SearchBarProps = SearchBarProps;
+declare const index$7_Select: typeof Select;
+declare const index$7_SelectContent: typeof SelectContent;
+declare const index$7_SelectGroup: typeof SelectGroup;
+declare const index$7_SelectItem: typeof SelectItem;
+declare const index$7_SelectLabel: typeof SelectLabel;
+declare const index$7_SelectScrollDownButton: typeof SelectScrollDownButton;
+declare const index$7_SelectScrollUpButton: typeof SelectScrollUpButton;
+declare const index$7_SelectTrigger: typeof SelectTrigger;
+declare const index$7_SelectValue: typeof SelectValue;
+declare const index$7_Slider: typeof Slider;
+declare const index$7_Switch: typeof Switch;
+declare const index$7_TextField: typeof TextField;
+type index$7_TextFieldProps = TextFieldProps;
+declare const index$7_Textarea: typeof Textarea;
+type index$7_TextareaProps = TextareaProps;
+declare const index$7_ThemeSwitcher: typeof ThemeSwitcher;
+type index$7_ThemeSwitcherProps = ThemeSwitcherProps;
+declare const index$7_ThemeToggle: typeof ThemeToggle;
+type index$7_ThemeToggleProps = ThemeToggleProps;
+declare const index$7_fileUploadZoneVariants: typeof fileUploadZoneVariants;
+declare const index$7_labelVariants: typeof labelVariants;
+declare const index$7_useFormField: typeof useFormField;
+declare namespace index$7 {
+  export { index$7_Checkbox as Checkbox, index$7_ColorPicker as ColorPicker, type index$7_ColorPickerProps as ColorPickerProps, index$7_Combobox as Combobox, type index$7_ComboboxOption as ComboboxOption, type index$7_ComboboxProps as ComboboxProps, index$7_DragDropHandle as DragDropHandle, index$7_DragDropHandleProps as DragDropHandleProps, index$7_DragDropItem as DragDropItem, index$7_DragDropList as DragDropList, index$7_DragDropListProps as DragDropListProps, index$7_DragDropTable as DragDropTable, index$7_DragDropTableProps as DragDropTableProps, index$7_FileUpload as FileUpload, type index$7_FileUploadProps as FileUploadProps, index$7_FilterButton as FilterButton, type index$7_FilterButtonProps as FilterButtonProps, index$7_Form as Form, index$7_FormControl as FormControl, index$7_FormDescription as FormDescription, index$7_FormField as FormField, index$7_FormItem as FormItem, index$7_FormLabel as FormLabel, index$7_FormMessage as FormMessage, index$7_Input as Input, index$7_InputOTP as InputOTP, index$7_InputOTPGroup as InputOTPGroup, index$7_InputOTPSeparator as InputOTPSeparator, index$7_InputOTPSlot as InputOTPSlot, type index$7_InputProps as InputProps, index$7_Label as Label, index$7_RadioGroup as RadioGroup, index$7_RadioGroupItem as RadioGroupItem, index$7_SearchBar as SearchBar, type index$7_SearchBarProps as SearchBarProps, index$7_Select as Select, index$7_SelectContent as SelectContent, index$7_SelectGroup as SelectGroup, index$7_SelectItem as SelectItem, index$7_SelectLabel as SelectLabel, index$7_SelectScrollDownButton as SelectScrollDownButton, index$7_SelectScrollUpButton as SelectScrollUpButton, SelectSeparatorComp as SelectSeparator, index$7_SelectTrigger as SelectTrigger, index$7_SelectValue as SelectValue, index$7_Slider as Slider, index$7_Switch as Switch, index$7_TextField as TextField, type index$7_TextFieldProps as TextFieldProps, index$7_Textarea as Textarea, type index$7_TextareaProps as TextareaProps, index$7_ThemeSwitcher as ThemeSwitcher, type index$7_ThemeSwitcherProps as ThemeSwitcherProps, index$7_ThemeToggle as ThemeToggle, type index$7_ThemeToggleProps as ThemeToggleProps, index$7_fileUploadZoneVariants as fileUploadZoneVariants, index$7_labelVariants as labelVariants, index$7_useFormField as useFormField };
+}
+
+declare const index$6_Breadcrumb: typeof Breadcrumb;
+declare const index$6_BreadcrumbEllipsis: typeof BreadcrumbEllipsis;
+declare const index$6_BreadcrumbItem: typeof BreadcrumbItem;
+declare const index$6_BreadcrumbItemLegacy: typeof BreadcrumbItemLegacy;
+declare const index$6_BreadcrumbLink: typeof BreadcrumbLink;
+declare const index$6_BreadcrumbList: typeof BreadcrumbList;
+declare const index$6_BreadcrumbPage: typeof BreadcrumbPage;
+declare const index$6_BreadcrumbSeparator: typeof BreadcrumbSeparator;
+declare const index$6_Breadcrumbs: typeof Breadcrumbs;
+declare const index$6_BreadcrumbsProps: typeof BreadcrumbsProps;
+declare const index$6_Command: typeof Command;
+declare const index$6_CommandDialog: typeof CommandDialog;
+declare const index$6_CommandEmpty: typeof CommandEmpty;
+declare const index$6_CommandGroup: typeof CommandGroup;
+declare const index$6_CommandInput: typeof CommandInput;
+declare const index$6_CommandItem: typeof CommandItem;
+declare const index$6_CommandList: typeof CommandList;
+declare const index$6_CommandSeparator: typeof CommandSeparator;
+declare const index$6_CommandShortcut: typeof CommandShortcut;
+declare const index$6_Menubar: typeof Menubar;
+declare const index$6_MenubarContent: typeof MenubarContent;
+declare const index$6_MenubarGroup: typeof MenubarGroup;
+declare const index$6_MenubarItem: typeof MenubarItem;
+declare const index$6_MenubarMenu: typeof MenubarMenu;
+declare const index$6_MenubarPortal: typeof MenubarPortal;
+declare const index$6_MenubarRadioGroup: typeof MenubarRadioGroup;
+declare const index$6_MenubarSeparator: typeof MenubarSeparator;
+declare const index$6_MenubarShortcut: typeof MenubarShortcut;
+declare const index$6_MenubarSub: typeof MenubarSub;
+declare const index$6_MenubarTrigger: typeof MenubarTrigger;
+declare const index$6_NavLink: typeof NavLink;
+type index$6_NavLinkProps = NavLinkProps;
+declare const index$6_NavigationMenu: typeof NavigationMenu;
+declare const index$6_NavigationMenuContent: typeof NavigationMenuContent;
+declare const index$6_NavigationMenuIndicator: typeof NavigationMenuIndicator;
+declare const index$6_NavigationMenuItem: typeof NavigationMenuItem;
+declare const index$6_NavigationMenuLink: typeof NavigationMenuLink;
+declare const index$6_NavigationMenuList: typeof NavigationMenuList;
+declare const index$6_NavigationMenuTrigger: typeof NavigationMenuTrigger;
+declare const index$6_NavigationMenuViewport: typeof NavigationMenuViewport;
+declare const index$6_Pagination: typeof Pagination;
+declare const index$6_PaginationContent: typeof PaginationContent;
+declare const index$6_PaginationEllipsis: typeof PaginationEllipsis;
+declare const index$6_PaginationItem: typeof PaginationItem;
+declare const index$6_PaginationLink: typeof PaginationLink;
+declare const index$6_PaginationNext: typeof PaginationNext;
+declare const index$6_PaginationPrevious: typeof PaginationPrevious;
+declare const index$6_SecondaryNav: typeof SecondaryNav;
+type index$6_SecondaryNavItem = SecondaryNavItem;
+type index$6_SecondaryNavProps = SecondaryNavProps;
+declare const index$6_Tabs: typeof Tabs;
+declare const index$6_TabsContent: typeof TabsContent;
+declare const index$6_TabsList: typeof TabsList;
+declare const index$6_TabsTrigger: typeof TabsTrigger;
+declare const index$6_TertiaryNav: typeof TertiaryNav;
+type index$6_TertiaryNavItem = TertiaryNavItem;
+type index$6_TertiaryNavProps = TertiaryNavProps;
+declare const index$6_navigationMenuTriggerStyle: typeof navigationMenuTriggerStyle;
+declare namespace index$6 {
+  export { index$6_Breadcrumb as Breadcrumb, index$6_BreadcrumbEllipsis as BreadcrumbEllipsis, index$6_BreadcrumbItem as BreadcrumbItem, index$6_BreadcrumbItemLegacy as BreadcrumbItemLegacy, index$6_BreadcrumbLink as BreadcrumbLink, index$6_BreadcrumbList as BreadcrumbList, index$6_BreadcrumbPage as BreadcrumbPage, index$6_BreadcrumbSeparator as BreadcrumbSeparator, index$6_Breadcrumbs as Breadcrumbs, index$6_BreadcrumbsProps as BreadcrumbsProps, index$6_Command as Command, index$6_CommandDialog as CommandDialog, index$6_CommandEmpty as CommandEmpty, index$6_CommandGroup as CommandGroup, index$6_CommandInput as CommandInput, index$6_CommandItem as CommandItem, index$6_CommandList as CommandList, index$6_CommandSeparator as CommandSeparator, index$6_CommandShortcut as CommandShortcut, index$6_Menubar as Menubar, index$6_MenubarContent as MenubarContent, index$6_MenubarGroup as MenubarGroup, index$6_MenubarItem as MenubarItem, index$6_MenubarMenu as MenubarMenu, index$6_MenubarPortal as MenubarPortal, index$6_MenubarRadioGroup as MenubarRadioGroup, index$6_MenubarSeparator as MenubarSeparator, index$6_MenubarShortcut as MenubarShortcut, index$6_MenubarSub as MenubarSub, index$6_MenubarTrigger as MenubarTrigger, index$6_NavLink as NavLink, type index$6_NavLinkProps as NavLinkProps, index$6_NavigationMenu as NavigationMenu, index$6_NavigationMenuContent as NavigationMenuContent, index$6_NavigationMenuIndicator as NavigationMenuIndicator, index$6_NavigationMenuItem as NavigationMenuItem, index$6_NavigationMenuLink as NavigationMenuLink, index$6_NavigationMenuList as NavigationMenuList, index$6_NavigationMenuTrigger as NavigationMenuTrigger, index$6_NavigationMenuViewport as NavigationMenuViewport, index$6_Pagination as Pagination, index$6_PaginationContent as PaginationContent, index$6_PaginationEllipsis as PaginationEllipsis, index$6_PaginationItem as PaginationItem, index$6_PaginationLink as PaginationLink, index$6_PaginationNext as PaginationNext, index$6_PaginationPrevious as PaginationPrevious, index$6_SecondaryNav as SecondaryNav, type index$6_SecondaryNavItem as SecondaryNavItem, type index$6_SecondaryNavProps as SecondaryNavProps, index$6_Tabs as Tabs, index$6_TabsContent as TabsContent, index$6_TabsList as TabsList, index$6_TabsTrigger as TabsTrigger, index$6_TertiaryNav as TertiaryNav, type index$6_TertiaryNavItem as TertiaryNavItem, type index$6_TertiaryNavProps as TertiaryNavProps, index$6_navigationMenuTriggerStyle as navigationMenuTriggerStyle };
+}
+
+declare const index$5_AlertDialog: typeof AlertDialog;
+declare const index$5_AlertDialogAction: typeof AlertDialogAction;
+declare const index$5_AlertDialogCancel: typeof AlertDialogCancel;
+declare const index$5_AlertDialogContent: typeof AlertDialogContent;
+declare const index$5_AlertDialogDescription: typeof AlertDialogDescription;
+declare const index$5_AlertDialogFooter: typeof AlertDialogFooter;
+declare const index$5_AlertDialogHeader: typeof AlertDialogHeader;
+declare const index$5_AlertDialogOverlay: typeof AlertDialogOverlay;
+declare const index$5_AlertDialogPortal: typeof AlertDialogPortal;
+declare const index$5_AlertDialogTitle: typeof AlertDialogTitle;
+declare const index$5_AlertDialogTrigger: typeof AlertDialogTrigger;
+declare const index$5_ContextMenu: typeof ContextMenu;
+declare const index$5_ContextMenuCheckboxItem: typeof ContextMenuCheckboxItem;
+declare const index$5_ContextMenuContent: typeof ContextMenuContent;
+declare const index$5_ContextMenuGroup: typeof ContextMenuGroup;
+declare const index$5_ContextMenuItem: typeof ContextMenuItem;
+declare const index$5_ContextMenuLabel: typeof ContextMenuLabel;
+declare const index$5_ContextMenuPortal: typeof ContextMenuPortal;
+declare const index$5_ContextMenuRadioGroup: typeof ContextMenuRadioGroup;
+declare const index$5_ContextMenuRadioItem: typeof ContextMenuRadioItem;
+declare const index$5_ContextMenuSeparator: typeof ContextMenuSeparator;
+declare const index$5_ContextMenuShortcut: typeof ContextMenuShortcut;
+declare const index$5_ContextMenuSub: typeof ContextMenuSub;
+declare const index$5_ContextMenuSubContent: typeof ContextMenuSubContent;
+declare const index$5_ContextMenuSubTrigger: typeof ContextMenuSubTrigger;
+declare const index$5_ContextMenuTrigger: typeof ContextMenuTrigger;
+declare const index$5_Dialog: typeof Dialog;
+declare const index$5_DialogClose: typeof DialogClose;
+declare const index$5_DialogContent: typeof DialogContent;
+declare const index$5_DialogDescription: typeof DialogDescription;
+declare const index$5_DialogFooter: typeof DialogFooter;
+declare const index$5_DialogHeader: typeof DialogHeader;
+declare const index$5_DialogOverlay: typeof DialogOverlay;
+declare const index$5_DialogPortal: typeof DialogPortal;
+declare const index$5_DialogTitle: typeof DialogTitle;
+declare const index$5_DialogTrigger: typeof DialogTrigger;
+declare const index$5_Drawer: typeof Drawer;
+declare const index$5_DrawerClose: typeof DrawerClose;
+declare const index$5_DrawerContent: typeof DrawerContent;
+declare const index$5_DrawerDescription: typeof DrawerDescription;
+declare const index$5_DrawerFooter: typeof DrawerFooter;
+declare const index$5_DrawerHeader: typeof DrawerHeader;
+declare const index$5_DrawerOverlay: typeof DrawerOverlay;
+declare const index$5_DrawerPortal: typeof DrawerPortal;
+declare const index$5_DrawerTitle: typeof DrawerTitle;
+declare const index$5_DrawerTrigger: typeof DrawerTrigger;
+declare const index$5_Dropdown: typeof Dropdown;
+type index$5_DropdownItem = DropdownItem;
+declare const index$5_DropdownMenu: typeof DropdownMenu;
+declare const index$5_DropdownMenuCheckboxItem: typeof DropdownMenuCheckboxItem;
+declare const index$5_DropdownMenuContent: typeof DropdownMenuContent;
+declare const index$5_DropdownMenuGroup: typeof DropdownMenuGroup;
+declare const index$5_DropdownMenuItem: typeof DropdownMenuItem;
+declare const index$5_DropdownMenuLabel: typeof DropdownMenuLabel;
+declare const index$5_DropdownMenuPortal: typeof DropdownMenuPortal;
+declare const index$5_DropdownMenuRadioGroup: typeof DropdownMenuRadioGroup;
+declare const index$5_DropdownMenuRadioItem: typeof DropdownMenuRadioItem;
+declare const index$5_DropdownMenuSeparator: typeof DropdownMenuSeparator;
+declare const index$5_DropdownMenuShortcut: typeof DropdownMenuShortcut;
+declare const index$5_DropdownMenuSub: typeof DropdownMenuSub;
+declare const index$5_DropdownMenuSubContent: typeof DropdownMenuSubContent;
+declare const index$5_DropdownMenuSubTrigger: typeof DropdownMenuSubTrigger;
+declare const index$5_DropdownMenuTrigger: typeof DropdownMenuTrigger;
+type index$5_DropdownProps = DropdownProps;
+declare const index$5_HoverCard: typeof HoverCard;
+declare const index$5_HoverCardContent: typeof HoverCardContent;
+declare const index$5_HoverCardTrigger: typeof HoverCardTrigger;
+declare const index$5_Modal: typeof Modal;
+type index$5_ModalProps = ModalProps;
+declare const index$5_NotificationCenter: typeof NotificationCenter;
+type index$5_NotificationCenterProps = NotificationCenterProps;
+type index$5_NotificationItem = NotificationItem;
+declare const index$5_Popover: typeof Popover;
+declare const index$5_PopoverAnchor: typeof PopoverAnchor;
+declare const index$5_PopoverContent: typeof PopoverContent;
+declare const index$5_PopoverTrigger: typeof PopoverTrigger;
+declare const index$5_Sheet: typeof Sheet;
+declare const index$5_SheetClose: typeof SheetClose;
+declare const index$5_SheetContent: typeof SheetContent;
+declare const index$5_SheetDescription: typeof SheetDescription;
+declare const index$5_SheetFooter: typeof SheetFooter;
+declare const index$5_SheetHeader: typeof SheetHeader;
+declare const index$5_SheetOverlay: typeof SheetOverlay;
+declare const index$5_SheetPortal: typeof SheetPortal;
+declare const index$5_SheetTitle: typeof SheetTitle;
+declare const index$5_SheetTrigger: typeof SheetTrigger;
+declare const index$5_Tooltip: typeof Tooltip;
+declare const index$5_TooltipContent: typeof TooltipContent;
+declare const index$5_TooltipProvider: typeof TooltipProvider;
+declare const index$5_TooltipTrigger: typeof TooltipTrigger;
+declare const index$5_sheetVariants: typeof sheetVariants;
+declare namespace index$5 {
+  export { index$5_AlertDialog as AlertDialog, index$5_AlertDialogAction as AlertDialogAction, index$5_AlertDialogCancel as AlertDialogCancel, index$5_AlertDialogContent as AlertDialogContent, index$5_AlertDialogDescription as AlertDialogDescription, index$5_AlertDialogFooter as AlertDialogFooter, index$5_AlertDialogHeader as AlertDialogHeader, index$5_AlertDialogOverlay as AlertDialogOverlay, index$5_AlertDialogPortal as AlertDialogPortal, index$5_AlertDialogTitle as AlertDialogTitle, index$5_AlertDialogTrigger as AlertDialogTrigger, index$5_ContextMenu as ContextMenu, index$5_ContextMenuCheckboxItem as ContextMenuCheckboxItem, index$5_ContextMenuContent as ContextMenuContent, index$5_ContextMenuGroup as ContextMenuGroup, index$5_ContextMenuItem as ContextMenuItem, index$5_ContextMenuLabel as ContextMenuLabel, index$5_ContextMenuPortal as ContextMenuPortal, index$5_ContextMenuRadioGroup as ContextMenuRadioGroup, index$5_ContextMenuRadioItem as ContextMenuRadioItem, index$5_ContextMenuSeparator as ContextMenuSeparator, index$5_ContextMenuShortcut as ContextMenuShortcut, index$5_ContextMenuSub as ContextMenuSub, index$5_ContextMenuSubContent as ContextMenuSubContent, index$5_ContextMenuSubTrigger as ContextMenuSubTrigger, index$5_ContextMenuTrigger as ContextMenuTrigger, index$5_Dialog as Dialog, index$5_DialogClose as DialogClose, index$5_DialogContent as DialogContent, index$5_DialogDescription as DialogDescription, index$5_DialogFooter as DialogFooter, index$5_DialogHeader as DialogHeader, index$5_DialogOverlay as DialogOverlay, index$5_DialogPortal as DialogPortal, index$5_DialogTitle as DialogTitle, index$5_DialogTrigger as DialogTrigger, index$5_Drawer as Drawer, index$5_DrawerClose as DrawerClose, index$5_DrawerContent as DrawerContent, index$5_DrawerDescription as DrawerDescription, index$5_DrawerFooter as DrawerFooter, index$5_DrawerHeader as DrawerHeader, index$5_DrawerOverlay as DrawerOverlay, index$5_DrawerPortal as DrawerPortal, index$5_DrawerTitle as DrawerTitle, index$5_DrawerTrigger as DrawerTrigger, index$5_Dropdown as Dropdown, type index$5_DropdownItem as DropdownItem, index$5_DropdownMenu as DropdownMenu, index$5_DropdownMenuCheckboxItem as DropdownMenuCheckboxItem, index$5_DropdownMenuContent as DropdownMenuContent, index$5_DropdownMenuGroup as DropdownMenuGroup, index$5_DropdownMenuItem as DropdownMenuItem, index$5_DropdownMenuLabel as DropdownMenuLabel, index$5_DropdownMenuPortal as DropdownMenuPortal, index$5_DropdownMenuRadioGroup as DropdownMenuRadioGroup, index$5_DropdownMenuRadioItem as DropdownMenuRadioItem, index$5_DropdownMenuSeparator as DropdownMenuSeparator, index$5_DropdownMenuShortcut as DropdownMenuShortcut, index$5_DropdownMenuSub as DropdownMenuSub, index$5_DropdownMenuSubContent as DropdownMenuSubContent, index$5_DropdownMenuSubTrigger as DropdownMenuSubTrigger, index$5_DropdownMenuTrigger as DropdownMenuTrigger, type index$5_DropdownProps as DropdownProps, index$5_HoverCard as HoverCard, index$5_HoverCardContent as HoverCardContent, index$5_HoverCardTrigger as HoverCardTrigger, index$5_Modal as Modal, type index$5_ModalProps as ModalProps, index$5_NotificationCenter as NotificationCenter, type index$5_NotificationCenterProps as NotificationCenterProps, type index$5_NotificationItem as NotificationItem, index$5_Popover as Popover, index$5_PopoverAnchor as PopoverAnchor, index$5_PopoverContent as PopoverContent, index$5_PopoverTrigger as PopoverTrigger, index$5_Sheet as Sheet, index$5_SheetClose as SheetClose, index$5_SheetContent as SheetContent, index$5_SheetDescription as SheetDescription, index$5_SheetFooter as SheetFooter, index$5_SheetHeader as SheetHeader, index$5_SheetOverlay as SheetOverlay, index$5_SheetPortal as SheetPortal, index$5_SheetTitle as SheetTitle, index$5_SheetTrigger as SheetTrigger, index$5_Tooltip as Tooltip, index$5_TooltipContent as TooltipContent, index$5_TooltipProvider as TooltipProvider, index$5_TooltipTrigger as TooltipTrigger, index$5_sheetVariants as sheetVariants };
+}
+
+declare const index$4_Alert: typeof Alert;
+declare const index$4_AlertDescription: typeof AlertDescription;
+declare const index$4_AlertTitle: typeof AlertTitle;
+declare const index$4_EmptyState: typeof EmptyState;
+type index$4_EmptyStateProps = EmptyStateProps;
+declare const index$4_Progress: typeof Progress;
+declare const index$4_ProgressBar: typeof ProgressBar;
+type index$4_ProgressBarProps = ProgressBarProps;
+declare const index$4_Skeleton: typeof Skeleton;
+type index$4_SkeletonProps = SkeletonProps;
+declare const index$4_Spinner: typeof Spinner;
+type index$4_SpinnerProps = SpinnerProps;
+declare const index$4_Stepper: typeof Stepper;
+type index$4_StepperProps = StepperProps;
+declare const index$4_StepperStep: typeof StepperStep;
+type index$4_StepperStepProps = StepperStepProps;
+type index$4_Toast = Toast;
+declare const index$4_ToastProvider: typeof ToastProvider;
+type index$4_ToastProviderProps = ToastProviderProps;
+type index$4_ToastType = ToastType;
+declare const index$4_Toaster: typeof Toaster;
+declare const index$4_alertVariants: typeof alertVariants;
+declare const index$4_emptyStateVariants: typeof emptyStateVariants;
+declare const index$4_stepperVariants: typeof stepperVariants;
+declare const index$4_useToast: typeof useToast;
+declare namespace index$4 {
+  export { index$4_Alert as Alert, index$4_AlertDescription as AlertDescription, index$4_AlertTitle as AlertTitle, index$4_EmptyState as EmptyState, type index$4_EmptyStateProps as EmptyStateProps, index$4_Progress as Progress, index$4_ProgressBar as ProgressBar, type index$4_ProgressBarProps as ProgressBarProps, index$4_Skeleton as Skeleton, type index$4_SkeletonProps as SkeletonProps, index$4_Spinner as Spinner, type index$4_SpinnerProps as SpinnerProps, index$4_Stepper as Stepper, type index$4_StepperProps as StepperProps, index$4_StepperStep as StepperStep, type index$4_StepperStepProps as StepperStepProps, type index$4_Toast as Toast, index$4_ToastProvider as ToastProvider, type index$4_ToastProviderProps as ToastProviderProps, type index$4_ToastType as ToastType, index$4_Toaster as Toaster, index$4_alertVariants as alertVariants, index$4_emptyStateVariants as emptyStateVariants, index$4_stepperVariants as stepperVariants, index$4_useToast as useToast };
+}
+
+declare const index$3_AspectImage: typeof AspectImage;
+type index$3_AspectImageProps = AspectImageProps;
+declare const index$3_Avatar: typeof Avatar;
+declare const index$3_AvatarFallback: typeof AvatarFallback;
+declare const index$3_AvatarImage: typeof AvatarImage;
+declare const index$3_Badge: typeof Badge;
+type index$3_BadgeProps = BadgeProps;
+declare const index$3_Brand: typeof Brand;
+type index$3_BrandProps = BrandProps;
+declare const index$3_Calendar: typeof Calendar;
+declare const index$3_CalendarProps: typeof CalendarProps;
+declare const index$3_Card: typeof Card;
+declare const index$3_CardContent: typeof CardContent;
+declare const index$3_CardDescription: typeof CardDescription;
+declare const index$3_CardFooter: typeof CardFooter;
+declare const index$3_CardHeader: typeof CardHeader;
+type index$3_CardProps = CardProps;
+declare const index$3_CardTitle: typeof CardTitle;
+declare const index$3_Code: typeof Code;
+type index$3_CodeProps = CodeProps;
+declare const index$3_CollapsibleCodeBlock: typeof CollapsibleCodeBlock;
+type index$3_CollapsibleCodeBlockProps = CollapsibleCodeBlockProps;
+declare const index$3_DataTable: typeof DataTable;
+declare const index$3_DescriptionList: typeof DescriptionList;
+type index$3_DescriptionListItem = DescriptionListItem;
+type index$3_DescriptionListProps = DescriptionListProps;
+declare const index$3_GitHubIcon: typeof GitHubIcon;
+type index$3_GitHubIconProps = GitHubIconProps;
+declare const index$3_Heading: typeof Heading;
+type index$3_HeadingProps = HeadingProps;
+declare const index$3_StatCard: typeof StatCard;
+declare const index$3_StatCardGroup: typeof StatCardGroup;
+type index$3_StatCardProps = StatCardProps;
+declare const index$3_Table: typeof Table;
+declare const index$3_TableBody: typeof TableBody;
+declare const index$3_TableCaption: typeof TableCaption;
+declare const index$3_TableCell: typeof TableCell;
+declare const index$3_TableFooter: typeof TableFooter;
+declare const index$3_TableHead: typeof TableHead;
+declare const index$3_TableHeader: typeof TableHeader;
+declare const index$3_TableRow: typeof TableRow;
+declare const index$3_Text: typeof Text;
+type index$3_TextProps = TextProps;
+declare const index$3_Timeline: typeof Timeline;
+declare const index$3_TimelineItem: typeof TimelineItem;
+type index$3_TimelineItemProps = TimelineItemProps;
+type index$3_TimelineProps = TimelineProps;
+type index$3_TreeNode = TreeNode;
+declare const index$3_TreeView: typeof TreeView;
+type index$3_TreeViewProps = TreeViewProps;
+declare const index$3_Typewriter: typeof Typewriter;
+type index$3_TypewriterProps = TypewriterProps;
+declare const index$3_VariableWeightText: typeof VariableWeightText;
+declare const index$3_badgeVariants: typeof badgeVariants;
+declare const index$3_cardVariants: typeof cardVariants;
+declare const index$3_statCardVariants: typeof statCardVariants;
+declare const index$3_timelineVariants: typeof timelineVariants;
+declare const index$3_treeNodeVariants: typeof treeNodeVariants;
+declare namespace index$3 {
+  export { index$3_AspectImage as AspectImage, type index$3_AspectImageProps as AspectImageProps, index$3_Avatar as Avatar, index$3_AvatarFallback as AvatarFallback, index$3_AvatarImage as AvatarImage, index$3_Badge as Badge, type index$3_BadgeProps as BadgeProps, index$3_Brand as Brand, type index$3_BrandProps as BrandProps, index$3_Calendar as Calendar, index$3_CalendarProps as CalendarProps, index$3_Card as Card, index$3_CardContent as CardContent, index$3_CardDescription as CardDescription, index$3_CardFooter as CardFooter, index$3_CardHeader as CardHeader, type index$3_CardProps as CardProps, index$3_CardTitle as CardTitle, index$3_Code as Code, type index$3_CodeProps as CodeProps, index$3_CollapsibleCodeBlock as CollapsibleCodeBlock, type index$3_CollapsibleCodeBlockProps as CollapsibleCodeBlockProps, index$3_DataTable as DataTable, index$3_DescriptionList as DescriptionList, type index$3_DescriptionListItem as DescriptionListItem, type index$3_DescriptionListProps as DescriptionListProps, index$3_GitHubIcon as GitHubIcon, type index$3_GitHubIconProps as GitHubIconProps, index$3_Heading as Heading, type index$3_HeadingProps as HeadingProps, index$3_StatCard as StatCard, index$3_StatCardGroup as StatCardGroup, type index$3_StatCardProps as StatCardProps, index$3_Table as Table, index$3_TableBody as TableBody, index$3_TableCaption as TableCaption, index$3_TableCell as TableCell, index$3_TableFooter as TableFooter, index$3_TableHead as TableHead, index$3_TableHeader as TableHeader, index$3_TableRow as TableRow, index$3_Text as Text, type index$3_TextProps as TextProps, index$3_Timeline as Timeline, index$3_TimelineItem as TimelineItem, type index$3_TimelineItemProps as TimelineItemProps, type index$3_TimelineProps as TimelineProps, type index$3_TreeNode as TreeNode, index$3_TreeView as TreeView, type index$3_TreeViewProps as TreeViewProps, index$3_Typewriter as Typewriter, type index$3_TypewriterProps as TypewriterProps, index$3_VariableWeightText as VariableWeightText, index$3_badgeVariants as badgeVariants, index$3_cardVariants as cardVariants, index$3_statCardVariants as statCardVariants, index$3_timelineVariants as timelineVariants, index$3_treeNodeVariants as treeNodeVariants };
+}
+
+declare const index$2_Accordion: typeof Accordion;
+declare const index$2_AccordionContent: typeof AccordionContent;
+declare const index$2_AccordionItem: typeof AccordionItem;
+declare const index$2_AccordionTrigger: typeof AccordionTrigger;
+declare const index$2_AspectRatio: typeof AspectRatio;
+declare const index$2_Carousel: typeof Carousel;
+type index$2_CarouselApi = CarouselApi;
+declare const index$2_CarouselContent: typeof CarouselContent;
+declare const index$2_CarouselItem: typeof CarouselItem;
+declare const index$2_CarouselNext: typeof CarouselNext;
+declare const index$2_CarouselPrevious: typeof CarouselPrevious;
+declare const index$2_Collapsible: typeof Collapsible;
+declare const index$2_CollapsibleContent: typeof CollapsibleContent;
+declare const index$2_CollapsibleTrigger: typeof CollapsibleTrigger;
+declare const index$2_Container: typeof Container;
+type index$2_ContainerProps = ContainerProps;
+declare const index$2_CustomizerPanel: typeof CustomizerPanel;
+type index$2_CustomizerPanelProps = CustomizerPanelProps;
+declare const index$2_DatePicker: typeof DatePicker;
+declare const index$2_DatePickerProps: typeof DatePickerProps;
+declare const index$2_Footer: typeof Footer;
+type index$2_FooterLink = FooterLink;
+type index$2_FooterProps = FooterProps;
+type index$2_FooterSection = FooterSection;
+declare const index$2_GlassSurface: typeof GlassSurface;
+type index$2_GlassSurfaceProps = GlassSurfaceProps;
+type index$2_GlassThickness = GlassThickness;
+type index$2_GlassTint = GlassTint;
+declare const index$2_Grid: typeof Grid;
+declare const index$2_GridItem: typeof GridItem;
+type index$2_GridItemProps = GridItemProps;
+type index$2_GridProps = GridProps;
+declare const index$2_Header: typeof Header;
+type index$2_HeaderNavLink = HeaderNavLink;
+type index$2_HeaderProps = HeaderProps;
+declare const index$2_PageLayout: typeof PageLayout;
+type index$2_PageLayoutProps = PageLayoutProps;
+declare const index$2_PageTemplate: typeof PageTemplate;
+type index$2_PageTemplateHeaderConfig = PageTemplateHeaderConfig;
+type index$2_PageTemplateProps = PageTemplateProps;
+type index$2_PageTemplateSecondaryNavConfig = PageTemplateSecondaryNavConfig;
+declare const index$2_ResizableHandle: typeof ResizableHandle;
+declare const index$2_ResizablePanel: typeof ResizablePanel;
+declare const index$2_ResizablePanelGroup: typeof ResizablePanelGroup;
+declare const index$2_ScrollArea: typeof ScrollArea;
+declare const index$2_ScrollBar: typeof ScrollBar;
+declare const index$2_Separator: typeof Separator;
+declare const index$2_Sidebar: typeof Sidebar;
+declare const index$2_SidebarContent: typeof SidebarContent;
+declare const index$2_SidebarFooter: typeof SidebarFooter;
+declare const index$2_SidebarHeader: typeof SidebarHeader;
+declare const index$2_SidebarItem: typeof SidebarItem;
+declare const index$2_SidebarOverlay: typeof SidebarOverlay;
+declare const index$2_Stack: typeof Stack;
+type index$2_StackProps = StackProps;
+declare namespace index$2 {
+  export { index$2_Accordion as Accordion, index$2_AccordionContent as AccordionContent, index$2_AccordionItem as AccordionItem, index$2_AccordionTrigger as AccordionTrigger, index$2_AspectRatio as AspectRatio, index$2_Carousel as Carousel, type index$2_CarouselApi as CarouselApi, index$2_CarouselContent as CarouselContent, index$2_CarouselItem as CarouselItem, index$2_CarouselNext as CarouselNext, index$2_CarouselPrevious as CarouselPrevious, index$2_Collapsible as Collapsible, index$2_CollapsibleContent as CollapsibleContent, index$2_CollapsibleTrigger as CollapsibleTrigger, index$2_Container as Container, type index$2_ContainerProps as ContainerProps, index$2_CustomizerPanel as CustomizerPanel, type index$2_CustomizerPanelProps as CustomizerPanelProps, index$2_DatePicker as DatePicker, index$2_DatePickerProps as DatePickerProps, index$2_Footer as Footer, type index$2_FooterLink as FooterLink, type index$2_FooterProps as FooterProps, type index$2_FooterSection as FooterSection, index$2_GlassSurface as GlassSurface, type index$2_GlassSurfaceProps as GlassSurfaceProps, type index$2_GlassThickness as GlassThickness, type index$2_GlassTint as GlassTint, index$2_Grid as Grid, index$2_GridItem as GridItem, type index$2_GridItemProps as GridItemProps, type index$2_GridProps as GridProps, index$2_Header as Header, type index$2_HeaderNavLink as HeaderNavLink, type index$2_HeaderProps as HeaderProps, index$2_PageLayout as PageLayout, type index$2_PageLayoutProps as PageLayoutProps, index$2_PageTemplate as PageTemplate, type index$2_PageTemplateHeaderConfig as PageTemplateHeaderConfig, type index$2_PageTemplateProps as PageTemplateProps, type index$2_PageTemplateSecondaryNavConfig as PageTemplateSecondaryNavConfig, index$2_ResizableHandle as ResizableHandle, index$2_ResizablePanel as ResizablePanel, index$2_ResizablePanelGroup as ResizablePanelGroup, index$2_ScrollArea as ScrollArea, index$2_ScrollBar as ScrollBar, index$2_Separator as Separator, index$2_Sidebar as Sidebar, index$2_SidebarContent as SidebarContent, index$2_SidebarFooter as SidebarFooter, index$2_SidebarHeader as SidebarHeader, index$2_SidebarItem as SidebarItem, index$2_SidebarOverlay as SidebarOverlay, index$2_Stack as Stack, type index$2_StackProps as StackProps };
+}
+
+declare const index$1_FaultyTerminal: typeof FaultyTerminal;
+declare const index$1_OrbBackground: typeof OrbBackground;
+type index$1_OrbBackgroundProps = OrbBackgroundProps;
+declare const index$1_WarpBackground: typeof WarpBackground;
+declare namespace index$1 {
+  export { index$1_FaultyTerminal as FaultyTerminal, index$1_OrbBackground as OrbBackground, type index$1_OrbBackgroundProps as OrbBackgroundProps, index$1_WarpBackground as WarpBackground };
+}
+
+declare const index_SplashCursor: typeof SplashCursor;
+declare const index_TargetCursor: typeof TargetCursor;
+declare namespace index {
+  export { index_SplashCursor as SplashCursor, index_TargetCursor as TargetCursor };
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, index$8 as Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedBeam, type AnimatedBeamProps, AspectImage, type AspectImageProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, BRAND, index$1 as Backgrounds, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbItemLegacy, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BreadcrumbsProps, Button, type ButtonProps, COMPONENT_COUNTS, COMPONENT_REGISTRY, Calendar, CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Code, type CodeProps, Collapsible, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, CollapsibleContent, CollapsibleTrigger, ColorMode$1 as ColorMode, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomizerPanel, type CustomizerPanelProps, DOC_EXAMPLES, index$3 as DataDisplay, DataTable, DatePicker, DatePickerProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragDropHandle, DragDropHandleProps, DragDropItem, DragDropList, DragDropListProps, DragDropTable, DragDropTableProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, type DropdownItem, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, EmptyState, type EmptyStateProps, FaultyTerminal, index$4 as Feedback, FileUpload, type FileUploadProps, FilterButton, type FilterButtonProps, Footer, type FooterLink, type FooterProps, type FooterSection, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, index$7 as Forms, GitHubIcon, type GitHubIconProps, GlassSurface, type GlassSurfaceProps, type GlassThickness, type GlassTint, type GradientConfig, Grid, GridItem, type GridItemProps, type GridProps, Header, type HeaderNavLink, type HeaderProps, Heading, type HeadingProps, HeroBlock, type HeroBlockProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, index$2 as Layout, Link, type LinkProps, MARKETING_COPY, Magnetic, type MagneticProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarTrigger, Modal, type ModalProps, index as Motion, NavLink, type NavLinkProps, index$6 as Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotificationCenter, type NotificationCenterProps, type NotificationItem, OpenGraphCard, type OpenGraphCardProps, OrbBackground, type OrbBackgroundProps, index$5 as Overlays, PageLayout, type PageLayoutProps, PageTemplate, type PageTemplateHeaderConfig, type PageTemplateProps, type PageTemplateSecondaryNavConfig, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SecondaryNav, type SecondaryNavItem, type SecondaryNavProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparatorComp as SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarOverlay, Skeleton, type SkeletonProps, Slider, Spinner, type SpinnerProps, SplashCursor, Stack, type StackProps, StatCard, StatCardGroup, type StatCardProps, Stepper, type StepperProps, StepperStep, type StepperStepProps, Switch, SyntaxToken, SyntaxType, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetCursor, TertiaryNav, type TertiaryNavItem, type TertiaryNavProps, Text, TextField, type TextFieldProps, type TextProps, Textarea, type TextareaProps, ThemeName$1 as ThemeName, ThemeSwitcher, type ThemeSwitcherProps, ThemeToggle, type ThemeToggleProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, type Toast, ToastProvider, type ToastProviderProps, type ToastType, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TreeNode, TreeView, type TreeViewProps, Typewriter, type TypewriterProps, VariableWeightText, WarpBackground, alertVariants, badgeVariants, buttonVariants, cardVariants, emptyStateVariants, fileUploadZoneVariants, labelVariants, navigationMenuTriggerStyle, sheetVariants, statCardVariants, stepperVariants, timelineVariants, toggleVariants, treeNodeVariants, useCustomizer, useFormField, useThemeStore, useToast };