@tatamicks/core 0.1.3 → 0.1.4

package/dist/index.mjs

@@ -2,7 +2,7 @@ import './index.css';var On = Object.defineProperty;
 var Sn = (t, e, n) => e in t ? On(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var ae = (t, e, n) => Sn(t, typeof e != "symbol" ? e + "" : e, n);
 import kn, { useCallback as I, useRef as ft, useEffect as gt, useState as ot, createContext as Gn, useContext as ye, memo as F, useMemo as A, forwardRef as te, useImperativeHandle as Ee } from "react";
-var qt = { exports: {} }, Lt = {};
+var qt = { exports: {} }, Ct = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -14,7 +14,7 @@ var qt = { exports: {} }, Lt = {};
  */
 var Ae;
 function Bn() {
-  if (Ae) return Lt;
+  if (Ae) return Ct;
   Ae = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function n(s, o, l) {
@@ -32,7 +32,7 @@ function Bn() {
       props: l
     };
   }
-  return Lt.Fragment = e, Lt.jsx = n, Lt.jsxs = n, Lt;
+  return Ct.Fragment = e, Ct.jsx = n, Ct.jsxs = n, Ct;
 }
 var Ot = {};
 /**
@@ -137,7 +137,7 @@ function Vn() {
     }
     function a(b, T) {
       function O() {
-        C || (C = !0, console.error(
+        L || (L = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           T
         ));
@@ -149,11 +149,11 @@ function Vn() {
     }
     function c() {
       var b = t(this.type);
-      return L[b] || (L[b] = !0, console.error(
+      return C[b] || (C[b] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), b = this.props.ref, b !== void 0 ? b : null;
     }
-    function u(b, T, O, Y, vt, Ct) {
+    function u(b, T, O, Y, vt, Lt) {
       var J = O.ref;
       return b = {
         $$typeof: y,
@@ -183,10 +183,10 @@ function Vn() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Ct
+        value: Lt
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     }
-    function f(b, T, O, Y, vt, Ct) {
+    function f(b, T, O, Y, vt, Lt) {
       var J = T.children;
       if (J !== void 0)
         if (Y)
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
         O,
         o(),
         vt,
-        Ct
+        Lt
       );
     }
     function p(b) {
@@ -248,7 +248,7 @@ React keys must be passed directly to JSX without using spread:
         return b();
       }
     };
-    var C, L = {}, W = v.react_stack_bottom_frame.bind(
+    var L, C = {}, W = v.react_stack_bottom_frame.bind(
       v,
       l
     )(), X = N(s(l)), q = {};
@@ -404,7 +404,7 @@ const qn = "_container_qbvob_5", Jn = "_colorButton_qbvob_13", Zn = "_textInputW
   rgbaInputGroup: lr,
   rgbaLabel: ar
 };
-function Ce(t) {
+function Le(t) {
   if (!t)
     return null;
   const e = t.match(/^#([0-9a-f]{6}|[0-9a-f]{8})$/i);
@@ -432,12 +432,12 @@ function cr(t) {
   }
   return `#${l}${i}${a}`;
 }
-function Di(t) {
+function Ti(t) {
   const { r: e, g: n, b: s, a: o } = t;
   if (o !== 0)
     return `rgba(${e}, ${n}, ${s}, ${o})`;
 }
-function Ti(t) {
+function Ri(t) {
   return /^#([0-9a-f]{6}|[0-9a-f]{8})$/i.test(t);
 }
 const ur = [
@@ -729,9 +729,9 @@ const ee = ({
   height: a,
   config: c
 }) => {
-  const u = o ?? (c == null ? void 0 : c.allowUndefined) ?? !0, f = l ?? (u ? "未設定" : "#000000"), p = i ?? (c == null ? void 0 : c.width), x = a ?? (c == null ? void 0 : c.height), [v, y] = ot(!1), _ = ft(null), [d, m] = ot(() => Ce(t) ?? { r: 0, g: 0, b: 0, a: 1 });
+  const u = o ?? (c == null ? void 0 : c.allowUndefined) ?? !0, f = l ?? (u ? "未設定" : "#000000"), p = i ?? (c == null ? void 0 : c.width), x = a ?? (c == null ? void 0 : c.height), [v, y] = ot(!1), _ = ft(null), [d, m] = ot(() => Le(t) ?? { r: 0, g: 0, b: 0, a: 1 });
   gt(() => {
-    const j = Ce(t);
+    const j = Le(t);
     j && m(j);
   }, [t]);
   const h = I(() => {
@@ -775,8 +775,8 @@ const ee = ({
   ), M = I(
     (j, N) => {
       if (N === void 0) return;
-      const C = { ...d, [j]: N };
-      m(C), e(cr(C));
+      const L = { ...d, [j]: N };
+      m(L), e(cr(L));
     },
     [d, e]
   ), G = t ?? "未設定", R = {};
@@ -1005,7 +1005,7 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
   return v ? /* @__PURE__ */ r.jsx("textarea", { ...m, rows: y }) : /* @__PURE__ */ r.jsx("input", { ...m, type: "text", onBlur: f });
 };
 zt.displayName = "TextInput";
-const Ri = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Ai = ["mm", "cm", "pt", "inch", "px"], Mi = ["mm", "cm", "inch"], Pi = ["mm", "cm", "fr", "inch", "pt", "px"], Nr = ["px", "pt", "mm"], Ir = ["px", "pt", "mm"], St = ["mm", "pt", "px", "%"], Le = ["mm", "cm", "inch", "pt", "px", "%"], $r = {
+const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt", "inch", "px"], Pi = ["mm", "cm", "inch"], Li = ["mm", "cm", "fr", "inch", "pt", "px"], Nr = ["px", "pt", "mm"], Ir = ["px", "pt", "mm"], St = ["mm", "pt", "px", "%"], Ce = ["mm", "cm", "inch", "pt", "px", "%"], $r = {
   // 1. 切り替えスイッチ
   isIndividual: {
     defaultValue: !1,
@@ -1076,7 +1076,13 @@ const Ri = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Ai = ["mm", "cm", "pt",
 }, Ci = {
   ...zn,
   ...$r
-}, Li = {
+}, Dr = [
+  { label: "ゴシック体", value: "sans-serif" },
+  { label: "明朝体", value: "serif" },
+  { label: "等幅", value: "monospace" },
+  { label: "Arial", value: "Arial, sans-serif" },
+  { label: "Times New Roman", value: "'Times New Roman', serif" }
+], Oi = {
   fontSize: {
     defaultValue: { value: 14, unit: "pt" },
     label: "フォントサイズ",
@@ -1096,13 +1102,7 @@ const Ri = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Ai = ["mm", "cm", "pt",
     Component: It,
     config: {
       placeholder: "フォントを選択",
-      options: [
-        { label: "ゴシック体", value: "sans-serif" },
-        { label: "明朝体", value: "serif" },
-        { label: "等幅", value: "monospace" },
-        { label: "Arial", value: "Arial, sans-serif" },
-        { label: "Times New Roman", value: "'Times New Roman', serif" }
-      ]
+      options: Dr
     }
   },
   color: {
@@ -1157,14 +1157,14 @@ const Ri = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Ai = ["mm", "cm", "pt",
     }
   }
 };
-function Oi(t) {
+function Si(t) {
   return t.reduce(
     (e, n) => (e[n.kind] = n, e),
     {}
   );
 }
 var Tt = /* @__PURE__ */ ((t) => (t.Contain = "contain", t.Cover = "cover", t.Fill = "fill", t.None = "none", t.ScaleDown = "scale-down", t))(Tt || {});
-const Si = {
+const ki = {
   objectFit: {
     defaultValue: Tt.Contain,
     label: "表示方法",
@@ -1208,7 +1208,7 @@ const Si = {
   }
 };
 var Ft = /* @__PURE__ */ ((t) => (t.Normal = "normal", t.BreakWord = "break-word", t.BreakAll = "break-all", t))(Ft || {}), Ut = /* @__PURE__ */ ((t) => (t.Normal = "normal", t.NoWrap = "nowrap", t.Pre = "pre", t.PreWrap = "pre-wrap", t.PreLine = "pre-line", t))(Ut || {});
-const ki = {
+const Gi = {
   multiline: {
     defaultValue: !1,
     label: "複数行モード",
@@ -1244,7 +1244,7 @@ const ki = {
     },
     condition: (t) => t.multiline === !0
   }
-}, Gi = {
+}, Bi = {
   placeholder: {
     defaultValue: void 0,
     label: "プレースホルダー",
@@ -1255,7 +1255,7 @@ const ki = {
       placeholder: "例: テキストを入力してください"
     }
   }
-}, Bi = {
+}, Vi = {
   width: {
     defaultValue: void 0,
     // undefinedなら auto として扱う想定
@@ -1265,7 +1265,7 @@ const ki = {
     Component: it,
     config: {
       min: 0,
-      allowedUnits: Le,
+      allowedUnits: Ce,
       // px, %, mm など
       placeholder: "auto"
       // 未設定時は "auto" と表示されると親切
@@ -1279,24 +1279,24 @@ const ki = {
     Component: it,
     config: {
       min: 0,
-      allowedUnits: Le,
+      allowedUnits: Ce,
       placeholder: "auto"
     }
   }
-}, Dr = (t) => {
+}, Tr = (t) => {
   const e = {};
   return Object.entries(t.properties).forEach(([n, s]) => {
     s !== !1 && typeof s == "object" && s !== null && "defaultValue" in s && (e[n] = s.defaultValue);
   }), e;
 };
-function Tr(t) {
+function Rr(t) {
   const e = Date.now(), n = Math.random().toString(36).slice(2);
   return `${t}_${e}_${n}`;
 }
 function Mt(t, e, n) {
-  const s = Dr(t);
+  const s = Tr(t);
   return {
-    id: Tr(t.kind),
+    id: Rr(t.kind),
     kind: t.kind,
     layout: {
       x: e.x,
@@ -1313,7 +1313,7 @@ function Mt(t, e, n) {
     }
   };
 }
-const Vi = {
+const Fi = {
   required: {
     defaultValue: !1,
     label: "必須項目",
@@ -1364,7 +1364,7 @@ const Vi = {
   }
 };
 var ht = /* @__PURE__ */ ((t) => (t.ADD = "add", t.UPDATE = "update", t.DELETE = "delete", t.MOVE = "move", t.RESIZE = "resize", t.DUPLICATE = "duplicate", t.PASTE = "paste", t))(ht || {});
-const Rr = {
+const Ar = {
   cols: Array.from({ length: 12 }).map(() => ({ value: 1, unit: "fr" })),
   rows: Array.from({ length: 16 }).map(() => ({ value: 1, unit: "fr" }))
 };
@@ -1382,7 +1382,7 @@ function Rt(t, e) {
     throw new Error(`${n} must be non-negative (>= 0): got ${t}`);
   }
 }
-function Ar(t, e, n, s) {
+function Mr(t, e, n, s) {
   if (t < e || t > n) {
     const o = s ?? "Value";
     throw new Error(`${o} must be between ${e} and ${n}: got ${t}`);
@@ -1394,21 +1394,21 @@ function je(t, e) {
     throw new Error(`${n} must be an integer: got ${t}`);
   }
 }
-function Fi(t, e) {
+function Ui(t, e) {
   if (!Number.isFinite(t)) {
     const n = e ?? "Value";
     throw new Error(`${n} must be a finite number: got ${t}`);
   }
 }
-const Mr = 25.4, Pr = 2.54, Cr = 72, U = {
+const Pr = 25.4, Lr = 2.54, Cr = 72, U = {
   _assertDpi(t) {
     at(t, "DPI"), je(t, "DPI");
   },
   fromMm(t, e = H) {
-    return U._assertDpi(e), Rt(t, "Millimeter value"), t * e / Mr;
+    return U._assertDpi(e), Rt(t, "Millimeter value"), t * e / Pr;
   },
   fromCm(t, e = H) {
-    return U._assertDpi(e), Rt(t, "Centimeter value"), t * e / Pr;
+    return U._assertDpi(e), Rt(t, "Centimeter value"), t * e / Lr;
   },
   fromInch(t, e = H) {
     return U._assertDpi(e), Rt(t, "Inch value"), t * e;
@@ -1576,20 +1576,20 @@ const tn = {
     width: { value: 210, unit: "mm" },
     height: { value: 297, unit: "mm" }
   }
-}, Lr = {
+}, Or = {
   top: { value: 10, unit: "mm" },
   right: { value: 10, unit: "mm" },
   bottom: { value: 10, unit: "mm" },
   left: { value: 10, unit: "mm" }
-}, Or = {
+}, Sr = {
   size: tn.A4,
-  margin: Lr
-}, Ui = {
-  paper: Or,
-  grid: Rr,
+  margin: Or
+}, Wi = {
+  paper: Sr,
+  grid: Ar,
   blocks: []
 };
-var Sr = /* @__PURE__ */ ((t) => (t.ERROR = "error", t.WARNING = "warning", t.INFO = "info", t))(Sr || {});
+var kr = /* @__PURE__ */ ((t) => (t.ERROR = "error", t.WARNING = "warning", t.INFO = "info", t))(kr || {});
 const Pt = F(
   ({
     width: t,
@@ -1616,7 +1616,7 @@ const Pt = F(
   ) : null
 );
 Pt.displayName = "BorderRenderer";
-function kr(t) {
+function Gr(t) {
   const e = V.BLOCK_LAYER_MIN + t * V.BLOCK_LAYER_STEP;
   return e >= V.BLOCK_LAYER_MAX ? V.BLOCK_LAYER_MAX : e;
 }
@@ -1627,12 +1627,12 @@ function oe(t, e) {
   );
   return t + n;
 }
-function Wi() {
+function Yi() {
   return Math.floor(
     (V.BLOCK_LAYER_MAX - V.BLOCK_LAYER_MIN) / V.BLOCK_LAYER_STEP
   );
 }
-const Gr = F(
+const Br = F(
   ({
     blockSizePx: t,
     borderStyle: e,
@@ -1675,7 +1675,7 @@ const Gr = F(
       }
     );
   }
-), Br = F(
+), Vr = F(
   ({
     blockSizePx: t,
     blockZIndex: e,
@@ -1703,13 +1703,13 @@ const Gr = F(
       }
     );
   }
-), Vr = {
+), Fr = {
   color: "#cccccc",
   width: { value: 1, unit: "pt" },
   type: pt.SOLID
 }, Ne = {
-  all: Vr
-}, Fr = F(
+  all: Fr
+}, Ur = F(
   ({
     blockSizePx: t,
     blockZIndex: e,
@@ -1752,7 +1752,7 @@ const Gr = F(
       }
     );
   }
-), Ur = ({
+), Wr = ({
   id: t,
   plugin: e,
   props: n,
@@ -1812,8 +1812,8 @@ const Gr = F(
       children: /* @__PURE__ */ r.jsx(h, { ref: y, ...m })
     }
   );
-}, Wr = te(Ur), se = F(
-  Wr
+}, Yr = te(Wr), se = F(
+  Yr
 );
 function en(t, e) {
   return {
@@ -1866,7 +1866,7 @@ const nn = F(
           className: v,
           children: [
             /* @__PURE__ */ r.jsx(
-              Br,
+              Vr,
               {
                 blockSizePx: m,
                 blockZIndex: s,
@@ -1875,7 +1875,7 @@ const nn = F(
               }
             ),
             c && !((g = t.style) != null && g.border) && /* @__PURE__ */ r.jsx(
-              Fr,
+              Ur,
               {
                 blockSizePx: m,
                 blockZIndex: s,
@@ -1902,7 +1902,7 @@ const nn = F(
               }
             ),
             /* @__PURE__ */ r.jsx(
-              Gr,
+              Br,
               {
                 blockSizePx: m,
                 blockZIndex: s,
@@ -1950,7 +1950,7 @@ const ie = F(
       const h = e[d.kind];
       if (!h) return null;
       const g = l(d), w = o.includes(d.id);
-      let $ = kr(m);
+      let $ = Gr(m);
       w && ($ = V.SELECT_BLOCK);
       const S = s[d.id] ?? d.initValue;
       return /* @__PURE__ */ r.jsx(
@@ -1980,7 +1980,7 @@ const ie = F(
   }
 );
 ie.displayName = "BlockLayer";
-const Yr = F(
+const zr = F(
   ({
     contentPx: t,
     marginLeftPx: e,
@@ -2024,7 +2024,7 @@ const Yr = F(
       }
     );
   }
-), zr = F(
+), Hr = F(
   ({
     canvasPx: t,
     backgroundColor: e = "#ffffff",
@@ -2053,15 +2053,15 @@ const Yr = F(
       }
     );
   }
-), Hr = "_label_vgaic_1", Kr = {
-  label: Hr
-}, Xr = "_editor_6szgo_5", qr = "_input_6szgo_18", Jr = "_select_6szgo_38", Zr = "_button_6szgo_54", Jt = {
-  editor: Xr,
-  input: qr,
-  select: Jr,
-  button: Zr
+), Kr = "_label_vgaic_1", Xr = {
+  label: Kr
+}, qr = "_editor_6szgo_5", Jr = "_input_6szgo_18", Zr = "_select_6szgo_38", Qr = "_button_6szgo_54", Jt = {
+  editor: qr,
+  input: Jr,
+  select: Zr,
+  button: Qr
 };
-function Qr(t, e) {
+function to(t, e) {
   const n = t.match(/^(\d+(?:\.\d+)?)([a-zA-Z%]+)$/);
   if (!n)
     throw new Error(`Invalid dimension string: ${t}`);
@@ -2070,22 +2070,22 @@ function Qr(t, e) {
     throw new Error(`Unit not allowed: ${o}`);
   return { value: s, unit: o };
 }
-function Yi(t, e) {
-  return t.map((n) => Qr(n, e));
+function zi(t, e) {
+  return t.map((n) => to(n, e));
 }
-const to = 10, eo = 25.4, no = 0.352778, ro = 0.264583, K = {
+const eo = 10, no = 25.4, ro = 0.352778, oo = 0.264583, K = {
   fromCm(t) {
-    return at(t, "Centimeter value"), t * to;
+    return at(t, "Centimeter value"), t * eo;
   },
   fromInch(t) {
-    return at(t, "Inch value"), t * eo;
+    return at(t, "Inch value"), t * no;
   },
   fromPt(t) {
-    return at(t, "Point value"), t * no;
+    return at(t, "Point value"), t * ro;
   },
   // データ上のpxはDPI=96として扱う
   fromPx(t) {
-    return at(t, "Pixel value"), t * ro;
+    return at(t, "Pixel value"), t * oo;
   },
   fromDim(t) {
     switch (at(t.value, "Dimension value"), t.unit) {
@@ -2111,14 +2111,14 @@ const to = 10, eo = 25.4, no = 0.352778, ro = 0.264583, K = {
     }
   }
 };
-function oo(t) {
+function so(t) {
   return at(t.value, "Dimension"), `${t.value}${t.unit}`;
 }
-function zi(t) {
-  return t.map(oo);
+function Hi(t) {
+  return t.map(so);
 }
-const so = ["fr", "px", "mm", "cm", "pt", "inch"];
-function io(t, e) {
+const io = ["fr", "px", "mm", "cm", "pt", "inch"];
+function lo(t, e) {
   if (e === "fr")
     return 1;
   switch (e) {
@@ -2185,7 +2185,7 @@ const rn = F(
     }, m = (h) => {
       const g = h.target.value;
       p(g);
-      const w = io(n, g);
+      const w = lo(n, g);
       u(w.toString());
     };
     return /* @__PURE__ */ r.jsxs(
@@ -2215,7 +2215,7 @@ const rn = F(
               className: Jt.select,
               value: f,
               onChange: m,
-              children: so.map((h) => /* @__PURE__ */ r.jsx("option", { value: h, children: h }, h))
+              children: io.map((h) => /* @__PURE__ */ r.jsx("option", { value: h, children: h }, h))
             }
           ),
           /* @__PURE__ */ r.jsx(
@@ -2234,7 +2234,7 @@ const rn = F(
   }
 );
 rn.displayName = "GridUnitEditor";
-function lo(t, e, n, s) {
+function ao(t, e, n, s) {
   if (e === "fr") {
     if (n !== void 0 && s !== void 0 && s > 0) {
       const o = t / s;
@@ -2303,7 +2303,7 @@ const xe = F(
     }, _ = () => {
       p(!1);
     }, m = c ? (() => {
-      const h = lo(
+      const h = ao(
         c,
         n.unit,
         n.value,
@@ -2316,7 +2316,7 @@ const xe = F(
         "button",
         {
           type: "button",
-          className: Kr.label,
+          className: Xr.label,
           style: x,
           onDoubleClick: v,
           "data-testid": `grid-dimension-${t}-${e}`,
@@ -2342,7 +2342,7 @@ const xe = F(
   }
 );
 xe.displayName = "GridDimensionLabel";
-function ao(t, e, n, s) {
+function co(t, e, n, s) {
   let o = "";
   for (const l of t)
     o += `M ${l} 0 L ${l} ${s} `;
@@ -2350,7 +2350,7 @@ function ao(t, e, n, s) {
     o += `M 0 ${l} L ${n} ${l} `;
   return o;
 }
-const co = F(
+const uo = F(
   ({
     gridPosPx: t,
     contentPx: e,
@@ -2362,7 +2362,7 @@ const co = F(
     dpi: a = H,
     className: c = ""
   }) => {
-    const u = A(() => ao(
+    const u = A(() => co(
       t.cols.slice(1, -1),
       t.rows.slice(1, -1),
       e.width,
@@ -2399,9 +2399,9 @@ const co = F(
       }
     );
   }
-), uo = "_handle_1mgtx_1", ho = "_dragging_1mgtx_19", fe = {
-  handle: uo,
-  dragging: ho
+), ho = "_handle_1mgtx_1", fo = "_dragging_1mgtx_19", fe = {
+  handle: ho,
+  dragging: fo
 }, ve = F(
   ({
     direction: t,
@@ -2457,7 +2457,7 @@ const co = F(
   }
 );
 ve.displayName = "GridResizeHandle";
-const fo = F(
+const mo = F(
   ({
     paperPx: t,
     visible: e = !0,
@@ -2567,17 +2567,17 @@ const fo = F(
       null
     ), D = ft(null);
     gt(() => {
-      const j = (C) => {
+      const j = (L) => {
         if (!D.current) return;
-        const L = D.current.getBoundingClientRect();
+        const C = D.current.getBoundingClientRect();
         S({
-          x: C.clientX - L.left,
-          y: C.clientY - L.top
+          x: L.clientX - C.left,
+          y: L.clientY - C.top
         });
-      }, N = (C) => {
+      }, N = (L) => {
         if (!D.current) return;
-        const L = D.current.getBoundingClientRect();
-        (C.clientX < L.left || C.clientX > L.right || C.clientY < L.top || C.clientY > L.bottom) && S(null);
+        const C = D.current.getBoundingClientRect();
+        (L.clientX < C.left || L.clientX > C.right || L.clientY < C.top || L.clientY > C.bottom) && S(null);
       };
       return window.addEventListener("mousemove", j), window.addEventListener("mouseleave", N), () => {
         window.removeEventListener("mousemove", j), window.removeEventListener("mouseleave", N);
@@ -2585,8 +2585,8 @@ const fo = F(
     }, []);
     const E = A(() => {
       if (!$) return !1;
-      const j = t.content.width, N = t.content.height, C = t.margin.left, L = t.margin.top;
-      return !($.x >= C && $.x <= C + j && $.y >= L && $.y <= L + N);
+      const j = t.content.width, N = t.content.height, L = t.margin.left, C = t.margin.top;
+      return !($.x >= L && $.x <= L + j && $.y >= C && $.y <= C + N);
     }, [$, t]), P = I(
       (j, N) => {
         w({ direction: j, index: N });
@@ -2594,7 +2594,7 @@ const fo = F(
       []
     ), M = A(() => {
       if (!m || !g) return null;
-      const j = g.direction === "column" ? e.cols : e.rows, N = g.index, C = j[N - 1], L = m.position, W = C !== void 0 ? L - C : 0, X = m.position, q = j[N + 1], b = q !== void 0 ? q - X : 0;
+      const j = g.direction === "column" ? e.cols : e.rows, N = g.index, L = j[N - 1], C = m.position, W = L !== void 0 ? C - L : 0, X = m.position, q = j[N + 1], b = q !== void 0 ? q - X : 0;
       return {
         direction: g.direction,
         prevIndex: N - 1,
@@ -2603,11 +2603,11 @@ const fo = F(
         nextSize: b
       };
     }, [m, g, e]), G = I(
-      (j, N, C) => {
-        const L = j === "column" ? e.cols : e.rows, W = L[N];
+      (j, N, L) => {
+        const C = j === "column" ? e.cols : e.rows, W = C[N];
         if (W === void 0) return;
-        const X = L[N - 1], q = L[N + 1], b = 10;
-        let T = C;
+        const X = C[N - 1], q = C[N + 1], b = 10;
+        let T = L;
         if (X !== void 0) {
           const O = X + b - W;
           T = Math.max(T, O);
@@ -2623,14 +2623,14 @@ const fo = F(
       },
       [e]
     ), R = I(
-      (j, N, C) => {
-        const L = j === "column" ? e.cols : e.rows, W = L[N];
+      (j, N, L) => {
+        const C = j === "column" ? e.cols : e.rows, W = C[N];
         if (W === void 0) {
           h(null);
           return;
         }
-        const X = L[N - 1], q = L[N + 1], b = 10;
-        let T = C;
+        const X = C[N - 1], q = C[N + 1], b = 10;
+        let T = L;
         if (X !== void 0) {
           const O = X + b - W;
           T = Math.max(T, O);
@@ -2649,7 +2649,7 @@ const fo = F(
     };
     return /* @__PURE__ */ r.jsxs("div", { ref: D, className: _, style: k, children: [
       /* @__PURE__ */ r.jsx(
-        zr,
+        Hr,
         {
           canvasPx: t.canvas,
           backgroundColor: l,
@@ -2659,7 +2659,7 @@ const fo = F(
         }
       ),
       u && /* @__PURE__ */ r.jsx(
-        fo,
+        mo,
         {
           paperPx: t,
           visible: u,
@@ -2669,7 +2669,7 @@ const fo = F(
         }
       ),
       c && /* @__PURE__ */ r.jsx(
-        co,
+        uo,
         {
           gridPosPx: e,
           contentPx: t.content,
@@ -2683,7 +2683,7 @@ const fo = F(
         }
       ),
       f && /* @__PURE__ */ r.jsx(
-        Yr,
+        zr,
         {
           contentPx: t.content,
           marginLeftPx: t.margin.left,
@@ -2699,7 +2699,7 @@ const fo = F(
         e.cols.map((j, N) => {
           if (N === 0 || N === e.cols.length - 1)
             return null;
-          const C = `col-${N}`;
+          const L = `col-${N}`;
           return /* @__PURE__ */ r.jsx(
             ve,
             {
@@ -2712,13 +2712,13 @@ const fo = F(
               onResize: G,
               onResizeEnd: R
             },
-            C
+            L
           );
         }),
         e.rows.map((j, N) => {
           if (N === 0 || N === e.rows.length - 1)
             return null;
-          const C = `row-${N}`;
+          const L = `row-${N}`;
           return /* @__PURE__ */ r.jsx(
             ve,
             {
@@ -2731,18 +2731,18 @@ const fo = F(
               onResize: G,
               onResizeEnd: R
             },
-            C
+            L
           );
         })
       ] }),
       x && n && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         n.cols.map((j, N) => {
-          const C = e.cols[N], L = e.cols[N + 1];
-          if (C === void 0 || L === void 0) return null;
+          const L = e.cols[N], C = e.cols[N + 1];
+          if (L === void 0 || C === void 0) return null;
           const W = (g == null ? void 0 : g.direction) === "column" && (g.index === N || g.index === N + 1);
           let X;
           M && M.direction === "column" && (M.prevIndex === N ? X = M.prevSize : M.nextIndex === N && (X = M.nextSize));
-          const q = (C + L) / 2, b = L - C, T = `col-dim-${N}`;
+          const q = (L + C) / 2, b = C - L, T = `col-dim-${N}`;
           return /* @__PURE__ */ r.jsx(
             xe,
             {
@@ -2762,9 +2762,9 @@ const fo = F(
         }),
         " ",
         n.rows.map((j, N) => {
-          const C = e.rows[N], L = e.rows[N + 1];
-          if (C === void 0 || L === void 0) return null;
-          const W = (g == null ? void 0 : g.direction) === "row" && (g.index === N || g.index === N + 1), X = (C + L) / 2, q = L - C, b = `row-dim-${N}`;
+          const L = e.rows[N], C = e.rows[N + 1];
+          if (L === void 0 || C === void 0) return null;
+          const W = (g == null ? void 0 : g.direction) === "row" && (g.index === N || g.index === N + 1), X = (L + C) / 2, q = C - L, b = `row-dim-${N}`;
           return /* @__PURE__ */ r.jsx(
             xe,
             {
@@ -2801,7 +2801,7 @@ const fo = F(
     ] });
   }
 );
-class mo {
+class po {
   constructor() {
     ae(this, "state", null);
     ae(this, "listeners", []);
@@ -2852,12 +2852,12 @@ class mo {
       e(this.state);
   }
 }
-const be = new mo();
+const be = new po();
 function Oe(t, e, n, s) {
   if (e < 0 || e >= t.length)
     return t;
   const o = [...t], l = o[e], i = o[e + 1];
-  return !l || !i ? t : l.unit === "fr" && i.unit === "fr" ? po(o, e, n, s) : l.unit !== "fr" && i.unit !== "fr" ? xo(o, e, n) : l.unit === "fr" && i.unit !== "fr" ? Se(
+  return !l || !i ? t : l.unit === "fr" && i.unit === "fr" ? xo(o, e, n, s) : l.unit !== "fr" && i.unit !== "fr" ? vo(o, e, n) : l.unit === "fr" && i.unit !== "fr" ? Se(
     o,
     e,
     n,
@@ -2871,7 +2871,7 @@ function Oe(t, e, n, s) {
     s
   );
 }
-function po(t, e, n, s) {
+function xo(t, e, n, s) {
   const o = t[e], l = t[e + 1];
   if (!o || !l) return t;
   const i = t.reduce(
@@ -2886,7 +2886,7 @@ function po(t, e, n, s) {
     value: Math.round(v * 100) / 100
   }, t;
 }
-function xo(t, e, n) {
+function vo(t, e, n) {
   const s = t[e], o = t[e + 1];
   if (!s || !o) return t;
   const l = U.fromDim(s), i = U.fromDim(o), a = Math.max(10, l + n), c = Math.max(10, i - n);
@@ -2958,7 +2958,7 @@ function Qt(t, e) {
     }
   }
 }
-function vo(t) {
+function bo(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2970,9 +2970,9 @@ function vo(t) {
   }
   return e;
 }
-const bo = 8, go = 32, wo = 64, _o = 512, ke = (t, e, n) => Math.min(Math.max(t, e), n);
+const go = 8, wo = 32, _o = 64, yo = 512, ke = (t, e, n) => Math.min(Math.max(t, e), n);
 function Ge(t) {
-  const e = t.length - 1, n = e >= 1 ? t[e] ?? 0 : 0, s = t.length >= 1 ? n / e : 0, o = ke(Math.ceil(Math.log2(e + 1)), bo, go), l = ke(s * 2, wo, _o);
+  const e = t.length - 1, n = e >= 1 ? t[e] ?? 0 : 0, s = t.length >= 1 ? n / e : 0, o = ke(Math.ceil(Math.log2(e + 1)), go, wo), l = ke(s * 2, _o, yo);
   return { step: o, windowPx: l };
 }
 function me(t, e) {
@@ -3035,7 +3035,7 @@ function ge(t, e) {
     }
   });
   if (n === 0)
-    return Ar(s, 0, e, "Total fixed size"), o;
+    return Mr(s, 0, e, "Total fixed size"), o;
   const l = e - s;
   at(l, "Content size - fixed sizes");
   const i = l / n;
@@ -3049,9 +3049,9 @@ function ge(t, e) {
 function we(t, e = 96) {
   at(e, "DPI"), je(e, "DPI");
   const n = t.map((o) => U.fromMm(o, e));
-  return vo(n);
+  return bo(n);
 }
-function Hi(t, e, n) {
+function Ki(t, e, n) {
   if (t.length === 0) return [];
   at(n, "DPI"), je(n, "DPI"), at(e, "Content size");
   const s = ge(t, e);
@@ -3068,7 +3068,7 @@ function _e(t) {
         e[n] = s;
   return e;
 }
-function Ki(t, e) {
+function Xi(t, e) {
   const s = {
     A4: { width: 210, height: 297 },
     A3: { width: 297, height: 420 },
@@ -3079,46 +3079,46 @@ function Ki(t, e) {
   }[t];
   return e === "landscape" ? { width: s.height, height: s.width } : s;
 }
-function yo(t) {
+function Eo(t) {
   t != null && t.title && (document.title = t.title), t != null && t.removeScrollbars && (document.body.style.overflow = "hidden");
 }
-function Eo(t) {
+function jo(t) {
   t != null && t.restoreScrollbars && (document.body.style.overflow = "");
 }
 function Ve(t) {
-  yo({ title: t == null ? void 0 : t.title, removeScrollbars: !0 });
+  Eo({ title: t == null ? void 0 : t.title, removeScrollbars: !0 });
   const e = () => {
     var s;
     (s = t == null ? void 0 : t.onBeforePrint) == null || s.call(t);
   }, n = () => {
     var s;
-    (s = t == null ? void 0 : t.onAfterPrint) == null || s.call(t), Eo({ restoreScrollbars: !0 }), window.removeEventListener("beforeprint", e), window.removeEventListener("afterprint", n);
+    (s = t == null ? void 0 : t.onAfterPrint) == null || s.call(t), jo({ restoreScrollbars: !0 }), window.removeEventListener("beforeprint", e), window.removeEventListener("afterprint", n);
   };
   window.addEventListener("beforeprint", e), window.addEventListener("afterprint", n), window.print();
 }
-function jo(t) {
+function No(t) {
   if (typeof t != "object" || t === null) return !1;
   const e = t;
   if (typeof e.id != "string" || typeof e.kind != "string" || typeof e.layout != "object" || e.layout === null) return !1;
   const n = e.layout;
   return !(typeof n.x != "number" || typeof n.y != "number" || typeof n.w != "number" || typeof n.h != "number" || e.props !== void 0 && typeof e.props != "object");
 }
-function No(t) {
+function Io(t) {
   return t === "fr" || t === "px" || t === "%";
 }
 function Fe(t) {
   return Array.isArray(t) ? t.every((e) => {
     if (typeof e != "object" || e === null) return !1;
     const n = e;
-    return typeof n.value == "number" && No(n.unit);
+    return typeof n.value == "number" && Io(n.unit);
   }) : !1;
 }
-function Io(t) {
+function $o(t) {
   if (typeof t != "object" || t === null) return !1;
   const e = t;
   return Fe(e.cols) && Fe(e.rows);
 }
-function $o(t) {
+function Do(t) {
   if (typeof t != "object" || t === null) return !1;
   const e = t;
   if (typeof e.size != "object" || e.size === null) return !1;
@@ -3138,27 +3138,27 @@ function $o(t) {
   }
   return !0;
 }
-function Do(t) {
+function To(t) {
   return t == null || typeof t == "string" || typeof t == "number" || typeof t == "boolean" || typeof t == "object" && !Array.isArray(t);
 }
-function To(t) {
+function Ro(t) {
   if (typeof t != "object" || t === null)
     throw new Error("Schema must be an object");
   const e = t;
-  if (!$o(e.paper))
+  if (!Do(e.paper))
     throw new Error("Invalid paper definition");
-  if (!Io(e.grid))
+  if (!$o(e.grid))
     throw new Error("Invalid grid definition");
   if (!Array.isArray(e.blocks))
     throw new Error("blocks must be an array");
-  if (!e.blocks.every(jo))
+  if (!e.blocks.every(No))
     throw new Error("Invalid block definition in blocks array");
   if (e.metaData !== void 0) {
     if (typeof e.metaData != "object" || e.metaData === null)
       throw new Error("metaData must be an object if provided");
     const n = e.metaData;
     for (const s in n)
-      if (!Do(n[s]))
+      if (!To(n[s]))
         throw new Error(`Invalid value in metaData.${s}`);
   }
   return e;
@@ -3166,7 +3166,7 @@ function To(t) {
 function Ue(t) {
   try {
     const e = JSON.parse(t);
-    return To(e);
+    return Ro(e);
   } catch (e) {
     throw e instanceof SyntaxError ? new Error(`Invalid JSON format: ${e.message}`) : e;
   }
@@ -3183,7 +3183,7 @@ function We(t, e = !1) {
 function on(t) {
   return t == null || typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? !0 : typeof t == "object" && !Array.isArray(t) ? Object.values(t).every(on) : !1;
 }
-function Ro(t) {
+function Ao(t) {
   if (typeof t != "object" || t === null)
     throw new Error("Values must be an object");
   if (Array.isArray(t))
@@ -3197,7 +3197,7 @@ function Ro(t) {
 function Ye(t) {
   try {
     const e = JSON.parse(t);
-    return Ro(e);
+    return Ao(e);
   } catch (e) {
     throw e instanceof SyntaxError ? new Error(`Invalid JSON format: ${e.message}`) : e;
   }
@@ -3236,10 +3236,10 @@ const le = {
   rubber_band: V.RUBBER_BAND
 };
 var z = /* @__PURE__ */ ((t) => (t.IDLE = "idle", t.PRESSING = "pressing", t.DRAGGING = "dragging", t.EDITING = "editing", t))(z || {}), Z = /* @__PURE__ */ ((t) => (t.N = "n", t.NE = "ne", t.E = "e", t.SE = "se", t.S = "s", t.SW = "sw", t.W = "w", t.NW = "nw", t))(Z || {}), lt = /* @__PURE__ */ ((t) => (t.MOVE = "move", t.RESIZE = "resize", t.INSERT = "insert", t))(lt || {}), B = /* @__PURE__ */ ((t) => (t.SELECT = "select", t.DESELECT = "deselect", t.START_PRESS = "startPress", t.UPDATE_DRAG = "updateDrag", t.END_DRAG = "endDrag", t.CANCEL_DRAG = "cancelDrag", t.EDIT = "edit", t.END_EDIT = "endEdit", t.START_INSERT = "startInsert", t.CANCEL_INSERT = "cancelInsert", t.START_RESIZE = "startResize", t))(B || {});
-const Ao = "_interactionBlock_145kg_7", Mo = "_resizeHandle_145kg_7", sn = {
-  interactionBlock: Ao,
-  resizeHandle: Mo
-}, Po = [
+const Mo = "_interactionBlock_145kg_7", Po = "_resizeHandle_145kg_7", sn = {
+  interactionBlock: Mo,
+  resizeHandle: Po
+}, Lo = [
   { id: Z.NW, cursor: "nwse-resize", x: 0, y: 0 },
   { id: Z.N, cursor: "ns-resize", x: 50, y: 0 },
   { id: Z.NE, cursor: "nesw-resize", x: 100, y: 0 },
@@ -3256,7 +3256,7 @@ const Ao = "_interactionBlock_145kg_7", Mo = "_resizeHandle_145kg_7", sn = {
     zIndex: s = V.BLOCK_HANDLES
   }) => {
     const o = n.size, l = o / 2;
-    return /* @__PURE__ */ r.jsx(r.Fragment, { children: Po.map(({ id: i, cursor: a, x: c, y: u }) => {
+    return /* @__PURE__ */ r.jsx(r.Fragment, { children: Lo.map(({ id: i, cursor: a, x: c, y: u }) => {
       const f = c === 50 ? `calc(50% - ${l}px)` : c === 100 ? `calc(100% - ${l}px)` : `-${l}px`, p = u === 50 ? `calc(50% - ${l}px)` : u === 100 ? `calc(100% - ${l}px)` : `-${l}px`, x = e === i;
       return /* @__PURE__ */ r.jsx(
         "div",
@@ -3793,7 +3793,7 @@ const fn = F(
   }
 );
 fn.displayName = "DragLayer";
-const Lo = ({
+const Oo = ({
   id: t,
   plugin: e,
   props: n,
@@ -3850,10 +3850,10 @@ const Lo = ({
       children: /* @__PURE__ */ r.jsx(_, { ref: p, ...y })
     }
   );
-}, Oo = te(Lo), So = F(
-  Oo
+}, So = te(Oo), ko = F(
+  So
 );
-function ko(t) {
+function Go(t) {
   const [e, n] = ot({
     mode: z.IDLE,
     selectedBlockIds: [],
@@ -4036,7 +4036,7 @@ const mn = F(
   }
 );
 mn.displayName = "SelectionLayer";
-function Go(t, e, n, s) {
+function Bo(t, e, n, s) {
   const o = n - e.w, l = s - e.h;
   return {
     x: Math.max(0, Math.min(t.x, o)),
@@ -4107,24 +4107,24 @@ const pn = F(
         const k = o(G.x), j = l(G.y);
         if (R) {
           E.stopPropagation();
-          const C = i.selectedBlockIds.includes(R);
+          const L = i.selectedBlockIds.includes(R);
           if (console.log("[InteractionLayer] PointerDown on block:", {
             targetId: R,
             shiftKey: E.shiftKey,
-            isAlreadySelected: C,
+            isAlreadySelected: L,
             currentSelection: i.selectedBlockIds
-          }), C && E.shiftKey) {
+          }), L && E.shiftKey) {
             console.log("[InteractionLayer] Shift+Click deselect:", R);
-            const L = i.selectedBlockIds.filter(
+            const C = i.selectedBlockIds.filter(
               (W) => W !== R
             );
-            console.log("[InteractionLayer] New selection:", L), a({
+            console.log("[InteractionLayer] New selection:", C), a({
               type: B.SELECT,
-              blockIds: L,
+              blockIds: C,
               shiftKey: !0
             });
             return;
-          } else C ? (E.currentTarget.setPointerCapture(E.pointerId), a({
+          } else L ? (E.currentTarget.setPointerCapture(E.pointerId), a({
             type: B.START_PRESS,
             blockId: R,
             startGrid: { col: k, row: j },
@@ -4163,7 +4163,7 @@ const pn = F(
         if (i.mode !== z.PRESSING && i.mode !== z.DRAGGING || !i.dragging) return;
         const P = (q = m.current) == null ? void 0 : q.getBoundingClientRect();
         if (!P) return;
-        const M = u ?? 1, G = P.width / M, R = P.height / M, k = (E.clientX - P.left) / M, j = (E.clientY - P.top) / M, N = i.dragging.type !== lt.RESIZE && (k < 0 || k > G || j < 0 || j > R), C = Math.max(0, Math.min(k, G)), L = Math.max(0, Math.min(j, R)), W = o(C), X = l(L);
+        const M = u ?? 1, G = P.width / M, R = P.height / M, k = (E.clientX - P.left) / M, j = (E.clientY - P.top) / M, N = i.dragging.type !== lt.RESIZE && (k < 0 || k > G || j < 0 || j > R), L = Math.max(0, Math.min(k, G)), C = Math.max(0, Math.min(j, R)), W = o(L), X = l(C);
         a({
           type: B.UPDATE_DRAG,
           currentGrid: { col: W, row: X },
@@ -4198,7 +4198,7 @@ const pn = F(
                 n.rows
               ), k = G.map((j) => {
                 const N = R.find(
-                  (C) => C.blockId === j.id
+                  (L) => L.blockId === j.id
                 );
                 return N ? {
                   ...j,
@@ -4220,21 +4220,21 @@ const pn = F(
             if (G && k) {
               const j = e[G];
               if (j) {
-                const { x: N, y: C } = Go(
+                const { x: N, y: L } = Bo(
                   { x: R.col, y: R.row },
                   { w: k.w, h: k.h },
                   n.cols,
                   n.rows
-                ), L = Mt(j, {
+                ), C = Mt(j, {
                   x: N,
-                  y: C,
+                  y: L,
                   w: k.w,
                   h: k.h
                 });
                 c == null || c({
                   type: ht.ADD,
-                  blockIds: [L.id],
-                  blocks: [L]
+                  blockIds: [C.id],
+                  blocks: [C]
                 });
               }
             }
@@ -4293,12 +4293,12 @@ const pn = F(
         if ((i.mode === z.PRESSING || i.mode === z.DRAGGING) && i.dragging) {
           const M = (P = m.current) == null ? void 0 : P.getBoundingClientRect();
           if (M) {
-            const G = u ?? 1, R = (E.clientX - M.left) / G, k = (E.clientY - M.top) / G, j = M.width / G, N = M.height / G, C = Math.max(0, Math.min(R, j)), L = Math.max(0, Math.min(k, N));
+            const G = u ?? 1, R = (E.clientX - M.left) / G, k = (E.clientY - M.top) / G, j = M.width / G, N = M.height / G, L = Math.max(0, Math.min(R, j)), C = Math.max(0, Math.min(k, N));
             a({
               type: B.UPDATE_DRAG,
               currentGrid: {
-                col: o(C),
-                row: l(L)
+                col: o(L),
+                row: l(C)
               },
               currentMousePx: { x: R, y: k },
               isOutside: !0
@@ -4335,7 +4335,7 @@ const pn = F(
               (M) => M.id === i.editingBlockId
             ), P = E ? e[E.kind] : null;
             return !E || !P ? null : /* @__PURE__ */ r.jsx(
-              So,
+              ko,
               {
                 ref: h,
                 id: E.id,
@@ -4495,10 +4495,10 @@ function De(t, e, n = H) {
   ), N = I(
     (O) => k(O - m),
     [k, m]
-  ), C = I(
+  ), L = I(
     (O) => j(O - _),
     [j, _]
-  ), L = A(() => ({
+  ), C = A(() => ({
     cols: D,
     rows: E
   }), [D, E]), W = A(() => ({
@@ -4518,19 +4518,19 @@ function De(t, e, n = H) {
     content: q
   }), [W, X, q]), T = I(
     (O) => {
-      const { x: Y, y: vt, w: Ct, h: J } = O.layout, dt = L.cols, wt = L.rows;
+      const { x: Y, y: vt, w: Lt, h: J } = O.layout, dt = C.cols, wt = C.rows;
       if (!dt.length || !wt.length)
         return { left: 0, top: 0, width: 0, height: 0 };
-      const Xt = Math.min(Math.max(0, Y), dt.length - 1), Rn = Math.min(Math.max(0, Y + Ct), dt.length - 1), Re = Math.min(Math.max(0, vt), wt.length - 1), An = Math.min(Math.max(0, vt + J), wt.length - 1), Mn = (dt[Xt] ?? 0) + m, Pn = (wt[Re] ?? 0) + _, Cn = (dt[Rn] ?? 0) - (dt[Xt] ?? 0), Ln = (wt[An] ?? 0) - (wt[Re] ?? 0);
-      return { left: Mn, top: Pn, width: Cn, height: Ln };
+      const Xt = Math.min(Math.max(0, Y), dt.length - 1), Rn = Math.min(Math.max(0, Y + Lt), dt.length - 1), Re = Math.min(Math.max(0, vt), wt.length - 1), An = Math.min(Math.max(0, vt + J), wt.length - 1), Mn = (dt[Xt] ?? 0) + m, Pn = (wt[Re] ?? 0) + _, Ln = (dt[Rn] ?? 0) - (dt[Xt] ?? 0), Cn = (wt[An] ?? 0) - (wt[Re] ?? 0);
+      return { left: Mn, top: Pn, width: Ln, height: Cn };
     },
-    [L, m, _]
+    [C, m, _]
   );
   return {
     paperPx: b,
-    gridPosPx: L,
+    gridPosPx: C,
     getColIndex: N,
-    getRowIndex: C,
+    getRowIndex: L,
     getBlockRectPx: T
   };
 }
@@ -4606,7 +4606,7 @@ const vn = F(
     scale: o = 1,
     className: l
   }) => {
-    const [i, a] = ko(), { paperPx: c, gridPosPx: u, getBlockRectPx: f, getColIndex: p, getRowIndex: x } = De(t.paper, t.grid, H), v = I(
+    const [i, a] = Go(), { paperPx: c, gridPosPx: u, getBlockRectPx: f, getColIndex: p, getRowIndex: x } = De(t.paper, t.grid, H), v = I(
       (w) => {
         if (n)
           switch (w.type) {
@@ -4915,7 +4915,7 @@ const bn = ({
   );
 };
 bn.displayName = "NoteView";
-const Bo = F(te(bn)), Vo = F(
+const Vo = F(te(bn)), Fo = F(
   ({
     schema: t,
     values: e,
@@ -4929,7 +4929,12 @@ const Bo = F(te(bn)), Vo = F(
   }) => {
     const u = I(
       (f, p) => {
-        l && l({ ...e, [f]: p });
+        if (l)
+          if (p == null) {
+            const { [f]: x, ...v } = e;
+            l(v);
+          } else
+            l({ ...e, [f]: p });
       },
       [e, l]
     );
@@ -4954,7 +4959,7 @@ const Bo = F(te(bn)), Vo = F(
         className: c
       }
     ) : /* @__PURE__ */ r.jsx(
-      Bo,
+      Vo,
       {
         schema: t,
         values: e,
@@ -4965,7 +4970,7 @@ const Bo = F(te(bn)), Vo = F(
     );
   }
 );
-Vo.displayName = "NoteEditor";
+Fo.displayName = "NoteEditor";
 function jt(t, e) {
   if (t.length === 0) return;
   const n = (i, a) => {
@@ -4979,11 +4984,11 @@ function jt(t, e) {
   }, s = e.split("."), o = n(t[0], s);
   return t.every((i) => n(i, s) === o) ? o : void 0;
 }
-const Fo = "_container_1tfjv_1", Uo = "_row_1tfjv_20", Wo = "_inputWrapper_1tfjv_37", pe = {
-  container: Fo,
-  row: Uo,
-  inputWrapper: Wo
-}, Yo = ({
+const Uo = "_container_1tfjv_1", Wo = "_row_1tfjv_20", Yo = "_inputWrapper_1tfjv_37", pe = {
+  container: Uo,
+  row: Wo,
+  inputWrapper: Yo
+}, zo = ({
   selectedBlocks: t,
   onUpdateBlocks: e
 }) => {
@@ -5032,7 +5037,7 @@ function Nt(t, e, n) {
   };
   return o(t, 0);
 }
-const zo = ({
+const Ho = ({
   selectedBlocks: t,
   onUpdateBlocks: e
 }) => {
@@ -5313,13 +5318,13 @@ const zo = ({
       ]
     }
   );
-}, Ho = "_container_1daw7_1", Ko = "_grid_1daw7_19", Xo = "_field_1daw7_26", qo = "_label_1daw7_33", Jo = "_inputWrapper_1daw7_43", ct = {
-  container: Ho,
-  grid: Ko,
-  field: Xo,
-  label: qo,
-  inputWrapper: Jo
-}, Zo = ({
+}, Ko = "_container_1daw7_1", Xo = "_grid_1daw7_19", qo = "_field_1daw7_26", Jo = "_label_1daw7_33", Zo = "_inputWrapper_1daw7_43", ct = {
+  container: Ko,
+  grid: Xo,
+  field: qo,
+  label: Jo,
+  inputWrapper: Zo
+}, Qo = ({
   selectedBlocks: t,
   onUpdateBlocks: e,
   gridSize: n
@@ -5427,12 +5432,12 @@ const zo = ({
       ) })
     ] })
   ] }) });
-}, Qo = "_container_1h4w8_1", ts = "_row_1h4w8_10", es = "_label_1h4w8_16", ns = "_inputWrapper_1h4w8_25", At = {
-  container: Qo,
-  row: ts,
-  label: es,
-  inputWrapper: ns
-}, rs = ({
+}, ts = "_container_1h4w8_1", es = "_row_1h4w8_10", ns = "_label_1h4w8_16", rs = "_inputWrapper_1h4w8_25", At = {
+  container: ts,
+  row: es,
+  label: ns,
+  inputWrapper: rs
+}, os = ({
   selectedBlocks: t,
   onUpdateBlocks: e
 }) => {
@@ -5483,20 +5488,20 @@ const zo = ({
       }
     ) }) })
   ] });
-}, os = "_container_wa11y_1", ss = "_scrollArea_wa11y_18", is = "_section_wa11y_26", ls = "_sectionTitle_wa11y_35", as = "_subsection_wa11y_47", cs = "_subsectionTitle_wa11y_51", us = "_fields_wa11y_59", ds = "_emptyState_wa11y_69", st = {
-  container: os,
-  scrollArea: ss,
-  section: is,
-  sectionTitle: ls,
-  subsection: as,
-  subsectionTitle: cs,
-  fields: us,
-  emptyState: ds
-}, hs = "_field_qo0ef_1", fs = "_label_qo0ef_7", ms = "_mixed_qo0ef_15", ps = "_description_qo0ef_22", Zt = {
-  field: hs,
-  label: fs,
-  mixed: ms,
-  description: ps
+}, ss = "_container_wa11y_1", is = "_scrollArea_wa11y_18", ls = "_section_wa11y_26", as = "_sectionTitle_wa11y_35", cs = "_subsection_wa11y_47", us = "_subsectionTitle_wa11y_51", ds = "_fields_wa11y_59", hs = "_emptyState_wa11y_69", st = {
+  container: ss,
+  scrollArea: is,
+  section: ls,
+  sectionTitle: as,
+  subsection: cs,
+  subsectionTitle: us,
+  fields: ds,
+  emptyState: hs
+}, fs = "_field_qo0ef_1", ms = "_label_qo0ef_7", ps = "_mixed_qo0ef_15", xs = "_description_qo0ef_22", Zt = {
+  field: fs,
+  label: ms,
+  mixed: ps,
+  description: xs
 }, Te = F(
   ({
     propertyKey: t,
@@ -5526,7 +5531,7 @@ const zo = ({
   }
 );
 Te.displayName = "PropertyField";
-function xs(t) {
+function vs(t) {
   return t !== !1;
 }
 const gn = F(
@@ -5566,7 +5571,7 @@ const gn = F(
         );
       }
       return p.forEach(([x, v]) => {
-        if (!xs(v) || t.length > 1 && v.disableInMultiSelection || v.condition && !v.condition(l.props))
+        if (!vs(v) || t.length > 1 && v.disableInMultiSelection || v.condition && !v.condition(l.props))
           return;
         const y = v.group || "基本";
         f[y] || (f[y] = []), v.Component && f[y].push({
@@ -5593,7 +5598,7 @@ const gn = F(
       /* @__PURE__ */ r.jsxs("div", { className: st.section, children: [
         /* @__PURE__ */ r.jsx("div", { className: st.sectionTitle, children: "配置・サイズ" }),
         /* @__PURE__ */ r.jsx(
-          Zo,
+          Qo,
           {
             selectedBlocks: t,
             onUpdateBlocks: n,
@@ -5604,7 +5609,7 @@ const gn = F(
       /* @__PURE__ */ r.jsxs("div", { className: st.section, children: [
         /* @__PURE__ */ r.jsx("div", { className: st.sectionTitle, children: "背景" }),
         /* @__PURE__ */ r.jsx(
-          Yo,
+          zo,
           {
             selectedBlocks: t,
             onUpdateBlocks: n
@@ -5614,7 +5619,7 @@ const gn = F(
       /* @__PURE__ */ r.jsxs("div", { className: st.section, children: [
         /* @__PURE__ */ r.jsx("div", { className: st.sectionTitle, children: "枠線" }),
         /* @__PURE__ */ r.jsx(
-          zo,
+          Ho,
           {
             selectedBlocks: t,
             onUpdateBlocks: n
@@ -5637,7 +5642,7 @@ const gn = F(
       /* @__PURE__ */ r.jsxs("div", { className: st.section, children: [
         /* @__PURE__ */ r.jsx("div", { className: st.sectionTitle, children: "基本設定" }),
         /* @__PURE__ */ r.jsx(
-          rs,
+          os,
           {
             selectedBlocks: t,
             onUpdateBlocks: n
@@ -5648,17 +5653,17 @@ const gn = F(
   }
 );
 gn.displayName = "BlockPropertyPanel";
-const vs = "_panel_1h33v_1", bs = "_header_1h33v_11", gs = "_group_1h33v_18", ws = "_groupTitle_1h33v_26", _s = "_groupContent_1h33v_36", kt = {
-  panel: vs,
-  header: bs,
-  group: gs,
-  groupTitle: ws,
-  groupContent: _s
+const bs = "_panel_1h33v_1", gs = "_header_1h33v_11", ws = "_group_1h33v_18", _s = "_groupTitle_1h33v_26", ys = "_groupContent_1h33v_36", kt = {
+  panel: bs,
+  header: gs,
+  group: ws,
+  groupTitle: _s,
+  groupContent: ys
 };
-function ys(t) {
+function Es(t) {
   return t !== !1;
 }
-const Xi = ({
+const qi = ({
   selectedBlocks: t,
   pluginRegistry: e,
   onUpdateBlocks: n
@@ -5667,7 +5672,7 @@ const Xi = ({
     if (!s || !o) return {};
     const a = {};
     return Object.entries(o.properties).forEach(([c, u]) => {
-      if (!ys(u) || t.length > 1 && u.disableInMultiSelection || u.condition && !u.condition(s.props))
+      if (!Es(u) || t.length > 1 && u.disableInMultiSelection || u.condition && !u.condition(s.props))
         return;
       const f = u.group || "基本";
       a[f] || (a[f] = []), u.Component && a[f].push({
@@ -5702,23 +5707,23 @@ const Xi = ({
       )) })
     ] }, a))
   ] });
-}, Es = "_panel_1ekwd_6", js = "_title_1ekwd_10", Ns = "_content_1ekwd_22", Is = "_description_1ekwd_29", $s = "_list_1ekwd_35", Ds = "_item_1ekwd_44", Ts = "_dragging_1ekwd_61", Rs = "_dragOver_1ekwd_66", As = "_dragHandle_1ekwd_71", Ms = "_itemInfo_1ekwd_86", Ps = "_itemId_1ekwd_93", Cs = "_itemMeta_1ekwd_98", Ls = "_itemKind_1ekwd_105", Os = "_itemActions_1ekwd_113", Ss = "_actionButton_1ekwd_118", ks = "_empty_1ekwd_154", tt = {
-  panel: Es,
-  title: js,
-  content: Ns,
-  description: Is,
-  list: $s,
-  item: Ds,
-  dragging: Ts,
-  dragOver: Rs,
-  dragHandle: As,
-  itemInfo: Ms,
-  itemId: Ps,
+}, js = "_panel_1ekwd_6", Ns = "_title_1ekwd_10", Is = "_content_1ekwd_22", $s = "_description_1ekwd_29", Ds = "_list_1ekwd_35", Ts = "_item_1ekwd_44", Rs = "_dragging_1ekwd_61", As = "_dragOver_1ekwd_66", Ms = "_dragHandle_1ekwd_71", Ps = "_itemInfo_1ekwd_86", Ls = "_itemId_1ekwd_93", Cs = "_itemMeta_1ekwd_98", Os = "_itemKind_1ekwd_105", Ss = "_itemActions_1ekwd_113", ks = "_actionButton_1ekwd_118", Gs = "_empty_1ekwd_154", tt = {
+  panel: js,
+  title: Ns,
+  content: Is,
+  description: $s,
+  list: Ds,
+  item: Ts,
+  dragging: Rs,
+  dragOver: As,
+  dragHandle: Ms,
+  itemInfo: Ps,
+  itemId: Ls,
   itemMeta: Cs,
-  itemKind: Ls,
-  itemActions: Os,
-  actionButton: Ss,
-  empty: ks
+  itemKind: Os,
+  itemActions: Ss,
+  actionButton: ks,
+  empty: Gs
 }, wn = ({
   blocks: t,
   onBlocksChange: e
@@ -5963,14 +5968,14 @@ const _n = ({ schema: t, onSchemaChange: e }) => {
   ] });
 };
 _n.displayName = "CanvasPanel";
-const Gs = "_panel_1axyd_6", Bs = "_title_1axyd_10", Vs = "_content_1axyd_22", Fs = "_field_1axyd_29", Us = "_horizontal_1axyd_35", Ws = "_label_1axyd_41", Ys = "_gridSizeRow_1axyd_52", _t = {
-  panel: Gs,
-  title: Bs,
-  content: Vs,
-  field: Fs,
-  horizontal: Us,
-  label: Ws,
-  gridSizeRow: Ys
+const Bs = "_panel_1axyd_6", Vs = "_title_1axyd_10", Fs = "_content_1axyd_22", Us = "_field_1axyd_29", Ws = "_horizontal_1axyd_35", Ys = "_label_1axyd_41", zs = "_gridSizeRow_1axyd_52", _t = {
+  panel: Bs,
+  title: Vs,
+  content: Fs,
+  field: Us,
+  horizontal: Ws,
+  label: Ys,
+  gridSizeRow: zs
 }, yn = ({ grid: t, onGridChange: e }) => {
   const n = I(
     (o) => {
@@ -6038,19 +6043,19 @@ const Gs = "_panel_1axyd_6", Bs = "_title_1axyd_10", Vs = "_content_1axyd_22", F
   ] });
 };
 yn.displayName = "GridSizePanel";
-const zs = "_panel_qlcb6_6", Hs = "_header_qlcb6_10", Ks = "_title_qlcb6_20", Xs = "_headerActions_qlcb6_29", qs = "_content_qlcb6_33", Js = "_field_qlcb6_37", Zs = "_horizontal_qlcb6_43", Qs = "_label_qlcb6_49", ti = "_marginsGrid_qlcb6_60", ei = "_topMargin_qlcb6_66", ni = "_bottomMargin_qlcb6_67", ri = "_sideMargins_qlcb6_73", Q = {
-  panel: zs,
-  header: Hs,
-  title: Ks,
-  headerActions: Xs,
-  content: qs,
-  field: Js,
-  horizontal: Zs,
-  label: Qs,
-  marginsGrid: ti,
-  topMargin: ei,
-  bottomMargin: ni,
-  sideMargins: ri
+const Hs = "_panel_qlcb6_6", Ks = "_header_qlcb6_10", Xs = "_title_qlcb6_20", qs = "_headerActions_qlcb6_29", Js = "_content_qlcb6_33", Zs = "_field_qlcb6_37", Qs = "_horizontal_qlcb6_43", ti = "_label_qlcb6_49", ei = "_marginsGrid_qlcb6_60", ni = "_topMargin_qlcb6_66", ri = "_bottomMargin_qlcb6_67", oi = "_sideMargins_qlcb6_73", Q = {
+  panel: Hs,
+  header: Ks,
+  title: Xs,
+  headerActions: qs,
+  content: Js,
+  field: Zs,
+  horizontal: Qs,
+  label: ti,
+  marginsGrid: ei,
+  topMargin: ni,
+  bottomMargin: ri,
+  sideMargins: oi
 }, En = ({ paper: t, onPaperChange: e }) => {
   const [n, s] = ot(!1), o = I((u) => {
     u !== void 0 && s(u);
@@ -6189,14 +6194,14 @@ const zs = "_panel_qlcb6_6", Hs = "_header_qlcb6_10", Ks = "_title_qlcb6_20", Xs
   ] });
 };
 En.displayName = "MarginPanel";
-const oi = "_panel_16d9o_6", si = "_title_16d9o_10", ii = "_content_16d9o_22", li = "_field_16d9o_29", ai = "_horizontal_16d9o_35", ci = "_label_16d9o_41", ui = "_dimensionsRow_16d9o_52", bt = {
-  panel: oi,
-  title: si,
-  content: ii,
-  field: li,
-  horizontal: ai,
-  label: ci,
-  dimensionsRow: ui
+const si = "_panel_16d9o_6", ii = "_title_16d9o_10", li = "_content_16d9o_22", ai = "_field_16d9o_29", ci = "_horizontal_16d9o_35", ui = "_label_16d9o_41", di = "_dimensionsRow_16d9o_52", bt = {
+  panel: si,
+  title: ii,
+  content: li,
+  field: ai,
+  horizontal: ci,
+  label: ui,
+  dimensionsRow: di
 }, jn = ({
   paper: t,
   onPaperChange: e
@@ -6293,13 +6298,13 @@ const oi = "_panel_16d9o_6", si = "_title_16d9o_10", ii = "_content_16d9o_22", l
   ] });
 };
 jn.displayName = "PaperSizePanel";
-const di = "_section_p4xnx_6", hi = "_title_p4xnx_14", fi = "_content_p4xnx_26", mi = "_buttonGroup_p4xnx_33", pi = "_button_p4xnx_33", xi = "_error_p4xnx_65", et = {
-  section: di,
-  title: hi,
-  content: fi,
-  buttonGroup: mi,
-  button: pi,
-  error: xi
+const hi = "_section_p4xnx_6", fi = "_title_p4xnx_14", mi = "_content_p4xnx_26", pi = "_buttonGroup_p4xnx_33", xi = "_button_p4xnx_33", vi = "_error_p4xnx_65", et = {
+  section: hi,
+  title: fi,
+  content: mi,
+  buttonGroup: pi,
+  button: xi,
+  error: vi
 }, Nn = ({
   schema: t,
   values: e,
@@ -6535,12 +6540,12 @@ const In = ({
   }
 ) });
 In.displayName = "OtherPanel";
-const vi = "_container_naj39_3", bi = "_paletteItems_naj39_32", gi = "_item_naj39_44", wi = "_itemPreview_naj39_77", _i = "_itemName_naj39_106", Yt = {
-  container: vi,
-  paletteItems: bi,
-  item: gi,
-  itemPreview: wi,
-  itemName: _i
+const bi = "_container_naj39_3", gi = "_paletteItems_naj39_32", wi = "_item_naj39_44", _i = "_itemPreview_naj39_77", yi = "_itemName_naj39_106", Yt = {
+  container: bi,
+  paletteItems: gi,
+  item: wi,
+  itemPreview: _i,
+  itemName: yi
 }, $n = ({ plugins: t, className: e }) => {
   const [n, s] = ot(null), o = I(
     (l, i) => {
@@ -6680,11 +6685,11 @@ const Tn = ({ plugin: t, mousePos: e }) => {
   );
 };
 Tn.displayName = "DragGhost";
-const yi = "_container_rt0ql_3", Ei = "_tabHeader_rt0ql_14", ji = "_tabContent_rt0ql_21", Gt = {
-  container: yi,
-  tabHeader: Ei,
-  tabContent: ji
-}, Ni = ({
+const Ei = "_container_rt0ql_3", ji = "_tabHeader_rt0ql_14", Ni = "_tabContent_rt0ql_21", Gt = {
+  container: Ei,
+  tabHeader: ji,
+  tabContent: Ni
+}, Ii = ({
   blocks: t,
   selectedBlockIds: e,
   pluginRegistry: n,
@@ -6730,25 +6735,25 @@ const yi = "_container_rt0ql_3", Ei = "_tabHeader_rt0ql_14", ji = "_tabContent_r
     ) })
   ] }) });
 };
-Ni.displayName = "Sidebar";
+Ii.displayName = "Sidebar";
 export {
-  Ai as ACTUAL_UNITS,
-  Ri as ALL_UNITS,
+  Mi as ACTUAL_UNITS,
+  Ai as ALL_UNITS,
   xt as BLOCK_SUB_INDEX,
   Nr as BORDER_UNITS,
-  Yo as BackgroundPanel,
-  Gr as BlockBorder,
-  Br as BlockCanvas,
+  zo as BackgroundPanel,
+  Br as BlockBorder,
+  Vr as BlockCanvas,
   ht as BlockChangeType,
   nn as BlockContainer,
-  Fr as BlockGuideBorder,
+  Ur as BlockGuideBorder,
   ie as BlockLayer,
   wn as BlockOrderPanel,
   gn as BlockPropertyPanel,
   se as BlockRenderer,
   Ht as Border,
-  Yr as BorderOverlay,
-  zo as BorderPanel,
+  zr as BorderOverlay,
+  Ho as BorderPanel,
   Pt as BorderRenderer,
   ur as COLOR_PALETTE,
   _n as CanvasPanel,
@@ -6757,23 +6762,24 @@ export {
   ee as ColorPicker,
   qe as ColorPickerPopover,
   H as DEFAULT_DPI,
-  Rr as DEFAULT_GRID,
+  Dr as DEFAULT_FONT_FAMILY,
+  Ar as DEFAULT_GRID,
   Ne as DEFAULT_GUIDE_BORDER,
-  Vr as DEFAULT_GUIDE_LINE,
-  Or as DEFAULT_PAPER,
-  Lr as DEFAULT_PAPER_MARGIN,
+  Fr as DEFAULT_GUIDE_LINE,
+  Sr as DEFAULT_PAPER,
+  Or as DEFAULT_PAPER_MARGIN,
   tn as DEFAULT_PAPER_SIZES,
-  Ui as DEFAULT_SCHEMA,
+  Wi as DEFAULT_SCHEMA,
   it as DimensionInput,
   fn as DragLayer,
   lt as DragType,
-  So as EditingBlock,
+  ko as EditingBlock,
   Ir as FONT_UNITS,
-  Pi as GRID_UNITS,
-  zr as GridCanvas,
+  Li as GRID_UNITS,
+  Hr as GridCanvas,
   xe as GridDimensionLabel,
   Ie as GridLayer,
-  co as GridOverlay,
+  uo as GridOverlay,
   ve as GridResizeHandle,
   yn as GridSizePanel,
   Bt as HorizontalAlign,
@@ -6784,27 +6790,27 @@ export {
   B as InteractionEventType,
   pn as InteractionLayer,
   z as InteractionMode,
-  Zo as LayoutPanel,
+  Qo as LayoutPanel,
   pt as LineType,
-  fo as MarginOverlay,
+  mo as MarginOverlay,
   En as MarginPanel,
-  rs as MetaPanel,
+  os as MetaPanel,
   un as MovingGhost,
   Ut as MultilineWhiteSpace,
   Ft as MultilineWordWrap,
   xn as NoteEdit,
-  Vo as NoteEditor,
+  Fo as NoteEditor,
   vn as NoteForm,
   mt as NoteMode,
-  Bo as NoteView,
+  Vo as NoteView,
   ut as NumberInput,
   In as OtherPanel,
   St as PADDING_UNITS,
-  Mi as PAPER_UNITS,
+  Pi as PAPER_UNITS,
   $n as PalettePanel,
   jn as PaperSizePanel,
   yt as PaperSizePreset,
-  Xi as PluginPanels,
+  qi as PluginPanels,
   Te as PropertyField,
   $e as RESIZE_HANDLE_STYLE,
   Xe as RGBAInputs,
@@ -6812,80 +6818,80 @@ export {
   Z as ResizeHandle,
   ln as ResizeHandles,
   le as SELECTION_STYLE,
-  Le as SIZE_UNITS,
+  Ce as SIZE_UNITS,
   It as Select,
   Co as SelectionBorder,
   mn as SelectionLayer,
-  Ni as Sidebar,
+  Ii as Sidebar,
   Je as TabPanel,
   Ze as Tabs,
   Dt as TabsContent,
   Qe as TabsList,
   $t as TabsTrigger,
   zt as TextInput,
-  Sr as ValidationSeverity,
+  kr as ValidationSeverity,
   Vt as VerticalAlign,
   V as Z_INDEX,
   zn as alignmentDefinition,
-  Fi as assertFinite,
+  Ui as assertFinite,
   je as assertInteger,
   Rt as assertNonNegative,
   at as assertPositive,
-  Ar as assertRange,
+  Mr as assertRange,
   me as binarySearch,
   Oe as calculateGridResize,
   dn as calculateResizedLayout,
-  Go as clampBlockToGrid,
+  Bo as clampBlockToGrid,
   cn as clampMultipleBlocks,
-  Eo as cleanupPrint,
+  jo as cleanupPrint,
   Mt as createBlock,
-  Tr as createBlockId,
-  Dr as createInitialProps,
-  Oi as createPluginRegistry,
+  Rr as createBlockId,
+  Tr as createInitialProps,
+  Si as createPluginRegistry,
   Ue as deserializeSchema,
   Ye as deserializeValues,
-  oo as dimensionToString,
-  zi as dimensionsToStrings,
-  vo as distributeRemainder,
+  so as dimensionToString,
+  Hi as dimensionsToStrings,
+  bo as distributeRemainder,
   Ve as executePrint,
   He as findBlockAtPoint,
   Be as findGridIndex,
-  Li as fontStyleDefinition,
+  Oi as fontStyleDefinition,
   en as getBlockContainerStyle,
-  kr as getBlockZIndex,
+  Gr as getBlockZIndex,
   jt as getCommonValue,
-  Wi as getMaxBlockCount,
+  Yi as getMaxBlockCount,
   Ge as getMaxStep,
-  Ki as getPaperSize,
+  Xi as getPaperSize,
   Wt as getStrokeDasharray,
   oe as getSubZIndex,
   be as globalDragStore,
   ge as gridToMms,
-  Hi as gridToPxs,
-  Si as imageDefinition,
+  Ki as gridToPxs,
+  ki as imageDefinition,
   rt as interactionZIndexs,
-  Ti as isValidHex,
+  Ri as isValidHex,
   we as mmsToPxs,
-  ki as multilineDefinition,
+  Gi as multilineDefinition,
   $r as paddingDefinition,
-  Ce as parseColor,
-  Gi as placeholderDefinition,
-  yo as preparePrint,
+  Le as parseColor,
+  Bi as placeholderDefinition,
+  Eo as preparePrint,
   _e as removeUndefinedProps,
   We as serializeSchema,
   ze as serializeValues,
-  Bi as sizeDefinition,
-  Qr as stringToDimension,
-  Yi as stringsToDimensions,
+  Vi as sizeDefinition,
+  to as stringToDimension,
+  zi as stringsToDimensions,
   cr as toHex,
   K as toMm,
   U as toPx,
-  Di as toRgbaString,
+  Ti as toRgbaString,
   Ci as universalProperties,
   De as useGridCalc,
-  ko as useInteractionState,
-  To as validateSchema,
-  Ro as validateValues,
-  Vi as validationDefinition
+  Go as useInteractionState,
+  Ro as validateSchema,
+  Ao as validateValues,
+  Fi as validationDefinition
 };
 //# sourceMappingURL=index.mjs.map