@puckeditor/core 0.22.0-canary.faffb521 → 0.22.0

package/dist/{chunk-6PUO3QRB.mjs → chunk-4US666EQ.mjs}

@@ -1,13 +1,14 @@
 import {
   useAlignOptions
-} from "./chunk-4X2SLJRQ.mjs";
+} from "./chunk-M5GPDW62.mjs";
 import {
   useHeadingOptions
-} from "./chunk-GFIZBMKN.mjs";
+} from "./chunk-3RQGAM3Z.mjs";
 import {
   useListOptions
-} from "./chunk-MQKADUDK.mjs";
+} from "./chunk-XIGSFEU7.mjs";
 import {
+  Action,
   AlignCenter,
   AlignJustify,
   AlignLeft,
@@ -16,6 +17,7 @@ import {
   Code,
   ControlContext,
   Heading,
+  IconButton,
   Italic,
   List,
   ListOrdered,
@@ -26,169 +28,20 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-OVPTKQ2P.mjs";
+} from "./chunk-XQHCQEAF.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
-  __objRest,
-  __spreadValues,
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";
 
-// components/ActionBar/index.tsx
-init_react_import();
-
-// css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css#css-module
-init_react_import();
-var styles_module_default = { "ActionBar": "_ActionBar_1nmyk_1", "ActionBar-label": "_ActionBar-label_1nmyk_18", "ActionBarAction": "_ActionBarAction_1nmyk_30", "ActionBar-group": "_ActionBar-group_1nmyk_38", "ActionBarAction--disabled": "_ActionBarAction--disabled_1nmyk_71", "ActionBarAction--active": "_ActionBarAction--active_1nmyk_93", "ActionBar-separator": "_ActionBar-separator_1nmyk_102" };
-
-// components/ActionBar/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var getClassName = get_class_name_factory_default("ActionBar", styles_module_default);
-var getActionClassName = get_class_name_factory_default("ActionBarAction", styles_module_default);
-var ActionBar = ({
-  label,
-  children
-}) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: getClassName(),
-    onClick: (e) => {
-      e.stopPropagation();
-    },
-    children: [
-      label && /* @__PURE__ */ jsx(ActionBar.Group, { children: /* @__PURE__ */ jsx("div", { className: getClassName("label"), children: label }) }),
-      children
-    ]
-  }
-);
-var Action = ({
-  children,
-  label,
-  onClick,
-  active = false,
-  disabled
-}) => /* @__PURE__ */ jsx(
-  "button",
-  {
-    type: "button",
-    className: getActionClassName({ active, disabled }),
-    onClick,
-    title: label,
-    tabIndex: 0,
-    disabled,
-    children
-  }
-);
-var Group = ({ children }) => /* @__PURE__ */ jsx("div", { className: getClassName("group"), children });
-var Label = ({ label }) => /* @__PURE__ */ jsx("div", { className: getClassName("label"), children: label });
-var Separator = () => /* @__PURE__ */ jsx("div", { className: getClassName("separator") });
-ActionBar.Action = Action;
-ActionBar.Label = Label;
-ActionBar.Group = Group;
-ActionBar.Separator = Separator;
-
-// components/IconButton/IconButton.tsx
-init_react_import();
-import { useState } from "react";
-
-// css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css#css-module
-init_react_import();
-var IconButton_module_default = { "IconButton": "_IconButton_ffob9_1", "IconButton--active": "_IconButton--active_ffob9_14", "IconButton--disabled": "_IconButton--disabled_ffob9_24", "IconButton-title": "_IconButton-title_ffob9_37" };
-
-// components/Loader/index.tsx
-init_react_import();
-
-// css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css#css-module
-init_react_import();
-var styles_module_default2 = { "Loader": "_Loader_nacdm_13", "loader-animation": "_loader-animation_nacdm_1" };
-
-// components/Loader/index.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var getClassName2 = get_class_name_factory_default("Loader", styles_module_default2);
-var Loader = (_a) => {
-  var _b = _a, {
-    color,
-    size = 16
-  } = _b, props = __objRest(_b, [
-    "color",
-    "size"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    "span",
-    __spreadValues({
-      className: getClassName2(),
-      style: {
-        width: size,
-        height: size,
-        color
-      },
-      "aria-label": "loading"
-    }, props)
-  );
-};
-
-// components/IconButton/IconButton.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var getClassName3 = get_class_name_factory_default("IconButton", IconButton_module_default);
-var IconButton = ({
-  active = false,
-  children,
-  href,
-  onClick,
-  type,
-  disabled,
-  tabIndex,
-  newTab,
-  fullWidth,
-  title,
-  suppressHydrationWarning
-}) => {
-  const [loading, setLoading] = useState(false);
-  const ElementType = href ? "a" : "button";
-  const el = /* @__PURE__ */ jsxs2(
-    ElementType,
-    {
-      className: getClassName3({
-        active,
-        disabled,
-        fullWidth
-      }),
-      onClick: (e) => {
-        if (!onClick) return;
-        setLoading(true);
-        Promise.resolve(onClick(e)).then(() => {
-          setLoading(false);
-        });
-      },
-      type,
-      disabled: disabled || loading,
-      tabIndex,
-      target: newTab ? "_blank" : void 0,
-      rel: newTab ? "noreferrer" : void 0,
-      href,
-      title,
-      suppressHydrationWarning,
-      children: [
-        /* @__PURE__ */ jsx3("span", { className: getClassName3("title"), children: title }),
-        children,
-        loading && /* @__PURE__ */ jsxs2(Fragment, { children: [
-          "\xA0\xA0",
-          /* @__PURE__ */ jsx3(Loader, { size: 14 })
-        ] })
-      ]
-    }
-  );
-  return el;
-};
-
 // components/RichTextMenu/inner.tsx
 init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "RichTextMenu": "_RichTextMenu_k97eh_1", "RichTextMenu--form": "_RichTextMenu--form_k97eh_7", "RichTextMenu-group": "_RichTextMenu-group_k97eh_17", "RichTextMenu--inline": "_RichTextMenu--inline_k97eh_35" };
+var styles_module_default = { "RichTextMenu": "_RichTextMenu_1ve2j_1", "RichTextMenu--form": "_RichTextMenu--form_1ve2j_7", "RichTextMenu-group": "_RichTextMenu-group_1ve2j_21", "RichTextMenu--inline": "_RichTextMenu--inline_1ve2j_39" };
 
 // components/RichTextMenu/inner.tsx
 import { useMemo } from "react";
@@ -202,16 +55,13 @@ init_react_import();
 // components/RichTextMenu/components/Control/index.tsx
 init_react_import();
 
-// components/IconButton/index.ts
-init_react_import();
-
 // css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css#css-module
 init_react_import();
-var styles_module_default4 = { "Control": "_Control_1aveu_1", "Control--inline": "_Control--inline_1aveu_6" };
+var styles_module_default2 = { "Control": "_Control_id4pm_1", "Control--inline": "_Control--inline_id4pm_6" };
 
 // components/RichTextMenu/components/Control/index.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var getClassName4 = get_class_name_factory_default("Control", styles_module_default4);
+import { jsx } from "react/jsx-runtime";
+var getClassName = get_class_name_factory_default("Control", styles_module_default2);
 function Control({
   icon,
   disabled,
@@ -221,7 +71,7 @@ function Control({
 }) {
   const { inline } = useControlContext();
   if (inline) {
-    return /* @__PURE__ */ jsx4("span", { className: getClassName4({ inline: true }), children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx("span", { className: getClassName({ inline: true }), children: /* @__PURE__ */ jsx(
       Action,
       {
         onClick,
@@ -232,7 +82,7 @@ function Control({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx4("span", { className: getClassName4(), children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx("span", { className: getClassName(), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       onClick,
@@ -245,13 +95,13 @@ function Control({
 }
 
 // components/RichTextMenu/controls/AlignLeft.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function AlignLeft2() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx2(
     Control,
     {
-      icon: /* @__PURE__ */ jsx5(AlignLeft, {}),
+      icon: /* @__PURE__ */ jsx2(AlignLeft, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().setTextAlign("left").run();
@@ -265,13 +115,13 @@ function AlignLeft2() {
 
 // components/RichTextMenu/controls/AlignCenter.tsx
 init_react_import();
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function AlignCenter2() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx3(
     Control,
     {
-      icon: /* @__PURE__ */ jsx6(AlignCenter, {}),
+      icon: /* @__PURE__ */ jsx3(AlignCenter, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().setTextAlign("center").run();
@@ -285,13 +135,13 @@ function AlignCenter2() {
 
 // components/RichTextMenu/controls/AlignRight.tsx
 init_react_import();
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function AlignRight2() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx4(
     Control,
     {
-      icon: /* @__PURE__ */ jsx7(AlignRight, {}),
+      icon: /* @__PURE__ */ jsx4(AlignRight, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().setTextAlign("right").run();
@@ -305,13 +155,13 @@ function AlignRight2() {
 
 // components/RichTextMenu/controls/AlignJustify.tsx
 init_react_import();
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function AlignJustify2() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx5(
     Control,
     {
-      icon: /* @__PURE__ */ jsx8(AlignJustify, {}),
+      icon: /* @__PURE__ */ jsx5(AlignJustify, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().setTextAlign("justify").run();
@@ -329,11 +179,11 @@ import { lazy, Suspense } from "react";
 
 // components/RichTextMenu/controls/AlignSelect/fallback.tsx
 init_react_import();
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function AlignSelectFallback() {
   const ctx = useControlContext();
   const alignOptions = useAlignOptions(ctx.options);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx6(
     SelectControl,
     {
       options: alignOptions,
@@ -347,23 +197,23 @@ function AlignSelectFallback() {
 }
 
 // components/RichTextMenu/controls/AlignSelect/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-JHBS3QYA.mjs").then((m) => ({
+  () => import("./loaded-QH5RKCGC.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
-var AlignSelect = () => /* @__PURE__ */ jsx10(Suspense, { fallback: /* @__PURE__ */ jsx10(AlignSelectFallback, {}), children: /* @__PURE__ */ jsx10(AlignSelectLoaded, {}) });
+var AlignSelect = () => /* @__PURE__ */ jsx7(Suspense, { fallback: /* @__PURE__ */ jsx7(AlignSelectFallback, {}), children: /* @__PURE__ */ jsx7(AlignSelectLoaded, {}) });
 
 // components/RichTextMenu/controls/Bold.tsx
 init_react_import();
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Bold2() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx8(
     Control,
     {
-      icon: /* @__PURE__ */ jsx11(Bold, {}),
+      icon: /* @__PURE__ */ jsx8(Bold, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleBold().run();
@@ -377,13 +227,13 @@ function Bold2() {
 
 // components/RichTextMenu/controls/Italic.tsx
 init_react_import();
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Italic2() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx9(
     Control,
     {
-      icon: /* @__PURE__ */ jsx12(Italic, {}),
+      icon: /* @__PURE__ */ jsx9(Italic, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleItalic().run();
@@ -397,13 +247,13 @@ function Italic2() {
 
 // components/RichTextMenu/controls/Underline.tsx
 init_react_import();
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Underline2() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx10(
     Control,
     {
-      icon: /* @__PURE__ */ jsx13(Underline, {}),
+      icon: /* @__PURE__ */ jsx10(Underline, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleUnderline().run();
@@ -417,13 +267,13 @@ function Underline2() {
 
 // components/RichTextMenu/controls/Strikethrough.tsx
 init_react_import();
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Strikethrough2() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     Control,
     {
-      icon: /* @__PURE__ */ jsx14(Strikethrough, {}),
+      icon: /* @__PURE__ */ jsx11(Strikethrough, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleStrike().run();
@@ -437,13 +287,13 @@ function Strikethrough2() {
 
 // components/RichTextMenu/controls/InlineCode.tsx
 init_react_import();
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function InlineCode() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx12(
     Control,
     {
-      icon: /* @__PURE__ */ jsx15(Code, {}),
+      icon: /* @__PURE__ */ jsx12(Code, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleCode().run();
@@ -457,13 +307,13 @@ function InlineCode() {
 
 // components/RichTextMenu/controls/BulletList.tsx
 init_react_import();
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function BulletList() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx13(
     Control,
     {
-      icon: /* @__PURE__ */ jsx16(List, {}),
+      icon: /* @__PURE__ */ jsx13(List, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleBulletList().run();
@@ -477,13 +327,13 @@ function BulletList() {
 
 // components/RichTextMenu/controls/OrderedList.tsx
 init_react_import();
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function OrderedList() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx14(
     Control,
     {
-      icon: /* @__PURE__ */ jsx17(ListOrdered, {}),
+      icon: /* @__PURE__ */ jsx14(ListOrdered, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleOrderedList().run();
@@ -497,13 +347,13 @@ function OrderedList() {
 
 // components/RichTextMenu/controls/CodeBlock.tsx
 init_react_import();
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function CodeBlock() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx15(
     Control,
     {
-      icon: /* @__PURE__ */ jsx18(SquareCode, {}),
+      icon: /* @__PURE__ */ jsx15(SquareCode, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleCodeBlock().run();
@@ -517,13 +367,13 @@ function CodeBlock() {
 
 // components/RichTextMenu/controls/Blockquote.tsx
 init_react_import();
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Blockquote() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx16(
     Control,
     {
-      icon: /* @__PURE__ */ jsx19(Quote, {}),
+      icon: /* @__PURE__ */ jsx16(Quote, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().toggleBlockquote().run();
@@ -537,13 +387,13 @@ function Blockquote() {
 
 // components/RichTextMenu/controls/HorizontalRule.tsx
 init_react_import();
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function HorizontalRule() {
   const { editor, editorState } = useControlContext();
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx17(
     Control,
     {
-      icon: /* @__PURE__ */ jsx20(Minus, {}),
+      icon: /* @__PURE__ */ jsx17(Minus, {}),
       onClick: (e) => {
         e.stopPropagation();
         editor == null ? void 0 : editor.chain().focus().setHorizontalRule().run();
@@ -560,11 +410,11 @@ import { lazy as lazy2, Suspense as Suspense2 } from "react";
 
 // components/RichTextMenu/controls/HeadingSelect/fallback.tsx
 init_react_import();
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function HeadingSelectFallback() {
   const ctx = useControlContext();
   const headingOptions = useHeadingOptions(ctx.options);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx18(
     SelectControl,
     {
       options: headingOptions,
@@ -578,13 +428,13 @@ function HeadingSelectFallback() {
 }
 
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-A7UUCT2O.mjs").then((m) => ({
+  () => import("./loaded-LAKI4KDY.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
-var HeadingSelect = () => /* @__PURE__ */ jsx22(Suspense2, { fallback: /* @__PURE__ */ jsx22(HeadingSelectFallback, {}), children: /* @__PURE__ */ jsx22(HeadingSelectLoaded, {}) });
+var HeadingSelect = () => /* @__PURE__ */ jsx19(Suspense2, { fallback: /* @__PURE__ */ jsx19(HeadingSelectFallback, {}), children: /* @__PURE__ */ jsx19(HeadingSelectLoaded, {}) });
 
 // components/RichTextMenu/controls/ListSelect/index.tsx
 init_react_import();
@@ -592,11 +442,11 @@ import { lazy as lazy3, Suspense as Suspense3 } from "react";
 
 // components/RichTextMenu/controls/ListSelect/fallback.tsx
 init_react_import();
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function ListSelectFallback() {
   const ctx = useControlContext();
   const listOptions = useListOptions(ctx.options);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx20(
     SelectControl,
     {
       options: listOptions,
@@ -610,28 +460,28 @@ function ListSelectFallback() {
 }
 
 // components/RichTextMenu/controls/ListSelect/index.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-2QS7VXZ6.mjs").then((m) => ({
+  () => import("./loaded-PILFUJGA.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );
-var ListSelect = () => /* @__PURE__ */ jsx24(Suspense3, { fallback: /* @__PURE__ */ jsx24(ListSelectFallback, {}), children: /* @__PURE__ */ jsx24(ListSelectLoaded, {}) });
+var ListSelect = () => /* @__PURE__ */ jsx21(Suspense3, { fallback: /* @__PURE__ */ jsx21(ListSelectFallback, {}), children: /* @__PURE__ */ jsx21(ListSelectLoaded, {}) });
 
 // components/RichTextMenu/inner.tsx
-import { jsx as jsx25, jsxs as jsxs3 } from "react/jsx-runtime";
-var getClassName5 = get_class_name_factory_default("RichTextMenu", styles_module_default3);
+import { jsx as jsx22, jsxs } from "react/jsx-runtime";
+var getClassName2 = get_class_name_factory_default("RichTextMenu", styles_module_default);
 var DefaultMenu = ({ children }) => {
-  return /* @__PURE__ */ jsx25(RichTextMenu, { children });
+  return /* @__PURE__ */ jsx22(RichTextMenu, { children });
 };
 var RichTextMenu = ({ children }) => {
   const { inline } = useControlContext();
-  return /* @__PURE__ */ jsx25("div", { className: getClassName5({ inline, form: !inline }), "data-puck-rte-menu": true, children });
+  return /* @__PURE__ */ jsx22("div", { className: getClassName2({ inline, form: !inline }), "data-puck-rte-menu": true, children });
 };
-var Group2 = ({ children }) => {
-  return /* @__PURE__ */ jsx25("div", { className: getClassName5("group"), children });
+var Group = ({ children }) => {
+  return /* @__PURE__ */ jsx22("div", { className: getClassName2("group"), children });
 };
-RichTextMenu.Group = Group2;
+RichTextMenu.Group = Group;
 RichTextMenu.Control = Control;
 RichTextMenu.AlignCenter = AlignCenter2;
 RichTextMenu.AlignJustify = AlignJustify2;
@@ -663,46 +513,39 @@ var LoadedRichTextMenuInner = ({
     [renderInlineMenu]
   );
   const Menu = useMemo(() => renderMenu || DefaultMenu, [renderMenu]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx22(
     ControlContext.Provider,
     {
       value: { editor, editorState, inline, options: field.options, readOnly },
-      children: inline ? /* @__PURE__ */ jsx25(
+      children: inline ? /* @__PURE__ */ jsx22(
         InlineMenu,
         {
           editor,
           editorState,
           readOnly,
-          children: /* @__PURE__ */ jsxs3(Group2, { children: [
-            /* @__PURE__ */ jsx25(Bold2, {}),
-            /* @__PURE__ */ jsx25(Italic2, {}),
-            /* @__PURE__ */ jsx25(Underline2, {})
+          children: /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx22(Bold2, {}),
+            /* @__PURE__ */ jsx22(Italic2, {}),
+            /* @__PURE__ */ jsx22(Underline2, {})
           ] })
         }
-      ) : /* @__PURE__ */ jsxs3(Menu, { editor, editorState, readOnly, children: [
-        /* @__PURE__ */ jsxs3(Group2, { children: [
-          /* @__PURE__ */ jsx25(HeadingSelect, {}),
-          /* @__PURE__ */ jsx25(ListSelect, {})
+      ) : /* @__PURE__ */ jsxs(Menu, { editor, editorState, readOnly, children: [
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx22(HeadingSelect, {}),
+          /* @__PURE__ */ jsx22(ListSelect, {})
         ] }),
-        /* @__PURE__ */ jsxs3(Group2, { children: [
-          /* @__PURE__ */ jsx25(Bold2, {}),
-          /* @__PURE__ */ jsx25(Italic2, {}),
-          /* @__PURE__ */ jsx25(Underline2, {})
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx22(Bold2, {}),
+          /* @__PURE__ */ jsx22(Italic2, {}),
+          /* @__PURE__ */ jsx22(Underline2, {})
         ] }),
-        /* @__PURE__ */ jsx25(Group2, { children: /* @__PURE__ */ jsx25(AlignSelect, {}) })
+        /* @__PURE__ */ jsx22(Group, { children: /* @__PURE__ */ jsx22(AlignSelect, {}) })
       ] })
     }
   );
 };
 
 export {
-  ActionBar,
-  Action,
-  Group,
-  Label,
-  Separator,
-  Loader,
-  IconButton,
   RichTextMenu,
   LoadedRichTextMenuInner
 };