@chaibuilder/sdk 2.2.2 → 2.2.4

package/dist/core.d.ts

@@ -1,4 +1,3 @@
-import { ChaiBlock as ChaiBlock_2 } from '@chaibuilder/runtime';
 import { ClassValue } from 'clsx';
 import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
@@ -114,6 +113,10 @@ export declare interface ChaiBuilderEditorProps {
      * Theme
      */
     theme?: Partial<ChaiBuilderThemeValues>;
+    /**
+     * Builder theme
+     */
+    builderTheme?: ChaiBuilderThemeValues;
     /**
      * Theme panel component
      * TODO: Move to registerChaiThemePanelComponent()
@@ -250,9 +253,33 @@ declare type ChaiBuilderThemeOptions = {
 };
 
 declare type ChaiBuilderThemeValues = {
-    fontFamily: Record<string, string>;
+    fontFamily: {
+        heading: string;
+        body: string;
+    };
     borderRadius: string;
-    colors: Record<string, string[]>;
+    colors: {
+        background: [HexColor, HexColor];
+        foreground: [HexColor, HexColor];
+        primary: [HexColor, HexColor];
+        "primary-foreground": [HexColor, HexColor];
+        secondary: [HexColor, HexColor];
+        "secondary-foreground": [HexColor, HexColor];
+        muted: [HexColor, HexColor];
+        "muted-foreground": [HSLColor, HSLColor];
+        accent: [HSLColor, HSLColor];
+        "accent-foreground": [HSLColor, HSLColor];
+        destructive: [HSLColor, HSLColor];
+        "destructive-foreground": [HSLColor, HSLColor];
+        border: [HSLColor, HSLColor];
+        input: [HSLColor, HSLColor];
+        ring: [HexColor, HexColor];
+        card: [HexColor, HexColor];
+        "card-foreground": [HexColor, HexColor];
+        popover: [HexColor, HexColor];
+        "popover-foreground": [HexColor, HexColor];
+        [key: string]: [HexColor, HexColor];
+    };
 };
 
 export declare function ChaiDarkModeSwitcher(): JSX_2.Element;
@@ -353,6 +380,8 @@ declare const getBlocksFromHTML: (html: string) => ChaiBlock[];
 export { getBlocksFromHTML as convertHTMLToChaiBlocks }
 export { getBlocksFromHTML }
 
+declare type HexColor = string;
+
 declare type HSLColor = string;
 
 export { i18n }
@@ -423,7 +452,7 @@ declare type SavePageData = {
 
 declare type SaveToLibraryProps = {
     blockId: string;
-    blocks?: ChaiBlock[];
+    blocks: ChaiBlock[];
     close: () => void;
 };
 
@@ -566,7 +595,7 @@ export declare const useRemoveBlocks: () => (blockIds: Array<string>) => void;
 
 export declare const useRemoveClassesFromBlocks: () => Function;
 
-export declare const useRightPanel: () => ["theme" | "block" | "ai" | "settings", (args_0: "theme" | "block" | "ai" | "settings" | ((prev: "theme" | "block" | "ai" | "settings") => "theme" | "block" | "ai" | "settings")) => void];
+export declare const useRightPanel: () => ["block" | "theme" | "ai" | "settings", (args_0: "block" | "theme" | "ai" | "settings" | ((prev: "block" | "theme" | "ai" | "settings") => "block" | "theme" | "ai" | "settings")) => void];
 
 export declare const useSavePage: () => {
     savePage: ThrottledFunction<(autoSave?: boolean) => Promise<boolean>>;
@@ -622,13 +651,61 @@ export declare const useStylingBreakpoint: () => [string, (args_0: string | RESE
 export declare const useStylingState: () => [unknown, (...args: unknown[]) => unknown];
 
 export declare const useTheme: () => readonly [{
-    fontFamily: Record<string, string>;
+    fontFamily: {
+        heading: string;
+        body: string;
+    };
     borderRadius: string;
-    colors: Record<string, string[]>;
+    colors: {
+        background: [string, string];
+        foreground: [string, string];
+        primary: [string, string];
+        "primary-foreground": [string, string];
+        secondary: [string, string];
+        "secondary-foreground": [string, string];
+        muted: [string, string];
+        "muted-foreground": [string, string];
+        accent: [string, string];
+        "accent-foreground": [string, string];
+        destructive: [string, string];
+        "destructive-foreground": [string, string];
+        border: [string, string];
+        input: [string, string];
+        ring: [string, string];
+        card: [string, string];
+        "card-foreground": [string, string];
+        popover: [string, string];
+        "popover-foreground": [string, string];
+        [key: string]: [string, string];
+    };
 } | {
-    fontFamily?: Record<string, string>;
-    borderRadius?: string;
-    colors?: Record<string, string[]>;
+    fontFamily: {
+        heading: string;
+        body: string;
+    };
+    borderRadius: string;
+    colors: {
+        background: [string, string];
+        foreground: [string, string];
+        primary: [string, string];
+        "primary-foreground": [string, string];
+        secondary: [string, string];
+        "secondary-foreground": [string, string];
+        muted: [string, string];
+        "muted-foreground": [string, string];
+        accent: [string, string];
+        "accent-foreground": [string, string];
+        destructive: [string, string];
+        "destructive-foreground": [string, string];
+        border: [string, string];
+        input: [string, string];
+        ring: [string, string];
+        card: [string, string];
+        "card-foreground": [string, string];
+        popover: [string, string];
+        "popover-foreground": [string, string];
+        [key: string]: [string, string];
+    };
 }, (args_0: ChaiBuilderThemeValues | Partial<ChaiBuilderThemeValues> | ((prev: ChaiBuilderThemeValues | Partial<ChaiBuilderThemeValues>) => ChaiBuilderThemeValues | Partial<ChaiBuilderThemeValues>)) => void];
 
 export declare const useThemeOptions: () => ChaiBuilderThemeOptions;
@@ -656,7 +733,7 @@ export declare const useUpdateBlocksProps: () => (blockIds: Array<string>, props
 
 export declare const useUpdateBlocksPropsRealtime: () => (blockIds: Array<string>, props: Record<string, any>) => void;
 
-export declare const useWrapperBlock: () => ChaiBlock_2;
+export declare const useWrapperBlock: () => ChaiBlock;
 
 declare type VariableKey = string;