@blocknote/shadcn 0.13.5 → 0.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/blocknote-shadcn.js +850 -875
  2. package/dist/blocknote-shadcn.js.map +1 -1
  3. package/dist/blocknote-shadcn.umd.cjs +15 -10
  4. package/dist/blocknote-shadcn.umd.cjs.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/dist/webpack-stats.json +1 -1
  7. package/package.json +5 -4
  8. package/src/ShadCNComponentsContext.tsx +104 -24
  9. package/src/form/Form.tsx +2 -2
  10. package/src/form/TextInput.tsx +1 -1
  11. package/src/lib/utils.ts +3 -3
  12. package/src/menu/Menu.tsx +27 -30
  13. package/src/panel/Panel.tsx +2 -2
  14. package/src/panel/PanelButton.tsx +1 -1
  15. package/src/panel/PanelFileInput.tsx +1 -1
  16. package/src/panel/PanelTab.tsx +1 -1
  17. package/src/panel/PanelTextInput.tsx +2 -2
  18. package/src/popover/popover.tsx +2 -2
  19. package/src/sideMenu/SideMenu.tsx +2 -2
  20. package/src/sideMenu/SideMenuButton.tsx +2 -2
  21. package/src/style.css +5 -4
  22. package/src/suggestionMenu/SuggestionMenu.tsx +1 -1
  23. package/src/suggestionMenu/SuggestionMenuEmptyItem.tsx +1 -1
  24. package/src/suggestionMenu/SuggestionMenuItem.tsx +21 -4
  25. package/src/suggestionMenu/SuggestionMenuLabel.tsx +1 -0
  26. package/src/tableHandle/TableHandle.tsx +2 -2
  27. package/src/toolbar/Toolbar.tsx +2 -2
  28. package/types/src/ShadCNComponentsContext.d.ts +202 -48
package/src/suggestionMenu/SuggestionMenuItem.tsx CHANGED
@@ -1,8 +1,9 @@
1
1
  import { assertEmpty } from "@blocknote/core";
2
- import { ComponentProps } from "@blocknote/react";
3
- import { forwardRef } from "react";
4
- import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
2
+ import { ComponentProps, elementOverflow, mergeRefs } from "@blocknote/react";
3
+ import { forwardRef, useEffect, useRef } from "react";
4
+
5
5
  import { cn } from "../lib/utils";
6
+ import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
6
7
 
7
8
  export const SuggestionMenuItem = forwardRef<
8
9
  HTMLDivElement,
@@ -14,6 +15,22 @@ export const SuggestionMenuItem = forwardRef<
14
15
 
15
16
  assertEmpty(rest);
16
17
 
18
+ const itemRef = useRef<HTMLDivElement>(null);
19
+
20
+ useEffect(() => {
21
+ if (!itemRef.current || !isSelected) {
22
+ return;
23
+ }
24
+
25
+ const overflow = elementOverflow(itemRef.current);
26
+
27
+ if (overflow === "top") {
28
+ itemRef.current.scrollIntoView(true);
29
+ } else if (overflow === "bottom") {
30
+ itemRef.current.scrollIntoView(false);
31
+ }
32
+ }, [isSelected]);
33
+
17
34
  return (
18
35
  <div
19
36
  // Styles from ShadCN DropdownMenuItem component
@@ -21,7 +38,7 @@ export const SuggestionMenuItem = forwardRef<
21
38
  "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
22
39
  className
23
40
  )}
24
- ref={ref}
41
+ ref={mergeRefs([ref, itemRef])}
25
42
  id={id}
26
43
  onClick={onClick}
27
44
  role="option"
package/src/suggestionMenu/SuggestionMenuLabel.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import { assertEmpty } from "@blocknote/core";
2
2
  import { ComponentProps } from "@blocknote/react";
3
3
  import { forwardRef } from "react";
4
+
4
5
  import { cn } from "../lib/utils";
5
6
 
6
7
  export const SuggestionMenuLabel = forwardRef<
package/src/tableHandle/TableHandle.tsx CHANGED
@@ -1,9 +1,9 @@
1
+ import { assertEmpty } from "@blocknote/core";
1
2
  import { ComponentProps } from "@blocknote/react";
2
3
  import { forwardRef } from "react";
3
4
 
4
- import { assertEmpty } from "@blocknote/core";
5
- import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
6
5
  import { cn } from "../lib/utils";
6
+ import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
7
7
 
8
8
  export const TableHandle = forwardRef<
9
9
  HTMLButtonElement,
package/src/toolbar/Toolbar.tsx CHANGED
@@ -1,9 +1,9 @@
1
+ import { assertEmpty } from "@blocknote/core";
1
2
  import { ComponentProps } from "@blocknote/react";
2
3
  import { forwardRef } from "react";
3
4
 
4
- import { assertEmpty } from "@blocknote/core";
5
- import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
6
5
  import { cn } from "../lib/utils";
6
+ import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
7
7
 
8
8
  type ToolbarProps = ComponentProps["FormattingToolbar"]["Root"] &
9
9
  ComponentProps["LinkToolbar"]["Root"];
package/types/src/ShadCNComponentsContext.d.ts CHANGED
@@ -1,56 +1,210 @@
1
1
  /// <reference types="react" />
2
- import * as ShadCNBadge from "./components/ui/badge";
3
- import * as ShadCNButton from "./components/ui/button";
4
- import * as ShadCNCard from "./components/ui/card";
5
- import * as ShadCNDropdownMenu from "./components/ui/dropdown-menu";
6
- import * as ShadCNForm from "./components/ui/form";
7
- import * as ShadCNInput from "./components/ui/input";
8
- import * as ShadCNLabel from "./components/ui/label";
9
- import * as ShadCNPopover from "./components/ui/popover";
10
- import * as ShadCNSelect from "./components/ui/select";
11
- import * as ShadCNTabs from "./components/ui/tabs";
12
- import * as ShadCNToggle from "./components/ui/toggle";
13
- import * as ShadCNTooltip from "./components/ui/tooltip";
2
+ import { Badge as ShadCNBadge } from "./components/ui/badge";
14
3
  export declare const ShadCNDefaultComponents: {
15
- Badge: typeof ShadCNBadge;
16
- Button: typeof ShadCNButton;
17
- Card: typeof ShadCNCard;
18
- DropdownMenu: typeof ShadCNDropdownMenu;
19
- Form: typeof ShadCNForm;
20
- Input: typeof ShadCNInput;
21
- Label: typeof ShadCNLabel;
22
- Popover: typeof ShadCNPopover;
23
- Select: typeof ShadCNSelect;
24
- Tabs: typeof ShadCNTabs;
25
- Toggle: typeof ShadCNToggle;
26
- Tooltip: typeof ShadCNTooltip;
4
+ Badge: {
5
+ Badge: typeof ShadCNBadge;
6
+ };
7
+ Button: {
8
+ Button: import("react").ForwardRefExoticComponent<import("./components/ui/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
9
+ };
10
+ Card: {
11
+ Card: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
12
+ CardContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
13
+ };
14
+ DropdownMenu: {
15
+ DropdownMenu: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
16
+ DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
17
+ DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
18
+ DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
19
+ inset?: boolean | undefined;
20
+ } & import("react").RefAttributes<HTMLDivElement>>;
21
+ DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
22
+ inset?: boolean | undefined;
23
+ } & import("react").RefAttributes<HTMLDivElement>>;
24
+ DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
25
+ DropdownMenuSub: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps>;
26
+ DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
27
+ DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
28
+ inset?: boolean | undefined;
29
+ } & import("react").RefAttributes<HTMLDivElement>>;
30
+ DropdownMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
31
+ };
32
+ Form: {
33
+ 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>) => import("react").JSX.Element;
34
+ };
35
+ Input: {
36
+ Input: import("react").ForwardRefExoticComponent<import("./components/ui/input").InputProps & import("react").RefAttributes<HTMLInputElement>>;
37
+ };
38
+ Label: {
39
+ 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").ClassProp | undefined) => string> & import("react").RefAttributes<HTMLLabelElement>>;
40
+ };
41
+ Popover: {
42
+ Popover: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
43
+ PopoverContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
44
+ PopoverTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
45
+ };
46
+ Select: {
47
+ Select: import("react").FC<import("@radix-ui/react-select").SelectProps>;
48
+ SelectContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
49
+ SelectItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
50
+ SelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
51
+ SelectValue: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
52
+ };
53
+ Tabs: {
54
+ Tabs: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
55
+ TabsContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
56
+ TabsList: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
57
+ TabsTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
58
+ };
59
+ Toggle: {
60
+ Toggle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
61
+ variant?: "default" | "outline" | null | undefined;
62
+ size?: "default" | "sm" | "lg" | null | undefined;
63
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLButtonElement>>;
64
+ };
65
+ Tooltip: {
66
+ Tooltip: import("react").FC<import("@radix-ui/react-tooltip").TooltipProps>;
67
+ TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
68
+ TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
69
+ TooltipTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
70
+ };
27
71
  };
28
72
  export type ShadCNComponents = typeof ShadCNDefaultComponents;
29
73
  export declare const ShadCNComponentsContext: import("react").Context<{
30
- Badge: typeof ShadCNBadge;
31
- Button: typeof ShadCNButton;
32
- Card: typeof ShadCNCard;
33
- DropdownMenu: typeof ShadCNDropdownMenu;
34
- Form: typeof ShadCNForm;
35
- Input: typeof ShadCNInput;
36
- Label: typeof ShadCNLabel;
37
- Popover: typeof ShadCNPopover;
38
- Select: typeof ShadCNSelect;
39
- Tabs: typeof ShadCNTabs;
40
- Toggle: typeof ShadCNToggle;
41
- Tooltip: typeof ShadCNTooltip;
74
+ Badge: {
75
+ Badge: typeof ShadCNBadge;
76
+ };
77
+ Button: {
78
+ Button: import("react").ForwardRefExoticComponent<import("./components/ui/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
79
+ };
80
+ Card: {
81
+ Card: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
82
+ CardContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
83
+ };
84
+ DropdownMenu: {
85
+ DropdownMenu: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
86
+ DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
87
+ DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
88
+ DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
89
+ inset?: boolean | undefined;
90
+ } & import("react").RefAttributes<HTMLDivElement>>;
91
+ DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
92
+ inset?: boolean | undefined;
93
+ } & import("react").RefAttributes<HTMLDivElement>>;
94
+ DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
95
+ DropdownMenuSub: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps>;
96
+ DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
97
+ DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
98
+ inset?: boolean | undefined;
99
+ } & import("react").RefAttributes<HTMLDivElement>>;
100
+ DropdownMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
101
+ };
102
+ Form: {
103
+ 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>) => import("react").JSX.Element;
104
+ };
105
+ Input: {
106
+ Input: import("react").ForwardRefExoticComponent<import("./components/ui/input").InputProps & import("react").RefAttributes<HTMLInputElement>>;
107
+ };
108
+ Label: {
109
+ 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").ClassProp | undefined) => string> & import("react").RefAttributes<HTMLLabelElement>>;
110
+ };
111
+ Popover: {
112
+ Popover: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
113
+ PopoverContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
114
+ PopoverTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
115
+ };
116
+ Select: {
117
+ Select: import("react").FC<import("@radix-ui/react-select").SelectProps>;
118
+ SelectContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
119
+ SelectItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
120
+ SelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
121
+ SelectValue: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
122
+ };
123
+ Tabs: {
124
+ Tabs: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
125
+ TabsContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
126
+ TabsList: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
127
+ TabsTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
128
+ };
129
+ Toggle: {
130
+ Toggle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
131
+ variant?: "default" | "outline" | null | undefined;
132
+ size?: "default" | "sm" | "lg" | null | undefined;
133
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLButtonElement>>;
134
+ };
135
+ Tooltip: {
136
+ Tooltip: import("react").FC<import("@radix-ui/react-tooltip").TooltipProps>;
137
+ TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
138
+ TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
139
+ TooltipTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
140
+ };
42
141
  } | undefined>;
43
142
  export declare function useShadCNComponentsContext(): {
44
- Badge: typeof ShadCNBadge;
45
- Button: typeof ShadCNButton;
46
- Card: typeof ShadCNCard;
47
- DropdownMenu: typeof ShadCNDropdownMenu;
48
- Form: typeof ShadCNForm;
49
- Input: typeof ShadCNInput;
50
- Label: typeof ShadCNLabel;
51
- Popover: typeof ShadCNPopover;
52
- Select: typeof ShadCNSelect;
53
- Tabs: typeof ShadCNTabs;
54
- Toggle: typeof ShadCNToggle;
55
- Tooltip: typeof ShadCNTooltip;
143
+ Badge: {
144
+ Badge: typeof ShadCNBadge;
145
+ };
146
+ Button: {
147
+ Button: import("react").ForwardRefExoticComponent<import("./components/ui/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
148
+ };
149
+ Card: {
150
+ Card: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
151
+ CardContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
152
+ };
153
+ DropdownMenu: {
154
+ DropdownMenu: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
155
+ DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
156
+ DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
157
+ DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
158
+ inset?: boolean | undefined;
159
+ } & import("react").RefAttributes<HTMLDivElement>>;
160
+ DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
161
+ inset?: boolean | undefined;
162
+ } & import("react").RefAttributes<HTMLDivElement>>;
163
+ DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
164
+ DropdownMenuSub: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps>;
165
+ DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
166
+ DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
167
+ inset?: boolean | undefined;
168
+ } & import("react").RefAttributes<HTMLDivElement>>;
169
+ DropdownMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
170
+ };
171
+ Form: {
172
+ 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>) => import("react").JSX.Element;
173
+ };
174
+ Input: {
175
+ Input: import("react").ForwardRefExoticComponent<import("./components/ui/input").InputProps & import("react").RefAttributes<HTMLInputElement>>;
176
+ };
177
+ Label: {
178
+ 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").ClassProp | undefined) => string> & import("react").RefAttributes<HTMLLabelElement>>;
179
+ };
180
+ Popover: {
181
+ Popover: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
182
+ PopoverContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
183
+ PopoverTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
184
+ };
185
+ Select: {
186
+ Select: import("react").FC<import("@radix-ui/react-select").SelectProps>;
187
+ SelectContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
188
+ SelectItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
189
+ SelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
190
+ SelectValue: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
191
+ };
192
+ Tabs: {
193
+ Tabs: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
194
+ TabsContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
195
+ TabsList: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
196
+ TabsTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
197
+ };
198
+ Toggle: {
199
+ Toggle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
200
+ variant?: "default" | "outline" | null | undefined;
201
+ size?: "default" | "sm" | "lg" | null | undefined;
202
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLButtonElement>>;
203
+ };
204
+ Tooltip: {
205
+ Tooltip: import("react").FC<import("@radix-ui/react-tooltip").TooltipProps>;
206
+ TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
207
+ TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
208
+ TooltipTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
209
+ };
56
210
  } | undefined;