@levo-so/studio 0.1.60 → 0.1.62

package/dist/{Beams-BMno1Tvc.js → Beams-sKsW_tr4.js}

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as C, jsxs as a } from "react/jsx-runtime";
+import { jsx as C, jsxs as e } from "react/jsx-runtime";
 import r from "react";
-import { m as d } from "./index-D-C30ZH_.js";
-const p = r.memo(
+import { M as d, a as p } from "./elements-BxhlsyhI.js";
+const m = r.memo(
   ({
     className: o,
     primaryColor: t = "#00ff00",
     secondaryColor: n = "#ff0000",
     lineColor: l = "#121212"
   }) => {
-    const e = r.useMemo(
+    const a = r.useMemo(
       () => [
         "M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875",
         "M-373 -197C-373 -197 -305 208 159 335C623 462 691 867 691 867",
@@ -63,13 +63,13 @@ const p = r.memo(
         "M-37 -581C-37 -581 31 -176 495 -49C959 78 1027 483 1027 483"
       ],
       []
-    ), s = r.useMemo(
-      () => e.map((i, M) => ({
+    ), i = r.useMemo(
+      () => a.map((s, M) => ({
         duration: Math.random() * 10 + 10,
         delay: Math.random() * 10,
         endY: `${93 + Math.random() * 8}%`
       })),
-      [e]
+      [a]
     );
     return /* @__PURE__ */ C(
       "div",
@@ -87,7 +87,7 @@ const p = r.memo(
           maskSize: "40px",
           zIndex: -1
         },
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ e(
           "svg",
           {
             style: {
@@ -103,6 +103,7 @@ const p = r.memo(
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
+              /* @__PURE__ */ C("title", { children: "Beams Path" }),
               /* @__PURE__ */ C(
                 "path",
                 {
@@ -112,19 +113,19 @@ const p = r.memo(
                   strokeWidth: "0.5"
                 }
               ),
-              e.map((i, M) => /* @__PURE__ */ C(
-                d.path,
+              a.map((s, M) => /* @__PURE__ */ C(
+                d,
                 {
-                  d: i,
+                  d: s,
                   stroke: `url(#linearGradient-${M})`,
                   strokeOpacity: "0.4",
                   strokeWidth: "0.5"
                 },
                 "path-" + M
               )),
-              /* @__PURE__ */ a("defs", { children: [
-                e.map((i, M) => /* @__PURE__ */ a(
-                  d.linearGradient,
+              /* @__PURE__ */ e("defs", { children: [
+                a.map((s, M) => /* @__PURE__ */ e(
+                  p,
                   {
                     id: `linearGradient-${M}`,
                     initial: {
@@ -137,31 +138,24 @@ const p = r.memo(
                       x1: ["0%", "100%"],
                       x2: ["0%", "95%"],
                       y1: ["0%", "100%"],
-                      y2: ["0%", s[M]?.endY || "100%"]
+                      y2: ["0%", i[M]?.endY || "100%"]
                     },
                     transition: {
-                      duration: s[M]?.duration || 15,
+                      duration: i[M]?.duration || 15,
                       ease: "easeInOut",
                       repeat: 1 / 0,
-                      delay: s[M]?.delay || 0
+                      delay: i[M]?.delay || 0
                     },
                     children: [
                       /* @__PURE__ */ C("stop", { stopColor: t, stopOpacity: "0" }),
                       /* @__PURE__ */ C("stop", { stopColor: t }),
                       /* @__PURE__ */ C("stop", { offset: "32.5%", stopColor: n }),
-                      /* @__PURE__ */ C(
-                        "stop",
-                        {
-                          offset: "100%",
-                          stopColor: n,
-                          stopOpacity: "0"
-                        }
-                      )
+                      /* @__PURE__ */ C("stop", { offset: "100%", stopColor: n, stopOpacity: "0" })
                     ]
                   },
                   `gradient-${M}`
                 )),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ e(
                   "radialGradient",
                   {
                     id: "paint0_radial_242_278",
@@ -187,7 +181,7 @@ const p = r.memo(
   // Custom comparison function for better memoization
   (o, t) => o.className === t.className && o.primaryColor === t.primaryColor && o.secondaryColor === t.secondaryColor && o.lineColor === t.lineColor
 );
-p.displayName = "BackgroundBeams";
+m.displayName = "BackgroundBeams";
 export {
-  p as BackgroundBeams
+  m as BackgroundBeams
 };

package/dist/{Dots-DTupNond.js → Dots-BEIutbKS.js}

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as l, jsxs as w } from "react/jsx-runtime";
+import { jsx as l, jsxs as m } from "react/jsx-runtime";
 import h from "react";
-import { m as x } from "./index-D-C30ZH_.js";
+import { b as x } from "./elements-BxhlsyhI.js";
 const g = h.memo(
   ({
     className: i,
@@ -9,7 +9,7 @@ const g = h.memo(
     dotSize: o = 2,
     spacing: e = 30,
     isAnimated: d = !1,
-    speed: m = 1
+    speed: u = 1
   }) => {
     const a = h.useMemo(
       () => ({
@@ -23,11 +23,11 @@ const g = h.memo(
     ), c = h.useMemo(
       () => `dots-pattern-${Math.random().toString(36).substring(2, 11)}`,
       []
-    ), u = h.useMemo(() => {
+    ), y = h.useMemo(() => {
       if (!d) return [];
-      const t = [], y = Math.ceil(100 / (e / 10)), f = Math.ceil(100 / (e / 10));
-      for (let s = 0; s < y; s++)
-        for (let r = 0; r < f; r++)
+      const t = [], f = Math.ceil(100 / (e / 10)), w = Math.ceil(100 / (e / 10));
+      for (let s = 0; s < f; s++)
+        for (let r = 0; r < w; r++)
           t.push({
             id: `${s}-${r}`,
             x: r * e / 10 + Math.random() * 5,
@@ -52,7 +52,7 @@ const g = h.memo(
           overflow: "hidden",
           zIndex: -1
         },
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ m(
           "svg",
           {
             style: {
@@ -65,38 +65,41 @@ const g = h.memo(
             width: "100%",
             height: "100%",
             xmlns: "http://www.w3.org/2000/svg",
-            children: u.map((t) => /* @__PURE__ */ l(
-              x.circle,
-              {
-                cx: `${t.x}%`,
-                cy: `${t.y}%`,
-                r: o,
-                fill: n,
-                initial: { opacity: 0.3 },
-                animate: {
-                  opacity: [0.3, 0.8, 0.3],
-                  cx: [
-                    `${t.x}%`,
-                    `${t.x + t.amplitude}%`,
-                    `${t.x - t.amplitude}%`,
-                    `${t.x}%`
-                  ],
-                  cy: [
-                    `${t.y}%`,
-                    `${t.y - t.amplitude}%`,
-                    `${t.y + t.amplitude}%`,
-                    `${t.y}%`
-                  ]
+            children: [
+              /* @__PURE__ */ l("title", { children: "Animated Dots" }),
+              y.map((t) => /* @__PURE__ */ l(
+                x,
+                {
+                  cx: `${t.x}%`,
+                  cy: `${t.y}%`,
+                  r: o,
+                  fill: n,
+                  initial: { opacity: 0.3 },
+                  animate: {
+                    opacity: [0.3, 0.8, 0.3],
+                    cx: [
+                      `${t.x}%`,
+                      `${t.x + t.amplitude}%`,
+                      `${t.x - t.amplitude}%`,
+                      `${t.x}%`
+                    ],
+                    cy: [
+                      `${t.y}%`,
+                      `${t.y - t.amplitude}%`,
+                      `${t.y + t.amplitude}%`,
+                      `${t.y}%`
+                    ]
+                  },
+                  transition: {
+                    duration: 8 / u,
+                    repeat: 1 / 0,
+                    ease: "easeInOut",
+                    delay: t.delay
+                  }
                 },
-                transition: {
-                  duration: 8 / m,
-                  repeat: 1 / 0,
-                  ease: "easeInOut",
-                  delay: t.delay
-                }
-              },
-              t.id
-            ))
+                t.id
+              ))
+            ]
           }
         )
       }
@@ -114,7 +117,7 @@ const g = h.memo(
           justifyContent: "center",
           zIndex: -1
         },
-        children: /* @__PURE__ */ w(
+        children: /* @__PURE__ */ m(
           "svg",
           {
             style: {
@@ -128,6 +131,7 @@ const g = h.memo(
             height: "100%",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
+              /* @__PURE__ */ l("title", { children: "Static Dots" }),
               /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ l(
                 "pattern",
                 {

package/dist/{Gradient-BzroE-hh.js → Gradient-DAR7R3Mz.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
 import o from "react";
-import { m as r } from "./index-D-C30ZH_.js";
+import { c as r } from "./elements-BxhlsyhI.js";
 const s = o.memo(
   ({
     className: e,
@@ -23,7 +23,7 @@ const s = o.memo(
         zIndex: -1
       },
       children: /* @__PURE__ */ t(
-        r.div,
+        r,
         {
           style: {
             position: "absolute",

package/dist/Grid-BuKIXWMJ.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import n from "react";
+import { c as u } from "./elements-BxhlsyhI.js";
+const x = n.memo(
+  ({
+    className: i,
+    lineColor: e = "#333333",
+    lineWidth: r = 1,
+    spacing: o = 50,
+    // Interactive mode props
+    isInteractive: y = !1,
+    hoverColor: d = "#93c5fd",
+    rows: s = 150,
+    cols: a = 100
+  }) => {
+    const f = n.useMemo(() => new Array(s).fill(1), [s]), g = n.useMemo(() => new Array(a).fill(1), [a]), l = n.useMemo(
+      () => ({
+        rowStyle: {
+          height: `${o}px`,
+          width: `${o * 2}px`,
+          borderLeft: `${r}px solid ${e}`
+        },
+        colStyle: {
+          height: `${o}px`,
+          width: `${o * 2}px`,
+          borderTop: `${r}px solid ${e}`,
+          borderRight: `${r}px solid ${e}`
+        },
+        iconStyle: {
+          top: `${-o / 3.8}px`,
+          left: `${-o / 2.4}px`,
+          color: e
+        }
+      }),
+      [o, r, e]
+    ), h = n.useMemo(
+      () => ({
+        hover: {
+          backgroundColor: d,
+          transition: { duration: 0 }
+        },
+        animate: {
+          transition: { duration: 2 }
+        }
+      }),
+      [d]
+    );
+    return y ? /* @__PURE__ */ t(
+      "div",
+      {
+        className: i,
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          height: "100%",
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+          overflow: "hidden",
+          zIndex: -1
+        },
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              transform: "translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)",
+              position: "absolute",
+              top: "-25%",
+              left: "25%",
+              zIndex: 0,
+              display: "flex",
+              height: "100%",
+              width: "100%",
+              padding: "1rem"
+            },
+            children: f.map(($, c) => /* @__PURE__ */ t(u, { style: { ...l.rowStyle, position: "relative" }, children: g.map((p, w) => /* @__PURE__ */ t(
+              u,
+              {
+                whileHover: h.hover,
+                animate: h.animate,
+                style: { ...l.colStyle, position: "relative" },
+                children: w % 2 === 0 && c % 2 === 0 ? /* @__PURE__ */ m(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    strokeWidth: "1.5",
+                    stroke: "currentColor",
+                    style: {
+                      ...l.iconStyle,
+                      pointerEvents: "none",
+                      position: "absolute",
+                      height: "1.5rem",
+                      width: "2.5rem",
+                      strokeWidth: "1px"
+                    },
+                    children: [
+                      /* @__PURE__ */ t("title", { children: "Grid Lines" }),
+                      /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 6v12m6-6H6" })
+                    ]
+                  }
+                ) : null
+              },
+              `col-${w}`
+            )) }, `row-${c}`))
+          }
+        )
+      }
+    ) : /* @__PURE__ */ t(
+      "div",
+      {
+        className: i,
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          height: "100%",
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+          zIndex: -1
+        },
+        children: /* @__PURE__ */ m(
+          "svg",
+          {
+            style: {
+              pointerEvents: "none",
+              position: "absolute",
+              zIndex: 0,
+              height: "100%",
+              width: "100%"
+            },
+            width: "100%",
+            height: "100%",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ t("title", { children: "Grid Lines" }),
+              /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t(
+                "pattern",
+                {
+                  id: "grid-pattern",
+                  x: "0",
+                  y: "0",
+                  width: o,
+                  height: o,
+                  patternUnits: "userSpaceOnUse",
+                  children: /* @__PURE__ */ t(
+                    "path",
+                    {
+                      d: `M ${o} 0 L 0 0 0 ${o}`,
+                      fill: "none",
+                      stroke: e,
+                      strokeWidth: r
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ t("rect", { width: "100%", height: "100%", fill: "url(#grid-pattern)" })
+            ]
+          }
+        )
+      }
+    );
+  },
+  // Custom comparison function for better memoization
+  (i, e) => i.className === e.className && i.lineColor === e.lineColor && i.lineWidth === e.lineWidth && i.spacing === e.spacing && i.isInteractive === e.isInteractive && i.hoverColor === e.hoverColor && i.rows === e.rows && i.cols === e.cols
+);
+x.displayName = "BackgroundGrid";
+export {
+  x as BackgroundGrid
+};

package/dist/{MessageCard-D9UDjWQS.js → MessageCard-C8v6oHmf.js}

@@ -1,13 +1,8 @@
 "use client";
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { A as o } from "./index-DHHPZcEh.js";
-import { M as a } from "./index-a__5b49U.js";
-const m = ({
-  logo: s,
-  siteName: t,
-  options: l,
-  message: n
-}) => /* @__PURE__ */ r(o, { logo: s, siteName: t, maxWidth: "sm", children: [
+import { A as o } from "./index-IcG2wuuE.js";
+import { M as a } from "./index-CXtfbmpx.js";
+const m = ({ logo: s, siteName: t, options: l, message: n }) => /* @__PURE__ */ r(o, { logo: s, siteName: t, maxWidth: "sm", children: [
   /* @__PURE__ */ r("div", { className: "mb-6 px-8 sm:px-6", children: [
     /* @__PURE__ */ e("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ e(
       "svg",
@@ -27,17 +22,17 @@ const m = ({
         )
       }
     ) }),
-    /* @__PURE__ */ e("h1", { className: "text-text-1 m-0 mb-2 text-center text-2xl font-semibold sm:text-xl", children: "Access Restricted" }),
-    t && /* @__PURE__ */ r("p", { className: "m-0 text-center leading-6 text-[--color-text-2]", children: [
+    /* @__PURE__ */ e("h1", { className: "m-0 mb-2 text-center font-semibold text-2xl text-text-1 sm:text-xl", children: "Access Restricted" }),
+    t && /* @__PURE__ */ r("p", { className: "m-0 text-center text-[--color-text-2] leading-6", children: [
       "Content on ",
       /* @__PURE__ */ e("strong", { children: t }),
       " is currently restricted"
     ] })
   ] }),
-  /* @__PURE__ */ e("div", { className: "mx-8 mb-8 rounded-lg border-l-4 border-red-300 bg-gray-50 p-4 sm:mx-6", children: /* @__PURE__ */ e(
+  /* @__PURE__ */ e("div", { className: "mx-8 mb-8 rounded-lg border-red-300 border-l-4 bg-gray-50 p-4 sm:mx-6", children: /* @__PURE__ */ e(
     "div",
     {
-      className: "m-0 flex flex-col gap-3 leading-relaxed text-gray-700",
+      className: "m-0 flex flex-col gap-3 text-gray-700 leading-relaxed",
       dangerouslySetInnerHTML: {
         __html: l?.content?.conditionNotFulfilled ?? n ?? ""
       }

package/dist/{Waves-E46HcLxm.js → Waves-C8qlIS1W.js}

@@ -1,28 +1,28 @@
 "use client";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import u from "react";
-import { m as d } from "./index-D-C30ZH_.js";
-const g = u.memo(
+import y from "react";
+import { M as u, b as M } from "./elements-BxhlsyhI.js";
+const g = y.memo(
   ({
-    className: p,
+    className: d,
     primaryColor: o = "#3b82f6",
     secondaryColor: n = "#8b5cf6",
-    amplitude: l = 50,
-    frequency: c = 0.02,
+    amplitude: p = 50,
+    frequency: l = 0.02,
     speed: h = 1
   }) => {
-    const f = Array.from({ length: 3 }, (t, i) => i), s = (t) => {
-      const i = [], m = t * 60;
+    const c = Array.from({ length: 3 }, (t, i) => i), s = (t) => {
+      const i = [], f = t * 60;
       for (let r = 0; r <= 1e3; r += 10) {
-        const y = 200 + Math.sin(r * c + m) * l;
-        i.push(`${r},${y}`);
+        const m = 200 + Math.sin(r * l + f) * p;
+        i.push(`${r},${m}`);
       }
       return `M 0,200 Q ${i.join(" ")} 1000,200 L 1000,400 L 0,400 Z`;
     };
     return /* @__PURE__ */ e(
       "div",
       {
-        className: p,
+        className: d,
         style: {
           position: "absolute",
           inset: 0,
@@ -50,66 +50,23 @@ const g = u.memo(
             preserveAspectRatio: "xMidYMid slice",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
+              /* @__PURE__ */ e("title", { children: "Waves" }),
               /* @__PURE__ */ a("defs", { children: [
-                /* @__PURE__ */ a(
-                  "linearGradient",
-                  {
-                    id: "waveGradient1",
-                    x1: "0%",
-                    y1: "0%",
-                    x2: "100%",
-                    y2: "100%",
-                    children: [
-                      /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.3" }),
-                      /* @__PURE__ */ e(
-                        "stop",
-                        {
-                          offset: "100%",
-                          stopColor: n,
-                          stopOpacity: "0.1"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "linearGradient",
-                  {
-                    id: "waveGradient2",
-                    x1: "0%",
-                    y1: "0%",
-                    x2: "100%",
-                    y2: "100%",
-                    children: [
-                      /* @__PURE__ */ e("stop", { offset: "0%", stopColor: n, stopOpacity: "0.2" }),
-                      /* @__PURE__ */ e("stop", { offset: "100%", stopColor: o, stopOpacity: "0.05" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "linearGradient",
-                  {
-                    id: "waveGradient3",
-                    x1: "0%",
-                    y1: "0%",
-                    x2: "100%",
-                    y2: "100%",
-                    children: [
-                      /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.1" }),
-                      /* @__PURE__ */ e(
-                        "stop",
-                        {
-                          offset: "100%",
-                          stopColor: n,
-                          stopOpacity: "0.3"
-                        }
-                      )
-                    ]
-                  }
-                )
+                /* @__PURE__ */ a("linearGradient", { id: "waveGradient1", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                  /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.3" }),
+                  /* @__PURE__ */ e("stop", { offset: "100%", stopColor: n, stopOpacity: "0.1" })
+                ] }),
+                /* @__PURE__ */ a("linearGradient", { id: "waveGradient2", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                  /* @__PURE__ */ e("stop", { offset: "0%", stopColor: n, stopOpacity: "0.2" }),
+                  /* @__PURE__ */ e("stop", { offset: "100%", stopColor: o, stopOpacity: "0.05" })
+                ] }),
+                /* @__PURE__ */ a("linearGradient", { id: "waveGradient3", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                  /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.1" }),
+                  /* @__PURE__ */ e("stop", { offset: "100%", stopColor: n, stopOpacity: "0.3" })
+                ] })
               ] }),
-              f.map((t) => /* @__PURE__ */ e(
-                d.path,
+              c.map((t) => /* @__PURE__ */ e(
+                u,
                 {
                   d: s(t),
                   fill: `url(#waveGradient${t + 1})`,
@@ -141,7 +98,7 @@ const g = u.memo(
                 `wave-${t}`
               )),
               Array.from({ length: 15 }, (t, i) => /* @__PURE__ */ e(
-                d.circle,
+                M,
                 {
                   cx: Math.random() * 1e3,
                   cy: Math.random() * 400,
@@ -150,16 +107,8 @@ const g = u.memo(
                   initial: { opacity: 0.3 },
                   animate: {
                     opacity: [0.3, 0.8, 0.3],
-                    cy: [
-                      Math.random() * 400,
-                      Math.random() * 400,
-                      Math.random() * 400
-                    ],
-                    cx: [
-                      Math.random() * 1e3,
-                      Math.random() * 1e3,
-                      Math.random() * 1e3
-                    ]
+                    cy: [Math.random() * 400, Math.random() * 400, Math.random() * 400],
+                    cx: [Math.random() * 1e3, Math.random() * 1e3, Math.random() * 1e3]
                   },
                   transition: {
                     duration: Math.random() * 10 + 5,

package/dist/bridge/Highlighter.d.ts

@@ -1,16 +1,14 @@
-import { IUserHighlight, ISocketUser, SelectionState, IGenerationStatusOverlay, IBlockGenerationInfo } from './types';
-interface HighlighterProps {
+import { IBlockGenerationInfo, IGenerationStatusOverlay, ISocketUser, IUserHighlight, SelectionState } from './types';
+interface IHighlighterProps {
     selections: SelectionState;
     userHighlights: IUserHighlight[];
     users: ISocketUser[];
-    isScrolling: boolean;
-    isPageGenerating?: boolean;
     showPill?: boolean;
     isGenerationCompleted?: boolean;
     totalBlocksCount?: number;
     blocksGenerationInfo?: IBlockGenerationInfo[];
     generationStatusOverlays?: IGenerationStatusOverlay[];
 }
-export declare const Highlighter: React.FC<HighlighterProps>;
+export declare const Highlighter: React.FC<IHighlighterProps>;
 export {};
 //# sourceMappingURL=Highlighter.d.ts.map

package/dist/bridge/StudioPagePreview.d.ts

@@ -1,7 +1,7 @@
 import { IWorkspace } from '@levo-so/core';
-import { IPageExpanded, ISite } from '../interfaces';
-import { ILevoPageProps } from '../core';
 import { IPageDataContext } from '../contentEngine';
+import { ILevoPageProps } from '../core';
+import { IPageExpanded, ISite } from '../interfaces';
 interface StudioPageData {
     pageData: IPageExpanded;
     parsedPageData: IPageExpanded;