@chaibuilder/sdk 1.2.8 → 1.2.10

package/dist/CurrentPage-1y62Ne77.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),t=require("./index-7ogwGh39.cjs"),i=require("lodash-es"),h=require("sonner"),l=require("react"),o=require("./index-xbQL0wpz.cjs"),j=require("lucide-react");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("./MODIFIERS-2FeVfZQ9.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("./web-blocks.cjs");require("./controls-Dy1qa8Dc.cjs");const p=()=>{const{data:s}=o.useProject(),{data:u,isLoading:x}=o.usePages(),{syncState:d}=t.useSavePage(),q=o.useChangePage(),[n,a]=o.useCurrentPage(),c=i.sortBy(i.filter(u,{type:"STATIC"}),r=>i.get(r,"uuid")===(s==null?void 0:s.homepage)?0:1);l.useEffect(()=>{!i.isEmpty(u)&&s.homepage&&!i.find(u,{uuid:n})&&a(s.homepage)},[n,u,s,a]),l.useEffect(()=>()=>a(null),[a]);const m=r=>{if(d!=="SAVED")h.toast.error("You have unsaved changes. Please save before changing the page.");else{const g=i.find(c,{uuid:r});q(g)}};return x||i.isEmpty(n)?null:e.jsxRuntimeExports.jsx("nav",{className:"flex rounded-lg border border-gray-200 bg-gray-50 px-3 pr-0 py-1 text-gray-700 dark:border-gray-700 dark:bg-gray-800","aria-label":"Breadcrumb",children:e.jsxRuntimeExports.jsxs("ol",{className:"inline-flex items-center space-x-1 md:space-x-3",children:[e.jsxRuntimeExports.jsx("li",{className:"inline-flex items-center",children:e.jsxRuntimeExports.jsxs("div",{className:"inline-flex items-center text-sm font-medium text-gray-500 dark:text-gray-400",children:[e.jsxRuntimeExports.jsx(j.BriefcaseIcon,{className:"w-4 h-4 mr-2"}),i.capitalize(s.name)]})}),e.jsxRuntimeExports.jsx("li",{"aria-current":"page",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("svg",{className:"mx-1 h-3 w-3 text-gray-400","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 6 10",children:e.jsxRuntimeExports.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 9 4-4-4-4"})}),e.jsxRuntimeExports.jsxs(t.Select,{value:n||"",onValueChange:m,children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-max border-0 py-0 text-sm font-medium text-gray-600 shadow-none outline-none ring-0 focus:ring-0 dark:text-gray-400",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Page"})}),e.jsxRuntimeExports.jsx(t.SelectContent,{className:"z-[999]",children:i.map(c,r=>e.jsxRuntimeExports.jsx(t.SelectItem,{value:r.uuid,children:r==null?void 0:r.name},r.uuid))})]})]})})]})})};exports.default=p;

package/dist/{CurrentPage-ulHTz4MD.js → CurrentPage-lakeZviD.js}

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { ah as x, ar as h, as as f, at as j, au as y, av as v } from "./index-niHREMmR.js";
+import { ah as x, as as h, at as f, au as j, av as y, aw as v } from "./index-B4sL0YTN.js";
 import { sortBy as P, filter as b, get as w, isEmpty as m, find as n, capitalize as C, map as N } from "lodash-es";
 import { toast as S } from "sonner";
 import { useEffect as p } from "react";
-import { b as k, a as B, d as E, e as I } from "./index-EGUphg4R.js";
+import { b as k, a as B, d as E, e as I } from "./index-c2VLKuhY.js";
 import { BriefcaseIcon as L } from "lucide-react";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
@@ -39,7 +39,6 @@ import "flat-to-nested";
 import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "@chaibuilder/runtime";
-import "lodash";
 import "@react-hookz/web";
 import "react-i18next";
 import "i18next";
@@ -53,7 +52,7 @@ import "./html-to-json-57841sEK.js";
 import "himalaya";
 import "./web-blocks.js";
 import "./controls-XPXGHKht.js";
-const Ve = () => {
+const Te = () => {
   const { data: t } = k(), { data: i, isLoading: l } = B(), { syncState: c } = x(), d = E(), [o, a] = I(), s = P(b(i, { type: "STATIC" }), (r) => w(r, "uuid") === (t == null ? void 0 : t.homepage) ? 0 : 1);
   p(() => {
     !m(i) && t.homepage && !n(i, { uuid: o }) && a(t.homepage);
@@ -107,5 +106,5 @@ const Ve = () => {
   );
 };
 export {
-  Ve as default
+  Te as default
 };

package/dist/{Layers-rehZkz78.js → Layers-R7TfREUd.js}

@@ -1,16 +1,16 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { nth as C, startsWith as P, map as S, includes as T, isUndefined as L, find as z, isEmpty as V } from "lodash-es";
-import { BoxModelIcon as F, BoxIcon as D, DragHandleHorizontalIcon as $, ViewHorizontalIcon as G, BorderAllIcon as K, BorderTopIcon as Q, TableIcon as U, DropdownMenuIcon as Y, RadiobuttonIcon as q, InputIcon as W, ButtonIcon as B, CheckboxIcon as J, GroupIcon as X, SpaceBetweenVerticallyIcon as Z, ColumnsIcon as ee, RowsIcon as v, TextIcon as w, SketchLogoIcon as te, DividerHorizontalIcon as se, CodeIcon as oe, CursorTextIcon as ne, VideoIcon as re, Link1Icon as ae, HeadingIcon as ce, ImageIcon as le, TriangleRightIcon as ie, ScissorsIcon as xe, ClipboardIcon as de, TrashIcon as me, GlobeIcon as pe, CopyIcon as ue, ClipboardCopyIcon as ge, DoubleArrowDownIcon as je, StackIcon as he } from "@radix-ui/react-icons";
-import { useDrop as be, useDragLayer as fe } from "react-dnd";
-import { useDragOver as Ie, Tree as ke } from "@minoru/react-dnd-treeview";
-import { useTranslation as ye } from "react-i18next";
-import { $ as Ce, _ as Be, j as x, n as ve, bx as i, k as we, l as Se, a7 as Te, m as De, o as Ne, i as Me, by as Oe, al as Re, am as _e, bz as Ee, bA as Ae, y as N, af as He, w as Pe, ak as Le, p as ze, bn as Ve, bB as Fe } from "./index-niHREMmR.js";
-import { DatabaseIcon as $e } from "lucide-react";
-import { useMemo as Ge, lazy as Ke, useCallback as Qe, useState as Ue, Suspense as Ye } from "react";
-import { a as qe } from "./MODIFIERS-RiXS5Mn1.js";
-import { c as k } from "./Functions-7jnEwJyw.js";
-import { f as We } from "./index-EGUphg4R.js";
-import { u as Je } from "./useAddBlockByDrop-_nwI4W3q.js";
+import { nth as k, startsWith as L, map as C, includes as T, isUndefined as P, find as V, isEmpty as z } from "lodash-es";
+import { BoxModelIcon as F, BoxIcon as D, DragHandleHorizontalIcon as $, ViewHorizontalIcon as K, BorderAllIcon as U, BorderTopIcon as Y, TableIcon as Q, DropdownMenuIcon as Z, RadiobuttonIcon as q, InputIcon as G, ButtonIcon as B, CheckboxIcon as W, GroupIcon as J, SpaceBetweenVerticallyIcon as X, ColumnsIcon as ee, RowsIcon as v, TextIcon as w, SketchLogoIcon as te, DividerHorizontalIcon as se, CodeIcon as oe, CursorTextIcon as ne, VideoIcon as re, Link1Icon as ae, HeadingIcon as ce, ImageIcon as ie, TriangleRightIcon as le, TrashIcon as xe, CopyIcon as de, DoubleArrowDownIcon as me, StackIcon as pe } from "@radix-ui/react-icons";
+import { useDrop as ue, useDragLayer as ge } from "react-dnd";
+import { useDragOver as je, Tree as he } from "@minoru/react-dnd-treeview";
+import { useTranslation as be } from "react-i18next";
+import { _ as fe, Z as Ie, j as p, k as ye, a7 as S, by as N, aZ as ke, l as Be, bz as ve, aY as we, bA as Ce, bB as Te, bC as O, s as De, aT as Se, ak as Ne, bo as Oe, bD as Re } from "./index-B4sL0YTN.js";
+import { DatabaseIcon as _e } from "lucide-react";
+import { useMemo as Ee, useCallback as Me } from "react";
+import { a as Ae } from "./MODIFIERS-RiXS5Mn1.js";
+import { c as I } from "./Functions-7jnEwJyw.js";
+import { f as He } from "./index-c2VLKuhY.js";
+import { u as Le } from "./useAddBlockByDrop-rcDR-z9_.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
@@ -42,7 +42,6 @@ import "jotai";
 import "flat-to-nested";
 import "redux-undo";
 import "@chaibuilder/runtime";
-import "lodash";
 import "@react-hookz/web";
 import "i18next";
 import "@floating-ui/react-dom";
@@ -54,10 +53,10 @@ import "./html-to-json-57841sEK.js";
 import "himalaya";
 import "./web-blocks.js";
 import "./controls-XPXGHKht.js";
-const M = (t) => {
+const R = (t) => {
   switch (t.type) {
     case "Image":
-      return /* @__PURE__ */ e.jsx(le, {});
+      return /* @__PURE__ */ e.jsx(ie, {});
     case "Heading":
       return /* @__PURE__ */ e.jsx(ce, {});
     case "Text":
@@ -85,39 +84,39 @@ const M = (t) => {
     case "ListItem":
       return /* @__PURE__ */ e.jsx(ee, {});
     case "LineBreak":
-      return /* @__PURE__ */ e.jsx(Z, {});
-    case "Form":
       return /* @__PURE__ */ e.jsx(X, {});
-    case "Checkbox":
+    case "Form":
       return /* @__PURE__ */ e.jsx(J, {});
+    case "Checkbox":
+      return /* @__PURE__ */ e.jsx(W, {});
     case "FormButton":
       return /* @__PURE__ */ e.jsx(B, {});
     case "Input":
     case "TextArea":
-      return /* @__PURE__ */ e.jsx(W, {});
+      return /* @__PURE__ */ e.jsx(G, {});
     case "Radio":
       return /* @__PURE__ */ e.jsx(q, {});
     case "Select":
-      return /* @__PURE__ */ e.jsx(Y, {});
+      return /* @__PURE__ */ e.jsx(Z, {});
     case "Table":
-      return /* @__PURE__ */ e.jsx(U, {});
-    case "TableHead":
       return /* @__PURE__ */ e.jsx(Q, {});
+    case "TableHead":
+      return /* @__PURE__ */ e.jsx(Y, {});
     case "TableBody":
-      return /* @__PURE__ */ e.jsx(K, {});
+      return /* @__PURE__ */ e.jsx(U, {});
     case "TableRow":
-      return /* @__PURE__ */ e.jsx(G, {});
+      return /* @__PURE__ */ e.jsx(K, {});
     case "TableCell":
       return /* @__PURE__ */ e.jsx($, {});
     case "DataProvider":
-      return /* @__PURE__ */ e.jsx($e, { size: 16 });
+      return /* @__PURE__ */ e.jsx(_e, { size: 16 });
     case "Box":
       return /* @__PURE__ */ e.jsx(D, {});
     default:
       return /* @__PURE__ */ e.jsx(F, {});
   }
 };
-function Xe(t = "") {
+function Pe(t = "") {
   const s = {
     xs: "390px",
     sm: "640px",
@@ -135,23 +134,23 @@ function Xe(t = "") {
       // checks if any of the display property is set for any higher media query
       /\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/
     ), c = t.match(a);
-    if (C(c, 1))
-      return `Visible >=${s[C(c, 1)]}`;
+    if (k(c, 1))
+      return `Visible >=${s[k(c, 1)]}`;
   }
   return "";
 }
-const Ze = (t) => {
+const Ve = (t) => {
   let s = "";
   return Object.keys(t).forEach((o) => {
-    P(t[o], qe) && (s = t[o]);
+    L(t[o], Ae) && (s = t[o]);
   }), s;
-}, et = (t) => {
-  var g;
-  const [, s] = Ce(), [o] = Be(), { isSelected: r } = t, { id: a, data: c } = t.node, d = t.depth * 10, m = (l) => {
-    l.stopPropagation(), t.onToggle(t.node.id);
-  }, j = Ie(a, t.isOpen, t.onToggle), p = Ge(() => {
-    const l = Ze(t.node.data);
-    return Xe(l);
+}, ze = (t) => {
+  var m;
+  const [, s] = fe(), [o] = Ie(), { isSelected: r } = t, { id: a, data: c } = t.node, u = t.depth * 10, g = (i) => {
+    i.stopPropagation(), t.onToggle(t.node.id);
+  }, x = je(a, t.isOpen, t.onToggle), d = Ee(() => {
+    const i = Ve(t.node.data);
+    return Pe(i);
   }, [t.node.data]);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
@@ -159,34 +158,34 @@ const Ze = (t) => {
       "div",
       {
         onMouseEnter: () => s(a),
-        className: k(
+        className: I(
           "group flex w-full items-center justify-between space-x-px py-px",
-          r ? "bg-blue-500 text-white" : "hover:bg-gray-200 dark:hover:bg-gray-800"
+          r ? "bg-blue-500 text-white" : "text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-800"
         ),
-        onClick: (l) => {
-          l.stopPropagation(), !o.includes(a) && t.onSelect(a);
+        onClick: (i) => {
+          i.stopPropagation(), !o.includes(a) && t.onSelect(a);
         },
         onContextMenu: () => t.onSelect(a),
-        style: { paddingInlineStart: d },
-        ...j,
+        style: { paddingInlineStart: u },
+        ...x,
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
           /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${t.isOpen ? "rotate-90" : ""}`,
-              children: t.node.droppable && /* @__PURE__ */ e.jsx("button", { onClick: m, type: "button", children: /* @__PURE__ */ e.jsx(ie, {}) })
+              children: t.node.droppable && /* @__PURE__ */ e.jsx("button", { onClick: g, type: "button", children: /* @__PURE__ */ e.jsx(le, {}) })
             }
           ),
           /* @__PURE__ */ e.jsxs("button", { type: "button", className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "-mt-1 h-3 w-3", children: /* @__PURE__ */ e.jsx(M, { type: c == null ? void 0 : c._type }) }),
-            /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((g = t.node.data) == null ? void 0 : g._name) || t.node.text }),
-            p ? /* @__PURE__ */ e.jsxs(
+            /* @__PURE__ */ e.jsx("div", { className: "-mt-1 h-3 w-3", children: /* @__PURE__ */ e.jsx(R, { type: c == null ? void 0 : c._type }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((m = t.node.data) == null ? void 0 : m._name) || t.node.text }),
+            d ? /* @__PURE__ */ e.jsxs(
               "span",
               {
                 className: "ml-2 flex items-center text-[10px] italic " + (r ? "text-gray-200" : "text-gray-500"),
                 children: [
                   "(",
-                  p,
+                  d,
                   ")"
                 ]
               }
@@ -196,86 +195,55 @@ const Ze = (t) => {
       }
     )
   );
-}, tt = (t) => {
+}, Fe = (t) => {
   var o;
   const { item: s } = t.monitorProps;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex w-max items-center bg-blue-200 bg-opacity-30 p-1 font-semibold text-blue-700", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx(M, { type: (o = s == null ? void 0 : s.data) == null ? void 0 : o._type }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx(R, { type: (o = s == null ? void 0 : s.data) == null ? void 0 : o._type }) }),
     /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: s.text })
   ] });
-}, st = (t) => {
+}, $e = (t) => {
   const s = t.depth * 10 + 16;
   return /* @__PURE__ */ e.jsx("div", { className: "absolute right-0 top-0 h-0.5 -translate-y-1/2 transform bg-green-500", style: { left: s } });
-}, ot = Ke(() => import("./MarkAsGlobalBlock-BjP-Rqlf.js")), nt = () => {
-  const [t] = x(), [, s] = ve();
-  return /* @__PURE__ */ e.jsxs(i, { className: "flex items-center gap-x-4 text-xs", onClick: () => s(t), children: [
-    /* @__PURE__ */ e.jsx(xe, {}),
-    " Cut"
-  ] });
-}, rt = () => {
-  const [t] = x(), [, s] = we();
-  return /* @__PURE__ */ e.jsxs(i, { className: "flex items-center gap-x-4 text-xs", onClick: () => s(t), children: [
-    /* @__PURE__ */ e.jsx(de, {}),
-    " Copy"
-  ] });
-}, at = () => {
-  const [t] = x(), s = Se(), o = Te();
+}, Ke = () => {
+  const [t] = p(), s = ye(), o = S();
   return /* @__PURE__ */ e.jsxs(
-    i,
+    N,
     {
-      disabled: (o == null ? void 0 : o._type) === "Slot",
+      disabled: !ke(o == null ? void 0 : o._type),
       className: "flex items-center gap-x-4 text-xs",
       onClick: () => s(t),
       children: [
-        /* @__PURE__ */ e.jsx(me, {}),
+        /* @__PURE__ */ e.jsx(xe, {}),
         " Remove"
       ]
     }
   );
-}, ct = ({
-  id: t = null,
-  openMarkAsGlobalModal: s
-}) => {
-  const [o] = x(), r = De(), { pasteBlocks: a, canPaste: c } = Ne(), d = Me("globalBlocksSupport", !1), m = Qe(() => {
-    r(o);
-  }, [o, r]);
-  return /* @__PURE__ */ e.jsxs(Oe, { className: "text-xs", children: [
-    d && /* @__PURE__ */ e.jsx(i, { className: "flex items-center gap-x-4 border-b text-xs", onClick: s, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-4", children: [
-      /* @__PURE__ */ e.jsx(pe, {}),
-      " Mark as global"
-    ] }) }),
-    /* @__PURE__ */ e.jsxs(i, { className: "flex items-center gap-x-4 text-xs", onClick: m, children: [
-      /* @__PURE__ */ e.jsx(ue, {}),
-      " Duplicate"
-    ] }),
-    /* @__PURE__ */ e.jsx(nt, {}),
-    /* @__PURE__ */ e.jsx(rt, {}),
+}, Ue = () => {
+  const [t] = p(), s = Be(), o = S(), r = Me(() => {
+    s(t);
+  }, [t, s]);
+  return /* @__PURE__ */ e.jsxs(ve, { className: "text-xs", children: [
     /* @__PURE__ */ e.jsxs(
-      i,
+      N,
       {
+        disabled: !we(o == null ? void 0 : o._type),
         className: "flex items-center gap-x-4 text-xs",
-        onClick: () => a(t),
-        disabled: !c,
+        onClick: r,
         children: [
-          /* @__PURE__ */ e.jsx(ge, {}),
-          " Paste"
+          /* @__PURE__ */ e.jsx(de, {}),
+          " Duplicate"
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(at, {})
+    /* @__PURE__ */ e.jsx(Ke, {})
   ] });
-}, lt = ({ children: t, id: s = null }) => {
-  const [o, r] = Ue(!1);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Re, { open: o, onOpenChange: r, children: o && /* @__PURE__ */ e.jsx(_e, { children: /* @__PURE__ */ e.jsx(Ye, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-96 w-full animate-pulse bg-gray-200" }), children: /* @__PURE__ */ e.jsx(ot, { closeModal: () => r(!1), id: s }) }) }) }),
-    /* @__PURE__ */ e.jsxs(Ee, { children: [
-      /* @__PURE__ */ e.jsx(Ae, { children: t }),
-      /* @__PURE__ */ e.jsx(ct, { id: s, openMarkAsGlobalModal: () => r(!0) })
-    ] })
-  ] });
-};
-function it(t) {
-  return S(t, (s) => {
+}, Ye = ({ children: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
+  /* @__PURE__ */ e.jsx(Te, { children: t }),
+  /* @__PURE__ */ e.jsx(Ue, {})
+] }) });
+function Qe(t) {
+  return C(t, (s) => {
     const { data: o } = s;
     return {
       ...o,
@@ -283,15 +251,15 @@ function it(t) {
     };
   });
 }
-function xt() {
-  const [t] = N(), [s, o] = x();
-  return t ? (console.log("container", t), /* @__PURE__ */ e.jsxs(
+function Ze() {
+  const [t] = O(), [s, o] = p();
+  return t ? /* @__PURE__ */ e.jsxs(
     "div",
     {
       onClick: (r) => {
         r.stopPropagation(), o(["container"]);
       },
-      className: k(
+      className: I(
         "flex items-center pl-2 text-xs",
         T(s, "container") ? "bg-blue-500 text-white" : "hover:bg-gray-200 dark:hover:bg-gray-800"
       ),
@@ -301,98 +269,97 @@ function xt() {
         t._type
       ]
     }
-  )) : null;
+  ) : null;
 }
-const ps = () => {
-  const t = He(), [s] = Pe(), [o, r, a] = x(), [, c] = Le(), { t: d } = ye(), { createSnapshot: m } = ze(), j = We(), p = Je(), [g] = N(), l = async (n, u) => {
-    const { dragSource: b, relativeIndex: f, dropTargetId: I, monitor: y } = u;
-    if (b) {
-      m();
-      const A = it(n);
+const Gt = () => {
+  const [t] = De(), { setNewBlocks: s } = Se(), [o, r, a] = p(), [, c] = Ne(), { t: u } = be(), g = He(), x = Le(), [d] = O(), m = async (n, l) => {
+    const { dragSource: h, relativeIndex: b, dropTargetId: f, monitor: y } = l;
+    if (h) {
+      const A = Qe(n);
       s(A);
       const H = y.getItem();
       r([H.id]);
     } else
-      await p({ block: y.getItem(), dropTargetId: I, relativeIndex: f });
-  }, O = S(t, (n) => ({
+      await x({ block: y.getItem(), dropTargetId: f, relativeIndex: b });
+  }, i = C(t, (n) => ({
     id: n._id,
     text: n._type,
     parent: n._parent || 0,
-    droppable: !L(z(t, { _parent: n._id })),
+    droppable: !P(V(t, { _parent: n._id })),
     data: n
-  })), R = () => {
+  })), _ = () => {
     r([]), c([]);
-  }, [{ isOver: h }, _] = be(() => ({
+  }, [{ isOver: j }, E] = ue(() => ({
     accept: ["CHAI_BLOCK"],
     collect: (n) => ({
       canDrop: n.canDrop(),
       isOver: n.isOver()
     }),
     drop: (n) => {
-      (async () => await p({
+      (async () => await x({
         block: n,
         dropTargetId: "",
         relativeIndex: 0
       }))();
     }
-  })), { isDragging: E } = fe((n) => ({
+  })), { isDragging: M } = ge((n) => ({
     isDragging: n.isDragging()
   }));
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
     "div",
     {
-      onClick: () => R(),
-      className: k(
+      onClick: () => _(),
+      className: I(
         "-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",
-        E ? "bg-green-50/80" : "bg-background"
+        M ? "bg-green-50/80" : "bg-background"
       ),
-      children: V(t) ? /* @__PURE__ */ e.jsxs(
+      children: z(t) ? /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: _,
-          className: `mx-1 mt-4 h-full max-w-full p-6 text-center text-sm text-gray-400 ${h ? "bg-blue-200" : ""}`,
+          ref: E,
+          className: `mx-1 mt-4 h-full max-w-full p-6 text-center text-sm text-gray-400 ${j ? "bg-blue-200" : ""}`,
           children: [
-            h ? /* @__PURE__ */ e.jsx(je, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(he, { className: "mx-auto h-10 w-10" }),
-            /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: d(h ? "drop_here_message" : "tree_view_no_blocks") })
+            j ? /* @__PURE__ */ e.jsx(me, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(pe, { className: "mx-auto h-10 w-10" }),
+            /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: u(j ? "drop_here_message" : "tree_view_no_blocks") })
           ]
         }
-      ) : /* @__PURE__ */ e.jsxs(Ve, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: [
-        /* @__PURE__ */ e.jsx(xt, {}),
+      ) : /* @__PURE__ */ e.jsxs(Oe, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: [
+        /* @__PURE__ */ e.jsx(Ze, {}),
         /* @__PURE__ */ e.jsx(
-          ke,
+          he,
           {
-            initialOpen: j,
+            initialOpen: g,
             extraAcceptTypes: ["CHAI_BLOCK"],
-            tree: O,
+            tree: i,
             rootId: 0,
-            render: (n, { depth: u, isOpen: b, onToggle: f }) => /* @__PURE__ */ e.jsx(lt, { id: n.id, children: /* @__PURE__ */ e.jsx(
-              et,
+            render: (n, { depth: l, isOpen: h, onToggle: b }) => /* @__PURE__ */ e.jsx(Ye, { id: n.id, children: /* @__PURE__ */ e.jsx(
+              ze,
               {
-                onSelect: (I) => {
-                  c([]), r([I]);
+                onSelect: (f) => {
+                  c([]), r([f]);
                 },
                 isSelected: T(o, n.id),
                 node: n,
-                depth: u,
-                isOpen: b,
-                onToggle: f,
+                depth: l,
+                isOpen: h,
+                onToggle: b,
                 toggleIds: a
               }
             ) }),
-            dragPreviewRender: (n) => /* @__PURE__ */ e.jsx(tt, { monitorProps: n }),
-            onDrop: l,
+            dragPreviewRender: (n) => /* @__PURE__ */ e.jsx(Fe, { monitorProps: n }),
+            onDrop: m,
             classes: {
-              root: "h-[90%] " + (g ? "pl-2" : "pt-2"),
+              root: "h-[90%] " + (d ? "pl-2" : "pt-2"),
               draggingSource: "opacity-30",
               dropTarget: "bg-green-100",
               placeholder: "relative"
             },
             sort: !1,
             insertDroppableFirst: !1,
-            canDrop: Fe,
+            canDrop: Re,
             dropTargetOffset: 2,
             enableAnimateExpand: !0,
-            placeholderRender: (n, { depth: u }) => /* @__PURE__ */ e.jsx(st, { node: n, depth: u })
+            placeholderRender: (n, { depth: l }) => /* @__PURE__ */ e.jsx($e, { node: n, depth: l })
           }
         )
       ] })
@@ -400,5 +367,5 @@ const ps = () => {
   ) });
 };
 export {
-  ps as default
+  Gt as default
 };

package/dist/Layers-Z4nmm9xK.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),x=require("lodash-es"),s=require("@radix-ui/react-icons"),y=require("react-dnd"),B=require("@minoru/react-dnd-treeview"),O=require("react-i18next"),n=require("./index-7ogwGh39.cjs"),N=require("lucide-react"),f=require("react"),M=require("./MODIFIERS-2FeVfZQ9.cjs"),q=require("./Functions-N3yhPYKY.cjs"),_=require("./index-xbQL0wpz.cjs"),A=require("./useAddBlockByDrop-nLzs79He.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-hotkeys-hook");require("sonner");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("./web-blocks.cjs");require("./controls-Dy1qa8Dc.cjs");const v=t=>{switch(t.type){case"Image":return e.jsxRuntimeExports.jsx(s.ImageIcon,{});case"Heading":return e.jsxRuntimeExports.jsx(s.HeadingIcon,{});case"Text":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Link":return e.jsxRuntimeExports.jsx(s.Link1Icon,{});case"Video":return e.jsxRuntimeExports.jsx(s.VideoIcon,{});case"RichText":return e.jsxRuntimeExports.jsx(s.CursorTextIcon,{});case"Button":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"CustomHTML":return e.jsxRuntimeExports.jsx(s.CodeIcon,{});case"Divider":return e.jsxRuntimeExports.jsx(s.DividerHorizontalIcon,{});case"Icon":return e.jsxRuntimeExports.jsx(s.SketchLogoIcon,{});case"List":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"Paragraph":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Row":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"ListItem":return e.jsxRuntimeExports.jsx(s.ColumnsIcon,{});case"LineBreak":return e.jsxRuntimeExports.jsx(s.SpaceBetweenVerticallyIcon,{});case"Form":return e.jsxRuntimeExports.jsx(s.GroupIcon,{});case"Checkbox":return e.jsxRuntimeExports.jsx(s.CheckboxIcon,{});case"FormButton":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"Input":case"TextArea":return e.jsxRuntimeExports.jsx(s.InputIcon,{});case"Radio":return e.jsxRuntimeExports.jsx(s.RadiobuttonIcon,{});case"Select":return e.jsxRuntimeExports.jsx(s.DropdownMenuIcon,{});case"Table":return e.jsxRuntimeExports.jsx(s.TableIcon,{});case"TableHead":return e.jsxRuntimeExports.jsx(s.BorderTopIcon,{});case"TableBody":return e.jsxRuntimeExports.jsx(s.BorderAllIcon,{});case"TableRow":return e.jsxRuntimeExports.jsx(s.ViewHorizontalIcon,{});case"TableCell":return e.jsxRuntimeExports.jsx(s.DragHandleHorizontalIcon,{});case"DataProvider":return e.jsxRuntimeExports.jsx(N.DatabaseIcon,{size:16});case"Box":return e.jsxRuntimeExports.jsx(s.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(s.BoxModelIcon,{})}};function H(t=""){const r={xs:"390px",sm:"640px",md:"768px",lg:"1024px",xl:"1366px","2xl":"1536px"};if(new RegExp(/\bsr-only\b/).test(t))return"Sr Only";if(new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(t))return"Visible on mobile";if(t.match(/(^| )hidden( |$)/g)){const u=new RegExp(/\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/),a=t.match(u);if(x.nth(a,1))return`Visible >=${r[x.nth(a,1)]}`}return""}const L=t=>{let r="";return Object.keys(t).forEach(o=>{x.startsWith(t[o],M.STYLES_KEY)&&(r=t[o])}),r},P=t=>{var j;const[,r]=n.useHighlightBlockId(),[o]=n.useHiddenBlockIds(),{isSelected:c}=t,{id:u,data:a}=t.node,g=t.depth*10,R=l=>{l.stopPropagation(),t.onToggle(t.node.id)},m=B.useDragOver(u,t.isOpen,t.onToggle),p=f.useMemo(()=>{const l=L(t.node.data);return H(l)},[t.node.data]);return e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>r(u),className:q.cn("group flex w-full items-center justify-between space-x-px py-px",c?"bg-blue-500 text-white":"text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-800"),onClick:l=>{l.stopPropagation(),!o.includes(u)&&t.onSelect(u)},onContextMenu:()=>t.onSelect(u),style:{paddingInlineStart:g},...m,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:`flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${t.isOpen?"rotate-90":""}`,children:t.node.droppable&&e.jsxRuntimeExports.jsx("button",{onClick:R,type:"button",children:e.jsxRuntimeExports.jsx(s.TriangleRightIcon,{})})}),e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:"-mt-1 h-3 w-3",children:e.jsxRuntimeExports.jsx(v,{type:a==null?void 0:a._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:((j=t.node.data)==null?void 0:j._name)||t.node.text}),p?e.jsxRuntimeExports.jsxs("span",{className:"ml-2 flex items-center text-[10px] italic "+(c?"text-gray-200":"text-gray-500"),children:["(",p,")"]}):null]})]})})},F=t=>{var o;const{item:r}=t.monitorProps;return e.jsxRuntimeExports.jsxs("div",{className:"flex w-max items-center bg-blue-200 bg-opacity-30 p-1 font-semibold text-blue-700",children:[e.jsxRuntimeExports.jsx("div",{className:"",children:e.jsxRuntimeExports.jsx(v,{type:(o=r==null?void 0:r.data)==null?void 0:o._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:r.text})]})},V=t=>{const r=t.depth*10+16;return e.jsxRuntimeExports.jsx("div",{className:"absolute right-0 top-0 h-0.5 -translate-y-1/2 transform bg-green-500",style:{left:r}})},z=()=>{const[t]=n.useSelectedBlockIds(),r=n.useRemoveBlocks(),o=n.useSelectedBlock();return e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{disabled:!n.canDeleteBlock(o==null?void 0:o._type),className:"flex items-center gap-x-4 text-xs",onClick:()=>r(t),children:[e.jsxRuntimeExports.jsx(s.TrashIcon,{})," Remove"]})},$=()=>{const[t]=n.useSelectedBlockIds(),r=n.useDuplicateBlocks(),o=n.useSelectedBlock(),c=f.useCallback(()=>{r(t)},[t,r]);return e.jsxRuntimeExports.jsxs(n.ContextMenuContent,{className:"text-xs",children:[e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{disabled:!n.canDuplicateBlock(o==null?void 0:o._type),className:"flex items-center gap-x-4 text-xs",onClick:c,children:[e.jsxRuntimeExports.jsx(s.CopyIcon,{})," Duplicate"]}),e.jsxRuntimeExports.jsx(z,{})]})},K=({children:t})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(n.ContextMenu,{children:[e.jsxRuntimeExports.jsx(n.ContextMenuTrigger,{children:t}),e.jsxRuntimeExports.jsx($,{})]})});function U(t){return x.map(t,r=>{const{data:o}=r;return{...o,_parent:r.parent===0?null:r.parent}})}function Q(){const[t]=n.useBlocksContainer(),[r,o]=n.useSelectedBlockIds();return t?e.jsxRuntimeExports.jsxs("div",{onClick:c=>{c.stopPropagation(),o(["container"])},className:q.cn("flex items-center pl-2 text-xs",x.includes(r,"container")?"bg-blue-500 text-white":"hover:bg-gray-200 dark:hover:bg-gray-800"),children:[e.jsxRuntimeExports.jsx(s.BoxIcon,{}),"  ",t._type]}):null}const Y=()=>{const[t]=n.useBlocksStore(),{setNewBlocks:r}=n.useBlocksStoreUndoableActions(),[o,c,u]=n.useSelectedBlockIds(),[,a]=n.useSelectedStylingBlocks(),{t:g}=O.useTranslation(),R=_.useExpandedIds(),m=A.useAddBlockByDrop(),[p]=n.useBlocksContainer(),j=async(i,d)=>{const{dragSource:h,relativeIndex:I,dropTargetId:b,monitor:k}=d;if(h){const D=U(i);r(D);const T=k.getItem();c([T.id])}else await m({block:k.getItem(),dropTargetId:b,relativeIndex:I})},l=x.map(t,i=>({id:i._id,text:i._type,parent:i._parent||0,droppable:!x.isUndefined(x.find(t,{_parent:i._id})),data:i})),w=()=>{c([]),a([])},[{isOver:E},C]=y.useDrop(()=>({accept:["CHAI_BLOCK"],collect:i=>({canDrop:i.canDrop(),isOver:i.isOver()}),drop:i=>{(async()=>await m({block:i,dropTargetId:"",relativeIndex:0}))()}})),{isDragging:S}=y.useDragLayer(i=>({isDragging:i.isDragging()}));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{onClick:()=>w(),className:q.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",S?"bg-green-50/80":"bg-background"),children:x.isEmpty(t)?e.jsxRuntimeExports.jsxs("div",{ref:C,className:`mx-1 mt-4 h-full max-w-full p-6 text-center text-sm text-gray-400 ${E?"bg-blue-200":""}`,children:[E?e.jsxRuntimeExports.jsx(s.DoubleArrowDownIcon,{className:"mx-auto h-12 w-12 animate-bounce"}):e.jsxRuntimeExports.jsx(s.StackIcon,{className:"mx-auto h-10 w-10"}),e.jsxRuntimeExports.jsx("p",{className:"mt-2",children:g(E?"drop_here_message":"tree_view_no_blocks")})]}):e.jsxRuntimeExports.jsxs(n.ScrollArea,{id:"layers-view",className:"no-scrollbar h-full overflow-y-auto p-1",children:[e.jsxRuntimeExports.jsx(Q,{}),e.jsxRuntimeExports.jsx(B.Tree,{initialOpen:R,extraAcceptTypes:["CHAI_BLOCK"],tree:l,rootId:0,render:(i,{depth:d,isOpen:h,onToggle:I})=>e.jsxRuntimeExports.jsx(K,{id:i.id,children:e.jsxRuntimeExports.jsx(P,{onSelect:b=>{a([]),c([b])},isSelected:x.includes(o,i.id),node:i,depth:d,isOpen:h,onToggle:I,toggleIds:u})}),dragPreviewRender:i=>e.jsxRuntimeExports.jsx(F,{monitorProps:i}),onDrop:j,classes:{root:"h-[90%] "+(p?"pl-2":"pt-2"),draggingSource:"opacity-30",dropTarget:"bg-green-100",placeholder:"relative"},sort:!1,insertDroppableFirst:!1,canDrop:n.canDropBlock,dropTargetOffset:2,enableAnimateExpand:!0,placeholderRender:(i,{depth:d})=>e.jsxRuntimeExports.jsx(V,{node:i,depth:d})})]})})})};exports.default=Y;

package/dist/{PagesPanel-acGVGJf-.js → PagesPanel-4mqxCFHq.js}

@@ -1,11 +1,11 @@
 import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import i, { Suspense as s } from "react";
 import { sortBy as a, filter as d, get as n } from "lodash-es";
-import { a as l, b as c } from "./index-EGUphg4R.js";
+import { a as l, b as c } from "./index-c2VLKuhY.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "i18next";
 import "react-i18next";
-import "./index-niHREMmR.js";
+import "./index-B4sL0YTN.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./utils-AvyFzbPC.js";
@@ -39,7 +39,6 @@ import "flat-to-nested";
 import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "@chaibuilder/runtime";
-import "lodash";
 import "@react-hookz/web";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
@@ -53,7 +52,7 @@ import "himalaya";
 import "lucide-react";
 import "./web-blocks.js";
 import "./controls-XPXGHKht.js";
-const x = i.lazy(() => import("./add-page-modal-6DlGzdA4.js")), g = i.lazy(() => import("./page-viewer-EoYYnA56.js")), jt = () => {
+const x = i.lazy(() => import("./add-page-modal-FJEAqfD3.js")), g = i.lazy(() => import("./page-viewer-TcK0I240.js")), ut = () => {
   const { data: o = [], isLoading: m } = l(), { data: r } = c(), p = a(d(o, { type: "STATIC" }), (e) => n(e, "uuid") === (r == null ? void 0 : r.homepage) ? 0 : 1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between rounded-md bg-background/30 p-1", children: [
@@ -65,5 +64,5 @@ const x = i.lazy(() => import("./add-page-modal-6DlGzdA4.js")), g = i.lazy(() =>
   ] });
 };
 export {
-  jt as default
+  ut as default
 };

package/dist/PagesPanel-ouHdxyOH.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),u=require("react"),i=require("lodash-es"),s=require("./index-xbQL0wpz.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("i18next");require("react-i18next");require("./index-7ogwGh39.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("./MODIFIERS-2FeVfZQ9.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("lucide-react");require("./web-blocks.cjs");require("./controls-Dy1qa8Dc.cjs");const a=u.lazy(()=>Promise.resolve().then(()=>require("./add-page-modal-In6XI-vZ.cjs"))),x=u.lazy(()=>Promise.resolve().then(()=>require("./page-viewer-SfQUe0SI.cjs"))),d=()=>{const{data:t=[],isLoading:q}=s.usePages(),{data:r}=s.useProject(),n=i.sortBy(i.filter(t,{type:"STATIC"}),o=>i.get(o,"uuid")===(r==null?void 0:r.homepage)?0:1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Pages"}),e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"text-sm text-blue-500 underline",children:"+ New Page"}),children:e.jsxRuntimeExports.jsx(a,{})})]}),e.jsxRuntimeExports.jsx("hr",{className:"-mx-1"}),e.jsxRuntimeExports.jsx("div",{className:"-mx-1 divide-y-2",children:e.jsxRuntimeExports.jsx(x,{isLoading:q,pages:n})})]})};exports.default=d;