@particle-academy/fancy-cms-ui 0.1.1 → 0.3.0

package/dist/editor.d.cts

@@ -1,4 +1,4 @@
-export { C as Canvas, a as CanvasProps, E as Editor, b as EditorAction, c as EditorApi, d as EditorProps, e as EditorState, I as Inspector, f as InspectorProps, L as LayersPanel, g as LayersPanelProps, i as editorReduce, j as initEditor, u as useEditor } from './useEditor-DLH7hU6G.cjs';
+export { C as Canvas, a as CanvasProps, E as Editor, b as EditorAction, c as EditorApi, d as EditorProps, e as EditorState, I as Inspector, f as InspectorProps, L as LayersPanel, g as LayersPanelProps, i as editorReduce, j as initEditor, u as useEditor } from './useEditor-FV_extlw.cjs';
 import { ReactNode, ReactElement } from 'react';
 import { P as PageDoc, h as ElementRegistry, g as DataContext, N as Node, p as StyleProps, L as LayoutMode } from './registry-D5y5IgCR.cjs';
 

package/dist/editor.d.ts

@@ -1,4 +1,4 @@
-export { C as Canvas, a as CanvasProps, E as Editor, b as EditorAction, c as EditorApi, d as EditorProps, e as EditorState, I as Inspector, f as InspectorProps, L as LayersPanel, g as LayersPanelProps, i as editorReduce, j as initEditor, u as useEditor } from './useEditor-qmF9n2e6.js';
+export { C as Canvas, a as CanvasProps, E as Editor, b as EditorAction, c as EditorApi, d as EditorProps, e as EditorState, I as Inspector, f as InspectorProps, L as LayersPanel, g as LayersPanelProps, i as editorReduce, j as initEditor, u as useEditor } from './useEditor-CyPSB3OQ.js';
 import { ReactNode, ReactElement } from 'react';
 import { P as PageDoc, h as ElementRegistry, g as DataContext, N as Node, p as StyleProps, L as LayoutMode } from './registry-D5y5IgCR.js';
 

package/dist/editor.js

@@ -1,11 +1,11 @@
-import { useEditor, useLatestRef, keyBetween } from './chunk-524NYOHK.js';
-export { Canvas, Editor, Inspector, LayersPanel, editorReduce, initEditor, useEditor } from './chunk-524NYOHK.js';
+import { useEditor, useLatestRef, CONTAINER_TYPES, keyBetween, ADD_DEFAULTS, ADD_MENU } from './chunk-JN5MRSR2.js';
+export { Canvas, Editor, Inspector, LayersPanel, editorReduce, initEditor, useEditor } from './chunk-JN5MRSR2.js';
 import { isBinding, childrenOf, CmsPage, defaultRegistry } from './chunk-GOXVGEKU.js';
 import { useState, useRef, useEffect, useCallback, useLayoutEffect } from 'react';
 import { ContextMenu } from '@particle-academy/react-fancy';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-var CONTAINER_TYPES = /* @__PURE__ */ new Set(["section", "frame", "stack", "grid", "shape", "card", "device"]);
+var CONTAINER_TYPES2 = /* @__PURE__ */ new Set(["section", "frame", "stack", "grid", "shape", "card", "device"]);
 function NodeInspector({
   node,
   transform,
@@ -59,7 +59,7 @@ function NodeInspector({
           /* @__PURE__ */ jsx("button", { type: "button", style: { ...miniBtn, alignSelf: "end" }, onClick: () => onTransform({}), title: "Clear transform", children: "Reset" })
         ] })
       ] }),
-      !CONTAINER_TYPES.has(node.type) ? /* @__PURE__ */ jsxs(Group, { label: "Text", children: [
+      !CONTAINER_TYPES2.has(node.type) ? /* @__PURE__ */ jsxs(Group, { label: "Text", children: [
         /* @__PURE__ */ jsxs(Row, { children: [
           /* @__PURE__ */ jsx(Color, { label: "Color", value: base.color ?? "#0f172a", onChange: (v) => onStyle({ color: v }) }),
           /* @__PURE__ */ jsx(Num, { label: "Size", value: base.fontSize?.value, placeholder: "16", onChange: (v) => onStyle({ fontSize: v == null ? void 0 : len(v) }) })
@@ -96,7 +96,7 @@ function NodeInspector({
         ] }),
         /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(Txt, { label: "Border", value: base.border ?? "", placeholder: "1px solid #e2e8f0", onChange: (v) => onStyle({ border: v || void 0 }) }) })
       ] }),
-      CONTAINER_TYPES.has(node.type) ? /* @__PURE__ */ jsxs(Group, { label: "Layout", children: [
+      CONTAINER_TYPES2.has(node.type) ? /* @__PURE__ */ jsxs(Group, { label: "Layout", children: [
         /* @__PURE__ */ jsxs(Row, { children: [
           /* @__PURE__ */ jsx(
             Sel,
@@ -479,7 +479,7 @@ function EditablePage({
   const addNode = useCallback(
     (kind) => {
       const doc2 = ed.state.doc;
-      const parent = selNode ? CONTAINER_TYPES2.has(selNode.type) ? selNode.id : selNode.parent : doc2.sections[doc2.sections.length - 1] ?? null;
+      const parent = selNode ? CONTAINER_TYPES.has(selNode.type) ? selNode.id : selNode.parent : doc2.sections[doc2.sections.length - 1] ?? null;
       const siblings = childrenOf(doc2, parent);
       const order = keyBetween(siblings.length ? siblings[siblings.length - 1].order : null, null);
       const id = `n${doc2.seq + 1}-${Math.floor(performance.now())}`;
@@ -493,7 +493,7 @@ function EditablePage({
     (kind, targetId) => {
       const doc2 = ed.state.doc;
       const target = targetId ? doc2.nodes[targetId] : null;
-      const parent = target ? CONTAINER_TYPES2.has(target.type) ? target.id : target.parent : doc2.sections[doc2.sections.length - 1] ?? null;
+      const parent = target ? CONTAINER_TYPES.has(target.type) ? target.id : target.parent : doc2.sections[doc2.sections.length - 1] ?? null;
       const siblings = childrenOf(doc2, parent);
       const order = keyBetween(siblings.length ? siblings[siblings.length - 1].order : null, null);
       const id = `n${doc2.seq + 1}-${Math.floor(performance.now())}`;
@@ -526,7 +526,7 @@ function EditablePage({
     const node = ed.state.doc.nodes[id];
     const r = el.getBoundingClientRect();
     const rect = { x: r.left, y: r.top, w: r.width, h: r.height };
-    if (node && CONTAINER_TYPES2.has(node.type)) return { id, edge: "inside", rect };
+    if (node && CONTAINER_TYPES.has(node.type)) return { id, edge: "inside", rect };
     return { id, edge: clientY < r.top + r.height / 2 ? "before" : "after", rect };
   };
   const onPageDragOver = (e) => {
@@ -582,7 +582,7 @@ function EditablePage({
     if (id) clip.current = snapshotSubtree(ed.state.doc, id);
   };
   const paste = (target) => {
-    if (clip.current) runOps(pasteOps(ed.state.doc, clip.current, target, CONTAINER_TYPES2));
+    if (clip.current) runOps(pasteOps(ed.state.doc, clip.current, target, CONTAINER_TYPES));
   };
   const startEditText = (id) => {
     if (!id) return;
@@ -654,7 +654,7 @@ function EditablePage({
         {
           node: selNode ?? null,
           hasClipboard: Boolean(clip.current),
-          isContainer: selNode ? CONTAINER_TYPES2.has(selNode.type) : false,
+          isContainer: selNode ? CONTAINER_TYPES.has(selNode.type) : false,
           onEditText: () => startEditText(selection),
           onAdd: addNode,
           onDuplicate: () => duplicate(selection),
@@ -786,23 +786,6 @@ function ElementPalette({ open, onDragChange }) {
     }
   );
 }
-var CONTAINER_TYPES2 = /* @__PURE__ */ new Set(["section", "frame", "stack", "grid", "shape", "card", "device", "repeater"]);
-var ADD_DEFAULTS = {
-  text: { type: "text", props: { content: "New text" }, style: { color: "inherit" } },
-  heading: { type: "heading", props: { content: "New heading" }, style: { fontSize: { value: 28, unit: "px" }, fontWeight: 700 } },
-  button: { type: "button", props: { label: "Button", href: "#", variant: "primary" }, style: {} },
-  link: { type: "link", props: { content: "link text", href: "#" }, style: { color: "#7c3aed" } },
-  image: { type: "image", props: { src: "", alt: "" }, style: {} },
-  box: { type: "frame", props: {}, style: { padding: { value: 16, unit: "px" } } },
-  stack: { type: "stack", props: {}, style: { gap: { value: 12, unit: "px" } }, layout: "stack" },
-  grid: { type: "grid", props: {}, style: { gap: { value: 12, unit: "px" } }, layout: "grid" },
-  card: { type: "card", props: {}, style: { padding: { value: 16, unit: "px" }, radius: { value: 12, unit: "px" }, border: "1px solid #e2e8f0" } },
-  callout: { type: "callout", props: { content: "Heads up \u2014 this is a callout.", variant: "info" }, style: {} },
-  divider: { type: "divider", props: {}, style: {} },
-  code: { type: "code", props: { content: "npm install @particle-academy/react-fancy", lang: "bash" }, style: {} },
-  richtext: { type: "richtext", props: { html: "<p>Rich <strong>text</strong> with <em>inline</em> formatting.</p>" }, style: {} },
-  repeater: { type: "repeater", props: { items: "" }, style: { gap: { value: 12, unit: "px" } }, layout: "stack" }
-};
 var GRIPS = [
   { key: "nw", north: true, west: true, cursor: "nwse-resize" },
   { key: "n", north: true, cursor: "ns-resize" },
@@ -1000,22 +983,6 @@ function FloatingToolbar({
     ] })
   ] });
 }
-var ADD_MENU = [
-  { kind: "heading", label: "Heading" },
-  { kind: "text", label: "Text" },
-  { kind: "button", label: "Button" },
-  { kind: "link", label: "Link" },
-  { kind: "image", label: "Image" },
-  { kind: "card", label: "Card" },
-  { kind: "callout", label: "Callout" },
-  { kind: "stack", label: "Stack" },
-  { kind: "grid", label: "Grid" },
-  { kind: "box", label: "Box" },
-  { kind: "divider", label: "Divider" },
-  { kind: "code", label: "Code" },
-  { kind: "richtext", label: "Rich text" },
-  { kind: "repeater", label: "Repeater" }
-];
 function EditBar({
   editing,
   onToggle,