@shalomormsby/ui 0.0.5

package/dist/index.d.ts

@@ -0,0 +1,2829 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { SortingStrategy } from '@dnd-kit/sortable';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import * as react_hook_form from 'react-hook-form';
+import { FormProvider, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { OTPInput } from 'input-otp';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as _radix_ui_react_select from '@radix-ui/react-select';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { S as SyntaxType, a as SyntaxToken, B as BreadcrumbItemLegacy, b as Breadcrumbs, c as BreadcrumbsProps } from './utils-Bi4ypre8.js';
+export { U as Language, R as RouteConfig, T as Transition, V as Variant, d as Variants, G as adjustLightness, J as adjustOpacity, H as adjustSaturation, N as cn, j as collapseVariants, q as colorTokens, M as colorUtils, k as createAnimation, Q as detectLanguage, i as drawerVariants, e as durations, f as easings, g as fadeVariants, o as generateBreadcrumbs, L as generateColorScale, u as getCSSVariable, C as getContrastRatio, w as getForegroundColor, A as getLuminance, K as getOptimalForeground, y as getSemanticColorPair, E as hexToHSL, z as hexToRgb, F as hslToHex, l as listVariants, D as meetsContrastRequirements, m as modalVariants, O as parseCode, p as presets, I as rotateHue, r as rotateVariants, n as scaleDuration, h as scaleVariants, x as semanticColors, v as setCSSVariable, s as slideVariants, P as tokenize, t as transitions } from './utils-Bi4ypre8.js';
+import { Command as Command$1 } from 'cmdk';
+import * as DialogPrimitive 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 { DayPicker } from 'react-day-picker';
+import { ColumnDef } from '@tanstack/react-table';
+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 { Group, Panel, Separator as Separator$1 } 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 } from './providers-CNe9iqRi.js';
+export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, b as UseFormReturn, c as useForm, a as useMotionPreference, u as useTheme } from './hooks-BQi3Ia-W.js';
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+import { ThemeName as ThemeName$1, ColorMode as ColorMode$1, FontTheme } from '@sage/tokens';
+export { ColorMode, ThemeName, typographySystem } from '@sage/tokens';
+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 'clsx';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+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: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Toggle: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants> & React$1.RefAttributes<React$1.ElementRef<typeof TogglePrimitive.Root>>>;
+
+declare const ToggleGroup: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & React$1.RefAttributes<React$1.ElementRef<typeof ToggleGroupPrimitive.Root>>>;
+declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants> & React$1.RefAttributes<React$1.ElementRef<typeof ToggleGroupPrimitive.Item>>>;
+
+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: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+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;
+
+/**
+ * Item interface for drag and drop lists
+ */
+interface DragDropItem {
+    id: string;
+    [key: string]: any;
+}
+/**
+ * Props for DragDropList component
+ */
+interface DragDropListProps<T extends DragDropItem> {
+    /**
+     * Array of items to display
+     */
+    items: T[];
+    /**
+     * Callback fired when items are reordered
+     */
+    onReorder: (items: T[]) => void;
+    /**
+     * Render function for each item
+     */
+    renderItem: (item: T, isDragging: boolean) => React__default.ReactNode;
+    /**
+     * Enable drag handle mode (only drag from handle)
+     * @default false
+     */
+    withHandle?: boolean;
+    /**
+     * Custom class name for the list container
+     */
+    className?: string;
+    /**
+     * Custom class name for list items
+     */
+    itemClassName?: string;
+    /**
+     * Sorting strategy for the drag & drop behavior
+     * - verticalListSortingStrategy: For vertical lists (default)
+     * - rectSortingStrategy: For grid layouts
+     * @default verticalListSortingStrategy
+     */
+    strategy?: SortingStrategy;
+}
+/**
+ * Drag handle component for manual drag control
+ * Must be used within a DragDropList with withHandle={true}
+ */
+interface DragDropHandleProps {
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Handle icon
+     */
+    icon?: React__default.ReactNode;
+}
+declare function DragDropHandle({ className, icon }: DragDropHandleProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * DragDropList - Sortable list component with drag and drop functionality
+ *
+ * @example
+ * ```tsx
+ * const [items, setItems] = useState([
+ *   { id: '1', name: 'Item 1' },
+ *   { id: '2', name: 'Item 2' },
+ * ]);
+ *
+ * <DragDropList
+ *   items={items}
+ *   onReorder={setItems}
+ *   renderItem={(item) => (
+ *     <div className="p-4 bg-surface rounded">{item.name}</div>
+ *   )}
+ * />
+ * ```
+ */
+declare function DragDropList<T extends DragDropItem>({ items, onReorder, renderItem, withHandle, className, itemClassName, strategy, }: DragDropListProps<T>): react_jsx_runtime.JSX.Element;
+/**
+ * Props for DragDropTable component
+ */
+interface DragDropTableProps<T extends DragDropItem> {
+    /**
+     * Array of items to display
+     */
+    items: T[];
+    /**
+     * Callback fired when items are reordered
+     */
+    onReorder: (items: T[]) => void;
+    /**
+     * Table columns configuration
+     */
+    columns: {
+        key: string;
+        header: string;
+        render?: (item: T) => React__default.ReactNode;
+    }[];
+    /**
+     * Custom class name for the table
+     */
+    className?: string;
+}
+/**
+ * DragDropTable - Sortable table with draggable rows
+ *
+ * @example
+ * ```tsx
+ * <DragDropTable
+ *   items={data}
+ *   onReorder={setData}
+ *   columns={[
+ *     { key: 'name', header: 'Name' },
+ *     { key: 'email', header: 'Email' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function DragDropTable<T extends DragDropItem>({ items, onReorder, columns, className, }: DragDropTableProps<T>): 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: React__default.ForwardRefExoticComponent<FilterButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const Form: typeof FormProvider;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const InputOTP: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof OTPInput> & React$1.RefAttributes<React$1.ElementRef<typeof OTPInput>>>;
+declare const InputOTPGroup: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"div"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"div"> & {
+    index: number;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"div"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+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: React__default.ForwardRefExoticComponent<TextFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+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: React__default.ForwardRefExoticComponent<SearchBarProps & React__default.RefAttributes<HTMLInputElement>>;
+
+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: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_select.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_select.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_select.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_select.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_select.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_select.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparatorComp: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_select.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Slider: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & React$1.RefAttributes<React$1.ElementRef<typeof SliderPrimitive.Root>>>;
+
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+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 Breadcrumb: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"nav"> & {
+    separator?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"ol"> & React$1.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"li"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"a"> & {
+    asChild?: boolean;
+} & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"span"> & React$1.RefAttributes<HTMLSpanElement>>;
+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 DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React$1.ComponentProps<typeof DialogPrimitive.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 DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare const Command: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Command$1> & React$1.RefAttributes<React$1.ElementRef<typeof Command$1>>>;
+declare const CommandDialog: ({ children, ...props }: React$1.ComponentProps<typeof Dialog>) => react_jsx_runtime.JSX.Element;
+declare const CommandInput: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Command$1.Input> & React$1.RefAttributes<React$1.ElementRef<typeof Command$1.Input>>>;
+declare const CommandList: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Command$1.List> & React$1.RefAttributes<React$1.ElementRef<typeof Command$1.List>>>;
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Command$1.Empty> & React$1.RefAttributes<React$1.ElementRef<typeof Command$1.Empty>>>;
+declare const CommandGroup: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Command$1.Group> & React$1.RefAttributes<React$1.ElementRef<typeof Command$1.Group>>>;
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Command$1.Separator> & React$1.RefAttributes<React$1.ElementRef<typeof Command$1.Separator>>>;
+declare const CommandItem: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Command$1.Item> & React$1.RefAttributes<React$1.ElementRef<typeof Command$1.Item>>>;
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root> & React$1.RefAttributes<React$1.ElementRef<typeof MenubarPrimitive.Root>>>;
+declare const MenubarTrigger: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger> & React$1.RefAttributes<React$1.ElementRef<typeof MenubarPrimitive.Trigger>>>;
+declare const MenubarContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & React$1.RefAttributes<React$1.ElementRef<typeof MenubarPrimitive.Content>>>;
+declare const MenubarItem: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & React$1.RefAttributes<React$1.ElementRef<typeof MenubarPrimitive.Item>>>;
+declare const MenubarSeparator: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator> & React$1.RefAttributes<React$1.ElementRef<typeof MenubarPrimitive.Separator>>>;
+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: React__default.ForwardRefExoticComponent<NavLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & React$1.RefAttributes<React$1.ElementRef<typeof NavigationMenuPrimitive.Root>>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> & React$1.RefAttributes<React$1.ElementRef<typeof NavigationMenuPrimitive.List>>>;
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> & React$1.RefAttributes<React$1.ElementRef<typeof NavigationMenuPrimitive.Trigger>>>;
+declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> & React$1.RefAttributes<React$1.ElementRef<typeof NavigationMenuPrimitive.Content>>>;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> & React$1.RefAttributes<React$1.ElementRef<typeof NavigationMenuPrimitive.Viewport>>>;
+declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> & React$1.RefAttributes<React$1.ElementRef<typeof NavigationMenuPrimitive.Indicator>>>;
+
+declare const Pagination: {
+    ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"ul"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"li"> & React$1.RefAttributes<HTMLLIElement>>;
+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: React__default.ForwardRefExoticComponent<SecondaryNavProps & React__default.RefAttributes<HTMLElement>>;
+
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+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: React__default.ForwardRefExoticComponent<TertiaryNavProps & React__default.RefAttributes<HTMLElement>>;
+
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> & React$1.RefAttributes<React$1.ElementRef<typeof AlertDialogPrimitive.Overlay>>>;
+declare const AlertDialogContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & React$1.RefAttributes<React$1.ElementRef<typeof AlertDialogPrimitive.Content>>>;
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> & React$1.RefAttributes<React$1.ElementRef<typeof AlertDialogPrimitive.Title>>>;
+declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> & React$1.RefAttributes<React$1.ElementRef<typeof AlertDialogPrimitive.Description>>>;
+declare const AlertDialogAction: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & React$1.RefAttributes<React$1.ElementRef<typeof AlertDialogPrimitive.Action>>>;
+declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & React$1.RefAttributes<React$1.ElementRef<typeof AlertDialogPrimitive.Cancel>>>;
+
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+} & React$1.RefAttributes<React$1.ElementRef<typeof ContextMenuPrimitive.SubTrigger>>>;
+declare const ContextMenuSubContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & React$1.RefAttributes<React$1.ElementRef<typeof ContextMenuPrimitive.SubContent>>>;
+declare const ContextMenuContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & React$1.RefAttributes<React$1.ElementRef<typeof ContextMenuPrimitive.Content>>>;
+declare const ContextMenuItem: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+} & React$1.RefAttributes<React$1.ElementRef<typeof ContextMenuPrimitive.Item>>>;
+declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem> & React$1.RefAttributes<React$1.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>>>;
+declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem> & React$1.RefAttributes<React$1.ElementRef<typeof ContextMenuPrimitive.RadioItem>>>;
+declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+} & React$1.RefAttributes<React$1.ElementRef<typeof ContextMenuPrimitive.Label>>>;
+declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator> & React$1.RefAttributes<React$1.ElementRef<typeof ContextMenuPrimitive.Separator>>>;
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Drawer$1.Overlay> & React$1.RefAttributes<React$1.ElementRef<typeof Drawer$1.Overlay>>>;
+declare const DrawerContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Drawer$1.Content> & React$1.RefAttributes<React$1.ElementRef<typeof Drawer$1.Content>>>;
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Drawer$1.Title> & React$1.RefAttributes<React$1.ElementRef<typeof Drawer$1.Title>>>;
+declare const DrawerDescription: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Drawer$1.Description> & React$1.RefAttributes<React$1.ElementRef<typeof Drawer$1.Description>>>;
+
+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: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> & React$1.RefAttributes<React$1.ElementRef<typeof HoverCardPrimitive.Content>>>;
+
+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: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+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 DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+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: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & React$1.RefAttributes<React$1.ElementRef<typeof TooltipPrimitive.Content>>>;
+
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & React$1.RefAttributes<React$1.ElementRef<typeof ProgressPrimitive.Root>>>;
+
+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: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
+
+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: React__default.ForwardRefExoticComponent<SpinnerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+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[];
+};
+
+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: React__default.ForwardRefExoticComponent<AspectImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "error" | "info" | null | undefined;
+    size?: "sm" | "lg" | "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, ...props }: BadgeProps): 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: React__default.ForwardRefExoticComponent<BrandProps & React__default.RefAttributes<HTMLElement>>;
+
+type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+
+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: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+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 DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+}
+declare function DataTable<TData, TValue>({ columns, data, }: DataTableProps<TData, TValue>): 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: React__default.ForwardRefExoticComponent<GitHubIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+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: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
+
+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.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<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;
+
+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: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & React$1.RefAttributes<React$1.ElementRef<typeof AccordionPrimitive.Item>>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & React$1.RefAttributes<React$1.ElementRef<typeof AccordionPrimitive.Trigger>>>;
+declare const AccordionContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & React$1.RefAttributes<React$1.ElementRef<typeof AccordionPrimitive.Content>>>;
+
+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: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React$1.ForwardRefExoticComponent<React$1.ComponentProps<typeof Button> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React$1.ForwardRefExoticComponent<React$1.ComponentProps<typeof Button> & React$1.RefAttributes<HTMLButtonElement>>;
+
+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: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+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: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<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;
+}
+declare const CustomizerPanel: ({ mode, showMotionIntensity }: CustomizerPanelProps) => react_jsx_runtime.JSX.Element | null;
+
+interface DatePickerProps {
+    date?: Date;
+    onDateChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function DatePicker({ date, onDateChange, placeholder, className, disabled, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+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: React__default.ForwardRefExoticComponent<FooterProps & React__default.RefAttributes<HTMLElement>>;
+
+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: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLDivElement>>;
+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: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
+
+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: React__default.ForwardRefExoticComponent<HeaderProps & React__default.RefAttributes<HTMLElement>>;
+
+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$1> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Sidebar: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+    isOpen?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarOverlay: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+    isOpen?: boolean;
+    onDismiss?: () => void;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+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: React$1.ForwardRefExoticComponent<SidebarItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+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: React__default.ForwardRefExoticComponent<StackProps & React__default.RefAttributes<HTMLDivElement>>;
+
+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;
+    backgroundColor?: string;
+}
+declare function OrbBackground({ className, hue, hoverIntensity, rotateOnHover, forceHoverState, backgroundColor }: 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" | "sage" | "volt";
+            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" | "sage" | "volt";
+            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' | 'sage' | 'volt';
+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;
+                sage?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+                volt?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+            };
+            savedPalettes: SavedPalette[];
+            customFontThemes: {
+                studio?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                sage?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                volt?: {
+                    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;
+                sage?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+                volt?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
+            };
+            savedPalettes: SavedPalette[];
+            customFontThemes: {
+                studio?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                sage?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+                volt?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
+            };
+            savedFontThemes: SavedFontTheme[];
+        }, unknown>>;
+    };
+}>;
+
+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;
+type index$7_DragDropHandleProps = DragDropHandleProps;
+type index$7_DragDropItem = DragDropItem;
+declare const index$7_DragDropList: typeof DragDropList;
+type index$7_DragDropListProps<T extends DragDropItem> = DragDropListProps<T>;
+declare const index$7_DragDropTable: typeof DragDropTable;
+type index$7_DragDropTableProps<T extends DragDropItem> = DragDropTableProps<T>;
+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_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, type index$7_DragDropHandleProps as DragDropHandleProps, type index$7_DragDropItem as DragDropItem, index$7_DragDropList as DragDropList, type index$7_DragDropListProps as DragDropListProps, index$7_DragDropTable as DragDropTable, type index$7_DragDropTableProps as DragDropTableProps, 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_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_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 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_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 };
+}
+
+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_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;
+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_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_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, 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_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;
+type index$3_CalendarProps = 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_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_Typewriter: typeof Typewriter;
+type index$3_TypewriterProps = TypewriterProps;
+declare const index$3_VariableWeightText: typeof VariableWeightText;
+declare const index$3_badgeVariants: typeof badgeVariants;
+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, type 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_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_Typewriter as Typewriter, type index$3_TypewriterProps as TypewriterProps, index$3_VariableWeightText as VariableWeightText, index$3_badgeVariants as badgeVariants };
+}
+
+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;
+type index$2_DatePickerProps = 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_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, type 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_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, index$1 as Backgrounds, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbItemLegacy, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BreadcrumbsProps, Button, type ButtonProps, Calendar, type 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, 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, index$3 as DataDisplay, DataTable, DatePicker, type DatePickerProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragDropHandle, type DragDropHandleProps, type DragDropItem, DragDropList, type DragDropListProps, DragDropTable, type 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, FaultyTerminal, index$4 as Feedback, FilterButton, type FilterButtonProps, Footer, type FooterLink, type FooterProps, type FooterSection, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, index$7 as Forms, GitHubIcon, type GitHubIconProps, 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, 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, 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, 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, ThemeSwitcher, type ThemeSwitcherProps, ThemeToggle, type ThemeToggleProps, type Toast, ToastProvider, type ToastProviderProps, type ToastType, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typewriter, type TypewriterProps, VariableWeightText, WarpBackground, badgeVariants, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useCustomizer, useFormField, useThemeStore, useToast };