@chaibuilder/sdk 1.2.23 → 1.2.25

package/dist/{single-page-detail-q2TDxN-P.js → single-page-detail-hD1jKZ8k.js}

@@ -1,113 +1,105 @@
-import { j as t } from "./jsx-runtime-WbnYoNE9.js";
+import { j as t } from "./jsx-runtime-Sp0orL4X.js";
 import I, { useState as j, useEffect as z } from "react";
-import { isString as L, isEmpty as x, isEqual as C, omit as y, kebabCase as B } from "lodash-es";
+import { isEqual as x, isEmpty as C, isString as L, omit as y, kebabCase as B } from "lodash-es";
 import { HomeIcon as G } from "@radix-ui/react-icons";
-import { bf as Y, B as q } from "./index-HD1UKc4P.js";
-import { u as g, b as Z, g as $, o as F, r as Q } from "./controls-OfJWSEqC.js";
+import { B as Y } from "./skeleton-lu8e7q2y.js";
+import { S as q } from "./scroll-area-ewXbxc3n.js";
+import { u as g, b as Z, g as $, o as F, r as Q } from "./controls-IS5qnRce.js";
 import { toast as U } from "sonner";
-import { F as P } from "./form-zKUMQFuB.js";
-import { f as V, a as X, g as _, b as K } from "./index-m4WGov7e.js";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "./Functions-7jnEwJyw.js";
-import "clsx";
-import "tailwind-merge";
-import "@chaibuilder/runtime";
+import { F as P } from "./form-0_RLz2TB.js";
+import { f as V, a as X, g as _, b as K } from "./index-hElOGcFr.js";
 import "jotai";
-import "./STRINGS--j49GZJP.js";
-import "@react-hookz/web";
-import "./MODIFIERS-dytZ-osO.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./Class-lGzsNBOK.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-scroll-area";
-import "@radix-ui/react-tabs";
+import "class-variance-authority";
+import "./utils-dze1SGvB.js";
+import "clsx";
+import "tailwind-merge";
 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 "@radix-ui/react-scroll-area";
+import "@rjsf/core";
+import "@rjsf/validator-ajv8";
+import "./link-xuhP-4dN.js";
 import "react-icons-picker";
 import "react-dom";
+import "./tabs-yQ3oGziM.js";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-tabs";
+import "./ImagesPanel-Wb0GF_NA.js";
 import "react-quill";
 import "react-i18next";
-import "@rjsf/core";
-import "@rjsf/validator-ajv8";
-import "./index-uLtBNl55.js";
-import "i18next";
+import "./ChaiBuilderEditor-vP4at00I.js";
+import "./MODIFIERS-CNqNUapY.js";
 import "@floating-ui/react-dom";
+import "i18next";
 import "flagged";
+import "./Functions-NzT2Six_.js";
 import "react-hotkeys-hook";
-import "./html-to-json-ngX9ef2u.js";
+import "@react-hookz/web";
+import "@chaibuilder/runtime";
+import "./html-to-json-2xtb7520.js";
 import "himalaya";
+import "./STRINGS-b432aBJJ.js";
 import "lucide-react";
-import "./index-YpnaudSM.js";
-const O = I.lazy(() => import("./delete-page-modal-iMmkPec0.js")), J = I.lazy(() => import("./confirm-alert-3flAvzWH.js")), h = (r) => {
-  if (!L(r) || !(r.includes("/[") && r.includes("]")))
+import "./iconBase-h4DuR_XT.js";
+import "./alert-dialog-rypfO5ly.js";
+import "@radix-ui/react-alert-dialog";
+const O = I.lazy(() => import("./delete-page-modal-7KmP1elv.js")), J = I.lazy(() => import("./confirm-alert-wR5_VJ1l.js")), h = (n) => {
+  if (!L(n) || !(n.includes("/[") && n.includes("]")))
     return !1;
   const s = /^\[((?:\.{3})?[a-zA-Z0-9_-]+)\]$/, u = /^[a-zA-Z0-9_-]+$/;
   let e = !0;
-  return r.split("/").forEach((n) => {
-    e && (n.includes("[[") && n.includes("]]") ? e = /^\[\[\.{3}[a-zA-Z0-9_-]+\]\]$/.test(n) : n.includes("[") && n.includes("]") ? e = s.test(n) : e = u.test(n));
+  return n.split("/").forEach((r) => {
+    e && (r.includes("[[") && r.includes("]]") ? e = /^\[\[\.{3}[a-zA-Z0-9_-]+\]\]$/.test(r) : r.includes("[") && r.includes("]") ? e = s.test(r) : e = u.test(r));
   }), e;
-}, f = (r) => r && x(r.seoData) ? {
-  ...r,
+}, f = (n) => n && C(n.seoData) ? {
+  ...n,
   seoData: { title: "", description: "", image: "" }
-} : r, W = (r, m) => {
-  const s = !C(y(r, ["seoData"]), y(m, ["seoData"])), u = !C(f(m).seoData, f(r).seoData);
+} : n, W = (n, l) => {
+  const s = !x(y(n, ["seoData"]), y(l, ["seoData"])), u = !x(f(l).seoData, f(n).seoData);
   return s || u;
-}, ke = ({ open: r, setOpen: m, pageData: s }) => {
-  const u = V(), { data: e } = X(), n = _(), c = K("Homepage updated successfully."), [i, T] = j(f(s)), [d, v] = j({
+}, Ue = ({ open: n, setOpen: l, pageData: s }) => {
+  const u = V(), { data: e } = X(), r = _(), c = K("Homepage updated successfully."), [i, T] = j(f(s)), [d, v] = j({
     isHomePage: (e == null ? void 0 : e.homepage) === s.uuid
   }), N = W(i, s);
   z(() => {
-    const l = !C(f(s), i), o = (e == null ? void 0 : e.homepage) !== s.uuid && d.isHomePage;
-    m(l || o ? "PENDING" : "OPEN");
-  }, [e, s, i, d, m]);
+    const m = !x(f(s), i), o = (e == null ? void 0 : e.homepage) !== s.uuid && d.isHomePage;
+    l(m || o ? "PENDING" : "OPEN");
+  }, [e, s, i, d, l]);
   const S = () => {
     if (N) {
       if (s.type === "DYNAMIC" && !h((i == null ? void 0 : i.slug) || "")) {
-        r === "ALERT" && m("PENDING");
+        n === "ALERT" && l("PENDING");
         return;
       }
-      n.mutate(i, {
+      r.mutate(i, {
         onSuccess: () => {
           u.invalidateQueries({
             refetchType: "active",
             queryKey: ["pages", e == null ? void 0 : e.uuid]
-          }), m("CLOSE"), U.success("Page updated successfully.");
+          }), l("CLOSE"), U.success("Page updated successfully.");
         }
       });
     }
-    d.isHomePage && (e == null ? void 0 : e.homepage) !== s.uuid && c.mutate({ ...e, homepage: s == null ? void 0 : s.uuid }, { onSuccess: () => m("CLOSE") });
-  }, b = ({ formData: l }, o) => {
+    d.isHomePage && (e == null ? void 0 : e.homepage) !== s.uuid && c.mutate({ ...e, homepage: s == null ? void 0 : s.uuid }, { onSuccess: () => l("CLOSE") });
+  }, b = ({ formData: m }, o) => {
     T((p) => {
       var E, A;
       if (!o)
         return p;
-      const a = { [o]: l[o] };
-      return o === "name" ? a.slug = B((E = l[o]) == null ? void 0 : E.replace(/\d/g, "")) : o === "slug" ? a.slug = (A = l[o]) == null ? void 0 : A.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_") : o === "seoData" && (a.seoData = {
-        title: l[o].title || "",
-        description: l[o].description || "",
-        image: l[o].image || ""
+      const a = { [o]: m[o] };
+      return o === "name" ? a.slug = B((E = m[o]) == null ? void 0 : E.replace(/\d/g, "")) : o === "slug" ? a.slug = (A = m[o]) == null ? void 0 : A.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_") : o === "seoData" && (a.seoData = {
+        title: m[o].title || "",
+        description: m[o].description || "",
+        image: m[o].image || ""
       }), {
         ...p,
         ...a
       };
     });
-  }, H = ({ formData: l }, o) => {
+  }, H = ({ formData: m }, o) => {
     v((p) => {
-      const a = { [o]: l[o] };
+      const a = { [o]: m[o] };
       return {
         ...p,
         ...a
@@ -146,15 +138,15 @@ const O = I.lazy(() => import("./delete-page-modal-iMmkPec0.js")), J = I.lazy(()
       default: d.isHomePage
     })
   };
-  return /* @__PURE__ */ t.jsxs(Y, { className: "flex h-full select-none flex-col", children: [
+  return /* @__PURE__ */ t.jsxs(q, { className: "flex h-full select-none flex-col", children: [
     /* @__PURE__ */ t.jsx(
       J,
       {
-        open: r === "ALERT",
+        open: n === "ALERT",
         title: "Do yo want to save changes?",
-        onCancel: () => m("CLOSE"),
+        onCancel: () => l("CLOSE"),
         onConfirm: S,
-        disabled: c.isPending || n.isPending
+        disabled: c.isPending || r.isPending
       }
     ),
     /* @__PURE__ */ t.jsx("div", { className: "rounded-md bg-background/30 px-2.5 py-1", children: /* @__PURE__ */ t.jsx("h1", { className: "px-1 font-semibold", children: "Page Details" }) }),
@@ -166,7 +158,7 @@ const O = I.lazy(() => import("./delete-page-modal-iMmkPec0.js")), J = I.lazy(()
           formData: i,
           properties: M,
           onChange: b,
-          disabled: n.isPending || c.isPending
+          disabled: r.isPending || c.isPending
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: "h-2 w-full" }),
@@ -177,7 +169,7 @@ const O = I.lazy(() => import("./delete-page-modal-iMmkPec0.js")), J = I.lazy(()
           formData: i,
           properties: w,
           onChange: b,
-          disabled: n.isPending || c.isPending
+          disabled: r.isPending || c.isPending
         }
       ),
       (e == null ? void 0 : e.homepage) !== s.uuid && s.type === "STATIC" ? /* @__PURE__ */ t.jsx(
@@ -186,7 +178,7 @@ const O = I.lazy(() => import("./delete-page-modal-iMmkPec0.js")), J = I.lazy(()
           formData: d,
           properties: R,
           onChange: H,
-          disabled: n.isPending || c.isPending
+          disabled: r.isPending || c.isPending
         }
       ) : s.type === "STATIC" && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1 px-1 pt-2 text-xs font-medium text-gray-500", children: [
         /* @__PURE__ */ t.jsx(G, {}),
@@ -199,12 +191,12 @@ const O = I.lazy(() => import("./delete-page-modal-iMmkPec0.js")), J = I.lazy(()
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: "my-2 flex w-full items-center justify-between gap-x-2 px-1", children: [
         /* @__PURE__ */ t.jsx(
-          q,
+          Y,
           {
             className: "w-full",
             type: "submit",
             onClick: S,
-            disabled: (e == null ? void 0 : e.homepage) !== s.uuid && d.isHomePage ? !1 : x(i.name) || x(i.slug) || !N || n.isPending || c.isPending || i.type === "DYNAMIC" && !h((i == null ? void 0 : i.slug) || ""),
+            disabled: (e == null ? void 0 : e.homepage) !== s.uuid && d.isHomePage ? !1 : C(i.name) || C(i.slug) || !N || r.isPending || c.isPending || i.type === "DYNAMIC" && !h((i == null ? void 0 : i.slug) || ""),
             children: "Save"
           }
         ),
@@ -214,5 +206,5 @@ const O = I.lazy(() => import("./delete-page-modal-iMmkPec0.js")), J = I.lazy(()
   ] });
 };
 export {
-  ke as default
+  Ue as default
 };

package/dist/skeleton-STeL9VrJ.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("jotai"),I=require("lodash-es"),r=require("./jsx-runtime-JYMCiFoE.cjs"),q=require("@radix-ui/react-slot"),b=require("class-variance-authority"),C=require("react"),n=require("./utils-qK_SjzzV.cjs"),M=require("@radix-ui/react-tooltip"),B=require("@radix-ui/react-icons"),k=require("@radix-ui/react-toast");function v(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const i=v(C),c=v(M),a=v(k),T=g.atom(null);T.debugLabel="chaiBuilderPropsAtom";const y=g.atom({});y.debugLabel="chaiExternalDataAtom";const z=(t,e=void 0)=>{const o=g.useAtomValue(T);return I.get(o,t,e)},j=b.cva("inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),R=i.forwardRef(({className:t,variant:e,size:o,asChild:s=!1,...d},m)=>{const V=s?q.Slot:"button";return r.jsxRuntimeExports.jsx(V,{className:n.cn(j({variant:e,size:o,className:t})),ref:m,...d})});R.displayName="Button";const L=c.Portal,U=c.Provider,Q=c.Root,X=c.Trigger,w=i.forwardRef(({className:t,sideOffset:e=4,...o},s)=>r.jsxRuntimeExports.jsx(c.Content,{ref:s,sideOffset:e,className:n.cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...o}));w.displayName=c.Content.displayName;const Y=1,F=1e6;let f=0;function G(){return f=(f+1)%Number.MAX_VALUE,f.toString()}const x=new Map,h=t=>{if(x.has(t))return;const e=setTimeout(()=>{x.delete(t),u({type:"REMOVE_TOAST",toastId:t})},F);x.set(t,e)},E=(t,e)=>{switch(e.type){case"ADD_TOAST":return{...t,toasts:[e.toast,...t.toasts].slice(0,Y)};case"UPDATE_TOAST":return{...t,toasts:t.toasts.map(o=>o.id===e.toast.id?{...o,...e.toast}:o)};case"DISMISS_TOAST":{const{toastId:o}=e;return o?h(o):t.toasts.forEach(s=>{h(s.id)}),{...t,toasts:t.toasts.map(s=>s.id===o||o===void 0?{...s,open:!1}:s)}}case"REMOVE_TOAST":return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)}}},l=[];let p={toasts:[]};function u(t){p=E(p,t),l.forEach(e=>{e(p)})}function S({...t}){const e=G(),o=d=>u({type:"UPDATE_TOAST",toast:{...d,id:e}}),s=()=>u({type:"DISMISS_TOAST",toastId:e});return u({type:"ADD_TOAST",toast:{...t,id:e,open:!0,onOpenChange:d=>{d||s()}}}),{id:e,dismiss:s,update:o}}function A(){const[t,e]=i.useState(p);return i.useEffect(()=>(l.push(e),()=>{const o=l.indexOf(e);o>-1&&l.splice(o,1)}),[t]),{...t,toast:S,dismiss:o=>u({type:"DISMISS_TOAST",toastId:o})}}const H=a.Provider,N=i.forwardRef(({className:t,...e},o)=>r.jsxRuntimeExports.jsx(a.Viewport,{ref:o,className:n.cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",t),...e}));N.displayName=a.Viewport.displayName;const J=b.cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"}},defaultVariants:{variant:"default"}}),P=i.forwardRef(({className:t,variant:e,...o},s)=>r.jsxRuntimeExports.jsx(a.Root,{ref:s,className:n.cn(J({variant:e}),t),...o}));P.displayName=a.Root.displayName;const K=i.forwardRef(({className:t,...e},o)=>r.jsxRuntimeExports.jsx(a.Action,{ref:o,className:n.cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",t),...e}));K.displayName=a.Action.displayName;const O=i.forwardRef(({className:t,...e},o)=>r.jsxRuntimeExports.jsx(a.Close,{ref:o,className:n.cn("absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",t),"toast-close":"",...e,children:r.jsxRuntimeExports.jsx(B.Cross2Icon,{className:"h-4 w-4"})}));O.displayName=a.Close.displayName;const _=i.forwardRef(({className:t,...e},o)=>r.jsxRuntimeExports.jsx(a.Title,{ref:o,className:n.cn("text-sm font-semibold [&+div]:text-xs",t),...e}));_.displayName=a.Title.displayName;const D=i.forwardRef(({className:t,...e},o)=>r.jsxRuntimeExports.jsx(a.Description,{ref:o,className:n.cn("text-sm opacity-90",t),...e}));D.displayName=a.Description.displayName;function W(){const{toasts:t}=A();return r.jsxRuntimeExports.jsxs(H,{children:[t.map(({id:e,title:o,description:s,action:d,...m})=>r.jsxRuntimeExports.jsxs(P,{...m,children:[r.jsxRuntimeExports.jsxs("div",{className:"grid gap-1",children:[o&&r.jsxRuntimeExports.jsx(_,{children:o}),s&&r.jsxRuntimeExports.jsx(D,{children:s})]}),d,r.jsxRuntimeExports.jsx(O,{})]},e)),r.jsxRuntimeExports.jsx(N,{})]})}const Z=({className:t,...e})=>r.jsxRuntimeExports.jsx("div",{className:n.cn("animate-pulse rounded-md bg-primary/10",t),...e});exports.Button=R;exports.Skeleton=Z;exports.Toaster=W;exports.Tooltip=Q;exports.TooltipContent=w;exports.TooltipPortal=L;exports.TooltipProvider=U;exports.TooltipTrigger=X;exports.buttonVariants=j;exports.chaiBuilderPropsAtom=T;exports.chaiExternalDataAtom=y;exports.reducer=E;exports.toast=S;exports.useBuilderProp=z;exports.useToast=A;

package/dist/skeleton-lu8e7q2y.js

@@ -0,0 +1,239 @@
+import { atom as x, useAtomValue as j } from "jotai";
+import { get as R } from "lodash-es";
+import { j as r } from "./jsx-runtime-Sp0orL4X.js";
+import { Slot as E } from "@radix-ui/react-slot";
+import { cva as h } from "class-variance-authority";
+import * as i from "react";
+import { c as n } from "./utils-dze1SGvB.js";
+import * as c from "@radix-ui/react-tooltip";
+import { Cross2Icon as O } from "@radix-ui/react-icons";
+import * as a from "@radix-ui/react-toast";
+const T = x(null);
+T.debugLabel = "chaiBuilderPropsAtom";
+const D = x({});
+D.debugLabel = "chaiExternalDataAtom";
+const K = (t, e = void 0) => {
+  const o = j(T);
+  return R(o, t, e);
+}, P = h(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), _ = i.forwardRef(
+  ({ className: t, variant: e, size: o, asChild: s = !1, ...d }, p) => {
+    const A = s ? E : "button";
+    return /* @__PURE__ */ r.jsx(A, { className: n(P({ variant: e, size: o, className: t })), ref: p, ...d });
+  }
+);
+_.displayName = "Button";
+const W = c.Portal, Z = c.Provider, $ = c.Root, tt = c.Trigger, V = i.forwardRef(({ className: t, sideOffset: e = 4, ...o }, s) => /* @__PURE__ */ r.jsx(
+  c.Content,
+  {
+    ref: s,
+    sideOffset: e,
+    className: n(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t
+    ),
+    ...o
+  }
+));
+V.displayName = c.Content.displayName;
+const I = 1, C = 1e6;
+let f = 0;
+function M() {
+  return f = (f + 1) % Number.MAX_VALUE, f.toString();
+}
+const v = /* @__PURE__ */ new Map(), g = (t) => {
+  if (v.has(t))
+    return;
+  const e = setTimeout(() => {
+    v.delete(t), u({
+      type: "REMOVE_TOAST",
+      toastId: t
+    });
+  }, C);
+  v.set(t, e);
+}, z = (t, e) => {
+  switch (e.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [e.toast, ...t.toasts].slice(0, I)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map((o) => o.id === e.toast.id ? { ...o, ...e.toast } : o)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: o } = e;
+      return o ? g(o) : t.toasts.forEach((s) => {
+        g(s.id);
+      }), {
+        ...t,
+        toasts: t.toasts.map(
+          (s) => s.id === o || o === void 0 ? {
+            ...s,
+            open: !1
+          } : s
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return e.toastId === void 0 ? {
+        ...t,
+        toasts: []
+      } : {
+        ...t,
+        toasts: t.toasts.filter((o) => o.id !== e.toastId)
+      };
+  }
+}, l = [];
+let m = { toasts: [] };
+function u(t) {
+  m = z(m, t), l.forEach((e) => {
+    e(m);
+  });
+}
+function B({ ...t }) {
+  const e = M(), o = (d) => u({
+    type: "UPDATE_TOAST",
+    toast: { ...d, id: e }
+  }), s = () => u({ type: "DISMISS_TOAST", toastId: e });
+  return u({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: e,
+      open: !0,
+      onOpenChange: (d) => {
+        d || s();
+      }
+    }
+  }), {
+    id: e,
+    dismiss: s,
+    update: o
+  };
+}
+function k() {
+  const [t, e] = i.useState(m);
+  return i.useEffect(() => (l.push(e), () => {
+    const o = l.indexOf(e);
+    o > -1 && l.splice(o, 1);
+  }), [t]), {
+    ...t,
+    toast: B,
+    dismiss: (o) => u({ type: "DISMISS_TOAST", toastId: o })
+  };
+}
+const L = a.Provider, b = i.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(
+  a.Viewport,
+  {
+    ref: o,
+    className: n(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      t
+    ),
+    ...e
+  }
+));
+b.displayName = a.Viewport.displayName;
+const U = h(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background",
+        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), y = i.forwardRef(({ className: t, variant: e, ...o }, s) => /* @__PURE__ */ r.jsx(a.Root, { ref: s, className: n(U({ variant: e }), t), ...o }));
+y.displayName = a.Root.displayName;
+const Q = i.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(
+  a.Action,
+  {
+    ref: o,
+    className: n(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      t
+    ),
+    ...e
+  }
+));
+Q.displayName = a.Action.displayName;
+const w = i.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(
+  a.Close,
+  {
+    ref: o,
+    className: n(
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      t
+    ),
+    "toast-close": "",
+    ...e,
+    children: /* @__PURE__ */ r.jsx(O, { className: "h-4 w-4" })
+  }
+));
+w.displayName = a.Close.displayName;
+const N = i.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(a.Title, { ref: o, className: n("text-sm font-semibold [&+div]:text-xs", t), ...e }));
+N.displayName = a.Title.displayName;
+const S = i.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(a.Description, { ref: o, className: n("text-sm opacity-90", t), ...e }));
+S.displayName = a.Description.displayName;
+function et() {
+  const { toasts: t } = k();
+  return /* @__PURE__ */ r.jsxs(L, { children: [
+    t.map(({ id: e, title: o, description: s, action: d, ...p }) => /* @__PURE__ */ r.jsxs(y, { ...p, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "grid gap-1", children: [
+        o && /* @__PURE__ */ r.jsx(N, { children: o }),
+        s && /* @__PURE__ */ r.jsx(S, { children: s })
+      ] }),
+      d,
+      /* @__PURE__ */ r.jsx(w, {})
+    ] }, e)),
+    /* @__PURE__ */ r.jsx(b, {})
+  ] });
+}
+const ot = ({ className: t, ...e }) => /* @__PURE__ */ r.jsx("div", { className: n("animate-pulse rounded-md bg-primary/10", t), ...e });
+export {
+  _ as B,
+  ot as S,
+  $ as T,
+  tt as a,
+  P as b,
+  V as c,
+  Z as d,
+  W as e,
+  k as f,
+  et as g,
+  T as h,
+  D as i,
+  z as r,
+  B as t,
+  K as u
+};

package/dist/studio.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./jsx-runtime-Z_BpKhVy.cjs");const e=require("./index--dUsFH1I.cjs");require("react");require("sonner");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./index-bOWwCMRF.cjs");require("i18next");require("react-i18next");require("./index-fvMaxES9.cjs");require("lodash-es");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./STRINGS-gPz7CUOk.cjs");require("@react-hookz/web");require("./MODIFIERS-0g14w5RS.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-PoYusiA5.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("./html-to-json-efmv1pCj.cjs");require("himalaya");require("lucide-react");require("./index-ecnGWzh9.cjs");exports.ChaiBuilderStudio=e.ChaiBuilderStudio;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./jsx-runtime-JYMCiFoE.cjs");const e=require("./index-9MmykVSc.cjs");require("react");require("sonner");require("./ChaiBuilderEditor-m30yoOgJ.cjs");require("./MODIFIERS-o1p3VnpS.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("lodash-es");require("./skeleton-STeL9VrJ.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-qK_SjzzV.cjs");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("./Functions-Hvon6AMZ.cjs");require("react-hotkeys-hook");require("@react-hookz/web");require("@chaibuilder/runtime");require("./html-to-json-uSnxl72F.cjs");require("himalaya");require("./STRINGS-gPz7CUOk.cjs");require("lucide-react");require("./iconBase-gbUAAO2L.cjs");require("./alert-dialog-P9xMMB6C.cjs");require("@radix-ui/react-alert-dialog");exports.ChaiBuilderStudio=e.ChaiBuilderStudio;

package/dist/studio.d.ts

@@ -24,6 +24,7 @@ declare type ChaiBlock = {
 } & Record<string, any>;
 
 declare interface ChaiBuilderEditorProps {
+    hideSaveButton?: boolean;
     filterChaiBlock?: (block: any) => boolean;
     showDebugLogs?: boolean;
     autoSaveSupport?: boolean;
@@ -61,7 +62,7 @@ declare interface ChaiBuilderEditorProps {
     onSave?: ({ blocks, providers }: SavePageData) => Promise<boolean | Error>;
     brandingOptions?: Record<string, string>;
     onSaveBrandingOptions?: (brandingOptions: Record<string, any>) => Promise<boolean | Error>;
-    onSyncStatusChange?: (syncStatus: "UNSAVED" | "SAVED") => void;
+    onSaveStateChange?: (syncStatus: "UNSAVED" | "SAVED" | "SAVING") => void;
     previewComponent?: ReactComponentType;
     sideBarComponents?: {
         bottom?: ReactComponentType[];
@@ -105,7 +106,9 @@ declare type DataProvider = {
 };
 
 declare type OutlineMenuItem = {
-    item: (blockId: string) => ReactNode;
+    item: React_2.ComponentType<{
+        blockId: string;
+    }>;
     tooltip: string | ReactNode;
 };
 

package/dist/studio.js

@@ -1,53 +1,37 @@
-import "./jsx-runtime-WbnYoNE9.js";
-import { C as Z } from "./index-m4WGov7e.js";
+import "./jsx-runtime-Sp0orL4X.js";
+import { C as I } from "./index-hElOGcFr.js";
 import "react";
 import "sonner";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "./index-uLtBNl55.js";
+import "./ChaiBuilderEditor-vP4at00I.js";
+import "./MODIFIERS-CNqNUapY.js";
+import "clsx";
+import "@radix-ui/react-scroll-area";
+import "react-dom";
+import "@floating-ui/react-dom";
+import "jotai";
 import "i18next";
 import "react-i18next";
-import "./index-HD1UKc4P.js";
+import "flagged";
 import "lodash-es";
-import "./Functions-7jnEwJyw.js";
-import "clsx";
-import "tailwind-merge";
-import "@chaibuilder/runtime";
-import "jotai";
-import "./STRINGS--j49GZJP.js";
-import "@react-hookz/web";
-import "./MODIFIERS-dytZ-osO.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./Class-lGzsNBOK.js";
-import "@radix-ui/react-switch";
+import "./skeleton-lu8e7q2y.js";
 import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-icons";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
+import "class-variance-authority";
+import "./utils-dze1SGvB.js";
+import "tailwind-merge";
 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-icons";
 import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
-import "@floating-ui/react-dom";
-import "flagged";
+import "./Functions-NzT2Six_.js";
 import "react-hotkeys-hook";
-import "./html-to-json-ngX9ef2u.js";
+import "@react-hookz/web";
+import "@chaibuilder/runtime";
+import "./html-to-json-2xtb7520.js";
 import "himalaya";
+import "./STRINGS-b432aBJJ.js";
 import "lucide-react";
-import "./index-YpnaudSM.js";
+import "./iconBase-h4DuR_XT.js";
+import "./alert-dialog-rypfO5ly.js";
+import "@radix-ui/react-alert-dialog";
 export {
-  Z as ChaiBuilderStudio
+  I as ChaiBuilderStudio
 };

package/dist/tabs-_4WbA1cc.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./jsx-runtime-JYMCiFoE.cjs"),N=require("react"),R=require("@radix-ui/react-dialog"),v=require("@radix-ui/react-icons"),i=require("./utils-qK_SjzzV.cjs"),D=require("@radix-ui/react-tabs");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,l.get?l:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const n=c(N),o=c(R),r=c(D),T=o.Root,w=o.Trigger,d=({className:e,...t})=>a.jsxRuntimeExports.jsx(o.Portal,{className:i.cn(e),...t});d.displayName=o.Portal.displayName;const m=n.forwardRef(({className:e,...t},s)=>a.jsxRuntimeExports.jsx(o.Overlay,{ref:s,className:i.cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));m.displayName=o.Overlay.displayName;const u=n.forwardRef(({className:e,children:t,...s},l)=>a.jsxRuntimeExports.jsxs(d,{children:[a.jsxRuntimeExports.jsx(m,{}),a.jsxRuntimeExports.jsxs(o.Content,{ref:l,className:i.cn("fixed left-[50%] top-[50%] z-[999] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",e),...s,children:[t,a.jsxRuntimeExports.jsxs(o.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[a.jsxRuntimeExports.jsx(v.Cross2Icon,{className:"h-4 w-4"}),a.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));u.displayName=o.Content.displayName;const g=({className:e,...t})=>a.jsxRuntimeExports.jsx("div",{className:i.cn("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});g.displayName="DialogHeader";const f=({className:e,...t})=>a.jsxRuntimeExports.jsx("div",{className:i.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});f.displayName="DialogFooter";const p=n.forwardRef(({className:e,...t},s)=>a.jsxRuntimeExports.jsx(o.Title,{ref:s,className:i.cn("text-lg font-semibold leading-none tracking-tight",e),...t}));p.displayName=o.Title.displayName;const x=n.forwardRef(({className:e,...t},s)=>a.jsxRuntimeExports.jsx(o.Description,{ref:s,className:i.cn("text-sm text-muted-foreground",e),...t}));x.displayName=o.Description.displayName;const E=r.Root,b=n.forwardRef(({className:e,...t},s)=>a.jsxRuntimeExports.jsx(r.List,{ref:s,className:i.cn("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",e),...t}));b.displayName=r.List.displayName;const j=n.forwardRef(({className:e,...t},s)=>a.jsxRuntimeExports.jsx(r.Trigger,{ref:s,className:i.cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",e),...t}));j.displayName=r.Trigger.displayName;const y=n.forwardRef(({className:e,...t},s)=>a.jsxRuntimeExports.jsx(r.Content,{ref:s,className:i.cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));y.displayName=r.Content.displayName;exports.Dialog=T;exports.DialogContent=u;exports.DialogDescription=x;exports.DialogFooter=f;exports.DialogHeader=g;exports.DialogTitle=p;exports.DialogTrigger=w;exports.Tabs=E;exports.TabsContent=y;exports.TabsList=b;exports.TabsTrigger=j;