@chaibuilder/sdk 1.2.34 → 1.2.35

package/dist/ui.js

@@ -1,4 +1,4 @@
-import { b2 as O, b5 as Q, b3 as U, b4 as W, bl as J, by as K, A as X, a3 as Y, g as aa, b as oa, e as ea, f as ta, c as ra, d as sa, a as na, bm as ia, af as ba, B as pa, bf as ma, bi as ua, bh as la, bk as ca, bg as da, bA as ga, aQ as Ca, c9 as Ma, aT as Sa, aU as Da, aR as Ta, aV as xa, aS as Aa, cb as ha, ca as wa, bq as Ia, cc as Pa, bp as ka, ch as va, bo as Fa, ce as Ga, ci as La, cm as Ra, cd as Ha, cf as Va, cg as fa, cj as Ba, ck as ja, cl as ya, br as Ea, Z as Za, _ as _a, a1 as $a, aW as qa, $ as za, a0 as Na, ab as Oa, au as Qa, az as Ua, aw as Wa, ba as Ja, bb as Ka, ax as Xa, c1 as Ya, c5 as ao, c0 as oo, ay as eo, bc as to, c2 as ro, c3 as so, c4 as no, av as io, ar as bo, at as po, as as mo, a_ as uo, a$ as lo, b7 as co, ap as go, b0 as Co, bD as Mo, bK as So, bG as Do, bQ as To, bH as xo, bJ as Ao, bE as ho, bN as wo, bL as Io, bM as Po, bI as ko, bS as vo, bR as Fo, bO as Go, bP as Lo, bF as Ro, aN as Ho, aP as Vo, aO as fo, aZ as Bo, b9 as jo, bB as yo, a6 as Eo, a9 as Zo, am as _o, aa as $o, an as qo, bT as zo, a7 as No, a8 as Oo, ao as Qo, bU as Uo, bW as Wo, bX as Jo, b$ as Ko, bZ as Xo, bY as Yo, b_ as ae, bV as oe, ah as ee, aq as te, ai as re, al as se, aj as ne, ak as ie, bj as be, c8 as pe, bv as me, ac as ue, ae as le, b8 as ce, bC as de, ad as ge, bz as Ce, bx as Me, c6 as Se, c7 as De, bw as Te, b6 as xe } from "./ChaiBuilderEditor-y1NxvXJ7.js";
+import { b3 as U, b6 as W, b4 as X, b5 as Z, bm as J, bz as K, A as N, a3 as Y, g as aa, b as ea, e as oa, f as ta, c as ra, d as sa, a as na, bn as ia, af as ba, B as pa, bg as ma, bj as ua, bi as la, bl as ca, bh as da, bB as ga, aR as Ca, ca as Ma, aU as Sa, aV as Da, aS as Ta, aW as xa, aT as Aa, cc as ha, cb as wa, br as Ia, cd as Pa, bq as ka, ci as Fa, bp as Ga, cf as La, cj as Ra, cn as va, ce as Ha, cg as Va, ch as Ba, ck as fa, cl as ja, cm as ya, bs as Ea, Z as _a, _ as $a, a1 as qa, aX as za, $ as Oa, a0 as Qa, ab as Ua, av as Wa, aA as Xa, ax as Za, bb as Ja, bc as Ka, ay as Na, c2 as Ya, c6 as ae, c1 as ee, az as oe, bd as te, c3 as re, c4 as se, c5 as ne, aw as ie, as as be, au as pe, at as me, a$ as ue, b0 as le, b8 as ce, aq as de, b1 as ge, bE as Ce, bL as Me, bH as Se, bR as De, bI as Te, bK as xe, bF as Ae, bO as he, bM as we, bN as Ie, bJ as Pe, bT as ke, bS as Fe, bP as Ge, bQ as Le, bG as Re, aO as ve, aQ as He, aP as Ve, a_ as Be, ba as fe, bC as je, a6 as ye, a9 as Ee, am as _e, aa as $e, an as qe, bU as ze, a7 as Oe, a8 as Qe, ap as Ue, bV as We, bX as Xe, bY as Ze, c0 as Je, b_ as Ke, bZ as Ne, b$ as Ye, bW as ao, ah as eo, ar as oo, ai as to, al as ro, aj as so, ak as no, bk as io, c9 as bo, bw as po, ac as mo, ae as uo, b9 as lo, bD as co, ad as go, bA as Co, by as Mo, c7 as So, c8 as Do, bx as To, b7 as xo } from "./ChaiBuilderEditor-ChKigulx.js";
 import "./jsx-runtime-WbnYoNE9.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
@@ -44,17 +44,17 @@ import "react-hotkeys-hook";
 import "lodash";
 import "lucide-react";
 export {
-  O as Accordion,
-  Q as AccordionContent,
-  U as AccordionItem,
-  W as AccordionTrigger,
+  U as Accordion,
+  W as AccordionContent,
+  X as AccordionItem,
+  Z as AccordionTrigger,
   J as Alert,
   K as AlertDescription,
-  X as AlertDialog,
+  N as AlertDialog,
   Y as AlertDialogAction,
   aa as AlertDialogCancel,
-  oa as AlertDialogContent,
-  ea as AlertDialogDescription,
+  ea as AlertDialogContent,
+  oa as AlertDialogDescription,
   ta as AlertDialogFooter,
   ra as AlertDialogHeader,
   sa as AlertDialogTitle,
@@ -80,105 +80,105 @@ export {
   Ia as ContextMenu,
   Pa as ContextMenuCheckboxItem,
   ka as ContextMenuContent,
-  va as ContextMenuGroup,
-  Fa as ContextMenuItem,
-  Ga as ContextMenuLabel,
-  La as ContextMenuPortal,
-  Ra as ContextMenuRadioGroup,
+  Fa as ContextMenuGroup,
+  Ga as ContextMenuItem,
+  La as ContextMenuLabel,
+  Ra as ContextMenuPortal,
+  va as ContextMenuRadioGroup,
   Ha as ContextMenuRadioItem,
   Va as ContextMenuSeparator,
-  fa as ContextMenuShortcut,
-  Ba as ContextMenuSub,
+  Ba as ContextMenuShortcut,
+  fa as ContextMenuSub,
   ja as ContextMenuSubContent,
   ya as ContextMenuSubTrigger,
   Ea as ContextMenuTrigger,
-  Za as Dialog,
-  _a as DialogContent,
-  $a as DialogDescription,
-  qa as DialogFooter,
-  za as DialogHeader,
-  Na as DialogTitle,
-  Oa as DialogTrigger,
-  Qa as DropdownMenu,
-  Ua as DropdownMenuCheckboxItem,
-  Wa as DropdownMenuContent,
+  _a as Dialog,
+  $a as DialogContent,
+  qa as DialogDescription,
+  za as DialogFooter,
+  Oa as DialogHeader,
+  Qa as DialogTitle,
+  Ua as DialogTrigger,
+  Wa as DropdownMenu,
+  Xa as DropdownMenuCheckboxItem,
+  Za as DropdownMenuContent,
   Ja as DropdownMenuGroup,
   Ka as DropdownMenuItem,
-  Xa as DropdownMenuLabel,
+  Na as DropdownMenuLabel,
   Ya as DropdownMenuPortal,
-  ao as DropdownMenuRadioGroup,
-  oo as DropdownMenuRadioItem,
-  eo as DropdownMenuSeparator,
-  to as DropdownMenuShortcut,
-  ro as DropdownMenuSub,
-  so as DropdownMenuSubContent,
-  no as DropdownMenuSubTrigger,
-  io as DropdownMenuTrigger,
-  bo as HoverCard,
-  po as HoverCardContent,
-  mo as HoverCardTrigger,
-  uo as IconPickerField,
-  lo as ImagePickerField,
-  co as Input,
-  go as Label,
-  Co as LinkField,
-  Mo as Menubar,
-  So as MenubarCheckboxItem,
-  Do as MenubarContent,
-  To as MenubarGroup,
-  xo as MenubarItem,
-  Ao as MenubarLabel,
-  ho as MenubarMenu,
-  wo as MenubarPortal,
-  Io as MenubarRadioGroup,
-  Po as MenubarRadioItem,
-  ko as MenubarSeparator,
-  vo as MenubarShortcut,
-  Fo as MenubarSub,
-  Go as MenubarSubContent,
-  Lo as MenubarSubTrigger,
-  Ro as MenubarTrigger,
-  Ho as Popover,
-  Vo as PopoverContent,
-  fo as PopoverTrigger,
-  Bo as RTEField,
-  jo as ScrollArea,
-  yo as ScrollBar,
-  Eo as Select,
-  Zo as SelectContent,
-  _o as SelectGroup,
-  $o as SelectItem,
-  qo as SelectLabel,
-  zo as SelectSeparator,
-  No as SelectTrigger,
-  Oo as SelectValue,
-  Qo as Separator,
-  Uo as Sheet,
-  Wo as SheetClose,
-  Jo as SheetContent,
-  Ko as SheetDescription,
-  Xo as SheetFooter,
-  Yo as SheetHeader,
-  ae as SheetTitle,
-  oe as SheetTrigger,
-  ee as Skeleton,
-  te as Switch,
-  re as Tabs,
-  se as TabsContent,
-  ne as TabsList,
-  ie as TabsTrigger,
-  be as Textarea,
-  pe as Toaster,
-  me as Toggle,
-  ue as Tooltip,
-  le as TooltipContent,
-  ce as TooltipPortal,
-  de as TooltipProvider,
-  ge as TooltipTrigger,
-  Ce as badgeVariants,
-  Me as buttonVariants,
-  Se as reducer,
-  De as toast,
-  Te as toggleVariants,
-  xe as useToast
+  ae as DropdownMenuRadioGroup,
+  ee as DropdownMenuRadioItem,
+  oe as DropdownMenuSeparator,
+  te as DropdownMenuShortcut,
+  re as DropdownMenuSub,
+  se as DropdownMenuSubContent,
+  ne as DropdownMenuSubTrigger,
+  ie as DropdownMenuTrigger,
+  be as HoverCard,
+  pe as HoverCardContent,
+  me as HoverCardTrigger,
+  ue as IconPickerField,
+  le as ImagePickerField,
+  ce as Input,
+  de as Label,
+  ge as LinkField,
+  Ce as Menubar,
+  Me as MenubarCheckboxItem,
+  Se as MenubarContent,
+  De as MenubarGroup,
+  Te as MenubarItem,
+  xe as MenubarLabel,
+  Ae as MenubarMenu,
+  he as MenubarPortal,
+  we as MenubarRadioGroup,
+  Ie as MenubarRadioItem,
+  Pe as MenubarSeparator,
+  ke as MenubarShortcut,
+  Fe as MenubarSub,
+  Ge as MenubarSubContent,
+  Le as MenubarSubTrigger,
+  Re as MenubarTrigger,
+  ve as Popover,
+  He as PopoverContent,
+  Ve as PopoverTrigger,
+  Be as RTEField,
+  fe as ScrollArea,
+  je as ScrollBar,
+  ye as Select,
+  Ee as SelectContent,
+  _e as SelectGroup,
+  $e as SelectItem,
+  qe as SelectLabel,
+  ze as SelectSeparator,
+  Oe as SelectTrigger,
+  Qe as SelectValue,
+  Ue as Separator,
+  We as Sheet,
+  Xe as SheetClose,
+  Ze as SheetContent,
+  Je as SheetDescription,
+  Ke as SheetFooter,
+  Ne as SheetHeader,
+  Ye as SheetTitle,
+  ao as SheetTrigger,
+  eo as Skeleton,
+  oo as Switch,
+  to as Tabs,
+  ro as TabsContent,
+  so as TabsList,
+  no as TabsTrigger,
+  io as Textarea,
+  bo as Toaster,
+  po as Toggle,
+  mo as Tooltip,
+  uo as TooltipContent,
+  lo as TooltipPortal,
+  co as TooltipProvider,
+  go as TooltipTrigger,
+  Co as badgeVariants,
+  Mo as buttonVariants,
+  So as reducer,
+  Do as toast,
+  To as toggleVariants,
+  xo as useToast
 };

package/dist/useCanvasSettings-YdWIGhpI.js

@@ -0,0 +1,6 @@
+import { useAtom as t } from "jotai";
+import { bf as s } from "./ChaiBuilderEditor-ChKigulx.js";
+const a = () => t(s);
+export {
+  a as u
+};

package/dist/{useCanvasSettings-QcsmJd9b.cjs → useCanvasSettings-xq3gcMsb.cjs}

@@ -1 +1 @@
-"use strict";const t=require("jotai"),s=require("./ChaiBuilderEditor-YqEKonJ_.cjs"),e=()=>t.useAtom(s.canvasSettingsAtom);exports.useCanvasSettings=e;
+"use strict";const t=require("jotai"),s=require("./ChaiBuilderEditor-pWAMhLiq.cjs"),e=()=>t.useAtom(s.canvasSettingsAtom);exports.useCanvasSettings=e;

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.2.34",
+  "version": "1.2.35",
   "type": "module",
   "repository": {
     "type": "git",

package/dist/Topbar-NHF8D1di.js

@@ -1,137 +0,0 @@
-import { j as c } from "./jsx-runtime-WbnYoNE9.js";
-import z, { useMemo as o, Suspense as n } from "react";
-import { FontFamilyIcon as M, EyeOpenIcon as u } from "@radix-ui/react-icons";
-import { h as r, a6 as d, a7 as C, a8 as L, a9 as m, am as p, an as F, aa as i, G as w, V as B, B as g, E as f, ah as v, ao as x } from "./ChaiBuilderEditor-y1NxvXJ7.js";
-import { useTranslation as e } from "react-i18next";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "jotai";
-import "i18next";
-import "flagged";
-import "lodash-es";
-import "./STRINGS--j49GZJP.js";
-import "./Functions-7jnEwJyw.js";
-import "tailwind-merge";
-import "@chaibuilder/runtime";
-import "@react-hookz/web";
-import "./MODIFIERS-cBT31iqE.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./Class-6Hz2KzYb.js";
-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-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-quill";
-import "react-hotkeys-hook";
-import "lodash";
-import "lucide-react";
-const S = () => r("languages", ["en"]), A = () => S().length === 1 ? null : /* @__PURE__ */ c.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ c.jsxs(d, { children: [
-  /* @__PURE__ */ c.jsx(C, { className: "w-[150px] border-0", children: /* @__PURE__ */ c.jsx(
-    L,
-    {
-      placeholder: /* @__PURE__ */ c.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ c.jsx(M, { className: "h-4 w-4" }),
-        " English(US)"
-      ] })
-    }
-  ) }),
-  /* @__PURE__ */ c.jsx(m, { children: /* @__PURE__ */ c.jsxs(p, { children: [
-    /* @__PURE__ */ c.jsx(F, { children: "Fruits" }),
-    /* @__PURE__ */ c.jsx(i, { value: "apple", children: "Apple" }),
-    /* @__PURE__ */ c.jsx(i, { value: "banana", children: "Banana" }),
-    /* @__PURE__ */ c.jsx(i, { value: "blueberry", children: "Blueberry" }),
-    /* @__PURE__ */ c.jsx(i, { value: "grapes", children: "Grapes" }),
-    /* @__PURE__ */ c.jsx(i, { value: "pineapple", children: "Pineapple" })
-  ] }) })
-] }) });
-function R(l) {
-  return w({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" } }] })(l);
-}
-const k = () => {
-  const { savePage: l, saveState: t } = B(), { t: s } = e(), h = r("hideSaveButton", !1), a = o(() => {
-    switch (t) {
-      case "SAVING":
-        return "animate-pulse bg-gray-300 text-gray-900";
-      case "SAVED":
-        return "bg-green-500 text-white hover:bg-green-600 hover:text-white";
-      default:
-        return "bg-gray-200 text-gray-500 hover:bg-gray-100";
-    }
-  }, [t]);
-  if (h)
-    return null;
-  const H = /* @__PURE__ */ c.jsxs(
-    g,
-    {
-      disabled: t === "SAVING",
-      onClick: (V) => {
-        V.preventDefault(), l();
-      },
-      className: `flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${a}`,
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ c.jsx(R, { className: "text-lg" }),
-        /* @__PURE__ */ c.jsx("span", { className: "text-sm", children: t === "SAVING" ? "Saving..." : s(t === "SAVED" ? "Saved" : "Unsaved") })
-      ]
-    }
-  );
-  return /* @__PURE__ */ c.jsx("div", { className: "flex items-center", children: H });
-}, P = function() {
-  const t = r("previewComponent"), [, s] = f(), { t: h } = e();
-  return t ? /* @__PURE__ */ c.jsxs(
-    g,
-    {
-      onClick: (a) => {
-        a.preventDefault(), s(!0);
-      },
-      className: "flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ c.jsx(u, { className: "text-xs" }),
-        /* @__PURE__ */ c.jsx("span", { className: "text-sm", children: h("Preview") })
-      ]
-    }
-  ) : null;
-}, w1 = () => {
-  const l = r("topBarComponents.left", []), t = r("topBarComponents.center", []), s = r("topBarComponents.right", []), h = r("editable", !0);
-  return /* @__PURE__ */ c.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
-    /* @__PURE__ */ c.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ c.jsx("div", { className: "flex items-center space-x-2 font-bold", children: z.Children.toArray(
-      l.map((a) => /* @__PURE__ */ c.jsx(n, { fallback: /* @__PURE__ */ c.jsx(v, { className: "h-10" }), children: /* @__PURE__ */ c.jsx(a, {}) }))
-    ) }) }),
-    /* @__PURE__ */ c.jsx("div", { className: "flex items-center space-x-2", children: z.Children.toArray(
-      t.map((a) => /* @__PURE__ */ c.jsx(n, { fallback: /* @__PURE__ */ c.jsx(v, { className: "h-10" }), children: /* @__PURE__ */ c.jsx(a, {}) }))
-    ) }),
-    /* @__PURE__ */ c.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ c.jsx(A, {}),
-      /* @__PURE__ */ c.jsx(P, {}),
-      /* @__PURE__ */ c.jsx(x, { orientation: "vertical" }),
-      h ? /* @__PURE__ */ c.jsx(k, {}) : null,
-      z.Children.toArray(
-        s.map((a) => /* @__PURE__ */ c.jsx(n, { fallback: /* @__PURE__ */ c.jsx(v, { className: "h-10" }), children: /* @__PURE__ */ c.jsx(a, {}) }))
-      )
-    ] })
-  ] });
-};
-export {
-  w1 as default
-};

package/dist/Topbar-Wwdd9Flx.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("react"),h=require("@radix-ui/react-icons"),t=require("./ChaiBuilderEditor-YqEKonJ_.cjs"),i=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");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-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-quill");require("react-hotkeys-hook");require("lodash");require("lucide-react");const v=()=>t.useBuilderProp("languages",["en"]),g=()=>v().length===1?null:c.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:c.jsxRuntimeExports.jsxs(t.Select,{children:[c.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"w-[150px] border-0",children:c.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:c.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[c.jsxRuntimeExports.jsx(h.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),c.jsxRuntimeExports.jsx(t.SelectContent,{children:c.jsxRuntimeExports.jsxs(t.SelectGroup,{children:[c.jsxRuntimeExports.jsx(t.SelectLabel,{children:"Fruits"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"apple",children:"Apple"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"banana",children:"Banana"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"blueberry",children:"Blueberry"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"grapes",children:"Grapes"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})});function H(l){return t.GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"}}]})(l)}const V=()=>{const{savePage:l,saveState:a}=t.useSavePage(),{t:s}=i.useTranslation(),e=t.useBuilderProp("hideSaveButton",!1),n=r.useMemo(()=>{switch(a){case"SAVING":return"animate-pulse bg-gray-300 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[a]);if(e)return null;const o=c.jsxRuntimeExports.jsxs(t.Button,{disabled:a==="SAVING",onClick:z=>{z.preventDefault(),l()},className:`flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${n}`,size:"sm",variant:"outline",children:[c.jsxRuntimeExports.jsx(H,{className:"text-lg"}),c.jsxRuntimeExports.jsx("span",{className:"text-sm",children:a==="SAVING"?"Saving...":s(a==="SAVED"?"Saved":"Unsaved")})]});return c.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:o})},M=function(){const a=t.useBuilderProp("previewComponent"),[,s]=t.usePreviewMode(),{t:e}=i.useTranslation();return a?c.jsxRuntimeExports.jsxs(t.Button,{onClick:n=>{n.preventDefault(),s(!0)},className:"flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",size:"sm",variant:"outline",children:[c.jsxRuntimeExports.jsx(h.EyeOpenIcon,{className:"text-xs"}),c.jsxRuntimeExports.jsx("span",{className:"text-sm",children:e("Preview")})]}):null},u=()=>{const l=t.useBuilderProp("topBarComponents.left",[]),a=t.useBuilderProp("topBarComponents.center",[]),s=t.useBuilderProp("topBarComponents.right",[]),e=t.useBuilderProp("editable",!0);return c.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:r.Children.toArray(l.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))})}),c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:r.Children.toArray(a.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))}),c.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[c.jsxRuntimeExports.jsx(g,{}),c.jsxRuntimeExports.jsx(M,{}),c.jsxRuntimeExports.jsx(t.Separator,{orientation:"vertical"}),e?c.jsxRuntimeExports.jsx(V,{}):null,r.Children.toArray(s.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=u;

package/dist/useCanvasSettings-XwFRrknO.js

@@ -1,6 +0,0 @@
-import { useAtom as t } from "jotai";
-import { be as s } from "./ChaiBuilderEditor-y1NxvXJ7.js";
-const r = () => t(s);
-export {
-  r as u
-};