@chaibuilder/sdk 0.1.32 → 1.0.0

package/dist/ui.js

@@ -1,30 +1,30 @@
 import { T as we, t as Me } from "./toggle-00c9d11e.js";
 import { D as ve, f as De, d as je, k as Ie, e as Re, h as Ae, l as ke, p as Pe, g as Le, i as Fe, j as Ge, m as He, n as ze, o as Ve, c as Be, H as Ee, b as Oe, a as qe, S as Je } from "./dropdown-menu-ae3ed09b.js";
-import { B as Qe, S as Ue, a as We, d as Xe, f as Ye, g as Ze, T as _e, e as $e, b as et, r as tt, t as at, h as ot } from "./useBuilderProp-81a14920.js";
-import { A as rt, c as nt, a as it, b as dt } from "./accordion-c0176dc5.js";
-import { A as mt, b as ct, a as pt, C as ut, g as ft, f as gt, d as xt, c as bt, e as ht, T as Ct } from "./textarea-0750bcd2.js";
+import { A as Qe, k as Ue, i as We, d as Xe, g as Ye, h as Ze, e as _e, f as $e, b as et, B as tt, S as at, a as ot, l as st, n as rt, o as nt, T as it, m as dt, j as lt, r as mt, t as ct, p as pt } from "./useBuilderProp-21feb2da.js";
+import { A as ft, c as gt, a as xt, b as bt } from "./accordion-c0176dc5.js";
+import { A as Ct, b as yt, a as Nt, C as St, g as wt, f as Mt, d as Tt, c as vt, e as Dt, T as jt } from "./textarea-0750bcd2.js";
 import { j as a } from "./jsx-runtime-944c88e2.js";
 import { cva as m } from "class-variance-authority";
 import { c as r } from "./utils-ac68b2c8.js";
-import { A as Nt, g as St, h as wt, b as Mt, f as Tt, d as vt, c as Dt, e as jt, a as It } from "./alert-dialog-ee98f47e.js";
-import { D as At, b as kt, f as Pt, d as Lt, c as Ft, e as Gt, a as Ht } from "./dialog-18207bef.js";
-import { C as Vt, a as Bt, d as Et, e as Ot, b as qt, f as Jt, c as Kt, h as Qt, g as Ut, I as Wt } from "./command-6f260f61.js";
-import { L as Yt } from "./label-e770a087.js";
-import { S as _t, a as $t } from "./scroll-area-83bd9e8f.js";
-import { T as ta, c as aa, a as oa, b as sa } from "./tabs-85caa1e8.js";
-import { P as na, b as ia, a as da } from "./popover-f7addcf4.js";
+import { D as Rt, b as At, f as kt, d as Pt, c as Lt, e as Ft, a as Gt } from "./dialog-18207bef.js";
+import { C as zt, a as Vt, d as Bt, e as Et, b as Ot, f as qt, c as Jt, h as Kt, g as Qt, I as Ut } from "./command-6f260f61.js";
+import { L as Xt } from "./label-e770a087.js";
+import { S as Zt, a as _t } from "./scroll-area-83bd9e8f.js";
+import { T as ea, c as ta, a as aa, b as oa } from "./tabs-85caa1e8.js";
+import { P as ra, b as na, a as ia } from "./popover-f7addcf4.js";
 import * as i from "react";
 import { ChevronRightIcon as f, CheckIcon as g, DotFilledIcon as x, Cross2Icon as b } from "@radix-ui/react-icons";
 import * as s from "@radix-ui/react-menubar";
-import { S as ma, d as ca, a as pa, f as ua, e as fa, g as ga, c as xa, b as ba } from "./select-7fddd7c3.js";
+import { S as la, d as ma, a as ca, f as pa, e as ua, g as fa, c as ga, b as xa } from "./select-7fddd7c3.js";
 import * as n from "@radix-ui/react-dialog";
-import { S as Ca } from "./separator-a80d065b.js";
-import { C as Na, d as Sa, b as wa, i as Ma, c as Ta, f as va, j as Da, n as ja, e as Ia, g as Ra, h as Aa, k as ka, l as Pa, m as La, a as Fa } from "./context-menu-e1c240ce.js";
-import { I as Ha, a as za, L as Va, R as Ba } from "./link-e3a788f7.js";
+import { S as ha } from "./separator-a80d065b.js";
+import { C as ya, d as Na, b as Sa, i as wa, c as Ma, f as Ta, j as va, n as Da, e as ja, g as Ia, h as Ra, k as Aa, l as ka, m as Pa, a as La } from "./context-menu-e1c240ce.js";
+import { I as Ga, a as Ha, L as za, R as Va } from "./link-57de608a.js";
 import "@radix-ui/react-toggle";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-hover-card";
 import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
@@ -33,7 +33,6 @@ import "lodash";
 import "@radix-ui/react-accordion";
 import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-alert-dialog";
 import "cmdk";
 import "@radix-ui/react-label";
 import "@radix-ui/react-scroll-area";
@@ -44,7 +43,7 @@ import "@radix-ui/react-separator";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
-import "./ImagesPanel-3fb8087f.js";
+import "./ImagesPanel-47ac13c3.js";
 import "react-quill";
 import "react-i18next";
 const h = m(
@@ -237,61 +236,61 @@ L.displayName = n.Title.displayName;
 const F = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(n.Description, { ref: o, className: r("text-sm text-muted-foreground", e), ...t }));
 F.displayName = n.Description.displayName;
 export {
-  rt as Accordion,
-  nt as AccordionContent,
-  it as AccordionItem,
-  dt as AccordionTrigger,
-  mt as Alert,
-  ct as AlertDescription,
-  Nt as AlertDialog,
-  St as AlertDialogAction,
-  wt as AlertDialogCancel,
-  Mt as AlertDialogContent,
-  Tt as AlertDialogDescription,
-  vt as AlertDialogFooter,
-  Dt as AlertDialogHeader,
-  jt as AlertDialogTitle,
-  It as AlertDialogTrigger,
-  pt as AlertTitle,
+  ft as Accordion,
+  gt as AccordionContent,
+  xt as AccordionItem,
+  bt as AccordionTrigger,
+  Ct as Alert,
+  yt as AlertDescription,
+  Qe as AlertDialog,
+  Ue as AlertDialogAction,
+  We as AlertDialogCancel,
+  Xe as AlertDialogContent,
+  Ye as AlertDialogDescription,
+  Ze as AlertDialogFooter,
+  _e as AlertDialogHeader,
+  $e as AlertDialogTitle,
+  et as AlertDialogTrigger,
+  Nt as AlertTitle,
   pe as Badge,
-  Qe as Button,
-  ut as Card,
-  ft as CardContent,
-  gt as CardDescription,
-  xt as CardFooter,
-  bt as CardHeader,
-  ht as CardTitle,
-  Vt as Command,
-  Bt as CommandDialog,
-  Et as CommandEmpty,
-  Ot as CommandGroup,
-  qt as CommandInput,
-  Jt as CommandItem,
-  Kt as CommandList,
-  Qt as CommandSeparator,
-  Ut as CommandShortcut,
-  Na as ContextMenu,
-  Sa as ContextMenuCheckboxItem,
-  wa as ContextMenuContent,
-  Ma as ContextMenuGroup,
-  Ta as ContextMenuItem,
-  va as ContextMenuLabel,
-  Da as ContextMenuPortal,
-  ja as ContextMenuRadioGroup,
-  Ia as ContextMenuRadioItem,
-  Ra as ContextMenuSeparator,
-  Aa as ContextMenuShortcut,
-  ka as ContextMenuSub,
-  Pa as ContextMenuSubContent,
-  La as ContextMenuSubTrigger,
-  Fa as ContextMenuTrigger,
-  At as Dialog,
-  kt as DialogContent,
-  Pt as DialogDescription,
-  Lt as DialogFooter,
-  Ft as DialogHeader,
-  Gt as DialogTitle,
-  Ht as DialogTrigger,
+  tt as Button,
+  St as Card,
+  wt as CardContent,
+  Mt as CardDescription,
+  Tt as CardFooter,
+  vt as CardHeader,
+  Dt as CardTitle,
+  zt as Command,
+  Vt as CommandDialog,
+  Bt as CommandEmpty,
+  Et as CommandGroup,
+  Ot as CommandInput,
+  qt as CommandItem,
+  Jt as CommandList,
+  Kt as CommandSeparator,
+  Qt as CommandShortcut,
+  ya as ContextMenu,
+  Na as ContextMenuCheckboxItem,
+  Sa as ContextMenuContent,
+  wa as ContextMenuGroup,
+  Ma as ContextMenuItem,
+  Ta as ContextMenuLabel,
+  va as ContextMenuPortal,
+  Da as ContextMenuRadioGroup,
+  ja as ContextMenuRadioItem,
+  Ia as ContextMenuSeparator,
+  Ra as ContextMenuShortcut,
+  Aa as ContextMenuSub,
+  ka as ContextMenuSubContent,
+  Pa as ContextMenuSubTrigger,
+  La as ContextMenuTrigger,
+  Rt as Dialog,
+  At as DialogContent,
+  kt as DialogDescription,
+  Pt as DialogFooter,
+  Lt as DialogHeader,
+  Ft as DialogTitle,
+  Gt as DialogTrigger,
   ve as DropdownMenu,
   De as DropdownMenuCheckboxItem,
   je as DropdownMenuContent,
@@ -310,11 +309,11 @@ export {
   Ee as HoverCard,
   Oe as HoverCardContent,
   qe as HoverCardTrigger,
-  Ha as IconPickerField,
-  za as ImagePickerField,
-  Wt as Input,
-  Yt as Label,
-  Va as LinkField,
+  Ga as IconPickerField,
+  Ha as ImagePickerField,
+  Ut as Input,
+  Xt as Label,
+  za as LinkField,
   C as Menubar,
   T as MenubarCheckboxItem,
   w as MenubarContent,
@@ -331,21 +330,21 @@ export {
   S as MenubarSubContent,
   N as MenubarSubTrigger,
   y as MenubarTrigger,
-  na as Popover,
-  ia as PopoverContent,
-  da as PopoverTrigger,
-  Ba as RTEField,
-  _t as ScrollArea,
-  $t as ScrollBar,
-  ma as Select,
-  ca as SelectContent,
-  pa as SelectGroup,
-  ua as SelectItem,
-  fa as SelectLabel,
-  ga as SelectSeparator,
-  xa as SelectTrigger,
-  ba as SelectValue,
-  Ca as Separator,
+  ra as Popover,
+  na as PopoverContent,
+  ia as PopoverTrigger,
+  Va as RTEField,
+  Zt as ScrollArea,
+  _t as ScrollBar,
+  la as Select,
+  ma as SelectContent,
+  ca as SelectGroup,
+  pa as SelectItem,
+  ua as SelectLabel,
+  fa as SelectSeparator,
+  ga as SelectTrigger,
+  xa as SelectValue,
+  ha as Separator,
   he as Sheet,
   ye as SheetClose,
   A as SheetContent,
@@ -354,24 +353,24 @@ export {
   k as SheetHeader,
   L as SheetTitle,
   Ce as SheetTrigger,
-  Ue as Skeleton,
+  at as Skeleton,
   Je as Switch,
-  ta as Tabs,
-  aa as TabsContent,
-  oa as TabsList,
-  sa as TabsTrigger,
-  Ct as Textarea,
-  We as Toaster,
+  ea as Tabs,
+  ta as TabsContent,
+  aa as TabsList,
+  oa as TabsTrigger,
+  jt as Textarea,
+  ot as Toaster,
   we as Toggle,
-  Xe as Tooltip,
-  Ye as TooltipContent,
-  Ze as TooltipPortal,
-  _e as TooltipProvider,
-  $e as TooltipTrigger,
+  st as Tooltip,
+  rt as TooltipContent,
+  nt as TooltipPortal,
+  it as TooltipProvider,
+  dt as TooltipTrigger,
   h as badgeVariants,
-  et as buttonVariants,
-  tt as reducer,
-  at as toast,
+  lt as buttonVariants,
+  mt as reducer,
+  ct as toast,
   Me as toggleVariants,
-  ot as useToast
+  pt as useToast
 };

package/dist/useBuilderProp-21feb2da.js

@@ -0,0 +1,296 @@
+import { j as s } from "./jsx-runtime-944c88e2.js";
+import * as i from "react";
+import * as d from "@radix-ui/react-alert-dialog";
+import { c as a } from "./utils-ac68b2c8.js";
+import { Slot as P } from "@radix-ui/react-slot";
+import { cva as b } from "class-variance-authority";
+import * as c from "@radix-ui/react-tooltip";
+import { Cross2Icon as C } from "@radix-ui/react-icons";
+import * as n from "@radix-ui/react-toast";
+import { atom as T, useAtomValue as E } from "jotai";
+import { get as _ } from "lodash";
+const h = T(null);
+h.debugLabel = "chaiBuilderPropsAtom";
+const V = T(null);
+V.debugLabel = "apiKeyAtom";
+const v = b(
+  "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 = i.forwardRef(
+  ({ className: e, variant: t, size: o, asChild: r = !1, ...l }, f) => {
+    const O = r ? P : "button";
+    return /* @__PURE__ */ s.jsx(O, { className: a(v({ variant: t, size: o, className: e })), ref: f, ...l });
+  }
+);
+I.displayName = "Button";
+const ie = d.Root, de = d.Trigger, N = ({ className: e, ...t }) => /* @__PURE__ */ s.jsx(d.Portal, { className: a(e), ...t });
+N.displayName = d.Portal.displayName;
+const w = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(
+  d.Overlay,
+  {
+    className: a(
+      "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,
+    ref: o
+  }
+));
+w.displayName = d.Overlay.displayName;
+const z = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsxs(N, { children: [
+  /* @__PURE__ */ s.jsx(w, {}),
+  /* @__PURE__ */ s.jsx(
+    d.Content,
+    {
+      ref: o,
+      className: a(
+        "fixed left-[50%] top-[50%] z-50 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
+      ),
+      ...t
+    }
+  )
+] }));
+z.displayName = d.Content.displayName;
+const k = ({ className: e, ...t }) => /* @__PURE__ */ s.jsx("div", { className: a("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+k.displayName = "AlertDialogHeader";
+const M = ({ className: e, ...t }) => /* @__PURE__ */ s.jsx("div", { className: a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+M.displayName = "AlertDialogFooter";
+const B = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(d.Title, { ref: o, className: a("text-lg font-semibold", e), ...t }));
+B.displayName = d.Title.displayName;
+const L = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(d.Description, { ref: o, className: a("text-sm text-muted-foreground", e), ...t }));
+L.displayName = d.Description.displayName;
+const U = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(d.Action, { ref: o, className: a(v(), e), ...t }));
+U.displayName = d.Action.displayName;
+const F = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(
+  d.Cancel,
+  {
+    ref: o,
+    className: a(v({ variant: "outline" }), "mt-2 sm:mt-0", e),
+    ...t
+  }
+));
+F.displayName = d.Cancel.displayName;
+const ne = c.Portal, le = c.Provider, ce = c.Root, me = c.Trigger, H = i.forwardRef(({ className: e, sideOffset: t = 4, ...o }, r) => /* @__PURE__ */ s.jsx(
+  c.Content,
+  {
+    ref: r,
+    sideOffset: t,
+    className: a(
+      "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",
+      e
+    ),
+    ...o
+  }
+));
+H.displayName = c.Content.displayName;
+const K = 1, Q = 1e6;
+let g = 0;
+function X() {
+  return g = (g + 1) % Number.MAX_VALUE, g.toString();
+}
+const x = /* @__PURE__ */ new Map(), y = (e) => {
+  if (x.has(e))
+    return;
+  const t = setTimeout(() => {
+    x.delete(e), m({
+      type: "REMOVE_TOAST",
+      toastId: e
+    });
+  }, Q);
+  x.set(e, t);
+}, Y = (e, t) => {
+  switch (t.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [t.toast, ...e.toasts].slice(0, K)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map((o) => o.id === t.toast.id ? { ...o, ...t.toast } : o)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: o } = t;
+      return o ? y(o) : e.toasts.forEach((r) => {
+        y(r.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (r) => r.id === o || o === void 0 ? {
+            ...r,
+            open: !1
+          } : r
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return t.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((o) => o.id !== t.toastId)
+      };
+  }
+}, u = [];
+let p = { toasts: [] };
+function m(e) {
+  p = Y(p, e), u.forEach((t) => {
+    t(p);
+  });
+}
+function q({ ...e }) {
+  const t = X(), o = (l) => m({
+    type: "UPDATE_TOAST",
+    toast: { ...l, id: t }
+  }), r = () => m({ type: "DISMISS_TOAST", toastId: t });
+  return m({
+    type: "ADD_TOAST",
+    toast: {
+      ...e,
+      id: t,
+      open: !0,
+      onOpenChange: (l) => {
+        l || r();
+      }
+    }
+  }), {
+    id: t,
+    dismiss: r,
+    update: o
+  };
+}
+function G() {
+  const [e, t] = i.useState(p);
+  return i.useEffect(() => (u.push(t), () => {
+    const o = u.indexOf(t);
+    o > -1 && u.splice(o, 1);
+  }), [e]), {
+    ...e,
+    toast: q,
+    dismiss: (o) => m({ type: "DISMISS_TOAST", toastId: o })
+  };
+}
+const J = n.Provider, A = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(
+  n.Viewport,
+  {
+    ref: o,
+    className: a(
+      "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]",
+      e
+    ),
+    ...t
+  }
+));
+A.displayName = n.Viewport.displayName;
+const W = b(
+  "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"
+    }
+  }
+), j = i.forwardRef(({ className: e, variant: t, ...o }, r) => /* @__PURE__ */ s.jsx(n.Root, { ref: r, className: a(W({ variant: t }), e), ...o }));
+j.displayName = n.Root.displayName;
+const Z = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(
+  n.Action,
+  {
+    ref: o,
+    className: a(
+      "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",
+      e
+    ),
+    ...t
+  }
+));
+Z.displayName = n.Action.displayName;
+const D = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(
+  n.Close,
+  {
+    ref: o,
+    className: a(
+      "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",
+      e
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ s.jsx(C, { className: "h-4 w-4" })
+  }
+));
+D.displayName = n.Close.displayName;
+const S = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(n.Title, { ref: o, className: a("text-sm font-semibold [&+div]:text-xs", e), ...t }));
+S.displayName = n.Title.displayName;
+const R = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s.jsx(n.Description, { ref: o, className: a("text-sm opacity-90", e), ...t }));
+R.displayName = n.Description.displayName;
+function ue() {
+  const { toasts: e } = G();
+  return /* @__PURE__ */ s.jsxs(J, { children: [
+    e.map(({ id: t, title: o, description: r, action: l, ...f }) => /* @__PURE__ */ s.jsxs(j, { ...f, children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "grid gap-1", children: [
+        o && /* @__PURE__ */ s.jsx(S, { children: o }),
+        r && /* @__PURE__ */ s.jsx(R, { children: r })
+      ] }),
+      l,
+      /* @__PURE__ */ s.jsx(D, {})
+    ] }, t)),
+    /* @__PURE__ */ s.jsx(A, {})
+  ] });
+}
+const pe = ({ className: e, ...t }) => /* @__PURE__ */ s.jsx("div", { className: a("animate-pulse rounded-md bg-primary/10", e), ...t }), fe = (e, t = void 0) => {
+  const o = E(h);
+  return _(o, e, t);
+};
+export {
+  ie as A,
+  I as B,
+  pe as S,
+  le as T,
+  ue as a,
+  de as b,
+  h as c,
+  z as d,
+  k as e,
+  B as f,
+  L as g,
+  M as h,
+  F as i,
+  v as j,
+  U as k,
+  ce as l,
+  me as m,
+  H as n,
+  ne as o,
+  G as p,
+  Y as r,
+  q as t,
+  fe as u
+};

package/dist/useBuilderProp-adacf42f.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./jsx-runtime-5c3ac4f7.cjs"),H=require("react"),U=require("@radix-ui/react-alert-dialog"),r=require("./utils-3c452dd0.cjs"),K=require("@radix-ui/react-slot"),h=require("class-variance-authority"),Q=require("@radix-ui/react-tooltip"),X=require("@radix-ui/react-icons"),Y=require("@radix-ui/react-toast"),T=require("jotai"),G=require("lodash");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,a.get?a:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const i=x(H),n=x(U),c=x(Q),d=x(Y),j=T.atom(null);j.debugLabel="chaiBuilderPropsAtom";const J=T.atom(null);J.debugLabel="apiKeyAtom";const f=h.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"}}),A=i.forwardRef(({className:t,variant:e,size:o,asChild:a=!1,...l},g)=>{const F=a?K.Slot:"button";return s.jsxRuntimeExports.jsx(F,{className:r.cn(f({variant:e,size:o,className:t})),ref:g,...l})});A.displayName="Button";const W=n.Root,Z=n.Trigger,N=({className:t,...e})=>s.jsxRuntimeExports.jsx(n.Portal,{className:r.cn(t),...e});N.displayName=n.Portal.displayName;const R=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(n.Overlay,{className:r.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",t),...e,ref:o}));R.displayName=n.Overlay.displayName;const w=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsxs(N,{children:[s.jsxRuntimeExports.jsx(R,{}),s.jsxRuntimeExports.jsx(n.Content,{ref:o,className:r.cn("fixed left-[50%] top-[50%] z-50 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",t),...e})]}));w.displayName=n.Content.displayName;const D=({className:t,...e})=>s.jsxRuntimeExports.jsx("div",{className:r.cn("flex flex-col space-y-2 text-center sm:text-left",t),...e});D.displayName="AlertDialogHeader";const E=({className:t,...e})=>s.jsxRuntimeExports.jsx("div",{className:r.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...e});E.displayName="AlertDialogFooter";const S=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(n.Title,{ref:o,className:r.cn("text-lg font-semibold",t),...e}));S.displayName=n.Title.displayName;const P=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(n.Description,{ref:o,className:r.cn("text-sm text-muted-foreground",t),...e}));P.displayName=n.Description.displayName;const O=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(n.Action,{ref:o,className:r.cn(f(),t),...e}));O.displayName=n.Action.displayName;const _=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(n.Cancel,{ref:o,className:r.cn(f({variant:"outline"}),"mt-2 sm:mt-0",t),...e}));_.displayName=n.Cancel.displayName;const $=c.Portal,tt=c.Provider,et=c.Root,ot=c.Trigger,C=i.forwardRef(({className:t,sideOffset:e=4,...o},a)=>s.jsxRuntimeExports.jsx(c.Content,{ref:a,sideOffset:e,className:r.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}));C.displayName=c.Content.displayName;const st=1,at=1e6;let v=0;function rt(){return v=(v+1)%Number.MAX_VALUE,v.toString()}const y=new Map,b=t=>{if(y.has(t))return;const e=setTimeout(()=>{y.delete(t),u({type:"REMOVE_TOAST",toastId:t})},at);y.set(t,e)},V=(t,e)=>{switch(e.type){case"ADD_TOAST":return{...t,toasts:[e.toast,...t.toasts].slice(0,st)};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?b(o):t.toasts.forEach(a=>{b(a.id)}),{...t,toasts:t.toasts.map(a=>a.id===o||o===void 0?{...a,open:!1}:a)}}case"REMOVE_TOAST":return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)}}},m=[];let p={toasts:[]};function u(t){p=V(p,t),m.forEach(e=>{e(p)})}function I({...t}){const e=rt(),o=l=>u({type:"UPDATE_TOAST",toast:{...l,id:e}}),a=()=>u({type:"DISMISS_TOAST",toastId:e});return u({type:"ADD_TOAST",toast:{...t,id:e,open:!0,onOpenChange:l=>{l||a()}}}),{id:e,dismiss:a,update:o}}function q(){const[t,e]=i.useState(p);return i.useEffect(()=>(m.push(e),()=>{const o=m.indexOf(e);o>-1&&m.splice(o,1)}),[t]),{...t,toast:I,dismiss:o=>u({type:"DISMISS_TOAST",toastId:o})}}const it=d.Provider,z=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(d.Viewport,{ref:o,className:r.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}));z.displayName=d.Viewport.displayName;const nt=h.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"}}),k=i.forwardRef(({className:t,variant:e,...o},a)=>s.jsxRuntimeExports.jsx(d.Root,{ref:a,className:r.cn(nt({variant:e}),t),...o}));k.displayName=d.Root.displayName;const dt=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(d.Action,{ref:o,className:r.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}));dt.displayName=d.Action.displayName;const M=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(d.Close,{ref:o,className:r.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:s.jsxRuntimeExports.jsx(X.Cross2Icon,{className:"h-4 w-4"})}));M.displayName=d.Close.displayName;const B=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(d.Title,{ref:o,className:r.cn("text-sm font-semibold [&+div]:text-xs",t),...e}));B.displayName=d.Title.displayName;const L=i.forwardRef(({className:t,...e},o)=>s.jsxRuntimeExports.jsx(d.Description,{ref:o,className:r.cn("text-sm opacity-90",t),...e}));L.displayName=d.Description.displayName;function lt(){const{toasts:t}=q();return s.jsxRuntimeExports.jsxs(it,{children:[t.map(({id:e,title:o,description:a,action:l,...g})=>s.jsxRuntimeExports.jsxs(k,{...g,children:[s.jsxRuntimeExports.jsxs("div",{className:"grid gap-1",children:[o&&s.jsxRuntimeExports.jsx(B,{children:o}),a&&s.jsxRuntimeExports.jsx(L,{children:a})]}),l,s.jsxRuntimeExports.jsx(M,{})]},e)),s.jsxRuntimeExports.jsx(z,{})]})}const ct=({className:t,...e})=>s.jsxRuntimeExports.jsx("div",{className:r.cn("animate-pulse rounded-md bg-primary/10",t),...e}),ut=(t,e=void 0)=>{const o=T.useAtomValue(j);return G.get(o,t,e)};exports.AlertDialog=W;exports.AlertDialogAction=O;exports.AlertDialogCancel=_;exports.AlertDialogContent=w;exports.AlertDialogDescription=P;exports.AlertDialogFooter=E;exports.AlertDialogHeader=D;exports.AlertDialogTitle=S;exports.AlertDialogTrigger=Z;exports.Button=A;exports.Skeleton=ct;exports.Toaster=lt;exports.Tooltip=et;exports.TooltipContent=C;exports.TooltipPortal=$;exports.TooltipProvider=tt;exports.TooltipTrigger=ot;exports.buttonVariants=f;exports.chaiBuilderPropsAtom=j;exports.reducer=V;exports.toast=I;exports.useBuilderProp=ut;exports.useToast=q;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chaibuilder/sdk",
   "private": false,
-  "version": "0.1.32",
+  "version": "1.0.0",
   "type": "module",
   "files": [
     "dist"

package/dist/AddBlocks-e4f51b58.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),n=require("react"),s=require("lodash"),b=require("jotai"),w=require("./accordion-0afd8143.cjs"),q=require("./scroll-area-bb343b86.cjs"),k=require("./tabs-860e37aa.cjs"),y=require("./useBuilderProp-5e57d0c8.cjs"),v=require("react-dnd"),C=require("@radix-ui/react-icons"),l=require("./index-86352d44.cjs");require("react-i18next");const T=require("@chaibuilder/blocks"),I=require("lucide-react"),L=require("./utils-3c452dd0.cjs"),f=require("./textarea-a338ede6.cjs"),P=require("./label-167415e5.cjs"),S=require("./html-to-json-aadcbf66.cjs");require("@radix-ui/react-accordion");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("./MODIFIERS-4716c669.cjs");require("clsx");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("redux-undo");require("@react-hookz/web");require("sonner");require("tailwind-merge");require("@radix-ui/react-label");require("himalaya");const M=({block:t})=>{const{type:r,icon:o,label:c}=t,{addCoreBlock:u,addPredefinedBlock:m}=l.useAddBlock(),[p]=l.useSelectedBlockIds(),[,x]=b.useAtom(l.activePanelAtom),[,i]=b.useAtom(l.addBlocksModalAtom),E=()=>{s.has(t,"blocks")?m(T.syncBlocksWithDefaults(t.blocks),s.first(p)):u(t,s.first(p)),i(!1),x("layers")},[,g,j]=v.useDrag(()=>({type:"CHAI_BLOCK",item:t}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.DragPreviewImage,{connect:j,src:"https://placehold.co/100x30/000000/FFF?text="+(c||r).replace(/ /g,"+")}),e.jsxRuntimeExports.jsxs(y.Tooltip,{children:[e.jsxRuntimeExports.jsx(y.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:E,type:"button",ref:g,className:"cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",children:[n.createElement(o||C.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"truncate text-xs",children:c||r})]})}),e.jsxRuntimeExports.jsx(y.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:c||r})})]})]})},F=({block:t,closePopover:r})=>{var j;const[o,c]=n.useState(!1),u=y.useBuilderProp("getExternalPredefinedBlock"),{addCoreBlock:m,addPredefinedBlock:p}=l.useAddBlock(),[x]=l.useSelectedBlockIds(),[,i,E]=v.useDrag(()=>({type:"CHAI_BLOCK",item:t}),[t]),g=n.useCallback(async R=>{if(R.stopPropagation(),s.has(t,"component")){m(t,s.first(x)),r();return}c(!0);const a=await u(t);s.isEmpty(a)||p(T.syncBlocksWithDefaults(a),s.first(x)),r()},[t]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.DragPreviewImage,{connect:E,src:"https://placehold.co/100x30/000000/FFF?text="+((j=t.name||t.label)==null?void 0:j.replace(" ","+"))}),e.jsxRuntimeExports.jsxs("div",{ref:i,onClick:o?()=>{}:g,className:"relative cursor-grab overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",children:[o&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(I.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),t.preview?e.jsxRuntimeExports.jsx("img",{src:t.preview,className:"min-h-[50px] w-full rounded-md border border-gray-300",alt:t.name}):e.jsxRuntimeExports.jsx("div",{className:"flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200",children:e.jsxRuntimeExports.jsx("p",{className:"max-w-xs text-center text-sm text-gray-700",children:t.name})})]})]})},H=()=>{const{data:t,isLoading:r}=l.useUILibraryBlocks(),o=T.useChaiBlocks(),c=s.filter(s.values(o),{category:"custom"}),u=s.groupBy(c,"group"),m=s.groupBy(t,"group"),[p,x]=n.useState(null),i=n.useMemo(()=>s.mergeWith(u,m,(a,h)=>{if(s.isArray(a)&&s.isArray(h))return[...a,...h]}),[u,m]),[,E]=b.useAtom(l.addBlocksModalAtom),[g,j]=n.useState("Navbar"),R=s.get(i,g,[]);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full overflow-hidden py-2",children:[e.jsxRuntimeExports.jsx("ul",{className:"sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2",children:r?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("li",{className:"h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"})]}):n.Children.toArray(s.map(i,(a,h)=>e.jsxRuntimeExports.jsx("li",{onMouseOut:()=>{clearTimeout(p),x(null)},onMouseEnter:()=>{const B=setTimeout(()=>{j(h)},300);x(B)},onClick:()=>j(h),className:L.cn("-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",g===h?"bg-blue-500 text-white":" text-gray-700 hover:bg-foreground/10"),children:h})))}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-full space-y-2 overflow-y-auto px-8",children:n.Children.toArray(R.map(a=>e.jsxRuntimeExports.jsx(F,{block:a,closePopover:()=>E(!1)})))})]})},D=()=>{const[t,r]=n.useState(""),{addPredefinedBlock:o}=l.useAddBlock(),[c]=l.useSelectedBlockIds(),[,u]=b.useAtom(l.addBlockOffCanvasAtom),[,m]=b.useAtom(l.activePanelAtom),[,p]=b.useAtom(l.addBlocksModalAtom),x=()=>{const i=S.getBlocksFromHTML(t);o([...i],s.first(c)||null),r(""),u(!1),m("layers"),p(!1)};return e.jsxRuntimeExports.jsxs(f.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsxs(f.CardHeader,{className:"p-3",children:[e.jsxRuntimeExports.jsx(f.CardTitle,{children:"Import HTML"}),e.jsxRuntimeExports.jsx(f.CardDescription,{children:"Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported."})]}),e.jsxRuntimeExports.jsx(f.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(P.Label,{htmlFor:"current",className:"text-sm",children:"Enter HTML Code:"}),e.jsxRuntimeExports.jsx(f.Textarea,{autoFocus:!0,tabIndex:1,ref:i=>i&&i.focus(),defaultValue:t,onChange:i=>r(i.target.value),rows:12,placeholder:`<div>
-    <h1>Enter code here</h1>
-</div>`,className:"resize-none overflow-x-auto whitespace-pre font-mono font-normal"})]})}),e.jsxRuntimeExports.jsxs(f.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(y.Button,{disabled:t.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:"Import"}),e.jsxRuntimeExports.jsxs(f.Alert,{variant:"default",className:"mt-2 p-1 text-blue-400",children:[e.jsxRuntimeExports.jsx(C.ExclamationTriangleIcon,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsx(f.AlertTitle,{className:"text-sm leading-4",children:"Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page."})]})]})]})},O=D,N=["ListItem","TableHead","TableBody","TableRow","TableCell","Column"],U=(t,r)=>{if(!t)return!s.includes(N,r);const o=t._type;return o==="List"?r==="ListItem":o==="Table"?r==="TableHead"||r==="TableBody":o==="TableHead"||o==="TableBody"?r==="TableRow":o==="TableRow"?r==="TableCell":o==="Row"?r==="Column":!s.includes(N,r)},z=()=>{const[t,r]=n.useState("core"),[o,c]=n.useState("basic"),u=T.useChaiBlocks(),[,m]=b.useAtom(l.showPredefinedBlockCategoryAtom),[,p]=b.useAtom(l.addBlocksModalAtom),[x]=l.useSelectedBlockIds(),i=l.useAllBlocks(),E=s.find(i,{_id:s.first(x)}),{data:g,isLoading:j}=l.useUILibraryBlocks(),R=s.groupBy(s.filter(u,d=>U(E,d.type)),"category"),a=s.uniq(s.map(R.core,"group"));n.useEffect(()=>{!s.includes(a,o)&&!s.isEmpty(a)&&!s.isEmpty(o)&&c(s.first(a))},[a,o]);const h=d=>c(A=>A===d?"":d),B=!j&&!s.isEmpty(g)||s.find(s.values(u),{category:"custom"})!==void 0;return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsxs("h1",{className:"flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row",children:["Add block",e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:t==="html"?"(Enter or paste your own HTML code)":"(Drag & drop into tree view or click to add)"})]}),e.jsxRuntimeExports.jsxs("button",{onClick:()=>p(!1),className:"flex h-max items-center gap-x-1 rounded-full border p-px text-xs text-gray-800 hover:bg-gray-100 md:p-2",children:[e.jsxRuntimeExports.jsx(C.Cross1Icon,{width:12})," Close"]})]}),e.jsxRuntimeExports.jsx(k.Tabs,{onValueChange:d=>{m(""),r(d)},value:t,className:"h-max",children:e.jsxRuntimeExports.jsxs(k.TabsList,{className:"grid w-full "+(B?"grid-cols-3":"grid-cols-2"),children:[e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"core",children:"Core"}),B?e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"ui-blocks",children:"UI Blocks"}):null,e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"html",children:"Import"})]})}),t==="core"&&e.jsxRuntimeExports.jsx(q.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx(w.Accordion,{type:"single",value:o,className:"w-full px-3",children:n.Children.toArray(s.map(a,d=>s.reject(s.filter(s.values(R.core),{group:d}),{hidden:!0}).length?e.jsxRuntimeExports.jsxs(w.AccordionItem,{value:d,className:"border-border",children:[e.jsxRuntimeExports.jsx(w.AccordionTrigger,{onClick:()=>h(d),className:"py-2 capitalize",children:d}),e.jsxRuntimeExports.jsx(w.AccordionContent,{children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-4 gap-2",children:n.Children.toArray(s.reject(s.filter(s.values(R.core),{group:d}),{hidden:!0}).map(A=>e.jsxRuntimeExports.jsx(M,{block:A})))})})]}):null))})}),t==="ui-blocks"&&e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(y.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(H,{})}),t==="html"&&e.jsxRuntimeExports.jsx(O,{})]})};exports.default=z;

package/dist/BrandingOptions-52f9691c.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./jsx-runtime-5c3ac4f7.cjs"),O=require("react"),C=require("@rjsf/validator-ajv8"),B=require("@rjsf/core"),j=require("./index-86352d44.cjs");require("react-i18next");const R=require("./useBuilderProp-5e57d0c8.cjs"),e=require("@chaibuilder/blocks"),P=require("lodash");require("./MODIFIERS-4716c669.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("./utils-3c452dd0.cjs");require("tailwind-merge");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-aadcbf66.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@radix-ui/react-icons");require("lucide-react");require("sonner");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");function k(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const c=k(O),v=[{title:"Roboto",value:"Roboto"},{title:"Open Sans",value:"Open Sans"},{title:"Montserrat",value:"Montserrat"},{title:"Lato",value:"Lato"},{title:"Poppins",value:"Poppins"},{title:"Oswald",value:"Oswald"},{title:"Raleway",value:"Raleway"},{title:"Ubuntu",value:"Ubuntu"},{title:"Nunito",value:"Nunito"},{title:"Merriweather",value:"Merriweather"},{title:"Nunito Sans",value:"Nunito Sans"},{title:"Playfair Display",value:"Playfair Display"},{title:"Rubik",value:"Rubik"},{title:"Inter",value:"Inter"},{title:"Lora",value:"Lora"},{title:"Kanit",value:"Kanit"},{title:"Fira Sans",value:"Fira Sans"},{title:"Hind",value:"Hind"},{title:"Quicksand",value:"Quicksand"},{title:"Mulish",value:"Mulish"},{title:"Barlow",value:"Barlow"},{title:"Inconsolata",value:"Inconsolata"},{title:"Titillium Web",value:"Titillium Web"},{title:"Heebo",value:"Heebo"},{title:"IBM Plex Sans",value:"IBM Plex Sans"},{title:"DM Sans",value:"DM Sans"},{title:"Nanum Gothic",value:"Nanum Gothic"},{title:"Karla",value:"Karla"},{title:"Arimo",value:"Arimo"},{title:"Cabin",value:"Cabin"},{title:"Oxygen",value:"Oxygen"},{title:"Overpass",value:"Overpass"},{title:"Assistant",value:"Assistant"},{title:"Tajawal",value:"Tajawal"},{title:"Play",value:"Play"},{title:"Exo",value:"Exo"},{title:"Cinzel",value:"Cinzel"},{title:"Faustina",value:"Faustina"},{title:"Philosopher",value:"Philosopher"},{title:"Gelasio",value:"Gelasio"},{title:"Sofia Sans Condensed",value:"Sofia Sans Condensed"},{title:"Noto Sans Devanagari",value:"Noto Sans Devanagari"},{title:"Actor",value:"Actor"},{title:"Epilogue",value:"Epilogue"},{title:"Glegoo",value:"Glegoo"},{title:"Overlock",value:"Overlock"},{title:"Lustria",value:"Lustria"},{title:"Ovo",value:"Ovo"},{title:"Suranna",value:"Suranna"}],D=()=>{const r=R.useBuilderProp("onSaveBrandingOptions",async()=>{}),[t,i]=j.useBrandingOptions(),a=c.useRef(t);c.useEffect(()=>()=>{P.isEqual(t,a.current)||r(a.current)},[]);const p=({formData:l},u)=>{u&&(i(l),a.current=l)},{bodyFont:g,headingFont:f,primaryColor:b,bodyTextDarkColor:m,bodyTextLightColor:y,bodyBgDarkColor:q,secondaryColor:x,bodyBgLightColor:h,roundedCorners:S}=t,s={headingFont:e.SelectOption({title:"Heading font",default:f,options:v}),bodyFont:e.SelectOption({title:"Body font",default:g,options:v}),roundedCorners:e.Numeric({title:"Rounded Corner",default:parseInt(S||5,10)}),primaryColor:e.Color({title:"Primary",default:b}),secondaryColor:e.Color({title:"Secondary",default:x}),bodyBgLightColor:e.Color({title:"Body Background (Light)",default:h}),bodyBgDarkColor:e.Color({title:"Body Background (Dark)",default:q}),bodyTextLightColor:e.Color({title:"Body Text (Light)",default:m}),bodyTextDarkColor:e.Color({title:"Body Text (Dark)",default:y})},n={type:"object",properties:{}},d={};return Object.keys(s).forEach(l=>{const u=s[l];return n.properties||(n.properties={}),n.properties[l]=u.schema,d[l]=u.uiSchema,!0}),o.jsxRuntimeExports.jsxs("div",{className:"flex h-full select-none flex-col",children:[o.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:o.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Branding Options"})}),o.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:o.jsxRuntimeExports.jsx(B,{idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:d,schema:n,formData:t,validator:C,onChange:p})})]})};exports.default=D;