@chaibuilder/sdk 1.2.89 → 1.2.90

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.2.89",
+  "version": "1.2.90",
   "type": "module",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
     "e2e": "playwright test",
     "e2e:report": "playwright show-report",
     "e2e:ui": "playwright test --ui",
-    "docs": "typedoc --plugin typedoc-github-theme",
+    "docs": "typedoc --plugin typedoc-plugin-clarity",
     "prepare": "husky"
   },
   "exports": {
@@ -180,6 +180,7 @@
     "ts-node": "^10.9.2",
     "typedoc": "^0.26.7",
     "typedoc-github-theme": "^0.1.2",
+    "typedoc-plugin-clarity": "^1.6.0",
     "typescript": "^5.2.2",
     "vite": "^5.0.12",
     "vite-plugin-dts": "^3.6.3",

package/dist/Topbar-4sclJZrd.js

@@ -1,144 +0,0 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import l, { Suspense as m } from "react";
-import { FontFamilyIcon as d, EyeOpenIcon as u } from "@radix-ui/react-icons";
-import { S as h, c as j, b as g, d as f, a as v, e as b, f as n } from "./select-nNzJ_AuC.js";
-import { d as a, e as N, F as S, f as w } from "./index-dee0FZm6.js";
-import { B as c, S as p, ac as y } from "./context-menu-DeUUflYX.js";
-import { useTranslation as x } from "react-i18next";
-import { c as C } from "./iconBase-zweRWSz0.js";
-import "@radix-ui/react-select";
-import "lodash-es";
-import "jotai";
-import "@chaibuilder/runtime";
-import "./plugin-sJ3Hzvpv.js";
-import "@react-hookz/web";
-import "tree-model";
-import "react-quill";
-import "./STRINGS-TDN5UhWi.js";
-import "flagged";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "react-event-hook";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-import "tailwindcss-palette-generator";
-import "tailwind-merge";
-import "react-wrap-balancer";
-import "react-dom";
-import "prop-types";
-import "react-error-boundary";
-import "re-resizable";
-import "lucide-react";
-import "@rjsf/validator-ajv8";
-import "@rjsf/core";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "clsx";
-import "i18next";
-import "@radix-ui/react-scroll-area";
-import "framer-motion";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-accordion";
-import "class-variance-authority";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-label";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-context-menu";
-const k = () => a("languages", ["en"]), A = () => k().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(h, { children: [
-  /* @__PURE__ */ e.jsx(j, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
-    g,
-    {
-      placeholder: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ e.jsx(d, { className: "h-4 w-4" }),
-        " English(US)"
-      ] })
-    }
-  ) }),
-  /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsxs(v, { children: [
-    /* @__PURE__ */ e.jsx(b, { children: "Fruits" }),
-    /* @__PURE__ */ e.jsx(n, { value: "apple", children: "Apple" }),
-    /* @__PURE__ */ e.jsx(n, { value: "banana", children: "Banana" }),
-    /* @__PURE__ */ e.jsx(n, { value: "blueberry", children: "Blueberry" }),
-    /* @__PURE__ */ e.jsx(n, { value: "grapes", children: "Grapes" }),
-    /* @__PURE__ */ e.jsx(n, { value: "pineapple", children: "Pineapple" })
-  ] }) })
-] }) }), B = () => {
-  const { savePage: i, saveState: t } = N(), { t: s } = x(), o = /* @__PURE__ */ e.jsxs(
-    c,
-    {
-      disabled: t === "SAVING",
-      onClick: (r) => {
-        r.preventDefault(), i();
-      },
-      className: C(
-        "flex h-auto w-fit items-center gap-x-2 p-1 px-2",
-        // UNSAVED sate
-        "bg-gray-200 text-gray-500 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400",
-        {
-          "animate-pulse bg-gray-300 text-gray-900": t === "SAVING",
-          "bg-green-500 text-white hover:bg-green-600 hover:text-white dark:bg-green-600 dark:text-white": t === "SAVED"
-        }
-      ),
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ e.jsx(S, { className: "text-sm text-white" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: s(t === "SAVING" ? "saving" : t === "SAVED" ? "saved" : "unsaved") })
-      ]
-    }
-  );
-  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: o });
-}, P = function() {
-  const t = a("previewComponent"), [, s] = w(), { t: o } = x();
-  return t ? /* @__PURE__ */ e.jsxs(
-    c,
-    {
-      onClick: (r) => {
-        r.preventDefault(), s(!0);
-      },
-      className: "flex h-auto w-fit items-center gap-x-2 p-1 px-2",
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ e.jsx(u, { className: "text-xs" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: o("preview") })
-      ]
-    }
-  ) : null;
-}, Le = () => {
-  const i = a("topBarComponents.left", []), t = a("topBarComponents.center", []), s = a("topBarComponents.right", []), o = a("editable", !0);
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2 font-bold", children: l.Children.toArray(
-      i.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
-    ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: l.Children.toArray(
-      t.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
-    ) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-1", children: [
-      /* @__PURE__ */ e.jsx(A, {}),
-      /* @__PURE__ */ e.jsx(P, {}),
-      /* @__PURE__ */ e.jsx(y, { orientation: "vertical" }),
-      o ? /* @__PURE__ */ e.jsx(B, {}) : null,
-      l.Children.toArray(
-        s.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
-      )
-    ] })
-  ] });
-};
-export {
-  Le as default
-};

package/dist/Topbar-z2HUDRQZ.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),u=require("react"),o=require("@radix-ui/react-icons"),r=require("./select-Siy0CQZ0.cjs"),i=require("./index-dsyGOJ1S.cjs"),x=require("./context-menu--DZnHfxj.cjs"),c=require("react-i18next"),p=require("./iconBase-vJD0OXxU.cjs");require("@radix-ui/react-select");require("lodash-es");require("jotai");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("tailwind-merge");require("react-wrap-balancer");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("lucide-react");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("clsx");require("i18next");require("@radix-ui/react-scroll-area");require("framer-motion");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");const m=()=>i.useBuilderProp("languages",["en"]),j=()=>m().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Select,{children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(o.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(r.SelectContent,{children:e.jsxRuntimeExports.jsxs(r.SelectGroup,{children:[e.jsxRuntimeExports.jsx(r.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),q=()=>{const{savePage:a,saveState:s}=i.useSavePage(),{t:n}=c.useTranslation(),l=e.jsxRuntimeExports.jsxs(x.Button,{disabled:s==="SAVING",onClick:t=>{t.preventDefault(),a()},className:p.cn("flex h-auto w-fit items-center gap-x-2 p-1 px-2","bg-gray-200 text-gray-500 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400",{"animate-pulse bg-gray-300 text-gray-900":s==="SAVING","bg-green-500 text-white hover:bg-green-600 hover:text-white dark:bg-green-600 dark:text-white":s==="SAVED"}),size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(i.FaCheck,{className:"text-sm text-white"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:n(s==="SAVING"?"saving":s==="SAVED"?"saved":"unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:l})},d=function(){const s=i.useBuilderProp("previewComponent"),[,n]=i.usePreviewMode(),{t:l}=c.useTranslation();return s?e.jsxRuntimeExports.jsxs(x.Button,{onClick:t=>{t.preventDefault(),n(!0)},className:"flex h-auto w-fit items-center gap-x-2 p-1 px-2",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(o.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:l("preview")})]}):null},h=()=>{const a=i.useBuilderProp("topBarComponents.left",[]),s=i.useBuilderProp("topBarComponents.center",[]),n=i.useBuilderProp("topBarComponents.right",[]),l=i.useBuilderProp("editable",!0);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:u.Children.toArray(a.map(t=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:u.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsxRuntimeExports.jsx(j,{}),e.jsxRuntimeExports.jsx(d,{}),e.jsxRuntimeExports.jsx(x.Separator,{orientation:"vertical"}),l?e.jsxRuntimeExports.jsx(q,{}):null,u.Children.toArray(n.map(t=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]})};exports.default=h;

package/dist/select-Siy0CQZ0.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("./jsx-runtime-JYMCiFoE.cjs"),g=require("react"),c=require("@radix-ui/react-icons"),j=require("@radix-ui/react-select"),n=require("./context-menu--DZnHfxj.cjs");function l(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(s,t,o.get?o:{enumerable:!0,get:()=>a[t]})}}return s.default=a,Object.freeze(s)}const i=l(g),e=l(j),b=e.Root,h=e.Group,S=e.Value,d=i.forwardRef(({className:a,children:s,...t},o)=>r.jsxRuntimeExports.jsxs(e.Trigger,{ref:o,className:n.cn("flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",a),...t,children:[s,r.jsxRuntimeExports.jsx(e.Icon,{asChild:!0,children:r.jsxRuntimeExports.jsx(c.CaretSortIcon,{className:"h-4 w-4 opacity-50"})})]}));d.displayName=e.Trigger.displayName;const m=i.forwardRef(({className:a,children:s,position:t="popper",...o},f)=>r.jsxRuntimeExports.jsx(e.Portal,{children:r.jsxRuntimeExports.jsx(e.Content,{ref:f,className:n.cn("relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[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==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:t,...o,children:r.jsxRuntimeExports.jsx(e.Viewport,{className:n.cn("p-1",t==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:s})})}));m.displayName=e.Content.displayName;const p=i.forwardRef(({className:a,...s},t)=>r.jsxRuntimeExports.jsx(e.Label,{ref:t,className:n.cn("px-2 py-1.5 text-sm font-semibold",a),...s}));p.displayName=e.Label.displayName;const u=i.forwardRef(({className:a,children:s,...t},o)=>r.jsxRuntimeExports.jsxs(e.Item,{ref:o,className:n.cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...t,children:[r.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:r.jsxRuntimeExports.jsx(e.ItemIndicator,{children:r.jsxRuntimeExports.jsx(c.CheckIcon,{className:"h-4 w-4"})})}),r.jsxRuntimeExports.jsx(e.ItemText,{children:s})]}));u.displayName=e.Item.displayName;const x=i.forwardRef(({className:a,...s},t)=>r.jsxRuntimeExports.jsx(e.Separator,{ref:t,className:n.cn("-mx-1 my-1 h-px bg-muted",a),...s}));x.displayName=e.Separator.displayName;exports.Select=b;exports.SelectContent=m;exports.SelectGroup=h;exports.SelectItem=u;exports.SelectLabel=p;exports.SelectSeparator=x;exports.SelectTrigger=d;exports.SelectValue=S;

package/dist/select-nNzJ_AuC.js

@@ -1,75 +0,0 @@
-import { j as t } from "./jsx-runtime-Sp0orL4X.js";
-import * as i from "react";
-import { CaretSortIcon as n, CheckIcon as c } from "@radix-ui/react-icons";
-import * as e from "@radix-ui/react-select";
-import { ag as r } from "./context-menu-DeUUflYX.js";
-const y = e.Root, w = e.Group, N = e.Value, m = i.forwardRef(({ className: s, children: o, ...a }, d) => /* @__PURE__ */ t.jsxs(
-  e.Trigger,
-  {
-    ref: d,
-    className: r(
-      "flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-      s
-    ),
-    ...a,
-    children: [
-      o,
-      /* @__PURE__ */ t.jsx(e.Icon, { asChild: !0, children: /* @__PURE__ */ t.jsx(n, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-m.displayName = e.Trigger.displayName;
-const p = i.forwardRef(({ className: s, children: o, position: a = "popper", ...d }, l) => /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsx(
-  e.Content,
-  {
-    ref: l,
-    className: r(
-      "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[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",
-      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      s
-    ),
-    position: a,
-    ...d,
-    children: /* @__PURE__ */ t.jsx(
-      e.Viewport,
-      {
-        className: r(
-          "p-1",
-          a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-        ),
-        children: o
-      }
-    )
-  }
-) }));
-p.displayName = e.Content.displayName;
-const f = i.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(e.Label, { ref: a, className: r("px-2 py-1.5 text-sm font-semibold", s), ...o }));
-f.displayName = e.Label.displayName;
-const u = i.forwardRef(({ className: s, children: o, ...a }, d) => /* @__PURE__ */ t.jsxs(
-  e.Item,
-  {
-    ref: d,
-    className: r(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      s
-    ),
-    ...a,
-    children: [
-      /* @__PURE__ */ t.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(e.ItemIndicator, { children: /* @__PURE__ */ t.jsx(c, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ t.jsx(e.ItemText, { children: o })
-    ]
-  }
-));
-u.displayName = e.Item.displayName;
-const x = i.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(e.Separator, { ref: a, className: r("-mx-1 my-1 h-px bg-muted", s), ...o }));
-x.displayName = e.Separator.displayName;
-export {
-  y as S,
-  w as a,
-  N as b,
-  m as c,
-  p as d,
-  f as e,
-  u as f,
-  x as g
-};