@blocknote/mantine 0.14.6 → 0.15.2

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1720035573115,"assets":[{"name":"blocknote-mantine.umd.cjs","size":30335},{"name":"blocknote-mantine.umd.cjs.map","size":354186}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-mantine.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":1200,"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":44073,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/BlockNoteTheme.ts","size":2185,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":582,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconContext.mjs","size":251,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconBase.mjs","size":4014,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/hi/index.mjs","size":744,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":4155,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1057,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":374,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":216,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":399,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":759,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":316,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":787,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":314,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1806,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":234,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":290,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":459,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":569,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":2278,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1841,"chunks":["ec22802"]},{"name":"./src/style.css","size":17,"chunks":["ec22802"]},{"name":"./src/defaultThemes.ts","size":3405,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":2536,"chunks":["ec22802"]}]}
+{"builtAt":1721314102613,"assets":[{"name":"blocknote-mantine.umd.cjs","size":31327},{"name":"blocknote-mantine.umd.cjs.map","size":359604}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-mantine.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":1200,"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":43843,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/BlockNoteTheme.ts","size":2185,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx","size":368,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.tsx","size":450,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx","size":792,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx","size":392,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconContext.mjs","size":251,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconBase.mjs","size":4014,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/hi/index.mjs","size":744,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":4155,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1057,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":374,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":216,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":399,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":759,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":316,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":787,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":314,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1806,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":234,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":290,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":459,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":582,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":569,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":2278,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1841,"chunks":["ec22802"]},{"name":"./src/style.css","size":0,"chunks":["ec22802"]},{"name":"./src/defaultThemes.ts","size":3405,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":2710,"chunks":["ec22802"]}]}

package/package.json

@@ -6,7 +6,7 @@
     "*.css"
   ],
   "license": "MPL-2.0",
-  "version": "0.14.6",
+  "version": "0.15.2",
   "files": [
     "dist",
     "types",
@@ -51,8 +51,8 @@
     "clean": "rimraf dist && rimraf types"
   },
   "dependencies": {
-    "@blocknote/core": "^0.14.5",
-    "@blocknote/react": "^0.14.6",
+    "@blocknote/core": "^0.15.2",
+    "@blocknote/react": "^0.15.2",
     "@mantine/core": "^7.10.1",
     "@mantine/hooks": "^7.10.1",
     "@mantine/utils": "^6.0.21",
@@ -63,15 +63,15 @@
   "devDependencies": {
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.9",
-    "@vitejs/plugin-react": "^4.0.4",
+    "@vitejs/plugin-react": "^4.3.1",
     "eslint": "^8.10.0",
     "prettier": "^2.7.1",
     "rimraf": "^5.0.5",
     "rollup-plugin-webpack-stats": "^0.2.2",
     "typescript": "^5.3.3",
-    "vite": "^4.4.8",
+    "vite": "^5.3.4",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-externalize-deps": "^0.7.0"
+    "vite-plugin-externalize-deps": "^0.8.0"
   },
   "peerDependencies": {
     "react": "^18",
@@ -86,5 +86,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "6e2a3326c56573a35039433fcee7c0d63bb5ef64"
+  "gitHead": "448b99bcdf0ebb032f906da1ba549764d50b7ae2"
 }

package/src/index.tsx

@@ -19,7 +19,10 @@ import {
   applyBlockNoteCSSVariablesFromTheme,
   removeBlockNoteCSSVariables,
 } from "./BlockNoteTheme";
-import { TextInput } from "./form/TextInput";
+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 {
   Menu,
   MenuDivider,
@@ -42,10 +45,10 @@ 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 } from "./toolbar/Toolbar";
 import { ToolbarButton } from "./toolbar/ToolbarButton";
 import { ToolbarSelect } from "./toolbar/ToolbarSelect";
-
 import "./style.css";
 
 export * from "./BlockNoteTheme";
@@ -64,6 +67,12 @@ export const components: Components = {
     TabPanel: PanelTab,
     TextInput: PanelTextInput,
   },
+  GridSuggestionMenu: {
+    Root: GridSuggestionMenu,
+    Item: GridSuggestionMenuItem,
+    EmptyItem: GridSuggestionMenuEmptyItem,
+    Loader: GridSuggestionMenuLoader,
+  },
   LinkToolbar: {
     Root: Toolbar,
     Button: ToolbarButton,

package/src/style.css

@@ -299,6 +299,7 @@
   box-shadow: var(--bn-shadow-medium);
   box-sizing: border-box;
   color: var(--bn-colors-menu-text);
+  height: fit-content;
   overflow-y: auto;
   padding: 2px;
 }
@@ -362,6 +363,52 @@
   background-color: var(--bn-colors-side-menu);
 }
 
+.bn-mantine .bn-grid-suggestion-menu {
+  background: var(--bn-colors-menu-background);
+  border-radius: var(--bn-border-radius-large);
+  box-shadow: var(--bn-shadow-medium);
+  display: grid;
+  gap: 7px;
+  height: fit-content;
+  justify-items: center;
+  max-height: min(500px, 100%);
+  overflow-y: auto;
+  padding: 20px;
+}
+
+.bn-mantine .bn-grid-suggestion-menu-item {
+  align-items: center;
+  border-radius: var(--bn-border-radius-large);
+  cursor: pointer;
+  display: flex;
+  font-size: 24px;
+  height: 32px;
+  justify-content: center;
+  margin: 2px;
+  padding: 4px;
+  width: 32px;
+}
+
+.bn-mantine .bn-grid-suggestion-menu-item[aria-selected="true"],
+.bn-mantine .bn-grid-suggestion-menu-item:hover {
+  background-color: var(--bn-colors-hovered-background);
+}
+
+.bn-mantine .bn-grid-suggestion-menu-empty-item,
+.bn-mantine .bn-grid-suggestion-menu-loader{
+  align-items: center;
+  color: var(--bn-colors-menu-text);
+  display: flex;
+  font-size: 14px;
+  font-weight: 500;
+  height: 32px;
+  justify-content: center;
+}
+
+.bn-mantine .bn-grid-suggestion-menu-loader span {
+  background-color: var(--bn-colors-side-menu);
+}
+
 /* Side Menu styling */
 .bn-mantine .bn-side-menu {
   background-color: transparent;

package/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx

@@ -0,0 +1,23 @@
+import { assertEmpty } from "@blocknote/core";
+import { ComponentProps } from "@blocknote/react";
+import { forwardRef } from "react";
+
+export const GridSuggestionMenu = forwardRef<
+  HTMLDivElement,
+  ComponentProps["GridSuggestionMenu"]["Root"]
+>((props, ref) => {
+  const { className, children, id, columns, ...rest } = props;
+
+  assertEmpty(rest);
+
+  return (
+    <div
+      className={className}
+      style={{ gridTemplateColumns: `repeat(${columns}, 1fr)` } as any}
+      ref={ref}
+      id={id}
+      role="grid">
+      {children}
+    </div>
+  );
+});

package/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.tsx

@@ -0,0 +1,25 @@
+import { Group as MantineGroup } from "@mantine/core";
+
+import { assertEmpty } from "@blocknote/core";
+import { ComponentProps } from "@blocknote/react";
+import { forwardRef } from "react";
+
+export const GridSuggestionMenuEmptyItem = forwardRef<
+  HTMLDivElement,
+  ComponentProps["GridSuggestionMenu"]["EmptyItem"]
+>((props, ref) => {
+  const { className, children, columns, ...rest } = props;
+
+  assertEmpty(rest);
+
+  return (
+    <MantineGroup
+      className={className}
+      style={{ gridColumn: `1 / ${columns + 1}` }}
+      ref={ref}>
+      <MantineGroup className="bn-mt-suggestion-menu-item-title">
+        {children}
+      </MantineGroup>
+    </MantineGroup>
+  );
+});

package/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx

@@ -0,0 +1,42 @@
+import { mergeRefs } from "@mantine/hooks";
+
+import { assertEmpty } from "@blocknote/core";
+import { ComponentProps, elementOverflow } from "@blocknote/react";
+import { forwardRef, useEffect, useRef } from "react";
+
+export const GridSuggestionMenuItem = forwardRef<
+  HTMLDivElement,
+  ComponentProps["GridSuggestionMenu"]["Item"]
+>((props, ref) => {
+  const { className, isSelected, onClick, item, id, ...rest } = props;
+
+  assertEmpty(rest);
+
+  const itemRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!itemRef.current || !isSelected) {
+      return;
+    }
+
+    const overflow = elementOverflow(itemRef.current);
+
+    if (overflow === "top") {
+      itemRef.current.scrollIntoView(true);
+    } else if (overflow === "bottom") {
+      itemRef.current.scrollIntoView(false);
+    }
+  }, [isSelected]);
+
+  return (
+    <div
+      className={className}
+      ref={mergeRefs(ref, itemRef)}
+      id={id}
+      role="option"
+      onClick={onClick}
+      aria-selected={isSelected || undefined}>
+      {item.icon}
+    </div>
+  );
+});

package/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx

@@ -0,0 +1,28 @@
+import { Loader as MantineLoader } from "@mantine/core";
+
+import { assertEmpty } from "@blocknote/core";
+import { ComponentProps } from "@blocknote/react";
+import { forwardRef } from "react";
+
+export const GridSuggestionMenuLoader = forwardRef<
+  HTMLDivElement,
+  ComponentProps["GridSuggestionMenu"]["Loader"]
+>((props, ref) => {
+  const {
+    className,
+    children, // unused, using "dots" instead
+    columns,
+    ...rest
+  } = props;
+
+  assertEmpty(rest);
+
+  return (
+    <MantineLoader
+      className={className}
+      style={{ gridColumn: `1 / ${columns + 1}` }}
+      type="dots"
+      ref={ref}
+    />
+  );
+});

package/types/src/form/TextInput.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 export declare const TextInput: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     name: string;
-    label?: string | undefined;
+    label?: string;
     icon: import("react").ReactNode;
-    autoFocus?: boolean | undefined;
+    autoFocus?: boolean;
     placeholder: string;
     value: string;
     onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
     onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
-    onSubmit?: (() => void) | undefined;
+    onSubmit?: () => void;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/types/src/index.d.ts

@@ -1,4 +1,4 @@
-import { InlineContentSchema, StyleSchema } from "@blocknote/core";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "@blocknote/core";
 import { BlockNoteViewRaw, Components } from "@blocknote/react";
 import { ComponentProps } from "react";
 import { Theme } from "./BlockNoteTheme";
@@ -6,7 +6,7 @@ import "./style.css";
 export * from "./BlockNoteTheme";
 export * from "./defaultThemes";
 export declare const components: Components;
-export declare const BlockNoteView: <BSchema extends Record<string, import("@blocknote/core").BlockConfig>, ISchema extends InlineContentSchema, SSchema extends StyleSchema>(props: Omit<ComponentProps<typeof BlockNoteViewRaw<BSchema, ISchema, SSchema>>, "theme"> & {
+export declare const BlockNoteView: <BSchema extends BlockSchema, ISchema extends InlineContentSchema, SSchema extends StyleSchema>(props: Omit<ComponentProps<typeof BlockNoteViewRaw<BSchema, ISchema, SSchema>>, "theme"> & {
     theme?: "light" | "dark" | Theme | {
         light: Theme;
         dark: Theme;

package/types/src/menu/Menu.d.ts

@@ -1,24 +1,23 @@
-/// <reference types="react" />
 import { ComponentProps } from "@blocknote/react";
 export declare const Menu: (props: ComponentProps["Generic"]["Menu"]["Root"]) => import("react/jsx-runtime").JSX.Element;
 export declare const MenuItem: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
-    subTrigger?: boolean | undefined;
+    subTrigger?: boolean;
     icon?: import("react").ReactNode;
-    checked?: boolean | undefined;
-    onClick?: (() => void) | undefined;
+    checked?: boolean;
+    onClick?: () => void;
 } & import("react").RefAttributes<HTMLButtonElement & HTMLDivElement>>;
 export declare const MenuTrigger: (props: ComponentProps["Generic"]["Menu"]["Trigger"]) => import("react/jsx-runtime").JSX.Element;
 export declare const MenuDropdown: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
-    sub?: boolean | undefined;
+    sub?: boolean;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const MenuDivider: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const MenuLabel: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/panel/Panel.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const Panel: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     tabs: {
         name: string;
         tabPanel: import("react").ReactNode;

package/types/src/panel/PanelButton.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const PanelButton: import("react").ForwardRefExoticComponent<({
-    className?: string | undefined;
+    className?: string;
     onClick: () => void;
 } & ({
     children: import("react").ReactNode;
-    label?: string | undefined;
+    label?: string;
 } | {
     children?: undefined;
     label: string;

package/types/src/panel/PanelFileInput.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const PanelFileInput: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     accept: string;
     value: File | null;
     placeholder: string;

package/types/src/panel/PanelTab.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const PanelTab: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/panel/PanelTextInput.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const PanelTextInput: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     value: string;
     placeholder: string;
     onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown: (event: import("react").KeyboardEvent<Element>) => void;
+    onKeyDown: (event: import("react").KeyboardEvent) => void;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/types/src/popover/Popover.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { ComponentProps } from "@blocknote/react";
 export declare const Popover: (props: ComponentProps["Generic"]["Popover"]["Root"]) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverTrigger: (props: ComponentProps["Generic"]["Popover"]["Trigger"]) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverContent: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     variant: "form-popover" | "panel-popover";
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/sideMenu/SideMenu.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const SideMenu: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/sideMenu/SideMenuButton.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 export declare const SideMenuButton: import("react").ForwardRefExoticComponent<({
-    className?: string | undefined;
-    onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    className?: string;
+    onClick?: (e: import("react").MouseEvent) => void;
     icon?: import("react").ReactNode;
-    onDragStart?: ((e: import("react").DragEvent<Element>) => void) | undefined;
-    onDragEnd?: ((e: import("react").DragEvent<Element>) => void) | undefined;
-    draggable?: boolean | undefined;
+    onDragStart?: (e: React.DragEvent) => void;
+    onDragEnd?: (e: React.DragEvent) => void;
+    draggable?: boolean;
 } & ({
     children: import("react").ReactNode;
-    label?: string | undefined;
+    label?: string;
 } | {
     children?: undefined;
     label: string;

package/types/src/suggestionMenu/SuggestionMenu.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const SuggestionMenu: import("react").ForwardRefExoticComponent<{
     id: string;
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/SuggestionMenuEmptyItem.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const SuggestionMenuEmptyItem: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/SuggestionMenuItem.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const SuggestionMenuItem: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     id: string;
     isSelected: boolean;
     onClick: () => void;

package/types/src/suggestionMenu/SuggestionMenuLabel.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const SuggestionMenuLabel: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/SuggestionMenuLoader.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const SuggestionMenuLoader: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.d.ts

@@ -0,0 +1,6 @@
+export declare const GridSuggestionMenu: import("react").ForwardRefExoticComponent<{
+    id: string;
+    columns: number;
+    className?: string;
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.d.ts

@@ -0,0 +1,5 @@
+export declare const GridSuggestionMenuEmptyItem: import("react").ForwardRefExoticComponent<{
+    columns: number;
+    className?: string;
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.d.ts

@@ -0,0 +1,7 @@
+export declare const GridSuggestionMenuItem: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    id: string;
+    isSelected: boolean;
+    onClick: () => void;
+    item: import("@blocknote/react").DefaultReactGridSuggestionItem;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.d.ts

@@ -0,0 +1,5 @@
+export declare const GridSuggestionMenuLoader: import("react").ForwardRefExoticComponent<{
+    columns: number;
+    className?: string;
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/tableHandle/TableHandle.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 export declare const TableHandle: import("react").ForwardRefExoticComponent<({
-    className?: string | undefined;
+    className?: string;
     draggable: boolean;
-    onDragStart: (e: import("react").DragEvent<Element>) => void;
+    onDragStart: (e: React.DragEvent) => void;
     onDragEnd: () => void;
-    style?: import("react").CSSProperties | undefined;
+    style?: import("react").CSSProperties;
 } & ({
     children: import("react").ReactNode;
-    label?: string | undefined;
+    label?: string;
 } | {
     children?: undefined;
     label: string;

package/types/src/toolbar/Toolbar.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const Toolbar: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
 } & {
-    className?: string | undefined;
+    className?: string;
     children?: import("react").ReactNode;
-    onMouseEnter?: (() => void) | undefined;
-    onMouseLeave?: (() => void) | undefined;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/toolbar/ToolbarButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentProps } from "@blocknote/react";
 export declare const TooltipContent: (props: {
     mainTooltip: string;

package/types/src/toolbar/ToolbarSelect.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 export declare const ToolbarSelect: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     items: {
         text: string;
         icon: import("react").ReactNode;
         onClick: () => void;
         isSelected: boolean;
-        isDisabled?: boolean | undefined;
+        isDisabled?: boolean;
     }[];
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 } & import("react").RefAttributes<HTMLDivElement>>;