@blocknote/shadcn/types/src/ShadCNComponentsContext.d.ts

A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.

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: typeof ShadCNAvatar;
        AvatarFallback: typeof ShadCNAvatarFallback;
        AvatarImage: typeof ShadCNAvatarImage;
    };
    Badge: {
        Badge: typeof ShadCNBadge;
    };
    Button: {
        Button: typeof ShadCNButton;
    };
    Card: {
        Card: typeof ShadCNCard;
        CardContent: typeof ShadCNCardContent;
    };
    DropdownMenu: {
        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 = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
    };
    Input: {
        Input: typeof ShadCNInput;
    };
    Label: {
        Label: typeof ShadCNLabel;
    };
    Popover: {
        Popover: typeof ShadCNPopover;
        PopoverContent: typeof ShadCNPopoverContent;
        PopoverTrigger: typeof ShadCNPopoverTrigger;
    };
    Select: {
        Select: typeof ShadCNSelect;
        SelectContent: typeof ShadCNSelectContent;
        SelectItem: typeof ShadCNSelectItem;
        SelectTrigger: typeof ShadCNSelectTrigger;
        SelectValue: typeof ShadCNSelectValue;
    };
    Skeleton: {
        Skeleton: typeof ShadCNSkeleton;
    };
    Tabs: {
        Tabs: typeof ShadCNTabs;
        TabsContent: typeof ShadCNTabsContent;
        TabsList: typeof ShadCNTabsList;
        TabsTrigger: typeof ShadCNTabsTrigger;
    };
    Toggle: {
        Toggle: typeof ShadCNToggle;
    };
    Tooltip: {
        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: typeof ShadCNAvatar;
        AvatarFallback: typeof ShadCNAvatarFallback;
        AvatarImage: typeof ShadCNAvatarImage;
    };
    Badge: {
        Badge: typeof ShadCNBadge;
    };
    Button: {
        Button: typeof ShadCNButton;
    };
    Card: {
        Card: typeof ShadCNCard;
        CardContent: typeof ShadCNCardContent;
    };
    DropdownMenu: {
        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 = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
    };
    Input: {
        Input: typeof ShadCNInput;
    };
    Label: {
        Label: typeof ShadCNLabel;
    };
    Popover: {
        Popover: typeof ShadCNPopover;
        PopoverContent: typeof ShadCNPopoverContent;
        PopoverTrigger: typeof ShadCNPopoverTrigger;
    };
    Select: {
        Select: typeof ShadCNSelect;
        SelectContent: typeof ShadCNSelectContent;
        SelectItem: typeof ShadCNSelectItem;
        SelectTrigger: typeof ShadCNSelectTrigger;
        SelectValue: typeof ShadCNSelectValue;
    };
    Skeleton: {
        Skeleton: typeof ShadCNSkeleton;
    };
    Tabs: {
        Tabs: typeof ShadCNTabs;
        TabsContent: typeof ShadCNTabsContent;
        TabsList: typeof ShadCNTabsList;
        TabsTrigger: typeof ShadCNTabsTrigger;
    };
    Toggle: {
        Toggle: typeof ShadCNToggle;
    };
    Tooltip: {
        Tooltip: typeof ShadCNTooltip;
        TooltipContent: typeof ShadCNTooltipContent;
        TooltipProvider: typeof ShadCNTooltipProvider;
        TooltipTrigger: typeof ShadCNTooltipTrigger;
    };
} | undefined>;
export declare function useShadCNComponentsContext(): {
    Avatar: {
        Avatar: typeof ShadCNAvatar;
        AvatarFallback: typeof ShadCNAvatarFallback;
        AvatarImage: typeof ShadCNAvatarImage;
    };
    Badge: {
        Badge: typeof ShadCNBadge;
    };
    Button: {
        Button: typeof ShadCNButton;
    };
    Card: {
        Card: typeof ShadCNCard;
        CardContent: typeof ShadCNCardContent;
    };
    DropdownMenu: {
        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 = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
    };
    Input: {
        Input: typeof ShadCNInput;
    };
    Label: {
        Label: typeof ShadCNLabel;
    };
    Popover: {
        Popover: typeof ShadCNPopover;
        PopoverContent: typeof ShadCNPopoverContent;
        PopoverTrigger: typeof ShadCNPopoverTrigger;
    };
    Select: {
        Select: typeof ShadCNSelect;
        SelectContent: typeof ShadCNSelectContent;
        SelectItem: typeof ShadCNSelectItem;
        SelectTrigger: typeof ShadCNSelectTrigger;
        SelectValue: typeof ShadCNSelectValue;
    };
    Skeleton: {
        Skeleton: typeof ShadCNSkeleton;
    };
    Tabs: {
        Tabs: typeof ShadCNTabs;
        TabsContent: typeof ShadCNTabsContent;
        TabsList: typeof ShadCNTabsList;
        TabsTrigger: typeof ShadCNTabsTrigger;
    };
    Toggle: {
        Toggle: typeof ShadCNToggle;
    };
    Tooltip: {
        Tooltip: typeof ShadCNTooltip;
        TooltipContent: typeof ShadCNTooltipContent;
        TooltipProvider: typeof ShadCNTooltipProvider;
        TooltipTrigger: typeof ShadCNTooltipTrigger;
    };
} | undefined;