@chaibuilder/sdk 4.0.0-beta.7 → 4.0.0-beta.9

package/dist/core-BvsZwF26.js

@@ -0,0 +1,52 @@
+import { get as c, each as B, has as u, set as o, cloneDeep as k, omitBy as h } from "lodash-es";
+import { useMemo as d } from "react";
+const r = {}, P = () => r, p = (e) => d(() => c(r, e, null), [e]), i = (e) => c(r, e, null), f = (e) => {
+  const t = c(r, `${e}.schema.properties`, {}), s = {};
+  return B(t, (n, a) => {
+    u(n, "block") || o(s, a, n.default);
+  }), s;
+}, S = (e) => c(r, `${e}.i18nProps`, []), D = (e) => c(r, `${e}.aiProps`, []), I = (e) => {
+  const t = i(e);
+  if (!t)
+    return null;
+  const s = k(t.schema), n = c(s, "properties", {}), a = h(n, (l) => (l == null ? void 0 : l.styles) === !0);
+  o(s, "properties", a);
+  const g = c(r, `${e}.uiSchema`, {});
+  return { schema: s, uiSchema: g };
+}, R = (e) => e.map((t) => u(r, t._type) ? { ...f(t._type), ...t } : t), m = (e, t) => {
+  const s = c(r, t.type);
+  s ? o(r, t.type, { ...s, component: e, ...t }) : o(r, t.type, { component: e, ...t });
+}, _ = (e, t) => {
+  m(e, { ...t, category: t.category || "core" });
+}, $ = (e, t) => {
+  const s = c(r, t.type);
+  s ? o(r, t.type, { ...s, component: e, ...t }) : o(r, t.type, { component: e, ...t });
+}, v = (e, t) => {
+  const s = i(e);
+  o(r, e, { ...s, dataProvider: t });
+}, x = (e, t) => {
+  const s = i(e);
+  o(r, e, { ...s, component: t });
+}, E = (e, t) => ({
+  type: "null",
+  block: e,
+  prop: t,
+  default: null,
+  runtime: !0,
+  ui: { "ui:widget": "hidden" }
+});
+export {
+  I as a,
+  f as b,
+  E as c,
+  S as d,
+  i as e,
+  $ as f,
+  D as g,
+  x as h,
+  R as i,
+  P as j,
+  _ as r,
+  v as s,
+  p as u
+};

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-xYnNKovy.cjs"),r=require("./common-functions-B3a4xKt_.cjs"),a=require("./apply-binding-IsUf6UWJ.cjs"),i=require("./register-chai-top-bar-BqwKw4uy.cjs"),t=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.ChaiDraggableBlock=e.ChaiDraggableBlock;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.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.generateBlockId=r.generateUUID;exports.mergeClasses=r.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;exports.registerBlockSettingField=i.registerBlockSettingField;exports.registerBlockSettingTemplate=i.registerBlockSettingTemplate;exports.registerBlockSettingWidget=i.registerBlockSettingWidget;exports.registerChaiAddBlockTab=i.registerChaiAddBlockTab;exports.registerChaiLibrary=i.registerChaiLibrary;exports.registerChaiMediaManager=i.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=i.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=i.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=i.registerChaiSidebarPanel;exports.registerChaiTopBar=i.registerChaiTopBar;exports.useMediaManagerComponent=i.useMediaManagerComponent;exports.i18n=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BhqugjzS.cjs"),o=require("./common-functions-B3a4xKt_.cjs"),i=require("./apply-binding-NvZX_rJe.cjs"),a=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.ChaiDraggableBlock=e.ChaiDraggableBlock;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.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.generateBlockId=o.generateUUID;exports.mergeClasses=o.cn;exports.convertHTMLToChaiBlocks=i.getBlocksFromHTML;exports.getBlocksFromHTML=i.getBlocksFromHTML;exports.i18n=a;

package/dist/core.d.ts

@@ -1,37 +1,10 @@
 import { ClassValue } from 'clsx';
-import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { DragEvent as DragEvent_2 } from 'react';
 import { default as i18n } from 'i18next';
 import { JSX } from 'react/jsx-runtime';
 import * as React_2 from 'react';
 
-declare type AddBlockTab = {
-    id: string;
-    tab: React.ComponentType;
-    tabContent: React.ComponentType;
-};
-
-declare type AskAiResponse = {
-    blocks?: Array<{
-        _id: string;
-    } & Partial<ChaiBlock>>;
-    usage?: Record<any, number>;
-    error?: any;
-};
-
-declare type BlocksWithDesignTokens = Record<string, string>;
-
-declare type BorderRadiusValue = false | string;
-
-declare type Breakpoint = {
-    title: string;
-    content: string;
-    breakpoint: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | string;
-    icon: default_2.ReactNode | Element;
-    width: number;
-};
-
 export declare const ChaiAddBlocksDialog: () => JSX.Element;
 
 export declare const ChaiAddBlocksPanel: ({ className, showHeading, parentId, position, fromSidebar, }: {
@@ -42,28 +15,19 @@ export declare const ChaiAddBlocksPanel: ({ className, showHeading, parentId, po
     fromSidebar?: boolean;
 }) => JSX.Element;
 
+declare type ChaiAskAiResponse = {
+    blocks?: Array<{
+        _id: string;
+    } & Partial<ChaiBlock>>;
+    usage?: Record<any, number>;
+    error?: any;
+};
+
 export declare const ChaiAskAiUserPrompt: ({ blockId }: {
     blockId: string | undefined;
 }) => JSX.Element;
 
-declare type ChaiAsset = {
-    url: string;
-    id?: string;
-    thumbnailUrl?: string;
-    description?: string;
-    width?: number;
-    height?: number;
-};
-
-export declare type ChaiBlock<T = Record<string, any>> = {
-    _id: string;
-    _name?: string;
-    _parent?: string | null | undefined;
-    _type: string;
-    _libBlock?: string;
-} & T;
-
-declare type ChaiBlock_2<T = Record<string, any>> = {
+declare type ChaiBlock<T = Record<string, any>> = {
     _id: string;
     _name?: string;
     _parent?: string | null | undefined;
@@ -82,6 +46,16 @@ export declare function ChaiBlockPropsEditor(): JSX.Element;
 
 export declare function ChaiBlockStyleEditor(): JSX.Element | null;
 
+declare type ChaiBlocksWithDesignTokens = Record<string, string>;
+
+declare type ChaiBreakpoint = {
+    title: string;
+    content: string;
+    breakpoint: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | string;
+    icon: default_2.ReactNode | Element;
+    width: number;
+};
+
 export declare const ChaiBuilderCanvas: default_2.FC;
 
 /**
@@ -101,13 +75,7 @@ export declare interface ChaiBuilderEditorProps {
     /**
      * User
      */
-    user?: {
-        id: string;
-        name: string;
-        email: string;
-        avatar?: string;
-        role?: string;
-    };
+    user?: ChaiUserInfo;
     /**
      * Permissions
      */
@@ -124,14 +92,10 @@ export declare interface ChaiBuilderEditorProps {
      * Theme presets
      */
     themePresets?: Record<string, Partial<ChaiThemeValues>>[];
-    /**
-     * Theme options
-     */
-    themeOptions?: (defaultThemeOptions: ChaiBuilderThemeOptions) => ChaiBuilderThemeOptions;
     /**
      * Theme
      */
-    theme?: Partial<ChaiThemeValues>;
+    theme?: ChaiThemeValues;
     /**
      * Builder theme
      */
@@ -174,7 +138,7 @@ export declare interface ChaiBuilderEditorProps {
     /**
      * Breakpoints
      */
-    breakpoints?: Breakpoint[];
+    breakpoints?: ChaiBreakpoint[];
     /**
      * Loading state
      */
@@ -186,7 +150,7 @@ export declare interface ChaiBuilderEditorProps {
     /**
      * Ask AI callback
      */
-    askAiCallBack?: (type: "styles" | "content", prompt: string, blocks: ChaiBlock[], lang: string) => Promise<AskAiResponse>;
+    askAiCallBack?: (type: "styles" | "content", prompt: string, blocks: ChaiBlock[], lang: string) => Promise<ChaiAskAiResponse>;
     /**
      * Get partial blocks
      * @returns {Record<string, { type: string; name: string; description?: string }>}
@@ -208,7 +172,7 @@ export declare interface ChaiBuilderEditorProps {
      * onSave callback function
      * @param saveData
      */
-    onSave?: ({ blocks, theme, autoSave }: SavePageData) => Promise<boolean | Error>;
+    onSave?: ({ blocks, theme, autoSave }: ChaiSavePageData) => Promise<boolean | Error>;
     /**
      * onSaveStateChange callback function
      * @param syncStatus
@@ -226,15 +190,15 @@ export declare interface ChaiBuilderEditorProps {
     /**
      * Languages
      */
-    languages?: Array<string>;
+    languages?: string[];
     /**
      * Page Types props
      */
-    pageTypes?: PageType[];
+    pageTypes?: ChaiPageType[];
     /**
      * Search page type items
      */
-    searchPageTypeItems?: (pageTypeKey: string, query: string) => Promise<PageTypeItem[] | Error>;
+    searchPageTypeItems?: (pageTypeKey: string, query: string) => Promise<Pick<ChaiPage_2, "id" | "slug" | "name">[] | Error>;
     /**
      * Collections
      */
@@ -264,23 +228,14 @@ export declare interface ChaiBuilderEditorProps {
         designTokens?: boolean;
     };
     structureRules?: StructureRule[];
-    designTokens?: DesignTokens;
-    siteWideUsage?: SiteWideUsage;
+    designTokens?: ChaiDesignTokens;
+    siteWideUsage?: ChaiSiteWideUsageData;
     /**
      * Screen to small message component
      */
     smallScreenComponent?: ReactComponentType;
 }
 
-declare type ChaiBuilderThemeOptions = {
-    fontFamily: false | Record<VariableKey, string>;
-    borderRadius: BorderRadiusValue;
-    colors: false | {
-        group: string;
-        items: Record<VariableKey, [HSLColor, HSLColor]>;
-    }[];
-};
-
 declare type ChaiCollectoin = {
     id: string;
     name: string;
@@ -298,6 +253,13 @@ export declare const ChaiDefaultBlocks: ({ parentId, position, gridCols, disable
     disableBlockGroupsSidebar?: boolean;
 }) => JSX.Element;
 
+declare interface ChaiDesignTokens {
+    [uniqueId: string]: {
+        name: string;
+        value: string;
+    };
+}
+
 /**
  * @component ChaiDraggableBlock
  * @description
@@ -367,18 +329,103 @@ export declare type ChaiLibraryBlock<T = Record<string, any>> = {
     description?: string;
 } & T;
 
-declare type ChaiLibraryConfig<T> = {
+export declare const ChaiOutline: () => JSX.Element;
+
+declare type ChaiPage = {
     id: string;
+    slug: string;
+    lang: string;
     name: string;
-    description: string;
-    getBlocksList: (library: ChaiLibrary) => Promise<ChaiLibraryBlock<T>[]>;
-    getBlock: ({ library, block, }: {
-        library: ChaiLibrary;
-        block: ChaiLibraryBlock<T>;
-    }) => Promise<HTMLString | ChaiBlock_2[]>;
+    pageType: string;
+    blocks: ChaiBlock[];
+    createdAt: string;
+    lastSaved: string;
+    dynamic: boolean;
+    online: boolean;
+    seo: ChaiPageSeo;
+    app: string;
+    primaryPage?: string | null;
+    currentEditor?: string | null;
+    changes: object[];
+    parent?: string | null;
+    libRefId?: string | null;
+    dynamicSlugCustom?: string | null;
+    metadata?: object;
+    jsonld?: object;
+    globalJsonLds?: string[];
+    links?: string;
+    partialBlocks?: string;
+    designTokens?: ChaiDesignTokens;
 };
 
-export declare const ChaiOutline: () => JSX.Element;
+declare interface ChaiPage_2 {
+    id: string;
+    name: string;
+    slug: string;
+    pageType: string;
+    parent: string | null;
+    children?: ChaiPage_2[];
+    isTemplate?: boolean;
+    dynamic?: boolean;
+    [key: string]: any;
+}
+
+declare type ChaiPageProps<T = Record<string, any>> = {
+    slug: string;
+    searchParams?: Record<string, string>;
+} & T;
+
+declare type ChaiPageSeo = {
+    title?: string;
+    description?: string;
+    ogTitle?: string;
+    ogDescription?: string;
+    ogImage?: string;
+    canonicalUrl?: string;
+    noIndex?: boolean;
+    noFollow?: boolean;
+    jsonLD?: string;
+};
+
+declare type ChaiPageType = {
+    key: string;
+    helpText?: string;
+    icon?: string;
+    hasSlug?: boolean;
+    name: string | (() => Promise<string>);
+    dynamicSegments?: string;
+    dynamicSlug?: string;
+    getDynamicPages?: ({ query, uuid, }: {
+        query?: string;
+        uuid?: string;
+    }) => Promise<Pick<ChaiPage, "id" | "name" | "slug" | "primaryPage">[]>;
+    search?: (query: string) => Promise<Pick<ChaiPage, "id" | "name" | "slug">[] | Error>;
+    resolveLink?: (id: string, draft?: boolean, lang?: string) => Promise<string>;
+    onCreate?: (data: Partial<ChaiPage> & {
+        id: string;
+    }) => Promise<void>;
+    onUpdate?: (data: Partial<ChaiPage> & {
+        id: string;
+    }) => Promise<void>;
+    onDelete?: (data: Pick<ChaiPage, "id">) => Promise<void>;
+    dataProvider?: (args: {
+        lang: string;
+        draft: boolean;
+        inBuilder: boolean;
+        pageProps: ChaiPageProps;
+    }) => Promise<Record<string, any>>;
+    defaultSeo?: () => Record<string, any>;
+    defaultJSONLD?: () => Record<string, any>;
+    defaultMetaTags?: () => Record<string, string>;
+};
+
+declare type ChaiSavePageData = {
+    autoSave: boolean;
+    blocks: ChaiBlock[];
+    theme?: ChaiThemeValues;
+    needTranslations?: boolean;
+    designTokens: ChaiDesignTokens;
+};
 
 export declare const ChaiScreenSizes: ({ openDelay, canvas, tooltip, buttonClass, activeButtonClass, }: {
     openDelay?: number;
@@ -388,21 +435,14 @@ export declare const ChaiScreenSizes: ({ openDelay, canvas, tooltip, buttonClass
     activeButtonClass?: string;
 }) => JSX.Element;
 
-export declare interface ChaiSidebarPanel {
-    id: string;
-    position: "top" | "bottom";
-    view?: "standard" | "modal" | "overlay" | "drawer";
-    button: React.ComponentType<{
-        isActive: boolean;
-        show: () => void;
-        panelId: string;
-        position: "top" | "bottom";
-    }>;
-    label: string;
-    panel?: ComponentType;
-    width?: number;
-    isInternal?: boolean;
-    icon?: React.ReactNode;
+declare interface ChaiSiteWideUsageData {
+    [pageId: string]: {
+        name: string;
+        isPartial: boolean;
+        partialBlocks: string[];
+        links: string[];
+        designTokens: ChaiBlocksWithDesignTokens;
+    };
 }
 
 export declare const ChaiThemeConfigPanel: React_2.FC<ThemeConfigProps>;
@@ -433,7 +473,6 @@ export declare type ChaiThemeValues = {
         "card-foreground": [HexColor, HexColor];
         popover: [HexColor, HexColor];
         "popover-foreground": [HexColor, HexColor];
-        [key: string]: [HexColor, HexColor];
     };
 };
 
@@ -445,12 +484,12 @@ export declare const ChaiUILibrariesPanel: ({ parentId, position, fromSidebar, }
 
 export declare const ChaiUndoRedo: () => JSX.Element;
 
-declare interface DesignTokens {
-    [uniqueId: string]: {
-        name: string;
-        value: string;
-    };
-}
+declare type ChaiUserInfo = {
+    id: string;
+    email: string;
+    name: string;
+    avatar?: string;
+};
 
 declare type FilterOptions = {
     id: string;
@@ -485,30 +524,10 @@ declare type HexColor = string;
 
 declare type HSLColor = string;
 
-declare type HTMLString = string;
-
 export { i18n }
 
-declare type MediaManagerProps = {
-    assetId?: string;
-    close: () => void;
-    onSelect: (assets: ChaiAsset | ChaiAsset[]) => void;
-    mode?: "image" | "video" | "audio";
-};
-
 export declare const mergeClasses: (...inputs: ClassValue[]) => string;
 
-declare type PageType = {
-    key: string;
-    name: string;
-};
-
-declare type PageTypeItem = {
-    id: string;
-    name: string;
-    slug?: string;
-};
-
 export declare const PERMISSIONS: {
     ADD_BLOCK: string;
     DELETE_BLOCK: string;
@@ -526,50 +545,6 @@ export declare const PERMISSIONS: {
 
 declare type ReactComponentType = default_2.ComponentType<any>;
 
-export declare const registerBlockSettingField: (id: string, component: React.ComponentType<any>) => void;
-
-export declare const registerBlockSettingTemplate: (id: string, component: React.ComponentType<any>) => void;
-
-export declare const registerBlockSettingWidget: (id: string, component: React.ComponentType<any>) => void;
-
-export declare const registerChaiAddBlockTab: (id: string, tab: Omit<AddBlockTab, "id">) => void;
-
-export declare const registerChaiLibrary: <T extends Record<string, any> = Record<string, any>>(id: string, library: Omit<ChaiLibraryConfig<T>, "id">) => void;
-
-export declare const registerChaiMediaManager: (component: React.ComponentType<MediaManagerProps>) => void;
-
-export declare const registerChaiPreImportHTMLHook: (fn: (code: string) => Promise<string>) => void;
-
-export declare const registerChaiSaveToLibrary: (component: ComponentType<SaveToLibraryProps>) => void;
-
-export declare const registerChaiSidebarPanel: (panelId: string, panelOptions: Omit<ChaiSidebarPanel, "id">) => void;
-
-export declare const registerChaiTopBar: (component: React.ComponentType) => void;
-
-declare type SavePageData = {
-    autoSave: boolean;
-    blocks: ChaiBlock[];
-    theme?: ChaiThemeValues;
-    needTranslations?: boolean;
-    designTokens: DesignTokens;
-};
-
-declare type SaveToLibraryProps = {
-    blockId: string;
-    blocks: ChaiBlock[];
-    close: () => void;
-};
-
-declare interface SiteWideUsage {
-    [pageId: string]: {
-        name: string;
-        isPartial: boolean;
-        partialBlocks: string[];
-        links: string[];
-        designTokens: BlocksWithDesignTokens;
-    };
-}
-
 declare type SortOptions = {
     id: string;
     name: string;
@@ -593,8 +568,4 @@ declare interface ThemeConfigProps {
     className?: string;
 }
 
-export declare const useMediaManagerComponent: () => ComponentType<MediaManagerProps>;
-
-declare type VariableKey = string;
-
 export { }

package/dist/core.js

@@ -1,43 +1,31 @@
-import { aW as s, aK as i, aS as r, aX as o, aL as t, aM as l, aN as C, aI as h, aU as g, aY as d, aZ as n, a_ as c, aO as k, aP as B, aT as m, aQ as p, aR as S, aV as M, aj as T, a$ as P } from "./index-RYr8kQdI.js";
-import { g as f, c as u } from "./common-functions-D2lMFR6K.js";
-import { g as x, g as A } from "./apply-binding-BvWfJCSZ.js";
-import { a as E, b as H, r as U, c as v, j as D, m as y, p as O, q as R, v as j, x as F, n as N } from "./register-chai-top-bar-ESJHs5s-.js";
-import { default as W } from "i18next";
+import { aW as e, aK as i, aS as o, aX as r, aL as l, aM as t, aN as C, aI as h, aU as d, aY as c, aZ as n, a_ as k, aO as B, aP as g, aT as m, aQ as p, aR as S, aV as f, aj as u, a$ as M } from "./index-mjuSGlPU.js";
+import { g as A, c as E } from "./common-functions-D2lMFR6K.js";
+import { g as T, g as x } from "./apply-binding-CLU6Xp4K.js";
+import { default as U } from "i18next";
 export {
-  s as ChaiAddBlocksDialog,
+  e as ChaiAddBlocksDialog,
   i as ChaiAddBlocksPanel,
-  r as ChaiAskAiUserPrompt,
-  o as ChaiBlockAttributesEditor,
-  t as ChaiBlockPropsEditor,
-  l as ChaiBlockStyleEditor,
+  o as ChaiAskAiUserPrompt,
+  r as ChaiBlockAttributesEditor,
+  l as ChaiBlockPropsEditor,
+  t as ChaiBlockStyleEditor,
   C as ChaiBuilderCanvas,
   h as ChaiBuilderEditor,
-  g as ChaiDarkModeSwitcher,
-  d as ChaiDefaultBlocks,
+  d as ChaiDarkModeSwitcher,
+  c as ChaiDefaultBlocks,
   n as ChaiDraggableBlock,
-  c as ChaiExportCodeModal,
-  k as ChaiImportHTML,
-  B as ChaiOutline,
+  k as ChaiExportCodeModal,
+  B as ChaiImportHTML,
+  g as ChaiOutline,
   m as ChaiScreenSizes,
   p as ChaiThemeConfigPanel,
   S as ChaiUILibrariesPanel,
-  M as ChaiUndoRedo,
-  T as PERMISSIONS,
-  x as convertHTMLToChaiBlocks,
-  f as generateBlockId,
-  A as getBlocksFromHTML,
-  P as getClassValueAndUnit,
-  W as i18n,
-  u as mergeClasses,
-  E as registerBlockSettingField,
-  H as registerBlockSettingTemplate,
-  U as registerBlockSettingWidget,
-  v as registerChaiAddBlockTab,
-  D as registerChaiLibrary,
-  y as registerChaiMediaManager,
-  O as registerChaiPreImportHTMLHook,
-  R as registerChaiSaveToLibrary,
-  j as registerChaiSidebarPanel,
-  F as registerChaiTopBar,
-  N as useMediaManagerComponent
+  f as ChaiUndoRedo,
+  u as PERMISSIONS,
+  T as convertHTMLToChaiBlocks,
+  A as generateBlockId,
+  x as getBlocksFromHTML,
+  M as getClassValueAndUnit,
+  U as i18n,
+  E as mergeClasses
 };

package/dist/{css-import-modal-s7t5gZQo.js → css-import-modal-BhLPzQH8.js}

@@ -1,6 +1,7 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
-import { B as y } from "./register-chai-top-bar-ESJHs5s-.js";
-import { D as T, d as V, e as N, f as R, p as E, L as D, T as I, q as A } from "./index-RYr8kQdI.js";
+import { B as y } from "./register-chai-top-bar-CX_JkRJn.js";
+import { D as T, d as V, e as N, f as R, p as E, L as D, T as I, q as A } from "./index-mjuSGlPU.js";
+import "lodash-es";
 import * as b from "culori";
 import { a as L } from "./fonts-DRly3Wzd.js";
 import * as x from "react";
@@ -214,7 +215,7 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", H = (o) => `hsl(${d(o
   --foreground: hsl(37.50 36.36% 95.69%);
   --primary: rgb(46, 125, 50);
   --primary-foreground: #ffffff;
-}`, J = ({ open: o, onOpenChange: e, onImport: s }) => {
+}`, Q = ({ open: o, onOpenChange: e, onImport: s }) => {
   const [r, t] = x.useState(""), [l, n] = x.useState(null), [m, h] = x.useState(!1), { t: a } = P(), p = async () => {
     h(!0), n(null);
     try {
@@ -302,5 +303,5 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", H = (o) => `hsl(${d(o
   ] }) });
 };
 export {
-  J as CssImportModal
+  Q as CssImportModal
 };

package/dist/css-import-modal-C2-oVwFv.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("./register-chai-top-bar-DWTuRU53.cjs"),f=require("./index-BhqugjzS.cjs");require("lodash-es");const T=require("culori"),V=require("./fonts-B-Xt29pe.cjs"),N=require("react"),R=require("react-i18next");function j(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const b=j(T),C=j(N),d=e=>e?e%1===0?e:e.toFixed(4):"0",q=e=>`hsl(${d(e.h)} ${d(e.s*100)}% ${d(e.l*100)}%)`,E=(e,o="hsl",t="4")=>{try{const r=b.parse(e);if(!r)throw new Error("Invalid color input");switch(o){case"hsl":{const s=b.converter("hsl")(r);return t==="4"?q(s):`${d(s.h)} ${d(s.s*100)}% ${d(s.l*100)}%`}case"rgb":return b.formatRgb(r);case"oklch":{const s=b.converter("oklch")(r);return`oklch(${d(s.l)} ${d(s.c)} ${d(s.h)})`}case"hex":return b.formatHex(r);default:return e}}catch(r){return console.error(`Failed to convert color: ${e}`,r),e}},x=e=>E(e,"hex"),I=e=>{const o={fontFamily:{heading:"",body:""},borderRadius:"",colors:{}};try{const t=w(e);if(!t.isValid)return console.warn("CSS validation failed:",t.error),$();const r=v(e,":root"),s=v(e,".dark"),c=u(r,"--font-sans")||u(r,"--font-family")||u(r,"--font-heading")||u(r,"--font-body"),a=D(c);o.fontFamily={heading:a,body:a};const h=u(r,"--radius")||u(r,"--border-radius")||"0.5rem";o.borderRadius=P(h),["background","foreground","primary","primary-foreground","secondary","secondary-foreground","muted","muted-foreground","accent","accent-foreground","destructive","destructive-foreground","border","input","ring","card","card-foreground","popover","popover-foreground"].forEach(i=>{const p=u(r,`--${i}`),g=u(s,`--${i}`);if(p||g){const l=p?k(p):"#000000",S=g?k(g):l;o.colors[i]=[l,S]}})}catch(t){return console.error("Error parsing CSS to ChaiThemeValues:",t),$()}return o},v=(e,o)=>{var r,s;const t=new RegExp(`${F(o)}\\s*{([^}]+)}`);return((s=(r=e.match(t))==null?void 0:r[1])==null?void 0:s.trim())||null},u=(e,o)=>{var s;if(!e)return null;const t=new RegExp(`${F(o)}\\s*:\\s*([^;]+)`),r=e.match(t);return((s=r==null?void 0:r[1])==null?void 0:s.trim())||null},k=e=>{if(!e||typeof e!="string")return"#000000";try{const o=e.replace(/var\([^)]+\)/g,"").trim();if(!o)return"#000000";if(/^[a-z]+$/i.test(o))return x(o)||"#000000";if(/^#?([0-9A-F]{3,4}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(o.replace(/#/g,""))){const r=o.startsWith("#")?o:`#${o}`;return r.length<=5?`#${r.slice(1).split("").map(s=>s+s).join("")}`.slice(0,7):r.length>7?r.slice(0,7):r}if(/^(rgb|hsl|oklch)a?\(/i.test(o))return x(o)||"#000000";const t=o.match(/^(\d+\.?\d*)\s+(\d+\.?\d*)%\s+(\d+\.?\d*)%$/);if(t){const[,r,s,c]=t,a=`hsl(${r} ${s}% ${c}%)`;return x(a)||"#000000"}if(/^[\d.]+[\s,]+[\d.]+[\s,]+[\d.]+(?:[\s,/]+[\d.]+)?$/.test(o)){const r=o.split(/[\s,]+/).filter(Boolean);if(r.length>=3){const c=r.some(a=>a.includes("%"))?`hsl(${r[0]} ${r[1]} ${r[2]})`:`rgb(${r[0]}, ${r[1]}, ${r[2]})`;return x(c)||"#000000"}}return x(o)||"#000000"}catch(o){return console.warn("Failed to process color:",e,o),"#000000"}},D=e=>{const o=V.getAllRegisteredFonts();if(!e)return"ui-sans-serif, system-ui, sans-serif";try{const r=e.replace(/["']/g,"").trim().split(",")[0].trim(),s=o.find(c=>c.family.toLowerCase()===r.toLowerCase());return(s==null?void 0:s.family)||"ui-sans-serif, system-ui, sans-serif"}catch(t){return console.warn("Error processing font family:",e,t),"ui-sans-serif, system-ui, sans-serif"}},P=e=>{try{const o=e.trim();if(o.endsWith("px"))return o;if(o.endsWith("rem")){const r=parseFloat(o.replace("rem",""));if(!isNaN(r))return`${Math.round(r*16)}px`}if(o.endsWith("em")){const r=parseFloat(o.replace("em",""));if(!isNaN(r))return`${Math.round(r*16)}px`}const t=parseFloat(o);return isNaN(t)?"8px":`${Math.round(t)}px`}catch(o){return console.warn("Error converting border radius to px:",e,o),"8px"}},$=()=>({fontFamily:{heading:"ui-sans-serif, system-ui, sans-serif",body:"ui-sans-serif, system-ui, sans-serif"},borderRadius:"8px",colors:{background:["#ffffff","#000000"],foreground:["#000000","#ffffff"],primary:["#3b82f6","#60a5fa"],"primary-foreground":["#ffffff","#1e293b"],secondary:["#f1f5f9","#334155"],"secondary-foreground":["#0f172a","#f8fafc"],muted:["#f8fafc","#1e293b"],"muted-foreground":["#64748b","#94a3b8"],accent:["#f1f5f9","#334155"],"accent-foreground":["#0f172a","#f8fafc"],destructive:["#ef4444","#f87171"],"destructive-foreground":["#ffffff","#1e293b"],border:["#e2e8f0","#475569"],input:["#e2e8f0","#475569"],ring:["#3b82f6","#60a5fa"],card:["#ffffff","#0f172a"],"card-foreground":["#000000","#f8fafc"],popover:["#ffffff","#0f172a"],"popover-foreground":["#000000","#f8fafc"]}}),F=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),B=e=>["background","foreground","primary","primary-foreground"].every(r=>e.colors[r]&&Array.isArray(e.colors[r])&&e.colors[r].length>=2)&&!!e.fontFamily.heading&&!!e.fontFamily.body&&!!e.borderRadius,w=e=>{if(!e||typeof e!="string")return{isValid:!1,error:"Please enter valid CSS content"};const o=e.trim();if(!o)return{isValid:!1,error:"Please enter CSS content"};try{if(!o.includes("{")||!o.includes("}"))return{isValid:!1,error:"Invalid CSS format. CSS should contain proper block structure with { }"};const t=(o.match(/{/g)||[]).length,r=(o.match(/}/g)||[]).length;return t!==r?{isValid:!1,error:"Invalid CSS format. Unmatched braces detected"}:!o.includes("--")||!o.includes(":")?{isValid:!1,error:"Invalid CSS format. CSS should contain variable definitions like --primary: #color"}:!o.includes(":root")&&!o.includes(".dark")?{isValid:!1,error:"CSS should contain at least :root or .dark selector with theme variables"}:{isValid:!0}}catch(t){return console.error("CSS validation error:",t),{isValid:!1,error:"Failed to parse CSS. Please check your syntax."}}},M=`:root {
+  --background: 0 0% 100%;
+  --foreground: oklch(0.52 0.13 144.17);
+  --primary: #3e2723;
+  --primary-foreground: #ffffff;
+  }
+
+.dark {
+  --background: 222.2 84% 4.9%;
+  --foreground: hsl(37.50 36.36% 95.69%);
+  --primary: rgb(46, 125, 50);
+  --primary-foreground: #ffffff;
+}`,_=({open:e,onOpenChange:o,onImport:t})=>{const[r,s]=C.useState(""),[c,a]=C.useState(null),[h,m]=C.useState(!1),{t:i}=R.useTranslation(),p=async()=>{m(!0),a(null);try{const l=w(r);if(!l.isValid){a(l.error||i("Invalid CSS format")),setTimeout(()=>{a(null)},5e3),m(!1);return}const S=I(r);if(!B(S)){a(i("The CSS doesn't contain enough theme information. Please ensure it includes at least background, foreground, primary, and primary-foreground colors.")),setTimeout(()=>{a(null)},5e3),m(!1);return}t(S),s(""),a(null),o(!1)}catch(l){console.error("Error importing CSS:",l),a(i("Failed to parse CSS. Please check your syntax and try again.")),setTimeout(()=>{a(null)},5e3)}finally{m(!1)}},g=()=>{s(""),a(null),o(!1)};return n.jsx(f.Dialog,{open:e,onOpenChange:o,children:n.jsxs(f.DialogContent,{className:"flex max-h-[80vh] max-w-2xl flex-col",children:[n.jsxs(f.DialogHeader,{children:[n.jsx(f.DialogTitle,{children:i("Import CSS Theme")}),n.jsxs(f.DialogDescription,{className:"space-y-2",children:[n.jsx("p",{children:i("Paste your CSS variables to import a custom theme. The CSS should contain :root and .dark blocks with CSS custom properties.")}),n.jsxs("div",{className:"flex items-center",children:[n.jsx("p",{className:"font-bold",children:"Get theme resources:"}),n.jsx(y.Button,{variant:"link",size:"sm",onClick:()=>window.open("https://tweakcn.com/","_blank"),children:"TweakCN"}),n.jsx(y.Button,{variant:"link",size:"sm",onClick:()=>window.open("https://ui.shadcn.com/themes#themes","_blank"),children:"shadcn/ui Themes"}),n.jsx(y.Button,{variant:"link",size:"sm",onClick:()=>window.open("https://zippystarter.com/tools/shadcn-ui-theme-generator","_blank"),children:"ZippyStarter"})]})]})]}),n.jsxs("div",{className:"flex-1 space-y-4 overflow-hidden",children:[n.jsxs("div",{className:"space-y-2",children:[n.jsx(f.Label,{htmlFor:"css-input",children:i("CSS Variables")}),n.jsx(f.Textarea,{id:"css-input",placeholder:M,value:r,onChange:l=>s(l.target.value),className:"min-h-[300px] resize-none font-mono text-sm",disabled:h})]}),c&&n.jsx("div",{className:"rounded-md border border-red-200 bg-red-50 p-3",children:n.jsx("p",{className:"text-sm text-red-600",children:c})})]}),n.jsxs(f.DialogFooter,{className:"gap-2",children:[n.jsx(y.Button,{variant:"outline",onClick:g,disabled:h,children:i("Cancel")}),n.jsx(y.Button,{onClick:p,disabled:!r.trim()||h,children:i(h?"Importing...":"Import Theme")})]})]})})};exports.CssImportModal=_;

package/dist/{delete-design-token-C1smbx4E.js → delete-design-token-D4Q5-Xql.js}

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { E as i, F as n, G as c, H as d, I as m, J as h, K as g, M as u, O as x } from "./index-RYr8kQdI.js";
+import { E as i, F as n, G as c, H as d, I as m, J as h, K as g, M as u, O as x } from "./index-mjuSGlPU.js";
 import { useTranslation as D } from "react-i18next";
 const N = ({ tokenName: l, tokenValue: s, onDelete: a, children: o }) => {
   const { t: r } = D();

package/dist/{delete-design-token-Mbw_6sYI.cjs → delete-design-token-DJSQluQ6.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-xYnNKovy.cjs"),i=require("react-i18next"),a=({tokenName:r,tokenValue:l,onDelete:n,children:o})=>{const{t:s}=i.useTranslation();return e.jsxs(t.AlertDialog,{children:[e.jsx(t.AlertDialogTrigger,{asChild:!0,children:o}),e.jsxs(t.AlertDialogContent,{className:"max-w-md",children:[e.jsxs(t.AlertDialogHeader,{children:[e.jsxs(t.AlertDialogTitle,{className:"text-base",children:[s("Delete"),' "',r,'"?']}),e.jsx(t.AlertDialogDescription,{asChild:!0,children:e.jsxs("div",{className:"space-y-3 pt-1 text-sm",children:[e.jsx("p",{className:"text-muted-foreground",children:s("This action cannot be undone. This will permanently remove the design token from your project.")}),e.jsxs("div",{className:"rounded-md border bg-muted/50 p-3",children:[e.jsx("p",{className:"mb-1 text-xs font-medium text-foreground",children:s("Token classes")}),e.jsx("p",{className:"font-mono text-xs text-muted-foreground",children:l})]})]})})]}),e.jsxs(t.AlertDialogFooter,{children:[e.jsx(t.AlertDialogCancel,{className:"h-7 text-xs",children:s("Cancel")}),e.jsx(t.AlertDialogAction,{onClick:n,className:"h-7 bg-destructive text-xs text-destructive-foreground hover:bg-destructive/90",children:s("Delete")})]})]})]})};exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BhqugjzS.cjs"),i=require("react-i18next"),a=({tokenName:r,tokenValue:l,onDelete:n,children:o})=>{const{t:s}=i.useTranslation();return e.jsxs(t.AlertDialog,{children:[e.jsx(t.AlertDialogTrigger,{asChild:!0,children:o}),e.jsxs(t.AlertDialogContent,{className:"max-w-md",children:[e.jsxs(t.AlertDialogHeader,{children:[e.jsxs(t.AlertDialogTitle,{className:"text-base",children:[s("Delete"),' "',r,'"?']}),e.jsx(t.AlertDialogDescription,{asChild:!0,children:e.jsxs("div",{className:"space-y-3 pt-1 text-sm",children:[e.jsx("p",{className:"text-muted-foreground",children:s("This action cannot be undone. This will permanently remove the design token from your project.")}),e.jsxs("div",{className:"rounded-md border bg-muted/50 p-3",children:[e.jsx("p",{className:"mb-1 text-xs font-medium text-foreground",children:s("Token classes")}),e.jsx("p",{className:"font-mono text-xs text-muted-foreground",children:l})]})]})})]}),e.jsxs(t.AlertDialogFooter,{children:[e.jsx(t.AlertDialogCancel,{className:"h-7 text-xs",children:s("Cancel")}),e.jsx(t.AlertDialogAction,{onClick:n,className:"h-7 bg-destructive text-xs text-destructive-foreground hover:bg-destructive/90",children:s("Delete")})]})]})]})};exports.default=a;