@chaibuilder/sdk 2.0.0-beta.5 → 2.0.0-beta.50

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0-beta.50",
   "type": "module",
   "repository": {
     "type": "git",
@@ -21,173 +21,174 @@
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "test": "jest --colors --verbose",
-    "test:watch": "jest --watch --colors",
-    "test:coverage": "jest --coverage --colors",
+    "test": "vitest --run",
+    "test:watch": "vitest --watch",
+    "test:coverage": "vitest --coverage",
     "e2e": "playwright test",
     "e2e:report": "playwright show-report",
     "e2e:ui": "playwright test --ui",
-    "docs": "typedoc --plugin typedoc-plugin-clarity",
     "prepare": "husky"
   },
   "exports": {
     ".": {
+      "types": "./dist/core.d.ts",
       "import": "./dist/core.js",
-      "require": "./dist/core.cjs",
-      "types": "./dist/core.d.ts"
+      "require": "./dist/core.cjs"
     },
     "./render": {
+      "types": "./dist/render.d.ts",
       "import": "./dist/render.js",
-      "require": "./dist/render.cjs",
-      "types": "./dist/render.d.ts"
+      "require": "./dist/render.cjs"
     },
     "./ui": {
+      "types": "./dist/ui.d.ts",
       "import": "./dist/ui.js",
-      "require": "./dist/ui.cjs",
-      "types": "./dist/ui.d.ts"
+      "require": "./dist/ui.cjs"
     },
     "./tailwind": {
+      "types": "./dist/tailwind.d.ts",
       "import": "./dist/tailwind.js",
-      "require": "./dist/tailwind.cjs",
-      "types": "./dist/tailwind.d.ts"
-    },
-    "./styles": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+      "require": "./dist/tailwind.cjs"
     },
     "./web-blocks": {
+      "types": "./dist/web-blocks.d.ts",
       "import": "./dist/web-blocks.js",
-      "require": "./dist/web-blocks.cjs",
-      "types": "./dist/web-blocks.d.ts"
+      "require": "./dist/web-blocks.cjs"
     },
     "./runtime": {
+      "types": "./dist/runtime.d.ts",
       "import": "./dist/runtime.js",
-      "require": "./dist/runtime.cjs",
-      "types": "./dist/runtime.d.ts"
+      "require": "./dist/runtime.cjs"
+    },
+    "./styles": {
+      "import": "./dist/sdk.css",
+      "require": "./dist/sdk.css"
+    }
+  },
+  "peerDependencies": {
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "react": "^18.0 || ^19.0 || ^19.0.0-rc",
+    "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
     }
   },
   "dependencies": {
-    "@bobthered/tailwindcss-palette-generator": "^4.0.0",
-    "@chaibuilder/runtime": "0.2.12",
-    "@floating-ui/dom": "1.4.5",
-    "@floating-ui/react-dom": "2.0.1",
-    "@mhsdesign/jit-browser-tailwindcss": "0.4.1",
+    "@chaibuilder/runtime": "2.0.0-beta.13",
+    "@floating-ui/dom": "1.6.13",
+    "@floating-ui/react-dom": "2.1.2",
+    "@mhsdesign/jit-browser-tailwindcss": "0.4.2",
     "@monaco-editor/react": "^4.6.0",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-context-menu": "^2.1.5",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.0.7",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-menubar": "^1.0.4",
-    "@radix-ui/react-navigation-menu": "^1.1.4",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-scroll-area": "^1.0.5",
-    "@radix-ui/react-select": "^1.2.2",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@radix-ui/react-toggle": "^1.0.3",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@react-email/components": "^0.0.18",
-    "@react-email/render": "^0.0.14",
-    "@react-hookz/web": "23.1.0",
-    "@rjsf/core": "5.11.2",
-    "@rjsf/utils": "5.11.2",
-    "@rjsf/validator-ajv8": "5.11.2",
-    "@tailwindcss/aspect-ratio": "0.4.2",
-    "@tailwindcss/forms": "^0.5.6",
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-alert-dialog": "^1.1.5",
+    "@radix-ui/react-context-menu": "^2.2.5",
+    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-dropdown-menu": "^2.1.5",
+    "@radix-ui/react-hover-card": "^1.1.5",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-menubar": "^1.1.5",
+    "@radix-ui/react-navigation-menu": "^1.2.4",
+    "@radix-ui/react-popover": "^1.1.5",
+    "@radix-ui/react-scroll-area": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.5",
+    "@radix-ui/react-separator": "^1.1.1",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.5",
+    "@radix-ui/react-toggle": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.1.7",
+    "@react-hookz/web": "25.0.1",
+    "@rjsf/core": "5.24.1",
+    "@rjsf/utils": "5.24.1",
+    "@rjsf/validator-ajv8": "5.24.1",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/line-clamp": "^0.4.4",
-    "@tailwindcss/typography": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.16",
     "class-variance-authority": "0.6.1",
-    "clsx": "1.2.1",
+    "clsx": "2.1.1",
     "cmdk": "0.2.0",
-    "flagged": "2.0.9",
-    "framer-motion": "^11.4.0",
-    "fuse.js": "6.6.2",
+    "flagged": "3.0.0",
+    "framer-motion": "^12.0.3",
+    "fuse.js": "7.0.0",
     "himalaya": "^1.1.0",
-    "i18next": "^23.6.0",
-    "jotai": "2.2.2",
+    "i18next": "^24.2.1",
+    "jotai": "2.11.1",
     "lodash": "^4.17.21",
     "lodash-es": "4.17.21",
-    "lucide-react": "^0.244.0",
-    "re-resizable": "^6.9.17",
-    "react": "^18.2.0",
+    "lucide-react": "^0.474.0",
+    "re-resizable": "^6.10.3",
     "react-arborist": "^3.4.0",
-    "react-autosuggest": "10.1.0",
+    "react-autosuggest": "^10.1.0",
     "react-colorful": "5.6.1",
-    "react-dom": "^18.2.0",
-    "react-email": "^2.1.3",
-    "react-error-boundary": "^4.0.13",
-    "react-hotkeys-hook": "4.4.1",
-    "react-i18next": "13.0.1",
-    "react-icons": "5.3.0",
+    "react-error-boundary": "^5.0.0",
+    "react-hotkeys-hook": "4.6.1",
+    "react-i18next": "15.4.0",
+    "react-icons": "5.4.0",
     "react-icons-picker": "^1.0.9",
-    "react-json-view-lite": "^1.4.0",
+    "react-json-view-lite": "^2.3.0",
     "react-quill": "^2.0.0",
-    "react-wrap-balancer": "^1.1.0",
-    "tailwind-merge": "2.3.0",
+    "react-wrap-balancer": "^1.1.1",
+    "tailwind-merge": "^2.6.0",
     "tree-model": "^1.0.7",
     "undo-manager": "^1.1.1"
   },
   "devDependencies": {
-    "@ai-sdk/openai": "^0.0.37",
-    "@commitlint/cli": "17.7.1",
-    "@commitlint/config-conventional": "17.7.0",
-    "@emotion/react": "^11.11.1",
-    "@faker-js/faker": "^8.3.1",
-    "@nozbe/watermelondb": "^0.27.1",
-    "@playwright/test": "^1.39.0",
-    "@tanstack/eslint-plugin-query": "^5.8.4",
-    "@testing-library/react": "^16.0.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@types/jest": "^29.5.7",
-    "@types/lodash": "^4.14.200",
+    "@commitlint/cli": "19.6.1",
+    "@commitlint/config-conventional": "19.6.0",
+    "@emotion/react": "^11.14.0",
+    "@faker-js/faker": "^9.4.0",
+    "@playwright/test": "^1.50.0",
+    "@tanstack/eslint-plugin-query": "^5.64.2",
+    "@testing-library/react": "^16.2.0",
+    "@types/lodash": "^4.17.14",
     "@types/node": "^20.8.10",
-    "@types/react": "^18.2.34",
-    "@types/react-dom": "^18.2.14",
-    "@typescript-eslint/eslint-plugin": "^6.9.1",
-    "@typescript-eslint/parser": "^6.9.1",
-    "@vitejs/plugin-react-swc": "^3.4.1",
-    "ai": "^3.2.32",
-    "autoprefixer": "^10.4.16",
-    "axios": "^1.7.7",
-    "better-docs": "^2.7.2",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "autoprefixer": "^10.4.20",
+    "axios": "^1.7.9",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "cheerio": "1.0.0-rc.12",
-    "dotenv": "^16.4.5",
-    "drizzle-kit": "^0.20.4",
-    "drizzle-orm": "^0.29.0",
-    "eslint": "^8.53.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.4",
-    "husky": "^9.0.10",
-    "jest": "^29.7.0",
+    "dotenv": "^16.4.7",
+    "eslint": "^9.18.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "husky": "^9.1.7",
     "jest-environment-jsdom": "^29.7.0",
-    "jotai-devtools": "^0.7.1",
-    "jsdoc": "^4.0.2",
-    "msw": "^2.0.8",
-    "postcss": "^8.4.31",
-    "prettier": "^3.3.0",
-    "prettier-plugin-tailwindcss": "^0.6.1",
+    "jsdoc": "^4.0.4",
+    "msw": "^2.7.0",
+    "postcss": "^8.5.1",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "prop-types": "^15.8.1",
-    "react-router-dom": "^6.19.0",
-    "tailwindcss": "^3.3.5",
-    "tailwindcss-animate": "1.0.6",
-    "ts-jest": "^29.1.1",
+    "react-router-dom": "^7.1.3",
+    "tailwindcss": "^3.4.11",
+    "tailwindcss-animate": "^1.0.7",
+    "ts-jest": "^29.2.5",
     "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",
-    "zod": "^3.23.8"
+    "typescript": "^5.7.3",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^3.0.4",
+    "zod": "^3.24.1"
   },
   "msw": {
     "workerDirectory": "public"
+  },
+  "engines": {
+    "node": "^20.18.0"
   }
 }

package/dist/CodeEditor-fHc8uUZi.js

@@ -1,126 +0,0 @@
-import { j as t } from "./jsx-runtime-Sp0orL4X.js";
-import k from "@monaco-editor/react";
-import { B as C } from "./context-menu-I8woggB3.js";
-import { useTranslation as j } from "react-i18next";
-import { useState as l, useCallback as v, useEffect as g } from "react";
-import { u as y, a as N, b as T, c as E } from "./index-UvIwJj5Y.js";
-import { Cross2Icon as w } from "@radix-ui/react-icons";
-import { useThrottledCallback as B } from "@react-hookz/web";
-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-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "lodash-es";
-import "jotai";
-import "./iconBase-Ief2hJUZ.js";
-import "@chaibuilder/runtime";
-import "./plugin-f6SDZ_Or.js";
-import "tree-model";
-import "react-quill";
-import "./STRINGS-Xxstm-7I.js";
-import "flagged";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-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 "./controls-lEwMTdPQ.js";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "framer-motion";
-const a = (r) => {
-  const i = document.createElement("div");
-  return i.innerHTML = r, i.innerHTML;
-};
-function Pt() {
-  const { t: r } = j(), [i, n] = l(!1), [m, c] = l(""), [o, s] = y(), [p] = N(), d = T(), u = E(), f = B(
-    (e) => {
-      const b = a(e);
-      u([o.blockId], { [o.blockProp]: b });
-    },
-    [],
-    300
-  ), x = v(() => {
-    if (i) {
-      const e = a(m);
-      d([o.blockId], { [o.blockProp]: e });
-    }
-  }, [i, m]);
-  g(() => {
-    p.includes(o == null ? void 0 : o.blockId) || (x(), s(null));
-  }, [p]);
-  const h = () => {
-    s(null);
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: "h-full rounded-t-lg border-t-4 border-black bg-black text-white", children: [
-    /* @__PURE__ */ t.jsx("button", { onClick: h, className: "fixed inset-0 z-[100000] cursor-default bg-gray-400/20" }),
-    /* @__PURE__ */ t.jsxs("div", { className: "relative z-[100001] h-full w-full flex-col gap-y-1", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "-mt-1 flex items-center justify-between px-2 py-2", children: [
-        /* @__PURE__ */ t.jsxs("h3", { className: "space-x-3 text-sm font-semibold", children: [
-          /* @__PURE__ */ t.jsx("span", { children: r("HTML Code Editor |") }),
-          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-gray-400", children: r("Scripts will be only executed in preview and live mode.") })
-        ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "flex gap-x-2", children: /* @__PURE__ */ t.jsx(
-          C,
-          {
-            onClick: () => s(null),
-            size: "sm",
-            variant: "destructive",
-            className: "h-6 w-fit",
-            children: /* @__PURE__ */ t.jsx(w, {})
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ t.jsx(
-        k,
-        {
-          onMount: (e) => {
-            e.setValue(o.initialCode);
-          },
-          onChange: (e) => {
-            n(!0), c(e), f(e);
-          },
-          height: "100%",
-          defaultLanguage: "html",
-          theme: "vs-dark",
-          defaultValue: "",
-          options: {
-            minimap: {
-              enabled: !1
-            }
-          }
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  Pt as default
-};

package/dist/CodeEditor-jEPBwyMf.cjs

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

package/dist/STRINGS-Xxstm-7I.js

@@ -1,7 +0,0 @@
-const s = "#styles:", _ = "#slots:", t = "#i18n", E = "__ADD_BLOCK_INTERNAL_ROOT";
-export {
-  t as I,
-  E as R,
-  s as S,
-  _ as a
-};

package/dist/STRINGS-Yl7cSWDc.cjs

@@ -1 +0,0 @@
-"use strict";const _="#styles:",E="#slots:",s="#i18n",T="__ADD_BLOCK_INTERNAL_ROOT";exports.I18N_KEY=s;exports.ROOT_TEMP_KEY=T;exports.SLOT_KEY=E;exports.STYLES_KEY=_;

package/dist/Topbar-9ltyM5Cl.js

@@ -1,160 +0,0 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import l, { useMemo as w, Suspense as c } from "react";
-import { B as u, D as S, a as C, b as y, c as k, S as p, d as g } from "./context-menu-I8woggB3.js";
-import { d as A, F as D, e as n, f as P, g as B, L as x, h as f, i as E } from "./index-UvIwJj5Y.js";
-import { useTranslation as v } from "react-i18next";
-import { c as N } from "./iconBase-Ief2hJUZ.js";
-import { EyeOpenIcon as L, ChevronDownIcon as M } from "@radix-ui/react-icons";
-import { forEach as I, uniq as G, get as d, isEmpty as j, map as V } from "lodash-es";
-import "@chaibuilder/runtime";
-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-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "jotai";
-import "./plugin-f6SDZ_Or.js";
-import "@react-hookz/web";
-import "tree-model";
-import "react-quill";
-import "./STRINGS-Xxstm-7I.js";
-import "flagged";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-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 "./controls-lEwMTdPQ.js";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "framer-motion";
-const F = () => {
-  const { savePage: a, saveState: s } = A(), { t: r } = v(), i = /* @__PURE__ */ e.jsxs(
-    u,
-    {
-      disabled: s === "SAVING",
-      onClick: (t) => {
-        t.preventDefault(), a();
-      },
-      className: N(
-        "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": 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: [
-        /* @__PURE__ */ e.jsx(D, { className: "text-sm text-white" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: r(s === "SAVING" ? "Saving" : s === "SAVED" ? "Saved" : "Unsaved") })
-      ]
-    }
-  );
-  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: i });
-}, z = function() {
-  const s = n("previewComponent"), [, r] = P(), { t: i } = v();
-  return s ? /* @__PURE__ */ e.jsxs(
-    u,
-    {
-      onClick: (t) => {
-        t.preventDefault(), r(!0);
-      },
-      className: "flex h-auto w-fit items-center gap-x-2 p-1 px-2",
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ e.jsx(L, { className: "text-xs" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: i("Preview") })
-      ]
-    }
-  ) : null;
-}, T = () => {
-  const { fallbackLang: a, languages: s, selectedLang: r, setSelectedLang: i } = B(), t = (r == null ? void 0 : r.length) > 0 ? r : a, b = w(() => {
-    const o = [];
-    return I(G([a, ...s]), (m) => {
-      const h = d(x, m);
-      h && o.push({ key: m, value: h, default: m === a });
-    }), o;
-  }, [a, s]);
-  return j(s) && t === "en" ? null : j(s) && t !== "en" ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-1 text-sm text-blue-500 hover:text-blue-600", children: [
-    /* @__PURE__ */ e.jsx(f, { className: "h-4 w-4" }),
-    d(x, t)
-  ] }) : /* @__PURE__ */ e.jsxs(S, { children: [
-    /* @__PURE__ */ e.jsx(C, { asChild: !0, children: /* @__PURE__ */ e.jsxs(u, { size: "sm", variant: "outline", className: "flex items-center gap-x-1 text-blue-500 hover:text-blue-600", children: [
-      /* @__PURE__ */ e.jsx(f, { className: "h-4 w-4" }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsxs("div", { children: [
-          " ",
-          d(x, t)
-        ] }),
-        /* @__PURE__ */ e.jsx(M, { className: "h-4 w-4" })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e.jsx(y, { className: "border-border", children: V(b, (o) => /* @__PURE__ */ e.jsxs(
-      k,
-      {
-        className: N(
-          "flex cursor-pointer items-center text-sm",
-          o.key === t && "!bg-blue-500 text-white hover:!text-white"
-        ),
-        onClick: () => i(o.key),
-        children: [
-          /* @__PURE__ */ e.jsx("div", { children: o.value }),
-          o.key === a ? /* @__PURE__ */ e.jsx(E, { className: "ml-2 h-4 w-4 text-yellow-400" }) : null
-        ]
-      }
-    )) })
-  ] });
-}, Ue = () => {
-  const a = n("topBarComponents.left", []), s = n("topBarComponents.center", []), r = n("topBarComponents.right", []), i = n("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(
-      a.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
-    ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: l.Children.toArray(
-      s.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
-    ) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-1", children: [
-      /* @__PURE__ */ e.jsx(T, {}),
-      /* @__PURE__ */ e.jsx(g, { orientation: "vertical" }),
-      /* @__PURE__ */ e.jsx(z, {}),
-      /* @__PURE__ */ e.jsx(g, { orientation: "vertical" }),
-      i ? /* @__PURE__ */ e.jsx(F, {}) : null,
-      l.Children.toArray(
-        r.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
-      )
-    ] })
-  ] });
-};
-export {
-  Ue as default
-};

package/dist/Topbar-CbNTH5d8.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),l=require("react"),i=require("./context-menu-0lRey9QY.cjs"),t=require("./index-gHOGFo7e.cjs"),p=require("react-i18next"),j=require("./iconBase-aZzpqff_.cjs"),d=require("@radix-ui/react-icons"),x=require("lodash-es");require("@chaibuilder/runtime");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-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-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("jotai");require("./plugin-xOpS-UNV.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("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");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("./controls-p9IwFnPx.cjs");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const h=()=>{const{savePage:u,saveState:s}=t.useSavePage(),{t:n}=p.useTranslation(),a=e.jsxRuntimeExports.jsxs(i.Button,{disabled:s==="SAVING",onClick:r=>{r.preventDefault(),u()},className:j.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(t.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:a})},E=function(){const s=t.useBuilderProp("previewComponent"),[,n]=t.usePreviewMode(),{t:a}=p.useTranslation();return s?e.jsxRuntimeExports.jsxs(i.Button,{onClick:r=>{r.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(d.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:a("Preview")})]}):null},g=()=>{const{fallbackLang:u,languages:s,selectedLang:n,setSelectedLang:a}=t.useLanguages(),r=(n==null?void 0:n.length)>0?n:u,q=l.useMemo(()=>{const o=[];return x.forEach(x.uniq([u,...s]),c=>{const m=x.get(t.LANGUAGES,c);m&&o.push({key:c,value:m,default:c===u})}),o},[u,s]);return x.isEmpty(s)&&r==="en"?null:x.isEmpty(s)&&r!=="en"?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1 text-sm text-blue-500 hover:text-blue-600",children:[e.jsxRuntimeExports.jsx(t.FaLanguage,{className:"h-4 w-4"}),x.get(t.LANGUAGES,r)]}):e.jsxRuntimeExports.jsxs(i.DropdownMenu,{children:[e.jsxRuntimeExports.jsx(i.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(i.Button,{size:"sm",variant:"outline",className:"flex items-center gap-x-1 text-blue-500 hover:text-blue-600",children:[e.jsxRuntimeExports.jsx(t.FaLanguage,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsxs("div",{children:[" ",x.get(t.LANGUAGES,r)]}),e.jsxRuntimeExports.jsx(d.ChevronDownIcon,{className:"h-4 w-4"})]})]})}),e.jsxRuntimeExports.jsx(i.DropdownMenuContent,{className:"border-border",children:x.map(q,o=>e.jsxRuntimeExports.jsxs(i.DropdownMenuItem,{className:j.cn("flex cursor-pointer items-center text-sm",o.key===r&&"!bg-blue-500 text-white hover:!text-white"),onClick:()=>a(o.key),children:[e.jsxRuntimeExports.jsx("div",{children:o.value}),o.key===u?e.jsxRuntimeExports.jsx(t.FaStar,{className:"ml-2 h-4 w-4 text-yellow-400"}):null]}))})]})},v=()=>{const u=t.useBuilderProp("topBarComponents.left",[]),s=t.useBuilderProp("topBarComponents.center",[]),n=t.useBuilderProp("topBarComponents.right",[]),a=t.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:l.Children.toArray(u.map(r=>e.jsxRuntimeExports.jsx(l.Suspense,{fallback:e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(r,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:l.Children.toArray(s.map(r=>e.jsxRuntimeExports.jsx(l.Suspense,{fallback:e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(r,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsxRuntimeExports.jsx(g,{}),e.jsxRuntimeExports.jsx(i.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(E,{}),e.jsxRuntimeExports.jsx(i.Separator,{orientation:"vertical"}),a?e.jsxRuntimeExports.jsx(h,{}):null,l.Children.toArray(n.map(r=>e.jsxRuntimeExports.jsx(l.Suspense,{fallback:e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(r,{})})))]})]})};exports.default=v;