@chaibuilder/sdk 3.1.4 → 3.1.6

package/dist/code-display-BJJV-nKI.js

@@ -0,0 +1,64 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { v as l } from "./tooltip-4-b9QGDK.js";
+import m from "@monaco-editor/react";
+import { CheckIcon as h, CopyIcon as C, DownloadIcon as y } from "@radix-ui/react-icons";
+import { useState as s } from "react";
+function N({
+  code: r,
+  onCopy: d,
+  language: a = "javascript",
+  onDownload: c,
+  downloadText: p = "Download"
+}) {
+  const [n, i] = s(!1), [t, f] = s(r);
+  return /* @__PURE__ */ o("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ e("div", { className: "h-[500px] max-h-full overflow-hidden rounded-md border py-2", children: /* @__PURE__ */ e(
+      m,
+      {
+        height: "100%",
+        defaultLanguage: a,
+        language: a,
+        value: t,
+        onChange: (u) => f(u || ""),
+        theme: "vs-light",
+        options: {
+          minimap: { enabled: !1 },
+          fontSize: 12,
+          lineNumbers: "off",
+          roundedSelection: !1,
+          scrollBeyondLastLine: !1,
+          automaticLayout: !0,
+          tabSize: 2,
+          insertSpaces: !0,
+          wordWrap: "on",
+          bracketPairColorization: { enabled: !0 },
+          suggest: {
+            showKeywords: !1,
+            showSnippets: !1
+          }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ o(l, { type: "button", variant: "outline", onClick: () => {
+        d(t), i(!0), setTimeout(() => {
+          i(!1);
+        }, 2e3);
+      }, children: [
+        n ? /* @__PURE__ */ e(h, { className: "text-green-500" }) : /* @__PURE__ */ e(C, {}),
+        " ",
+        n ? "Copied" : "Copy"
+      ] }),
+      /* @__PURE__ */ o(l, { type: "button", onClick: () => {
+        c(t);
+      }, children: [
+        /* @__PURE__ */ e(y, {}),
+        " ",
+        p
+      ] })
+    ] })
+  ] });
+}
+export {
+  N as default
+};

package/dist/code-display-BcpLta9W.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./tooltip-C2BCZ8Al.cjs"),m=require("@monaco-editor/react"),o=require("@radix-ui/react-icons"),l=require("react");function j({code:r,onCopy:d,language:s="javascript",onDownload:c,downloadText:u="Download"}){const[n,a]=l.useState(!1),[t,p]=l.useState(r),f=()=>{d(t),a(!0),setTimeout(()=>{a(!1)},2e3)},h=()=>{c(t)};return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:"h-[500px] max-h-full overflow-hidden rounded-md border py-2",children:e.jsx(m,{height:"100%",defaultLanguage:s,language:s,value:t,onChange:x=>p(x||""),theme:"vs-light",options:{minimap:{enabled:!1},fontSize:12,lineNumbers:"off",roundedSelection:!1,scrollBeyondLastLine:!1,automaticLayout:!0,tabSize:2,insertSpaces:!0,wordWrap:"on",bracketPairColorization:{enabled:!0},suggest:{showKeywords:!1,showSnippets:!1}}})}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsxs(i.Button,{type:"button",variant:"outline",onClick:f,children:[n?e.jsx(o.CheckIcon,{className:"text-green-500"}):e.jsx(o.CopyIcon,{})," ",n?"Copied":"Copy"]}),e.jsxs(i.Button,{type:"button",onClick:h,children:[e.jsx(o.DownloadIcon,{})," ",u]})]})]})}exports.default=j;

package/dist/{code-editor-DyPXY3uT.cjs → code-editor-BdEoZFSV.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./index-H7tjcODf.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("tree-model");const i=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const q=require("react-i18next"),r=require("./tooltip-C2BCZ8Al.cjs"),g=require("@react-hookz/web"),m=n=>{const s=document.createElement("div");return s.innerHTML=n,s.innerHTML};function j(){const{t:n}=q.useTranslation(),[s,h]=i.useState(!1),[a,p]=i.useState(""),[t,d]=c.useCodeEditor(),[u]=c.useSelectedBlockIds(),b=c.useUpdateBlocksProps(),f=c.useUpdateBlocksPropsRealtime(),C=g.useThrottledCallback(o=>{const l=m(o);f([t.blockId],{[t.blockProp]:l})},[],300),x=i.useCallback(()=>{if(s){const o=m(a);b([t.blockId],{[t.blockProp]:o})}},[s,a]);i.useEffect(()=>{u.includes(t==null?void 0:t.blockId)||(x(),d(null))},[u]);const k=()=>{x(),d(null)};return e.jsx(r.Dialog,{open:!0,onOpenChange:k,children:e.jsxs(r.DialogContent,{className:"flex max-h-[400px] min-h-[200px] max-w-4xl flex-col border-gray-700 text-black",children:[e.jsx(r.DialogHeader,{className:"shrink-0 border-b border-gray-700 pb-3",children:e.jsx(r.DialogTitle,{className:"flex items-center justify-between text-black",children:e.jsxs("div",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:n("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:n("Scripts will be only executed in preview and live mode.")})]})})}),e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e.jsx(r.Textarea,{className:"h-full w-full resize-none font-mono text-xs",value:a||t.initialCode,onChange:o=>{const l=o.target.value;h(!0),p(l),C(l)},rows:10,placeholder:"Enter your code here..."})})]})})}exports.default=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./index-CooHzimL.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("tree-model");const i=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const q=require("react-i18next"),r=require("./tooltip-C2BCZ8Al.cjs"),g=require("@react-hookz/web"),m=n=>{const s=document.createElement("div");return s.innerHTML=n,s.innerHTML};function j(){const{t:n}=q.useTranslation(),[s,h]=i.useState(!1),[a,p]=i.useState(""),[t,d]=c.useCodeEditor(),[u]=c.useSelectedBlockIds(),b=c.useUpdateBlocksProps(),f=c.useUpdateBlocksPropsRealtime(),C=g.useThrottledCallback(o=>{const l=m(o);f([t.blockId],{[t.blockProp]:l})},[],300),x=i.useCallback(()=>{if(s){const o=m(a);b([t.blockId],{[t.blockProp]:o})}},[s,a]);i.useEffect(()=>{u.includes(t==null?void 0:t.blockId)||(x(),d(null))},[u]);const k=()=>{x(),d(null)};return e.jsx(r.Dialog,{open:!0,onOpenChange:k,children:e.jsxs(r.DialogContent,{className:"flex max-h-[400px] min-h-[200px] max-w-4xl flex-col border-gray-700 text-black",children:[e.jsx(r.DialogHeader,{className:"shrink-0 border-b border-gray-700 pb-3",children:e.jsx(r.DialogTitle,{className:"flex items-center justify-between text-black",children:e.jsxs("div",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:n("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:n("Scripts will be only executed in preview and live mode.")})]})})}),e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e.jsx(r.Textarea,{className:"h-full w-full resize-none font-mono text-xs",value:a||t.initialCode,onChange:o=>{const l=o.target.value;h(!0),p(l),C(l)},rows:10,placeholder:"Enter your code here..."})})]})})}exports.default=j;

package/dist/{code-editor-BIKk8hmw.js → code-editor-DhTHKGK0.js}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { u as C, a as k, b as v, c as g } from "./index-lrl587-2.js";
+import { u as C, a as k, b as v, c as g } from "./index-CDJhqQK5.js";
 import "lodash-es";
 import "clsx";
 import "tailwind-merge";

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-H7tjcODf.cjs"),s=require("./common-functions-BZmyleS1.cjs"),a=require("./apply-binding-CExho6DS.cjs"),i=require("react-i18next"),l=require("i18next");exports.ChaiAddBlocksDialog=e.AddBlocksDialog;exports.ChaiAddBlocksPanel=e.AddBlocksPanel;exports.ChaiAskAiUserPrompt=e.AIUserPrompt;exports.ChaiBlockAttributesEditor=e.BlockAttributesEditor;exports.ChaiBlockPropsEditor=e.BlockSettings;exports.ChaiBlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiDarkModeSwitcher=e.DarkMode;exports.ChaiDefaultBlocks=e.DefaultChaiBlocks;exports.ChaiImportHTML=e.ImportHTML;exports.ChaiOutline=e.ListTree;exports.ChaiScreenSizes=e.Breakpoints;exports.ChaiThemeConfigPanel=e.ThemeConfigPanel;exports.ChaiUILibrariesPanel=e.UILibrariesPanel;exports.ChaiUndoRedo=e.UndoRedo;exports.IfChaiFeatureFlag=e.IfChaiFeatureFlag;exports.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.registerBlockSettingField=e.registerBlockSettingField;exports.registerBlockSettingTemplate=e.registerBlockSettingTemplate;exports.registerBlockSettingWidget=e.registerBlockSettingWidget;exports.registerChaiAddBlockTab=e.registerChaiAddBlockTab;exports.registerChaiFeatureFlag=e.registerChaiFeatureFlag;exports.registerChaiFeatureFlags=e.registerChaiFeatureFlags;exports.registerChaiLibrary=e.registerChaiLibrary;exports.registerChaiMediaManager=e.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=e.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=e.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=e.registerChaiSidebarPanel;exports.registerChaiTopBar=e.registerChaiTopBar;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAskAi=e.useAskAi;exports.useBlockHighlight=e.useBlockHighlight;exports.useBlocksHtmlForAi=e.useBlocksHtmlForAi;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasDisplayWidth=e.useCanvasDisplayWidth;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiFeatureFlag=e.useChaiFeatureFlag;exports.useChaiFeatureFlags=e.useChaiFeatureFlags;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlocks;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useHtmlToBlocks=e.useHtmlToBlocks;exports.useI18nBlocks=e.useI18nBlocks;exports.useInlineEditing=e.useInlineEditing;exports.useIsPageLoaded=e.useIsPageLoaded;exports.useLanguages=e.useLanguages;exports.useLibraryBlocks=e.useLibraryBlocks;exports.useMediaManagerComponent=e.useMediaManagerComponent;exports.usePartailBlocksStore=e.usePartialBlocksStore;exports.usePartialBlocksList=e.usePartialBlocksList;exports.usePasteBlocks=e.usePasteBlocks;exports.usePermissions=e.usePermissions;exports.usePreviewMode=e.usePreviewMode;exports.useRemoveAllClassesForBlock=e.useRemoveAllClassesForBlock;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useReplaceBlock=e.useReplaceBlock;exports.useResetBlockStyles=e.useResetBlockStyles;exports.useRightPanel=e.useRightPanel;exports.useSavePage=e.useSavePage;exports.useScreenSizeWidth=e.useScreenSizeWidth;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedLibrary=e.useSelectedLibrary;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSidebarActivePanel=e.useSidebarActivePanel;exports.useStreamMultipleBlocksProps=e.useStreamMultipleBlocksProps;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTheme=e.useTheme;exports.useThemeOptions=e.useThemeOptions;exports.useToggleChaiFeatureFlag=e.useToggleChaiFeatureFlag;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useWrapperBlock=e.useWrapperBlock;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>i.useTranslation});exports.i18n=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CooHzimL.cjs"),s=require("./common-functions-BZmyleS1.cjs"),a=require("./apply-binding-CExho6DS.cjs"),i=require("react-i18next"),l=require("i18next");exports.ChaiAddBlocksDialog=e.AddBlocksDialog;exports.ChaiAddBlocksPanel=e.AddBlocksPanel;exports.ChaiAskAiUserPrompt=e.AIUserPrompt;exports.ChaiBlockAttributesEditor=e.BlockAttributesEditor;exports.ChaiBlockPropsEditor=e.BlockSettings;exports.ChaiBlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiDarkModeSwitcher=e.DarkMode;exports.ChaiDefaultBlocks=e.DefaultChaiBlocks;exports.ChaiExportCodeModal=e.ExportCodeModal;exports.ChaiImportHTML=e.ImportHTML;exports.ChaiOutline=e.ListTree;exports.ChaiScreenSizes=e.Breakpoints;exports.ChaiThemeConfigPanel=e.ThemeConfigPanel;exports.ChaiUILibrariesPanel=e.UILibrariesPanel;exports.ChaiUndoRedo=e.UndoRedo;exports.IfChaiFeatureFlag=e.IfChaiFeatureFlag;exports.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.registerBlockSettingField=e.registerBlockSettingField;exports.registerBlockSettingTemplate=e.registerBlockSettingTemplate;exports.registerBlockSettingWidget=e.registerBlockSettingWidget;exports.registerChaiAddBlockTab=e.registerChaiAddBlockTab;exports.registerChaiFeatureFlag=e.registerChaiFeatureFlag;exports.registerChaiFeatureFlags=e.registerChaiFeatureFlags;exports.registerChaiLibrary=e.registerChaiLibrary;exports.registerChaiMediaManager=e.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=e.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=e.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=e.registerChaiSidebarPanel;exports.registerChaiTopBar=e.registerChaiTopBar;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAskAi=e.useAskAi;exports.useBlockHighlight=e.useBlockHighlight;exports.useBlocksHtmlForAi=e.useBlocksHtmlForAi;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasDisplayWidth=e.useCanvasDisplayWidth;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiFeatureFlag=e.useChaiFeatureFlag;exports.useChaiFeatureFlags=e.useChaiFeatureFlags;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlocks;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useHtmlToBlocks=e.useHtmlToBlocks;exports.useI18nBlocks=e.useI18nBlocks;exports.useInlineEditing=e.useInlineEditing;exports.useIsPageLoaded=e.useIsPageLoaded;exports.useLanguages=e.useLanguages;exports.useLibraryBlocks=e.useLibraryBlocks;exports.useMediaManagerComponent=e.useMediaManagerComponent;exports.usePartailBlocksStore=e.usePartialBlocksStore;exports.usePartialBlocksList=e.usePartialBlocksList;exports.usePasteBlocks=e.usePasteBlocks;exports.usePermissions=e.usePermissions;exports.usePreviewMode=e.usePreviewMode;exports.usePubSub=e.usePubSub;exports.useRemoveAllClassesForBlock=e.useRemoveAllClassesForBlock;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useReplaceBlock=e.useReplaceBlock;exports.useResetBlockStyles=e.useResetBlockStyles;exports.useRightPanel=e.useRightPanel;exports.useSavePage=e.useSavePage;exports.useScreenSizeWidth=e.useScreenSizeWidth;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedLibrary=e.useSelectedLibrary;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSidebarActivePanel=e.useSidebarActivePanel;exports.useStreamMultipleBlocksProps=e.useStreamMultipleBlocksProps;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTheme=e.useTheme;exports.useThemeOptions=e.useThemeOptions;exports.useToggleChaiFeatureFlag=e.useToggleChaiFeatureFlag;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useWrapperBlock=e.useWrapperBlock;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>i.useTranslation});exports.i18n=l;

package/dist/core.d.ts

@@ -2,7 +2,7 @@ import { ClassValue } from 'clsx';
 import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { default as i18n } from 'i18next';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RESET } from 'jotai/utils';
@@ -40,18 +40,18 @@ declare type Breakpoint = {
 
 export declare type BreakpointName = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 
-export declare const ChaiAddBlocksDialog: () => JSX_2.Element;
+export declare const ChaiAddBlocksDialog: () => JSX.Element;
 
 export declare const ChaiAddBlocksPanel: ({ className, showHeading, parentId, position, }: {
     parentId?: string;
     showHeading?: boolean;
     className?: string;
     position?: number;
-}) => JSX_2.Element;
+}) => JSX.Element;
 
 export declare const ChaiAskAiUserPrompt: ({ blockId }: {
     blockId: string | undefined;
-}) => JSX_2.Element;
+}) => JSX.Element;
 
 declare type ChaiAsset = {
     url: string;
@@ -81,15 +81,15 @@ declare type ChaiBlock_2<T = Record<string, any>> = {
     _partialBlockId?: string;
 } & T;
 
-export declare const ChaiBlockAttributesEditor: React_2.MemoExoticComponent<() => JSX_2.Element>;
+export declare const ChaiBlockAttributesEditor: React_2.MemoExoticComponent<() => JSX.Element>;
 
 /**
  *
  * @returns Block Setting
  */
-export declare function ChaiBlockPropsEditor(): JSX_2.Element;
+export declare function ChaiBlockPropsEditor(): JSX.Element;
 
-export declare function ChaiBlockStyleEditor(): JSX_2.Element;
+export declare function ChaiBlockStyleEditor(): JSX.Element;
 
 export declare const ChaiBuilderCanvas: default_2.FC;
 
@@ -191,14 +191,6 @@ export declare interface ChaiBuilderEditorProps {
      * Locale
      */
     locale?: string;
-    /**
-     * Dark mode
-     */
-    darkMode?: boolean;
-    /**
-     * Import HTML support
-     */
-    importHTMLSupport?: boolean;
     /**
      * Ask AI callback
      */
@@ -268,9 +260,12 @@ export declare interface ChaiBuilderEditorProps {
      */
     flags?: {
         librarySite?: boolean;
-        useClipboard?: boolean;
-        disableDarkmode?: boolean;
-        disableDataBinding?: boolean;
+        copyPaste?: boolean;
+        exportCode?: boolean;
+        darkMode?: boolean;
+        dataBinding?: boolean;
+        importHtml?: boolean;
+        importTheme?: boolean;
     };
 }
 
@@ -291,14 +286,16 @@ declare type ChaiCollectoin = {
     sorts?: SortOptions[];
 };
 
-export declare function ChaiDarkModeSwitcher(): JSX_2.Element;
+export declare function ChaiDarkModeSwitcher(): JSX.Element;
 
 export declare const ChaiDefaultBlocks: ({ parentId, position, gridCols, disableBlockGroupsSidebar, }: {
     parentId?: string;
     position?: number;
     gridCols?: string;
     disableBlockGroupsSidebar?: boolean;
-}) => JSX_2.Element;
+}) => JSX.Element;
+
+export declare const ChaiExportCodeModal: () => JSX.Element;
 
 declare type ChaiFlagOptions = {
     key: string;
@@ -309,7 +306,7 @@ declare type ChaiFlagOptions = {
 export declare const ChaiImportHTML: ({ parentId, position }: {
     parentId?: string;
     position?: number;
-}) => JSX_2.Element;
+}) => JSX.Element;
 
 export declare type ChaiLibrary<T = Record<string, any>> = {
     id: string;
@@ -338,13 +335,13 @@ declare type ChaiLibraryConfig<T> = {
     }) => Promise<HTMLString | ChaiBlock_2[]>;
 };
 
-export declare const ChaiOutline: () => JSX_2.Element;
+export declare const ChaiOutline: () => JSX.Element;
 
 export declare const ChaiScreenSizes: ({ openDelay, canvas, tooltip, }: {
     openDelay?: number;
     canvas?: boolean;
     tooltip?: boolean;
-}) => JSX_2.Element;
+}) => JSX.Element;
 
 export declare interface ChaiSidebarPanel {
     id: string;
@@ -398,9 +395,9 @@ export declare type ChaiThemeValues = {
 export declare const ChaiUILibrariesPanel: ({ parentId, position }: {
     parentId?: string;
     position?: number;
-}) => JSX_2.Element;
+}) => JSX.Element;
 
-export declare const ChaiUndoRedo: () => JSX_2.Element;
+export declare const ChaiUndoRedo: () => JSX.Element;
 
 declare type ClassDerivedObject = {
     cls: string;
@@ -475,6 +472,10 @@ declare type MediaManagerProps = {
 
 export declare const mergeClasses: (...inputs: ClassValue[]) => string;
 
+declare type Options = {
+    EXTRA_CORE_BLOCKS?: string[];
+};
+
 declare type PageType = {
     key: string;
     name: string;
@@ -580,7 +581,7 @@ export declare const useBlockHighlight: () => {
     lastHighlighted: HTMLElement;
 };
 
-export declare const useBlocksHtmlForAi: () => () => any;
+export declare const useBlocksHtmlForAi: () => (options?: Options) => any;
 
 export declare const useBlocksStore: () => [any[], (args_0: any[] | ((prev: any[]) => any[])) => void];
 
@@ -706,6 +707,8 @@ export declare const usePermissions: () => {
  */
 export declare const usePreviewMode: () => [boolean, Function];
 
+export declare function usePubSub<T>(eventName: string, callback: (data?: T) => void): void;
+
 export declare const useRemoveAllClassesForBlock: () => (block: ChaiBlock, undo?: boolean) => void;
 
 export declare const useRemoveBlocks: () => (blockIds: Array<string>) => void;

package/dist/core.js

@@ -1,106 +1,108 @@
-import { j as e, A as i, f as o, k as l, B as r, e as t, C as u, i as c, D as d, l as B, I as k, L as C, g as n, T as g, U as h, h as p, y as S, P as m, m as P, n as A, o as F, p as T, r as y, z as I, E as M, s as v, t as b, q as L, v as f, w as R, x as H, K as D, M as E, O as U, Q as x, R as W, S as O, az as w, V as z, W as j, X as q, aA as V, aC as Z, Y as G, F as J, G as K, u as N, Z as Q, _ as X, $ as Y, a0 as _, a1 as $, a2 as aa, a3 as sa, a4 as ea, a5 as ia, a6 as oa, a7 as la, a8 as ra, a9 as ta, J as ua, aa as ca, ab as da, ac as Ba, ad as ka, ae as Ca, af as na, ag as ga, ah as ha, ai as pa, aj as Sa, ak as ma, al as Pa, aB as Aa, am as Fa, an as Ta, ao as ya, a as Ia, ap as Ma, aq as va, aD as ba, ar as La, aE as fa, as as Ra, at as Ha, au as Da, av as Ea, aw as Ua, H as xa, ax as Wa, b as Oa, c as wa, ay as za } from "./index-lrl587-2.js";
-import { g as qa, c as Va } from "./common-functions-BGzDsf1z.js";
-import { h as Ga, h as Ja } from "./apply-binding-w7OMcHcu.js";
-import { useTranslation as Na } from "react-i18next";
-import { default as Xa } from "i18next";
+import { j as e, A as o, f as i, k as l, B as r, e as t, C as u, i as c, D as d, l as C, E as B, I as k, L as n, g, T as h, U as p, h as S, y as m, P, m as F, n as A, o as T, p as M, r as b, z as y, F as I, s as v, t as L, q as f, v as R, w as E, x as H, M as D, O as U, Q as x, R as W, S as O, V as w, aB as z, W as j, X as q, Y as G, aD as V, aC as Z, Z as J, G as K, H as N, u as Q, _ as X, $ as Y, a0 as _, a1 as $, a2 as aa, a3 as sa, a4 as ea, a5 as oa, a6 as ia, a7 as la, a8 as ra, a9 as ta, aa as ua, K as ca, ab as da, ac as Ca, ad as Ba, ae as ka, af as na, ag as ga, ah as ha, ai as pa, aj as Sa, ak as ma, al as Pa, am as Fa, an as Aa, aE as Ta, ao as Ma, ap as ba, aq as ya, a as Ia, ar as va, as as La, aF as fa, at as Ra, aG as Ea, au as Ha, av as Da, aw as Ua, ax as xa, ay as Wa, J as Oa, az as wa, b as za, c as ja, aA as qa } from "./index-CDJhqQK5.js";
+import { g as Va, c as Za } from "./common-functions-BGzDsf1z.js";
+import { h as Ka, h as Na } from "./apply-binding-w7OMcHcu.js";
+import { useTranslation as Xa } from "react-i18next";
+import { default as _a } from "i18next";
 export {
   e as ChaiAddBlocksDialog,
-  i as ChaiAddBlocksPanel,
-  o as ChaiAskAiUserPrompt,
+  o as ChaiAddBlocksPanel,
+  i as ChaiAskAiUserPrompt,
   l as ChaiBlockAttributesEditor,
   r as ChaiBlockPropsEditor,
   t as ChaiBlockStyleEditor,
   u as ChaiBuilderCanvas,
   c as ChaiBuilderEditor,
   d as ChaiDarkModeSwitcher,
-  B as ChaiDefaultBlocks,
+  C as ChaiDefaultBlocks,
+  B as ChaiExportCodeModal,
   k as ChaiImportHTML,
-  C as ChaiOutline,
-  n as ChaiScreenSizes,
-  g as ChaiThemeConfigPanel,
-  h as ChaiUILibrariesPanel,
-  p as ChaiUndoRedo,
-  S as IfChaiFeatureFlag,
-  m as PERMISSIONS,
-  Ga as convertHTMLToChaiBlocks,
-  qa as generateBlockId,
-  Ja as getBlocksFromHTML,
-  P as getClassValueAndUnit,
-  Xa as i18n,
-  Va as mergeClasses,
+  n as ChaiOutline,
+  g as ChaiScreenSizes,
+  h as ChaiThemeConfigPanel,
+  p as ChaiUILibrariesPanel,
+  S as ChaiUndoRedo,
+  m as IfChaiFeatureFlag,
+  P as PERMISSIONS,
+  Ka as convertHTMLToChaiBlocks,
+  Va as generateBlockId,
+  Na as getBlocksFromHTML,
+  F as getClassValueAndUnit,
+  _a as i18n,
+  Za as mergeClasses,
   A as registerBlockSettingField,
-  F as registerBlockSettingTemplate,
-  T as registerBlockSettingWidget,
-  y as registerChaiAddBlockTab,
-  I as registerChaiFeatureFlag,
-  M as registerChaiFeatureFlags,
+  T as registerBlockSettingTemplate,
+  M as registerBlockSettingWidget,
+  b as registerChaiAddBlockTab,
+  y as registerChaiFeatureFlag,
+  I as registerChaiFeatureFlags,
   v as registerChaiLibrary,
-  b as registerChaiMediaManager,
-  L as registerChaiPreImportHTMLHook,
-  f as registerChaiSaveToLibrary,
-  R as registerChaiSidebarPanel,
+  L as registerChaiMediaManager,
+  f as registerChaiPreImportHTMLHook,
+  R as registerChaiSaveToLibrary,
+  E as registerChaiSidebarPanel,
   H as registerChaiTopBar,
   D as useAddBlock,
-  E as useAddClassesToBlocks,
-  U as useAskAi,
-  x as useBlockHighlight,
-  W as useBlocksHtmlForAi,
-  O as useBlocksStore,
-  w as useBlocksStoreUndoableActions,
-  z as useBrandingOptions,
-  j as useBuilderProp,
-  q as useBuilderReset,
+  U as useAddClassesToBlocks,
+  x as useAskAi,
+  W as useBlockHighlight,
+  O as useBlocksHtmlForAi,
+  w as useBlocksStore,
+  z as useBlocksStoreUndoableActions,
+  j as useBrandingOptions,
+  q as useBuilderProp,
+  G as useBuilderReset,
   V as useCanvasDisplayWidth,
   Z as useCanvasWidth,
-  G as useCanvasZoom,
-  J as useChaiFeatureFlag,
-  K as useChaiFeatureFlags,
-  N as useCodeEditor,
-  Q as useCopyBlockIds,
-  X as useCopyToClipboard,
-  Y as useCurrentPage,
-  _ as useCutBlockIds,
-  $ as useDarkMode,
-  aa as useDuplicateBlocks,
-  sa as useHighlightBlockId,
-  ea as useHtmlToBlocks,
+  J as useCanvasZoom,
+  K as useChaiFeatureFlag,
+  N as useChaiFeatureFlags,
+  Q as useCodeEditor,
+  X as useCopyBlockIds,
+  Y as useCopyToClipboard,
+  _ as useCurrentPage,
+  $ as useCutBlockIds,
+  aa as useDarkMode,
+  sa as useDuplicateBlocks,
+  ea as useHighlightBlockId,
+  oa as useHtmlToBlocks,
   ia as useI18nBlocks,
-  oa as useInlineEditing,
-  la as useIsPageLoaded,
-  ra as useLanguages,
-  ta as useLibraryBlocks,
-  ua as useMediaManagerComponent,
-  ca as usePartailBlocksStore,
-  da as usePartialBlocksList,
+  la as useInlineEditing,
+  ra as useIsPageLoaded,
+  ta as useLanguages,
+  ua as useLibraryBlocks,
+  ca as useMediaManagerComponent,
+  da as usePartailBlocksStore,
+  Ca as usePartialBlocksList,
   Ba as usePasteBlocks,
   ka as usePermissions,
-  Ca as usePreviewMode,
-  na as useRemoveAllClassesForBlock,
-  ga as useRemoveBlocks,
-  ha as useRemoveClassesFromBlocks,
-  pa as useReplaceBlock,
-  Sa as useResetBlockStyles,
-  ma as useRightPanel,
-  Pa as useSavePage,
-  Aa as useScreenSizeWidth,
-  Fa as useSelectedBlock,
-  Ta as useSelectedBlockAllClasses,
+  na as usePreviewMode,
+  ga as usePubSub,
+  ha as useRemoveAllClassesForBlock,
+  pa as useRemoveBlocks,
+  Sa as useRemoveClassesFromBlocks,
+  ma as useReplaceBlock,
+  Pa as useResetBlockStyles,
+  Fa as useRightPanel,
+  Aa as useSavePage,
+  Ta as useScreenSizeWidth,
+  Ma as useSelectedBlock,
+  ba as useSelectedBlockAllClasses,
   ya as useSelectedBlockCurrentClasses,
   Ia as useSelectedBlockIds,
-  Ma as useSelectedBlocksDisplayChild,
-  va as useSelectedBreakpoints,
-  ba as useSelectedLibrary,
-  La as useSelectedStylingBlocks,
-  fa as useSidebarActivePanel,
-  Ra as useStreamMultipleBlocksProps,
-  Ha as useStylingBreakpoint,
-  Da as useStylingState,
-  Ea as useTheme,
-  Ua as useThemeOptions,
-  xa as useToggleChaiFeatureFlag,
-  Na as useTranslation,
-  Wa as useUndoManager,
-  Oa as useUpdateBlocksProps,
-  wa as useUpdateBlocksPropsRealtime,
-  za as useWrapperBlock
+  va as useSelectedBlocksDisplayChild,
+  La as useSelectedBreakpoints,
+  fa as useSelectedLibrary,
+  Ra as useSelectedStylingBlocks,
+  Ea as useSidebarActivePanel,
+  Ha as useStreamMultipleBlocksProps,
+  Da as useStylingBreakpoint,
+  Ua as useStylingState,
+  xa as useTheme,
+  Wa as useThemeOptions,
+  Oa as useToggleChaiFeatureFlag,
+  Xa as useTranslation,
+  wa as useUndoManager,
+  za as useUpdateBlocksProps,
+  ja as useUpdateBlocksPropsRealtime,
+  qa as useWrapperBlock
 };

package/dist/get-chai-builder-tailwind-config-BqaIvg8p.js

@@ -0,0 +1,74 @@
+import o from "@tailwindcss/aspect-ratio";
+import a from "@tailwindcss/forms";
+import e from "@tailwindcss/typography";
+import d from "tailwindcss-animate";
+function n() {
+  return {
+    colors: {
+      border: "hsl(var(--border))",
+      input: "hsl(var(--input))",
+      ring: "hsl(var(--ring))",
+      background: "hsl(var(--background))",
+      foreground: "hsl(var(--foreground))",
+      primary: {
+        DEFAULT: "hsl(var(--primary))",
+        foreground: "hsl(var(--primary-foreground))"
+      },
+      secondary: {
+        DEFAULT: "hsl(var(--secondary))",
+        foreground: "hsl(var(--secondary-foreground))"
+      },
+      destructive: {
+        DEFAULT: "hsl(var(--destructive))",
+        foreground: "hsl(var(--destructive-foreground))"
+      },
+      muted: {
+        DEFAULT: "hsl(var(--muted))",
+        foreground: "hsl(var(--muted-foreground))"
+      },
+      accent: {
+        DEFAULT: "hsl(var(--accent))",
+        foreground: "hsl(var(--accent-foreground))"
+      },
+      popover: {
+        DEFAULT: "hsl(var(--popover))",
+        foreground: "hsl(var(--popover-foreground))"
+      },
+      card: {
+        DEFAULT: "hsl(var(--card))",
+        foreground: "hsl(var(--card-foreground))"
+      }
+    },
+    borderRadius: {
+      lg: "var(--radius)",
+      md: "calc(var(--radius) - 2px)",
+      sm: "calc(var(--radius) - 4px)"
+    },
+    keyframes: {
+      "accordion-down": {
+        from: { height: "0" },
+        to: { height: "var(--radix-accordion-content-height)" }
+      },
+      "accordion-up": {
+        from: { height: "var(--radix-accordion-content-height)" },
+        to: { height: "0" }
+      }
+    },
+    animation: {
+      "accordion-down": "accordion-down 0.2s ease-out",
+      "accordion-up": "accordion-up 0.2s ease-out"
+    }
+  };
+}
+const u = (r) => ({
+  darkMode: "class",
+  content: [...r, "node_modules/@chaibuilder/sdk/dist/*.{js,cjs}"],
+  theme: {
+    extend: n()
+  },
+  plugins: [d, e, a, o]
+});
+export {
+  u as g,
+  n as s
+};

package/dist/get-chai-builder-tailwind-config-C6MHaUM0.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("@tailwindcss/aspect-ratio"),a=require("@tailwindcss/forms"),n=require("@tailwindcss/typography"),d=require("tailwindcss-animate");function r(){return{colors:{border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))",background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",primary:{DEFAULT:"hsl(var(--primary))",foreground:"hsl(var(--primary-foreground))"},secondary:{DEFAULT:"hsl(var(--secondary))",foreground:"hsl(var(--secondary-foreground))"},destructive:{DEFAULT:"hsl(var(--destructive))",foreground:"hsl(var(--destructive-foreground))"},muted:{DEFAULT:"hsl(var(--muted))",foreground:"hsl(var(--muted-foreground))"},accent:{DEFAULT:"hsl(var(--accent))",foreground:"hsl(var(--accent-foreground))"},popover:{DEFAULT:"hsl(var(--popover))",foreground:"hsl(var(--popover-foreground))"},card:{DEFAULT:"hsl(var(--card))",foreground:"hsl(var(--card-foreground))"}},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}}const i=o=>({darkMode:"class",content:[...o,"node_modules/@chaibuilder/sdk/dist/*.{js,cjs}"],theme:{extend:r()},plugins:[d,n,a,e]});exports.getChaiBuilderTailwindConfig=i;exports.shadcnTheme=r;