@chaibuilder/sdk 1.2.23 → 1.2.25

package/dist/lib.js

@@ -1,21 +1,20 @@
-import { c as _ } from "./Class-lGzsNBOK.js";
-import { a as ie } from "./Class-lGzsNBOK.js";
-import { g as le, a as pe } from "./Functions-7jnEwJyw.js";
-import { g as me } from "./html-to-json-ngX9ef2u.js";
-import { first as F, includes as l, keys as d, map as T, parseInt as $, get as p, set as b, startsWith as k, replace as O } from "lodash-es";
-import { d as h, a as C, g as I } from "./defaultTheme-D8B4-wHO.js";
-import { tailwindcssPaletteGenerator as E } from "@bobthered/tailwindcss-palette-generator";
-import { createTailwindcss as V } from "@mhsdesign/jit-browser-tailwindcss";
-import A from "@tailwindcss/forms";
+import { c as ie } from "./utils-dze1SGvB.js";
+import { g as oe, a as le } from "./Functions-NzT2Six_.js";
+import { g as xe } from "./html-to-json-2xtb7520.js";
+import { first as $, includes as l, keys as d, map as w, parseInt as S, get as p, set as b, replace as k, startsWith as C } from "lodash-es";
+import { c as O } from "./Class-ahc3NIbq.js";
+import { d as h, g as V, a as I } from "./defaultTheme-4kA60XdB.js";
+import { tailwindcssPaletteGenerator as _ } from "@bobthered/tailwindcss-palette-generator";
+import { createTailwindcss as E } from "@mhsdesign/jit-browser-tailwindcss";
+import P from "@tailwindcss/forms";
 import L from "@tailwindcss/typography";
-import P from "@tailwindcss/aspect-ratio";
-import { a as R } from "./STRINGS--j49GZJP.js";
+import v from "@tailwindcss/aspect-ratio";
+import { S as A } from "./STRINGS-b432aBJJ.js";
 import "clsx";
 import "tailwind-merge";
-import "./MODIFIERS-dytZ-osO.js";
 import "himalaya";
-import "./_commonjsHelpers-UyOWmZb0.js";
-const w = {
+import "./MODIFIERS-CNqNUapY.js";
+const T = {
   25: "1/4",
   "33.33": "1/3",
   50: "1/2",
@@ -32,7 +31,7 @@ const w = {
   "58.33": "7/12",
   "91.67": "11/12",
   100: "full"
-}, W = {
+}, B = {
   0: "0",
   1: "px",
   2: "0.5",
@@ -68,22 +67,21 @@ const w = {
   288: "72",
   320: "80",
   384: "96"
-};
-const B = 16, X = 4;
-function v(a) {
-  return a.indexOf("rem") !== -1 && (a = `${parseFloat(a.replace("rem", "")) * B}px`), a;
+}, R = 16, X = 4;
+function Y(a) {
+  return a.indexOf("rem") !== -1 && (a = `${parseFloat(a.replace("rem", "")) * R}px`), a;
 }
-const te = (a) => {
-  const r = a.match(/\[.*\]/);
-  if (r === null)
+const ae = (a) => {
+  const c = a.match(/\[.*\]/);
+  if (c === null)
     return a;
-  const s = _(a);
+  const s = O(a);
   if (s === null)
     return a;
   const { property: n } = s;
-  let e = F(r).replace(/\]/i, "").replace(/\[/i, "");
-  const c = a.replace(/\[.*\]/i, "");
-  e = v(e);
+  let e = $(c).replace(/\]/i, "").replace(/\[/i, "");
+  const i = a.replace(/\[.*\]/i, "");
+  e = Y(e);
   let t = a;
   switch (n) {
     case "top":
@@ -118,23 +116,23 @@ const te = (a) => {
     case "spaceX":
     case "spaceY":
       if (e.indexOf("px") !== -1) {
-        const o = T(d(W), (i) => `${i}px`);
+        const o = w(d(B), (r) => `${r}px`);
         if (l(o, e)) {
-          const i = $(e.replace("px", ""), 10);
-          i === 1 ? t = `${c}px` : t = c + i / X;
+          const r = S(e.replace("px", ""), 10);
+          r === 1 ? t = `${i}px` : t = i + r / X;
         }
       }
       if (e.indexOf("%") !== -1) {
-        const o = T(d(w), (i) => `${i}%`);
+        const o = w(d(T), (r) => `${r}%`);
         if (l(o, e)) {
-          const i = parseFloat(e.replace("%", ""));
-          t = c + p(w, i);
+          const r = parseFloat(e.replace("%", ""));
+          t = i + p(T, r);
         }
       }
-      e.indexOf("vw") !== -1 && parseFloat(e.replace("vw", "")) === 100 && (t = `${c}screen`), e.indexOf("vh") !== -1 && parseFloat(e.replace("vh", "")) === 100 && (t = `${c}screen`);
+      e.indexOf("vw") !== -1 && parseFloat(e.replace("vw", "")) === 100 && (t = `${i}screen`), e.indexOf("vh") !== -1 && parseFloat(e.replace("vh", "")) === 100 && (t = `${i}screen`);
       break;
     case "minWidth":
-      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (t = `${c}full`), e === "0px" && (t = "min-w-0");
+      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (t = `${i}full`), e === "0px" && (t = "min-w-0");
       break;
     case "maxWidth":
       e === "0px" && (t = "max-w-0");
@@ -158,7 +156,7 @@ const te = (a) => {
       l(d(x), e) && (t = `max-w-${x[e]}`);
       break;
     case "minHeight":
-      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (t = `${c}full`), e === "0px" && (t = "min-h-0"), e === "100vh" && (t = "min-h-screen");
+      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (t = `${i}full`), e === "0px" && (t = "min-h-0"), e === "100vh" && (t = "min-h-screen");
       break;
     case "fontSize":
       const f = {
@@ -176,7 +174,7 @@ const te = (a) => {
         "96px": "8xl",
         "128px": "9xl"
       };
-      l(d(f), e) && (t = c + f[e]);
+      l(d(f), e) && (t = i + f[e]);
       break;
     case "lineHeight":
       const m = {
@@ -195,10 +193,10 @@ const te = (a) => {
         "1.625": "relaxed",
         2: "loose"
       };
-      l(d(m), e) && (t = c + m[e]);
+      l(d(m), e) && (t = i + m[e]);
       break;
     case "zIndex":
-      t = ["0", "10", "20", "30", "40", "50"].indexOf(e) !== -1 ? `${c}${e}` : a;
+      t = ["0", "10", "20", "30", "40", "50"].indexOf(e) !== -1 ? `${i}${e}` : a;
       break;
     case "opacity":
       const y = [
@@ -220,17 +218,15 @@ const te = (a) => {
       ], u = parseFloat(e) * 100;
       l(y, u.toString()) && (t = `opacity-${u}`);
       break;
-    default:
-      break;
   }
   return t;
 };
-async function D(a, r, s = [], n = "c-", e = !1) {
-  const c = p(a, "primaryColor", "#000"), t = p(a, "secondaryColor", "#ccc"), x = p(a, "headingFont", "Inter"), f = p(a, "bodyFont", "Inter"), m = p(a, "roundedCorners", "0"), g = E({
-    colors: [c, t],
+async function M(a, c, s = [], n = "c-", e = !1) {
+  const i = p(a, "primaryColor", "#000"), t = p(a, "secondaryColor", "#ccc"), x = p(a, "headingFont", "Inter"), f = p(a, "bodyFont", "Inter"), m = p(a, "roundedCorners", "0"), g = _({
+    colors: [i, t],
     names: ["primary", "secondary"]
   });
-  return b(g, "primary.DEFAULT", c), b(g, "secondary.DEFAULT", t), `${await V({
+  return b(g, "primary.DEFAULT", i), b(g, "secondary.DEFAULT", t), `${await E({
     tailwindConfig: {
       darkMode: "class",
       safelist: s,
@@ -246,7 +242,7 @@ async function D(a, r, s = [], n = "c-", e = !1) {
           colors: g
         }
       },
-      plugins: [A, L, P],
+      plugins: [P, L, v],
       corePlugins: { preflight: e },
       ...n ? { prefix: `${n}` } : {}
     }
@@ -254,40 +250,40 @@ async function D(a, r, s = [], n = "c-", e = !1) {
     ` ${e ? "@tailwind base;" : ""}
       @tailwind components;
       @tailwind utilities;`,
-    r
+    c
   )} 
     .${n}bg-clip-text{background-clip: text;-webkit-background-clip: text;} h1,h2,h3,h4,h5,h6{font-family: "${x}",${h.fontFamily.sans.join(
     ", "
   )};}`;
 }
-const U = (a, r) => a.map((s) => {
+const U = (a, c) => a.map((s) => {
   const n = {};
   return Object.keys(s).forEach((e) => {
-    k(s[e], R) && (n[e] = C(s[e], r));
+    C(s[e], A) && (n[e] = I(s[e], c));
   }), n;
-}), S = (a, r, s = "c-", n = !1) => {
-  const e = I(r, s);
-  return D(
-    r,
-    [O(JSON.stringify(U(a, s)), /#styles:/g, "")],
+}), F = (a, c, s = "c-", n = !1) => {
+  const e = V(c, s);
+  return M(
+    c,
+    [k(JSON.stringify(U(a, s)), /#styles:/g, "")],
     e.split(" ").concat(`${s}inline-block`, `${s}w-full`, `${s}h-full`),
     s,
     n
   );
-}, se = async (a, r = "c-", s = !1) => {
+}, te = async (a, c = "c-", s = !1) => {
   const n = a.page.blocks;
-  return await S(n, a.project.brandingOptions, r, s);
-}, ne = async (a, r, s = "c-", n = !1) => await S(a, r, s, n);
+  return await F(n, a.project.brandingOptions, c, s);
+}, se = async (a, c, s = "c-", n = !1) => await F(a, c, s, n);
 export {
-  C as addPrefixToClasses,
+  I as addPrefixToClasses,
   ie as cn,
-  te as convertArbitraryToTailwindClass,
-  le as generateUUID,
-  me as getBlocksFromHTML,
-  S as getBlocksTailwindCSS,
-  I as getBrandingClasses,
-  pe as getBreakpointValue,
-  ne as getStylesForBlocks,
-  se as getStylesForPageData,
-  D as getTailwindCSS
+  ae as convertArbitraryToTailwindClass,
+  oe as generateUUID,
+  xe as getBlocksFromHTML,
+  F as getBlocksTailwindCSS,
+  V as getBrandingClasses,
+  le as getBreakpointValue,
+  se as getStylesForBlocks,
+  te as getStylesForPageData,
+  M as getTailwindCSS
 };

package/dist/link-WbcKdQ9k.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-JYMCiFoE.cjs"),m=require("react-icons-picker"),h=require("react-dom"),g=require("lodash-es"),d=require("react"),x=require("./tabs-_4WbA1cc.cjs"),j=require("./ImagesPanel-J1RlG7xG.cjs"),E=require("react-quill");require("react-i18next");const R=require("./skeleton-STeL9VrJ.cjs"),f=s=>{try{const t=document.getElementById("icon-picker-field"),r=document.createElement("div");h.render(e.jsxRuntimeExports.jsx(m.IconPickerItem,{value:s}),r),t.appendChild(r),r.hidden=!0;let o=r.innerHTML;setTimeout(()=>t.removeChild(r),100);const a=new DOMParser().parseFromString(o,"image/svg+xml"),i=a.querySelector("svg");return i&&(i.removeAttribute("width"),i.removeAttribute("height")),new XMLSerializer().serializeToString(a)}catch(t){return console.error(t),""}},v=({value:s,onChange:t})=>{const r=o=>{t("<svg />");const l=f(o);t(l)};return e.jsxRuntimeExports.jsxs("div",{className:"mt-1 flex h-20 items-center gap-x-2",id:"icon-picker-field",children:[e.jsxRuntimeExports.jsxs("div",{className:"group relative h-12 w-12",children:[e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:s?s.replace("<svg",'<svg class="h-5 w-5"'):"<svg class='h-5 w-5' />"},className:"absolute left-1/2 top-1/2 z-0 -translate-x-1/2 -translate-y-1/2 transform cursor-pointer bg-white"}),e.jsxRuntimeExports.jsx(m,{value:s?"BiSolidGrid":null,onChange:r,pickButtonStyle:{position:"relative",height:"48px",width:"48px",border:"1px solid #BBBBBB",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"6px",backgroundColor:"transparent",zIndex:1},searchInputStyle:{backgroundColor:"transparent",width:"100%",border:"1px solid #BBBBBB",margin:"0px 10px",padding:"10px"}})]}),e.jsxRuntimeExports.jsx("textarea",{value:s,onChange:o=>t(o.target.value),className:"h-full w-full rounded-sm border border-foreground/20 px-2 py-1 text-xs shadow-sm focus:border-gray-500/80 focus:outline-none focus:ring-0",placeholder:"Choose icon or enter svg"})]})},b=({children:s,onSelect:t})=>{const[r,o]=d.useState(!1),l=(...a)=>{t.call(void 0,...a),o(!1)};return e.jsxRuntimeExports.jsxs(x.Dialog,{open:r,onOpenChange:a=>o(a),children:[e.jsxRuntimeExports.jsx(x.DialogTrigger,{asChild:!0,children:s}),e.jsxRuntimeExports.jsx(x.DialogContent,{className:"flex h-3/4 max-w-5xl",children:e.jsxRuntimeExports.jsx("div",{className:"h-full w-full",children:e.jsxRuntimeExports.jsx(j.default,{isModalView:!0,onSelect:l})})})]})},p=b,k=({value:s,onChange:t,id:r,onBlur:o})=>e.jsxRuntimeExports.jsxs("div",{className:"mt-1.5 flex items-center gap-x-3",children:[s?e.jsxRuntimeExports.jsx("img",{src:s,className:"h-20 w-20 overflow-hidden rounded-md border object-cover",alt:""}):e.jsxRuntimeExports.jsx(p,{onSelect:t,children:e.jsxRuntimeExports.jsx("div",{className:"h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-3/5 flex-col",children:[e.jsxRuntimeExports.jsx(p,{onSelect:t,children:e.jsxRuntimeExports.jsx("small",{className:"cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700",children:s||!g.isEmpty(s)?"Replace Image":"Choose Image"})}),e.jsxRuntimeExports.jsx("small",{className:"-pl-4 pt-2 text-center text-xs text-gray-600",children:"OR"}),e.jsxRuntimeExports.jsx("input",{type:"url",className:"text-xs",placeholder:"Enter image URL",value:s,onBlur:({target:{value:l}})=>o(r,l),onChange:l=>t(l.target.value)})]})]}),y=({id:s,placeholder:t,value:r,onChange:o,onBlur:l})=>{const a={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{color:[]},{background:[]},{align:[]}],["link","clean"]]},i=["header","font","list","bold","italic","underline","strike","blockquote","color","background","align","link","image"];return typeof window>"u"?null:e.jsxRuntimeExports.jsx(E,{id:s,value:r,onBlur:c=>l(s,c),onChange:c=>o(c),modules:a,formats:i,placeholder:t,className:"mt-1 rounded-md"})},w=({schema:s,formData:t,onChange:r})=>{const[o,l]=d.useState([]),a=R.useBuilderProp("getPages",()=>[]),{type:i="page",href:c="",target:u="self"}=t;return d.useEffect(()=>{(async()=>{const n=await a();l(n||[])})()},[]),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("span",{className:"text-xs font-medium",children:(s==null?void 0:s.title)??"Link"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[e.jsxRuntimeExports.jsx("select",{name:"type",value:i,onChange:n=>r({...t,type:n.target.value}),children:[{const:"page",title:"Open Page"},{const:"url",title:"Open URL"},{const:"email",title:"Compose Email"},{const:"telephone",title:"Call Phone"},{const:"scroll",title:"Scroll to element"}].map(n=>e.jsxRuntimeExports.jsx("option",{value:n.const,children:n.title},n.const))}),i==="page"?e.jsxRuntimeExports.jsxs("select",{name:"href",placeholder:"Choose Page",value:c,onChange:n=>r({...t,href:n.target.value}),children:[e.jsxRuntimeExports.jsx("option",{value:"",children:"Choose page"}),g.map(o,n=>e.jsxRuntimeExports.jsx("option",{value:n.slug,children:n.name},n.uuid))]}):e.jsxRuntimeExports.jsx("input",{name:"href",type:"text",value:c,onChange:n=>r({...t,href:n.target.value}),placeholder:i==="page"||i==="url"?"Enter URL":i==="scroll"?"#ElementID":"Enter detail"}),(i==="page"||i==="url")&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("input",{type:"checkbox",defaultChecked:u==="_blank",className:"cursor-pointer rounded-md border border-border",onChange:()=>r({...t,target:u==="_blank"?"_self":"_blank"})}),e.jsxRuntimeExports.jsx("span",{className:"pt-1 text-xs",children:"Open in new tab"})]})]})]})};exports.IconPickerField=v;exports.ImagePickerField=k;exports.LinkField=w;exports.RichTextEditorField=y;

package/dist/link-xuhP-4dN.js

@@ -0,0 +1,196 @@
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import m, { IconPickerItem as g } from "react-icons-picker";
+import x from "react-dom";
+import { isEmpty as h, map as f } from "lodash-es";
+import { useState as u, useEffect as v } from "react";
+import { D as b, a as j, b as k } from "./tabs-yQ3oGziM.js";
+import y from "./ImagesPanel-Wb0GF_NA.js";
+import w from "react-quill";
+import "react-i18next";
+import { u as N } from "./skeleton-lu8e7q2y.js";
+const B = (r) => {
+  try {
+    const t = document.getElementById("icon-picker-field"), s = document.createElement("div");
+    x.render(/* @__PURE__ */ e.jsx(g, { value: r }), s), t.appendChild(s), s.hidden = !0;
+    let n = s.innerHTML;
+    setTimeout(() => t.removeChild(s), 100);
+    const i = new DOMParser().parseFromString(n, "image/svg+xml"), o = i.querySelector("svg");
+    return o && (o.removeAttribute("width"), o.removeAttribute("height")), new XMLSerializer().serializeToString(i);
+  } catch (t) {
+    return console.error(t), "";
+  }
+}, z = ({ value: r, onChange: t }) => {
+  const s = (n) => {
+    t("<svg />");
+    const a = B(n);
+    t(a);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "mt-1 flex h-20 items-center gap-x-2", id: "icon-picker-field", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "group relative h-12 w-12", children: [
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          dangerouslySetInnerHTML: {
+            __html: r ? r.replace("<svg", '<svg class="h-5 w-5"') : "<svg class='h-5 w-5' />"
+          },
+          className: "absolute left-1/2 top-1/2 z-0 -translate-x-1/2 -translate-y-1/2 transform cursor-pointer bg-white"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        m,
+        {
+          value: r ? "BiSolidGrid" : null,
+          onChange: s,
+          pickButtonStyle: {
+            position: "relative",
+            height: "48px",
+            width: "48px",
+            border: "1px solid #BBBBBB",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "6px",
+            backgroundColor: "transparent",
+            zIndex: 1
+          },
+          searchInputStyle: {
+            backgroundColor: "transparent",
+            width: "100%",
+            border: "1px solid #BBBBBB",
+            margin: "0px 10px",
+            padding: "10px"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "textarea",
+      {
+        value: r,
+        onChange: (n) => t(n.target.value),
+        className: "h-full w-full rounded-sm border border-foreground/20 px-2 py-1 text-xs shadow-sm focus:border-gray-500/80 focus:outline-none focus:ring-0",
+        placeholder: "Choose icon or enter svg"
+      }
+    )
+  ] });
+}, C = ({ children: r, onSelect: t }) => {
+  const [s, n] = u(!1), a = (...i) => {
+    t.call(void 0, ...i), n(!1);
+  };
+  return /* @__PURE__ */ e.jsxs(b, { open: s, onOpenChange: (i) => n(i), children: [
+    /* @__PURE__ */ e.jsx(j, { asChild: !0, children: r }),
+    /* @__PURE__ */ e.jsx(k, { className: "flex h-3/4 max-w-5xl", children: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ e.jsx(y, { isModalView: !0, onSelect: a }) }) })
+  ] });
+}, p = C, A = ({ value: r, onChange: t, id: s, onBlur: n }) => /* @__PURE__ */ e.jsxs("div", { className: "mt-1.5 flex items-center gap-x-3", children: [
+  r ? /* @__PURE__ */ e.jsx("img", { src: r, className: "h-20 w-20 overflow-hidden rounded-md border object-cover", alt: "" }) : /* @__PURE__ */ e.jsx(p, { onSelect: t, children: /* @__PURE__ */ e.jsx("div", { className: "h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400" }) }),
+  /* @__PURE__ */ e.jsxs("div", { className: "flex w-3/5 flex-col", children: [
+    /* @__PURE__ */ e.jsx(p, { onSelect: t, children: /* @__PURE__ */ e.jsx("small", { className: "cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700", children: r || !h(r) ? "Replace Image" : "Choose Image" }) }),
+    /* @__PURE__ */ e.jsx("small", { className: "-pl-4 pt-2 text-center text-xs text-gray-600", children: "OR" }),
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "url",
+        className: "text-xs",
+        placeholder: "Enter image URL",
+        value: r,
+        onBlur: ({ target: { value: a } }) => n(s, a),
+        onChange: (a) => t(a.target.value)
+      }
+    )
+  ] })
+] }), F = ({ id: r, placeholder: t, value: s, onChange: n, onBlur: a }) => {
+  const i = {
+    toolbar: [
+      ["bold", "italic", "underline", "strike", "blockquote"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      [{ color: [] }, { background: [] }, { align: [] }],
+      ["link", "clean"]
+    ]
+  }, o = [
+    "header",
+    "font",
+    "list",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "blockquote",
+    "color",
+    "background",
+    "align",
+    "link",
+    "image"
+  ];
+  return typeof window > "u" ? null : /* @__PURE__ */ e.jsx(
+    w,
+    {
+      id: r,
+      value: s,
+      onBlur: (c) => a(r, c),
+      onChange: (c) => n(c),
+      modules: i,
+      formats: o,
+      placeholder: t,
+      className: "mt-1 rounded-md"
+    }
+  );
+}, D = ({ schema: r, formData: t, onChange: s }) => {
+  const [n, a] = u([]), i = N("getPages", () => []), { type: o = "page", href: c = "", target: d = "self" } = t;
+  return v(() => {
+    (async () => {
+      const l = await i();
+      a(l || []);
+    })();
+  }, []), /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "text-xs font-medium", children: (r == null ? void 0 : r.title) ?? "Link" }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-y-1.5", children: [
+      /* @__PURE__ */ e.jsx("select", { name: "type", value: o, onChange: (l) => s({ ...t, type: l.target.value }), children: [
+        { const: "page", title: "Open Page" },
+        { const: "url", title: "Open URL" },
+        { const: "email", title: "Compose Email" },
+        { const: "telephone", title: "Call Phone" },
+        { const: "scroll", title: "Scroll to element" }
+      ].map((l) => /* @__PURE__ */ e.jsx("option", { value: l.const, children: l.title }, l.const)) }),
+      o === "page" ? /* @__PURE__ */ e.jsxs(
+        "select",
+        {
+          name: "href",
+          placeholder: "Choose Page",
+          value: c,
+          onChange: (l) => s({ ...t, href: l.target.value }),
+          children: [
+            /* @__PURE__ */ e.jsx("option", { value: "", children: "Choose page" }),
+            f(n, (l) => /* @__PURE__ */ e.jsx("option", { value: l.slug, children: l.name }, l.uuid))
+          ]
+        }
+      ) : /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          name: "href",
+          type: "text",
+          value: c,
+          onChange: (l) => s({ ...t, href: l.target.value }),
+          placeholder: o === "page" || o === "url" ? "Enter URL" : o === "scroll" ? "#ElementID" : "Enter detail"
+        }
+      ),
+      (o === "page" || o === "url") && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            type: "checkbox",
+            defaultChecked: d === "_blank",
+            className: "cursor-pointer rounded-md border border-border",
+            onChange: () => s({ ...t, target: d === "_blank" ? "_self" : "_blank" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "pt-1 text-xs", children: "Open in new tab" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  z as I,
+  D as L,
+  F as R,
+  A as a
+};

package/dist/page-viewer-Hx5hxHKm.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),n=require("react"),u=require("@radix-ui/react-icons"),o=require("./popover-fKjgcRUx.cjs"),x=require("./index-9MmykVSc.cjs");require("@radix-ui/react-popover");require("./utils-qK_SjzzV.cjs");require("clsx");require("tailwind-merge");require("./ChaiBuilderEditor-m30yoOgJ.cjs");require("./MODIFIERS-o1p3VnpS.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("lodash-es");require("./skeleton-STeL9VrJ.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("./Functions-Hvon6AMZ.cjs");require("react-hotkeys-hook");require("@react-hookz/web");require("@chaibuilder/runtime");require("sonner");require("./html-to-json-uSnxl72F.cjs");require("himalaya");require("./STRINGS-gPz7CUOk.cjs");require("lucide-react");require("./iconBase-gbUAAO2L.cjs");require("./alert-dialog-P9xMMB6C.cjs");require("@radix-ui/react-alert-dialog");const m=n.lazy(()=>Promise.resolve().then(()=>require("./single-page-detail-beY0MT1b.cjs"))),j=({pageData:s})=>{const[r,t]=n.useState("CLOSE");return e.jsxRuntimeExports.jsxs(o.Popover,{open:r==="OPEN"||r==="ALERT"||r==="PENDING",onOpenChange:i=>{t(r==="PENDING"?"ALERT":i?"OPEN":"CLOSE")},children:[e.jsxRuntimeExports.jsx(o.PopoverTrigger,{asChild:!0,onClick:i=>{i.stopPropagation(),t("OPEN")},children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between",children:r==="OPEN"||r==="ALERT"||r==="PENDING"?e.jsxRuntimeExports.jsx(u.ChevronRightIcon,{}):e.jsxRuntimeExports.jsx("div",{className:"hidden hover:text-blue-600 group-hover:flex",children:e.jsxRuntimeExports.jsx(u.GearIcon,{})})})}),e.jsxRuntimeExports.jsx(o.PopoverContent,{side:"right",align:"start",alignOffset:-35,className:"h-screen w-96",children:e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex w-full animate-pulse flex-col gap-y-3",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-6 w-1/2"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-20 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-20 w-full"})]}),children:e.jsxRuntimeExports.jsx(m,{pageData:s,open:r,setOpen:t})})})]})},p=s=>{const[r]=x.useCurrentPage(),{data:t}=x.useProject(),i=x.useChangePage(),l=(t==null?void 0:t.homepage)===s.uuid,a=r===s.uuid,c=()=>i(s);return t?e.jsxRuntimeExports.jsxs("button",{className:`group relative flex w-full cursor-pointer items-center justify-between px-2.5 py-2 ${a?"bg-blue-200 ":""}`,onClick:c,type:"button",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex text-sm items-center gap-x-1.5",children:[l?e.jsxRuntimeExports.jsx(u.HomeIcon,{}):e.jsxRuntimeExports.jsx(u.FileTextIcon,{})," ",s.name]}),e.jsxRuntimeExports.jsx(j,{pageData:s})]}):null},d=({pages:s,isLoading:r})=>r?e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-1 px-2.5 pt-2",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"})]}):s.length===0?e.jsxRuntimeExports.jsx("div",{className:"px-2.5 pb-2 pt-4",children:"No pages"}):e.jsxRuntimeExports.jsx("div",{className:"-mb-2",children:n.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(p,{...t})))});exports.default=d;

package/dist/{page-viewer-7AwzWRtB.js → page-viewer-NnOwmAmu.js}

@@ -1,110 +1,96 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import s, { useState as p, Suspense as l } from "react";
-import { ChevronRightIcon as c, GearIcon as u, HomeIcon as d, FileTextIcon as x } from "@radix-ui/react-icons";
-import { aV as g, aW as h, aX as f } from "./index-HD1UKc4P.js";
-import { d as j, a as N, c as b } from "./index-m4WGov7e.js";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "lodash-es";
-import "./Functions-7jnEwJyw.js";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import o, { useState as m, Suspense as c } from "react";
+import { HomeIcon as p, FileTextIcon as u, ChevronRightIcon as d, GearIcon as x } from "@radix-ui/react-icons";
+import { P as g, a as h, b as f } from "./popover-a84pbVhQ.js";
+import { d as j, a as N, c as b } from "./index-hElOGcFr.js";
+import "@radix-ui/react-popover";
+import "./utils-dze1SGvB.js";
 import "clsx";
 import "tailwind-merge";
-import "@chaibuilder/runtime";
-import "jotai";
-import "./STRINGS--j49GZJP.js";
-import "@react-hookz/web";
-import "./MODIFIERS-dytZ-osO.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./Class-lGzsNBOK.js";
-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 "./ChaiBuilderEditor-vP4at00I.js";
+import "./MODIFIERS-CNqNUapY.js";
 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 "react-i18next";
-import "./index-uLtBNl55.js";
-import "i18next";
 import "@floating-ui/react-dom";
+import "jotai";
+import "i18next";
+import "react-i18next";
 import "flagged";
+import "lodash-es";
+import "./skeleton-lu8e7q2y.js";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-toast";
+import "./Functions-NzT2Six_.js";
 import "react-hotkeys-hook";
+import "@react-hookz/web";
+import "@chaibuilder/runtime";
 import "sonner";
-import "./html-to-json-ngX9ef2u.js";
+import "./html-to-json-2xtb7520.js";
 import "himalaya";
+import "./STRINGS-b432aBJJ.js";
 import "lucide-react";
-import "./index-YpnaudSM.js";
-const v = s.lazy(() => import("./single-page-detail-q2TDxN-P.js")), P = ({ pageData: r }) => {
-  const [t, i] = p("CLOSE");
+import "./iconBase-h4DuR_XT.js";
+import "./alert-dialog-rypfO5ly.js";
+import "@radix-ui/react-alert-dialog";
+const P = o.lazy(() => import("./single-page-detail-hD1jKZ8k.js")), v = ({ pageData: r }) => {
+  const [t, s] = m("CLOSE");
   return /* @__PURE__ */ e.jsxs(
     g,
     {
       open: t === "OPEN" || t === "ALERT" || t === "PENDING",
-      onOpenChange: (o) => {
-        i(t === "PENDING" ? "ALERT" : o ? "OPEN" : "CLOSE");
+      onOpenChange: (i) => {
+        s(t === "PENDING" ? "ALERT" : i ? "OPEN" : "CLOSE");
       },
       children: [
         /* @__PURE__ */ e.jsx(
           h,
           {
             asChild: !0,
-            onClick: (o) => {
-              o.stopPropagation(), i("OPEN");
+            onClick: (i) => {
+              i.stopPropagation(), s("OPEN");
             },
-            children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: t === "OPEN" || t === "ALERT" || t === "PENDING" ? /* @__PURE__ */ e.jsx(c, {}) : /* @__PURE__ */ e.jsx("div", { className: "hidden hover:text-blue-600 group-hover:flex", children: /* @__PURE__ */ e.jsx(u, {}) }) })
+            children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: t === "OPEN" || t === "ALERT" || t === "PENDING" ? /* @__PURE__ */ e.jsx(d, {}) : /* @__PURE__ */ e.jsx("div", { className: "hidden hover:text-blue-600 group-hover:flex", children: /* @__PURE__ */ e.jsx(x, {}) }) })
           }
         ),
         /* @__PURE__ */ e.jsx(f, { side: "right", align: "start", alignOffset: -35, className: "h-screen w-96", children: /* @__PURE__ */ e.jsx(
-          l,
+          c,
           {
             fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full animate-pulse flex-col gap-y-3", children: [
               /* @__PURE__ */ e.jsx("div", { className: "bg-background-300 h-6 w-1/2" }),
               /* @__PURE__ */ e.jsx("div", { className: "bg-background-300 h-20 w-full" }),
               /* @__PURE__ */ e.jsx("div", { className: "bg-background-300 h-20 w-full" })
             ] }),
-            children: /* @__PURE__ */ e.jsx(v, { pageData: r, open: t, setOpen: i })
+            children: /* @__PURE__ */ e.jsx(P, { pageData: r, open: t, setOpen: s })
           }
         ) })
       ]
     }
   );
 }, E = (r) => {
-  const [t] = j(), { data: i } = N(), o = b(), a = (i == null ? void 0 : i.homepage) === r.uuid, m = t === r.uuid, n = () => o(r);
-  return i ? /* @__PURE__ */ e.jsxs(
+  const [t] = j(), { data: s } = N(), i = b(), a = (s == null ? void 0 : s.homepage) === r.uuid, n = t === r.uuid, l = () => i(r);
+  return s ? /* @__PURE__ */ e.jsxs(
     "button",
     {
-      className: `group relative flex w-full cursor-pointer items-center justify-between px-2.5 py-2 ${m ? "bg-blue-200 " : ""}`,
-      onClick: n,
+      className: `group relative flex w-full cursor-pointer items-center justify-between px-2.5 py-2 ${n ? "bg-blue-200 " : ""}`,
+      onClick: l,
       type: "button",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex text-sm items-center gap-x-1.5", children: [
-          a ? /* @__PURE__ */ e.jsx(d, {}) : /* @__PURE__ */ e.jsx(x, {}),
+          a ? /* @__PURE__ */ e.jsx(p, {}) : /* @__PURE__ */ e.jsx(u, {}),
           " ",
           r.name
         ] }),
-        /* @__PURE__ */ e.jsx(P, { pageData: r })
+        /* @__PURE__ */ e.jsx(v, { pageData: r })
       ]
     }
   ) : null;
-}, be = ({ pages: r, isLoading: t }) => t ? /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-1 px-2.5 pt-2", children: [
+}, ae = ({ pages: r, isLoading: t }) => t ? /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-1 px-2.5 pt-2", children: [
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" }),
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" }),
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" })
-] }) : r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "px-2.5 pb-2 pt-4", children: "No pages" }) : /* @__PURE__ */ e.jsx("div", { className: "-mb-2", children: s.Children.toArray(r.map((i) => /* @__PURE__ */ e.jsx(E, { ...i }))) });
+] }) : r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "px-2.5 pb-2 pt-4", children: "No pages" }) : /* @__PURE__ */ e.jsx("div", { className: "-mb-2", children: o.Children.toArray(r.map((s) => /* @__PURE__ */ e.jsx(E, { ...s }))) });
 export {
-  be as default
+  ae as default
 };

package/dist/popover-a84pbVhQ.js

@@ -0,0 +1,23 @@
+import { j as t } from "./jsx-runtime-Sp0orL4X.js";
+import * as i from "react";
+import * as o from "@radix-ui/react-popover";
+import { c as n } from "./utils-dze1SGvB.js";
+const l = o.Root, c = o.Trigger, m = i.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...s }, d) => /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
+  o.Content,
+  {
+    ref: d,
+    align: a,
+    sideOffset: r,
+    className: n(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...s
+  }
+) }));
+m.displayName = o.Content.displayName;
+export {
+  l as P,
+  c as a,
+  m as b
+};

package/dist/popover-fKjgcRUx.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./jsx-runtime-JYMCiFoE.cjs"),c=require("react"),p=require("@radix-ui/react-popover"),l=require("./utils-qK_SjzzV.cjs");function i(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const m=i(c),r=i(p),u=r.Root,f=r.Trigger,s=m.forwardRef(({className:e,align:o="center",sideOffset:t=4,...a},d)=>n.jsxRuntimeExports.jsx(r.Portal,{children:n.jsxRuntimeExports.jsx(r.Content,{ref:d,align:o,sideOffset:t,className:l.cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...a})}));s.displayName=r.Content.displayName;exports.Popover=u;exports.PopoverContent=s;exports.PopoverTrigger=f;