@puckeditor/core 0.21.0 → 0.21.1-canary.1a6682a3

package/dist/{Editor-L7XD2QW3.mjs → Editor-BUHU4Z6Z.mjs}

@@ -1,23 +1,23 @@
 import {
   PuckRichText
-} from "./chunk-V5I7CVLT.mjs";
+} from "./chunk-7OHM63FC.mjs";
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-ZPR7EC3T.mjs";
+} from "./chunk-RHVK562Z.mjs";
 import "./chunk-AOEDIUVK.mjs";
-import "./chunk-RYILZVCB.mjs";
-import "./chunk-UFXHMVJE.mjs";
-import "./chunk-MNNPATDB.mjs";
-import "./chunk-YBJ32VYI.mjs";
+import "./chunk-5V242HXR.mjs";
+import "./chunk-MSZPUXZP.mjs";
+import "./chunk-KOUWDQ4Q.mjs";
+import "./chunk-SKJTJUWU.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-HLB66X4S.mjs";
-import "./chunk-QIJR53IK.mjs";
-import "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-UMTU6EA7.mjs";
+import "./chunk-37HTE4KO.mjs";
+import "./chunk-MDUBGHWF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-7TZD3NRP.mjs";
+import "./chunk-PMXRXC2B.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{Render-FXZX6NFH.mjs → Render-DWVWZPNA.mjs}

@@ -1,6 +1,6 @@
 import {
   PuckRichText
-} from "./chunk-V5I7CVLT.mjs";
+} from "./chunk-7OHM63FC.mjs";
 import {
   styles_module_default
 } from "./chunk-AOEDIUVK.mjs";

package/dist/{chunk-QIJR53IK.mjs → chunk-37HTE4KO.mjs}

@@ -1,9 +1,10 @@
 import {
+  generateId,
   rootDroppableId,
   setupZone,
   walkAppState,
   walkTree
-} from "./chunk-7TZD3NRP.mjs";
+} from "./chunk-PMXRXC2B.mjs";
 import {
   __spreadProps,
   __spreadValues,
@@ -40,11 +41,6 @@ var insert = (list, index, item) => {
   return result;
 };
 
-// lib/generate-id.ts
-init_react_import();
-import { v4 as uuidv4 } from "uuid";
-var generateId = (type) => type ? `${type}-${uuidv4()}` : uuidv4();
-
 // lib/data/get-ids-for-parent.ts
 init_react_import();
 var getIdsForParent = (zoneCompound, state) => {
@@ -519,7 +515,6 @@ function createReducer({
 
 export {
   insert,
-  generateId,
   populateIds,
   insertAction,
   getItem,

package/dist/{chunk-RYILZVCB.mjs → chunk-5V242HXR.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-UFXHMVJE.mjs";
+} from "./chunk-MSZPUXZP.mjs";
 import {
   useHeadingOptions
-} from "./chunk-MNNPATDB.mjs";
+} from "./chunk-KOUWDQ4Q.mjs";
 import {
   useListOptions
-} from "./chunk-YBJ32VYI.mjs";
+} from "./chunk-SKJTJUWU.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-HLB66X4S.mjs";
+} from "./chunk-UMTU6EA7.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-G2WSQZO7.mjs").then((m) => ({
+  () => import("./loaded-362ACKSQ.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-MYALJBRK.mjs").then((m) => ({
+  () => import("./loaded-DIHUQBWF.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-5AM4V5PV.mjs").then((m) => ({
+  () => import("./loaded-SJJ63OY2.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-V5I7CVLT.mjs → chunk-7OHM63FC.mjs}

@@ -43,7 +43,7 @@ var PuckRichText = Extension.create({
     if (options.blockquote !== false) {
       extensions.push(Blockquote.configure(options.blockquote));
     }
-    if (options.bulletList !== false) {
+    if (options.bulletList !== false && options.listItem !== false) {
       extensions.push(BulletList.configure(options.bulletList));
     }
     if (options.code !== false) {
@@ -76,7 +76,7 @@ var PuckRichText = Extension.create({
     if (options.link !== false) {
       extensions.push(Link.configure(options == null ? void 0 : options.link));
     }
-    if (options.orderedList !== false) {
+    if (options.orderedList !== false && options.listItem !== false) {
       extensions.push(OrderedList.configure(options.orderedList));
     }
     if (options.paragraph !== false) {

package/dist/{chunk-K66K75HC.mjs → chunk-CFPX6GL5.mjs}

@@ -1,7 +1,7 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-ZPR7EC3T.mjs";
+} from "./chunk-RHVK562Z.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -10,13 +10,13 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-WB2EIKOA.mjs";
+} from "./chunk-YECKEQIW.mjs";
 import {
   ActionBar,
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-RYILZVCB.mjs";
+} from "./chunk-5V242HXR.mjs";
 import {
   ChevronDown,
   ChevronRight,
@@ -68,26 +68,26 @@ import {
   useRegisterHistorySlice,
   useRegisterPermissionsSlice,
   useResetAutoZoom
-} from "./chunk-HLB66X4S.mjs";
+} from "./chunk-UMTU6EA7.mjs";
 import {
-  generateId,
   getItem,
   insert,
   insertAction,
   makeStatePublic,
   populateIds
-} from "./chunk-QIJR53IK.mjs";
+} from "./chunk-37HTE4KO.mjs";
 import {
   defaultAppState,
   defaultViewports,
   toComponent
-} from "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-MDUBGHWF.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
   defaultSlots,
   expandNode,
+  generateId,
   mapFields,
   rootAreaId,
   rootDroppableId,
@@ -95,7 +95,7 @@ import {
   setupZone,
   walkAppState,
   walkField
-} from "./chunk-7TZD3NRP.mjs";
+} from "./chunk-PMXRXC2B.mjs";
 import {
   __async,
   __commonJS,
@@ -883,12 +883,20 @@ var ArrayFieldItemInternal = ({
   const canEdit = useAppStore(
     (s) => s.permissions.getPermissions({ item: s.selectedItem }).edit
   );
+  const hasVisibleFields = useMemo2(() => {
+    if (!field.arrayFields) {
+      return false;
+    }
+    return Object.values(field.arrayFields).some(
+      (subField) => subField.type !== "slot" && subField.visible !== false
+    );
+  }, [field.arrayFields]);
   return /* @__PURE__ */ jsx6(Sortable, { id, index: dragIndex, disabled: readOnly, children: ({ isDragging, ref, handleRef }) => /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: getClassNameItem({
-        isExpanded,
+        isExpanded: isExpanded && hasVisibleFields,
         isDragging,
         readOnly
       }),
@@ -898,7 +906,7 @@ var ArrayFieldItemInternal = ({
           {
             ref: handleRef,
             onClick: (e) => {
-              if (isDragging) return;
+              if (isDragging || !hasVisibleFields) return;
               e.preventDefault();
               e.stopPropagation();
               onToggleExpand(id, isExpanded);
@@ -921,7 +929,7 @@ var ArrayFieldItemInternal = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx6("div", { className: getClassNameItem("body"), children: isExpanded && /* @__PURE__ */ jsx6("fieldset", { className: getClassNameItem("fieldset"), children: Object.keys(field.arrayFields).map((subName) => {
+        /* @__PURE__ */ jsx6("div", { className: getClassNameItem("body"), children: isExpanded && hasVisibleFields && /* @__PURE__ */ jsx6("fieldset", { className: getClassNameItem("fieldset"), children: Object.keys(field.arrayFields).map((subName) => {
           const subField = field.arrayFields[subName];
           return /* @__PURE__ */ jsx6(
             SubField,
@@ -1971,7 +1979,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment4, jsx as jsx17 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-L7XD2QW3.mjs").then((m) => ({
+  () => import("./Editor-BUHU4Z6Z.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -3604,12 +3612,12 @@ import {
 } from "react";
 import { jsx as jsx27 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-L7XD2QW3.mjs").then((m) => ({
+  () => import("./Editor-BUHU4Z6Z.mjs").then((m) => ({
     default: m.Editor
   }))
 );
 var RichTextRender = lazy2(
-  () => import("./Render-FXZX6NFH.mjs").then((m) => ({
+  () => import("./Render-DWVWZPNA.mjs").then((m) => ({
     default: m.RichTextRender
   }))
 );
@@ -7715,10 +7723,11 @@ var Layout = ({ children }) => {
   const pluginItems = useMemo23(() => {
     const details = {};
     const defaultPlugins = [blocksPlugin(), outlinePlugin()];
+    const isLegacy = (plugin) => plugin.name === "legacy-side-bar" ? -1 : 0;
     const combinedPlugins = [
       ...defaultPlugins,
       ...plugins != null ? plugins : []
-    ].sort((a) => a.name === "legacy-side-bar" ? -1 : 1);
+    ].sort((a, b) => isLegacy(a) - isLegacy(b));
     if (!(plugins == null ? void 0 : plugins.some((p) => p.name === "fields"))) {
       combinedPlugins.push(fieldsPlugin());
     }

package/dist/{chunk-MNNPATDB.mjs → chunk-KOUWDQ4Q.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-HLB66X4S.mjs";
+} from "./chunk-UMTU6EA7.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-AHX7X7NZ.mjs → chunk-MDUBGHWF.mjs}

@@ -1,6 +1,6 @@
 import {
   mapFields
-} from "./chunk-7TZD3NRP.mjs";
+} from "./chunk-PMXRXC2B.mjs";
 import {
   __async,
   __spreadProps,

package/dist/{chunk-UFXHMVJE.mjs → chunk-MSZPUXZP.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-HLB66X4S.mjs";
+} from "./chunk-UMTU6EA7.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-7TZD3NRP.mjs → chunk-PMXRXC2B.mjs}

@@ -422,6 +422,11 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
   });
 }
 
+// lib/generate-id.ts
+init_react_import();
+import { v4 as uuidv4 } from "uuid";
+var generateId = (type) => type ? `${type}-${uuidv4()}` : uuidv4();
+
 // lib/data/setup-zone.ts
 init_react_import();
 var setupZone = (data, zoneKey) => {
@@ -445,6 +450,7 @@ export {
   mapFields,
   expandNode,
   walkAppState,
+  generateId,
   walkTree,
   setupZone
 };

package/dist/{chunk-ZPR7EC3T.mjs → chunk-RHVK562Z.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-AOEDIUVK.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-RYILZVCB.mjs";
+} from "./chunk-5V242HXR.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-HLB66X4S.mjs";
+} from "./chunk-UMTU6EA7.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -50,6 +50,9 @@ var EditorInner = memo(
           event.preventDefault();
           (_b = editor == null ? void 0 : (_a = editor.commands).toggleItalic) == null ? void 0 : _b.call(_a);
         }
+        if (event.key.toLowerCase() === "backspace") {
+          event.stopPropagation();
+        }
       },
       [editor]
     );
@@ -97,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-4UGAOTTB.mjs").then((m) => ({
+  () => import("./full-KLPRWVS4.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{chunk-YBJ32VYI.mjs → chunk-SKJTJUWU.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-HLB66X4S.mjs";
+} from "./chunk-UMTU6EA7.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-HLB66X4S.mjs → chunk-UMTU6EA7.mjs}

@@ -1,21 +1,21 @@
 import {
   createReducer,
-  generateId,
   getItem,
   makeStatePublic
-} from "./chunk-QIJR53IK.mjs";
+} from "./chunk-37HTE4KO.mjs";
 import {
   defaultAppState,
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-MDUBGHWF.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
+  generateId,
   walkAppState
-} from "./chunk-7TZD3NRP.mjs";
+} from "./chunk-PMXRXC2B.mjs";
 import {
   __async,
   __objRest,
@@ -1593,6 +1593,7 @@ var Select = ({
 }) => {
   const [open, setOpen] = useState(false);
   const hasOptions = options.length > 0;
+  const isDisabled = disabled || !hasOptions;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -1601,7 +1602,7 @@ var Select = ({
         hasOptions,
         actionBar: mode === "actionBar",
         standalone: mode === "standalone",
-        disabled
+        disabled: isDisabled
       }),
       children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
         hasOptions ? /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: getClassName("button"), children: [

package/dist/{chunk-WB2EIKOA.mjs → chunk-YECKEQIW.mjs}

@@ -5,16 +5,17 @@ import {
   defaultAppState,
   resolveComponentData,
   toComponent
-} from "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-MDUBGHWF.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
+  generateId,
   getZoneId,
   mapFields,
   walkAppState,
   walkTree
-} from "./chunk-7TZD3NRP.mjs";
+} from "./chunk-PMXRXC2B.mjs";
 import {
   __async,
   __objRest,
@@ -354,15 +355,43 @@ function RichTextRenderFallback({ content }) {
   ) });
 }
 
+// components/RichTextEditor/lib/mapDeep.ts
+init_react_import();
+var mapDeep = (source, path, render) => {
+  if (!source) {
+    return null;
+  }
+  if (path.length === 0) {
+    return render(source);
+  }
+  const [key, ...rest] = path;
+  if (Array.isArray(source)) {
+    return source.map((item) => mapDeep(item, path, render));
+  }
+  return __spreadProps(__spreadValues({}, source), {
+    [key]: mapDeep(source[key], rest, render)
+  });
+};
+
 // components/RichTextEditor/lib/use-richtext-props.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 function useRichtextProps(fields, props) {
-  const findAllRichtextKeys = (fields2) => {
+  const findAllRichtextKeys = (fields2, path = []) => {
     if (!fields2) return [];
     const result = [];
     for (const [key, field] of Object.entries(fields2)) {
+      const currentPath = [...path, key];
       if (field.type === "richtext") {
-        result.push(key);
+        result.push({
+          path: currentPath,
+          field
+        });
+      }
+      if (field.type === "array" && "arrayFields" in field) {
+        result.push(...findAllRichtextKeys(field.arrayFields, currentPath));
+      }
+      if (field.type === "object" && "objectFields" in field) {
+        result.push(...findAllRichtextKeys(field.objectFields, currentPath));
       }
     }
     return result;
@@ -371,20 +400,22 @@ function useRichtextProps(fields, props) {
   const richtextProps = useMemo2(() => {
     if (!(richtextKeys == null ? void 0 : richtextKeys.length)) return {};
     const RichTextRender = lazy(
-      () => import("./Render-FXZX6NFH.mjs").then((m) => ({
+      () => import("./Render-DWVWZPNA.mjs").then((m) => ({
         default: m.RichTextRender
       }))
     );
-    return richtextKeys.reduce((acc, key) => {
-      acc[key] = /* @__PURE__ */ jsx2(Suspense, { fallback: /* @__PURE__ */ jsx2(RichTextRenderFallback, { content: props[key] }), children: /* @__PURE__ */ jsx2(
-        RichTextRender,
+    let result = __spreadValues({}, props);
+    for (const { path, field } of richtextKeys) {
+      result = mapDeep(result, path, (content) => /* @__PURE__ */ jsx2(
+        Suspense,
         {
-          content: props[key],
-          field: fields[key]
-        }
-      ) });
-      return acc;
-    }, {});
+          fallback: /* @__PURE__ */ jsx2(RichTextRenderFallback, { content }),
+          children: /* @__PURE__ */ jsx2(RichTextRender, { content, field })
+        },
+        generateId()
+      ));
+    }
+    return result;
   }, [richtextKeys, props, fields]);
   return richtextProps;
 }

package/dist/{full-4UGAOTTB.mjs → full-KLPRWVS4.mjs}

@@ -1,14 +1,14 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-RYILZVCB.mjs";
-import "./chunk-UFXHMVJE.mjs";
-import "./chunk-MNNPATDB.mjs";
-import "./chunk-YBJ32VYI.mjs";
-import "./chunk-HLB66X4S.mjs";
-import "./chunk-QIJR53IK.mjs";
-import "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-5V242HXR.mjs";
+import "./chunk-MSZPUXZP.mjs";
+import "./chunk-KOUWDQ4Q.mjs";
+import "./chunk-SKJTJUWU.mjs";
+import "./chunk-UMTU6EA7.mjs";
+import "./chunk-37HTE4KO.mjs";
+import "./chunk-MDUBGHWF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-7TZD3NRP.mjs";
+import "./chunk-PMXRXC2B.mjs";
 import {
   __spreadValues,
   init_react_import

package/dist/index.js

@@ -4081,6 +4081,7 @@ var init_Select = __esm({
     }) => {
       const [open, setOpen] = (0, import_react24.useState)(false);
       const hasOptions = options.length > 0;
+      const isDisabled = disabled || !hasOptions;
       return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "div",
         {
@@ -4089,7 +4090,7 @@ var init_Select = __esm({
             hasOptions,
             actionBar: mode === "actionBar",
             standalone: mode === "standalone",
-            disabled
+            disabled: isDisabled
           }),
           children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_popover.Popover, { open, onOpenChange: setOpen, children: [
             hasOptions ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { className: getClassName15("button"), children: [
@@ -5060,6 +5061,9 @@ var init_EditorInner = __esm({
               event.preventDefault();
               (_b = editor == null ? void 0 : (_a = editor.commands).toggleItalic) == null ? void 0 : _b.call(_a);
             }
+            if (event.key.toLowerCase() === "backspace") {
+              event.stopPropagation();
+            }
           },
           [editor]
         );
@@ -5246,7 +5250,7 @@ var init_extension = __esm({
         if (options.blockquote !== false) {
           extensions.push(import_extension_blockquote.Blockquote.configure(options.blockquote));
         }
-        if (options.bulletList !== false) {
+        if (options.bulletList !== false && options.listItem !== false) {
           extensions.push(import_extension_list.BulletList.configure(options.bulletList));
         }
         if (options.code !== false) {
@@ -5279,7 +5283,7 @@ var init_extension = __esm({
         if (options.link !== false) {
           extensions.push(import_extension_link.Link.configure(options == null ? void 0 : options.link));
         }
-        if (options.orderedList !== false) {
+        if (options.orderedList !== false && options.listItem !== false) {
           extensions.push(import_extension_list.OrderedList.configure(options.orderedList));
         }
         if (options.paragraph !== false) {
@@ -6374,12 +6378,20 @@ var ArrayFieldItemInternal = ({
   const canEdit = useAppStore(
     (s) => s.permissions.getPermissions({ item: s.selectedItem }).edit
   );
+  const hasVisibleFields = (0, import_react17.useMemo)(() => {
+    if (!field.arrayFields) {
+      return false;
+    }
+    return Object.values(field.arrayFields).some(
+      (subField) => subField.type !== "slot" && subField.visible !== false
+    );
+  }, [field.arrayFields]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Sortable, { id, index: dragIndex, disabled: readOnly, children: ({ isDragging, ref, handleRef }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       ref,
       className: getClassNameItem({
-        isExpanded,
+        isExpanded: isExpanded && hasVisibleFields,
         isDragging,
         readOnly
       }),
@@ -6389,7 +6401,7 @@ var ArrayFieldItemInternal = ({
           {
             ref: handleRef,
             onClick: (e) => {
-              if (isDragging) return;
+              if (isDragging || !hasVisibleFields) return;
               e.preventDefault();
               e.stopPropagation();
               onToggleExpand(id, isExpanded);
@@ -6412,7 +6424,7 @@ var ArrayFieldItemInternal = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: getClassNameItem("body"), children: isExpanded && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("fieldset", { className: getClassNameItem("fieldset"), children: Object.keys(field.arrayFields).map((subName) => {
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: getClassNameItem("body"), children: isExpanded && hasVisibleFields && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("fieldset", { className: getClassNameItem("fieldset"), children: Object.keys(field.arrayFields).map((subName) => {
           const subField = field.arrayFields[subName];
           return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             SubField,
@@ -8843,15 +8855,46 @@ function RichTextRenderFallback({ content }) {
   ) });
 }
 
+// components/RichTextEditor/lib/use-richtext-props.tsx
+init_generate_id();
+
+// components/RichTextEditor/lib/mapDeep.ts
+init_react_import();
+var mapDeep = (source, path, render) => {
+  if (!source) {
+    return null;
+  }
+  if (path.length === 0) {
+    return render(source);
+  }
+  const [key, ...rest] = path;
+  if (Array.isArray(source)) {
+    return source.map((item) => mapDeep(item, path, render));
+  }
+  return __spreadProps(__spreadValues({}, source), {
+    [key]: mapDeep(source[key], rest, render)
+  });
+};
+
 // components/RichTextEditor/lib/use-richtext-props.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function useRichtextProps(fields, props) {
-  const findAllRichtextKeys = (fields2) => {
+  const findAllRichtextKeys = (fields2, path = []) => {
     if (!fields2) return [];
     const result = [];
     for (const [key, field] of Object.entries(fields2)) {
+      const currentPath = [...path, key];
       if (field.type === "richtext") {
-        result.push(key);
+        result.push({
+          path: currentPath,
+          field
+        });
+      }
+      if (field.type === "array" && "arrayFields" in field) {
+        result.push(...findAllRichtextKeys(field.arrayFields, currentPath));
+      }
+      if (field.type === "object" && "objectFields" in field) {
+        result.push(...findAllRichtextKeys(field.objectFields, currentPath));
       }
     }
     return result;
@@ -8864,16 +8907,18 @@ function useRichtextProps(fields, props) {
         default: m.RichTextRender
       }))
     );
-    return richtextKeys.reduce((acc, key) => {
-      acc[key] = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react59.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RichTextRenderFallback, { content: props[key] }), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-        RichTextRender3,
+    let result = __spreadValues({}, props);
+    for (const { path, field } of richtextKeys) {
+      result = mapDeep(result, path, (content) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        import_react59.Suspense,
         {
-          content: props[key],
-          field: fields[key]
-        }
-      ) });
-      return acc;
-    }, {});
+          fallback: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RichTextRenderFallback, { content }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RichTextRender3, { content, field })
+        },
+        generateId()
+      ));
+    }
+    return result;
   }, [richtextKeys, props, fields]);
   return richtextProps;
 }
@@ -13491,10 +13536,11 @@ var Layout = ({ children }) => {
   const pluginItems = (0, import_react92.useMemo)(() => {
     const details = {};
     const defaultPlugins = [blocksPlugin(), outlinePlugin()];
+    const isLegacy = (plugin) => plugin.name === "legacy-side-bar" ? -1 : 0;
     const combinedPlugins = [
       ...defaultPlugins,
       ...plugins != null ? plugins : []
-    ].sort((a) => a.name === "legacy-side-bar" ? -1 : 1);
+    ].sort((a, b) => isLegacy(a) - isLegacy(b));
     if (!(plugins == null ? void 0 : plugins.some((p) => p.name === "fields"))) {
       combinedPlugins.push(fieldsPlugin());
     }

package/dist/index.mjs

@@ -17,13 +17,13 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-K66K75HC.mjs";
-import "./chunk-ZPR7EC3T.mjs";
+} from "./chunk-CFPX6GL5.mjs";
+import "./chunk-RHVK562Z.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-WB2EIKOA.mjs";
+} from "./chunk-YECKEQIW.mjs";
 import "./chunk-AOEDIUVK.mjs";
 import {
   Action,
@@ -33,17 +33,17 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-RYILZVCB.mjs";
-import "./chunk-UFXHMVJE.mjs";
-import "./chunk-MNNPATDB.mjs";
-import "./chunk-YBJ32VYI.mjs";
-import "./chunk-HLB66X4S.mjs";
-import "./chunk-QIJR53IK.mjs";
-import "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-5V242HXR.mjs";
+import "./chunk-MSZPUXZP.mjs";
+import "./chunk-KOUWDQ4Q.mjs";
+import "./chunk-SKJTJUWU.mjs";
+import "./chunk-UMTU6EA7.mjs";
+import "./chunk-37HTE4KO.mjs";
+import "./chunk-MDUBGHWF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-7TZD3NRP.mjs";
+} from "./chunk-PMXRXC2B.mjs";
 import "./chunk-M6W7YEVX.mjs";
 export {
   Action,

package/dist/internal.mjs

@@ -1,7 +1,7 @@
 import {
   createReducer
-} from "./chunk-QIJR53IK.mjs";
-import "./chunk-7TZD3NRP.mjs";
+} from "./chunk-37HTE4KO.mjs";
+import "./chunk-PMXRXC2B.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-G2WSQZO7.mjs → loaded-362ACKSQ.mjs}

@@ -1,15 +1,15 @@
 import {
   useAlignOptions
-} from "./chunk-UFXHMVJE.mjs";
+} from "./chunk-MSZPUXZP.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-HLB66X4S.mjs";
-import "./chunk-QIJR53IK.mjs";
-import "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-UMTU6EA7.mjs";
+import "./chunk-37HTE4KO.mjs";
+import "./chunk-MDUBGHWF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-7TZD3NRP.mjs";
+import "./chunk-PMXRXC2B.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-MYALJBRK.mjs → loaded-DIHUQBWF.mjs}

@@ -1,15 +1,15 @@
 import {
   useHeadingOptions
-} from "./chunk-MNNPATDB.mjs";
+} from "./chunk-KOUWDQ4Q.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-HLB66X4S.mjs";
-import "./chunk-QIJR53IK.mjs";
-import "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-UMTU6EA7.mjs";
+import "./chunk-37HTE4KO.mjs";
+import "./chunk-MDUBGHWF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-7TZD3NRP.mjs";
+import "./chunk-PMXRXC2B.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-5AM4V5PV.mjs → loaded-SJJ63OY2.mjs}

@@ -1,15 +1,15 @@
 import {
   useListOptions
-} from "./chunk-YBJ32VYI.mjs";
+} from "./chunk-SKJTJUWU.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-HLB66X4S.mjs";
-import "./chunk-QIJR53IK.mjs";
-import "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-UMTU6EA7.mjs";
+import "./chunk-37HTE4KO.mjs";
+import "./chunk-MDUBGHWF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-7TZD3NRP.mjs";
+import "./chunk-PMXRXC2B.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/no-external.js

@@ -4081,6 +4081,7 @@ var init_Select = __esm({
     }) => {
       const [open, setOpen] = (0, import_react24.useState)(false);
       const hasOptions = options.length > 0;
+      const isDisabled = disabled || !hasOptions;
       return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "div",
         {
@@ -4089,7 +4090,7 @@ var init_Select = __esm({
             hasOptions,
             actionBar: mode === "actionBar",
             standalone: mode === "standalone",
-            disabled
+            disabled: isDisabled
           }),
           children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_popover.Popover, { open, onOpenChange: setOpen, children: [
             hasOptions ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { className: getClassName15("button"), children: [
@@ -5060,6 +5061,9 @@ var init_EditorInner = __esm({
               event.preventDefault();
               (_b = editor == null ? void 0 : (_a = editor.commands).toggleItalic) == null ? void 0 : _b.call(_a);
             }
+            if (event.key.toLowerCase() === "backspace") {
+              event.stopPropagation();
+            }
           },
           [editor]
         );
@@ -5246,7 +5250,7 @@ var init_extension = __esm({
         if (options.blockquote !== false) {
           extensions.push(import_extension_blockquote.Blockquote.configure(options.blockquote));
         }
-        if (options.bulletList !== false) {
+        if (options.bulletList !== false && options.listItem !== false) {
           extensions.push(import_extension_list.BulletList.configure(options.bulletList));
         }
         if (options.code !== false) {
@@ -5279,7 +5283,7 @@ var init_extension = __esm({
         if (options.link !== false) {
           extensions.push(import_extension_link.Link.configure(options == null ? void 0 : options.link));
         }
-        if (options.orderedList !== false) {
+        if (options.orderedList !== false && options.listItem !== false) {
           extensions.push(import_extension_list.OrderedList.configure(options.orderedList));
         }
         if (options.paragraph !== false) {
@@ -6377,12 +6381,20 @@ var ArrayFieldItemInternal = ({
   const canEdit = useAppStore(
     (s) => s.permissions.getPermissions({ item: s.selectedItem }).edit
   );
+  const hasVisibleFields = (0, import_react17.useMemo)(() => {
+    if (!field.arrayFields) {
+      return false;
+    }
+    return Object.values(field.arrayFields).some(
+      (subField) => subField.type !== "slot" && subField.visible !== false
+    );
+  }, [field.arrayFields]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Sortable, { id, index: dragIndex, disabled: readOnly, children: ({ isDragging, ref, handleRef }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       ref,
       className: getClassNameItem({
-        isExpanded,
+        isExpanded: isExpanded && hasVisibleFields,
         isDragging,
         readOnly
       }),
@@ -6392,7 +6404,7 @@ var ArrayFieldItemInternal = ({
           {
             ref: handleRef,
             onClick: (e) => {
-              if (isDragging) return;
+              if (isDragging || !hasVisibleFields) return;
               e.preventDefault();
               e.stopPropagation();
               onToggleExpand(id, isExpanded);
@@ -6415,7 +6427,7 @@ var ArrayFieldItemInternal = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: getClassNameItem("body"), children: isExpanded && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("fieldset", { className: getClassNameItem("fieldset"), children: Object.keys(field.arrayFields).map((subName) => {
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: getClassNameItem("body"), children: isExpanded && hasVisibleFields && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("fieldset", { className: getClassNameItem("fieldset"), children: Object.keys(field.arrayFields).map((subName) => {
           const subField = field.arrayFields[subName];
           return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             SubField,
@@ -8846,15 +8858,46 @@ function RichTextRenderFallback({ content }) {
   ) });
 }
 
+// components/RichTextEditor/lib/use-richtext-props.tsx
+init_generate_id();
+
+// components/RichTextEditor/lib/mapDeep.ts
+init_react_import();
+var mapDeep = (source, path, render) => {
+  if (!source) {
+    return null;
+  }
+  if (path.length === 0) {
+    return render(source);
+  }
+  const [key, ...rest] = path;
+  if (Array.isArray(source)) {
+    return source.map((item) => mapDeep(item, path, render));
+  }
+  return __spreadProps(__spreadValues({}, source), {
+    [key]: mapDeep(source[key], rest, render)
+  });
+};
+
 // components/RichTextEditor/lib/use-richtext-props.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function useRichtextProps(fields, props) {
-  const findAllRichtextKeys = (fields2) => {
+  const findAllRichtextKeys = (fields2, path = []) => {
     if (!fields2) return [];
     const result = [];
     for (const [key, field] of Object.entries(fields2)) {
+      const currentPath = [...path, key];
       if (field.type === "richtext") {
-        result.push(key);
+        result.push({
+          path: currentPath,
+          field
+        });
+      }
+      if (field.type === "array" && "arrayFields" in field) {
+        result.push(...findAllRichtextKeys(field.arrayFields, currentPath));
+      }
+      if (field.type === "object" && "objectFields" in field) {
+        result.push(...findAllRichtextKeys(field.objectFields, currentPath));
       }
     }
     return result;
@@ -8867,16 +8910,18 @@ function useRichtextProps(fields, props) {
         default: m.RichTextRender
       }))
     );
-    return richtextKeys.reduce((acc, key) => {
-      acc[key] = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react59.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RichTextRenderFallback, { content: props[key] }), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-        RichTextRender3,
+    let result = __spreadValues({}, props);
+    for (const { path, field } of richtextKeys) {
+      result = mapDeep(result, path, (content) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        import_react59.Suspense,
         {
-          content: props[key],
-          field: fields[key]
-        }
-      ) });
-      return acc;
-    }, {});
+          fallback: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RichTextRenderFallback, { content }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RichTextRender3, { content, field })
+        },
+        generateId()
+      ));
+    }
+    return result;
   }, [richtextKeys, props, fields]);
   return richtextProps;
 }
@@ -13494,10 +13539,11 @@ var Layout = ({ children }) => {
   const pluginItems = (0, import_react92.useMemo)(() => {
     const details = {};
     const defaultPlugins = [blocksPlugin(), outlinePlugin()];
+    const isLegacy = (plugin) => plugin.name === "legacy-side-bar" ? -1 : 0;
     const combinedPlugins = [
       ...defaultPlugins,
       ...plugins != null ? plugins : []
-    ].sort((a) => a.name === "legacy-side-bar" ? -1 : 1);
+    ].sort((a, b) => isLegacy(a) - isLegacy(b));
     if (!(plugins == null ? void 0 : plugins.some((p) => p.name === "fields"))) {
       combinedPlugins.push(fieldsPlugin());
     }

package/dist/no-external.mjs

@@ -17,13 +17,13 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-K66K75HC.mjs";
-import "./chunk-ZPR7EC3T.mjs";
+} from "./chunk-CFPX6GL5.mjs";
+import "./chunk-RHVK562Z.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-WB2EIKOA.mjs";
+} from "./chunk-YECKEQIW.mjs";
 import "./chunk-AOEDIUVK.mjs";
 import {
   Action,
@@ -33,17 +33,17 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-RYILZVCB.mjs";
-import "./chunk-UFXHMVJE.mjs";
-import "./chunk-MNNPATDB.mjs";
-import "./chunk-YBJ32VYI.mjs";
-import "./chunk-HLB66X4S.mjs";
-import "./chunk-QIJR53IK.mjs";
-import "./chunk-AHX7X7NZ.mjs";
+} from "./chunk-5V242HXR.mjs";
+import "./chunk-MSZPUXZP.mjs";
+import "./chunk-KOUWDQ4Q.mjs";
+import "./chunk-SKJTJUWU.mjs";
+import "./chunk-UMTU6EA7.mjs";
+import "./chunk-37HTE4KO.mjs";
+import "./chunk-MDUBGHWF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-7TZD3NRP.mjs";
+} from "./chunk-PMXRXC2B.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/rsc.js

@@ -242,7 +242,7 @@ var init_extension = __esm({
         if (options.blockquote !== false) {
           extensions.push(import_extension_blockquote.Blockquote.configure(options.blockquote));
         }
-        if (options.bulletList !== false) {
+        if (options.bulletList !== false && options.listItem !== false) {
           extensions.push(import_extension_list.BulletList.configure(options.bulletList));
         }
         if (options.code !== false) {
@@ -275,7 +275,7 @@ var init_extension = __esm({
         if (options.link !== false) {
           extensions.push(import_extension_link.Link.configure(options == null ? void 0 : options.link));
         }
-        if (options.orderedList !== false) {
+        if (options.orderedList !== false && options.listItem !== false) {
           extensions.push(import_extension_list.OrderedList.configure(options.orderedList));
         }
         if (options.paragraph !== false) {
@@ -643,15 +643,48 @@ function RichTextRenderFallback({ content }) {
   ) });
 }
 
+// lib/generate-id.ts
+init_react_import();
+var import_uuid = require("uuid");
+var generateId = (type) => type ? `${type}-${(0, import_uuid.v4)()}` : (0, import_uuid.v4)();
+
+// components/RichTextEditor/lib/mapDeep.ts
+init_react_import();
+var mapDeep = (source, path, render) => {
+  if (!source) {
+    return null;
+  }
+  if (path.length === 0) {
+    return render(source);
+  }
+  const [key, ...rest] = path;
+  if (Array.isArray(source)) {
+    return source.map((item) => mapDeep(item, path, render));
+  }
+  return __spreadProps(__spreadValues({}, source), {
+    [key]: mapDeep(source[key], rest, render)
+  });
+};
+
 // components/RichTextEditor/lib/use-richtext-props.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function useRichtextProps(fields, props) {
-  const findAllRichtextKeys = (fields2) => {
+  const findAllRichtextKeys = (fields2, path = []) => {
     if (!fields2) return [];
     const result = [];
     for (const [key, field] of Object.entries(fields2)) {
+      const currentPath = [...path, key];
       if (field.type === "richtext") {
-        result.push(key);
+        result.push({
+          path: currentPath,
+          field
+        });
+      }
+      if (field.type === "array" && "arrayFields" in field) {
+        result.push(...findAllRichtextKeys(field.arrayFields, currentPath));
+      }
+      if (field.type === "object" && "objectFields" in field) {
+        result.push(...findAllRichtextKeys(field.objectFields, currentPath));
       }
     }
     return result;
@@ -664,16 +697,18 @@ function useRichtextProps(fields, props) {
         default: m.RichTextRender
       }))
     );
-    return richtextKeys.reduce((acc, key) => {
-      acc[key] = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RichTextRenderFallback, { content: props[key] }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        RichTextRender2,
+    let result = __spreadValues({}, props);
+    for (const { path, field } of richtextKeys) {
+      result = mapDeep(result, path, (content) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react4.Suspense,
         {
-          content: props[key],
-          field: fields[key]
-        }
-      ) });
-      return acc;
-    }, {});
+          fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RichTextRenderFallback, { content }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RichTextRender2, { content, field })
+        },
+        generateId()
+      ));
+    }
+    return result;
   }, [richtextKeys, props, fields]);
   return richtextProps;
 }

package/dist/rsc.mjs

@@ -5,9 +5,9 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-WB2EIKOA.mjs";
+} from "./chunk-YECKEQIW.mjs";
 import "./chunk-AOEDIUVK.mjs";
-import "./chunk-AHX7X7NZ.mjs";
+import "./chunk-MDUBGHWF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   rootAreaId,
@@ -15,7 +15,7 @@ import {
   rootZone,
   setupZone,
   walkTree
-} from "./chunk-7TZD3NRP.mjs";
+} from "./chunk-PMXRXC2B.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/core",
-  "version": "0.21.0",
+  "version": "0.21.1-canary.1a6682a3",
   "description": "The open-source visual editor for React",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",