@blocknote/shadcn 0.30.0 → 0.31.0

package/src/tailwindStyles.css

@@ -37,22 +37,22 @@
     -moz-tab-size: 4; /* 3 */
     tab-size: 4; /* 3 */
     font-family: theme(
-            "fontFamily.sans",
-            ui-sans-serif,
-            system-ui,
-            sans-serif,
-            "Apple Color Emoji",
-            "Segoe UI Emoji",
-            "Segoe UI Symbol",
-            "Noto Color Emoji"
+      "fontFamily.sans",
+      ui-sans-serif,
+      system-ui,
+      sans-serif,
+      "Apple Color Emoji",
+      "Segoe UI Emoji",
+      "Segoe UI Symbol",
+      "Noto Color Emoji"
     ); /* 4 */
     font-feature-settings: theme(
-            "fontFamily.sans[1].fontFeatureSettings",
-            normal
+      "fontFamily.sans[1].fontFeatureSettings",
+      normal
     ); /* 5 */
     font-variation-settings: theme(
-            "fontFamily.sans[1].fontVariationSettings",
-            normal
+      "fontFamily.sans[1].fontVariationSettings",
+      normal
     ); /* 6 */
     -webkit-tap-highlight-color: transparent; /* 7 */
   }
@@ -131,23 +131,23 @@
   samp,
   pre {
     font-family: theme(
-            "fontFamily.mono",
-            ui-monospace,
-            SFMono-Regular,
-            Menlo,
-            Monaco,
-            Consolas,
-            "Liberation Mono",
-            "Courier New",
-            monospace
+      "fontFamily.mono",
+      ui-monospace,
+      SFMono-Regular,
+      Menlo,
+      Monaco,
+      Consolas,
+      "Liberation Mono",
+      "Courier New",
+      monospace
     ); /* 1 */
     font-feature-settings: theme(
-            "fontFamily.mono[1].fontFeatureSettings",
-            normal
+      "fontFamily.mono[1].fontFeatureSettings",
+      normal
     ); /* 2 */
     font-variation-settings: theme(
-            "fontFamily.mono[1].fontVariationSettings",
-            normal
+      "fontFamily.mono[1].fontVariationSettings",
+      normal
     ); /* 3 */
     font-size: 1em; /* 4 */
   }

package/src/toolbar/Toolbar.tsx

@@ -5,8 +5,7 @@ import { forwardRef } from "react";
 import { cn } from "../lib/utils.js";
 import { useShadCNComponentsContext } from "../ShadCNComponentsContext.js";
 
-type ToolbarProps = ComponentProps["FormattingToolbar"]["Root"] &
-  ComponentProps["LinkToolbar"]["Root"];
+type ToolbarProps = ComponentProps["Generic"]["Toolbar"]["Root"];
 
 export const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(
   (props, ref) => {
@@ -29,20 +28,20 @@ export const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(
           className={cn(
             className,
             "bn-flex bn-gap-1 bn-p-1 bn-bg-popover bn-text-popover-foreground bn-border bn-rounded-lg bn-shadow-md bn-h-fit",
-            variant === "action-toolbar" ? "bn-w-fit" : ""
+            variant === "action-toolbar" ? "bn-w-fit" : "",
           )}
           ref={ref}
           onMouseEnter={onMouseEnter}
-          onMouseLeave={onMouseLeave}>
+          onMouseLeave={onMouseLeave}
+        >
           {children}
         </div>
       </ShadCNComponents.Tooltip.TooltipProvider>
     );
-  }
+  },
 );
 
-type ToolbarButtonProps = ComponentProps["FormattingToolbar"]["Button"] &
-  ComponentProps["LinkToolbar"]["Button"];
+type ToolbarButtonProps = ComponentProps["Generic"]["Toolbar"]["Button"];
 
 export const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(
   (props, ref) => {
@@ -71,7 +70,7 @@ export const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(
         <ShadCNComponents.Button.Button
           className={cn(
             className,
-            variant === "compact" ? "bn-h-6 bn-min-w-6 bn-p-0" : ""
+            variant === "compact" ? "bn-h-6 bn-min-w-6 bn-p-0" : "",
           )}
           variant="ghost"
           size={variant === "compact" ? "sm" : "default"}
@@ -79,7 +78,8 @@ export const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(
           onClick={onClick}
           ref={ref}
           aria-label={label}
-          {...rest}>
+          {...rest}
+        >
           {icon}
           {children}
         </ShadCNComponents.Button.Button>
@@ -88,7 +88,7 @@ export const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(
           className={cn(
             className,
             "data-[state=open]:bg-accent data-[state=closed]:text-accent-foreground",
-            variant === "compact" ? "bn-h-6 bn-min-w-6 bn-p-0" : ""
+            variant === "compact" ? "bn-h-6 bn-min-w-6 bn-p-0" : "",
           )}
           size={variant === "compact" ? "sm" : "default"}
           aria-label={label}
@@ -98,7 +98,8 @@ export const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(
           data-state={isSelected ? "on" : "off"}
           data-disabled={isDisabled}
           ref={ref}
-          {...rest}>
+          {...rest}
+        >
           {icon}
           {children}
         </ShadCNComponents.Toggle.Toggle>
@@ -112,13 +113,14 @@ export const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(
         <ShadCNComponents.Tooltip.TooltipContent
           className={
             "bn-flex bn-flex-col bn-items-center bn-whitespace-pre-wrap"
-          }>
+          }
+        >
           <span>{mainTooltip}</span>
           {secondaryTooltip && <span>{secondaryTooltip}</span>}
         </ShadCNComponents.Tooltip.TooltipContent>
       </ShadCNComponents.Tooltip.Tooltip>
     );
-  }
+  },
 );
 
 export const ToolbarSelect = forwardRef<
@@ -151,7 +153,8 @@ export const ToolbarSelect = forwardRef<
       onValueChange={(value) =>
         items.find((item) => item.text === value)!.onClick?.()
       }
-      disabled={isDisabled}>
+      disabled={isDisabled}
+    >
       <ShadCNComponents.Select.SelectTrigger className={"bn-border-none"}>
         <ShadCNComponents.Select.SelectValue />
       </ShadCNComponents.Select.SelectTrigger>
@@ -160,7 +163,8 @@ export const ToolbarSelect = forwardRef<
           <ShadCNComponents.Select.SelectItem
             disabled={item.isDisabled}
             key={item.text}
-            value={item.text}>
+            value={item.text}
+          >
             <SelectItemContent {...item} />
           </ShadCNComponents.Select.SelectItem>
         ))}

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

@@ -2,11 +2,15 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<{
     className?: string;
     name: string;
     label?: string;
+    variant?: "default" | "large";
     icon: import("react").ReactNode;
+    rightSection?: import("react").ReactNode;
     autoFocus?: boolean;
-    placeholder: string;
+    placeholder?: string;
+    disabled?: boolean;
     value: string;
     onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
     onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
     onSubmit?: () => void;
+    autoComplete?: import("react").HTMLInputAutoCompleteAttribute;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -3,5 +3,5 @@ export declare const SuggestionMenuItem: import("react").ForwardRefExoticCompone
     id: string;
     isSelected: boolean;
     onClick: () => void;
-    item: import("@blocknote/react").DefaultReactSuggestionItem;
+    item: Omit<import("@blocknote/react").DefaultReactSuggestionItem, "onItemClick">;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
 export declare const SuggestionMenuLoader: import("react").ForwardRefExoticComponent<{
     className?: string;
-    children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;