@chaibuilder/sdk 1.0.14 → 1.0.15

package/dist/{AddBlocks-H7BZYHUC.js → AddBlocks-eoo1CzaK.js}

@@ -1,64 +1,67 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import v, { createElement as K, useState as j, useMemo as q, useCallback as V, useEffect as Q, Suspense as W } from "react";
-import { has as R, first as b, filter as w, values as k, groupBy as I, mergeWith as $, isArray as H, get as J, map as L, isEmpty as T, find as M, uniq as X, includes as P, reject as E } from "lodash";
+import { j as e } from "./jsx-runtime-qAwJ85SY.js";
+import B, { createElement as K, useState as j, useCallback as q, useMemo as V, useEffect as W, Suspense as J } from "react";
+import { has as z, first as g, isEmpty as w, filter as k, values as v, groupBy as I, mergeWith as Q, isArray as H, get as X, map as L, includes as P, find as E, uniq as Y, reject as M } from "lodash";
 import { useAtom as h } from "jotai";
-import { A as Y, a as Z, b as ee, c as se } from "./accordion-oPUeqPCZ.js";
-import { S as re } from "./scroll-area-ewXbxc3n.js";
-import { T as oe, a as te, b as A } from "./tabs-Gb9v5dVb.js";
-import { T as le, a as ae, c as ce, u as ie, B as ne, S as de } from "./skeleton-CU_FIbg3.js";
-import { useDrag as _, DragPreviewImage as O } from "react-dnd";
-import { BoxIcon as me, ExclamationTriangleIcon as ue, Cross1Icon as pe } from "@radix-ui/react-icons";
-import { l as C, w as z, x as B, P as xe, Q as he } from "./ChaiBuilderEditor-hEuUONQ3.js";
-import { u as F } from "./useAddBlock-WJc3OgG8.js";
-import "react-i18next";
-import { P as G, C as U } from "./index-ehKdBRUK.js";
-import { u as D } from "./useUiLibraries-4hPOi8DI.js";
-import { Loader as fe } from "lucide-react";
-import { c as ge } from "./utils-dze1SGvB.js";
-import { u as be } from "./useAllBlocks-PQKYvs-e.js";
-import { C as je, c as ye, e as we, f as ke, g as Te, T as ve, d as Ce, A as Be, a as Ne } from "./textarea-b2QvVhrK.js";
-import { L as Ae } from "./label-KaP7MRrs.js";
-import { g as Ie } from "./html-to-json-pdHQfRkN.js";
+import { O as F, j as C, az as O, aA as N, aH as Z, aI as $, aK as ee, i as se, a8 as R, bv as re, bw as te, bx as oe, by as le, bz as ae, bA as ie, aM as ce, bB as ne, bC as de, B as me, bD as pe, bE as ue, bF as xe, ae as he, aB as fe, aC as be, aD as A, bp as ge, bi as je, bj as ye, bk as we, bl as ke, S as ve } from "./index-2EHcmZqL.js";
+import { useDrag as _, DragPreviewImage as D } from "react-dnd";
+import { BoxIcon as Be, ExclamationTriangleIcon as Ce, Cross1Icon as Ne } from "@radix-ui/react-icons";
+import { P as G, C as U } from "./index-gmZcUXyn.js";
+import { Loader as Te } from "lucide-react";
+import { getBlocksFromHTML as Ae } from "./lib.js";
+import { b as Ie } from "./Class-nQk08vqd.js";
+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-slot";
-import "class-variance-authority";
 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 "./MODIFIERS-DsEzQ3aH.js";
-import "clsx";
+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 "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
+import "react-quill";
 import "flat-to-nested";
-import "./functions-pcUZhFJM.js";
 import "redux-undo";
 import "@react-hookz/web";
-import "./controls-Ni5kEzLz.js";
-import "tailwind-merge";
-import "@radix-ui/react-label";
+import "react-i18next";
 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";
 const Le = ({ block: s }) => {
-  const { type: r, icon: o, label: a } = s, { addCoreBlock: i, addPredefinedBlock: d } = F(), [m] = C(), [, n] = h(z), [, t] = h(B), f = () => {
-    R(s, "blocks") ? d(G(s.blocks), b(m)) : i(s, b(m)), t(!1), n("layers");
-  }, [, x, u] = _(() => ({
+  const { type: r, icon: t, label: a } = s, { addCoreBlock: c, addPredefinedBlock: d } = F(), [m] = C(), [, n] = h(O), [, o] = h(N), f = () => {
+    z(s, "blocks") ? d(G(s.blocks), g(m)) : c(s, g(m)), o(!1), n("layers");
+  }, [, x, p] = _(() => ({
     type: "CHAI_BLOCK",
     item: s
   }));
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      O,
+      D,
       {
-        connect: u,
+        connect: p,
         src: "https://placehold.co/100x30/000000/FFF?text=" + (a || r).replace(/ /g, "+")
       }
     ),
-    /* @__PURE__ */ e.jsxs(le, { children: [
-      /* @__PURE__ */ e.jsx(ae, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsxs(Z, { children: [
+      /* @__PURE__ */ e.jsx($, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
         "button",
         {
           onClick: f,
@@ -66,52 +69,52 @@ const Le = ({ block: s }) => {
           ref: x,
           className: "cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",
           children: [
-            K(o || me, { className: "w-4 h-4 mx-auto" }),
+            K(t || Be, { className: "w-4 h-4 mx-auto" }),
             /* @__PURE__ */ e.jsx("p", { className: "truncate text-xs", children: a || r })
           ]
         }
       ) }),
-      /* @__PURE__ */ e.jsx(ce, { children: /* @__PURE__ */ e.jsx("p", { children: a || r }) })
+      /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsx("p", { children: a || r }) })
     ] })
   ] });
 }, Pe = ({ block: s, closePopover: r }) => {
-  var u;
-  const [o, a] = j(!1), i = ie("getExternalPredefinedBlock"), { addCoreBlock: d, addPredefinedBlock: m } = F(), [n] = C(), [, t, f] = _(
+  var p;
+  const [t, a] = j(!1), c = se("getExternalPredefinedBlock"), { addCoreBlock: d, addPredefinedBlock: m } = F(), [n] = C(), [, o, f] = _(
     () => ({
       type: "CHAI_BLOCK",
       item: s
     }),
     [s]
-  ), x = V(
-    async (g) => {
-      if (g.stopPropagation(), R(s, "component")) {
-        d(s, b(n)), r();
+  ), x = q(
+    async (b) => {
+      if (b.stopPropagation(), z(s, "component")) {
+        d(s, g(n)), r();
         return;
       }
       a(!0);
-      const l = await i(s);
-      T(l) || m(G(l), b(n)), r();
+      const l = await c(s);
+      w(l) || m(G(l), g(n)), r();
     },
     [s]
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      O,
+      D,
       {
         connect: f,
-        src: "https://placehold.co/100x30/000000/FFF?text=" + ((u = s.name || s.label) == null ? void 0 : u.replace(" ", "+"))
+        src: "https://placehold.co/100x30/000000/FFF?text=" + ((p = s.name || s.label) == null ? void 0 : p.replace(" ", "+"))
       }
     ),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: t,
-        onClick: o ? () => {
+        ref: o,
+        onClick: t ? () => {
         } : x,
         className: "relative cursor-grab overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",
         children: [
-          o && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70", children: [
-            /* @__PURE__ */ e.jsx(fe, { className: "animate-spin", size: 15, color: "white" }),
+          t && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70", children: [
+            /* @__PURE__ */ e.jsx(Te, { className: "animate-spin", size: 15, color: "white" }),
             " ",
             /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
           ] }),
@@ -121,10 +124,10 @@ const Le = ({ block: s }) => {
     )
   ] });
 }, Fe = () => {
-  const { data: s, isLoading: r } = D(), o = U(), a = w(k(o), { category: "custom" }), i = I(a, "group"), d = I(s, "group"), [m, n] = j(null), t = q(() => $(i, d, (l, p) => {
-    if (H(l) && H(p))
-      return [...l, ...p];
-  }), [i, d]), [, f] = h(B), [x, u] = j("Navbar"), g = J(t, x, []);
+  const { data: s, isLoading: r } = R(), t = U(), a = k(v(t), { category: "custom" }), c = I(a, "group"), d = I(s, "group"), [m, n] = j(null), o = V(() => Q(c, d, (l, u) => {
+    if (H(l) && H(u))
+      return [...l, ...u];
+  }), [c, d]), [, f] = h(N), [x, p] = j("Navbar"), b = X(o, x, []);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full overflow-hidden py-2", children: [
     /* @__PURE__ */ e.jsx("ul", { className: "sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2", children: r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx("li", { className: "h-8 w-full animate-pulse bg-gray-200" }),
@@ -133,8 +136,8 @@ const Le = ({ block: s }) => {
       /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
       /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
       /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" })
-    ] }) : v.Children.toArray(
-      L(t, (l, p) => /* @__PURE__ */ e.jsx(
+    ] }) : B.Children.toArray(
+      L(o, (l, u) => /* @__PURE__ */ e.jsx(
         "li",
         {
           onMouseOut: () => {
@@ -142,43 +145,43 @@ const Le = ({ block: s }) => {
           },
           onMouseEnter: () => {
             const y = setTimeout(() => {
-              u(p);
+              p(u);
             }, 300);
             n(y);
           },
-          onClick: () => u(p),
-          className: ge(
+          onClick: () => p(u),
+          className: Ie(
             "-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",
-            x === p ? "bg-blue-500 text-white" : " text-gray-700 hover:bg-foreground/10"
+            x === u ? "bg-blue-500 text-white" : " text-gray-700 hover:bg-foreground/10"
           ),
-          children: p
+          children: u
         }
       ))
     ) }),
-    /* @__PURE__ */ e.jsx("div", { className: "h-full w-full space-y-2 overflow-y-auto px-8", children: v.Children.toArray(
-      g.map((l) => /* @__PURE__ */ e.jsx(Pe, { block: l, closePopover: () => f(!1) }))
+    /* @__PURE__ */ e.jsx("div", { className: "h-full w-full space-y-2 overflow-y-auto px-8", children: B.Children.toArray(
+      b.map((l) => /* @__PURE__ */ e.jsx(Pe, { block: l, closePopover: () => f(!1) }))
     ) })
   ] });
 }, He = () => {
-  const [s, r] = j(""), { addPredefinedBlock: o } = F(), [a] = C(), [, i] = h(xe), [, d] = h(z), [, m] = h(B), n = () => {
-    const t = Ie(s);
-    o([...t], b(a) || null), r(""), i(!1), d("layers"), m(!1);
+  const [s, r] = j(""), { addPredefinedBlock: t } = F(), [a] = C(), [, c] = h(re), [, d] = h(O), [, m] = h(N), n = () => {
+    const o = Ae(s);
+    t([...o], g(a) || null), r(""), c(!1), d("layers"), m(!1);
   };
-  return /* @__PURE__ */ e.jsxs(je, { className: "border-border/0 p-0 shadow-none", children: [
-    /* @__PURE__ */ e.jsxs(ye, { className: "p-3", children: [
-      /* @__PURE__ */ e.jsx(we, { children: "Import HTML" }),
-      /* @__PURE__ */ e.jsx(ke, { children: "Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported." })
+  return /* @__PURE__ */ e.jsxs(te, { className: "border-border/0 p-0 shadow-none", children: [
+    /* @__PURE__ */ e.jsxs(oe, { className: "p-3", children: [
+      /* @__PURE__ */ e.jsx(le, { children: "Import HTML" }),
+      /* @__PURE__ */ e.jsx(ae, { children: "Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported." })
     ] }),
-    /* @__PURE__ */ e.jsx(Te, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(Ae, { htmlFor: "current", className: "text-sm", children: "Enter HTML Code:" }),
+    /* @__PURE__ */ e.jsx(ie, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e.jsx(ce, { htmlFor: "current", className: "text-sm", children: "Enter HTML Code:" }),
       /* @__PURE__ */ e.jsx(
-        ve,
+        ne,
         {
           autoFocus: !0,
           tabIndex: 1,
-          ref: (t) => t && t.focus(),
+          ref: (o) => o && o.focus(),
           defaultValue: s,
-          onChange: (t) => r(t.target.value),
+          onChange: (o) => r(o.target.value),
           rows: 12,
           placeholder: `<div>
     <h1>Enter code here</h1>
@@ -187,28 +190,28 @@ const Le = ({ block: s }) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsxs(Ce, { className: "flex flex-col justify-end p-3", children: [
-      /* @__PURE__ */ e.jsx(ne, { disabled: s.trim() === "", onClick: () => n(), size: "sm", className: "w-full", children: "Import" }),
-      /* @__PURE__ */ e.jsxs(Be, { variant: "default", className: "mt-2 p-1 text-blue-400", children: [
-        /* @__PURE__ */ e.jsx(ue, { className: "h-4 w-4" }),
-        /* @__PURE__ */ e.jsx(Ne, { className: "text-sm leading-4", children: "Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page." })
+    /* @__PURE__ */ e.jsxs(de, { className: "flex flex-col justify-end p-3", children: [
+      /* @__PURE__ */ e.jsx(me, { disabled: s.trim() === "", onClick: () => n(), size: "sm", className: "w-full", children: "Import" }),
+      /* @__PURE__ */ e.jsxs(pe, { variant: "default", className: "mt-2 p-1 text-blue-400", children: [
+        /* @__PURE__ */ e.jsx(Ce, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e.jsx(ue, { className: "text-sm leading-4", children: "Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page." })
       ] })
     ] })
   ] });
-}, Me = He, S = ["ListItem", "TableHead", "TableBody", "TableRow", "TableCell", "Column"], Ee = (s, r) => {
+}, S = ["ListItem", "TableHead", "TableBody", "TableRow", "TableCell", "Column"], Ee = (s, r) => {
   if (!s)
     return !P(S, r);
-  const o = s._type;
-  return o === "List" ? r === "ListItem" : o === "Table" ? r === "TableHead" || r === "TableBody" : o === "TableHead" || o === "TableBody" ? r === "TableRow" : o === "TableRow" ? r === "TableCell" : o === "Row" ? r === "Column" : !P(S, r);
-}, Bs = () => {
-  const [s, r] = j("core"), [o, a] = j("basic"), i = U(), [, d] = h(he), [, m] = h(B), [n] = C(), t = be(), f = M(t, { _id: b(n) }), { data: x, isLoading: u } = D(), g = I(
-    w(i, (c) => Ee(f, c.type)),
+  const t = s._type;
+  return t === "List" ? r === "ListItem" : t === "Table" ? r === "TableHead" || r === "TableBody" : t === "TableHead" || t === "TableBody" ? r === "TableRow" : t === "TableRow" ? r === "TableCell" : t === "Row" ? r === "Column" : !P(S, r);
+}, As = () => {
+  const [s, r] = j("core"), [t, a] = j("basic"), c = U(), [, d] = h(xe), [, m] = h(N), [n] = C(), o = he(), f = E(o, { _id: g(n) }), { data: x, isLoading: p } = R(), b = I(
+    k(c, (i) => Ee(f, i.type)),
     "category"
-  ), l = X(L(g.core, "group"));
-  Q(() => {
-    !P(l, o) && !T(l) && !T(o) && a(b(l));
-  }, [l, o]);
-  const p = (c) => a((N) => N === c ? "" : c), y = !u && !T(x) || M(k(i), { category: "custom" }) !== void 0;
+  ), l = Y(L(b.core, "group"));
+  W(() => {
+    !P(l, t) && !w(l) && !w(t) && a(g(l));
+  }, [l, t]);
+  const u = (i) => a((T) => T === i ? "" : i), y = !p && !w(x) || E(v(c), { category: "custom" }) !== void 0;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex justify-between rounded-md bg-background/30 p-1", children: [
       /* @__PURE__ */ e.jsxs("h1", { className: "flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row", children: [
@@ -221,44 +224,44 @@ const Le = ({ block: s }) => {
           onClick: () => m(!1),
           className: "flex h-max items-center gap-x-1 rounded-full border p-px text-xs text-gray-800 hover:bg-gray-100 md:p-2",
           children: [
-            /* @__PURE__ */ e.jsx(pe, { width: 12 }),
+            /* @__PURE__ */ e.jsx(Ne, { width: 12 }),
             " Close"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx(
-      oe,
+      fe,
       {
-        onValueChange: (c) => {
-          d(""), r(c);
+        onValueChange: (i) => {
+          d(""), r(i);
         },
         value: s,
         className: "h-max",
-        children: /* @__PURE__ */ e.jsxs(te, { className: "grid w-full " + (y ? "grid-cols-3" : "grid-cols-2"), children: [
+        children: /* @__PURE__ */ e.jsxs(be, { className: "grid w-full " + (y ? "grid-cols-3" : "grid-cols-2"), children: [
           /* @__PURE__ */ e.jsx(A, { value: "core", children: "Core" }),
           y ? /* @__PURE__ */ e.jsx(A, { value: "ui-blocks", children: "UI Blocks" }) : null,
           /* @__PURE__ */ e.jsx(A, { value: "html", children: "Import" })
         ] })
       }
     ),
-    s === "core" && /* @__PURE__ */ e.jsx(re, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(Y, { type: "single", value: o, className: "w-full px-3", children: v.Children.toArray(
+    s === "core" && /* @__PURE__ */ e.jsx(ge, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(je, { type: "single", value: t, className: "w-full px-3", children: B.Children.toArray(
       L(
         l,
-        (c) => E(w(k(g.core), { group: c }), {
+        (i) => M(k(v(b.core), { group: i }), {
           hidden: !0
-        }).length ? /* @__PURE__ */ e.jsxs(Z, { value: c, className: "border-border", children: [
-          /* @__PURE__ */ e.jsx(ee, { onClick: () => p(c), className: "py-2 capitalize", children: c }),
-          /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 gap-2", children: v.Children.toArray(
-            E(w(k(g.core), { group: c }), { hidden: !0 }).map((N) => /* @__PURE__ */ e.jsx(Le, { block: N }))
+        }).length ? /* @__PURE__ */ e.jsxs(ye, { value: i, className: "border-border", children: [
+          /* @__PURE__ */ e.jsx(we, { onClick: () => u(i), className: "py-2 capitalize", children: i }),
+          /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 gap-2", children: B.Children.toArray(
+            M(k(v(b.core), { group: i }), { hidden: !0 }).map((T) => /* @__PURE__ */ e.jsx(Le, { block: T }))
           ) }) })
         ] }) : null
       )
     ) }) }),
-    s === "ui-blocks" && /* @__PURE__ */ e.jsx(W, { fallback: /* @__PURE__ */ e.jsx(de, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Fe, {}) }),
-    s === "html" && /* @__PURE__ */ e.jsx(Me, {})
+    s === "ui-blocks" && /* @__PURE__ */ e.jsx(J, { fallback: /* @__PURE__ */ e.jsx(ve, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Fe, {}) }),
+    s === "html" && /* @__PURE__ */ e.jsx(He, {})
   ] });
 };
 export {
-  Bs as default
+  As as default
 };

package/dist/AddBlocks-jU0NwP_s.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WKRPbKtm.cjs"),n=require("react"),t=require("lodash"),g=require("jotai"),s=require("./index-c8zW_D2V.cjs"),y=require("react-dnd"),B=require("@radix-ui/react-icons"),k=require("./index-fwo4wa7u.cjs"),q=require("lucide-react"),A=require("./lib.cjs"),T=require("./Class-RZuPYbUS.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("flat-to-nested");require("redux-undo");require("@react-hookz/web");require("react-i18next");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("clsx");require("tailwind-merge");const C=({block:r})=>{const{type:o,icon:l,label:c}=r,{addCoreBlock:d,addPredefinedBlock:m}=s.useAddBlock(),[p]=s.useSelectedBlockIds(),[,x]=g.useAtom(s.activePanelAtom),[,i]=g.useAtom(s.addBlocksModalAtom),E=()=>{t.has(r,"blocks")?m(k.P(r.blocks),t.first(p)):d(r,t.first(p)),i(!1),x("layers")},[,f,j]=y.useDrag(()=>({type:"CHAI_BLOCK",item:r}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(y.DragPreviewImage,{connect:j,src:"https://placehold.co/100x30/000000/FFF?text="+(c||o).replace(/ /g,"+")}),e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:E,type:"button",ref:f,className:"cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",children:[n.createElement(l||B.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"truncate text-xs",children:c||o})]})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:c||o})})]})]})},N=({block:r,closePopover:o})=>{var j;const[l,c]=n.useState(!1),d=s.useBuilderProp("getExternalPredefinedBlock"),{addCoreBlock:m,addPredefinedBlock:p}=s.useAddBlock(),[x]=s.useSelectedBlockIds(),[,i,E]=y.useDrag(()=>({type:"CHAI_BLOCK",item:r}),[r]),f=n.useCallback(async b=>{if(b.stopPropagation(),t.has(r,"component")){m(r,t.first(x)),o();return}c(!0);const a=await d(r);t.isEmpty(a)||p(k.P(a),t.first(x)),o()},[r]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(y.DragPreviewImage,{connect:E,src:"https://placehold.co/100x30/000000/FFF?text="+((j=r.name||r.label)==null?void 0:j.replace(" ","+"))}),e.jsxRuntimeExports.jsxs("div",{ref:i,onClick:l?()=>{}:f,className:"relative cursor-grab overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",children:[l&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(q.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),r.preview?e.jsxRuntimeExports.jsx("img",{src:r.preview,className:"min-h-[50px] w-full rounded-md border border-gray-300",alt:r.name}):e.jsxRuntimeExports.jsx("div",{className:"flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200",children:e.jsxRuntimeExports.jsx("p",{className:"max-w-xs text-center text-sm text-gray-700",children:r.name})})]})]})},I=()=>{const{data:r,isLoading:o}=s.useUILibraryBlocks(),l=k.C(),c=t.filter(t.values(l),{category:"custom"}),d=t.groupBy(c,"group"),m=t.groupBy(r,"group"),[p,x]=n.useState(null),i=n.useMemo(()=>t.mergeWith(d,m,(a,h)=>{if(t.isArray(a)&&t.isArray(h))return[...a,...h]}),[d,m]),[,E]=g.useAtom(s.addBlocksModalAtom),[f,j]=n.useState("Navbar"),b=t.get(i,f,[]);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full overflow-hidden py-2",children:[e.jsxRuntimeExports.jsx("ul",{className:"sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2",children:o?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("li",{className:"h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"})]}):n.Children.toArray(t.map(i,(a,h)=>e.jsxRuntimeExports.jsx("li",{onMouseOut:()=>{clearTimeout(p),x(null)},onMouseEnter:()=>{const R=setTimeout(()=>{j(h)},300);x(R)},onClick:()=>j(h),className:T.cn("-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",f===h?"bg-blue-500 text-white":" text-gray-700 hover:bg-foreground/10"),children:h})))}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-full space-y-2 overflow-y-auto px-8",children:n.Children.toArray(b.map(a=>e.jsxRuntimeExports.jsx(N,{block:a,closePopover:()=>E(!1)})))})]})},P=()=>{const[r,o]=n.useState(""),{addPredefinedBlock:l}=s.useAddBlock(),[c]=s.useSelectedBlockIds(),[,d]=g.useAtom(s.addBlockOffCanvasAtom),[,m]=g.useAtom(s.activePanelAtom),[,p]=g.useAtom(s.addBlocksModalAtom),x=()=>{const i=A.getBlocksFromHTML(r);l([...i],t.first(c)||null),o(""),d(!1),m("layers"),p(!1)};return e.jsxRuntimeExports.jsxs(s.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsxs(s.CardHeader,{className:"p-3",children:[e.jsxRuntimeExports.jsx(s.CardTitle,{children:"Import HTML"}),e.jsxRuntimeExports.jsx(s.CardDescription,{children:"Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported."})]}),e.jsxRuntimeExports.jsx(s.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(s.Label,{htmlFor:"current",className:"text-sm",children:"Enter HTML Code:"}),e.jsxRuntimeExports.jsx(s.Textarea,{autoFocus:!0,tabIndex:1,ref:i=>i&&i.focus(),defaultValue:r,onChange:i=>o(i.target.value),rows:12,placeholder:`<div>
+    <h1>Enter code here</h1>
+</div>`,className:"resize-none overflow-x-auto whitespace-pre font-mono font-normal"})]})}),e.jsxRuntimeExports.jsxs(s.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(s.Button,{disabled:r.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:"Import"}),e.jsxRuntimeExports.jsxs(s.Alert,{variant:"default",className:"mt-2 p-1 text-blue-400",children:[e.jsxRuntimeExports.jsx(B.ExclamationTriangleIcon,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsx(s.AlertTitle,{className:"text-sm leading-4",children:"Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page."})]})]})]})},v=["ListItem","TableHead","TableBody","TableRow","TableCell","Column"],L=(r,o)=>{if(!r)return!t.includes(v,o);const l=r._type;return l==="List"?o==="ListItem":l==="Table"?o==="TableHead"||o==="TableBody":l==="TableHead"||l==="TableBody"?o==="TableRow":l==="TableRow"?o==="TableCell":l==="Row"?o==="Column":!t.includes(v,o)},S=()=>{const[r,o]=n.useState("core"),[l,c]=n.useState("basic"),d=k.C(),[,m]=g.useAtom(s.showPredefinedBlockCategoryAtom),[,p]=g.useAtom(s.addBlocksModalAtom),[x]=s.useSelectedBlockIds(),i=s.useAllBlocks(),E=t.find(i,{_id:t.first(x)}),{data:f,isLoading:j}=s.useUILibraryBlocks(),b=t.groupBy(t.filter(d,u=>L(E,u.type)),"category"),a=t.uniq(t.map(b.core,"group"));n.useEffect(()=>{!t.includes(a,l)&&!t.isEmpty(a)&&!t.isEmpty(l)&&c(t.first(a))},[a,l]);const h=u=>c(w=>w===u?"":u),R=!j&&!t.isEmpty(f)||t.find(t.values(d),{category:"custom"})!==void 0;return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsxs("h1",{className:"flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row",children:["Add block",e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:r==="html"?"(Enter or paste your own HTML code)":"(Drag & drop into tree view or click to add)"})]}),e.jsxRuntimeExports.jsxs("button",{onClick:()=>p(!1),className:"flex h-max items-center gap-x-1 rounded-full border p-px text-xs text-gray-800 hover:bg-gray-100 md:p-2",children:[e.jsxRuntimeExports.jsx(B.Cross1Icon,{width:12})," Close"]})]}),e.jsxRuntimeExports.jsx(s.Tabs,{onValueChange:u=>{m(""),o(u)},value:r,className:"h-max",children:e.jsxRuntimeExports.jsxs(s.TabsList,{className:"grid w-full "+(R?"grid-cols-3":"grid-cols-2"),children:[e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"core",children:"Core"}),R?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"ui-blocks",children:"UI Blocks"}):null,e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"html",children:"Import"})]})}),r==="core"&&e.jsxRuntimeExports.jsx(s.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx(s.Accordion,{type:"single",value:l,className:"w-full px-3",children:n.Children.toArray(t.map(a,u=>t.reject(t.filter(t.values(b.core),{group:u}),{hidden:!0}).length?e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:u,className:"border-border",children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{onClick:()=>h(u),className:"py-2 capitalize",children:u}),e.jsxRuntimeExports.jsx(s.AccordionContent,{children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-4 gap-2",children:n.Children.toArray(t.reject(t.filter(t.values(b.core),{group:u}),{hidden:!0}).map(w=>e.jsxRuntimeExports.jsx(C,{block:w})))})})]}):null))})}),r==="ui-blocks"&&e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(I,{})}),r==="html"&&e.jsxRuntimeExports.jsx(P,{})]})};exports.default=S;

package/dist/BrandingOptions-WSCFnWAf.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./jsx-runtime-WKRPbKtm.cjs"),C=require("react"),B=require("@rjsf/validator-ajv8"),j=require("@rjsf/core"),c=require("./index-c8zW_D2V.cjs"),e=require("./index-m2muA80V.cjs"),R=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-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("redux-undo");require("./index-fwo4wa7u.cjs");require("@react-hookz/web");require("react-i18next");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");function P(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const v=P(C),p=[{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"}],k=()=>{const r=c.useBuilderProp("onSaveBrandingOptions",async()=>{}),[t,i]=c.useBrandingOptions(),a=v.useRef(t);v.useEffect(()=>()=>{R.isEqual(t,a.current)||r(a.current)},[]);const q=({formData:l},n)=>{n&&(i(l),a.current=l)},{bodyFont:y,headingFont:f,primaryColor:g,bodyTextDarkColor:b,bodyTextLightColor:m,bodyBgDarkColor:x,secondaryColor:h,bodyBgLightColor:S,roundedCorners:O}=t,s={headingFont:e.f({title:"Heading font",default:f,options:p}),bodyFont:e.f({title:"Body font",default:y,options:p}),roundedCorners:e.c({title:"Rounded Corner",default:parseInt(O||5,10)}),primaryColor:e.y({title:"Primary",default:g}),secondaryColor:e.y({title:"Secondary",default:h}),bodyBgLightColor:e.y({title:"Body Background (Light)",default:S}),bodyBgDarkColor:e.y({title:"Body Background (Dark)",default:x}),bodyTextLightColor:e.y({title:"Body Text (Light)",default:b}),bodyTextDarkColor:e.y({title:"Body Text (Dark)",default:m})},u={type:"object",properties:{}},d={};return Object.keys(s).forEach(l=>{const n=s[l];return u.properties||(u.properties={}),u.properties[l]=n.schema,d[l]=n.uiSchema,!0}),o.jsxRuntimeExports.jsxs("div",{className:"flex h-full select-none flex-col",children:[o.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:o.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Branding Options"})}),o.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:o.jsxRuntimeExports.jsx(j,{idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:d,schema:u,formData:t,validator:B,onChange:q})})]})};exports.default=k;

package/dist/{BrandingOptions-PAgY-kvj.js → BrandingOptions-_Og7VUHA.js}

@@ -1,36 +1,52 @@
-import { j as a } from "./jsx-runtime-Sp0orL4X.js";
+import { j as i } from "./jsx-runtime-qAwJ85SY.js";
 import * as s from "react";
 import O from "@rjsf/validator-ajv8";
 import k from "@rjsf/core";
-import { j } from "./ChaiBuilderEditor-hEuUONQ3.js";
-import "react-i18next";
-import { u as D } from "./skeleton-CU_FIbg3.js";
-import { f as p, c as N, y as e } from "./controls-enQY7NI8.js";
-import { isEqual as P } from "lodash";
-import "./MODIFIERS-DsEzQ3aH.js";
+import { i as D, x as N } from "./index-2EHcmZqL.js";
+import { f as p, c as P, y as e } from "./index-RVm8Txnj.js";
+import { isEqual as R } 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-icons";
+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 "react-quill";
 import "jotai";
-import "i18next";
-import "flagged";
-import "react-dnd";
-import "@minoru/react-dnd-treeview";
-import "./utils-dze1SGvB.js";
-import "tailwind-merge";
-import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./functions-pcUZhFJM.js";
 import "redux-undo";
+import "./index-gmZcUXyn.js";
 import "@react-hookz/web";
-import "./index-ehKdBRUK.js";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-icons";
-import "@radix-ui/react-toast";
-const d = [
+import "react-i18next";
+import "./lib.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";
+const m = [
   { title: "Roboto", value: "Roboto" },
   { title: "Open Sans", value: "Open Sans" },
   { title: "Montserrat", value: "Montserrat" },
@@ -80,11 +96,11 @@ const d = [
   { title: "Lustria", value: "Lustria" },
   { title: "Ovo", value: "Ovo" },
   { title: "Suranna", value: "Suranna" }
-], nt = () => {
-  const m = D("onSaveBrandingOptions", async () => {
-  }), [o, v] = j(), r = s.useRef(o);
+], Bt = () => {
+  const d = D("onSaveBrandingOptions", async () => {
+  }), [o, v] = N(), r = s.useRef(o);
   s.useEffect(() => () => {
-    P(o, r.current) || m(r.current);
+    R(o, r.current) || d(r.current);
   }, []);
   const c = ({ formData: t }, l) => {
     l && (v(t), r.current = t);
@@ -94,34 +110,34 @@ const d = [
     primaryColor: y,
     bodyTextDarkColor: h,
     bodyTextLightColor: b,
-    bodyBgDarkColor: S,
-    secondaryColor: x,
+    bodyBgDarkColor: x,
+    secondaryColor: S,
     bodyBgLightColor: C,
     roundedCorners: B
   } = o, n = {
     headingFont: p({
       title: "Heading font",
       default: g,
-      options: d
+      options: m
     }),
     bodyFont: p({
       title: "Body font",
       default: f,
-      options: d
+      options: m
     }),
-    roundedCorners: N({
+    roundedCorners: P({
       title: "Rounded Corner",
       default: parseInt(B || 5, 10)
     }),
     primaryColor: e({ title: "Primary", default: y }),
-    secondaryColor: e({ title: "Secondary", default: x }),
+    secondaryColor: e({ title: "Secondary", default: S }),
     bodyBgLightColor: e({
       title: "Body Background (Light)",
       default: C
     }),
     bodyBgDarkColor: e({
       title: "Body Background (Dark)",
-      default: S
+      default: x
     }),
     bodyTextLightColor: e({
       title: "Body Text (Light)",
@@ -132,16 +148,16 @@ const d = [
       default: b
     })
     // TODO: exteend more options from user
-  }, i = {
+  }, a = {
     type: "object",
     properties: {}
   }, u = {};
   return Object.keys(n).forEach((t) => {
     const l = n[t];
-    return i.properties || (i.properties = {}), i.properties[t] = l.schema, u[t] = l.uiSchema, !0;
-  }), /* @__PURE__ */ a.jsxs("div", { className: "flex h-full select-none flex-col", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "rounded-md bg-background/30 p-1", children: /* @__PURE__ */ a.jsx("h1", { className: "px-1 font-semibold", children: "Branding Options" }) }),
-    /* @__PURE__ */ a.jsx("div", { className: "-mx-2", children: /* @__PURE__ */ a.jsx(
+    return a.properties || (a.properties = {}), a.properties[t] = l.schema, u[t] = l.uiSchema, !0;
+  }), /* @__PURE__ */ i.jsxs("div", { className: "flex h-full select-none flex-col", children: [
+    /* @__PURE__ */ i.jsx("div", { className: "rounded-md bg-background/30 p-1", children: /* @__PURE__ */ i.jsx("h1", { className: "px-1 font-semibold", children: "Branding Options" }) }),
+    /* @__PURE__ */ i.jsx("div", { className: "-mx-2", children: /* @__PURE__ */ i.jsx(
       k,
       {
         idSeparator: ".",
@@ -150,7 +166,7 @@ const d = [
         liveOmit: !0,
         liveValidate: !0,
         uiSchema: u,
-        schema: i,
+        schema: a,
         formData: o,
         validator: O,
         onChange: c
@@ -159,5 +175,5 @@ const d = [
   ] });
 };
 export {
-  nt as default
+  Bt as default
 };