@chaibuilder/sdk 0.1.16 → 0.1.18

package/dist/AddBlocks-5cb44efb.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),n=require("react"),s=require("lodash"),g=require("jotai"),w=require("./accordion-0afd8143.cjs"),I=require("./scroll-area-bb343b86.cjs"),k=require("./tabs-860e37aa.cjs"),y=require("./useBuilderProp-5e57d0c8.cjs"),v=require("react-dnd"),N=require("@radix-ui/react-icons"),l=require("./index-dfeadcce.cjs");require("react-i18next");const T=require("@chaibuilder/blocks"),L=require("lucide-react"),P=require("./utils-3c452dd0.cjs"),C=require("./textarea-20b2f6b2.cjs"),R=require("./card-14e1d020.cjs"),S=require("./label-167415e5.cjs"),M=require("./html-to-json-78bfa1f3.cjs");require("@radix-ui/react-accordion");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("./_commonjsHelpers-87b0abe8.cjs");require("clsx");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("redux-undo");require("@react-hookz/web");require("./MODIFIERS-70fef873.cjs");require("sonner");require("tailwind-merge");require("@radix-ui/react-label");require("himalaya");const F=({block:t})=>{const{type:r,icon:o,label:c}=t,{addCoreBlock:u,addPredefinedBlock:m}=l.useAddBlock(),[p]=l.useSelectedBlockIds(),[,x]=g.useAtom(l.activePanelAtom),[,i]=g.useAtom(l.addBlocksModalAtom),b=()=>{s.has(t,"blocks")?m(T.syncBlocksWithDefaults(t.blocks),s.first(p)):u(t,s.first(p)),i(!1),x("layers")},[,f,j]=v.useDrag(()=>({type:"CHAI_BLOCK",item:t}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.DragPreviewImage,{connect:j,src:"https://placehold.co/100x30/000000/FFF?text="+(c||r).replace(/ /g,"+")}),e.jsxRuntimeExports.jsxs(y.Tooltip,{children:[e.jsxRuntimeExports.jsx(y.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:b,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(o||N.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"truncate text-xs",children:c||r})]})}),e.jsxRuntimeExports.jsx(y.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:c||r})})]})]})},H=({block:t,closePopover:r})=>{var j;const[o,c]=n.useState(!1),u=y.useBuilderProp("getExternalPredefinedBlock"),{addCoreBlock:m,addPredefinedBlock:p}=l.useAddBlock(),[x]=l.useSelectedBlockIds(),[,i,b]=v.useDrag(()=>({type:"CHAI_BLOCK",item:t}),[t]),f=n.useCallback(async E=>{if(E.stopPropagation(),s.has(t,"component")){m(t,s.first(x)),r();return}c(!0);const a=await u(t);s.isEmpty(a)||p(T.syncBlocksWithDefaults(a),s.first(x)),r()},[t]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.DragPreviewImage,{connect:b,src:"https://placehold.co/100x30/000000/FFF?text="+((j=t.name||t.label)==null?void 0:j.replace(" ","+"))}),e.jsxRuntimeExports.jsxs("div",{ref:i,onClick:o?()=>{}: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:[o&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(L.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),t.preview?e.jsxRuntimeExports.jsx("img",{src:t.preview,className:"min-h-[50px] w-full rounded-md border border-gray-300",alt:t.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:t.name})})]})]})},D=()=>{const{data:t,isLoading:r}=l.useUILibraryBlocks(),o=T.useChaiBlocks(),c=s.filter(s.values(o),{category:"custom"}),u=s.groupBy(c,"group"),m=s.groupBy(t,"group"),[p,x]=n.useState(null),i=n.useMemo(()=>s.mergeWith(u,m,(a,h)=>{if(s.isArray(a)&&s.isArray(h))return[...a,...h]}),[u,m]),[,b]=g.useAtom(l.addBlocksModalAtom),[f,j]=n.useState("Navbar"),E=s.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:r?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(s.map(i,(a,h)=>e.jsxRuntimeExports.jsx("li",{onMouseOut:()=>{clearTimeout(p),x(null)},onMouseEnter:()=>{const B=setTimeout(()=>{j(h)},300);x(B)},onClick:()=>j(h),className:P.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(E.map(a=>e.jsxRuntimeExports.jsx(H,{block:a,closePopover:()=>b(!1)})))})]})},O=()=>{const[t,r]=n.useState(""),{addPredefinedBlock:o}=l.useAddBlock(),[c]=l.useSelectedBlockIds(),[,u]=g.useAtom(l.addBlockOffCanvasAtom),[,m]=g.useAtom(l.activePanelAtom),[,p]=g.useAtom(l.addBlocksModalAtom),x=()=>{const i=M.getBlocksFromHTML(t);o([...i],s.first(c)||null),r(""),u(!1),m("layers"),p(!1)};return e.jsxRuntimeExports.jsxs(R.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsxs(R.CardHeader,{className:"p-3",children:[e.jsxRuntimeExports.jsx(R.CardTitle,{children:"Import HTML"}),e.jsxRuntimeExports.jsx(R.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(R.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(C.Textarea,{autoFocus:!0,tabIndex:1,ref:i=>i&&i.focus(),defaultValue:t,onChange:i=>r(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(R.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(y.Button,{disabled:t.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:"Import"}),e.jsxRuntimeExports.jsxs(C.Alert,{variant:"default",className:"mt-2 p-1 text-blue-400",children:[e.jsxRuntimeExports.jsx(N.ExclamationTriangleIcon,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsx(C.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."})]})]})]})},U=O,q=["ListItem","TableHead","TableBody","TableRow","TableCell","Column"],z=(t,r)=>{if(!t)return!s.includes(q,r);const o=t._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":!s.includes(q,r)},G=()=>{const[t,r]=n.useState("core"),[o,c]=n.useState("basic"),u=T.useChaiBlocks(),[,m]=g.useAtom(l.showPredefinedBlockCategoryAtom),[,p]=g.useAtom(l.addBlocksModalAtom),[x]=l.useSelectedBlockIds(),i=l.useAllBlocks(),b=s.find(i,{_id:s.first(x)}),{data:f,isLoading:j}=l.useUILibraryBlocks(),E=s.groupBy(s.filter(u,d=>z(b,d.type)),"category"),a=s.uniq(s.map(E.core,"group"));n.useEffect(()=>{!s.includes(a,o)&&!s.isEmpty(a)&&!s.isEmpty(o)&&c(s.first(a))},[a,o]);const h=d=>c(A=>A===d?"":d),B=!j&&!s.isEmpty(f)||s.find(s.values(u),{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:t==="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(N.Cross1Icon,{width:12})," Close"]})]}),e.jsxRuntimeExports.jsx(k.Tabs,{onValueChange:d=>{m(""),r(d)},value:t,className:"h-max",children:e.jsxRuntimeExports.jsxs(k.TabsList,{className:"grid w-full "+(B?"grid-cols-3":"grid-cols-2"),children:[e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"core",children:"Core"}),B?e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"ui-blocks",children:"UI Blocks"}):null,e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"html",children:"Import"})]})}),t==="core"&&e.jsxRuntimeExports.jsx(I.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx(w.Accordion,{type:"single",value:o,className:"w-full px-3",children:n.Children.toArray(s.map(a,d=>s.reject(s.filter(s.values(E.core),{group:d}),{hidden:!0}).length?e.jsxRuntimeExports.jsxs(w.AccordionItem,{value:d,className:"border-border",children:[e.jsxRuntimeExports.jsx(w.AccordionTrigger,{onClick:()=>h(d),className:"py-2 capitalize",children:d}),e.jsxRuntimeExports.jsx(w.AccordionContent,{children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-4 gap-2",children:n.Children.toArray(s.reject(s.filter(s.values(E.core),{group:d}),{hidden:!0}).map(A=>e.jsxRuntimeExports.jsx(F,{block:A})))})})]}):null))})}),t==="ui-blocks"&&e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(y.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(D,{})}),t==="html"&&e.jsxRuntimeExports.jsx(U,{})]})};exports.default=G;

package/dist/{AddBlocks-6f4db22d.js → AddBlocks-c47af38f.js}

@@ -1,19 +1,20 @@
 import { j as e } from "./jsx-runtime-944c88e2.js";
-import T, { createElement as K, useState as j, useMemo as W, useCallback as q, useEffect as V, Suspense as X } from "react";
-import { has as R, first as b, filter as w, values as k, groupBy as I, mergeWith as Y, isArray as H, get as $, map as L, isEmpty as B, find as M, uniq as J, includes as P, reject as E } from "lodash";
+import v, { createElement as K, useState as j, useMemo as W, useCallback as q, useEffect as V, Suspense as $ } from "react";
+import { has as _, first as b, filter as w, values as k, groupBy as I, mergeWith as Z, isArray as H, get as J, map as L, isEmpty as B, find as M, uniq as Q, includes as P, reject as E } from "lodash";
 import { useAtom as h } from "jotai";
-import { A as Q, a as Z, b as ee, c as se } from "./accordion-c0176dc5.js";
-import { S as re } from "./scroll-area-9f64a082.js";
+import { A as X, a as Y, b as ee, c as se } from "./accordion-c0176dc5.js";
+import { S as re } from "./scroll-area-83bd9e8f.js";
 import { T as oe, a as te, b as A } from "./tabs-85caa1e8.js";
-import { d as le, e as ae, f as ce, u as ne, B as ie, S as de } from "./useBuilderProp-81a14920.js";
-import { useDrag as _, DragPreviewImage as O } from "react-dnd";
+import { d as le, e as ae, f as ce, u as ie, B as ne, S as de } from "./useBuilderProp-81a14920.js";
+import { useDrag as R, DragPreviewImage as O } from "react-dnd";
 import { BoxIcon as me, ExclamationTriangleIcon as ue, Cross1Icon as pe } from "@radix-ui/react-icons";
-import { T as F, h as v, a as z, b as C, W as D, X as xe, Y as he, y as fe } from "./index-8a7a37ce.js";
+import { W as F, i as C, a as z, b as T, Z as D, _ as xe, $ as he, B as fe } from "./index-f8a2f8ef.js";
 import "react-i18next";
 import { syncBlocksWithDefaults as G, useChaiBlocks as U } from "@chaibuilder/blocks";
 import { Loader as ge } from "lucide-react";
 import { c as be } from "./utils-ac68b2c8.js";
-import { C as je, c as ye, e as we, f as ke, g as Be, T as Te, d as ve, A as Ce, a as Ne } from "./textarea-0750bcd2.js";
+import { T as je, A as ye, a as we } from "./textarea-9dfb6a32.js";
+import { C as ke, a as Be, c as ve, d as Ce, e as Te, b as Ne } from "./card-f8f4f985.js";
 import { L as Ae } from "./label-e770a087.js";
 import { b as Ie } from "./html-to-json-8397fab5.js";
 import "@radix-ui/react-accordion";
@@ -23,6 +24,10 @@ import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
+import "./_commonjsHelpers-10dfc225.js";
+import "clsx";
+import "react-dom";
+import "@floating-ui/react-dom";
 import "i18next";
 import "flagged";
 import "@minoru/react-dnd-treeview";
@@ -32,14 +37,13 @@ import "redux-undo";
 import "@react-hookz/web";
 import "./MODIFIERS-c2e02614.js";
 import "sonner";
-import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-label";
 import "himalaya";
 const Le = ({ block: s }) => {
-  const { type: r, icon: o, label: a } = s, { addCoreBlock: n, addPredefinedBlock: d } = F(), [m] = v(), [, i] = h(z), [, t] = h(C), f = () => {
-    R(s, "blocks") ? d(G(s.blocks), b(m)) : n(s, b(m)), t(!1), i("layers");
-  }, [, x, u] = _(() => ({
+  const { type: r, icon: o, label: a } = s, { addCoreBlock: i, addPredefinedBlock: d } = F(), [m] = C(), [, n] = h(z), [, t] = h(T), f = () => {
+    _(s, "blocks") ? d(G(s.blocks), b(m)) : i(s, b(m)), t(!1), n("layers");
+  }, [, x, u] = R(() => ({
     type: "CHAI_BLOCK",
     item: s
   }));
@@ -70,7 +74,7 @@ const Le = ({ block: s }) => {
   ] });
 }, Pe = ({ block: s, closePopover: r }) => {
   var u;
-  const [o, a] = j(!1), n = ne("getExternalPredefinedBlock"), { addCoreBlock: d, addPredefinedBlock: m } = F(), [i] = v(), [, t, f] = _(
+  const [o, a] = j(!1), i = ie("getExternalPredefinedBlock"), { addCoreBlock: d, addPredefinedBlock: m } = F(), [n] = C(), [, t, f] = R(
     () => ({
       type: "CHAI_BLOCK",
       item: s
@@ -78,13 +82,13 @@ const Le = ({ block: s }) => {
     [s]
   ), x = q(
     async (g) => {
-      if (g.stopPropagation(), R(s, "component")) {
-        d(s, b(i)), r();
+      if (g.stopPropagation(), _(s, "component")) {
+        d(s, b(n)), r();
         return;
       }
       a(!0);
-      const l = await n(s);
-      B(l) || m(G(l), b(i)), r();
+      const l = await i(s);
+      B(l) || m(G(l), b(n)), r();
     },
     [s]
   );
@@ -115,10 +119,10 @@ const Le = ({ block: s }) => {
     )
   ] });
 }, Fe = () => {
-  const { data: s, isLoading: r } = D(), o = U(), a = w(k(o), { category: "custom" }), n = I(a, "group"), d = I(s, "group"), [m, i] = j(null), t = W(() => Y(n, d, (l, p) => {
+  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 = W(() => Z(i, d, (l, p) => {
     if (H(l) && H(p))
       return [...l, ...p];
-  }), [n, d]), [, f] = h(C), [x, u] = j("Navbar"), g = $(t, x, []);
+  }), [i, d]), [, f] = h(T), [x, u] = j("Navbar"), g = J(t, 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" }),
@@ -127,18 +131,18 @@ 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" })
-    ] }) : T.Children.toArray(
+    ] }) : v.Children.toArray(
       L(t, (l, p) => /* @__PURE__ */ e.jsx(
         "li",
         {
           onMouseOut: () => {
-            clearTimeout(m), i(null);
+            clearTimeout(m), n(null);
           },
           onMouseEnter: () => {
             const y = setTimeout(() => {
               u(p);
             }, 300);
-            i(y);
+            n(y);
           },
           onClick: () => u(p),
           className: be(
@@ -149,24 +153,24 @@ const Le = ({ block: s }) => {
         }
       ))
     ) }),
-    /* @__PURE__ */ e.jsx("div", { className: "h-full w-full space-y-2 overflow-y-auto px-8", children: T.Children.toArray(
+    /* @__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) }))
     ) })
   ] });
 }, He = () => {
-  const [s, r] = j(""), { addPredefinedBlock: o } = F(), [a] = v(), [, n] = h(xe), [, d] = h(z), [, m] = h(C), i = () => {
+  const [s, r] = j(""), { addPredefinedBlock: o } = F(), [a] = C(), [, i] = h(xe), [, d] = h(z), [, m] = h(T), n = () => {
     const t = Ie(s);
-    o([...t], b(a) || null), r(""), n(!1), d("layers"), m(!1);
+    o([...t], b(a) || null), r(""), i(!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(ke, { className: "border-border/0 p-0 shadow-none", children: [
+    /* @__PURE__ */ e.jsxs(Be, { className: "p-3", children: [
+      /* @__PURE__ */ e.jsx(ve, { children: "Import HTML" }),
+      /* @__PURE__ */ e.jsx(Ce, { 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(Be, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+    /* @__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(
-        Te,
+        je,
         {
           autoFocus: !0,
           tabIndex: 1,
@@ -181,11 +185,11 @@ const Le = ({ block: s }) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsxs(ve, { className: "flex flex-col justify-end p-3", children: [
-      /* @__PURE__ */ e.jsx(ie, { disabled: s.trim() === "", onClick: () => i(), size: "sm", className: "w-full", children: "Import" }),
-      /* @__PURE__ */ e.jsxs(Ce, { variant: "default", className: "mt-2 p-1 text-blue-400", children: [
+    /* @__PURE__ */ e.jsxs(Ne, { 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(ye, { 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.jsx(we, { 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." })
       ] })
     ] })
   ] });
@@ -194,15 +198,15 @@ const Le = ({ block: 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);
-}, ys = () => {
-  const [s, r] = j("core"), [o, a] = j("basic"), n = U(), [, d] = h(he), [, m] = h(C), [i] = v(), t = fe(), f = M(t, { _id: b(i) }), { data: x, isLoading: u } = D(), g = I(
-    w(n, (c) => Ee(f, c.type)),
+}, vs = () => {
+  const [s, r] = j("core"), [o, a] = j("basic"), i = U(), [, d] = h(he), [, m] = h(T), [n] = C(), t = fe(), f = M(t, { _id: b(n) }), { data: x, isLoading: u } = D(), g = I(
+    w(i, (c) => Ee(f, c.type)),
     "category"
-  ), l = J(L(g.core, "group"));
+  ), l = Q(L(g.core, "group"));
   V(() => {
     !P(l, o) && !B(l) && !B(o) && a(b(l));
   }, [l, o]);
-  const p = (c) => a((N) => N === c ? "" : c), y = !u && !B(x) || M(k(n), { category: "custom" }) !== void 0;
+  const p = (c) => a((N) => N === c ? "" : c), y = !u && !B(x) || M(k(i), { 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: [
@@ -236,23 +240,23 @@ const Le = ({ block: s }) => {
         ] })
       }
     ),
-    s === "core" && /* @__PURE__ */ e.jsx(re, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(Q, { type: "single", value: o, className: "w-full px-3", children: T.Children.toArray(
+    s === "core" && /* @__PURE__ */ e.jsx(re, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(X, { type: "single", value: o, className: "w-full px-3", children: v.Children.toArray(
       L(
         l,
         (c) => E(w(k(g.core), { group: c }), {
           hidden: !0
-        }).length ? /* @__PURE__ */ e.jsxs(Z, { value: c, className: "border-border", children: [
+        }).length ? /* @__PURE__ */ e.jsxs(Y, { 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: T.Children.toArray(
+          /* @__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 }))
           ) }) })
         ] }) : null
       )
     ) }) }),
-    s === "ui-blocks" && /* @__PURE__ */ e.jsx(X, { fallback: /* @__PURE__ */ e.jsx(de, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Fe, {}) }),
+    s === "ui-blocks" && /* @__PURE__ */ e.jsx($, { fallback: /* @__PURE__ */ e.jsx(de, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Fe, {}) }),
     s === "html" && /* @__PURE__ */ e.jsx(Me, {})
   ] });
 };
 export {
-  ys as default
+  vs as default
 };

package/dist/BrandingOptions-4f3e3a8d.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./jsx-runtime-5c3ac4f7.cjs"),O=require("react"),C=require("@rjsf/validator-ajv8"),B=require("@rjsf/core"),j=require("./index-dfeadcce.cjs");require("react-i18next");const R=require("./useBuilderProp-5e57d0c8.cjs"),e=require("@chaibuilder/blocks"),P=require("lodash");require("./_commonjsHelpers-87b0abe8.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("./utils-3c452dd0.cjs");require("tailwind-merge");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-78bfa1f3.cjs");require("./MODIFIERS-70fef873.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@radix-ui/react-icons");require("lucide-react");require("sonner");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");function k(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 c=k(O),v=[{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"}],D=()=>{const r=R.useBuilderProp("onSaveBrandingOptions",async()=>{}),[t,i]=j.useBrandingOptions(),a=c.useRef(t);c.useEffect(()=>()=>{P.isEqual(t,a.current)||r(a.current)},[]);const p=({formData:l},u)=>{u&&(i(l),a.current=l)},{bodyFont:g,headingFont:f,primaryColor:b,bodyTextDarkColor:m,bodyTextLightColor:y,bodyBgDarkColor:q,secondaryColor:x,bodyBgLightColor:h,roundedCorners:S}=t,s={headingFont:e.SelectOption({title:"Heading font",default:f,options:v}),bodyFont:e.SelectOption({title:"Body font",default:g,options:v}),roundedCorners:e.Numeric({title:"Rounded Corner",default:parseInt(S||5,10)}),primaryColor:e.Color({title:"Primary",default:b}),secondaryColor:e.Color({title:"Secondary",default:x}),bodyBgLightColor:e.Color({title:"Body Background (Light)",default:h}),bodyBgDarkColor:e.Color({title:"Body Background (Dark)",default:q}),bodyTextLightColor:e.Color({title:"Body Text (Light)",default:m}),bodyTextDarkColor:e.Color({title:"Body Text (Dark)",default:y})},n={type:"object",properties:{}},d={};return Object.keys(s).forEach(l=>{const u=s[l];return n.properties||(n.properties={}),n.properties[l]=u.schema,d[l]=u.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(B,{idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:d,schema:n,formData:t,validator:C,onChange:p})})]})};exports.default=D;

package/dist/{BrandingOptions-d6351932.js → BrandingOptions-52b2de6f.js}

@@ -2,18 +2,22 @@ import { j as a } from "./jsx-runtime-944c88e2.js";
 import * as s from "react";
 import B from "@rjsf/validator-ajv8";
 import k from "@rjsf/core";
-import { w as N } from "./index-8a7a37ce.js";
+import { z as N } from "./index-f8a2f8ef.js";
 import "react-i18next";
 import { u as D } from "./useBuilderProp-81a14920.js";
 import { SelectOption as p, Numeric as P, Color as e } from "@chaibuilder/blocks";
-import { isEqual as L } from "lodash";
+import { isEqual as R } from "lodash";
+import "./_commonjsHelpers-10dfc225.js";
+import "clsx";
+import "@radix-ui/react-scroll-area";
+import "react-dom";
+import "@floating-ui/react-dom";
+import "jotai";
 import "i18next";
 import "flagged";
 import "react-dnd";
 import "@minoru/react-dnd-treeview";
-import "jotai";
 import "./utils-ac68b2c8.js";
-import "clsx";
 import "tailwind-merge";
 import "react-hotkeys-hook";
 import "flat-to-nested";
@@ -79,11 +83,11 @@ const d = [
   { title: "Lustria", value: "Lustria" },
   { title: "Ovo", value: "Ovo" },
   { title: "Suranna", value: "Suranna" }
-], rt = () => {
+], pt = () => {
   const m = D("onSaveBrandingOptions", async () => {
   }), [o, v] = N(), r = s.useRef(o);
   s.useEffect(() => () => {
-    L(o, r.current) || m(r.current);
+    R(o, r.current) || m(r.current);
   }, []);
   const c = ({ formData: t }, l) => {
     l && (v(t), r.current = t);
@@ -158,5 +162,5 @@ const d = [
   ] });
 };
 export {
-  rt as default
+  pt as default
 };