@chaibuilder/sdk 1.2.39 → 1.2.41

package/dist/{useCanvasSettings-oERGzYXb.cjs → useCanvasSettings-WJiLFik5.cjs}

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

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.2.39",
+  "version": "1.2.41",
   "type": "module",
   "repository": {
     "type": "git",
@@ -87,11 +87,10 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^0.0.37",
     "@chaibuilder/runtime": "0.2.7",
     "@floating-ui/dom": "1.4.5",
     "@floating-ui/react-dom": "2.0.1",
-    "@mhsdesign/jit-browser-tailwindcss": "0.4.0",
+    "@mhsdesign/jit-browser-tailwindcss": "0.4.1",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-context-menu": "^2.1.5",
@@ -123,7 +122,6 @@
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.10",
     "@tanstack/react-query": "^5.8.4",
-    "ai": "^3.2.32",
     "class-variance-authority": "0.6.1",
     "clsx": "1.2.1",
     "cmdk": "0.2.0",
@@ -158,6 +156,8 @@
     "unsplash-js": "^7.0.18"
   },
   "devDependencies": {
+    "ai": "^3.2.32",
+    "@ai-sdk/openai": "^0.0.37",
     "@commitlint/cli": "17.7.1",
     "@commitlint/config-conventional": "17.7.0",
     "@emotion/react": "^11.11.1",

package/dist/SidePanels-Vfw9Ir6p.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),g=require("@radix-ui/react-icons"),i=require("react"),S=require("jotai"),a=require("lodash-es"),s=require("./ChaiBuilderEditor-qxbkVVLu.cjs"),E=require("lucide-react"),_=require("@chaibuilder/runtime"),f=require("react-i18next"),q=require("./index-gi1LIOCw.cjs"),l=require("./STRINGS-gPz7CUOk.cjs"),K=require("./Functions-N3yhPYKY.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");const P=({provider:t,onClose:c})=>{const{t:n}=f.useTranslation(),[o,p]=i.useState(null);return i.useEffect(()=>{t&&(t.mockFn?t.mockFn:t.dataFn)().then(d=>p(d))},[t]),t?e.jsxRuntimeExports.jsx(s.Dialog,{onOpenChange:j=>j?"":c(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(s.DialogContent,{children:[e.jsxRuntimeExports.jsxs(s.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(s.DialogTitle,{children:[n("data_provider"),": ",t.name]}),e.jsxRuntimeExports.jsx(s.DialogDescription,{children:t.description})]}),e.jsxRuntimeExports.jsx(s.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(q.JsonView,{data:o,shouldExpandNode:q.allExpanded,style:{...q.defaultStyles,container:"max-h-[80vh] overflow-y-auto text-[12px] leading-[1.5] tracking-wide font-mono",stringValue:"text-orange-600",label:"text-green-900 font-semibold pr-1 tracking-wider"}})})]})}):null};function L({children:t,name:c,onRemove:n}){const{t:o}=f.useTranslation();return e.jsxRuntimeExports.jsxs(s.AlertDialog,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTrigger,{asChild:!0,children:t}),e.jsxRuntimeExports.jsxs(s.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(s.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTitle,{dangerouslySetInnerHTML:{__html:o("remove_provider_confirmation").replace("{name}",c)}}),e.jsxRuntimeExports.jsx(s.AlertDialogDescription,{children:o("remove_provider_warning")})]}),e.jsxRuntimeExports.jsxs(s.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogCancel,{children:o("cancel")}),e.jsxRuntimeExports.jsx(s.AlertDialogAction,{onClick:n,className:"bg-red-600 hover:bg-red-700",children:o("remove")})]})]})]})}const B=()=>{const{t}=f.useTranslation(),c=i.useMemo(()=>_.getChaiDataProviders(),[]),[n,o]=s.usePageDataProviders(),[,p]=S.useAtom(s.builderSaveStateAtom),[j,d]=i.useState(a.filter(c,r=>a.map(n,"providerKey").includes(r.providerKey))),[R,h]=i.useState(""),[b,v]=i.useState(null),N=a.filter(c.map(r=>a.map(j,"providerKey").includes(r.providerKey)?null:{value:r.providerKey,label:r.name}),r=>!a.isNull(r)),y=r=>{const x=a.find(c,{providerKey:r});d(m=>[...m,x]),o(m=>[...m,{providerKey:x.providerKey,args:{}}]),h(""),p("UNSAVED")},w=r=>{d(x=>a.filter(x,m=>m.providerKey!==r.providerKey)),o(x=>a.filter(x,m=>m.providerKey!==r.providerKey)),p("UNSAVED")},T=r=>v(r);return a.isEmpty(c)?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("p",{className:"mb-1.5 p-4 text-xs text-gray-500",children:[t("no_data_providers"),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("a",{className:"text-blue-500",href:"https://chaibuilder.com/docs/registering-data-providers",target:"_blank",children:t("learn_more")})]})}):e.jsxRuntimeExports.jsxs("div",{className:"px-1",children:[e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("label",{children:e.jsxRuntimeExports.jsx("p",{className:"mb-1.5 text-xs text-gray-500",children:t("add_data_providers")})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:e.jsxRuntimeExports.jsxs(s.Select,{value:R,onValueChange:r=>y(r),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:t("select_provider")})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:t("choose")}),N.map(r=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:r.value,children:r.label},r.value))]})]})}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:`border-t ${j.length?"block":"hidden"}`,children:[e.jsxRuntimeExports.jsxs("p",{className:"flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500",children:[t("page_data_providers"),":"]}),e.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:j.map(r=>e.jsxRuntimeExports.jsxs("div",{className:"w-full rounded-lg border bg-card text-card-foreground shadow-sm","data-v0-t":"card",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-1.5 px-4 pt-4",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",{className:"font-medium leading-4",children:r.name}),e.jsxRuntimeExports.jsx("p",{className:"pt-1 text-xs text-gray-400",children:r.description})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between p-2 py-2",children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>T(r),className:"inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-blue-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mr-2 h-4 w-4",children:[e.jsxRuntimeExports.jsx("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),e.jsxRuntimeExports.jsx("circle",{cx:"12",cy:"12",r:"3"})]}),t("view_data")]}),e.jsxRuntimeExports.jsx(L,{onRemove:()=>w(r),name:r.name,children:e.jsxRuntimeExports.jsxs("button",{className:"inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mr-2 h-4 w-4",children:[e.jsxRuntimeExports.jsx("path",{d:"M3 6h18"}),e.jsxRuntimeExports.jsx("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.jsxRuntimeExports.jsx("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"})]}),t("remove")]})})]})]},r.providerKey))}),e.jsxRuntimeExports.jsx(P,{onClose:()=>v(null),provider:b})]})]})},O=i.memo(()=>{const{t}=f.useTranslation(),c={"ctrl + Z":"Undo","ctrl + Y":"Redo","ctrl + D":"Duplicate"},n={"ctrl + S":"Save page",esc:"Deselect blocks",del:"Delete block"};return e.jsxRuntimeExports.jsxs(s.Dialog,{children:[e.jsxRuntimeExports.jsx(s.DialogTrigger,{children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{children:e.jsxRuntimeExports.jsx("div",{className:"flex w-10 items-center justify-center",children:e.jsxRuntimeExports.jsx(g.KeyboardIcon,{})})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:t("Keyboard shortcuts")})})]})}),e.jsxRuntimeExports.jsxs(s.DialogContent,{className:"sm:max-w-[525px]",children:[e.jsxRuntimeExports.jsx(s.DialogHeader,{children:e.jsxRuntimeExports.jsx(s.DialogTitle,{children:t("Keyboard shortcuts")})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-2",children:[e.jsxRuntimeExports.jsx("div",{className:"mr-8 flex flex-col space-y-2 border-r border-gray-200",children:Object.keys(c).map(o=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(s.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:t(o)}),e.jsxRuntimeExports.jsx("div",{children:t(c[o])})]},o))}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-2",children:Object.keys(n).map(o=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(s.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:t(o)}),e.jsxRuntimeExports.jsx("div",{children:t(n[o])})]},o))})]})})]})]})}),A=i.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-p4Hrxjdf.cjs"))),C=i.lazy(()=>Promise.resolve().then(()=>require("./ListTree-piETqoz9.cjs"))),U=i.lazy(()=>Promise.resolve().then(()=>require("./ThemeConfiguration-nler1cz3.cjs"))),z=i.lazy(()=>Promise.resolve().then(()=>require("./ChaiBuilderEditor-qxbkVVLu.cjs")).then(t=>t.ImagesPanel)),Y=i.lazy(()=>Promise.resolve().then(()=>require("./UILibrariesPanel-N144UO0E.cjs")));let I=null;const V=()=>{const t=s.useBuilderProp("sideBarComponents.top",[]),c=s.useBuilderProp("sideBarComponents.bottom",[]),[n,o]=S.useAtom(s.activePanelAtom),[p,j]=i.useState(n),[d,R]=i.useState(null),{t:h}=f.useTranslation(),b=_.useChaiBlocks(),v=s.useBuilderProp("filterChaiBlock",()=>!0),N=a.filter(b,v),{data:y,isLoading:w}=s.useUILibraryBlocks(),T=!w&&!a.isEmpty(y)||a.find(a.values(N),{category:"custom"})!==void 0,r={"add-blocks":A,[l.OUTLINE_KEY]:C,"theme-configuration":U,images:z,"ui-libraries":Y};a.each(t,({name:u,panel:k})=>{r[u]=k});const x=u=>{clearTimeout(I),n!==l.OUTLINE_KEY&&u===l.OUTLINE_KEY?I=setTimeout(()=>o(l.OUTLINE_KEY),500):j(u),o(u)},m=s.useBuilderProp("dataBindingSupport",!1);function D(){const u=setTimeout(()=>{d&&(x(l.OUTLINE_KEY),clearTimeout(d))},500);R(u)}return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[n!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{onMouseEnter:D,onClick:()=>x(l.OUTLINE_KEY),className:"fixed inset-0 z-[50] bg-black/20"}):null,e.jsxRuntimeExports.jsxs("div",{className:"z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:[T?e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-1 rounded-md bg-gray-200 p-1",children:[e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x("add-blocks"),size:"sm",variant:n==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x("ui-libraries"),size:"sm",variant:n==="ui-libraries"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.Component2Icon,{className:"text-xl"})})]}):e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x("add-blocks"),size:"sm",variant:n==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x(l.OUTLINE_KEY),size:"sm",variant:n===l.OUTLINE_KEY?"default":"outline",children:e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x("theme-configuration"),size:"sm",variant:n==="theme-configuration"?"default":"outline",children:e.jsxRuntimeExports.jsx(E.PaletteIcon,{className:"w-4 max-w-[40px] text-xs"})}),i.Children.toArray(t.map(({name:u,icon:k})=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x(u),size:"sm",className:"w-10",variant:n===u?"default":"outline",children:e.jsxRuntimeExports.jsx(k,{})})})))]}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2",children:[e.jsxRuntimeExports.jsx(O,{}),i.Children.toArray(c.map(u=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(u,{})})))]})]}),n!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{className:"absolute left-14 z-[50] h-[100vh] w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 bg-white p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsx("div",{className:K.cn("relative z-[100] h-full max-h-full overflow-y-auto overflow-x-hidden border-r bg-background p-1 shadow-md"),onMouseEnter:()=>{d&&clearTimeout(d)},children:i.createElement(a.get(r,n,()=>e.jsxRuntimeExports.jsx("div",{})))})})}):null,e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:m?e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(s.TabsList,{className:"mx-1 grid h-10 grid-cols-2",children:[e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"mr-2 h-3"})," ",h("Outline")]}),e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(E.DatabaseIcon,{className:"mr-2 w-3"}),h("Data")]})]}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(C)}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(B,{})})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsx(s.TabsList,{className:"mx-1 grid h-10 grid-cols-1",children:e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"mr-2 h-3"})," ",h("Outline")]})}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(C)})]})})})})]})};exports.default=V;

package/dist/UILibrariesPanel-Igx0R4zc.js

@@ -1,138 +0,0 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { noop as w, has as y, first as f, isEmpty as k, filter as N, values as B, groupBy as h, mergeWith as A, isArray as g, keys as C, get as E, map as L } from "lodash-es";
-import b, { useState as j, useCallback as P, useMemo as I, useRef as T } from "react";
-import { h as M, m as R, L as z, O as G, ag as U, ba as _ } from "./ChaiBuilderEditor-JnZFji5_.js";
-import { syncBlocksWithDefaults as O, useChaiBlocks as S } from "@chaibuilder/runtime";
-import { Loader as F } from "lucide-react";
-import { useAtom as W } from "jotai";
-import { O as D } from "./STRINGS--j49GZJP.js";
-import { CaretRightIcon as K } from "@radix-ui/react-icons";
-import Y from "clsx";
-import { c as q } from "./Functions-7jnEwJyw.js";
-import { useTranslation as H } from "react-i18next";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "i18next";
-import "flagged";
-import "@react-hookz/web";
-import "./MODIFIERS-cBT31iqE.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./Class-6Hz2KzYb.js";
-import "tailwind-merge";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-quill";
-import "react-hotkeys-hook";
-const J = ({ block: r, closePopover: c }) => {
-  const [m, d] = j(!1), p = M("getExternalPredefinedBlock", w()), { addCoreBlock: i, addPredefinedBlock: a } = R(), [n] = z(), u = P(
-    async (x) => {
-      if (x.stopPropagation(), y(r, "component")) {
-        i(r, f(n)), c();
-        return;
-      }
-      d(!0);
-      const l = await p(r);
-      k(l) || a(O(l), f(n)), c();
-    },
-    [r]
-  );
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      onClick: m ? () => {
-      } : u,
-      className: "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl",
-      children: [
-        m && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-          /* @__PURE__ */ e.jsx(F, { className: "animate-spin", size: 15, color: "white" }),
-          " ",
-          /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
-        ] }),
-        r.preview ? /* @__PURE__ */ e.jsx("img", { src: r.preview, className: "min-h-[25px] w-full rounded-md", alt: r.label }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: r.label }) })
-      ]
-    }
-  ) });
-}, Oe = () => {
-  const { data: r } = G(), c = S(), m = N(B(c), { category: "custom" }), d = h(m, "group"), p = h(r, "group"), i = I(() => A(d, p, (o, s) => {
-    if (g(o) && g(s))
-      return [...o, ...s];
-  }), [d, p]), [a, n] = j(f(C(i)) || ""), [, u] = W(U), x = E(i, a, []), { t: l } = H(), t = T(null), v = (o) => {
-    t.current && (clearTimeout(t.current), t.current = null), t.current = setTimeout(() => {
-      t.current && n(o);
-    }, 300);
-  };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full overflow-hidden", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "z-20 flex h-full max-h-full w-40 flex-col overflow-hidden bg-white", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: [
-        /* @__PURE__ */ e.jsxs("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: [
-          l("Library"),
-          ": ",
-          l("Preline UI")
-        ] }),
-        /* @__PURE__ */ e.jsx("span", { className: "p-0 text-[9px] font-light leading-3 opacity-80 xl:pl-1", children: l("Click to add blocks to page") })
-      ] }),
-      /* @__PURE__ */ e.jsx("hr", {}),
-      /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 mt-2 flex h-full w-full flex-col items-center gap-1 px-1", children: b.Children.toArray(
-        L(i, (o, s) => /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            onMouseEnter: () => v(s),
-            onMouseLeave: () => clearTimeout(t.current),
-            onClick: () => n(s),
-            className: q(
-              "flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",
-              s === a ? "bg-blue-500 text-white hover:bg-blue-600" : ""
-            ),
-            children: [
-              /* @__PURE__ */ e.jsx("span", { children: s }),
-              /* @__PURE__ */ e.jsx(K, { className: "ml-2 h-5 w-5" })
-            ]
-          },
-          s
-        ))
-      ) })
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        onMouseEnter: () => {
-          t.current && clearTimeout(t.current);
-        },
-        className: Y(
-          "fixed top-0 z-10 flex h-full max-h-full w-80 flex-col gap-2 border-l border-gray-300 bg-white px-2 py-2 transition-all ease-linear",
-          a ? "translate-x-40" : "-z-10 -translate-x-40"
-        ),
-        children: /* @__PURE__ */ e.jsx("div", { className: "h--[90%] w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(_, { className: "h-full space-y-2 px-2", children: [
-          b.Children.toArray(
-            x.map((o) => /* @__PURE__ */ e.jsx(J, { block: o, closePopover: () => u(D) }))
-          ),
-          /* @__PURE__ */ e.jsx("br", {}),
-          /* @__PURE__ */ e.jsx("br", {}),
-          /* @__PURE__ */ e.jsx("br", {})
-        ] }) })
-      }
-    )
-  ] }) });
-};
-export {
-  Oe as default
-};

package/dist/UILibrariesPanel-N144UO0E.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("lodash-es"),o=require("react"),u=require("./ChaiBuilderEditor-qxbkVVLu.cjs"),q=require("@chaibuilder/runtime"),E=require("lucide-react"),R=require("jotai"),b=require("./STRINGS-gPz7CUOk.cjs"),y=require("@radix-ui/react-icons"),v=require("clsx"),w=require("./Functions-N3yhPYKY.cjs"),N=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");const k=({block:s,closePopover:d})=>{const[m,p]=o.useState(!1),f=u.useBuilderProp("getExternalPredefinedBlock",r.noop()),{addCoreBlock:c,addPredefinedBlock:a}=u.useAddBlock(),[x]=u.useSelectedBlockIds(),j=o.useCallback(async h=>{if(h.stopPropagation(),r.has(s,"component")){c(s,r.first(x)),d();return}p(!0);const l=await f(s);r.isEmpty(l)||a(q.syncBlocksWithDefaults(l),r.first(x)),d()},[s]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{onClick:m?()=>{}:j,className:"relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl",children:[m&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black/70",children:[e.jsxRuntimeExports.jsx(E.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),s.preview?e.jsxRuntimeExports.jsx("img",{src:s.preview,className:"min-h-[25px] w-full rounded-md",alt:s.label}):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:s.label})})]})})},B=()=>{const{data:s}=u.useUILibraryBlocks(),d=q.useChaiBlocks(),m=r.filter(r.values(d),{category:"custom"}),p=r.groupBy(m,"group"),f=r.groupBy(s,"group"),c=o.useMemo(()=>r.mergeWith(p,f,(n,i)=>{if(r.isArray(n)&&r.isArray(i))return[...n,...i]}),[p,f]),[a,x]=o.useState(r.first(r.keys(c))||""),[,j]=R.useAtom(u.activePanelAtom),h=r.get(c,a,[]),{t:l}=N.useTranslation(),t=o.useRef(null),g=n=>{t.current&&(clearTimeout(t.current),t.current=null),t.current=setTimeout(()=>{t.current&&x(n)},300)};return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"z-20 flex h-full max-h-full w-40 flex-col overflow-hidden bg-white",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsxs("h1",{className:"flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col",children:[l("Library"),": ",l("Preline UI")]}),e.jsxRuntimeExports.jsx("span",{className:"p-0 text-[9px] font-light leading-3 opacity-80 xl:pl-1",children:l("Click to add blocks to page")})]}),e.jsxRuntimeExports.jsx("hr",{}),e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 mt-2 flex h-full w-full flex-col items-center gap-1 px-1",children:o.Children.toArray(r.map(c,(n,i)=>e.jsxRuntimeExports.jsxs("div",{onMouseEnter:()=>g(i),onMouseLeave:()=>clearTimeout(t.current),onClick:()=>x(i),className:w.cn("flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",i===a?"bg-blue-500 text-white hover:bg-blue-600":""),children:[e.jsxRuntimeExports.jsx("span",{children:i}),e.jsxRuntimeExports.jsx(y.CaretRightIcon,{className:"ml-2 h-5 w-5"})]},i)))})]}),e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>{t.current&&clearTimeout(t.current)},className:v("fixed top-0 z-10 flex h-full max-h-full w-80 flex-col gap-2 border-l border-gray-300 bg-white px-2 py-2 transition-all ease-linear",a?"translate-x-40":"-z-10 -translate-x-40"),children:e.jsxRuntimeExports.jsx("div",{className:"h--[90%] w-full overflow-hidden",children:e.jsxRuntimeExports.jsxs(u.ScrollArea,{className:"h-full space-y-2 px-2",children:[o.Children.toArray(h.map(n=>e.jsxRuntimeExports.jsx(k,{block:n,closePopover:()=>j(b.OUTLINE_KEY)}))),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{})]})})})]})})};exports.default=B;