@chaibuilder/sdk 1.0.13 → 1.0.15

package/dist/{Layers-WkZ48AUm.js → Layers-uzA3QA-4.js}

@@ -1,44 +1,61 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import { j as e } from "./jsx-runtime-qAwJ85SY.js";
 import { nth as k, startsWith as P, has as H, map as v, isUndefined as L, find as V, isEmpty as z, includes as F } from "lodash";
-import { BoxModelIcon as G, BoxIcon as $, DragHandleHorizontalIcon as K, ViewHorizontalIcon as q, BorderAllIcon as Q, BorderTopIcon as U, TableIcon as Y, DropdownMenuIcon as W, RadiobuttonIcon as J, InputIcon as X, ButtonIcon as B, CheckboxIcon as Z, GroupIcon as ee, SpaceBetweenVerticallyIcon as se, ColumnsIcon as te, RowsIcon as y, TextIcon as C, SketchLogoIcon as oe, DividerHorizontalIcon as ne, CodeIcon as re, CursorTextIcon as ae, VideoIcon as ce, Link1Icon as le, HeadingIcon as ie, ImageIcon as de, TriangleRightIcon as xe, GlobeIcon as ue, CopyIcon as me, ClipboardCopyIcon as pe, ScissorsIcon as ge, ClipboardIcon as je, TrashIcon as he, DoubleArrowDownIcon as fe, StackIcon as Ie } from "@radix-ui/react-icons";
-import { useDrop as be, useDragLayer as ke } from "react-dnd";
+import { BoxModelIcon as G, BoxIcon as $, DragHandleHorizontalIcon as K, ViewHorizontalIcon as q, BorderAllIcon as Q, BorderTopIcon as U, TableIcon as Y, DropdownMenuIcon as W, RadiobuttonIcon as Z, InputIcon as J, ButtonIcon as B, CheckboxIcon as X, GroupIcon as ee, SpaceBetweenVerticallyIcon as te, ColumnsIcon as se, RowsIcon as y, TextIcon as C, SketchLogoIcon as oe, DividerHorizontalIcon as ne, CodeIcon as re, CursorTextIcon as ae, VideoIcon as ce, Link1Icon as le, HeadingIcon as ie, ImageIcon as de, TriangleRightIcon as xe, ScissorsIcon as me, ClipboardIcon as pe, TrashIcon as ue, GlobeIcon as ge, CopyIcon as je, ClipboardCopyIcon as he, DoubleArrowDownIcon as be, StackIcon as fe } from "@radix-ui/react-icons";
+import { useDrop as Ie, useDragLayer as ke } from "react-dnd";
 import { useDragOver as Be, Tree as ye } from "@minoru/react-dnd-treeview";
 import { useTranslation as Ce } from "react-i18next";
-import { g as ve, l as g, e as we, h as Se, d as Te, b as De, k as Ne, m as Me, s as Oe, q as Re, a as Ee, N as Ae, x as _e } from "./ChaiBuilderEditor-hEuUONQ3.js";
-import { u as Pe, b as He } from "./useAllBlocks-PQKYvs-e.js";
-import { DatabaseIcon as Le } from "lucide-react";
-import { c as w } from "./utils-dze1SGvB.js";
-import { u as Ve } from "./useHiddenBlocks-3MsGOJ1s.js";
-import { useMemo as ze, lazy as Fe, useState as Ge, Suspense as $e, useCallback as S } from "react";
-import { S as Ke } from "./MODIFIERS-DsEzQ3aH.js";
-import { D as qe, b as Qe } from "./dialog-jrw9DF1f.js";
-import { C as Ue, a as Ye, b as We, c as d } from "./context-menu-8dC9uGXj.js";
-import { u as T } from "./skeleton-CU_FIbg3.js";
-import { S as Je } from "./scroll-area-ewXbxc3n.js";
+import { _ as ve, Z as we, j as g, n as Se, bq as d, k as Te, l as De, a6 as Ne, m as Me, o as Oe, i as w, br as Re, ao as Ee, ap as Ae, bs as _e, bt as Pe, O as He, ae as Le, w as Ve, aj as ze, p as Fe, aA as Ge, bp as $e, bu as Ke } from "./index-2EHcmZqL.js";
+import { DatabaseIcon as qe } from "lucide-react";
+import "./lib.js";
+import { useMemo as Qe, lazy as Ue, useCallback as S, useState as Ye, Suspense as We } from "react";
+import { a as Ze, b as T } from "./Class-nQk08vqd.js";
+import { f as Je } from "./index-cU5eyVRU.js";
 import { useAtom as Xe } from "jotai";
-import { u as Ze } from "./useAddBlock-WJc3OgG8.js";
-import "clsx";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-accordion";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-label";
 import "@radix-ui/react-scroll-area";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
 import "react-dom";
-import "@floating-ui/react-dom";
-import "i18next";
-import "flagged";
-import "react-hotkeys-hook";
+import "react-quill";
 import "flat-to-nested";
-import "./functions-pcUZhFJM.js";
 import "redux-undo";
+import "./index-gmZcUXyn.js";
 import "@react-hookz/web";
-import "./index-ehKdBRUK.js";
+import "himalaya";
+import "@mhsdesign/jit-browser-tailwindcss";
+import "@bobthered/tailwindcss-palette-generator";
+import "@tailwindcss/forms";
+import "@tailwindcss/typography";
+import "@tailwindcss/aspect-ratio";
+import "@tailwindcss/line-clamp";
+import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-context-menu";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-toast";
-import "./controls-Ni5kEzLz.js";
-const D = (s) => {
-  switch (s.type) {
+import "i18next";
+import "./index-RVm8Txnj.js";
+import "@floating-ui/react-dom";
+import "react-textarea-autosize";
+import "flagged";
+import "react-hotkeys-hook";
+import "sonner";
+const D = (t) => {
+  switch (t.type) {
     case "Image":
       return /* @__PURE__ */ e.jsx(de, {});
     case "Heading":
@@ -66,20 +83,20 @@ const D = (s) => {
     case "Row":
       return /* @__PURE__ */ e.jsx(y, {});
     case "ListItem":
-      return /* @__PURE__ */ e.jsx(te, {});
-    case "LineBreak":
       return /* @__PURE__ */ e.jsx(se, {});
+    case "LineBreak":
+      return /* @__PURE__ */ e.jsx(te, {});
     case "Form":
       return /* @__PURE__ */ e.jsx(ee, {});
     case "Checkbox":
-      return /* @__PURE__ */ e.jsx(Z, {});
+      return /* @__PURE__ */ e.jsx(X, {});
     case "FormButton":
       return /* @__PURE__ */ e.jsx(B, {});
     case "Input":
     case "TextArea":
-      return /* @__PURE__ */ e.jsx(X, {});
-    case "Radio":
       return /* @__PURE__ */ e.jsx(J, {});
+    case "Radio":
+      return /* @__PURE__ */ e.jsx(Z, {});
     case "Select":
       return /* @__PURE__ */ e.jsx(W, {});
     case "Table":
@@ -93,15 +110,15 @@ const D = (s) => {
     case "TableCell":
       return /* @__PURE__ */ e.jsx(K, {});
     case "DataProvider":
-      return /* @__PURE__ */ e.jsx(Le, { size: 16 });
+      return /* @__PURE__ */ e.jsx(qe, { size: 16 });
     case "Box":
       return /* @__PURE__ */ e.jsx($, {});
     default:
       return /* @__PURE__ */ e.jsx(G, {});
   }
 };
-function es(s = "") {
-  const t = {
+function et(t = "") {
+  const s = {
     xs: "390px",
     sm: "640px",
     md: "768px",
@@ -109,67 +126,67 @@ function es(s = "") {
     xl: "1366px",
     "2xl": "1536px"
   };
-  if (new RegExp(/\bsr-only\b/).test(s))
+  if (new RegExp(/\bsr-only\b/).test(t))
     return "Sr Only";
-  if (new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(s))
+  if (new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(t))
     return "Visible on mobile";
-  if (s.match(/(^| )hidden( |$)/g)) {
+  if (t.match(/(^| )hidden( |$)/g)) {
     const a = new RegExp(
       // 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 = s.match(a);
+    ), c = t.match(a);
     if (k(c, 1))
-      return `Visible >=${t[k(c, 1)]}`;
+      return `Visible >=${s[k(c, 1)]}`;
   }
   return "";
 }
-const ss = (s) => {
-  let t = "";
-  return Object.keys(s).forEach((o) => {
-    P(s[o], Ke) && (t = s[o]);
-  }), t;
-}, ts = (s) => {
-  var m;
-  const [, t] = ve(), [o] = Ve(), { isSelected: r } = s, { id: a, data: c } = s.node, l = s.depth * 10, x = (i) => {
-    i.stopPropagation(), s.onToggle(s.node.id);
-  }, j = Be(a, s.isOpen, s.onToggle), u = ze(() => {
-    const i = ss(s.node.data);
-    return es(i);
-  }, [s.node.data]);
+const tt = (t) => {
+  let s = "";
+  return Object.keys(t).forEach((o) => {
+    P(t[o], Ze) && (s = t[o]);
+  }), s;
+}, st = (t) => {
+  var p;
+  const [, s] = ve(), [o] = we(), { isSelected: r } = t, { id: a, data: c } = t.node, l = t.depth * 10, x = (i) => {
+    i.stopPropagation(), t.onToggle(t.node.id);
+  }, j = Be(a, t.isOpen, t.onToggle), m = Qe(() => {
+    const i = tt(t.node.data);
+    return et(i);
+  }, [t.node.data]);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onMouseEnter: () => t(a),
-        className: w(
+        onMouseEnter: () => s(a),
+        className: T(
           "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"
         ),
         onClick: (i) => {
-          i.stopPropagation(), !o.includes(a) && s.onSelect(a);
+          i.stopPropagation(), !o.includes(a) && t.onSelect(a);
         },
-        onContextMenu: () => s.onSelect(a),
+        onContextMenu: () => t.onSelect(a),
         style: { paddingInlineStart: l },
         ...j,
         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 ${s.isOpen ? "rotate-90" : ""}`,
-              children: s.node.droppable && /* @__PURE__ */ e.jsx("button", { onClick: x, type: "button", children: /* @__PURE__ */ e.jsx(xe, {}) })
+              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: x, type: "button", children: /* @__PURE__ */ e.jsx(xe, {}) })
             }
           ),
           /* @__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(D, { type: c == null ? void 0 : c._type }) }),
-            /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((m = s.node.data) == null ? void 0 : m._name) || s.node.text }),
-            u ? /* @__PURE__ */ e.jsxs(
+            /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((p = t.node.data) == null ? void 0 : p._name) || t.node.text }),
+            m ? /* @__PURE__ */ e.jsxs(
               "span",
               {
                 className: "ml-2 flex items-center text-[10px] italic " + (r ? "text-gray-200" : "text-gray-500"),
                 children: [
                   "(",
-                  u,
+                  m,
                   ")"
                 ]
               }
@@ -179,136 +196,136 @@ const ss = (s) => {
       }
     )
   );
-}, os = (s) => {
+}, ot = (t) => {
   var o;
-  const { item: t } = s.monitorProps;
+  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(D, { type: (o = t == null ? void 0 : t.data) == null ? void 0 : o._type }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: t.text })
+    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx(D, { 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 })
   ] });
-}, ns = (s) => {
-  const t = s.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: t } });
-}, rs = Fe(() => import("./MarkAsGlobalBlock-0HubcRkY.js")), as = () => {
-  const [s] = g(), [, t] = Te();
-  return /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: () => t(s), children: [
-    /* @__PURE__ */ e.jsx(ge, {}),
+}, nt = (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 } });
+}, rt = Ue(() => import("./MarkAsGlobalBlock-ySc-D4SB.js")), at = () => {
+  const [t] = g(), [, s] = Se();
+  return /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: () => s(t), children: [
+    /* @__PURE__ */ e.jsx(me, {}),
     " Cut"
   ] });
-}, cs = () => {
-  const [s] = g(), [, t] = De();
-  return /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: () => t(s), children: [
-    /* @__PURE__ */ e.jsx(je, {}),
+}, ct = () => {
+  const [t] = g(), [, s] = Te();
+  return /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: () => s(t), children: [
+    /* @__PURE__ */ e.jsx(pe, {}),
     " Copy"
   ] });
-}, ls = () => {
-  const [s] = g(), t = Ne(), o = Me();
+}, lt = () => {
+  const [t] = g(), s = De(), o = Ne();
   return /* @__PURE__ */ e.jsxs(
     d,
     {
       disabled: (o == null ? void 0 : o._type) === "Slot",
       className: "flex items-center gap-x-4 text-xs",
-      onClick: () => t(s),
+      onClick: () => s(t),
       children: [
-        /* @__PURE__ */ e.jsx(he, {}),
+        /* @__PURE__ */ e.jsx(ue, {}),
         " Remove"
       ]
     }
   );
-}, is = ({
-  id: s = null,
-  openMarkAsGlobalModal: t
+}, it = ({
+  id: t = null,
+  openMarkAsGlobalModal: s
 }) => {
-  const [o] = g(), r = we(), { pasteBlocks: a, canPaste: c } = Se(), l = T("globalBlocksSupport", !1), x = S(() => {
+  const [o] = g(), r = Me(), { pasteBlocks: a, canPaste: c } = Oe(), l = w("globalBlocksSupport", !1), x = S(() => {
     r(o);
   }, [o, r]);
-  return /* @__PURE__ */ e.jsxs(We, { className: "text-xs", children: [
-    l && /* @__PURE__ */ e.jsx(d, { className: "flex items-center gap-x-4 border-b text-xs", onClick: t, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-4", children: [
-      /* @__PURE__ */ e.jsx(ue, {}),
+  return /* @__PURE__ */ e.jsxs(Re, { className: "text-xs", children: [
+    l && /* @__PURE__ */ e.jsx(d, { 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(ge, {}),
       " Mark as global"
     ] }) }),
     /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: x, children: [
-      /* @__PURE__ */ e.jsx(me, {}),
+      /* @__PURE__ */ e.jsx(je, {}),
       " Duplicate"
     ] }),
-    /* @__PURE__ */ e.jsx(as, {}),
-    /* @__PURE__ */ e.jsx(cs, {}),
+    /* @__PURE__ */ e.jsx(at, {}),
+    /* @__PURE__ */ e.jsx(ct, {}),
     /* @__PURE__ */ e.jsxs(
       d,
       {
         className: "flex items-center gap-x-4 text-xs",
-        onClick: () => a(s),
+        onClick: () => a(t),
         disabled: !c,
         children: [
-          /* @__PURE__ */ e.jsx(pe, {}),
+          /* @__PURE__ */ e.jsx(he, {}),
           " Paste"
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(ls, {})
+    /* @__PURE__ */ e.jsx(lt, {})
   ] });
-}, ds = ({ children: s, id: t = null }) => {
-  const [o, r] = Ge(!1);
+}, dt = ({ children: t, id: s = null }) => {
+  const [o, r] = Ye(!1);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(qe, { open: o, onOpenChange: r, children: o && /* @__PURE__ */ e.jsx(Qe, { children: /* @__PURE__ */ e.jsx($e, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-96 w-full animate-pulse bg-gray-200" }), children: /* @__PURE__ */ e.jsx(rs, { closeModal: () => r(!1), id: t }) }) }) }),
-    /* @__PURE__ */ e.jsxs(Ue, { children: [
-      /* @__PURE__ */ e.jsx(Ye, { children: s }),
-      /* @__PURE__ */ e.jsx(is, { id: t, openMarkAsGlobalModal: () => r(!0) })
+    /* @__PURE__ */ e.jsx(Ee, { open: o, onOpenChange: r, children: o && /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsx(We, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-96 w-full animate-pulse bg-gray-200" }), children: /* @__PURE__ */ e.jsx(rt, { closeModal: () => r(!1), id: s }) }) }) }),
+    /* @__PURE__ */ e.jsxs(_e, { children: [
+      /* @__PURE__ */ e.jsx(Pe, { children: t }),
+      /* @__PURE__ */ e.jsx(it, { id: s, openMarkAsGlobalModal: () => r(!0) })
     ] })
   ] });
-}, xs = () => {
-  const { addCoreBlock: s } = Ze(), t = T("getExternalPredefinedBlock");
+}, xt = () => {
+  const { addCoreBlock: t } = He(), s = w("getExternalPredefinedBlock");
   return S(
     async (o) => {
       const { block: r, dropTargetId: a, relativeIndex: c } = o;
       if (H(r, "format")) {
-        const l = await t(r);
-        return s({ blocks: l }, a === 0 ? null : a, c);
+        const l = await s(r);
+        return t({ blocks: l }, a === 0 ? null : a, c);
       }
-      return s(r, a === 0 ? null : a, c);
+      return t(r, a === 0 ? null : a, c);
     },
-    [s]
+    [t]
   );
 };
-function us(s) {
-  return v(s, (t) => {
-    const { data: o } = t;
+function mt(t) {
+  return v(t, (s) => {
+    const { data: o } = s;
     return {
       ...o,
-      _parent: t.parent === 0 ? null : t.parent
+      _parent: s.parent === 0 ? null : s.parent
     };
   });
 }
-const Xs = () => {
-  const s = Pe(), [t] = Oe(), [o, r, a] = g(), [, c] = Re(), { t: l } = Ce(), { createSnapshot: x } = Ee(), j = Ae(), u = xs(), [, m] = Xe(_e), i = async (n, p) => {
-    const { dragSource: f, destinationIndex: I, relativeIndex: b, dropTargetId: E, monitor: A } = p, _ = us(n);
-    t(_), f ? x() : (await u({
+const gs = () => {
+  const t = Le(), [s] = Ve(), [o, r, a] = g(), [, c] = ze(), { t: l } = Ce(), { createSnapshot: x } = Fe(), j = Je(), m = xt(), [, p] = Xe(Ge), i = async (n, u) => {
+    const { dragSource: b, destinationIndex: f, relativeIndex: I, dropTargetId: E, monitor: A } = u, _ = mt(n);
+    s(_), b ? x() : (await m({
       block: A.getItem(),
       dropTargetId: E,
-      destinationIndex: I,
-      relativeIndex: b
-    }), m(!1));
-  }, N = v(s, (n) => ({
+      destinationIndex: f,
+      relativeIndex: I
+    }), p(!1));
+  }, N = v(t, (n) => ({
     id: n._id,
     text: n._type,
     parent: n._parent || 0,
-    droppable: !L(V(s, { _parent: n._id })),
+    droppable: !L(V(t, { _parent: n._id })),
     data: n
   })), M = () => {
     r([]), c([]);
-  }, [{ isOver: h }, O] = be(() => ({
+  }, [{ isOver: h }, O] = Ie(() => ({
     accept: ["CHAI_BLOCK"],
     collect: (n) => ({
       canDrop: n.canDrop(),
       isOver: n.isOver()
     }),
     drop: (n) => {
-      (async () => (await u({
+      (async () => (await m({
         block: n,
         dropTargetId: "",
         destinationIndex: 0,
         relativeIndex: 0
-      }), m(!1)))();
+      }), p(!1)))();
     }
   })), { isDragging: R } = ke((n) => ({
     isDragging: n.isDragging()
@@ -317,42 +334,42 @@ const Xs = () => {
     "div",
     {
       onClick: () => M(),
-      className: w(
+      className: T(
         "-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",
         R ? "bg-green-50/80" : "bg-background"
       ),
-      children: z(s) ? /* @__PURE__ */ e.jsxs(
+      children: z(t) ? /* @__PURE__ */ e.jsxs(
         "div",
         {
           ref: O,
           className: `mx-1 mt-4 max-w-full h-full p-6 text-center text-sm text-gray-400 ${h ? "bg-blue-200" : ""}`,
           children: [
-            h ? /* @__PURE__ */ e.jsx(fe, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(Ie, { className: "mx-auto h-10 w-10" }),
+            h ? /* @__PURE__ */ e.jsx(be, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(fe, { className: "mx-auto h-10 w-10" }),
             /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: l(h ? "drop_here_message" : "tree_view_no_blocks") })
           ]
         }
-      ) : /* @__PURE__ */ e.jsx(Je, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: /* @__PURE__ */ e.jsx(
+      ) : /* @__PURE__ */ e.jsx($e, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: /* @__PURE__ */ e.jsx(
         ye,
         {
           initialOpen: j,
           extraAcceptTypes: ["CHAI_BLOCK"],
           tree: N,
           rootId: 0,
-          render: (n, { depth: p, isOpen: f, onToggle: I }) => /* @__PURE__ */ e.jsx(ds, { id: n.id, children: /* @__PURE__ */ e.jsx(
-            ts,
+          render: (n, { depth: u, isOpen: b, onToggle: f }) => /* @__PURE__ */ e.jsx(dt, { id: n.id, children: /* @__PURE__ */ e.jsx(
+            st,
             {
-              onSelect: (b) => {
-                c([]), r([b]);
+              onSelect: (I) => {
+                c([]), r([I]);
               },
               isSelected: F(o, n.id),
               node: n,
-              depth: p,
-              isOpen: f,
-              onToggle: I,
+              depth: u,
+              isOpen: b,
+              onToggle: f,
               toggleIds: a
             }
           ) }),
-          dragPreviewRender: (n) => /* @__PURE__ */ e.jsx(os, { monitorProps: n }),
+          dragPreviewRender: (n) => /* @__PURE__ */ e.jsx(ot, { monitorProps: n }),
           onDrop: i,
           classes: {
             root: "h-full pt-2",
@@ -362,15 +379,15 @@ const Xs = () => {
           },
           sort: !1,
           insertDroppableFirst: !1,
-          canDrop: He,
+          canDrop: Ke,
           dropTargetOffset: 2,
           enableAnimateExpand: !0,
-          placeholderRender: (n, { depth: p }) => /* @__PURE__ */ e.jsx(ns, { node: n, depth: p })
+          placeholderRender: (n, { depth: u }) => /* @__PURE__ */ e.jsx(nt, { node: n, depth: u })
         }
       ) })
     }
   ) });
 };
 export {
-  Xs as default
+  gs as default
 };

package/dist/MarkAsGlobalBlock-lYL8cO9x.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WKRPbKtm.cjs"),n=require("@radix-ui/react-icons"),o=require("react"),s=require("./index-c8zW_D2V.cjs"),c=require("lodash");require("./Class-RZuPYbUS.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-toggle");require("class-variance-authority");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("./index-fwo4wa7u.cjs");require("@react-hookz/web");require("react-i18next");const x=({id:t=null,closeModal:i})=>{const l=s.useMarkAsGlobalBlock(),[r,a]=o.useState("");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{className:"text-lg font-bold",children:"Mark as Global"}),e.jsxRuntimeExports.jsxs("div",{className:"py-2 text-sm",children:["Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks. ",e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("ul",{className:"mt-4 list-inside list-disc space-y-1",children:[e.jsxRuntimeExports.jsxs("li",{children:["Global blocks are indicated with ",e.jsxRuntimeExports.jsx(n.GlobeIcon,{className:"inline"})," icon in left sidebar"]}),e.jsxRuntimeExports.jsx("li",{children:'Global blocks are available under "Global" category'})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"my-4",children:[e.jsxRuntimeExports.jsx("label",{className:"block text-sm font-medium text-gray-400",children:"Enter global block name"}),e.jsxRuntimeExports.jsx("input",{placeholder:"Eg: Header, Footer ",className:"mt-2 w-full",value:r,onChange:u=>a(u.target.value)})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-4",children:[e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>{l(t,c.capitalize(r)),i()},disabled:r.length<=2,variant:"default",children:"Mark as Global"}),e.jsxRuntimeExports.jsx(s.Button,{variant:"outline",onClick:i,children:"Cancel"})]})]})};exports.default=x;

package/dist/MarkAsGlobalBlock-ySc-D4SB.js

@@ -0,0 +1,84 @@
+import { j as t } from "./jsx-runtime-qAwJ85SY.js";
+import { GlobeIcon as m } from "@radix-ui/react-icons";
+import { useState as n } from "react";
+import { $ as p, B as o } from "./index-2EHcmZqL.js";
+import { capitalize as c } from "lodash";
+import "./Class-nQk08vqd.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-accordion";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-label";
+import "@radix-ui/react-scroll-area";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
+import "react-dom";
+import "react-quill";
+import "jotai";
+import "flat-to-nested";
+import "redux-undo";
+import "./index-gmZcUXyn.js";
+import "@react-hookz/web";
+import "react-i18next";
+const W = ({ id: e = null, closeModal: l }) => {
+  const r = p(), [i, a] = n("");
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("h1", { className: "text-lg font-bold", children: "Mark as Global" }),
+    /* @__PURE__ */ t.jsxs("div", { className: "py-2 text-sm", children: [
+      "Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks. ",
+      /* @__PURE__ */ t.jsx("br", {}),
+      /* @__PURE__ */ t.jsxs("ul", { className: "mt-4 list-inside list-disc space-y-1", children: [
+        /* @__PURE__ */ t.jsxs("li", { children: [
+          "Global blocks are indicated with ",
+          /* @__PURE__ */ t.jsx(m, { className: "inline" }),
+          " icon in left sidebar"
+        ] }),
+        /* @__PURE__ */ t.jsx("li", { children: 'Global blocks are available under "Global" category' })
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "my-4", children: [
+      /* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-400", children: "Enter global block name" }),
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          placeholder: "Eg: Header, Footer ",
+          className: "mt-2 w-full",
+          value: i,
+          onChange: (s) => a(s.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-end gap-x-4", children: [
+      /* @__PURE__ */ t.jsx(
+        o,
+        {
+          onClick: () => {
+            r(e, c(i)), l();
+          },
+          disabled: i.length <= 2,
+          variant: "default",
+          children: "Mark as Global"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(o, { variant: "outline", onClick: l, children: "Cancel" })
+    ] })
+  ] });
+};
+export {
+  W as default
+};

package/dist/PagesPanel-5t0bV9T2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WKRPbKtm.cjs"),u=require("react"),i=require("lodash"),s=require("./index-_jFEo7h5.cjs");require("./Class-RZuPYbUS.cjs");require("clsx");require("tailwind-merge");require("i18next");require("react-i18next");require("./index-m2muA80V.cjs");require("@radix-ui/react-icons");require("./index-fwo4wa7u.cjs");require("./lib.cjs");require("himalaya");require("@mhsdesign/jit-browser-tailwindcss");require("@bobthered/tailwindcss-palette-generator");require("@tailwindcss/forms");require("@tailwindcss/typography");require("@tailwindcss/aspect-ratio");require("@tailwindcss/line-clamp");require("./index-c8zW_D2V.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");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("@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("lucide-react");const a=u.lazy(()=>Promise.resolve().then(()=>require("./add-page-modal-tIt3N8jH.cjs"))),x=u.lazy(()=>Promise.resolve().then(()=>require("./page-viewer-BSc-5M4B.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;