@ixo/editor 1.19.0 → 1.20.0

package/dist/{chunk-FDLWSUB5.mjs → chunk-O477KPVK.mjs}

@@ -1,5 +1,53 @@
+// src/mantine/hooks/usePanel.ts
+import { useCallback, useMemo, useEffect, useRef } from "react";
+import { create } from "zustand";
+var usePanelStore = create((set) => ({
+  activePanel: null,
+  registeredPanels: /* @__PURE__ */ new Map(),
+  setActivePanel: (panelId) => set({ activePanel: panelId }),
+  closePanel: () => set({ activePanel: null }),
+  registerPanel: (id, content) => set((state) => {
+    const newPanels = new Map(state.registeredPanels);
+    newPanels.set(id, content);
+    return { registeredPanels: newPanels };
+  }),
+  unregisterPanel: (id) => set((state) => {
+    const newPanels = new Map(state.registeredPanels);
+    newPanels.delete(id);
+    return { registeredPanels: newPanels };
+  })
+}));
+var usePanel = (panelId, content) => {
+  const activePanel = usePanelStore((state) => state.activePanel);
+  const setActivePanel = usePanelStore((state) => state.setActivePanel);
+  const closePanel = usePanelStore((state) => state.closePanel);
+  const isOpen = useMemo(() => activePanel === panelId, [activePanel, panelId]);
+  const contentRef = useRef(content);
+  useEffect(() => {
+    contentRef.current = content;
+  });
+  useEffect(() => {
+    const { registerPanel, unregisterPanel } = usePanelStore.getState();
+    registerPanel(panelId, contentRef.current);
+    return () => {
+      unregisterPanel(panelId);
+    };
+  }, [panelId]);
+  useEffect(() => {
+    const { registerPanel } = usePanelStore.getState();
+    registerPanel(panelId, content);
+  }, [content, panelId]);
+  const open = useCallback(() => {
+    setActivePanel(panelId);
+  }, [panelId, setActivePanel]);
+  const close = useCallback(() => {
+    closePanel();
+  }, [closePanel]);
+  return { opened: isOpen, open, close };
+};
+
 // src/mantine/context/BlocknoteContext.tsx
-import React, { createContext, useContext, useState, useCallback, useRef, useEffect } from "react";
+import React, { createContext, useContext, useState, useCallback as useCallback2, useRef as useRef2, useEffect as useEffect2 } from "react";
 var BlocknoteContext = createContext({
   docType: "flow",
   sharedProposals: {},
@@ -21,16 +69,16 @@ var BlocknoteContext = createContext({
 });
 var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editable }) => {
   const [sharedProposals, setSharedProposals] = useState({});
-  const sharedProposalsRef = useRef({});
+  const sharedProposalsRef = useRef2({});
   const [activeDrawerId, setActiveDrawerId] = useState(null);
   const [drawerContent, setDrawerContent] = useState(null);
   const initialDocType = editor?.getDocType?.() || "flow";
   console.log("[BlocknoteContext] Initial docType from editor:", initialDocType);
   const [docType, setDocType] = useState(initialDocType);
-  useEffect(() => {
+  useEffect2(() => {
     console.log("[BlocknoteContext] docType state updated to:", docType);
   }, [docType]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!editor?._yRoot) {
       console.log("[BlocknoteContext] No editor._yRoot, skipping observer setup");
       return;
@@ -64,10 +112,10 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
       editor._yRoot?.unobserve(observer);
     };
   }, [editor, docType]);
-  useEffect(() => {
+  useEffect2(() => {
     sharedProposalsRef.current = sharedProposals;
   }, [sharedProposals]);
-  const fetchSharedProposal = useCallback(
+  const fetchSharedProposal = useCallback2(
     async (proposalId, contractAddress, force = false) => {
       const cacheKey = `${contractAddress}:${proposalId}`;
       const cached = sharedProposalsRef.current[cacheKey];
@@ -106,7 +154,7 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
     },
     [handlers]
   );
-  const invalidateProposal = useCallback((proposalId) => {
+  const invalidateProposal = useCallback2((proposalId) => {
     setSharedProposals((prev) => {
       const updated = { ...prev };
       Object.keys(updated).forEach((key) => {
@@ -121,17 +169,17 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
       return updated;
     });
   }, []);
-  const subscribeToProposal = useCallback(
+  const subscribeToProposal = useCallback2(
     (cacheKey) => {
       return sharedProposals[cacheKey]?.proposal;
     },
     [sharedProposals]
   );
-  const openDrawer = useCallback((id, content) => {
+  const openDrawer = useCallback2((id, content) => {
     setActiveDrawerId(id);
     setDrawerContent(content);
   }, []);
-  const closeDrawer = useCallback(() => {
+  const closeDrawer = useCallback2(() => {
     setActiveDrawerId(null);
     setDrawerContent(null);
   }, []);
@@ -191,7 +239,7 @@ import React6 from "react";
 import { Tabs } from "@mantine/core";
 
 // src/mantine/components/ConditionsTab.tsx
-import React5, { useCallback as useCallback5 } from "react";
+import React5, { useCallback as useCallback6 } from "react";
 import { Stack as Stack4, SegmentedControl as SegmentedControl2, Button as Button3, Text as Text2, Alert as Alert2 } from "@mantine/core";
 
 // src/mantine/blocks/utils/conditionUtils.ts
@@ -268,11 +316,11 @@ function hasEnableConditions(conditionConfig) {
 }
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionBuilderTab.tsx
-import React4, { useCallback as useCallback4 } from "react";
+import React4, { useCallback as useCallback5 } from "react";
 import { Stack as Stack3, SegmentedControl, Button as Button2, Text, Alert } from "@mantine/core";
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
-import React3, { useCallback as useCallback3, useMemo } from "react";
+import React3, { useCallback as useCallback4, useMemo as useMemo2 } from "react";
 import { Card, Stack as Stack2, TextInput as TextInput2, Select as Select2, Group, Button } from "@mantine/core";
 
 // src/mantine/blocks/apiRequest/types.ts
@@ -524,28 +572,28 @@ function getPropertyByName(blockType, propertyName) {
 }
 
 // src/mantine/blocks/components/ConditionBuilder/PropertyValueInput.tsx
-import React2, { useCallback as useCallback2 } from "react";
+import React2, { useCallback as useCallback3 } from "react";
 import { TextInput, NumberInput, Switch, Select, Stack } from "@mantine/core";
 function PropertyValueInput({ property, value, onChange, disabled = false }) {
-  const handleStringChange = useCallback2(
+  const handleStringChange = useCallback3(
     (event) => {
       onChange(event.currentTarget.value);
     },
     [onChange]
   );
-  const handleNumberChange = useCallback2(
+  const handleNumberChange = useCallback3(
     (val) => {
       onChange(typeof val === "number" ? val : parseFloat(val) || 0);
     },
     [onChange]
   );
-  const handleBooleanChange = useCallback2(
+  const handleBooleanChange = useCallback3(
     (event) => {
       onChange(event.currentTarget.checked);
     },
     [onChange]
   );
-  const handleSelectChange = useCallback2(
+  const handleSelectChange = useCallback3(
     (val) => {
       if (val === null) return;
       if (val === "true") onChange(true);
@@ -580,15 +628,15 @@ function PropertyValueInput({ property, value, onChange, disabled = false }) {
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
 function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
-  const availableProperties = useMemo(() => {
+  const availableProperties = useMemo2(() => {
     if (!condition.sourceBlockType) return [];
     return getConditionableProperties(condition.sourceBlockType);
   }, [condition.sourceBlockType]);
-  const selectedProperty = useMemo(() => {
+  const selectedProperty = useMemo2(() => {
     if (!condition.sourceBlockType || !condition.rule.property) return null;
     return getPropertyByName(condition.sourceBlockType, condition.rule.property);
   }, [condition.sourceBlockType, condition.rule.property]);
-  const availableOperators = useMemo(() => {
+  const availableOperators = useMemo2(() => {
     if (!selectedProperty) return [];
     const baseOperators = [
       { value: "equals", label: "equals" },
@@ -607,13 +655,13 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     }
     return baseOperators;
   }, [selectedProperty]);
-  const handleNameChange = useCallback3(
+  const handleNameChange = useCallback4(
     (name) => {
       onUpdate({ ...condition, name });
     },
     [condition, onUpdate]
   );
-  const handleSourceBlockChange = useCallback3(
+  const handleSourceBlockChange = useCallback4(
     (value) => {
       if (!value) {
         const updatedCondition2 = {
@@ -636,7 +684,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handlePropertyChange = useCallback3(
+  const handlePropertyChange = useCallback4(
     (property) => {
       if (!property) return;
       onUpdate({
@@ -651,7 +699,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handleOperatorChange = useCallback3(
+  const handleOperatorChange = useCallback4(
     (operator) => {
       if (!operator) return;
       onUpdate({
@@ -664,7 +712,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handleValueChange = useCallback3(
+  const handleValueChange = useCallback4(
     (value) => {
       onUpdate({
         ...condition,
@@ -676,7 +724,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handleActionChange = useCallback3(
+  const handleActionChange = useCallback4(
     (action) => {
       if (!action) return;
       onUpdate({
@@ -689,7 +737,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handleMessageChange = useCallback3(
+  const handleMessageChange = useCallback4(
     (message) => {
       onUpdate({
         ...condition,
@@ -749,7 +797,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
 function ConditionsTab({ block, editor }) {
   const currentConditions = parseConditionConfig(block.props.conditions);
   const availableBlocks = getAvailableBlocks(editor?.document || [], block.id);
-  const updateConditions = useCallback5(
+  const updateConditions = useCallback6(
     (newConfig) => {
       const conditionsString = stringifyConditionConfig(newConfig);
       editor.updateBlock(block, {
@@ -761,7 +809,7 @@ function ConditionsTab({ block, editor }) {
     },
     [editor, block]
   );
-  const handleModeChange = useCallback5(
+  const handleModeChange = useCallback6(
     (mode) => {
       updateConditions({
         ...currentConditions,
@@ -770,7 +818,7 @@ function ConditionsTab({ block, editor }) {
     },
     [currentConditions, updateConditions]
   );
-  const handleAddCondition = useCallback5(() => {
+  const handleAddCondition = useCallback6(() => {
     const newCondition = createDefaultCondition();
     const newConfig = {
       ...currentConditions,
@@ -780,7 +828,7 @@ function ConditionsTab({ block, editor }) {
     };
     updateConditions(newConfig);
   }, [currentConditions, updateConditions]);
-  const handleUpdateCondition = useCallback5(
+  const handleUpdateCondition = useCallback6(
     (index, updatedCondition) => {
       const newConditions = [...currentConditions.conditions];
       newConditions[index] = updatedCondition;
@@ -792,7 +840,7 @@ function ConditionsTab({ block, editor }) {
     },
     [currentConditions, updateConditions]
   );
-  const handleDeleteCondition = useCallback5(
+  const handleDeleteCondition = useCallback6(
     (index) => {
       const newConditions = currentConditions.conditions.filter((_, i) => i !== index);
       updateConditions({
@@ -850,7 +898,7 @@ function ReusablePanel({ extraTabs, context }) {
 }
 
 // src/mantine/blocks/checkbox/template/GeneralTab.tsx
-import React7, { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import React7, { useEffect as useEffect3, useMemo as useMemo3, useState as useState2 } from "react";
 import { Divider, SegmentedControl as SegmentedControl3, Stack as Stack5, Switch as Switch2, Text as Text3, TextInput as TextInput3, Textarea, PillsInput, Pill } from "@mantine/core";
 var GeneralTab = ({
   title,
@@ -869,19 +917,19 @@ var GeneralTab = ({
   const [localMode, setLocalMode] = useState2(allowedMode);
   const [localValues, setLocalValues] = useState2(allowedValues);
   const [inputValue, setInputValue] = useState2("");
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalTitle(title || "");
   }, [title]);
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalDescription(description || "");
   }, [description]);
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalInitialChecked(initialChecked);
   }, [initialChecked]);
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalMode(allowedMode);
   }, [allowedMode]);
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalValues(allowedValues);
   }, [allowedValues]);
   const handleModeChange = (value) => {
@@ -912,7 +960,7 @@ var GeneralTab = ({
       onAllowedChange(localMode, newValues);
     }
   };
-  const allowedHint = useMemo2(() => {
+  const allowedHint = useMemo3(() => {
     if (localMode === "all") {
       return "Everyone in the flow can toggle this checkbox.";
     }
@@ -978,54 +1026,6 @@ var GeneralTab = ({
   ))))));
 };
 
-// src/mantine/hooks/usePanel.ts
-import { useCallback as useCallback6, useMemo as useMemo3, useEffect as useEffect3, useRef as useRef2 } from "react";
-import { create } from "zustand";
-var usePanelStore = create((set) => ({
-  activePanel: null,
-  registeredPanels: /* @__PURE__ */ new Map(),
-  setActivePanel: (panelId) => set({ activePanel: panelId }),
-  closePanel: () => set({ activePanel: null }),
-  registerPanel: (id, content) => set((state) => {
-    const newPanels = new Map(state.registeredPanels);
-    newPanels.set(id, content);
-    return { registeredPanels: newPanels };
-  }),
-  unregisterPanel: (id) => set((state) => {
-    const newPanels = new Map(state.registeredPanels);
-    newPanels.delete(id);
-    return { registeredPanels: newPanels };
-  })
-}));
-var usePanel = (panelId, content) => {
-  const activePanel = usePanelStore((state) => state.activePanel);
-  const setActivePanel = usePanelStore((state) => state.setActivePanel);
-  const closePanel = usePanelStore((state) => state.closePanel);
-  const isOpen = useMemo3(() => activePanel === panelId, [activePanel, panelId]);
-  const contentRef = useRef2(content);
-  useEffect3(() => {
-    contentRef.current = content;
-  });
-  useEffect3(() => {
-    const { registerPanel, unregisterPanel } = usePanelStore.getState();
-    registerPanel(panelId, contentRef.current);
-    return () => {
-      unregisterPanel(panelId);
-    };
-  }, [panelId]);
-  useEffect3(() => {
-    const { registerPanel } = usePanelStore.getState();
-    registerPanel(panelId, content);
-  }, [content, panelId]);
-  const open = useCallback6(() => {
-    setActivePanel(panelId);
-  }, [panelId, setActivePanel]);
-  const close = useCallback6(() => {
-    closePanel();
-  }, [closePanel]);
-  return { opened: isOpen, open, close };
-};
-
 // src/mantine/blocks/checkbox/template/TemplateConfig.tsx
 var TemplateConfig = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
@@ -2237,7 +2237,22 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
     }
   };
   const typeConfig = selectedType ? getListTypeConfig(selectedType) : null;
-  return /* @__PURE__ */ React14.createElement(Stack8, { gap: "lg" }, /* @__PURE__ */ React14.createElement(Accordion, { value: accordionValue, onChange: setAccordionValue }, /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "type" }, /* @__PURE__ */ React14.createElement(Accordion.Control, null, /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Choose List Type")), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm", mt: "md" }, listTypes.map((listType) => /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React14.createElement(Stack8, { gap: "lg" }, /* @__PURE__ */ React14.createElement(Accordion, { value: accordionValue, onChange: setAccordionValue }, /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "type" }, /* @__PURE__ */ React14.createElement(
+    Accordion.Control,
+    {
+      styles: {
+        control: {
+          "&:hover": {
+            backgroundColor: "var(--mantine-color-dark-7) !important"
+          }
+        },
+        chevron: {
+          color: "var(--mantine-color-dark-1)"
+        }
+      }
+    },
+    /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Choose List Type")
+  ), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm", mt: "md" }, listTypes.map((listType) => /* @__PURE__ */ React14.createElement(
     Card4,
     {
       key: listType.id,
@@ -2248,6 +2263,11 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
       style: {
         cursor: "pointer"
       },
+      styles: {
+        root: {
+          border: "1px solid var(--mantine-color-gray-8)"
+        }
+      },
       onClick: () => handleTypeSelect(listType.id)
     },
     /* @__PURE__ */ React14.createElement(Group4, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React14.createElement(
@@ -2267,7 +2287,22 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
       },
       listType.icon
     ), /* @__PURE__ */ React14.createElement(Stack8, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React14.createElement(Text6, { size: "md", fw: 600 }, listType.name), /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, listType.description)))
-  ))))), selectedType && typeConfig && /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "configure" }, /* @__PURE__ */ React14.createElement(Accordion.Control, null, /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Configure ", typeConfig.metadata.name)), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "md", mt: "md" }, /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, typeConfig.metadata.description), /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm" }, typeConfig.configFields.map((field) => renderConfigField(field))))))), selectedType && /* @__PURE__ */ React14.createElement(Button4, { onClick: handleSaveConfig, disabled: !isConfigValid(), fullWidth: true }, "Save Configuration"));
+  ))))), selectedType && typeConfig && /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "configure" }, /* @__PURE__ */ React14.createElement(
+    Accordion.Control,
+    {
+      styles: {
+        control: {
+          "&:hover": {
+            backgroundColor: "var(--mantine-color-dark-7)"
+          }
+        },
+        chevron: {
+          color: "var(--mantine-color-dark-1)"
+        }
+      }
+    },
+    /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Configure ", typeConfig.metadata.name)
+  ), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "md", mt: "md" }, /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, typeConfig.metadata.description), /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm" }, typeConfig.configFields.map((field) => renderConfigField(field))))))), selectedType && /* @__PURE__ */ React14.createElement(Button4, { onClick: handleSaveConfig, disabled: !isConfigValid(), fullWidth: true }, "Save Configuration"));
 };
 
 // src/mantine/blocks/list/template/TemplateConfig.tsx
@@ -2329,6 +2364,7 @@ var TemplateConfig2 = ({ editor, block }) => {
       p: "md",
       shadow: "sm",
       style: {
+        flex: 1,
         display: "flex",
         flexDirection: "column"
       }
@@ -2687,7 +2723,37 @@ var ListActionsMenu = ({ options, selectionMode, onSelectActionClick, value, onC
       opt.label
     );
   };
-  return /* @__PURE__ */ React32.createElement(Menu, { shadow: "md", width: 220 }, /* @__PURE__ */ React32.createElement(Menu.Target, null, /* @__PURE__ */ React32.createElement(ActionIcon4, { variant: "subtle", size: "sm", "aria-label": "List actions", title: "List actions" }, /* @__PURE__ */ React32.createElement(IconAdjustmentsHorizontal, { size: 18 }))), /* @__PURE__ */ React32.createElement(Menu.Dropdown, null, /* @__PURE__ */ React32.createElement(Menu.Label, null, /* @__PURE__ */ React32.createElement(Text20, { c: "dimmed" }, "Order By")), options.map((opt) => /* @__PURE__ */ React32.createElement(React32.Fragment, { key: opt.key }, renderItem(opt, "desc"), renderItem(opt, "asc"))), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { leftSection: /* @__PURE__ */ React32.createElement(IconAdjustments, { size: 16 }) }, "Smart Filter"), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "single" ? null : "single"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Single Select"), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "multi" ? null : "multi"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Multi Select"), onDownloadCsv && /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: onDownloadCsv, leftSection: /* @__PURE__ */ React32.createElement(IconDownload, { size: 16 }) }, "Download CSV"))));
+  return /* @__PURE__ */ React32.createElement(
+    Menu,
+    {
+      shadow: "md",
+      width: 220,
+      styles: {
+        dropdown: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        },
+        item: {
+          color: "#fff",
+          backgroundColor: "var(--mantine-color-dark-7)",
+          "&:hover": {
+            backgroundColor: "var(--mantine-color-dark-6)"
+          },
+          '&[data-active="true"]': {
+            backgroundColor: "var(--mantine-color-dark-5)"
+          }
+        },
+        label: {
+          color: "#fff"
+        },
+        divider: {
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    /* @__PURE__ */ React32.createElement(Menu.Target, null, /* @__PURE__ */ React32.createElement(ActionIcon4, { variant: "subtle", size: "sm", "aria-label": "List actions", title: "List actions" }, /* @__PURE__ */ React32.createElement(IconAdjustmentsHorizontal, { size: 18 }))),
+    /* @__PURE__ */ React32.createElement(Menu.Dropdown, null, /* @__PURE__ */ React32.createElement(Menu.Label, null, /* @__PURE__ */ React32.createElement(Text20, null, "Order By")), options.map((opt) => /* @__PURE__ */ React32.createElement(React32.Fragment, { key: opt.key }, renderItem(opt, "desc"), renderItem(opt, "asc"))), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { leftSection: /* @__PURE__ */ React32.createElement(IconAdjustments, { size: 16 }) }, "Smart Filter"), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "single" ? null : "single"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Single Select"), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "multi" ? null : "multi"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Multi Select"), onDownloadCsv && /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: onDownloadCsv, leftSection: /* @__PURE__ */ React32.createElement(IconDownload, { size: 16 }) }, "Download CSV")))
+  );
 };
 
 // src/core/lib/sortListItems.ts
@@ -10617,6 +10683,7 @@ function IxoEditorContent({
   className,
   onChange,
   onSelectionChange,
+  isPanelVisible = true,
   children
 }) {
   return /* @__PURE__ */ React113.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React113.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React113.createElement(
@@ -10646,7 +10713,7 @@ function IxoEditorContent({
       }
     ),
     children
-  )), /* @__PURE__ */ React113.createElement(PanelContent, null));
+  )), isPanelVisible && /* @__PURE__ */ React113.createElement(PanelContent, null));
 }
 function IxoEditor({
   editor,
@@ -10657,7 +10724,8 @@ function IxoEditor({
   children,
   mantineTheme,
   handlers,
-  blockRequirements
+  blockRequirements,
+  isPanelVisible
 }) {
   if (!editor) {
     return null;
@@ -10672,7 +10740,19 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React113.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React113.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React113.createElement(Flex22, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React113.createElement(Text57, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React113.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React113.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children)));
+  const editorContent = /* @__PURE__ */ React113.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React113.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React113.createElement(Flex22, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React113.createElement(Text57, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React113.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React113.createElement(
+    IxoEditorContent,
+    {
+      isPanelVisible,
+      editor,
+      config,
+      isEditable,
+      className,
+      onChange,
+      onSelectionChange
+    },
+    children
+  )));
   if (mantineTheme) {
     return /* @__PURE__ */ React113.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
@@ -10738,6 +10818,8 @@ async function getEntity(entityId) {
 }
 
 export {
+  usePanelStore,
+  usePanel,
   BlocknoteProvider,
   useBlocknoteContext,
   useBlocknoteHandlers,
@@ -10758,4 +10840,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-FDLWSUB5.mjs.map
+//# sourceMappingURL=chunk-O477KPVK.mjs.map