@chaibuilder/sdk 1.0.23 → 1.1.0

package/dist/ui.js

@@ -1,4 +1,4 @@
-import { bi as q, bl as J, bj as K, bk as j, bD as N, bI as O, D as Q, at as U, K as W, F as z, I as X, J as Y, G as Z, H as _, E as $, bE as aa, bJ as ea, B as oa, bw as ta, bA as ra, bz as sa, bC as na, bx as ia, by as ba, b4 as pa, cl as ua, b7 as ca, b8 as la, b5 as ma, b9 as Ca, b6 as da, cn as ga, cm as Ma, bs as Sa, co as Da, br as Ta, ct as xa, bq as wa, cq as Aa, cu as Ia, cy as ha, cp as Pa, cr as Ga, cs as Fa, cv as Ha, cw as La, cx as ka, bt as va, ao as Ra, ap as Ba, as as Va, ba as Ea, aq as ya, ar as fa, bb as qa, aR as Ja, aW as Ka, aT as ja, cc as Na, c9 as Oa, aU as Qa, cd as Ua, ch as Wa, ca as za, aV as Xa, cb as Ya, ce as Za, cf as _a, cg as $a, aS as ae, aO as ee, aQ as oe, aP as te, bf as re, bg as se, bm as ne, aM as ie, bh as be, bM as pe, bT as ue, bP as ce, bZ as le, bQ as me, bS as Ce, bN as de, bW as ge, bU as Me, bV as Se, bR as De, b$ as Te, b_ as xe, bX as we, bY as Ae, bO as Ie, b1 as he, b3 as Pe, b2 as Ge, be as Fe, bp as He, bL as Le, au as ke, ax as ve, aF as Re, ay as Be, aG as Ve, c0 as Ee, av as ye, aw as fe, aL as qe, c1 as Je, c3 as Ke, c4 as je, c8 as Ne, c6 as Oe, c5 as Qe, c7 as Ue, c2 as We, S as ze, aN as Xe, aB as Ye, aE as Ze, aC as _e, aD as $e, bB as ao, C as eo, aJ as oo, aH as to, aK as ro, bn as so, T as no, aI as io, bK as bo, bH as po, ci as uo, ck as co, bG as lo, cj as mo } from "./index-Vx4ctSV6.js";
+import { bk as K, bn as f, bl as j, bm as q, bz as z, bJ as N, D as O, at as Q, K as U, F as W, I as X, J as Y, G as Z, H as _, E as $, bA as aa, bK as ea, B as oa, bt as ta, bw as ra, bv as sa, by as na, bu as ia, bM as ba, b6 as pa, cn as ua, b9 as ca, ba as la, b7 as ma, bb as da, b8 as Ca, cp as ga, co as Ma, bE as Sa, cq as Da, bD as Ta, cv as xa, bC as Aa, cs as wa, cw as Ia, cA as ha, cr as Pa, ct as Fa, cu as va, cx as Ga, cy as Ha, cz as La, bF as ka, ao as Ra, ap as Va, as as Ba, bc as Ea, aq as ya, ar as Ja, bd as Ka, aR as fa, aW as ja, aT as qa, ce as za, cb as Na, aU as Oa, cf as Qa, cj as Ua, cc as Wa, aV as Xa, cd as Ya, cg as Za, ch as _a, ci as $a, aS as ae, aO as ee, aQ as oe, aP as te, bh as re, bi as se, bo as ne, aM as ie, bj as be, bO as pe, bV as ue, bR as ce, b$ as le, bS as me, bU as de, bP as Ce, bY as ge, bW as Me, bX as Se, bT as De, c1 as Te, c0 as xe, bZ as Ae, b_ as we, bQ as Ie, b3 as he, b5 as Pe, b4 as Fe, bg as ve, br as Ge, bN as He, au as Le, ax as ke, aF as Re, ay as Ve, aG as Be, c2 as Ee, av as ye, aw as Je, aL as Ke, c3 as fe, c5 as je, c6 as qe, ca as ze, c8 as Ne, c7 as Oe, c9 as Qe, c4 as Ue, S as We, aN as Xe, aB as Ye, aE as Ze, aC as _e, aD as $e, bx as ao, C as eo, aJ as oo, aH as to, aK as ro, bp as so, T as no, aI as io, bL as bo, bI as po, ck as uo, cm as co, bH as lo, cl as mo } from "./index-ORFlyrBx.js";
 import "./jsx-runtime-NV737rRe.js";
 import "./MODIFIERS-MLfpKQY1.js";
 import "react";
@@ -37,16 +37,16 @@ import "@chaibuilder/runtime";
 import "@react-hookz/web";
 import "react-i18next";
 export {
-  q as Accordion,
-  J as AccordionContent,
-  K as AccordionItem,
-  j as AccordionTrigger,
-  N as Alert,
-  O as AlertDescription,
-  Q as AlertDialog,
-  U as AlertDialogAction,
-  W as AlertDialogCancel,
-  z as AlertDialogContent,
+  K as Accordion,
+  f as AccordionContent,
+  j as AccordionItem,
+  q as AccordionTrigger,
+  z as Alert,
+  N as AlertDescription,
+  O as AlertDialog,
+  Q as AlertDialogAction,
+  U as AlertDialogCancel,
+  W as AlertDialogContent,
   X as AlertDialogDescription,
   Y as AlertDialogFooter,
   Z as AlertDialogHeader,
@@ -66,41 +66,41 @@ export {
   ca as CommandEmpty,
   la as CommandGroup,
   ma as CommandInput,
-  Ca as CommandItem,
-  da as CommandList,
+  da as CommandItem,
+  Ca as CommandList,
   ga as CommandSeparator,
   Ma as CommandShortcut,
   Sa as ContextMenu,
   Da as ContextMenuCheckboxItem,
   Ta as ContextMenuContent,
   xa as ContextMenuGroup,
-  wa as ContextMenuItem,
-  Aa as ContextMenuLabel,
+  Aa as ContextMenuItem,
+  wa as ContextMenuLabel,
   Ia as ContextMenuPortal,
   ha as ContextMenuRadioGroup,
   Pa as ContextMenuRadioItem,
-  Ga as ContextMenuSeparator,
-  Fa as ContextMenuShortcut,
-  Ha as ContextMenuSub,
-  La as ContextMenuSubContent,
-  ka as ContextMenuSubTrigger,
-  va as ContextMenuTrigger,
+  Fa as ContextMenuSeparator,
+  va as ContextMenuShortcut,
+  Ga as ContextMenuSub,
+  Ha as ContextMenuSubContent,
+  La as ContextMenuSubTrigger,
+  ka as ContextMenuTrigger,
   Ra as Dialog,
-  Ba as DialogContent,
-  Va as DialogDescription,
+  Va as DialogContent,
+  Ba as DialogDescription,
   Ea as DialogFooter,
   ya as DialogHeader,
-  fa as DialogTitle,
-  qa as DialogTrigger,
-  Ja as DropdownMenu,
-  Ka as DropdownMenuCheckboxItem,
-  ja as DropdownMenuContent,
-  Na as DropdownMenuGroup,
-  Oa as DropdownMenuItem,
-  Qa as DropdownMenuLabel,
-  Ua as DropdownMenuPortal,
-  Wa as DropdownMenuRadioGroup,
-  za as DropdownMenuRadioItem,
+  Ja as DialogTitle,
+  Ka as DialogTrigger,
+  fa as DropdownMenu,
+  ja as DropdownMenuCheckboxItem,
+  qa as DropdownMenuContent,
+  za as DropdownMenuGroup,
+  Na as DropdownMenuItem,
+  Oa as DropdownMenuLabel,
+  Qa as DropdownMenuPortal,
+  Ua as DropdownMenuRadioGroup,
+  Wa as DropdownMenuRadioItem,
   Xa as DropdownMenuSeparator,
   Ya as DropdownMenuShortcut,
   Za as DropdownMenuSub,
@@ -120,41 +120,41 @@ export {
   ce as MenubarContent,
   le as MenubarGroup,
   me as MenubarItem,
-  Ce as MenubarLabel,
-  de as MenubarMenu,
+  de as MenubarLabel,
+  Ce as MenubarMenu,
   ge as MenubarPortal,
   Me as MenubarRadioGroup,
   Se as MenubarRadioItem,
   De as MenubarSeparator,
   Te as MenubarShortcut,
   xe as MenubarSub,
-  we as MenubarSubContent,
-  Ae as MenubarSubTrigger,
+  Ae as MenubarSubContent,
+  we as MenubarSubTrigger,
   Ie as MenubarTrigger,
   he as Popover,
   Pe as PopoverContent,
-  Ge as PopoverTrigger,
-  Fe as RTEField,
-  He as ScrollArea,
-  Le as ScrollBar,
-  ke as Select,
-  ve as SelectContent,
+  Fe as PopoverTrigger,
+  ve as RTEField,
+  Ge as ScrollArea,
+  He as ScrollBar,
+  Le as Select,
+  ke as SelectContent,
   Re as SelectGroup,
-  Be as SelectItem,
-  Ve as SelectLabel,
+  Ve as SelectItem,
+  Be as SelectLabel,
   Ee as SelectSeparator,
   ye as SelectTrigger,
-  fe as SelectValue,
-  qe as Separator,
-  Je as Sheet,
-  Ke as SheetClose,
-  je as SheetContent,
-  Ne as SheetDescription,
-  Oe as SheetFooter,
-  Qe as SheetHeader,
-  Ue as SheetTitle,
-  We as SheetTrigger,
-  ze as Skeleton,
+  Je as SelectValue,
+  Ke as Separator,
+  fe as Sheet,
+  je as SheetClose,
+  qe as SheetContent,
+  ze as SheetDescription,
+  Ne as SheetFooter,
+  Oe as SheetHeader,
+  Qe as SheetTitle,
+  Ue as SheetTrigger,
+  We as Skeleton,
   Xe as Switch,
   Ye as Tabs,
   Ze as TabsContent,

package/dist/useAddBlockByDrop-DPV32UHP.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react"),u=require("lodash"),t=require("./index-zkc4SQCu.cjs"),a=()=>{const{addCoreBlock:r}=t.useAddBlock(),l=t.useBuilderProp("getExternalPredefinedBlock");return n.useCallback(async s=>{const{block:o,dropTargetId:e,relativeIndex:c}=s;if(u.has(o,"format")){const d=await l(o);return r({blocks:d},e===0?null:e,c)}return r(o,e===0?null:e,c)},[r])};exports.useAddBlockByDrop=a;

package/dist/useAddBlockByDrop-UA_Iw_4l.js

@@ -0,0 +1,20 @@
+import { useCallback as n } from "react";
+import { has as s } from "lodash";
+import { O as a, i as u } from "./index-ORFlyrBx.js";
+const B = () => {
+  const { addCoreBlock: r } = a(), l = u("getExternalPredefinedBlock");
+  return n(
+    async (c) => {
+      const { block: e, dropTargetId: o, relativeIndex: t } = c;
+      if (s(e, "format")) {
+        const d = await l(e);
+        return r({ blocks: d }, o === 0 ? null : o, t);
+      }
+      return r(e, o === 0 ? null : o, t);
+    },
+    [r]
+  );
+};
+export {
+  B as u
+};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@chaibuilder/sdk",
-  "description": "Low code visual builder",
+  "description": "Open source low-code visual builder",
   "private": false,
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.0.23",
+  "version": "1.1.0",
   "type": "module",
   "repository": {
     "type": "git",
@@ -73,7 +73,7 @@
   },
   "dependencies": {
     "@bobthered/tailwindcss-palette-generator": "3.1.1",
-    "@chaibuilder/runtime": "0.1.5",
+    "@chaibuilder/runtime": "0.1.8",
     "@floating-ui/dom": "1.4.5",
     "@floating-ui/react-dom": "2.0.1",
     "@mhsdesign/jit-browser-tailwindcss": "0.4.0",

package/dist/AddBlocks-Izn_rxXD.js

@@ -1,270 +0,0 @@
-import { j as e } from "./jsx-runtime-NV737rRe.js";
-import v, { 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 B, 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 { O as F, j as C, az as D, aA as N, aH as Z, aI as $, aK as ee, i as se, a8 as O, 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 Be } from "./index-Vx4ctSV6.js";
-import { useDrag as R, DragPreviewImage as _ } from "react-dnd";
-import { BoxIcon as ve, ExclamationTriangleIcon as Ce, Cross1Icon as Ne } from "@radix-ui/react-icons";
-import { syncBlocksWithDefaults as G, useChaiBlocks as U } from "@chaibuilder/runtime";
-import { Loader as Te } from "lucide-react";
-import { getBlocksFromHTML as Ae } from "./lib.js";
-import { c as Ie } from "./utils-PPBbw5bk.js";
-import "./MODIFIERS-MLfpKQY1.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-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
-import "flat-to-nested";
-import "redux-undo";
-import "@react-hookz/web";
-import "react-i18next";
-import "himalaya";
-import "./functions-JFP-oMsY.js";
-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 "./tailwind-config-d1VL1lzE.js";
-import "clsx";
-import "tailwind-merge";
-const Le = ({ block: s }) => {
-  const { type: r, icon: t, label: a } = s, { addCoreBlock: c, addPredefinedBlock: d } = F(), [m] = C(), [, n] = h(D), [, o] = h(N), f = () => {
-    z(s, "blocks") ? d(G(s.blocks), g(m)) : c(s, g(m)), o(!1), n("layers");
-  }, [, x, p] = R(() => ({
-    type: "CHAI_BLOCK",
-    item: s
-  }));
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      _,
-      {
-        connect: p,
-        src: "https://placehold.co/100x30/000000/FFF?text=" + (a || r).replace(/ /g, "+")
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(Z, { children: [
-      /* @__PURE__ */ e.jsx($, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          onClick: f,
-          type: "button",
-          ref: x,
-          className: "cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",
-          children: [
-            K(t || ve, { className: "w-4 h-4 mx-auto" }),
-            /* @__PURE__ */ e.jsx("p", { className: "truncate text-xs", children: a || r })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsx("p", { children: a || r }) })
-    ] })
-  ] });
-}, Pe = ({ block: s, closePopover: r }) => {
-  var p;
-  const [t, a] = j(!1), c = se("getExternalPredefinedBlock"), { addCoreBlock: d, addPredefinedBlock: m } = F(), [n] = C(), [, o, f] = R(
-    () => ({
-      type: "CHAI_BLOCK",
-      item: s
-    }),
-    [s]
-  ), x = q(
-    async (b) => {
-      if (b.stopPropagation(), z(s, "component")) {
-        d(s, g(n)), r();
-        return;
-      }
-      a(!0);
-      const l = await c(s);
-      w(l) || m(G(l), g(n)), r();
-    },
-    [s]
-  );
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      _,
-      {
-        connect: f,
-        src: "https://placehold.co/100x30/000000/FFF?text=" + ((p = s.name || s.label) == null ? void 0 : p.replace(" ", "+"))
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        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: [
-          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..." })
-          ] }),
-          s.preview ? /* @__PURE__ */ e.jsx("img", { src: s.preview, className: "min-h-[50px] w-full rounded-md border border-gray-300", alt: s.name }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: s.name }) })
-        ]
-      }
-    )
-  ] });
-}, Fe = () => {
-  const { data: s, isLoading: r } = O(), t = U(), a = k(B(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" }),
-      /* @__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" }),
-      /* @__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(o, (l, u) => /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          onMouseOut: () => {
-            clearTimeout(m), n(null);
-          },
-          onMouseEnter: () => {
-            const y = setTimeout(() => {
-              p(u);
-            }, 300);
-            n(y);
-          },
-          onClick: () => p(u),
-          className: Ie(
-            "-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",
-            x === u ? "bg-blue-500 text-white" : " text-gray-700 hover:bg-foreground/10"
-          ),
-          children: u
-        }
-      ))
-    ) }),
-    /* @__PURE__ */ e.jsx("div", { className: "h-full w-full space-y-2 overflow-y-auto px-8", children: v.Children.toArray(
-      b.map((l) => /* @__PURE__ */ e.jsx(Pe, { block: l, closePopover: () => f(!1) }))
-    ) })
-  ] });
-}, He = () => {
-  const [s, r] = j(""), { addPredefinedBlock: t } = F(), [a] = C(), [, c] = h(re), [, d] = h(D), [, m] = h(N), n = () => {
-    const o = Ae(s);
-    t([...o], g(a) || null), r(""), c(!1), d("layers"), m(!1);
-  };
-  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(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(
-        ne,
-        {
-          autoFocus: !0,
-          tabIndex: 1,
-          ref: (o) => o && o.focus(),
-          defaultValue: s,
-          onChange: (o) => r(o.target.value),
-          rows: 12,
-          placeholder: `<div>
-    <h1>Enter code here</h1>
-</div>`,
-          className: "resize-none overflow-x-auto whitespace-pre font-mono font-normal"
-        }
-      )
-    ] }) }),
-    /* @__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." })
-      ] })
-    ] })
-  ] });
-}, S = ["ListItem", "TableHead", "TableBody", "TableRow", "TableCell", "Column"], Ee = (s, r) => {
-  if (!s)
-    return !P(S, r);
-  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);
-}, Ps = () => {
-  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 } = O(), b = I(
-    k(c, (i) => Ee(f, i.type)),
-    "category"
-  ), 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(B(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: [
-        "Add block",
-        /* @__PURE__ */ e.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: s === "html" ? "(Enter or paste your own HTML code)" : "(Drag & drop into tree view or click to add)" })
-      ] }),
-      /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          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(Ne, { width: 12 }),
-            " Close"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      fe,
-      {
-        onValueChange: (i) => {
-          d(""), r(i);
-        },
-        value: s,
-        className: "h-max",
-        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(ge, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(je, { type: "single", value: t, className: "w-full px-3", children: v.Children.toArray(
-      L(
-        l,
-        (i) => M(k(B(b.core), { group: i }), {
-          hidden: !0
-        }).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: v.Children.toArray(
-            M(k(B(b.core), { group: i }), { hidden: !0 }).map((T) => /* @__PURE__ */ e.jsx(Le, { block: T }))
-          ) }) })
-        ] }) : null
-      )
-    ) }) }),
-    s === "ui-blocks" && /* @__PURE__ */ e.jsx(J, { fallback: /* @__PURE__ */ e.jsx(Be, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Fe, {}) }),
-    s === "html" && /* @__PURE__ */ e.jsx(He, {})
-  ] });
-};
-export {
-  Ps as default
-};

package/dist/AddBlocks-RHuwwfe5.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),n=require("react"),t=require("lodash"),g=require("jotai"),s=require("./index-W5drgyWI.cjs"),y=require("react-dnd"),w=require("@radix-ui/react-icons"),k=require("@chaibuilder/runtime"),q=require("lucide-react"),A=require("./lib.cjs"),T=require("./utils-It2K33fU.cjs");require("./MODIFIERS-WFzDQfiT.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("./functions-KMQYiBHf.cjs");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("./tailwind-config-OxLD7oFU.cjs");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.syncBlocksWithDefaults(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||w.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.syncBlocksWithDefaults(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.useChaiBlocks(),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)})))})]})},L=()=>{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(w.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"],P=(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.useChaiBlocks(),[,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=>P(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(B=>B===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(w.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(B=>e.jsxRuntimeExports.jsx(C,{block:B})))})})]}):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(L,{})]})};exports.default=S;