@thesage/ui 0.1.0 → 1.0.1

package/dist/index.d.mts

@@ -1,25 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ComponentPropsWithoutRef, ElementRef, 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 { DragDropHandle, DragDropHandleProps, DragDropItem, DragDropList, DragDropListProps, DragDropTable, DragDropTableProps } from './dnd.mjs';
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './forms.mjs';
 import { OTPInput } from 'input-otp';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as _radix_ui_react_select from '@radix-ui/react-select';
+import { Trigger, Content, Label as Label$1, Item, Separator as Separator$1, ScrollUpButton, ScrollDownButton } 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-DlJKRVzQ.mjs';
 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-DlJKRVzQ.mjs';
 import { Command as Command$1 } from 'cmdk';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -33,14 +32,14 @@ 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 { Calendar, CalendarProps, DatePicker, DatePickerProps } from './dates.mjs';
+import { DataTable } from './tables.mjs';
 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 { Group, Panel, Separator as Separator$2 } 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-Dv3LFGtJ.mjs';
@@ -51,7 +50,12 @@ import { T as ThemeName$1, C as ColorMode$1 } from './index-L8R3gyuQ.mjs';
 import { q as FontTheme } from './fontThemes-Cum0S1DI.mjs';
 export { m as typographySystem } from './fontThemes-Cum0S1DI.mjs';
 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_.mjs';
+import '@dnd-kit/sortable';
+import 'react-hook-form';
+import '@radix-ui/react-slot';
 import 'clsx';
+import 'react-day-picker';
+import '@tanstack/react-table';
 
 declare const buttonVariants: (props?: ({
     variant?: "default" | "primary" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
@@ -60,7 +64,9 @@ declare const buttonVariants: (props?: ({
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: ({ ref, className, variant, size, asChild, children, ...props }: ButtonProps & {
+    ref?: React$1.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
     children: React__default.ReactNode;
@@ -97,16 +103,24 @@ interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElemen
  * <Link href="https://example.com" target="_blank">External</Link>
  * ```
  */
-declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+declare const Link: ({ ref, children, className, variant, hoverEffect, ...props }: LinkProps & {
+    ref?: React__default.Ref<HTMLAnchorElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "lg" | "sm" | "default" | 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 Toggle: ({ ref, className, variant, size, ...props }: React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TogglePrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const ToggleGroup: 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>>>;
+declare const ToggleGroup: ({ ref, className, variant, size, children, ...props }: React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ToggleGroupPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ToggleGroupItem: ({ ref, className, children, variant, size, ...props }: React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ToggleGroupPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface MagneticProps {
     children: React__default.ReactNode;
@@ -124,7 +138,9 @@ interface MagneticProps {
 }
 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>>;
+declare const Checkbox: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof CheckboxPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface ColorPickerProps {
     label?: string;
@@ -152,127 +168,6 @@ interface ComboboxProps {
 }
 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;
@@ -283,43 +178,42 @@ interface FilterButtonProps extends React__default.ButtonHTMLAttributes<HTMLButt
      */
     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>>;
+declare const FilterButton: ({ ref, active, count, children, shape, className, ...props }: FilterButtonProps & {
+    ref?: React__default.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
 }
-declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const Input: ({ ref, className, type, ...props }: InputProps & {
+    ref?: React$1.Ref<HTMLInputElement>;
+}) => react_jsx_runtime.JSX.Element;
 
-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"> & {
+declare const InputOTP: ({ ref, className, containerClassName, ...props }: React$1.ComponentPropsWithoutRef<typeof OTPInput> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof OTPInput>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const InputOTPGroup: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"div"> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const InputOTPSlot: ({ ref, index, className, ...props }: React$1.ComponentPropsWithoutRef<"div"> & {
     index: number;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"div"> & React$1.RefAttributes<HTMLDivElement>>;
+} & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const InputOTPSeparator: ({ ref, ...props }: React$1.ComponentPropsWithoutRef<"div"> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const 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 labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const Label: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof LabelPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const RadioGroup: 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>>;
+declare const RadioGroup: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof RadioGroupPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const RadioGroupItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof RadioGroupPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface TextFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /**
@@ -366,7 +260,9 @@ interface TextFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInp
  * - Full keyboard accessibility
  * - Ref forwarding support
  */
-declare const TextField: React__default.ForwardRefExoticComponent<TextFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const TextField: ({ ref, variant, size, error, helperText, label, required, className, id, ...props }: TextFieldProps & {
+    ref?: React__default.Ref<HTMLInputElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface SearchBarProps extends Omit<TextFieldProps, 'variant'> {
     /**
@@ -420,26 +316,48 @@ interface SearchBarProps extends Omit<TextFieldProps, 'variant'> {
  * />
  * ```
  */
-declare const SearchBar: React__default.ForwardRefExoticComponent<SearchBarProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const SearchBar: ({ ref, onSearch, debounceMs, showClearButton, onClear, value: controlledValue, onChange, placeholder, className, shortcut, ...props }: SearchBarProps & {
+    ref?: React__default.Ref<HTMLInputElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const Select: React$1.FC<_radix_ui_react_select.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<_radix_ui_react_select.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<_radix_ui_react_select.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: 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 SelectTrigger: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<typeof Trigger> & {
+    ref?: React$1.Ref<ElementRef<typeof Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectScrollUpButton: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof ScrollUpButton> & {
+    ref?: React$1.Ref<ElementRef<typeof ScrollUpButton>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectScrollDownButton: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof ScrollDownButton> & {
+    ref?: React$1.Ref<ElementRef<typeof ScrollDownButton>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectContent: ({ ref, className, children, position, ...props }: ComponentPropsWithoutRef<typeof Content> & {
+    ref?: React$1.Ref<ElementRef<typeof Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectLabel: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof Label$1> & {
+    ref?: React$1.Ref<ElementRef<typeof Label$1>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectItem: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<typeof Item> & {
+    ref?: React$1.Ref<ElementRef<typeof Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectSeparatorComp: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof Separator$1> & {
+    ref?: React$1.Ref<ElementRef<typeof Separator$1>>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const Slider: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & React$1.RefAttributes<React$1.ElementRef<typeof SliderPrimitive.Root>>>;
+declare const Slider: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SliderPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Switch: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SwitchPrimitives.Root>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
 }
-declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: ({ ref, className, ...props }: TextareaProps & {
+    ref?: React$1.Ref<HTMLTextAreaElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface ThemeSwitcherProps {
     /**
@@ -529,15 +447,25 @@ interface ThemeToggleProps {
  */
 declare const ThemeToggle: React__default.FC<ThemeToggleProps>;
 
-declare const Breadcrumb: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"nav"> & {
+declare const Breadcrumb: ({ ref, ...props }: 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"> & {
+} & {
+    ref?: React$1.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbList: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"ol"> & {
+    ref?: React$1.Ref<HTMLOListElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"li"> & {
+    ref?: React$1.Ref<HTMLLIElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbLink: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"a"> & {
     asChild?: boolean;
-} & React$1.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<"span"> & React$1.RefAttributes<HTMLSpanElement>>;
+} & {
+    ref?: React$1.Ref<HTMLAnchorElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbPage: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<"span"> & {
+    ref?: React$1.Ref<HTMLSpanElement>;
+}) => react_jsx_runtime.JSX.Element;
 declare const BreadcrumbSeparator: {
     ({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -547,27 +475,41 @@ declare const BreadcrumbEllipsis: {
     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> & {
+declare function Dialog({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
     showCloseButton?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
-declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
 
-declare const Command: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Command$1> & React$1.RefAttributes<React$1.ElementRef<typeof Command$1>>>;
+declare const Command: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const CommandDialog: ({ children, ...props }: React$1.ComponentProps<typeof Dialog>) => react_jsx_runtime.JSX.Element;
-declare const CommandInput: 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 CommandInput: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Input> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Input>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandList: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.List> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.List>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandEmpty: ({ ref, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Empty> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Empty>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandGroup: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Group> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Group>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandSeparator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Separator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Separator>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CommandItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Command$1.Item> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Command$1.Item>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const CommandShortcut: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -578,11 +520,21 @@ 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 Menubar: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarTrigger: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarContent: ({ ref, className, align, alignOffset, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenubarSeparator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Separator>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const MenubarShortcut: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -594,24 +546,42 @@ interface NavLinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorEle
     icon?: React__default.ReactNode;
     variant?: 'pill' | 'minimal';
 }
-declare const NavLink: React__default.ForwardRefExoticComponent<NavLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+declare const NavLink: ({ ref, active, children, icon, variant, className, ...props }: NavLinkProps & {
+    ref?: React__default.Ref<HTMLAnchorElement>;
+}) => react_jsx_runtime.JSX.Element;
 
-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 NavigationMenu: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const NavigationMenuList: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.List>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const NavigationMenuTrigger: 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 NavigationMenuTrigger: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const NavigationMenuContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
-declare const NavigationMenuViewport: 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 NavigationMenuViewport: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Viewport>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const NavigationMenuIndicator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof NavigationMenuPrimitive.Indicator>>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const Pagination: {
     ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const PaginationContent: 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>>;
+declare const PaginationContent: ({ ref, className, ...props }: React$1.ComponentProps<"ul"> & {
+    ref?: React$1.Ref<HTMLUListElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const PaginationItem: ({ ref, className, ...props }: React$1.ComponentProps<"li"> & {
+    ref?: React$1.Ref<HTMLLIElement>;
+}) => react_jsx_runtime.JSX.Element;
 type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
@@ -676,12 +646,20 @@ interface SecondaryNavProps {
  * Secondary Navigation Component
  * ... (keep existing comment block) ...
  */
-declare const SecondaryNav: React__default.ForwardRefExoticComponent<SecondaryNavProps & React__default.RefAttributes<HTMLElement>>;
+declare const SecondaryNav: ({ ref, items, activeId, onItemChange, maxWidth, mode, top, className }: SecondaryNavProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsList: 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>>;
+declare const TabsList: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TabsPrimitive.List>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TabsTrigger: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TabsPrimitive.Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TabsContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TabsPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface TertiaryNavItem {
     id: string;
@@ -721,13 +699,19 @@ interface TertiaryNavProps {
  * Tertiary Navigation Component
  * ... (keep existing comment block) ...
  */
-declare const TertiaryNav: React__default.ForwardRefExoticComponent<TertiaryNavProps & React__default.RefAttributes<HTMLElement>>;
+declare const TertiaryNav: ({ ref, items, activeId, onItemChange, mode, top, className }: TertiaryNavProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertDialogOverlay: 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 AlertDialogOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Overlay>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const AlertDialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -736,10 +720,18 @@ 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 AlertDialogTitle: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Title>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogDescription: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Description>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogAction: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Action>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogCancel: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Cancel>>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
 declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
@@ -747,20 +739,36 @@ declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenuPri
 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> & {
+declare const ContextMenuSubTrigger: ({ ref, className, inset, children, ...props }: 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> & {
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.SubTrigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuSubContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.SubContent>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuItem: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
     inset?: boolean;
-} & 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> & {
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuCheckboxItem: ({ ref, className, children, checked, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuRadioItem: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.RadioItem>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuLabel: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
     inset?: boolean;
-} & 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>>>;
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Label>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuSeparator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Separator>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const ContextMenuShortcut: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -770,8 +778,12 @@ 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 DrawerOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Overlay> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Overlay>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DrawerContent: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const DrawerHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -780,8 +792,12 @@ 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>>>;
+declare const DrawerTitle: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Title> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Title>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DrawerDescription: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Description> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Description>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface DropdownItem {
     label: string;
@@ -849,20 +865,36 @@ declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuP
 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"> & {
+declare const DropdownMenuSubTrigger: ({ ref, className, inset, children, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
     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"> & {
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuSubContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.SubContent>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuContent: ({ ref, className, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuItem: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
-} & 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"> & {
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuCheckboxItem: ({ ref, className, children, checked, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuRadioItem: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.RadioItem>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuLabel: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+} & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Label>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuSeparator: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Separator>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const DropdownMenuShortcut: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -870,7 +902,9 @@ declare const DropdownMenuShortcut: {
 
 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>>>;
+declare const HoverCardContent: ({ ref, className, align, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof HoverCardPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface ModalProps {
     /**
@@ -950,19 +984,25 @@ 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 PopoverContent: ({ ref, className, align, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof PopoverPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const Sheet: React$1.FC<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 Sheet: React$1.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Overlay>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const sheetVariants: (props?: ({
     side?: "left" | "top" | "bottom" | "right" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
-declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetContent: ({ ref, side, className, children, ...props }: SheetContentProps & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 declare const SheetHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -971,13 +1011,19 @@ 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 SheetTitle: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Title> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Title>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SheetDescription: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Description> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Description>>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & React$1.RefAttributes<React$1.ElementRef<typeof TooltipPrimitive.Content>>>;
+declare const TooltipContent: ({ ref, className, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof TooltipPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
@@ -986,7 +1032,9 @@ declare function Alert({ className, variant, ...props }: React$1.ComponentProps<
 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>>>;
+declare const Progress: ({ ref, className, value, ...props }: React$1.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ProgressPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface ProgressBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /**
@@ -1045,7 +1093,9 @@ interface ProgressBarProps extends React__default.HTMLAttributes<HTMLDivElement>
  * <ProgressBar indeterminate variant="primary" />
  * ```
  */
-declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ProgressBar: ({ ref, value, max, size, variant, showLabel, animated, indeterminate, className, ...props }: ProgressBarProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
@@ -1102,7 +1152,9 @@ interface SpinnerProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * <Spinner size="sm" variant="inherit" />
  * ```
  */
-declare const Spinner: React__default.ForwardRefExoticComponent<SpinnerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Spinner: ({ ref, size, variant, label, className, ...props }: SpinnerProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
 interface Toast {
@@ -1197,15 +1249,23 @@ interface AspectImageProps extends React__default.ImgHTMLAttributes<HTMLImageEle
      */
     caption?: React__default.ReactNode;
 }
-declare const AspectImage: React__default.ForwardRefExoticComponent<AspectImageProps & React__default.RefAttributes<HTMLImageElement>>;
+declare const AspectImage: ({ ref, ratio, src, alt, rounded, shadow, caption, className, style, ...props }: AspectImageProps & {
+    ref?: React__default.Ref<HTMLImageElement>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const Avatar: 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 Avatar: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AvatarPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AvatarImage: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AvatarPrimitive.Image>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AvatarFallback: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AvatarPrimitive.Fallback>>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "error" | "info" | null | undefined;
-    size?: "sm" | "lg" | "md" | null | undefined;
+    variant?: "error" | "success" | "warning" | "info" | "secondary" | "default" | "destructive" | "outline" | null | undefined;
+    size?: "lg" | "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     dot?: boolean;
@@ -1273,13 +1333,9 @@ interface BrandProps {
  * <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 Brand: ({ ref, children, size, href, className, onClick }: BrandProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const cardVariants: (props?: ({
     hoverEffect?: boolean | null | undefined;
@@ -1287,12 +1343,24 @@ declare const cardVariants: (props?: ({
 } & 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>>;
+declare const Card: ({ ref, className, variant, hoverEffect, ...props }: CardProps & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardHeader: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardTitle: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement> & {
+    ref?: React$1.Ref<HTMLParagraphElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardDescription: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React$1.Ref<HTMLParagraphElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardContent: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardFooter: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface CodeProps {
     /** The code content to display */
@@ -1377,12 +1445,6 @@ interface CollapsibleCodeBlockProps {
  */
 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;
@@ -1415,7 +1477,9 @@ interface GitHubIconProps {
  * 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>>;
+declare const GitHubIcon: ({ ref, size, className }: GitHubIconProps & {
+    ref?: React__default.Ref<SVGSVGElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface HeadingProps {
     /**
@@ -1459,16 +1523,37 @@ interface HeadingProps {
  * <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>>;
+declare const Heading: ({ ref, children, level, className }: HeadingProps & {
+    ref?: React__default.Ref<HTMLHeadingElement>;
+}) => React__default.DetailedReactHTMLElement<{
+    ref: React__default.Ref<HTMLHeadingElement> | undefined;
+    className: string;
+}, HTMLHeadingElement>;
+
+declare const Table: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableElement> & {
+    ref?: React$1.Ref<HTMLTableElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableHeader: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement> & {
+    ref?: React$1.Ref<HTMLTableSectionElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableBody: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement> & {
+    ref?: React$1.Ref<HTMLTableSectionElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableFooter: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement> & {
+    ref?: React$1.Ref<HTMLTableSectionElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableRow: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableRowElement> & {
+    ref?: React$1.Ref<HTMLTableRowElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableHead: ({ ref, className, ...props }: React$1.ThHTMLAttributes<HTMLTableCellElement> & {
+    ref?: React$1.Ref<HTMLTableCellElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableCell: ({ ref, className, ...props }: React$1.TdHTMLAttributes<HTMLTableCellElement> & {
+    ref?: React$1.Ref<HTMLTableCellElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const TableCaption: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLTableCaptionElement> & {
+    ref?: React$1.Ref<HTMLTableCaptionElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface TextProps {
     /**
@@ -1537,7 +1622,12 @@ interface TextProps {
  * <Text as="label">Form label</Text>
  * ```
  */
-declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLElement>>;
+declare const Text: ({ ref, children, variant, size, weight, as: Component, className }: TextProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => React__default.DetailedReactHTMLElement<{
+    ref: React__default.Ref<HTMLElement> | undefined;
+    className: string;
+}, HTMLElement>;
 
 interface VariableWeightTextProps extends Omit<HTMLMotionProps<'div'>, 'children'> {
     /**
@@ -1635,9 +1725,15 @@ interface OpenGraphCardProps extends React__default.HTMLAttributes<HTMLDivElemen
 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 AccordionItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AccordionPrimitive.Item>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AccordionTrigger: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AccordionPrimitive.Trigger>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const AccordionContent: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof AccordionPrimitive.Content>>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1651,15 +1747,27 @@ type CarouselProps = {
     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 Carousel: ({ ref, orientation, opts, setApi, plugins, className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CarouselContent: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CarouselItem: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CarouselPrevious: ({ ref, className, variant, size, ...props }: React$1.ComponentProps<typeof Button> & {
+    ref?: React$1.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const CarouselNext: ({ ref, className, variant, size, ...props }: React$1.ComponentProps<typeof Button> & {
+    ref?: React$1.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleContent: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface ContainerProps {
     /**
@@ -1724,7 +1832,12 @@ interface ContainerProps {
  * <Container as="main">Main content</Container>
  * ```
  */
-declare const Container: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<HTMLElement>>;
+declare const Container: ({ ref, children, variant, padding, className, as: Component }: ContainerProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => React__default.DetailedReactHTMLElement<{
+    ref: React__default.Ref<HTMLElement> | undefined;
+    className: string;
+}, HTMLElement>;
 
 interface CustomizerPanelProps {
     /**
@@ -1742,15 +1855,6 @@ interface CustomizerPanelProps {
 }
 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;
@@ -1802,7 +1906,9 @@ interface FooterProps {
  * - Organized content sections
  * - Clean typography and spacing
  */
-declare const Footer: React__default.ForwardRefExoticComponent<FooterProps & React__default.RefAttributes<HTMLElement>>;
+declare const Footer: ({ ref, logo, sections, socialLinks, copyright, className }: FooterProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 type ResponsiveValue<T> = T | {
     base?: T;
@@ -1828,7 +1934,9 @@ interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
      */
     as?: any;
 }
-declare const Grid: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Grid: ({ ref, children, columns, gap, as: Component, className, ...props }: GridProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
 interface GridItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
     children: React__default.ReactNode;
     colSpan?: ResponsiveValue<number>;
@@ -1836,7 +1944,9 @@ interface GridItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
     colStart?: ResponsiveValue<number>;
     as?: any;
 }
-declare const GridItem: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const GridItem: ({ ref, children, colSpan, rowSpan, colStart, as: Component, className, ...props }: GridItemProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface HeaderNavLink {
     label: string;
@@ -1910,7 +2020,9 @@ interface HeaderProps {
      */
     className?: string;
 }
-declare const Header: React__default.ForwardRefExoticComponent<HeaderProps & React__default.RefAttributes<HTMLElement>>;
+declare const Header: ({ ref, logo, navLinks, actions, glassOnScroll, scrollThreshold, sticky, navLinkSize, navAlignment, fontFamily, maxWidth, className }: HeaderProps & {
+    ref?: React__default.Ref<HTMLElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface PageLayoutProps {
     /** Optional header configuration */
@@ -2066,25 +2178,41 @@ declare function PageTemplate({ header, title, subtitle, breadcrumbs, secondaryN
 
 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> & {
+declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.ComponentProps<typeof Separator$2> & {
     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 ScrollArea: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ScrollAreaPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
+declare const ScrollBar: ({ ref, className, orientation, ...props }: React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Separator: ({ ref, className, orientation, decorative, ...props }: React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
+    ref?: React$1.Ref<React$1.ElementRef<typeof SeparatorPrimitive.Root>>;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const Sidebar: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+declare const Sidebar: ({ ref, className, children, isOpen, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
     isOpen?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const SidebarOverlay: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+} & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SidebarOverlay: ({ ref, className, isOpen, onDismiss, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
     isOpen?: boolean;
     onDismiss?: () => void;
-} & 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>>;
+} & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const SidebarHeader: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SidebarContent: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const SidebarFooter: ({ ref, className, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
 interface SidebarItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     isActive?: boolean;
     icon?: React$1.ReactNode;
@@ -2094,7 +2222,9 @@ interface SidebarItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
     isExpanded?: boolean;
     asChild?: boolean;
 }
-declare const SidebarItem: React$1.ForwardRefExoticComponent<SidebarItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarItem: ({ ref, className, isActive, icon, showIcon, depth, hasChildren, isExpanded, children, asChild, ...props }: SidebarItemProps & {
+    ref?: React$1.Ref<HTMLButtonElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /**
@@ -2130,7 +2260,9 @@ interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
      */
     as?: any;
 }
-declare const Stack: React__default.ForwardRefExoticComponent<StackProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Stack: ({ ref, children, direction, gap, align, justify, wrap, as: Component, className, ...props }: StackProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface WarpBackgroundProps {
     focal?: [number, number];
@@ -2639,12 +2771,12 @@ 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_DragDropHandleProps: typeof DragDropHandleProps;
+declare const index$7_DragDropItem: typeof DragDropItem;
 declare const index$7_DragDropList: typeof DragDropList;
-type index$7_DragDropListProps<T extends DragDropItem> = DragDropListProps<T>;
+declare const index$7_DragDropListProps: typeof DragDropListProps;
 declare const index$7_DragDropTable: typeof DragDropTable;
-type index$7_DragDropTableProps<T extends DragDropItem> = DragDropTableProps<T>;
+declare const index$7_DragDropTableProps: typeof DragDropTableProps;
 declare const index$7_FilterButton: typeof FilterButton;
 type index$7_FilterButtonProps = FilterButtonProps;
 declare const index$7_Form: typeof Form;
@@ -2686,7 +2818,7 @@ 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 };
+  export { index$7_Checkbox as Checkbox, index$7_ColorPicker as ColorPicker, type index$7_ColorPickerProps as ColorPickerProps, index$7_Combobox as Combobox, type index$7_ComboboxOption as ComboboxOption, type index$7_ComboboxProps as ComboboxProps, index$7_DragDropHandle as DragDropHandle, index$7_DragDropHandleProps as DragDropHandleProps, index$7_DragDropItem as DragDropItem, index$7_DragDropList as DragDropList, index$7_DragDropListProps as DragDropListProps, index$7_DragDropTable as DragDropTable, index$7_DragDropTableProps as DragDropTableProps, index$7_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;
@@ -2872,7 +3004,7 @@ 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_CalendarProps: typeof CalendarProps;
 declare const index$3_Card: typeof Card;
 declare const index$3_CardContent: typeof CardContent;
 declare const index$3_CardDescription: typeof CardDescription;
@@ -2907,7 +3039,7 @@ 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 };
+  export { index$3_AspectImage as AspectImage, type index$3_AspectImageProps as AspectImageProps, index$3_Avatar as Avatar, index$3_AvatarFallback as AvatarFallback, index$3_AvatarImage as AvatarImage, index$3_Badge as Badge, type index$3_BadgeProps as BadgeProps, index$3_Brand as Brand, type index$3_BrandProps as BrandProps, index$3_Calendar as Calendar, index$3_CalendarProps as CalendarProps, index$3_Card as Card, index$3_CardContent as CardContent, index$3_CardDescription as CardDescription, index$3_CardFooter as CardFooter, index$3_CardHeader as CardHeader, type index$3_CardProps as CardProps, index$3_CardTitle as CardTitle, index$3_Code as Code, type index$3_CodeProps as CodeProps, index$3_CollapsibleCodeBlock as CollapsibleCodeBlock, type index$3_CollapsibleCodeBlockProps as CollapsibleCodeBlockProps, index$3_DataTable as DataTable, index$3_DescriptionList as DescriptionList, type index$3_DescriptionListItem as DescriptionListItem, type index$3_DescriptionListProps as DescriptionListProps, index$3_GitHubIcon as GitHubIcon, type index$3_GitHubIconProps as GitHubIconProps, index$3_Heading as Heading, type index$3_HeadingProps as HeadingProps, index$3_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;
@@ -2929,7 +3061,7 @@ 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_DatePickerProps: typeof DatePickerProps;
 declare const index$2_Footer: typeof Footer;
 type index$2_FooterLink = FooterLink;
 type index$2_FooterProps = FooterProps;
@@ -2962,7 +3094,7 @@ 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 };
+  export { index$2_Accordion as Accordion, index$2_AccordionContent as AccordionContent, index$2_AccordionItem as AccordionItem, index$2_AccordionTrigger as AccordionTrigger, index$2_AspectRatio as AspectRatio, index$2_Carousel as Carousel, type index$2_CarouselApi as CarouselApi, index$2_CarouselContent as CarouselContent, index$2_CarouselItem as CarouselItem, index$2_CarouselNext as CarouselNext, index$2_CarouselPrevious as CarouselPrevious, index$2_Collapsible as Collapsible, index$2_CollapsibleContent as CollapsibleContent, index$2_CollapsibleTrigger as CollapsibleTrigger, index$2_Container as Container, type index$2_ContainerProps as ContainerProps, index$2_CustomizerPanel as CustomizerPanel, type index$2_CustomizerPanelProps as CustomizerPanelProps, index$2_DatePicker as DatePicker, index$2_DatePickerProps as DatePickerProps, index$2_Footer as Footer, type index$2_FooterLink as FooterLink, type index$2_FooterProps as FooterProps, type index$2_FooterSection as FooterSection, index$2_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;
@@ -2979,4 +3111,4 @@ declare namespace index {
   export { index_SplashCursor as SplashCursor, index_TargetCursor as TargetCursor };
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, index$8 as Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedBeam, type AnimatedBeamProps, AspectImage, type AspectImageProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, BRAND, index$1 as Backgrounds, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbItemLegacy, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BreadcrumbsProps, Button, type ButtonProps, COMPONENT_COUNTS, COMPONENT_REGISTRY, Calendar, 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, ColorMode$1 as ColorMode, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomizerPanel, type CustomizerPanelProps, DOC_EXAMPLES, index$3 as DataDisplay, DataTable, DatePicker, 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, MARKETING_COPY, Magnetic, type MagneticProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarTrigger, Modal, type ModalProps, index as Motion, NavLink, type NavLinkProps, index$6 as Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, 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, ThemeName$1 as ThemeName, 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 };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, index$8 as Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedBeam, type AnimatedBeamProps, AspectImage, type AspectImageProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, BRAND, index$1 as Backgrounds, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbItemLegacy, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BreadcrumbsProps, Button, type ButtonProps, COMPONENT_COUNTS, COMPONENT_REGISTRY, Calendar, CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Code, type CodeProps, Collapsible, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, CollapsibleContent, CollapsibleTrigger, ColorMode$1 as ColorMode, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomizerPanel, type CustomizerPanelProps, DOC_EXAMPLES, index$3 as DataDisplay, DataTable, DatePicker, DatePickerProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragDropHandle, DragDropHandleProps, DragDropItem, DragDropList, DragDropListProps, DragDropTable, DragDropTableProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, type DropdownItem, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, 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, MARKETING_COPY, Magnetic, type MagneticProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarTrigger, Modal, type ModalProps, index as Motion, NavLink, type NavLinkProps, index$6 as Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, 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, ThemeName$1 as ThemeName, 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 };