@chaibuilder/sdk 1.2.64 → 1.2.66

package/dist/AddBlocks-Mm5byzEC.js

@@ -0,0 +1,124 @@
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import b, { createElement as S, useState as k, useEffect as E } from "react";
+import { omit as B, has as P, isFunction as D, first as g, filter as f, groupBy as H, uniq as L, map as T, includes as F, isEmpty as y, reject as v, values as N } from "lodash-es";
+import { useAtom as j } from "jotai";
+import { useTranslation as M } from "react-i18next";
+import { T as O, d as q, e as G, E as J, F as K, G as A, X as R, J as z, K as U, M as V, N as W } from "./context-menu-sks9vdzC.js";
+import { BoxIcon as X } from "@radix-ui/react-icons";
+import { r as Y, s as Q, i as Z, t as $, e as ee, v as te, c as C, I as oe } from "./index-Dgo2PNEV.js";
+import { syncBlocksWithDefaults as re, useChaiBlocks as se } from "@chaibuilder/runtime";
+import { O as w } from "./STRINGS--j49GZJP.js";
+import { useFeature as ie } from "flagged";
+import { c as _ } from "./iconBase-zweRWSz0.js";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-accordion";
+import "class-variance-authority";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-slot";
+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-hover-card";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-context-menu";
+import "clsx";
+import "tailwind-merge";
+import "./plugin-sJ3Hzvpv.js";
+import "@react-hookz/web";
+import "tree-model";
+import "react-quill";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
+import "@floating-ui/react-dom";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
+import "lodash";
+import "react-wrap-balancer";
+import "react-dom";
+import "prop-types";
+import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "lucide-react";
+import "himalaya";
+import "react-icons-picker";
+import "react-autosuggest";
+import "fuse.js";
+import "i18next";
+const le = ({ block: t }) => {
+  const [, p] = j(Y), { type: r, icon: i, label: n } = t, { addCoreBlock: a, addPredefinedBlock: u } = Q(), [m, h] = Z(), [, l] = $(), [, d] = j(ee), x = () => {
+    if (P(t, "blocks")) {
+      const o = D(t.blocks) ? t.blocks() : t.blocks;
+      u(re(o), g(m));
+    } else
+      a(t, g(m));
+    d(w);
+  }, c = ie("dnd");
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(O, { children: [
+    /* @__PURE__ */ e.jsx(q, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: x,
+        type: "button",
+        onDragStart: (o) => {
+          o.dataTransfer.setData("text/plain", JSON.stringify(B(t, ["component", "icon"]))), o.dataTransfer.setDragImage(new Image(), 0, 0), p(B(t, ["component", "icon"])), setTimeout(() => {
+            h([]), l(null), d(w);
+          }, 200);
+        },
+        draggable: c ? "true" : "false",
+        className: "cursor-pointer space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",
+        children: [
+          S(i || X, { className: "w-4 h-4 mx-auto" }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: n || r })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx("p", { children: n || r }) })
+  ] }) });
+}, at = ({ className: t, showHeading: p = !0 }) => {
+  const { t: r } = M(), [i, n] = k("core"), [a, u] = k("basic"), m = se(), [, h] = j(te), l = C("importHTMLSupport", !0), d = C("filterChaiBlock", () => !0), x = f(m, d), c = H(x, "category"), o = L(T(c.core, "group"));
+  return E(() => {
+    !F(o, a) && !y(o) && !y(a) && u(g(o));
+  }, [o, a]), /* @__PURE__ */ e.jsxs("div", { className: _("flex h-full w-full flex-col overflow-hidden", t), children: [
+    p ? /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: [
+      /* @__PURE__ */ e.jsx("h1", { className: "flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col", children: r("add_block") }),
+      /* @__PURE__ */ e.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: r(i === "html" ? "enter_paste_tailwind_html" : "click_to_add_block") })
+    ] }) : null,
+    /* @__PURE__ */ e.jsx(
+      J,
+      {
+        onValueChange: (s) => {
+          h(""), n(s);
+        },
+        value: i,
+        className: _("h-max", l ? "" : "hidden"),
+        children: /* @__PURE__ */ e.jsxs(K, { className: "grid w-full " + (l ? "grid-cols-2" : "grid-cols-1"), children: [
+          /* @__PURE__ */ e.jsx(A, { value: "core", children: r("Blocks") }),
+          l ? /* @__PURE__ */ e.jsx(A, { value: "html", children: r("import") }) : null
+        ] })
+      }
+    ),
+    i === "core" && /* @__PURE__ */ e.jsx(R, { className: "-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto", children: /* @__PURE__ */ e.jsx("div", { className: "mt-2 w-full", children: b.Children.toArray(
+      T(
+        o,
+        (s) => v(f(N(c.core), { group: s }), { hidden: !0 }).length ? /* @__PURE__ */ e.jsx(z, { type: "single", value: s, collapsible: !0, className: "w-full", children: /* @__PURE__ */ e.jsxs(U, { value: s, children: [
+          /* @__PURE__ */ e.jsx(V, { className: "rounded-md bg-gray-100 px-4 py-2 capitalize", children: s }),
+          /* @__PURE__ */ e.jsx(W, { className: "p-3", children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3 gap-2", children: b.Children.toArray(
+            v(f(N(c.core), { group: s }), { hidden: !0 }).map((I) => /* @__PURE__ */ e.jsx(le, { block: I }))
+          ) }) })
+        ] }) }) : null
+      )
+    ) }) }),
+    i === "html" && l ? /* @__PURE__ */ e.jsx(oe, {}) : null
+  ] });
+};
+export {
+  at as default
+};

package/dist/AddBlocks-jaxiAG4L.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),a=require("react"),r=require("lodash-es"),E=require("jotai"),k=require("react-i18next"),t=require("./context-menu-_8TFbFEJ.cjs"),y=require("@radix-ui/react-icons"),o=require("./index-jhNzBWrV.cjs"),T=require("@chaibuilder/runtime"),R=require("./STRINGS-gPz7CUOk.cjs"),v=require("flagged"),b=require("./iconBase-vJD0OXxU.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("lodash");require("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("lucide-react");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");const N=({block:s})=>{const[,q]=E.useAtom(o.draggedBlockAtom),{type:l,icon:c,label:m}=s,{addCoreBlock:d,addPredefinedBlock:j}=o.useAddBlock(),[p,g]=o.useSelectedBlockIds(),[,u]=o.useHighlightBlockId(),[,h]=E.useAtom(o.activePanelAtom),f=()=>{if(r.has(s,"blocks")){const i=r.isFunction(s.blocks)?s.blocks():s.blocks;j(T.syncBlocksWithDefaults(i),r.first(p))}else d(s,r.first(p));h(R.OUTLINE_KEY)},x=v.useFeature("dnd");return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(t.Tooltip,{children:[e.jsxRuntimeExports.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:f,type:"button",onDragStart:i=>{i.dataTransfer.setData("text/plain",JSON.stringify(r.omit(s,["component","icon"]))),i.dataTransfer.setDragImage(new Image,0,0),q(r.omit(s,["component","icon"])),setTimeout(()=>{g([]),u(null),h(R.OUTLINE_KEY)},200)},draggable:x?"true":"false",className:"cursor-pointer space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",children:[a.createElement(c||y.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:m||l})]})}),e.jsxRuntimeExports.jsx(t.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:m||l})})]})})},A=({className:s,showHeading:q=!0})=>{const{t:l}=k.useTranslation(),[c,m]=a.useState("core"),[d,j]=a.useState("basic"),p=T.useChaiBlocks(),[,g]=E.useAtom(o.showPredefinedBlockCategoryAtom),u=o.useBuilderProp("importHTMLSupport",!0),h=o.useBuilderProp("filterChaiBlock",()=>!0),f=r.filter(p,h),x=r.groupBy(f,"category"),i=r.uniq(r.map(x.core,"group"));return a.useEffect(()=>{!r.includes(i,d)&&!r.isEmpty(i)&&!r.isEmpty(d)&&j(r.first(i))},[i,d]),e.jsxRuntimeExports.jsxs("div",{className:b.cn("flex h-full w-full flex-col overflow-hidden",s),children:[q?e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsx("h1",{className:"flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col",children:l("add_block")}),e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:l(c==="html"?"enter_paste_tailwind_html":"click_to_add_block")})]}):null,e.jsxRuntimeExports.jsx(t.Tabs,{onValueChange:n=>{g(""),m(n)},value:c,className:b.cn("h-max",u?"":"hidden"),children:e.jsxRuntimeExports.jsxs(t.TabsList,{className:"grid w-full "+(u?"grid-cols-2":"grid-cols-1"),children:[e.jsxRuntimeExports.jsx(t.TabsTrigger,{value:"core",children:l("Blocks")}),u?e.jsxRuntimeExports.jsx(t.TabsTrigger,{value:"html",children:l("import")}):null]})}),c==="core"&&e.jsxRuntimeExports.jsx(t.ScrollArea,{className:"-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto",children:e.jsxRuntimeExports.jsx("div",{className:"mt-2 w-full",children:a.Children.toArray(r.map(i,n=>r.reject(r.filter(r.values(x.core),{group:n}),{hidden:!0}).length?e.jsxRuntimeExports.jsx(t.Accordion,{type:"single",value:n,collapsible:!0,className:"w-full",children:e.jsxRuntimeExports.jsxs(t.AccordionItem,{value:n,children:[e.jsxRuntimeExports.jsx(t.AccordionTrigger,{className:"rounded-md bg-gray-100 px-4 py-2 capitalize",children:n}),e.jsxRuntimeExports.jsx(t.AccordionContent,{className:"p-3",children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-3 gap-2",children:a.Children.toArray(r.reject(r.filter(r.values(x.core),{group:n}),{hidden:!0}).map(B=>e.jsxRuntimeExports.jsx(N,{block:B})))})})]})}):null))})}),c==="html"&&u?e.jsxRuntimeExports.jsx(o.ImportHTML,{}):null]})};exports.default=A;

package/dist/CanvasArea-8NXGRRYC.js

@@ -0,0 +1,137 @@
+import { j as s } from "./jsx-runtime-Sp0orL4X.js";
+import m, { useCallback as p, Suspense as o } from "react";
+import { round as x } from "lodash-es";
+import { EraserIcon as d, ZoomInIcon as j } from "@radix-ui/react-icons";
+import { h, i as u, j as f, k as v, c, l as A, B as k, D as g, U as C, m as N, E as b, S } from "./index-Dgo2PNEV.js";
+import { S as r } from "./separator-sgwOa1FE.js";
+import { useTranslation as B } from "react-i18next";
+import { a1 as D, a2 as w, B as y, a3 as I, a4 as E, a5 as _, a6 as z, a7 as R, a8 as T, a9 as F, L as M, I as U, S as l } from "./context-menu-sks9vdzC.js";
+import { useAtom as L } from "jotai";
+import { SparklesIcon as Z } from "lucide-react";
+import { Resizable as H } from "re-resizable";
+import "./iconBase-zweRWSz0.js";
+import "clsx";
+import "tailwind-merge";
+import "@chaibuilder/runtime";
+import "./plugin-sJ3Hzvpv.js";
+import "@react-hookz/web";
+import "tree-model";
+import "react-quill";
+import "./STRINGS--j49GZJP.js";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
+import "@floating-ui/react-dom";
+import "flagged";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
+import "lodash";
+import "react-wrap-balancer";
+import "react-dom";
+import "prop-types";
+import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "himalaya";
+import "react-icons-picker";
+import "react-autosuggest";
+import "fuse.js";
+import "@radix-ui/react-scroll-area";
+import "i18next";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-accordion";
+import "class-variance-authority";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-label";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-context-menu";
+const P = () => {
+  const { t: e } = B(), { setNewBlocks: t } = h(), [, i] = u(), [, a] = f(), n = p(() => {
+    t([]), i([]), a([]);
+  }, [t]);
+  return /* @__PURE__ */ s.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ s.jsxs(D, { children: [
+    /* @__PURE__ */ s.jsx(w, { asChild: !0, children: /* @__PURE__ */ s.jsxs(y, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
+      /* @__PURE__ */ s.jsx(d, {}),
+      " ",
+      e("clear")
+    ] }) }),
+    /* @__PURE__ */ s.jsxs(I, { className: "border-border", children: [
+      /* @__PURE__ */ s.jsxs(E, { children: [
+        /* @__PURE__ */ s.jsx(_, { children: e("clear_canvas_title") }),
+        /* @__PURE__ */ s.jsx(z, { children: e("clear_canvas_description") })
+      ] }),
+      /* @__PURE__ */ s.jsxs(R, { children: [
+        /* @__PURE__ */ s.jsx(T, { children: e("cancel") }),
+        /* @__PURE__ */ s.jsx(F, { onClick: n, children: e("yes") })
+      ] })
+    ] })
+  ] }) });
+}, q = () => {
+  const [e, t] = L(v);
+  return c("askAiCallBack", null) ? /* @__PURE__ */ s.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ s.jsxs(M, { htmlFor: "ai-assistant", className: "flex items-center gap-x-1 text-sm text-yellow-600", children: [
+      /* @__PURE__ */ s.jsx(Z, { className: "w-4" }),
+      "AI Assistant"
+    ] }),
+    /* @__PURE__ */ s.jsx(
+      U,
+      {
+        className: "scale-90",
+        checked: e,
+        onCheckedChange: (a) => {
+          t(a);
+        },
+        id: "ai-assitantt"
+      }
+    )
+  ] }) : null;
+}, G = () => {
+  const e = c("darkMode", !0), [t] = A();
+  return /* @__PURE__ */ s.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "flex h-full space-x-2", children: [
+      /* @__PURE__ */ s.jsx(k, {}),
+      /* @__PURE__ */ s.jsx(r, { orientation: "vertical" }),
+      e ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        /* @__PURE__ */ s.jsx(g, {}),
+        /* @__PURE__ */ s.jsx(r, { orientation: "vertical" })
+      ] }) : null,
+      /* @__PURE__ */ s.jsxs("div", { className: "flex w-12 cursor-not-allowed items-center justify-center gap-x-1 space-x-0 font-medium text-gray-400", children: [
+        /* @__PURE__ */ s.jsx(j, { className: "h-3.5 w-3.5 flex-shrink-0" }),
+        " ",
+        /* @__PURE__ */ s.jsxs("div", { className: "text-xs leading-3", children: [
+          x(t, 0),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ s.jsx(r, { orientation: "vertical" }),
+      /* @__PURE__ */ s.jsx(C, {})
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
+      /* @__PURE__ */ s.jsx(P, {}),
+      /* @__PURE__ */ s.jsx(r, { orientation: "vertical" }),
+      /* @__PURE__ */ s.jsx(q, {})
+    ] })
+  ] });
+}, J = m.lazy(() => import("./CodeEditor-3l-mFvg4.js")), Vs = () => {
+  const [e] = N();
+  return /* @__PURE__ */ s.jsxs("div", { className: "flex h-full w-full flex-col", children: [
+    /* @__PURE__ */ s.jsx(G, {}),
+    /* @__PURE__ */ s.jsxs("div", { className: "relative flex h-full flex-col overflow-hidden bg-gray-100/40 px-2", children: [
+      /* @__PURE__ */ s.jsx(o, { fallback: /* @__PURE__ */ s.jsx(l, { className: "h-full" }), children: /* @__PURE__ */ s.jsx(b, { children: /* @__PURE__ */ s.jsx(S, {}) }) }),
+      e ? /* @__PURE__ */ s.jsx(o, { fallback: /* @__PURE__ */ s.jsx(l, { className: "h-full" }), children: /* @__PURE__ */ s.jsx(H, { enable: { top: !0, bottom: !1 }, className: "max-h-[400px] min-h-[200px]", children: /* @__PURE__ */ s.jsx(J, {}) }) }) : null
+    ] })
+  ] });
+};
+export {
+  Vs as default
+};

package/dist/CanvasArea-SkeoJz9W.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),o=require("react"),c=require("lodash-es"),l=require("@radix-ui/react-icons"),r=require("./index-jhNzBWrV.cjs"),n=require("./separator-hT24N-xp.cjs"),j=require("react-i18next"),s=require("./context-menu-_8TFbFEJ.cjs"),m=require("jotai"),d=require("lucide-react"),p=require("re-resizable");require("./iconBase-vJD0OXxU.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-gPz7CUOk.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("lodash");require("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("@radix-ui/react-scroll-area");require("i18next");require("@radix-ui/react-separator");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");const q=()=>{const{t}=j.useTranslation(),{setNewBlocks:i}=r.useBlocksStoreUndoableActions(),[,a]=r.useSelectedBlockIds(),[,x]=r.useSelectedStylingBlocks(),u=o.useCallback(()=>{i([]),a([]),x([])},[i]);return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(s.AlertDialog,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(s.Button,{size:"sm",variant:"ghost",className:"flex items-center gap-x-1",children:[e.jsxRuntimeExports.jsx(l.EraserIcon,{})," ",t("clear")]})}),e.jsxRuntimeExports.jsxs(s.AlertDialogContent,{className:"border-border",children:[e.jsxRuntimeExports.jsxs(s.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTitle,{children:t("clear_canvas_title")}),e.jsxRuntimeExports.jsx(s.AlertDialogDescription,{children:t("clear_canvas_description")})]}),e.jsxRuntimeExports.jsxs(s.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogCancel,{children:t("cancel")}),e.jsxRuntimeExports.jsx(s.AlertDialogAction,{onClick:u,children:t("yes")})]})]})]})})},E=()=>{const[t,i]=m.useAtom(r.aiAssistantActiveAtom);return r.useBuilderProp("askAiCallBack",null)?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsxs(s.Label,{htmlFor:"ai-assistant",className:"flex items-center gap-x-1 text-sm text-yellow-600",children:[e.jsxRuntimeExports.jsx(d.SparklesIcon,{className:"w-4"}),"AI Assistant"]}),e.jsxRuntimeExports.jsx(s.Switch,{className:"scale-90",checked:t,onCheckedChange:x=>{i(x)},id:"ai-assitantt"})]}):null},R=()=>{const t=r.useBuilderProp("darkMode",!0),[i]=r.useCanvasZoom();return e.jsxRuntimeExports.jsxs("div",{className:"flex h-10 items-center justify-between border-b bg-background/70 px-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex h-full space-x-2",children:[e.jsxRuntimeExports.jsx(r.Breakpoints,{}),e.jsxRuntimeExports.jsx(n.Separator,{orientation:"vertical"}),t?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.DarkMode,{}),e.jsxRuntimeExports.jsx(n.Separator,{orientation:"vertical"})]}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-12 cursor-not-allowed items-center justify-center gap-x-1 space-x-0 font-medium text-gray-400",children:[e.jsxRuntimeExports.jsx(l.ZoomInIcon,{className:"h-3.5 w-3.5 flex-shrink-0"})," ",e.jsxRuntimeExports.jsxs("div",{className:"text-xs leading-3",children:[c.round(i,0),"%"]})]}),e.jsxRuntimeExports.jsx(n.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(r.UndoRedo,{})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex h-full items-center space-x-2",children:[e.jsxRuntimeExports.jsx(q,{}),e.jsxRuntimeExports.jsx(n.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(E,{})]})]})},h=o.lazy(()=>Promise.resolve().then(()=>require("./CodeEditor-o-CkvDnY.cjs"))),f=()=>{const[t]=r.useCodeEditor();return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full flex-col",children:[e.jsxRuntimeExports.jsx(R,{}),e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full flex-col overflow-hidden bg-gray-100/40 px-2",children:[e.jsxRuntimeExports.jsx(o.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-full"}),children:e.jsxRuntimeExports.jsx(r.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(r.StaticCanvas,{})})}),t?e.jsxRuntimeExports.jsx(o.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-full"}),children:e.jsxRuntimeExports.jsx(p.Resizable,{enable:{top:!0,bottom:!1},className:"max-h-[400px] min-h-[200px]",children:e.jsxRuntimeExports.jsx(h,{})})}):null]})]})};exports.default=f;

package/dist/{CodeEditor-37od44Ou.js → CodeEditor-3l-mFvg4.js}

@@ -1,79 +1,94 @@
-import { j as t } from "./jsx-runtime-WbnYoNE9.js";
+import { j as t } from "./jsx-runtime-Sp0orL4X.js";
 import k from "@monaco-editor/react";
-import { an as C, j, y as v, aI as g, B as y } from "./index-b33n_-zO.js";
-import { useTranslation as N } from "react-i18next";
-import { useState as a, useCallback as T, useEffect as E } from "react";
+import { B as C } from "./context-menu-sks9vdzC.js";
+import { useTranslation as j } from "react-i18next";
+import { useState as p, useCallback as v, useEffect as g } from "react";
+import { m as y, i as N, x as T, y as E } from "./index-Dgo2PNEV.js";
 import { Cross2Icon as w } from "@radix-ui/react-icons";
 import { useThrottledCallback as B } from "@react-hookz/web";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.js";
-import "lodash-es";
-import "./MODIFIERS-fd5XOmum.js";
-import "clsx";
-import "tailwind-merge";
 import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
+import "class-variance-authority";
 import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
+import "@radix-ui/react-slot";
 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-dialog";
 import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
-import "./Functions-7jnEwJyw.js";
-import "@chaibuilder/runtime";
+import "clsx";
+import "tailwind-merge";
+import "lodash-es";
 import "jotai";
+import "./iconBase-zweRWSz0.js";
+import "@chaibuilder/runtime";
+import "./plugin-sJ3Hzvpv.js";
 import "tree-model";
-const n = (s) => {
+import "react-quill";
+import "./STRINGS--j49GZJP.js";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
+import "@floating-ui/react-dom";
+import "flagged";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
+import "lodash";
+import "react-wrap-balancer";
+import "react-dom";
+import "prop-types";
+import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "lucide-react";
+import "himalaya";
+import "react-icons-picker";
+import "react-autosuggest";
+import "fuse.js";
+import "i18next";
+const n = (r) => {
   const i = document.createElement("div");
-  return i.innerHTML = s, i.innerHTML;
+  return i.innerHTML = r, i.innerHTML;
 };
-function xt() {
-  const { t: s } = N(), [i, p] = a(!1), [l, c] = a(""), [e, r] = C(), [m] = j(), d = v(), u = g(), f = B(
-    (o) => {
-      const b = n(o);
-      u([e.blockId], { [e.blockProp]: b });
+function Lt() {
+  const { t: r } = j(), [i, a] = p(!1), [m, c] = p(""), [o, s] = y(), [l] = N(), d = T(), u = E(), f = B(
+    (e) => {
+      const b = n(e);
+      u([o.blockId], { [o.blockProp]: b });
     },
     [],
     300
-  ), x = T(() => {
+  ), x = v(() => {
     if (i) {
-      const o = n(l);
-      d([e.blockId], { [e.blockProp]: o });
+      const e = n(m);
+      d([o.blockId], { [o.blockProp]: e });
     }
-  }, [i, l]);
-  E(() => {
-    m.includes(e == null ? void 0 : e.blockId) || (x(), r(null));
-  }, [m]);
+  }, [i, m]);
+  g(() => {
+    l.includes(o == null ? void 0 : o.blockId) || (x(), s(null));
+  }, [l]);
   const h = () => {
-    r(null);
+    s(null);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "h-full rounded-t-lg border-t-4 border-black bg-black text-white", children: [
     /* @__PURE__ */ t.jsx("button", { onClick: h, className: "fixed inset-0 z-[100000] cursor-default bg-gray-400/20" }),
     /* @__PURE__ */ t.jsxs("div", { className: "relative z-[100001] h-full w-full flex-col gap-y-1", children: [
       /* @__PURE__ */ t.jsxs("div", { className: "-mt-1 flex items-center justify-between px-2 py-2", children: [
         /* @__PURE__ */ t.jsxs("h3", { className: "space-x-3 text-sm font-semibold", children: [
-          /* @__PURE__ */ t.jsx("span", { children: s("HTML Code Editor |") }),
-          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-gray-400", children: s("Scripts will be only executed in preview and live mode.") })
+          /* @__PURE__ */ t.jsx("span", { children: r("HTML Code Editor |") }),
+          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-gray-400", children: r("Scripts will be only executed in preview and live mode.") })
         ] }),
         /* @__PURE__ */ t.jsx("div", { className: "flex gap-x-2", children: /* @__PURE__ */ t.jsx(
-          y,
+          C,
           {
-            onClick: () => r(null),
+            onClick: () => s(null),
             size: "sm",
             variant: "destructive",
             className: "h-6 w-fit",
@@ -84,11 +99,11 @@ function xt() {
       /* @__PURE__ */ t.jsx(
         k,
         {
-          onMount: (o) => {
-            o.setValue(e.initialCode);
+          onMount: (e) => {
+            e.setValue(o.initialCode);
           },
-          onChange: (o) => {
-            p(!0), c(o), f(o);
+          onChange: (e) => {
+            a(!0), c(e), f(e);
           },
           height: "100%",
           defaultLanguage: "html",
@@ -105,5 +120,5 @@ function xt() {
   ] });
 }
 export {
-  xt as default
+  Lt as default
 };

package/dist/CodeEditor-o-CkvDnY.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),b=require("@monaco-editor/react"),k=require("./context-menu-_8TFbFEJ.cjs"),C=require("react-i18next"),u=require("react"),n=require("./index-jhNzBWrV.cjs"),E=require("@radix-ui/react-icons"),R=require("@react-hookz/web");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("tree-model");require("react-quill");require("./STRINGS-gPz7CUOk.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("lodash");require("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("lucide-react");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");const a=s=>{const i=document.createElement("div");return i.innerHTML=s,i.innerHTML};function g(){const{t:s}=C.useTranslation(),[i,d]=u.useState(!1),[l,q]=u.useState(""),[r,o]=n.useCodeEditor(),[c]=n.useSelectedBlockIds(),x=n.useUpdateBlocksProps(),m=n.useUpdateBlocksPropsRealtime(),p=R.useThrottledCallback(t=>{const h=a(t);m([r.blockId],{[r.blockProp]:h})},[],300),j=u.useCallback(()=>{if(i){const t=a(l);x([r.blockId],{[r.blockProp]:t})}},[i,l]);u.useEffect(()=>{c.includes(r==null?void 0:r.blockId)||(j(),o(null))},[c]);const f=()=>{o(null)};return e.jsxRuntimeExports.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsxRuntimeExports.jsx("button",{onClick:f,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxRuntimeExports.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsxRuntimeExports.jsx("span",{children:s("HTML Code Editor |")}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-400",children:s("Scripts will be only executed in preview and live mode.")})]}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-x-2",children:e.jsxRuntimeExports.jsx(k.Button,{onClick:()=>o(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsxRuntimeExports.jsx(E.Cross2Icon,{})})})]}),e.jsxRuntimeExports.jsx(b,{onMount:t=>{t.setValue(r.initialCode)},onChange:t=>{d(!0),q(t),p(t)},height:"100%",defaultLanguage:"html",theme:"vs-dark",defaultValue:"",options:{minimap:{enabled:!1}}})]})]})}exports.default=g;

package/dist/STRINGS--j49GZJP.js

@@ -0,0 +1,7 @@
+const s = "#styles:", t = "#slots:", o = "#i18n", n = "outline";
+export {
+  o as I,
+  n as O,
+  t as S,
+  s as a
+};

package/dist/STRINGS-gPz7CUOk.cjs

@@ -0,0 +1 @@
+"use strict";const E="#styles:",s="#slots:",Y="#i18n",t="outline";exports.I18N_KEY=Y;exports.OUTLINE_KEY=t;exports.SLOT_KEY=s;exports.STYLES_KEY=E;

package/dist/SettingsPanel-2uYGx-MQ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),n=require("react"),o=require("lodash-es"),x=require("react-i18next"),q=require("@radix-ui/react-icons"),r=require("./index-jhNzBWrV.cjs"),c=require("lucide-react");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-gPz7CUOk.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("./context-menu-_8TFbFEJ.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("lodash");require("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");const l=()=>{const t=r.useSelectedBlock(),{t:s}=x.useTranslation(),[i,u]=n.useState(!0);return o.isNull(t)?e.jsxRuntimeExports.jsx("div",{className:"p-4 text-center",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 rounded-xl p-4",children:[e.jsxRuntimeExports.jsx(q.MixerHorizontalIcon,{className:"mx-auto text-3xl"}),e.jsxRuntimeExports.jsx("h1",{children:s("no_block_selected_for_styling")})]})}):e.jsxRuntimeExports.jsx(r.ErrorBoundary,{children:e.jsxRuntimeExports.jsxs("div",{className:"relative flex w-full flex-col px-2 pr-4",children:[e.jsxRuntimeExports.jsx(r.BlockSettings,{}),e.jsxRuntimeExports.jsx(r.BlockStyling,{}),e.jsxRuntimeExports.jsxs("div",{onClick:()=>u(!i),className:"flex items-center justify-between border-b border-gray-300 py-2 text-sm font-bold hover:bg-gray-50",children:[e.jsxRuntimeExports.jsx("span",{children:"Attributes"}),e.jsxRuntimeExports.jsx("span",{children:e.jsxRuntimeExports.jsx(c.ChevronDown,{className:"h-4 w-4 text-gray-500 "+(i?"rotate-180":"")})})]}),i&&e.jsxRuntimeExports.jsx(r.BlockAttributesEditor,{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{})]})})};exports.default=l;

package/dist/SettingsPanel-Q3xQQm81.js

@@ -0,0 +1,82 @@
+import { j as t } from "./jsx-runtime-Sp0orL4X.js";
+import { useState as e } from "react";
+import { isNull as s } from "lodash-es";
+import { useTranslation as p } from "react-i18next";
+import { MixerHorizontalIcon as l } from "@radix-ui/react-icons";
+import { n, E as a, o as c, p as x, q as d } from "./index-Dgo2PNEV.js";
+import { ChevronDown as j } from "lucide-react";
+import "jotai";
+import "./iconBase-zweRWSz0.js";
+import "clsx";
+import "tailwind-merge";
+import "@chaibuilder/runtime";
+import "./plugin-sJ3Hzvpv.js";
+import "@react-hookz/web";
+import "tree-model";
+import "react-quill";
+import "./STRINGS--j49GZJP.js";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
+import "@floating-ui/react-dom";
+import "flagged";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
+import "./context-menu-sks9vdzC.js";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-accordion";
+import "class-variance-authority";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-slot";
+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-hover-card";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-context-menu";
+import "lodash";
+import "react-wrap-balancer";
+import "react-dom";
+import "prop-types";
+import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "himalaya";
+import "react-icons-picker";
+import "react-autosuggest";
+import "fuse.js";
+import "i18next";
+const ut = () => {
+  const o = n(), { t: i } = p(), [r, m] = e(!0);
+  return s(o) ? /* @__PURE__ */ t.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-4 rounded-xl p-4", children: [
+    /* @__PURE__ */ t.jsx(l, { className: "mx-auto text-3xl" }),
+    /* @__PURE__ */ t.jsx("h1", { children: i("no_block_selected_for_styling") })
+  ] }) }) : /* @__PURE__ */ t.jsx(a, { children: /* @__PURE__ */ t.jsxs("div", { className: "relative flex w-full flex-col px-2 pr-4", children: [
+    /* @__PURE__ */ t.jsx(c, {}),
+    /* @__PURE__ */ t.jsx(x, {}),
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        onClick: () => m(!r),
+        className: "flex items-center justify-between border-b border-gray-300 py-2 text-sm font-bold hover:bg-gray-50",
+        children: [
+          /* @__PURE__ */ t.jsx("span", { children: "Attributes" }),
+          /* @__PURE__ */ t.jsx("span", { children: /* @__PURE__ */ t.jsx(j, { className: "h-4 w-4 text-gray-500 " + (r ? "rotate-180" : "") }) })
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ t.jsx(d, {}),
+    /* @__PURE__ */ t.jsx("br", {}),
+    /* @__PURE__ */ t.jsx("br", {}),
+    /* @__PURE__ */ t.jsx("br", {})
+  ] }) });
+};
+export {
+  ut as default
+};