@blocknote/shadcn 0.15.11 → 0.17.0

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1727710439055,"assets":[{"name":"blocknote-shadcn.umd.cjs","size":43620},{"name":"blocknote-shadcn.umd.cjs.map","size":163476}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-shadcn.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1202,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":43845,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/lib/utils.ts","size":135,"chunks":["ec22802"]},{"name":"./src/components/ui/badge.tsx","size":929,"chunks":["ec22802"]},{"name":"./src/components/ui/button.tsx","size":1625,"chunks":["ec22802"]},{"name":"./src/components/ui/card.tsx","size":1686,"chunks":["ec22802"]},{"name":"./src/components/ui/dropdown-menu.tsx","size":6246,"chunks":["ec22802"]},{"name":"./src/components/ui/label.tsx","size":456,"chunks":["ec22802"]},{"name":"./src/components/ui/form.tsx","size":2911,"chunks":["ec22802"]},{"name":"./src/components/ui/input.tsx","size":736,"chunks":["ec22802"]},{"name":"./src/components/ui/popover.tsx","size":1049,"chunks":["ec22802"]},{"name":"./src/components/ui/select.tsx","size":5530,"chunks":["ec22802"]},{"name":"./src/components/ui/tabs.tsx","size":1682,"chunks":["ec22802"]},{"name":"./src/components/ui/toggle.tsx","size":1218,"chunks":["ec22802"]},{"name":"./src/components/ui/tooltip.tsx","size":976,"chunks":["ec22802"]},{"name":"./src/ShadCNComponentsContext.tsx","size":1471,"chunks":["ec22802"]},{"name":"./src/form/Form.tsx","size":289,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx","size":368,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.tsx","size":329,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx","size":864,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx","size":380,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":4024,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1165,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":415,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":503,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":354,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":476,"chunks":["ec22802"]},{"name":"./src/popover/popover.tsx","size":1189,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":232,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":652,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":828,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":636,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1934,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":325,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":228,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":617,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":1071,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":3973,"chunks":["ec22802"]},{"name":"./src/style.css","size":0,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":1791,"chunks":["ec22802"]}]}
+{"builtAt":1729169472865,"assets":[{"name":"blocknote-shadcn.umd.cjs","size":43620},{"name":"blocknote-shadcn.umd.cjs.map","size":163694}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-shadcn.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1202,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":43845,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/lib/utils.ts","size":135,"chunks":["ec22802"]},{"name":"./src/components/ui/badge.tsx","size":929,"chunks":["ec22802"]},{"name":"./src/components/ui/button.tsx","size":1625,"chunks":["ec22802"]},{"name":"./src/components/ui/card.tsx","size":1686,"chunks":["ec22802"]},{"name":"./src/components/ui/dropdown-menu.tsx","size":6246,"chunks":["ec22802"]},{"name":"./src/components/ui/label.tsx","size":456,"chunks":["ec22802"]},{"name":"./src/components/ui/form.tsx","size":2911,"chunks":["ec22802"]},{"name":"./src/components/ui/input.tsx","size":736,"chunks":["ec22802"]},{"name":"./src/components/ui/popover.tsx","size":1049,"chunks":["ec22802"]},{"name":"./src/components/ui/select.tsx","size":5530,"chunks":["ec22802"]},{"name":"./src/components/ui/tabs.tsx","size":1682,"chunks":["ec22802"]},{"name":"./src/components/ui/toggle.tsx","size":1218,"chunks":["ec22802"]},{"name":"./src/components/ui/tooltip.tsx","size":976,"chunks":["ec22802"]},{"name":"./src/ShadCNComponentsContext.tsx","size":1471,"chunks":["ec22802"]},{"name":"./src/form/Form.tsx","size":289,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":1071,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":4024,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1165,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":354,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":476,"chunks":["ec22802"]},{"name":"./src/popover/popover.tsx","size":1189,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":232,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":652,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx","size":368,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.tsx","size":329,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":828,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":636,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1934,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":325,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":228,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":617,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":3973,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":415,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":503,"chunks":["ec22802"]},{"name":"./src/style.css","size":0,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx","size":864,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx","size":380,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":1791,"chunks":["ec22802"]}]}

package/package.json

@@ -2,9 +2,11 @@
   "name": "@blocknote/shadcn",
   "homepage": "https://github.com/TypeCellOS/BlockNote",
   "private": false,
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "license": "MPL-2.0",
-  "version": "0.15.11",
+  "version": "0.17.0",
   "files": [
     "dist",
     "types",
@@ -49,8 +51,8 @@
     "clean": "rimraf dist && rimraf types"
   },
   "dependencies": {
-    "@blocknote/core": "^0.15.11",
-    "@blocknote/react": "^0.15.11",
+    "@blocknote/core": "^0.17.0",
+    "@blocknote/react": "^0.17.0",
     "@hookform/resolvers": "^3.6.0",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-label": "^2.0.2",
@@ -101,5 +103,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "7f99a35368217aaab0a8ab9aff2092f2ecfd4aaf"
+  "gitHead": "2921a6ad0e06ee1292d70b569558da651073b98e"
 }

package/src/ShadCNComponentsContext.tsx

@@ -1,9 +1,9 @@
-import { Badge as ShadCNBadge } from "./components/ui/badge";
-import { Button as ShadCNButton } from "./components/ui/button";
+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";
+} from "./components/ui/card.js";
 import {
   DropdownMenu as ShadCNDropdownMenu,
   DropdownMenuCheckboxItem as ShadCNDropdownMenuCheckboxItem,
@@ -15,35 +15,35 @@ import {
   DropdownMenuSubContent as ShadCNDropdownMenuSubContent,
   DropdownMenuSubTrigger as ShadCNDropdownMenuSubTrigger,
   DropdownMenuTrigger as ShadCNDropdownMenuTrigger,
-} from "./components/ui/dropdown-menu";
-import { Form as ShadCNForm } from "./components/ui/form";
-import { Input as ShadCNInput } from "./components/ui/input";
-import { Label as ShadCNLabel } from "./components/ui/label";
+} from "./components/ui/dropdown-menu.js";
+import { Form as ShadCNForm } from "./components/ui/form.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";
+} 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";
+} from "./components/ui/select.js";
 import {
   Tabs as ShadCNTabs,
   TabsContent as ShadCNTabsContent,
   TabsList as ShadCNTabsList,
   TabsTrigger as ShadCNTabsTrigger,
-} from "./components/ui/tabs";
-import { Toggle as ShadCNToggle } from "./components/ui/toggle";
+} 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";
+} from "./components/ui/tooltip.js";
 
 import { createContext, useContext } from "react";
 

package/src/components/ui/badge.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const badgeVariants = cva(
   "bn-inline-flex bn-items-center bn-rounded-full bn-border bn-px-2.5 bn-py-0.5 bn-text-xs bn-font-semibold bn-transition-colors focus:bn-outline-none focus:bn-ring-2 focus:bn-ring-ring focus:bn-ring-offset-2",

package/src/components/ui/button.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const buttonVariants = cva(
   "bn-inline-flex bn-items-center bn-justify-center bn-whitespace-nowrap bn-rounded-md bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-colors focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-pointer-events-none disabled:bn-opacity-50",

package/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const Card = React.forwardRef<
   HTMLDivElement,
@@ -78,9 +78,9 @@ CardFooter.displayName = "CardFooter";
 
 export {
   Card,
-  CardHeader,
+  CardContent,
+  CardDescription,
   CardFooter,
+  CardHeader,
   CardTitle,
-  CardDescription,
-  CardContent,
 };

package/src/components/ui/dropdown-menu.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 
@@ -181,18 +181,18 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 export {
   DropdownMenu,
-  DropdownMenuTrigger,
+  DropdownMenuCheckboxItem,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
   DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
+  DropdownMenuTrigger,
 };

package/src/components/ui/form.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
+import * as React from "react";
 import {
   Controller,
   ControllerProps,
@@ -10,8 +10,8 @@ import {
   useFormContext,
 } from "react-hook-form";
 
-import { cn } from "../../lib/utils";
-import { Label } from "./label";
+import { cn } from "../../lib/utils.js";
+import { Label } from "./label.js";
 
 const Form = FormProvider;
 
@@ -165,12 +165,12 @@ const FormMessage = React.forwardRef<
 FormMessage.displayName = "FormMessage";
 
 export {
-  useFormField,
   Form,
-  FormItem,
-  FormLabel,
   FormControl,
   FormDescription,
-  FormMessage,
   FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  useFormField,
 };

package/src/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {}

package/src/components/ui/label.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const labelVariants = cva(
   "bn-text-sm bn-font-medium bn-leading-none peer-disabled:bn-cursor-not-allowed peer-disabled:bn-opacity-70"

package/src/components/ui/popover.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const Popover = PopoverPrimitive.Root;
 
@@ -26,4 +26,4 @@ const PopoverContent = React.forwardRef<
 ));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
-export { Popover, PopoverTrigger, PopoverContent };
+export { Popover, PopoverContent, PopoverTrigger };

package/src/components/ui/select.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const Select = SelectPrimitive.Root;
 
@@ -143,13 +143,13 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 export {
   Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
   SelectContent,
-  SelectLabel,
+  SelectGroup,
   SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
+  SelectLabel,
   SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
 };

package/src/components/ui/tabs.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const Tabs = TabsPrimitive.Root;
 
@@ -50,4 +50,4 @@ const TabsContent = React.forwardRef<
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/src/components/ui/toggle.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const toggleVariants = cva(
   "bn-inline-flex bn-items-center bn-justify-center bn-rounded-md bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-colors hover:bn-bg-muted hover:bn-text-muted-foreground focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-pointer-events-none disabled:bn-opacity-50 data-[state=on]:bn-bg-accent data-[state=on]:bn-text-accent-foreground",

package/src/components/ui/tooltip.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
 
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 
 const TooltipProvider = TooltipPrimitive.Provider;
 
@@ -25,4 +25,4 @@ const TooltipContent = React.forwardRef<
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/src/form/Form.tsx

@@ -2,7 +2,7 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { useForm } from "react-hook-form";
 
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const Form = (props: ComponentProps["Generic"]["Form"]["Root"]) => {
   const { children, ...rest } = props;

package/src/form/TextInput.tsx

@@ -2,7 +2,7 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const TextInput = forwardRef<
   HTMLInputElement,

package/src/index.tsx

@@ -11,16 +11,8 @@ import {
 } from "@blocknote/react";
 import { ComponentProps, useMemo } from "react";
 
-import {
-  ShadCNComponents,
-  ShadCNComponentsContext,
-  ShadCNDefaultComponents,
-} from "./ShadCNComponentsContext";
-import { Form } from "./form/Form";
-import { GridSuggestionMenu } from "./suggestionMenu/gridSuggestionMenu/GridSuggestionMenu";
-import { GridSuggestionMenuEmptyItem } from "./suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem";
-import { GridSuggestionMenuItem } from "./suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem";
-import { GridSuggestionMenuLoader } from "./suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader";
+import { Form } from "./form/Form.js";
+import { TextInput } from "./form/TextInput.js";
 import {
   Menu,
   MenuDivider,
@@ -28,25 +20,33 @@ import {
   MenuItem,
   MenuLabel,
   MenuTrigger,
-} from "./menu/Menu";
-import { Panel } from "./panel/Panel";
-import { PanelButton } from "./panel/PanelButton";
-import { PanelFileInput } from "./panel/PanelFileInput";
-import { PanelTab } from "./panel/PanelTab";
-import { PanelTextInput } from "./panel/PanelTextInput";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover/popover";
-import { SideMenu } from "./sideMenu/SideMenu";
-import { SideMenuButton } from "./sideMenu/SideMenuButton";
-import { SuggestionMenu } from "./suggestionMenu/SuggestionMenu";
-import { SuggestionMenuEmptyItem } from "./suggestionMenu/SuggestionMenuEmptyItem";
-import { SuggestionMenuItem } from "./suggestionMenu/SuggestionMenuItem";
-import { SuggestionMenuLabel } from "./suggestionMenu/SuggestionMenuLabel";
-import { SuggestionMenuLoader } from "./suggestionMenu/SuggestionMenuLoader";
-import { TableHandle } from "./tableHandle/TableHandle";
-import { TextInput } from "./form/TextInput";
-import { Toolbar, ToolbarButton, ToolbarSelect } from "./toolbar/Toolbar";
+} from "./menu/Menu.js";
+import { Panel } from "./panel/Panel.js";
+import { PanelTab } from "./panel/PanelTab.js";
+import { PanelTextInput } from "./panel/PanelTextInput.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover/popover.js";
+import {
+  ShadCNComponents,
+  ShadCNComponentsContext,
+  ShadCNDefaultComponents,
+} from "./ShadCNComponentsContext.js";
+import { SideMenu } from "./sideMenu/SideMenu.js";
+import { SideMenuButton } from "./sideMenu/SideMenuButton.js";
+import { GridSuggestionMenu } from "./suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.js";
+import { GridSuggestionMenuEmptyItem } from "./suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.js";
+import { SuggestionMenu } from "./suggestionMenu/SuggestionMenu.js";
+import { SuggestionMenuEmptyItem } from "./suggestionMenu/SuggestionMenuEmptyItem.js";
+import { SuggestionMenuItem } from "./suggestionMenu/SuggestionMenuItem.js";
+import { SuggestionMenuLabel } from "./suggestionMenu/SuggestionMenuLabel.js";
+import { SuggestionMenuLoader } from "./suggestionMenu/SuggestionMenuLoader.js";
+import { TableHandle } from "./tableHandle/TableHandle.js";
+import { Toolbar, ToolbarButton, ToolbarSelect } from "./toolbar/Toolbar.js";
 
+import { PanelButton } from "./panel/PanelButton.js";
+import { PanelFileInput } from "./panel/PanelFileInput.js";
 import "./style.css";
+import { GridSuggestionMenuItem } from "./suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.js";
+import { GridSuggestionMenuLoader } from "./suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.js";
 
 export const components: Components = {
   FormattingToolbar: {

package/src/menu/Menu.tsx

@@ -3,9 +3,9 @@ import { ComponentProps } from "@blocknote/react";
 import { ChevronRight } from "lucide-react";
 import { forwardRef, useMemo } from "react";
 
-import type { DropdownMenuTrigger as ShadCNDropdownMenuTrigger } from "../components/ui/dropdown-menu";
-import { cn } from "../lib/utils";
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import type { DropdownMenuTrigger as ShadCNDropdownMenuTrigger } from "../components/ui/dropdown-menu.js";
+import { cn } from "../lib/utils.js";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 // hacky HoC to change DropdownMenuTrigger to open a menu on PointerUp instead of PointerDown
 // Needed to fix this issue: https://github.com/radix-ui/primitives/issues/2867

package/src/panel/Panel.tsx

@@ -2,8 +2,8 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { cn } from "../lib/utils.js";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const Panel = forwardRef<
   HTMLDivElement,

package/src/panel/PanelButton.tsx

@@ -2,7 +2,7 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const PanelButton = forwardRef<
   HTMLButtonElement,

package/src/panel/PanelFileInput.tsx

@@ -2,7 +2,7 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const PanelFileInput = forwardRef<
   HTMLInputElement,

package/src/panel/PanelTab.tsx

@@ -2,7 +2,7 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
+import { cn } from "../lib/utils.js";
 
 export const PanelTab = forwardRef<
   HTMLDivElement,

package/src/panel/PanelTextInput.tsx

@@ -2,8 +2,8 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { cn } from "../lib/utils.js";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const PanelTextInput = forwardRef<
   HTMLInputElement,

package/src/popover/popover.tsx

@@ -2,8 +2,8 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { cn } from "../lib/utils.js";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const Popover = (
   props: ComponentProps["Generic"]["Popover"]["Root"]

package/src/sideMenu/SideMenuButton.tsx

@@ -2,8 +2,8 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { cn } from "../lib/utils.js";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const SideMenuButton = forwardRef<
   HTMLButtonElement,

package/src/suggestionMenu/SuggestionMenu.tsx

@@ -1,8 +1,8 @@
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
 import { assertEmpty } from "@blocknote/core";
+import { cn } from "../lib/utils.js";
 
 export const SuggestionMenu = forwardRef<
   HTMLDivElement,

package/src/suggestionMenu/SuggestionMenuEmptyItem.tsx

@@ -2,7 +2,7 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
+import { cn } from "../lib/utils.js";
 
 export const SuggestionMenuEmptyItem = forwardRef<
   HTMLDivElement,

package/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -2,8 +2,8 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps, elementOverflow, mergeRefs } from "@blocknote/react";
 import { forwardRef, useEffect, useRef } from "react";
 
-import { cn } from "../lib/utils";
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { cn } from "../lib/utils.js";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const SuggestionMenuItem = forwardRef<
   HTMLDivElement,

package/src/suggestionMenu/SuggestionMenuLabel.tsx

@@ -2,7 +2,7 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
+import { cn } from "../lib/utils.js";
 
 export const SuggestionMenuLabel = forwardRef<
   HTMLDivElement,

package/src/tableHandle/TableHandle.tsx

@@ -2,8 +2,8 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { cn } from "../lib/utils.js";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 export const TableHandle = forwardRef<
   HTMLButtonElement,

package/src/toolbar/Toolbar.tsx

@@ -2,8 +2,8 @@ import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
-import { cn } from "../lib/utils";
-import { useShadCNComponentsContext } from "../ShadCNComponentsContext";
+import { cn } from "../lib/utils.js";
+import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
 type ToolbarProps = ComponentProps["FormattingToolbar"]["Root"] &
   ComponentProps["LinkToolbar"]["Root"];