@blocknote/shadcn 0.36.1 → 0.38.0

package/types/src/ShadCNComponentsContext.d.ts

@@ -1,234 +1,218 @@
+import { Avatar as ShadCNAvatar, AvatarFallback as ShadCNAvatarFallback, AvatarImage as ShadCNAvatarImage } from "./components/ui/avatar.js";
 import { Badge as ShadCNBadge } from "./components/ui/badge.js";
+import { Button as ShadCNButton } from "./components/ui/button.js";
+import { Card as ShadCNCard, CardContent as ShadCNCardContent } from "./components/ui/card.js";
+import { DropdownMenu as ShadCNDropdownMenu, DropdownMenuCheckboxItem as ShadCNDropdownMenuCheckboxItem, DropdownMenuContent as ShadCNDropdownMenuContent, DropdownMenuItem as ShadCNDropdownMenuItem, DropdownMenuLabel as ShadCNDropdownMenuLabel, DropdownMenuSeparator as ShadCNDropdownMenuSeparator, DropdownMenuSub as ShadCNDropdownMenuSub, DropdownMenuSubContent as ShadCNDropdownMenuSubContent, DropdownMenuSubTrigger as ShadCNDropdownMenuSubTrigger, DropdownMenuTrigger as ShadCNDropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
+import { Input as ShadCNInput } from "./components/ui/input.js";
+import { Label as ShadCNLabel } from "./components/ui/label.js";
+import { Popover as ShadCNPopover, PopoverContent as ShadCNPopoverContent, PopoverTrigger as ShadCNPopoverTrigger } from "./components/ui/popover.js";
+import { Select as ShadCNSelect, SelectContent as ShadCNSelectContent, SelectItem as ShadCNSelectItem, SelectTrigger as ShadCNSelectTrigger, SelectValue as ShadCNSelectValue } from "./components/ui/select.js";
 import { Skeleton as ShadCNSkeleton } from "./components/ui/skeleton.js";
+import { Tabs as ShadCNTabs, TabsContent as ShadCNTabsContent, TabsList as ShadCNTabsList, TabsTrigger as ShadCNTabsTrigger } from "./components/ui/tabs.js";
+import { Toggle as ShadCNToggle } from "./components/ui/toggle.js";
+import { Tooltip as ShadCNTooltip, TooltipContent as ShadCNTooltipContent, TooltipProvider as ShadCNTooltipProvider, TooltipTrigger as ShadCNTooltipTrigger } from "./components/ui/tooltip.js";
 export declare const ShadCNDefaultComponents: {
     Avatar: {
-        Avatar: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-        AvatarFallback: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-        AvatarImage: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+        Avatar: typeof ShadCNAvatar;
+        AvatarFallback: typeof ShadCNAvatarFallback;
+        AvatarImage: typeof ShadCNAvatarImage;
     };
     Badge: {
         Badge: typeof ShadCNBadge;
     };
     Button: {
-        Button: import("react").ForwardRefExoticComponent<import("./components/ui/button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Button: typeof ShadCNButton;
     };
     Card: {
-        Card: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-        CardContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+        Card: typeof ShadCNCard;
+        CardContent: typeof ShadCNCardContent;
     };
     DropdownMenu: {
-        DropdownMenu: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
-        DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSub: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps>;
-        DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        DropdownMenu: typeof ShadCNDropdownMenu;
+        DropdownMenuCheckboxItem: typeof ShadCNDropdownMenuCheckboxItem;
+        DropdownMenuContent: typeof ShadCNDropdownMenuContent;
+        DropdownMenuItem: typeof ShadCNDropdownMenuItem;
+        DropdownMenuLabel: typeof ShadCNDropdownMenuLabel;
+        DropdownMenuSeparator: typeof ShadCNDropdownMenuSeparator;
+        DropdownMenuSub: typeof ShadCNDropdownMenuSub;
+        DropdownMenuSubContent: typeof ShadCNDropdownMenuSubContent;
+        DropdownMenuSubTrigger: typeof ShadCNDropdownMenuSubTrigger;
+        DropdownMenuTrigger: typeof ShadCNDropdownMenuTrigger;
     };
     Form: {
         Form: <TFieldValues extends import("react-hook-form").FieldValues, TContext = any, TTransformedValues extends import("react-hook-form").FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
     };
     Input: {
-        Input: import("react").ForwardRefExoticComponent<import("./components/ui/input.js").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+        Input: typeof ShadCNInput;
     };
     Label: {
-        Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/dist/types.js").ClassProp | undefined) => string> & import("react").RefAttributes<HTMLLabelElement>>;
+        Label: typeof ShadCNLabel;
     };
     Popover: {
-        Popover: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
-        PopoverContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        PopoverTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Popover: typeof ShadCNPopover;
+        PopoverContent: typeof ShadCNPopoverContent;
+        PopoverTrigger: typeof ShadCNPopoverTrigger;
     };
     Select: {
-        Select: import("react").FC<import("@radix-ui/react-select").SelectProps>;
-        SelectContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        SelectItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        SelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-        SelectValue: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+        Select: typeof ShadCNSelect;
+        SelectContent: typeof ShadCNSelectContent;
+        SelectItem: typeof ShadCNSelectItem;
+        SelectTrigger: typeof ShadCNSelectTrigger;
+        SelectValue: typeof ShadCNSelectValue;
     };
     Skeleton: {
         Skeleton: typeof ShadCNSkeleton;
     };
     Tabs: {
-        Tabs: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
-        TabsContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TabsList: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TabsTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+        Tabs: typeof ShadCNTabs;
+        TabsContent: typeof ShadCNTabsContent;
+        TabsList: typeof ShadCNTabsList;
+        TabsTrigger: typeof ShadCNTabsTrigger;
     };
     Toggle: {
-        Toggle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
-            variant?: "default" | "outline" | null | undefined;
-            size?: "default" | "sm" | "lg" | null | undefined;
-        } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLButtonElement>>;
+        Toggle: typeof ShadCNToggle;
     };
     Tooltip: {
-        Tooltip: import("react").FC<import("@radix-ui/react-tooltip").TooltipProps>;
-        TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
-        TooltipTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Tooltip: typeof ShadCNTooltip;
+        TooltipContent: typeof ShadCNTooltipContent;
+        TooltipProvider: typeof ShadCNTooltipProvider;
+        TooltipTrigger: typeof ShadCNTooltipTrigger;
     };
 };
 export type ShadCNComponents = typeof ShadCNDefaultComponents;
 export declare const ShadCNComponentsContext: import("react").Context<{
     Avatar: {
-        Avatar: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-        AvatarFallback: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-        AvatarImage: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+        Avatar: typeof ShadCNAvatar;
+        AvatarFallback: typeof ShadCNAvatarFallback;
+        AvatarImage: typeof ShadCNAvatarImage;
     };
     Badge: {
         Badge: typeof ShadCNBadge;
     };
     Button: {
-        Button: import("react").ForwardRefExoticComponent<import("./components/ui/button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Button: typeof ShadCNButton;
     };
     Card: {
-        Card: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-        CardContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+        Card: typeof ShadCNCard;
+        CardContent: typeof ShadCNCardContent;
     };
     DropdownMenu: {
-        DropdownMenu: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
-        DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSub: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps>;
-        DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        DropdownMenu: typeof ShadCNDropdownMenu;
+        DropdownMenuCheckboxItem: typeof ShadCNDropdownMenuCheckboxItem;
+        DropdownMenuContent: typeof ShadCNDropdownMenuContent;
+        DropdownMenuItem: typeof ShadCNDropdownMenuItem;
+        DropdownMenuLabel: typeof ShadCNDropdownMenuLabel;
+        DropdownMenuSeparator: typeof ShadCNDropdownMenuSeparator;
+        DropdownMenuSub: typeof ShadCNDropdownMenuSub;
+        DropdownMenuSubContent: typeof ShadCNDropdownMenuSubContent;
+        DropdownMenuSubTrigger: typeof ShadCNDropdownMenuSubTrigger;
+        DropdownMenuTrigger: typeof ShadCNDropdownMenuTrigger;
     };
     Form: {
         Form: <TFieldValues extends import("react-hook-form").FieldValues, TContext = any, TTransformedValues extends import("react-hook-form").FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
     };
     Input: {
-        Input: import("react").ForwardRefExoticComponent<import("./components/ui/input.js").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+        Input: typeof ShadCNInput;
     };
     Label: {
-        Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/dist/types.js").ClassProp | undefined) => string> & import("react").RefAttributes<HTMLLabelElement>>;
+        Label: typeof ShadCNLabel;
     };
     Popover: {
-        Popover: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
-        PopoverContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        PopoverTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Popover: typeof ShadCNPopover;
+        PopoverContent: typeof ShadCNPopoverContent;
+        PopoverTrigger: typeof ShadCNPopoverTrigger;
     };
     Select: {
-        Select: import("react").FC<import("@radix-ui/react-select").SelectProps>;
-        SelectContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        SelectItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        SelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-        SelectValue: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+        Select: typeof ShadCNSelect;
+        SelectContent: typeof ShadCNSelectContent;
+        SelectItem: typeof ShadCNSelectItem;
+        SelectTrigger: typeof ShadCNSelectTrigger;
+        SelectValue: typeof ShadCNSelectValue;
     };
     Skeleton: {
         Skeleton: typeof ShadCNSkeleton;
     };
     Tabs: {
-        Tabs: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
-        TabsContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TabsList: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TabsTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+        Tabs: typeof ShadCNTabs;
+        TabsContent: typeof ShadCNTabsContent;
+        TabsList: typeof ShadCNTabsList;
+        TabsTrigger: typeof ShadCNTabsTrigger;
     };
     Toggle: {
-        Toggle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
-            variant?: "default" | "outline" | null | undefined;
-            size?: "default" | "sm" | "lg" | null | undefined;
-        } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLButtonElement>>;
+        Toggle: typeof ShadCNToggle;
     };
     Tooltip: {
-        Tooltip: import("react").FC<import("@radix-ui/react-tooltip").TooltipProps>;
-        TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
-        TooltipTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Tooltip: typeof ShadCNTooltip;
+        TooltipContent: typeof ShadCNTooltipContent;
+        TooltipProvider: typeof ShadCNTooltipProvider;
+        TooltipTrigger: typeof ShadCNTooltipTrigger;
     };
 } | undefined>;
 export declare function useShadCNComponentsContext(): {
     Avatar: {
-        Avatar: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-        AvatarFallback: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-        AvatarImage: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+        Avatar: typeof ShadCNAvatar;
+        AvatarFallback: typeof ShadCNAvatarFallback;
+        AvatarImage: typeof ShadCNAvatarImage;
     };
     Badge: {
         Badge: typeof ShadCNBadge;
     };
     Button: {
-        Button: import("react").ForwardRefExoticComponent<import("./components/ui/button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Button: typeof ShadCNButton;
     };
     Card: {
-        Card: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-        CardContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+        Card: typeof ShadCNCard;
+        CardContent: typeof ShadCNCardContent;
     };
     DropdownMenu: {
-        DropdownMenu: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
-        DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSub: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps>;
-        DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            inset?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        DropdownMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        DropdownMenu: typeof ShadCNDropdownMenu;
+        DropdownMenuCheckboxItem: typeof ShadCNDropdownMenuCheckboxItem;
+        DropdownMenuContent: typeof ShadCNDropdownMenuContent;
+        DropdownMenuItem: typeof ShadCNDropdownMenuItem;
+        DropdownMenuLabel: typeof ShadCNDropdownMenuLabel;
+        DropdownMenuSeparator: typeof ShadCNDropdownMenuSeparator;
+        DropdownMenuSub: typeof ShadCNDropdownMenuSub;
+        DropdownMenuSubContent: typeof ShadCNDropdownMenuSubContent;
+        DropdownMenuSubTrigger: typeof ShadCNDropdownMenuSubTrigger;
+        DropdownMenuTrigger: typeof ShadCNDropdownMenuTrigger;
     };
     Form: {
         Form: <TFieldValues extends import("react-hook-form").FieldValues, TContext = any, TTransformedValues extends import("react-hook-form").FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
     };
     Input: {
-        Input: import("react").ForwardRefExoticComponent<import("./components/ui/input.js").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+        Input: typeof ShadCNInput;
     };
     Label: {
-        Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/dist/types.js").ClassProp | undefined) => string> & import("react").RefAttributes<HTMLLabelElement>>;
+        Label: typeof ShadCNLabel;
     };
     Popover: {
-        Popover: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
-        PopoverContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        PopoverTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Popover: typeof ShadCNPopover;
+        PopoverContent: typeof ShadCNPopoverContent;
+        PopoverTrigger: typeof ShadCNPopoverTrigger;
     };
     Select: {
-        Select: import("react").FC<import("@radix-ui/react-select").SelectProps>;
-        SelectContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        SelectItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        SelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-        SelectValue: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+        Select: typeof ShadCNSelect;
+        SelectContent: typeof ShadCNSelectContent;
+        SelectItem: typeof ShadCNSelectItem;
+        SelectTrigger: typeof ShadCNSelectTrigger;
+        SelectValue: typeof ShadCNSelectValue;
     };
     Skeleton: {
         Skeleton: typeof ShadCNSkeleton;
     };
     Tabs: {
-        Tabs: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
-        TabsContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TabsList: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TabsTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+        Tabs: typeof ShadCNTabs;
+        TabsContent: typeof ShadCNTabsContent;
+        TabsList: typeof ShadCNTabsList;
+        TabsTrigger: typeof ShadCNTabsTrigger;
     };
     Toggle: {
-        Toggle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
-            variant?: "default" | "outline" | null | undefined;
-            size?: "default" | "sm" | "lg" | null | undefined;
-        } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLButtonElement>>;
+        Toggle: typeof ShadCNToggle;
     };
     Tooltip: {
-        Tooltip: import("react").FC<import("@radix-ui/react-tooltip").TooltipProps>;
-        TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
-        TooltipTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Tooltip: typeof ShadCNTooltip;
+        TooltipContent: typeof ShadCNTooltipContent;
+        TooltipProvider: typeof ShadCNTooltipProvider;
+        TooltipTrigger: typeof ShadCNTooltipTrigger;
     };
 } | undefined;

package/types/src/components/ui/avatar.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
 export { Avatar, AvatarImage, AvatarFallback };

package/types/src/components/ui/badge.d.ts

@@ -1,9 +1,9 @@
-import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime.js").JSX.Element;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };

package/types/src/components/ui/button.d.ts

@@ -1,11 +1,10 @@
-import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+}): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };

package/types/src/components/ui/card.d.ts

@@ -1,8 +1,9 @@
 import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/types/src/components/ui/dropdown-menu.d.ts

@@ -1,27 +1,25 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as React from "react";
-declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime.js").JSX.Element;
-    displayName: string;
-};
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/types/src/components/ui/form.d.ts

@@ -1,8 +1,9 @@
-import * as LabelPrimitive from "@radix-ui/react-label";
 import * as React from "react";
-import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime.js").JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
@@ -15,9 +16,9 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/types/src/components/ui/input.d.ts

@@ -1,5 +1,3 @@
 import * as React from "react";
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
 export { Input };

package/types/src/components/ui/label.d.ts

@@ -1,5 +1,4 @@
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types.js").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Label };

package/types/src/components/ui/popover.d.ts

@@ -1,6 +1,7 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React from "react";
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverContent, PopoverTrigger };
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };