@reacteditor/core 0.0.15 → 0.0.17

package/dist/{chunk-GIGXMGTZ.mjs → chunk-C5G7WUBQ.mjs}

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

package/dist/{chunk-C2KWANIN.mjs → chunk-CUGSM3PC.mjs}

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

package/dist/{chunk-Y2EFNT5P.mjs → chunk-DQU3HIP4.mjs}

@@ -70,19 +70,29 @@ var require_classnames = __commonJS({
 // lib/get-class-name-factory.ts
 init_react_import();
 var import_classnames = __toESM(require_classnames());
-var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}) => {
+var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}, modifiers) => {
   if (typeof options === "string") {
     const descendant = options;
-    const style = styles[`${rootClass}-${descendant}`];
+    const baseKey = `${rootClass}-${descendant}`;
+    const style = styles[baseKey];
+    if (modifiers) {
+      const prefixedModifiers = {};
+      for (let modifier in modifiers) {
+        prefixedModifiers[styles[`${baseKey}--${modifier}`]] = modifiers[modifier];
+      }
+      return config.baseClass + (0, import_classnames.default)(__spreadValues({
+        [style]: !!style
+      }, prefixedModifiers));
+    }
     if (style) {
-      return config.baseClass + styles[`${rootClass}-${descendant}`] || "";
+      return config.baseClass + style;
     }
     return "";
   } else if (typeof options === "object") {
-    const modifiers = options;
+    const modifiers2 = options;
     const prefixedModifiers = {};
-    for (let modifier in modifiers) {
-      prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
+    for (let modifier in modifiers2) {
+      prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers2[modifier];
     }
     const c = styles[rootClass];
     return config.baseClass + (0, import_classnames.default)(__spreadValues({

package/dist/{chunk-NKHR722W.mjs → chunk-ESU6AYGB.mjs}

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

package/dist/{chunk-NPC7A3V3.mjs → chunk-FTVOCMGV.mjs}

@@ -9,6 +9,14 @@ import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";
 
+// components/ViewportControls/default-viewports.ts
+init_react_import();
+var defaultViewports = [
+  { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
+  { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
+  { width: "100%", height: "auto", icon: "Monitor", label: "Desktop" }
+];
+
 // lib/resolve-component-data.ts
 init_react_import();
 
@@ -115,9 +123,10 @@ var defaultAppState = {
     isDragging: false,
     previewMode: "edit",
     viewports: {
-      // Default to the tablet viewport (the middle option) so the canvas
-      // opens at a comfortable preview width on most screens.
-      current: { width: 768, height: "auto" },
+      current: {
+        width: defaultViewports[0].width,
+        height: defaultViewports[0].height || "auto"
+      },
       options: [],
       controlsVisible: true
     },
@@ -131,6 +140,7 @@ var defaultAppState = {
 };
 
 export {
+  defaultViewports,
   getChanged,
   resolveComponentData,
   defaultAppState

package/dist/{chunk-T43H325W.mjs → chunk-NUBRSWFJ.mjs}

@@ -5,12 +5,13 @@ import {
 } from "./chunk-M4JDRFYB.mjs";
 import {
   defaultAppState,
+  defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-NPC7A3V3.mjs";
+} from "./chunk-FTVOCMGV.mjs";
 import {
   get_class_name_factory_default
-} from "./chunk-Y2EFNT5P.mjs";
+} from "./chunk-DQU3HIP4.mjs";
 import {
   generateId,
   walkAppState
@@ -517,13 +518,6 @@ var Sun = createLucideIcon("Sun", [
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
 ]);
 
-// ../../node_modules/lucide-react/dist/esm/icons/tablet.js
-init_react_import();
-var Tablet = createLucideIcon("Tablet", [
-  ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", ry: "2", key: "76otgf" }],
-  ["line", { x1: "12", x2: "12.01", y1: "18", y2: "18", key: "1dp563" }]
-]);
-
 // ../../node_modules/lucide-react/dist/esm/icons/toy-brick.js
 init_react_import();
 var ToyBrick = createLucideIcon("ToyBrick", [
@@ -569,16 +563,6 @@ var X = createLucideIcon("X", [
 
 // store/index.ts
 init_react_import();
-
-// components/ViewportControls/default-viewports.ts
-init_react_import();
-var defaultViewports = [
-  { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
-  { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
-  { width: "100%", height: "auto", icon: "Monitor", label: "Desktop" }
-];
-
-// store/index.ts
 import { create as create2, useStore } from "zustand";
 import { subscribeWithSelector as subscribeWithSelector2 } from "zustand/middleware";
 import { createContext, useContext } from "react";
@@ -1393,6 +1377,125 @@ init_react_import();
 // lib/get-zoom-config.ts
 init_react_import();
 
+// ../../node_modules/css-box-model/dist/css-box-model.esm.js
+init_react_import();
+
+// ../../node_modules/tiny-invariant/dist/esm/tiny-invariant.js
+init_react_import();
+var isProduction = process.env.NODE_ENV === "production";
+var prefix = "Invariant failed";
+function invariant(condition, message) {
+  if (condition) {
+    return;
+  }
+  if (isProduction) {
+    throw new Error(prefix);
+  }
+  var provided = typeof message === "function" ? message() : message;
+  var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
+  throw new Error(value);
+}
+
+// ../../node_modules/css-box-model/dist/css-box-model.esm.js
+var getRect = function getRect2(_ref) {
+  var top = _ref.top, right = _ref.right, bottom = _ref.bottom, left = _ref.left;
+  var width = right - left;
+  var height = bottom - top;
+  var rect = {
+    top,
+    right,
+    bottom,
+    left,
+    width,
+    height,
+    x: left,
+    y: top,
+    center: {
+      x: (right + left) / 2,
+      y: (bottom + top) / 2
+    }
+  };
+  return rect;
+};
+var expand = function expand2(target, expandBy) {
+  return {
+    top: target.top - expandBy.top,
+    left: target.left - expandBy.left,
+    bottom: target.bottom + expandBy.bottom,
+    right: target.right + expandBy.right
+  };
+};
+var shrink = function shrink2(target, shrinkBy) {
+  return {
+    top: target.top + shrinkBy.top,
+    left: target.left + shrinkBy.left,
+    bottom: target.bottom - shrinkBy.bottom,
+    right: target.right - shrinkBy.right
+  };
+};
+var noSpacing = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+};
+var createBox = function createBox2(_ref2) {
+  var borderBox = _ref2.borderBox, _ref2$margin = _ref2.margin, margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin, _ref2$border = _ref2.border, border = _ref2$border === void 0 ? noSpacing : _ref2$border, _ref2$padding = _ref2.padding, padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;
+  var marginBox = getRect(expand(borderBox, margin));
+  var paddingBox = getRect(shrink(borderBox, border));
+  var contentBox = getRect(shrink(paddingBox, padding));
+  return {
+    marginBox,
+    borderBox: getRect(borderBox),
+    paddingBox,
+    contentBox,
+    margin,
+    border,
+    padding
+  };
+};
+var parse = function parse2(raw) {
+  var value = raw.slice(0, -2);
+  var suffix = raw.slice(-2);
+  if (suffix !== "px") {
+    return 0;
+  }
+  var result = Number(value);
+  !!isNaN(result) ? process.env.NODE_ENV !== "production" ? invariant(false, "Could not parse value [raw: " + raw + ", without suffix: " + value + "]") : invariant(false) : void 0;
+  return result;
+};
+var calculateBox = function calculateBox2(borderBox, styles) {
+  var margin = {
+    top: parse(styles.marginTop),
+    right: parse(styles.marginRight),
+    bottom: parse(styles.marginBottom),
+    left: parse(styles.marginLeft)
+  };
+  var padding = {
+    top: parse(styles.paddingTop),
+    right: parse(styles.paddingRight),
+    bottom: parse(styles.paddingBottom),
+    left: parse(styles.paddingLeft)
+  };
+  var border = {
+    top: parse(styles.borderTopWidth),
+    right: parse(styles.borderRightWidth),
+    bottom: parse(styles.borderBottomWidth),
+    left: parse(styles.borderLeftWidth)
+  };
+  return createBox({
+    borderBox,
+    margin,
+    padding,
+    border
+  });
+};
+var getBox = function getBox2(el) {
+  var borderBox = el.getBoundingClientRect();
+  var styles = window.getComputedStyle(el);
+  return calculateBox(borderBox, styles);
+};
+
 // components/Select/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var getClassName = get_class_name_factory_default("Select", styles_module_default);
@@ -1533,7 +1636,6 @@ export {
   SquareCode,
   Strikethrough,
   Sun,
-  Tablet,
   ToyBrick,
   Trash,
   Underline,
@@ -1542,7 +1644,6 @@ export {
   X,
   reorder,
   replace,
-  defaultViewports,
   monitorHotkeys,
   useMonitorHotkeys,
   useHotkey,
@@ -1553,6 +1654,7 @@ export {
   appStoreContext,
   useAppStore,
   useAppStoreApi,
+  getBox,
   ControlContext,
   useControlContext,
   SelectControl
@@ -1606,7 +1708,6 @@ lucide-react/dist/esm/icons/smartphone.js:
 lucide-react/dist/esm/icons/square-code.js:
 lucide-react/dist/esm/icons/strikethrough.js:
 lucide-react/dist/esm/icons/sun.js:
-lucide-react/dist/esm/icons/tablet.js:
 lucide-react/dist/esm/icons/toy-brick.js:
 lucide-react/dist/esm/icons/trash.js:
 lucide-react/dist/esm/icons/underline.js:

package/dist/{chunk-TFAZFGYZ.mjs → chunk-OAOKQORI.mjs}

@@ -1,12 +1,12 @@
 import {
   useListOptions
-} from "./chunk-C2KWANIN.mjs";
+} from "./chunk-CUGSM3PC.mjs";
 import {
   useAlignOptions
-} from "./chunk-NKHR722W.mjs";
+} from "./chunk-ESU6AYGB.mjs";
 import {
   useHeadingOptions
-} from "./chunk-GIGXMGTZ.mjs";
+} from "./chunk-C5G7WUBQ.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,10 +26,10 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-T43H325W.mjs";
+} from "./chunk-NUBRSWFJ.mjs";
 import {
   get_class_name_factory_default
-} from "./chunk-Y2EFNT5P.mjs";
+} from "./chunk-DQU3HIP4.mjs";
 import {
   __objRest,
   __spreadValues,
@@ -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-ULJY3YN5.mjs").then((m) => ({
+  () => import("./loaded-HGQBTPJQ.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-IIHO4UZS.mjs").then((m) => ({
+  () => import("./loaded-I7V7FYES.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-5MUU76TF.mjs").then((m) => ({
+  () => import("./loaded-GJMTZ3M5.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{full-PM3VSLYA.mjs → full-35622JEC.mjs}

@@ -1,13 +1,13 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-TFAZFGYZ.mjs";
-import "./chunk-C2KWANIN.mjs";
-import "./chunk-NKHR722W.mjs";
-import "./chunk-GIGXMGTZ.mjs";
-import "./chunk-T43H325W.mjs";
+} from "./chunk-OAOKQORI.mjs";
+import "./chunk-CUGSM3PC.mjs";
+import "./chunk-ESU6AYGB.mjs";
+import "./chunk-C5G7WUBQ.mjs";
+import "./chunk-NUBRSWFJ.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-NPC7A3V3.mjs";
-import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-FTVOCMGV.mjs";
+import "./chunk-DQU3HIP4.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {
   __spreadValues,