@blocknote/ariakit 0.13.5 → 0.14.1

package/src/toolbar/Toolbar.tsx

@@ -1,4 +1,4 @@
-import * as Ariakit from "@ariakit/react";
+import { Toolbar as AriakitToolbar } from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -14,13 +14,13 @@ export const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(
     assertEmpty(rest);
 
     return (
-      <Ariakit.Toolbar
+      <AriakitToolbar
         className={mergeCSSClasses("bn-ak-toolbar", className || "")}
         ref={ref}
         onMouseEnter={onMouseEnter}
         onMouseLeave={onMouseLeave}>
         {children}
-      </Ariakit.Toolbar>
+      </AriakitToolbar>
     );
   }
 );

package/src/toolbar/ToolbarButton.tsx

@@ -1,4 +1,9 @@
-import * as Ariakit from "@ariakit/react";
+import {
+  Tooltip as AriakitTooltip,
+  TooltipAnchor as AriakitTooltipAnchor,
+  ToolbarItem as AriakitToolbarItem,
+  TooltipProvider as AriakitTooltipProvider,
+} from "@ariakit/react";
 
 import { assertEmpty, isSafari, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -30,11 +35,11 @@ export const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(
     assertEmpty(rest, false);
 
     return (
-      <Ariakit.TooltipProvider>
-        <Ariakit.TooltipAnchor
+      <AriakitTooltipProvider>
+        <AriakitTooltipAnchor
           className="link"
           render={
-            <Ariakit.ToolbarItem
+            <AriakitToolbarItem
               aria-label={label}
               className={mergeCSSClasses(
                 "bn-ak-button bn-ak-secondary",
@@ -60,14 +65,14 @@ export const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(
               {...rest}>
               {icon}
               {children}
-            </Ariakit.ToolbarItem>
+            </AriakitToolbarItem>
           }
         />
-        <Ariakit.Tooltip className="bn-ak-tooltip">
+        <AriakitTooltip className="bn-ak-tooltip">
           <span>{mainTooltip}</span>
           {secondaryTooltip && <span>{secondaryTooltip}</span>}
-        </Ariakit.Tooltip>
-      </Ariakit.TooltipProvider>
+        </AriakitTooltip>
+      </AriakitTooltipProvider>
     );
   }
 );

package/src/toolbar/ToolbarSelect.tsx

@@ -1,4 +1,12 @@
-import * as Ariakit from "@ariakit/react";
+import {
+  Select as AriakitSelect,
+  SelectArrow as AriakitSelectArrow,
+  SelectItem as AriakitSelectItem,
+  SelectItemCheck as AriakitSelectItemCheck,
+  SelectPopover as AriakitSelectPopover,
+  SelectProvider as AriakitSelectProvider,
+  ToolbarItem as AriakitToolbarItem,
+} from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -19,29 +27,29 @@ export const ToolbarSelect = forwardRef<
   };
 
   return (
-    <Ariakit.SelectProvider value={selectedItem.text} setValue={setValue}>
-      <Ariakit.Select
+    <AriakitSelectProvider value={selectedItem.text} setValue={setValue}>
+      <AriakitSelect
         className={"bn-ak-button bn-ak-secondary"}
         disabled={isDisabled}
         aria-label="Text alignment"
-        render={<Ariakit.ToolbarItem />}>
-        {selectedItem.icon} {selectedItem.text} <Ariakit.SelectArrow />
-      </Ariakit.Select>
-      <Ariakit.SelectPopover
+        render={<AriakitToolbarItem />}>
+        {selectedItem.icon} {selectedItem.text} <AriakitSelectArrow />
+      </AriakitSelect>
+      <AriakitSelectPopover
         className={mergeCSSClasses("bn-ak-popover", className || "")}
         ref={ref}
         gutter={4}>
         {items.map((option) => (
-          <Ariakit.SelectItem
+          <AriakitSelectItem
             className={"bn-ak-select-item"}
             key={option.text}
             value={option.text}>
             {option.icon}
             {option.text}
-            {option.text === selectedItem.text && <Ariakit.SelectItemCheck />}
-          </Ariakit.SelectItem>
+            {option.text === selectedItem.text && <AriakitSelectItemCheck />}
+          </AriakitSelectItem>
         ))}
-      </Ariakit.SelectPopover>
-    </Ariakit.SelectProvider>
+      </AriakitSelectPopover>
+    </AriakitSelectProvider>
   );
 });