npm - @chaibuilder/sdk - Versions diffs - 1.2.63 → 1.2.64 - Mend

@chaibuilder/sdk 1.2.63 → 1.2.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/{StaticCanvas-goU42OMU.js → StaticCanvas-7C52tXAv.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 var kt = Object.defineProperty;
 var wt = (n, e, t) => e in n ? kt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var j = (n, e, t) => (wt(n, typeof e != "symbol" ? e + "" : e, t), t);
+var M = (n, e, t) => (wt(n, typeof e != "symbol" ? e + "" : e, t), t);
 import { j as d } from "./jsx-runtime-WbnYoNE9.js";
 import L, { useState as A, useCallback as Y, useEffect as S, Component as ct, Children as Ct, Suspense as St, useRef as et, useMemo as It } from "react";
 import { throttle as dt, has as N, isEmpty as T, first as V, omit as pt, pick as Bt, get as f, map as nt, isString as J, memoize as _t, each as At, find as Dt, filter as ut, isNull as Tt } from "lodash-es";
 import { useAtom as v } from "jotai";
-import { J as Q, ar as Et, bC as Mt, ap as jt, az as E, j as F, D as Lt, y as Ft, bD as O, z as $, E as Rt, k as Ht, n as Pt, p as Ot, m as $t, ai as Nt, aw as Wt, bE as qt, i as gt, b6 as zt, t as Ut, bF as Kt, _ as Yt, l as Vt, s as Gt, h as ot, $ as Xt } from "./index-bscJUvUx.js";
+import { J as Q, as as Et, bC as jt, aq as Mt, aA as E, j as F, D as Lt, y as Ft, bD as O, z as $, E as Rt, k as Ht, n as Pt, p as Ot, m as $t, aj as Nt, ax as qt, bE as Wt, i as gt, b7 as Ut, t as zt, bF as Kt, _ as Yt, l as Vt, s as Gt, h as ot, $ as Xt } from "./index-b33n_-zO.js";
 import st from "react-dom";
 import k from "prop-types";
 import { Quill as Jt } from "react-quill";
-import { d as W, a as mt } from "./atoms-Oomqut88.js";
-import { d as Qt, u as Zt, e as te } from "./index-EEcKvBh3.js";
+import { d as q, a as mt } from "./atoms-Oomqut88.js";
+import { d as Qt, u as Zt, e as te } from "./index-wRAIA8zZ.js";
 import { flip as ee } from "@floating-ui/dom";
 import { useFloating as ne, shift as oe } from "@floating-ui/react-dom";
 import { DragHandleDots2Icon as se, ArrowUpIcon as ie, CopyIcon as re, TrashIcon as le } from "@radix-ui/react-icons";
@@ -141,7 +141,7 @@ const xe = `<!doctype html>
 let ht, yt;
 typeof document < "u" && (ht = document);
 typeof window < "u" && (yt = window);
-const xt = L.createContext({ document: ht, window: yt }), q = () => L.useContext(xt), { Provider: ve, Consumer: Qn } = xt;
+const xt = L.createContext({ document: ht, window: yt }), W = () => L.useContext(xt), { Provider: ve, Consumer: Qn } = xt;
 class bt extends ct {
   componentDidMount() {
     this.props.contentDidMount();
@@ -153,7 +153,7 @@ class bt extends ct {
     return Ct.only(this.props.children);
   }
 }
-j(bt, "propTypes", {
+M(bt, "propTypes", {
   children: k.element.isRequired,
   contentDidMount: k.func.isRequired,
   contentDidUpdate: k.func.isRequired
@@ -161,17 +161,17 @@ j(bt, "propTypes", {
 class G extends ct {
   constructor(t, o) {
     super(t, o);
-    j(this, "setRef", (t) => {
+    M(this, "setRef", (t) => {
       this.nodeRef.current = t;
       const { forwardedRef: o } = this.props;
       typeof o == "function" ? o(t) : o && (o.current = t);
     });
-    j(this, "handleLoad", () => {
+    M(this, "handleLoad", () => {
       clearInterval(this.loadCheck), this.state.iframeLoaded || this.setState({ iframeLoaded: !0 });
     });
     // In certain situations on a cold cache DOMContentLoaded never gets called
     // fallback to an interval to check if that's the case
-    j(this, "loadCheck", () => setInterval(() => {
+    M(this, "loadCheck", () => setInterval(() => {
       this.handleLoad();
     }, 500));
     this._isMounted = !1, this.nodeRef = L.createRef(), this.state = { iframeLoaded: !1 };
@@ -212,7 +212,7 @@ class G extends ct {
 // also inject into the body and can mess up React. For this reason
 // initialContent is expected to have a div inside of the body
 // element that we render react into.
-j(G, "propTypes", {
+M(G, "propTypes", {
   style: k.object,
   // eslint-disable-line
   head: k.node,
@@ -222,7 +222,7 @@ j(G, "propTypes", {
   contentDidMount: k.func,
   contentDidUpdate: k.func,
   children: k.oneOfType([k.element, k.arrayOf(k.element)])
-}), j(G, "defaultProps", {
+}), M(G, "defaultProps", {
   style: {},
   head: null,
   children: void 0,
@@ -246,7 +246,7 @@ function Z(n) {
     return "vertical";
   return "horizontal";
 }
-let x = null, B = [], lt = null, U = null;
+let x = null, B = [], lt = null, z = null;
 const at = (n, e, t) => {
   if (!x || !n)
     return;
@@ -296,7 +296,7 @@ function Be() {
   n && n.removeAttribute("data-drop");
 }
 const _e = () => {
-  const { document: n } = q(), [e, t] = v(Mt), { addCoreBlock: o } = jt(), [, l] = E(), [, c] = F(), { moveBlocks: r } = Lt(), [i, s] = v(W), [, u] = v(mt), a = () => {
+  const { document: n } = W(), [e, t] = v(jt), { addCoreBlock: o } = Mt(), [, l] = E(), [, c] = F(), { moveBlocks: r } = Lt(), [i, s] = v(q), [, u] = v(mt), a = () => {
     K(), t(!1), c([i._id]), s(null), u(null), B = [];
   };
   return x = n, {
@@ -307,14 +307,14 @@ const _e = () => {
     onDrop: (g) => {
       var D;
       const p = lt, b = Z(p) === "vertical" ? g.clientY + ((D = x == null ? void 0 : x.defaultView) == null ? void 0 : D.scrollY) : g.clientX;
-      U = we(b, B);
+      z = we(b, B);
       const m = i, w = p.getAttribute("data-block-id");
       if (!N(m, "_id")) {
-        o(m, w === "canvas" ? null : w, U), setTimeout(a, 300);
+        o(m, w === "canvas" ? null : w, z), setTimeout(a, 300);
         return;
       }
       let C = p.getAttribute("data-block-id");
-      C === null && (C = g.target.parentElement.getAttribute("data-block-id")), r([m._id], C === "canvas" ? null : C, U), a(), setTimeout(K, 300);
+      C === null && (C = g.target.parentElement.getAttribute("data-block-id")), r([m._id], C === "canvas" ? null : C, z), a(), setTimeout(K, 300);
     },
     onDragEnter: (g) => {
       const p = g, h = p.target;
@@ -380,13 +380,13 @@ const De = () => {
 }, Ee = dt((n, e) => {
   const t = tt(n.target);
   t != null && t.getAttribute("data-style-id") && e(t.getAttribute("data-style-id"));
-}, 100), Me = () => {
+}, 100), je = () => {
   const [, n] = E(), [e] = v(O);
   return (t) => {
     e || Ee(t, n);
   };
-}, je = ({ children: n }) => {
-  const { document: e } = q(), [t] = F(), [o, l] = $();
+}, Me = ({ children: n }) => {
+  const { document: e } = W(), [t] = F(), [o, l] = $();
   S(() => {
     setTimeout(() => {
       if (!T(o))
@@ -401,7 +401,7 @@ const De = () => {
       }
     }, 100);
   }, [e, t, l, o]);
-  const c = De(), r = Te(), i = Me(), s = _e();
+  const c = De(), r = Te(), i = je(), s = _e();
   return /* @__PURE__ */ d.jsx(
     "div",
     {
@@ -416,10 +416,10 @@ const De = () => {
     }
   );
 }, vt = (n, e) => n.querySelector(`[data-block-id="${e}"]`), Le = () => {
-  const { document: n } = q();
+  const { document: n } = W();
   return Qt(n), null;
 }, Fe = ({ block: n, label: e }) => {
-  const [, t] = F(), [, o] = E(), [, l] = v(W), c = ce("dnd");
+  const [, t] = F(), [, o] = E(), [, l] = v(q), c = ce("dnd");
   return /* @__PURE__ */ d.jsxs(
     "div",
     {
@@ -480,7 +480,7 @@ const De = () => {
     }
   ) });
 }, He = ({ model: n }) => {
-  const [e] = Nt(), [t] = F(), [o] = Wt(), [l] = E(), [c] = $(), [r] = v(W), [i] = v(mt), { document: s, window: u } = q(), [a] = A(s == null ? void 0 : s.getElementById("highlighted-block")), [g] = A(
+  const [e] = Nt(), [t] = F(), [o] = qt(), [l] = E(), [c] = $(), [r] = v(q), [i] = v(mt), { document: s, window: u } = W(), [a] = A(s == null ? void 0 : s.getElementById("highlighted-block")), [g] = A(
     s == null ? void 0 : s.getElementById("selected-block")
   ), [p] = A(
     s == null ? void 0 : s.getElementById("selected-styling-block")
@@ -492,12 +492,12 @@ const De = () => {
   }, [o, s]);
   const b = f(e, "headingFont", "DM Sans"), m = f(e, "bodyFont", "DM Sans");
   return S(() => {
-    const w = f(e, "primaryColor", "#000"), C = f(e, "secondaryColor", "#FFF"), D = f(e, "bodyBgLightColor", "#fff"), M = f(e, "bodyBgDarkColor", "#000"), R = f(e, "bodyTextDarkColor", "#000"), P = f(e, "bodyTextLightColor", "#fff"), z = ge([
+    const w = f(e, "primaryColor", "#000"), C = f(e, "secondaryColor", "#FFF"), D = f(e, "bodyBgLightColor", "#fff"), j = f(e, "bodyBgDarkColor", "#000"), R = f(e, "bodyTextDarkColor", "#000"), P = f(e, "bodyTextLightColor", "#fff"), U = ge([
       { color: w, name: "primary" },
       { color: C, name: "secondary" }
     ]), y = {
       "bg-light": D,
-      "bg-dark": M,
+      "bg-dark": j,
       "text-dark": R,
       "text-light": P
     }, I = f(e, "roundedCorners", "0");
@@ -519,7 +519,7 @@ const De = () => {
           borderRadius: {
             DEFAULT: `${I || "0"}px`
           },
-          colors: { ...y, ...z }
+          colors: { ...y, ...U }
         }
       },
       plugins: [
@@ -565,7 +565,7 @@ const De = () => {
       href: `https://fonts.googleapis.com/css2?family=${b ? `${b.replace(/ /g, "+")}:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900` : ""}${b && m && b !== m ? "&" : ""}${m && m !== b ? `family=${m.replace(/ /g, "+")}:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900` : ""}&display=swap`
     }
   ) });
-}, Pe = () => v(qt), Oe = (n, e) => {
+}, Pe = () => v(Wt), Oe = (n, e) => {
   const t = ["xs", "sm", "md", "lg", "xl", "2xl"], o = t.indexOf(e), l = n.split(" ");
   let c = new Array(t.length).fill(!1);
   for (const r of l) {
@@ -592,14 +592,14 @@ const De = () => {
   const e = n.replace(ft, "").split(",");
   return fe(e[0], e[1]);
 });
-function We(n, e) {
+function qe(n, e) {
   return f(n, `${e}_attrs`, {});
 }
-function qe(n, e) {
+function We(n, e) {
   const t = {};
   return Object.keys(n).forEach((o) => {
     if (J(n[o]) && n[o].startsWith(ft)) {
-      const l = Ne(n[o]), c = We(n, o);
+      const l = Ne(n[o]), c = qe(n, o);
       t[o] = {
         className: l,
         "data-style-prop": o,
@@ -612,14 +612,14 @@ function qe(n, e) {
     }
   }), t;
 }
-function ze(n, e) {
+function Ue(n, e) {
   const t = f(n, "_bindings", {});
   return T(t) ? { ...n } : (At(t, (o, l) => {
     J(o) && f(e, o, null) && (n[l] = f(e, o, null));
   }), n);
 }
 function X({ blocks: n }) {
-  const [e] = gt(), [t] = v(zt), [o] = v(W), [, l] = Q(), [c] = Pe(), r = Y((a) => qe(a, l), [l]), [i] = Zt(), [s] = v(O), u = Y(
+  const [e] = gt(), [t] = v(Ut), [o] = v(q), [, l] = Q(), [c] = Pe(), r = Y((a) => We(a, l), [l]), [i] = Zt(), [s] = v(O), u = Y(
     (a) => a.reduce((g, p) => {
       const h = f(c, p, {});
       return { ...g, ...h };
@@ -641,8 +641,8 @@ function X({ blocks: n }) {
       const m = he(a._type), w = f(m, "builderComponent", f(m, "component", null));
       if (Tt(w))
         return /* @__PURE__ */ d.jsx("noscript", { children: `<!-- ${a == null ? void 0 : a._type} not registered -->` });
-      const C = N(m, "getBlockStateFrom") ? m == null ? void 0 : m.getBlockStateFrom(a, e) : [], D = u(C), M = r(a);
-      return f(M, "__isHidden", !1) && !rt(t, a._id) ? null : /* @__PURE__ */ d.jsx(St, { children: L.createElement(w, {
+      const C = N(m, "getBlockStateFrom") ? m == null ? void 0 : m.getBlockStateFrom(a, e) : [], D = u(C), j = r(a);
+      return f(j, "__isHidden", !1) && !rt(t, a._id) ? null : /* @__PURE__ */ d.jsx(St, { children: L.createElement(w, {
         blockProps: {
           ...rt(t, a._id) ? { "force-show": "" } : {},
           "data-block-id": a._id,
@@ -650,13 +650,13 @@ function X({ blocks: n }) {
           ...o ? (
             // @ts-ignore
             {
-              "data-dnd": Ut(a._type, o == null ? void 0 : o._type) ? "yes" : "no"
+              "data-dnd": zt(a._type, o == null ? void 0 : o._type) ? "yes" : "no"
             }
           ) : {}
         },
         index: g,
-        ...ze(a, i),
-        ...pt(M, ["__isHidden"]),
+        ...Ue(a, i),
+        ...pt(j, ["__isHidden"]),
         ...h,
         inBuilder: !0,
         blockState: D
@@ -664,11 +664,11 @@ function X({ blocks: n }) {
     })
   ) });
 }
-const Ue = () => {
+const ze = () => {
   const [n] = gt(), e = T(n) ? null : /* @__PURE__ */ d.jsx(te, { children: /* @__PURE__ */ d.jsx(X, { blocks: ut(n, (t) => T(t._parent)) }) });
   return /* @__PURE__ */ d.jsx(d.Fragment, { children: e });
 }, Ke = (n, e) => n.querySelector(`[data-style-id="${e}"]`), Zn = () => {
-  const [n] = v(Kt), [e] = Yt(), [t] = Q(), [, o] = F(), l = Vt(), [, c] = E(), r = et(null), i = et(null), [s, u] = A({ width: 0, height: 0 }), a = be(s), [g, p] = A(0), [h, b] = A([]), [, m] = A([]), [, w] = v(Gt), [C, D] = $(), M = ot("loading", !1), R = ot("htmlDir", "ltr");
+  const [n] = v(Kt), [e] = Yt(), [t] = Q(), [, o] = F(), l = Vt(), [, c] = E(), r = et(null), i = et(null), [s, u] = A({ width: 0, height: 0 }), a = be(s), [g, p] = A(0), [h, b] = A([]), [, m] = A([]), [, w] = v(Gt), [C, D] = $(), j = ot("loading", !1), R = ot("htmlDir", "ltr");
   S(() => {
     const { clientWidth: y, clientHeight: I } = i.current;
     u({ width: y, height: I }), g === 0 && p(y);
@@ -693,7 +693,7 @@ const Ue = () => {
     } else
       m([null]);
   }, [C]);
-  const z = It(() => {
+  const U = It(() => {
     let y = xe;
     return y = y.replace("__HTML_DIR__", R), n === "offline" && (y = y.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
@@ -718,7 +718,7 @@ const Ue = () => {
           id: "canvas-iframe",
           style: { width: `${t}px`, ...a },
           className: "relative mx-auto box-content h-full max-w-full shadow-lg transition-all duration-300 ease-linear",
-          initialContent: z,
+          initialContent: U,
           children: [
             /* @__PURE__ */ d.jsx(Le, {}),
             /* @__PURE__ */ d.jsx(
@@ -729,7 +729,7 @@ const Ue = () => {
               }
             ),
             /* @__PURE__ */ d.jsx(He, { model: "page" }),
-            /* @__PURE__ */ d.jsx(ye, { children: /* @__PURE__ */ d.jsx(je, { children: M ? /* @__PURE__ */ d.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ d.jsx(Xt, { className: "h-full" }) }) : /* @__PURE__ */ d.jsx(Ue, {}) }) }),
+            /* @__PURE__ */ d.jsx(ye, { children: /* @__PURE__ */ d.jsx(Me, { children: j ? /* @__PURE__ */ d.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ d.jsx(Xt, { className: "h-full" }) }) : /* @__PURE__ */ d.jsx(ze, {}) }) }),
             /* @__PURE__ */ d.jsx("br", {}),
             /* @__PURE__ */ d.jsx(
               "div",

package/dist/{StaticCanvas-fDhBK35X.cjs → StaticCanvas-ll9VTXI5.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";var st=Object.defineProperty;var ot=(n,e,t)=>e in n?st(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var q=(n,e,t)=>(ot(n,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./jsx-runtime-Z_BpKhVy.cjs"),f=require("react"),l=require("lodash-es"),E=require("jotai"),a=require("./index-aeDphKpP.cjs"),K=require("react-dom"),S=require("prop-types"),it=require("react-quill"),D=require("./atoms-KQpaDRnF.cjs"),U=require("./index-BbW1Uw_k.cjs"),rt=require("@floating-ui/dom"),V=require("@floating-ui/react-dom"),L=require("@radix-ui/react-icons"),lt=require("@react-hookz/web"),at=require("flagged"),ct=require("@tailwindcss/typography"),dt=require("@tailwindcss/forms"),ut=require("@tailwindcss/aspect-ratio"),pt=require("tailwindcss-palette-generator"),gt=require("./plugin-2hf9pCRy.cjs"),ft=require("tailwind-merge"),F=require("./MODIFIERS-mVmfEGgo.cjs"),mt=require("@chaibuilder/runtime"),G=require("lodash"),ht=require("react-wrap-balancer");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("clsx");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("./Functions-N3yhPYKY.cjs");require("tree-model");require("react-i18next");require("i18next");require("react-arborist");require("lucide-react");require("./index--mLLy7QQ.cjs");require("react-hotkeys-hook");const xt=`<!doctype html>
+"use strict";var st=Object.defineProperty;var ot=(n,e,t)=>e in n?st(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var q=(n,e,t)=>(ot(n,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./jsx-runtime-Z_BpKhVy.cjs"),f=require("react"),l=require("lodash-es"),E=require("jotai"),a=require("./index-aeDphKpP.cjs"),K=require("react-dom"),S=require("prop-types"),it=require("react-quill"),D=require("./atoms-KQpaDRnF.cjs"),U=require("./index-audsIPBC.cjs"),rt=require("@floating-ui/dom"),V=require("@floating-ui/react-dom"),L=require("@radix-ui/react-icons"),lt=require("@react-hookz/web"),at=require("flagged"),ct=require("@tailwindcss/typography"),dt=require("@tailwindcss/forms"),ut=require("@tailwindcss/aspect-ratio"),pt=require("tailwindcss-palette-generator"),gt=require("./plugin-2hf9pCRy.cjs"),ft=require("tailwind-merge"),F=require("./MODIFIERS-mVmfEGgo.cjs"),mt=require("@chaibuilder/runtime"),G=require("lodash"),ht=require("react-wrap-balancer");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("clsx");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("./Functions-N3yhPYKY.cjs");require("tree-model");require("react-i18next");require("i18next");require("react-arborist");require("lucide-react");require("./index--mLLy7QQ.cjs");require("react-hotkeys-hook");const xt=`<!doctype html>
 <html lang="en" dir="__HTML_DIR__" class="scroll-smooth h-full overflow-y-auto">
   <head>
     <meta charset="UTF-8">

package/dist/ThemeConfigPanel-_86vVxLz.cjs ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-Z_BpKhVy.cjs"),E=require("react"),P=require("@rjsf/validator-ajv8"),k=require("@rjsf/core"),p=require("./index-aeDphKpP.cjs"),r=require("./controls-rRZhz0vu.cjs"),m=require("lodash-es"),T=require("react-i18next"),D=require("./Functions-N3yhPYKY.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.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("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");function w(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const t=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(l,i,t.get?t:{enumerable:!0,get:()=>e[i]})}}return l.default=e,Object.freeze(l)}const f=w(E),M=({value:e,onChange:l,id:i,onBlur:t})=>{const d=m.debounce(l,200),v=o=>d(o.target.value);return a.jsxRuntimeExports.jsx("div",{className:"mt-1.5 flex items-center gap-x-3",children:a.jsxRuntimeExports.jsx("div",{className:"flex w-3/5 flex-col",children:a.jsxRuntimeExports.jsx("input",{type:"color",className:"text-xs p-0",value:e,onBlur:({target:{value:o}})=>t(i,o),onChange:v})})})},g=[{title:"Roboto",value:"Roboto"},{title:"Open Sans",value:"Open Sans"},{title:"Montserrat",value:"Montserrat"},{title:"Lato",value:"Lato"},{title:"Poppins",value:"Poppins"},{title:"Oswald",value:"Oswald"},{title:"Raleway",value:"Raleway"},{title:"Ubuntu",value:"Ubuntu"},{title:"Nunito",value:"Nunito"},{title:"Merriweather",value:"Merriweather"},{title:"Nunito Sans",value:"Nunito Sans"},{title:"Playfair Display",value:"Playfair Display"},{title:"Rubik",value:"Rubik"},{title:"Inter",value:"Inter"},{title:"Lora",value:"Lora"},{title:"Kanit",value:"Kanit"},{title:"Fira Sans",value:"Fira Sans"},{title:"Hind",value:"Hind"},{title:"Quicksand",value:"Quicksand"},{title:"Mulish",value:"Mulish"},{title:"Barlow",value:"Barlow"},{title:"Inconsolata",value:"Inconsolata"},{title:"Titillium Web",value:"Titillium Web"},{title:"Heebo",value:"Heebo"},{title:"IBM Plex Sans",value:"IBM Plex Sans"},{title:"DM Sans",value:"DM Sans"},{title:"Nanum Gothic",value:"Nanum Gothic"},{title:"Karla",value:"Karla"},{title:"Arimo",value:"Arimo"},{title:"Cabin",value:"Cabin"},{title:"Oxygen",value:"Oxygen"},{title:"Overpass",value:"Overpass"},{title:"Assistant",value:"Assistant"},{title:"Tajawal",value:"Tajawal"},{title:"Play",value:"Play"},{title:"Exo",value:"Exo"},{title:"Cinzel",value:"Cinzel"},{title:"Faustina",value:"Faustina"},{title:"Philosopher",value:"Philosopher"},{title:"Gelasio",value:"Gelasio"},{title:"Sofia Sans Condensed",value:"Sofia Sans Condensed"},{title:"Noto Sans Devanagari",value:"Noto Sans Devanagari"},{title:"Actor",value:"Actor"},{title:"Epilogue",value:"Epilogue"},{title:"Glegoo",value:"Glegoo"},{title:"Overlock",value:"Overlock"},{title:"Lustria",value:"Lustria"},{title:"Ovo",value:"Ovo"},{title:"Suranna",value:"Suranna"},{title:"Bebas Neue",value:"Bebas Neue"},{title:"Manrope",value:"Manrope"}],F=({showHeading:e=!0,className:l=""})=>{const i=p.useBuilderProp("onSaveBrandingOptions",m.noop),[t,d]=p.useBrandingOptions(),[v]=p.useBlocksContainer(),o=f.useRef(t),{t:q}=T.useTranslation();f.useEffect(()=>()=>{m.isEqual(t,o.current)||i(o.current)},[]);const b=({formData:n},c)=>{c&&(d(n),o.current=n)},{bodyFont:h,headingFont:y,primaryColor:C,bodyTextDarkColor:S,bodyTextLightColor:j,bodyBgDarkColor:O,secondaryColor:R,bodyBgLightColor:B,roundedCorners:N}=t;let u={headingFont:r.f({title:"Heading font",default:y,options:g}),bodyFont:r.f({title:"Body font",default:h,options:g}),roundedCorners:r.y({title:"Rounded Corner",default:parseInt(N||5,10)}),primaryColor:r.s({title:"Primary",default:C}),secondaryColor:r.s({title:"Secondary",default:R})};v||(u={...u,bodyBgLightColor:r.s({title:"Background",default:B}),bodyTextLightColor:r.s({title:"Text color",default:S}),bodyBgDarkColor:r.s({title:"Background (Dark mode)",default:O}),bodyTextDarkColor:r.s({title:"Text color(Dark mode)",default:j})});const s={type:"object",properties:{}},x={};return Object.keys(u).forEach(n=>{const c=u[n];return s.properties||(s.properties={}),s.properties[n]=c.schema,x[n]=c.uiSchema,!0}),a.jsxRuntimeExports.jsxs("div",{className:D.cn("flex h-full w-60 select-none flex-col",l),children:[e?a.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:a.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:q("Theme Configuration")})}):null,a.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:a.jsxRuntimeExports.jsx(k,{widgets:{color:M},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:x,schema:s,formData:t,validator:P,onChange:b})})]})};exports.default=F;

package/dist/{ThemeConfigPanel-aEN4tTYi.js → ThemeConfigPanel-gw8B2zvx.js} RENAMED Viewed

@@ -1,11 +1,12 @@
 import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import * as c from "react";
-import j from "@rjsf/validator-ajv8";
-import k from "@rjsf/core";
-import { h as P, ai as T, br as w } from "./index-bscJUvUx.js";
-import { f, y as D, s as a } from "./controls-yjgoZzB6.js";
-import { debounce as R, noop as M, isEqual as F } from "lodash-es";
-import { useTranslation as L } from "react-i18next";
+import P from "@rjsf/validator-ajv8";
+import T from "@rjsf/core";
+import { h as w, aj as D, br as R } from "./index-b33n_-zO.js";
+import { f, y as M, s as i } from "./controls-yjgoZzB6.js";
+import { debounce as F, noop as L, isEqual as E } from "lodash-es";
+import { useTranslation as I } from "react-i18next";
+import { c as A } from "./Functions-7jnEwJyw.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
@@ -35,20 +36,19 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
-import "./Functions-7jnEwJyw.js";
 import "@chaibuilder/runtime";
 import "jotai";
 import "@react-hookz/web";
 import "tree-model";
-const E = ({ value: u, onChange: e, id: p, onBlur: m }) => {
-  const i = R(e, 200), d = (l) => i(l.target.value);
+const G = ({ value: s, onChange: u, id: p, onBlur: o }) => {
+  const m = F(u, 200), d = (e) => m(e.target.value);
   return /* @__PURE__ */ t.jsx("div", { className: "mt-1.5 flex items-center gap-x-3", children: /* @__PURE__ */ t.jsx("div", { className: "flex w-3/5 flex-col", children: /* @__PURE__ */ t.jsx(
     "input",
     {
       type: "color",
       className: "text-xs p-0",
-      value: u,
-      onBlur: ({ target: { value: l } }) => m(p, l),
+      value: s,
+      onBlur: ({ target: { value: e } }) => o(p, e),
       onChange: d
     }
   ) }) });
@@ -104,88 +104,91 @@ const E = ({ value: u, onChange: e, id: p, onBlur: m }) => {
   { title: "Suranna", value: "Suranna" },
   { title: "Bebas Neue", value: "Bebas Neue" },
   { title: "Manrope", value: "Manrope" }
-], Ot = () => {
-  const u = P("onSaveBrandingOptions", M), [e, p] = T(), [m] = w(), i = c.useRef(e), { t: d } = L();
+], kt = ({
+  showHeading: s = !0,
+  className: u = ""
+}) => {
+  const p = w("onSaveBrandingOptions", L), [o, m] = D(), [d] = R(), e = c.useRef(o), { t: h } = I();
   c.useEffect(() => () => {
-    F(e, i.current) || u(i.current);
+    E(o, e.current) || p(e.current);
   }, []);
-  const l = ({ formData: o }, s) => {
-    s && (p(o), i.current = o);
+  const b = ({ formData: a }, n) => {
+    n && (m(a), e.current = a);
   }, {
-    bodyFont: h,
-    headingFont: b,
-    primaryColor: x,
-    bodyTextDarkColor: C,
-    bodyTextLightColor: y,
-    bodyBgDarkColor: S,
-    secondaryColor: B,
-    bodyBgLightColor: O,
-    roundedCorners: N
-  } = e;
-  let r = {
+    bodyFont: x,
+    headingFont: C,
+    primaryColor: y,
+    bodyTextDarkColor: S,
+    bodyTextLightColor: B,
+    bodyBgDarkColor: O,
+    secondaryColor: N,
+    bodyBgLightColor: j,
+    roundedCorners: k
+  } = o;
+  let l = {
     headingFont: f({
       title: "Heading font",
-      default: b,
+      default: C,
       options: g
     }),
     bodyFont: f({
       title: "Body font",
-      default: h,
+      default: x,
       options: g
     }),
-    roundedCorners: D({
+    roundedCorners: M({
       title: "Rounded Corner",
-      default: parseInt(N || 5, 10)
+      default: parseInt(k || 5, 10)
     }),
-    primaryColor: a({ title: "Primary", default: x }),
-    secondaryColor: a({ title: "Secondary", default: B })
+    primaryColor: i({ title: "Primary", default: y }),
+    secondaryColor: i({ title: "Secondary", default: N })
   };
-  m || (r = {
-    ...r,
-    bodyBgLightColor: a({
+  d || (l = {
+    ...l,
+    bodyBgLightColor: i({
       title: "Background",
-      default: O
+      default: j
     }),
-    bodyTextLightColor: a({
+    bodyTextLightColor: i({
       title: "Text color",
-      default: C
+      default: S
     }),
-    bodyBgDarkColor: a({
+    bodyBgDarkColor: i({
       title: "Background (Dark mode)",
-      default: S
+      default: O
     }),
-    bodyTextDarkColor: a({
+    bodyTextDarkColor: i({
       title: "Text color(Dark mode)",
-      default: y
+      default: B
     })
   });
-  const n = {
+  const r = {
     type: "object",
     properties: {}
   }, v = {};
-  return Object.keys(r).forEach((o) => {
-    const s = r[o];
-    return n.properties || (n.properties = {}), n.properties[o] = s.schema, v[o] = s.uiSchema, !0;
-  }), /* @__PURE__ */ t.jsxs("div", { className: "flex h-full w-60 select-none flex-col", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "rounded-md bg-background/30 p-1", children: /* @__PURE__ */ t.jsx("h1", { className: "px-1 font-semibold", children: d("Theme Configuration") }) }),
+  return Object.keys(l).forEach((a) => {
+    const n = l[a];
+    return r.properties || (r.properties = {}), r.properties[a] = n.schema, v[a] = n.uiSchema, !0;
+  }), /* @__PURE__ */ t.jsxs("div", { className: A("flex h-full w-60 select-none flex-col", u), children: [
+    s ? /* @__PURE__ */ t.jsx("div", { className: "rounded-md bg-background/30 p-1", children: /* @__PURE__ */ t.jsx("h1", { className: "px-1 font-semibold", children: h("Theme Configuration") }) }) : null,
     /* @__PURE__ */ t.jsx("div", { className: "-mx-2", children: /* @__PURE__ */ t.jsx(
-      k,
+      T,
       {
-        widgets: { color: E },
+        widgets: { color: G },
         idSeparator: ".",
         autoComplete: "off",
         omitExtraData: !0,
         liveOmit: !0,
         liveValidate: !0,
         uiSchema: v,
-        schema: n,
-        formData: e,
-        validator: j,
-        onChange: l
+        schema: r,
+        formData: o,
+        validator: P,
+        onChange: b
       }
     ) })
   ] });
 };
 export {
-  Ot as default
+  kt as default
 };

package/dist/{Topbar-SuY-S0im.js → Topbar-1O05wogM.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import l, { useMemo as h, Suspense as c } from "react";
 import { FontFamilyIcon as j, EyeOpenIcon as f } from "@radix-ui/react-icons";
-import { h as r, bs as g, bt as v, bu as b, bv as N, bz as S, bA as w, bw as o, ad as y, B as p, _ as C, $ as m, bB as B } from "./index-bscJUvUx.js";
-import { b as A } from "./index-EEcKvBh3.js";
+import { h as r, bs as g, bt as v, bu as b, bv as N, bz as S, bA as w, bw as o, ad as y, B as p, _ as C, $ as m, bB as B } from "./index-b33n_-zO.js";
+import { b as A } from "./index-wRAIA8zZ.js";
 import { useTranslation as x } from "react-i18next";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";

package/dist/{Topbar-ag6qdgbe.cjs → Topbar-gb17oHdJ.cjs} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),n=require("react"),a=require("@radix-ui/react-icons"),r=require("./index-aeDphKpP.cjs"),p=require("./index-~~BbW1Uw_k~~.cjs"),l=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("lodash-es");require("./MODIFIERS-mVmfEGgo.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("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("i18next");require("react-arborist");require("lucide-react");require("./index--mLLy7QQ.cjs");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");const m=()=>r.useBuilderProp("languages",["en"]),j=()=>m().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Select,{children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(a.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(r.SelectContent,{children:e.jsxRuntimeExports.jsxs(r.SelectGroup,{children:[e.jsxRuntimeExports.jsx(r.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),d=()=>{const{savePage:u,saveState:s}=r.useSavePage(),{t:i}=l.useTranslation(),x=r.useBuilderProp("hideSaveButton",!1),t=n.useMemo(()=>{switch(s){case"SAVING":return"animate-pulse bg-gray-300 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[s]);if(x)return null;const o=e.jsxRuntimeExports.jsxs(r.Button,{disabled:s==="SAVING",onClick:c=>{c.preventDefault(),u()},className:`flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${t}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(p.FaCircleCheck,{className:"text-lg"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:s==="SAVING"?"Saving...":i(s==="SAVED"?"Saved":"Unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:o})},h=function(){const s=r.useBuilderProp("previewComponent"),[,i]=r.usePreviewMode(),{t:x}=l.useTranslation();return s?e.jsxRuntimeExports.jsxs(r.Button,{onClick:t=>{t.preventDefault(),i(!0)},className:"flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(a.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:x("Preview")})]}):null},q=()=>{const u=r.useBuilderProp("topBarComponents.left",[]),s=r.useBuilderProp("topBarComponents.center",[]),i=r.useBuilderProp("topBarComponents.right",[]),x=r.useBuilderProp("editable",!0);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:n.Children.toArray(u.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:n.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(j,{}),e.jsxRuntimeExports.jsx(h,{}),e.jsxRuntimeExports.jsx(r.Separator,{orientation:"vertical"}),x?e.jsxRuntimeExports.jsx(d,{}):null,n.Children.toArray(i.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]})};exports.default=q;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),n=require("react"),a=require("@radix-ui/react-icons"),r=require("./index-aeDphKpP.cjs"),p=require("./index-audsIPBC.cjs"),l=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("lodash-es");require("./MODIFIERS-mVmfEGgo.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("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("i18next");require("react-arborist");require("lucide-react");require("./index--mLLy7QQ.cjs");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");const m=()=>r.useBuilderProp("languages",["en"]),j=()=>m().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Select,{children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(a.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(r.SelectContent,{children:e.jsxRuntimeExports.jsxs(r.SelectGroup,{children:[e.jsxRuntimeExports.jsx(r.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),d=()=>{const{savePage:u,saveState:s}=r.useSavePage(),{t:i}=l.useTranslation(),x=r.useBuilderProp("hideSaveButton",!1),t=n.useMemo(()=>{switch(s){case"SAVING":return"animate-pulse bg-gray-300 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[s]);if(x)return null;const o=e.jsxRuntimeExports.jsxs(r.Button,{disabled:s==="SAVING",onClick:c=>{c.preventDefault(),u()},className:`flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${t}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(p.FaCircleCheck,{className:"text-lg"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:s==="SAVING"?"Saving...":i(s==="SAVED"?"Saved":"Unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:o})},h=function(){const s=r.useBuilderProp("previewComponent"),[,i]=r.usePreviewMode(),{t:x}=l.useTranslation();return s?e.jsxRuntimeExports.jsxs(r.Button,{onClick:t=>{t.preventDefault(),i(!0)},className:"flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(a.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:x("Preview")})]}):null},q=()=>{const u=r.useBuilderProp("topBarComponents.left",[]),s=r.useBuilderProp("topBarComponents.center",[]),i=r.useBuilderProp("topBarComponents.right",[]),x=r.useBuilderProp("editable",!0);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:n.Children.toArray(u.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:n.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(j,{}),e.jsxRuntimeExports.jsx(h,{}),e.jsxRuntimeExports.jsx(r.Separator,{orientation:"vertical"}),x?e.jsxRuntimeExports.jsx(d,{}):null,n.Children.toArray(i.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]})};exports.default=q;