@chaibuilder/sdk 3.2.8 → 4.0.0-beta.2

package/dist/core.d.ts

@@ -5,15 +5,6 @@ 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';
-import { ReactNode } from 'react';
-import { RESET } from 'jotai/utils';
-import { ThrottledFunction } from '@react-hookz/web';
-import { useTranslation } from 'react-i18next';
-
-declare type AddBlocks = {
-    addCoreBlock: any;
-    addPredefinedBlock: any;
-};
 
 declare type AddBlockTab = {
     id: string;
@@ -41,8 +32,6 @@ declare type Breakpoint = {
     width: number;
 };
 
-export declare type BreakpointName = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-
 export declare const ChaiAddBlocksDialog: () => JSX.Element;
 
 export declare const ChaiAddBlocksPanel: ({ className, showHeading, parentId, position, fromSidebar, }: {
@@ -70,7 +59,6 @@ export declare type ChaiBlock<T = Record<string, any>> = {
     _id: string;
     _name?: string;
     _parent?: string | null | undefined;
-    _bindings?: Record<string, string>;
     _type: string;
     _libBlock?: string;
 } & T;
@@ -78,11 +66,10 @@ export declare type ChaiBlock<T = Record<string, any>> = {
 declare type ChaiBlock_2<T = Record<string, any>> = {
     _id: string;
     _name?: string;
-    _parent?: string | null | undefined;
-    _bindings?: Record<string, string>;
+    _parent?: string;
     _libBlock?: string;
     _type: string;
-    _partialBlockId?: string;
+    partialBlockId?: string;
 } & T;
 
 export declare const ChaiBlockAttributesEditor: React_2.MemoExoticComponent<() => JSX.Element>;
@@ -358,12 +345,6 @@ declare type ChaiDraggableBlockProps = {
 
 export declare const ChaiExportCodeModal: () => JSX.Element;
 
-declare type ChaiFlagOptions = {
-    key: string;
-    value?: any;
-    description?: string;
-};
-
 export declare const ChaiImportHTML: ({ parentId, position, fromSidebar, }: {
     parentId?: string;
     position?: number;
@@ -464,26 +445,6 @@ export declare const ChaiUILibrariesPanel: ({ parentId, position, fromSidebar, }
 
 export declare const ChaiUndoRedo: () => JSX.Element;
 
-declare type ClassDerivedObject = {
-    cls: string;
-    dark: boolean;
-    fullCls: string;
-    mod: string;
-    mq: string;
-    property: string;
-};
-
-declare type CodeEditorProps = {
-    blockId: string;
-    blockProp: string;
-    initialCode: string;
-    placeholder?: string;
-};
-
-declare type CopiedValue = string | null;
-
-declare type CopyFn = (text: string) => Promise<boolean>;
-
 declare interface DesignTokens {
     [uniqueId: string]: {
         name: string;
@@ -491,8 +452,6 @@ declare interface DesignTokens {
     };
 }
 
-declare type ExcludedBuilderProps = "blocks" | "subPages" | "brandingOptions" | "dataProviders";
-
 declare type FilterOptions = {
     id: string;
     name: string;
@@ -530,11 +489,6 @@ declare type HTMLString = string;
 
 export { i18n }
 
-export declare const IfChaiFeatureFlag: ({ flagKey, children }: {
-    flagKey: string;
-    children: React.ReactNode;
-}) => ReactNode;
-
 declare type MediaManagerProps = {
     assetId?: string;
     close: () => void;
@@ -544,11 +498,6 @@ declare type MediaManagerProps = {
 
 export declare const mergeClasses: (...inputs: ClassValue[]) => string;
 
-declare type Options = {
-    blockId?: string;
-    additionalCoreBlocks?: string[];
-};
-
 declare type PageType = {
     key: string;
     name: string;
@@ -560,12 +509,6 @@ declare type PageTypeItem = {
     slug?: string;
 };
 
-declare type PartialBlockList = Record<string, {
-    name?: string;
-    description?: string;
-    type?: string;
-}>;
-
 export declare const PERMISSIONS: {
     ADD_BLOCK: string;
     DELETE_BLOCK: string;
@@ -591,10 +534,6 @@ export declare const registerBlockSettingWidget: (id: string, component: React.C
 
 export declare const registerChaiAddBlockTab: (id: string, tab: Omit<AddBlockTab, "id">) => void;
 
-export declare const registerChaiFeatureFlag: (key: string, flagOptions: Omit<ChaiFlagOptions, "key">) => void;
-
-export declare const registerChaiFeatureFlags: (flags: Record<string, Omit<ChaiFlagOptions, "key">>) => 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;
@@ -654,338 +593,8 @@ declare interface ThemeConfigProps {
     className?: string;
 }
 
-declare type TStyleBlock = {
-    blockId: string;
-    id: string;
-    prop: string;
-};
-
-export declare const useActiveSettingsTab: () => ["styles" | "settings", (args_0: "styles" | "settings" | ((prev: "styles" | "settings") => "styles" | "settings")) => void];
-
-export declare const useAddBlock: () => AddBlocks;
-
-export declare const useAddClassesToBlocks: () => (blockIds: Array<string>, newClasses: Array<string>, undo?: boolean) => void;
-
-export declare const useAskAi: () => {
-    askAi: (type: "styles" | "content", blockId: string, prompt: string, onComplete?: (response?: AskAiResponse) => void) => Promise<void>;
-    loading: boolean;
-    error: any;
-};
-
-export declare const useBlockHighlight: () => {
-    highlightBlock: (elementOrID: HTMLElement | string) => void;
-    clearHighlight: () => void;
-    lastHighlighted: HTMLElement;
-};
-
-export declare const useBlocksHtmlForAi: () => (options?: Options) => any;
-
-export declare const useBlocksStore: () => [any[], (args_0: any[] | ((prev: any[]) => any[])) => void];
-
-export declare const useBlocksStoreUndoableActions: () => {
-    moveBlocks: (blockIds: string[], parent: string | undefined, position: number) => void;
-    addBlocks: (newBlocks: ChaiBlock[], parent?: string, position?: number) => void;
-    removeBlocks: (blocks: ChaiBlock[]) => void;
-    updateBlocks: (blockIds: string[], props: Partial<ChaiBlock>, oldPropsState?: Partial<ChaiBlock>) => void;
-    updateBlocksRuntime: (blockIds: string[], props: Record<string, any>) => void;
-    setNewBlocks: (newBlocks: ChaiBlock[]) => void;
-    updateMultipleBlocksProps: (blocks: Array<{
-        _id: string;
-    } & Partial<ChaiBlock>>) => void;
-};
-
-/**
- * Wrapper around useAtom
- */
-export declare const useBrandingOptions: () => readonly [{
-    bodyFont: string;
-    headingFont: string;
-    roundedCorners: number;
-    primaryColor: string;
-    secondaryColor: string;
-    bodyBgDarkColor: string;
-    bodyBgLightColor: string;
-    bodyTextDarkColor: string;
-    bodyTextLightColor: string;
-}, (args_0: any) => void];
-
-export declare const useBuilderProp: <T>(propKey: keyof Omit<ChaiBuilderEditorProps, ExcludedBuilderProps> | "languages" | string, defaultValue?: T) => T;
-
-export declare const useBuilderReset: () => () => void;
-
-export declare const useCanvasDisplayWidth: () => readonly [number, (args_0: number | RESET | ((prev: number) => number | RESET)) => void];
-
-export declare const useCanvasWidth: () => readonly [number, BreakpointName];
-
-/**
- * Wrapper hook around useAtom
- */
-export declare const useCanvasZoom: () => [number, (args_0: number | RESET | ((prev: number) => number | RESET)) => void];
-
-export declare const useChaiFeatureFlag: (flagKey: string) => boolean;
-
-export declare const useChaiFeatureFlags: () => Record<string, ChaiFlagOptions>;
-
-/**
- * Custom hook to access the current state of the code editor.
- * @category Hooks
- * @returns The current state of the code editor from the `codeEditorAtom`.
- */
-export declare const useCodeEditor: () => [CodeEditorProps, never];
-
-export declare const useCopyBlockIds: () => [Array<string>, (blockIds: Array<string>, clonePartialBlocks?: boolean) => void, (blockIds: Array<string>) => boolean];
-
-export declare const useCopyToClipboard: () => [CopiedValue, CopyFn];
-
-export declare const useCurrentPage: () => {
-    currentPage: unknown;
-};
-
-export declare const useCutBlockIds: () => [Array<string>, Function];
-
-/**
- * Wrapper hook around useAtom
- */
-export declare const useDarkMode: () => [boolean, Function];
-
-/**
- * useDuplicateBlock
- */
-export declare const useDuplicateBlocks: () => Function;
-
-/**
- *
- */
-export declare const useHighlightBlockId: () => [string, Function];
-
-export declare const useHtmlToBlocks: () => (html: string) => ChaiBlock[];
-
-export declare const useI18nBlocks: () => (lang?: string | "ALL") => Pick<any, "_id">[];
-
-export declare const useInlineEditing: () => {
-    editingBlockId: string;
-    editingItemIndex: number;
-    setEditingBlockId: (args_0: string | ((prev: string) => string)) => void;
-    setEditingItemIndex: (args_0: number | ((prev: number) => number)) => void;
-};
-
-export declare const useIsPageLoaded: () => [boolean, (args_0: boolean | ((prev: boolean) => boolean)) => void];
-
-export declare const useLanguages: () => {
-    languages: any[];
-    fallbackLang: string;
-    selectedLang: string;
-    setSelectedLang: (lang: string) => void;
-};
-
-export declare const useLibraryBlocks: (library?: Partial<ChaiLibrary> & {
-    id: string;
-}) => {
-    data: any;
-    isLoading: boolean;
-    resetLibrary: (libraryId: string) => void;
-};
-
 export declare const useMediaManagerComponent: () => ComponentType<MediaManagerProps>;
 
-export declare const usePartailBlocksStore: () => {
-    getPartailBlocks: (partailBlock: string) => any[] | ChaiBlock[];
-    reset: () => void;
-};
-
-export declare const usePartialBlocksList: () => {
-    data: PartialBlockList;
-    isLoading: boolean;
-    refetch: () => Promise<void>;
-    error: string;
-};
-
-export declare const usePasteBlocks: () => {
-    canPaste: (newParentId: string) => Promise<boolean>;
-    pasteBlocks: (newParentId: string | string[]) => Promise<void>;
-};
-
-export declare const usePermissions: () => {
-    hasPermission: (permission: string) => any;
-};
-
-/**
- *
- */
-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;
-
-export declare const useRemoveClassesFromBlocks: () => Function;
-
-export declare const useReplaceBlock: () => (blockId: string | undefined, replacementBlocks: ChaiBlock[]) => void;
-
-/**
- * useResetBlockStyles
- *
- * Provides helper functions to reset style props of the currently selected block.
- *
- * resetAll(): resets every style prop of the current block back to its default value.
- * reset(styleId): resets a single style prop back to its default value.
- */
-export declare const useResetBlockStyles: () => {
-    readonly resetAll: () => void;
-    readonly reset: (styleId: string) => void;
-};
-
-export declare const useRightPanel: () => ["block" | "theme" | "ai" | "settings" | "design-tokens", (args_0: "block" | "theme" | "ai" | "settings" | "design-tokens" | ((prev: "block" | "theme" | "ai" | "settings" | "design-tokens") => "block" | "theme" | "ai" | "settings" | "design-tokens")) => void];
-
-export declare const useSavePage: () => {
-    savePage: ThrottledFunction<(autoSave?: boolean, force?: boolean) => Promise<boolean>>;
-    savePageAsync: (force?: boolean) => Promise<boolean>;
-    saveState: "SAVED" | "SAVING" | "UNSAVED";
-    setSaveState: (args_0: "SAVED" | "SAVING" | "UNSAVED" | ((prev: "SAVED" | "SAVING" | "UNSAVED") => "SAVED" | "SAVING" | "UNSAVED")) => void;
-    needTranslations: () => boolean;
-};
-
-/**
- *
- */
-export declare const useScreenSizeWidth: () => readonly [number, string, (args_0: number | RESET | ((prev: number) => number | RESET)) => void];
-
-/**
- * useSelectedBlock hook
- */
-export declare const useSelectedBlock: () => ChaiBlock;
-
-export declare const useSelectedBlockAllClasses: () => Array<ClassDerivedObject>;
-
-export declare const useSelectedBlockCurrentClasses: () => Array<ClassDerivedObject>;
-
-/**
- *
- */
-export declare const useSelectedBlockIds: () => readonly [string[], (args_0: string[] | ((prev: string[]) => string[])) => void, (blockId: string) => void];
-
-/**
- * Hook to get selected block ids
- */
-export declare const useSelectedBlocksDisplayChild: () => {
-    flexChild: boolean;
-    gridChild: boolean;
-};
-
-export declare const useSelectedBreakpoints: () => [string[], Function];
-
-/**
- * Hook to get and set the selected UI library
- * @returns {[string, (library: string) => void]} A tuple containing the selected library ID and a function to set the selected library
- */
-export declare const useSelectedLibrary: () => [string, (args_0: string | RESET | ((prev: string) => string | RESET)) => void];
-
-/**
- * @group Hooks
- * @returns {TStyleBlock[]} selected styling blocks
- */
-export declare const useSelectedStylingBlocks: () => [TStyleBlock[], (args_0: TStyleBlock[] | ((prev: TStyleBlock[]) => TStyleBlock[])) => void];
-
-export declare const useSidebarActivePanel: () => [string, (args_0: string | ((prev: string) => string)) => void];
-
-export declare const useStreamMultipleBlocksProps: () => (blocks: Array<{
-    _id: string;
-} & Partial<ChaiBlock>>) => Promise<void>;
-
-export declare const useStylingBreakpoint: () => [string, (args_0: string | RESET | ((prev: string) => string | RESET)) => void];
-
-export declare const useStylingState: () => [unknown, (...args: unknown[]) => unknown];
-
-export declare const useTheme: () => readonly [{
-    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];
-    };
-} | {
-    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: ChaiThemeValues | Partial<ChaiThemeValues> | ((prev: ChaiThemeValues | Partial<ChaiThemeValues>) => ChaiThemeValues | Partial<ChaiThemeValues>)) => void];
-
-export declare const useThemeOptions: () => ChaiBuilderThemeOptions;
-
-export declare const useToggleChaiFeatureFlag: (flagKey: string) => () => void;
-
-export { useTranslation }
-
-export declare const useUndoManager: () => {
-    add: (action: any) => void;
-    undo: () => void;
-    redo: () => void;
-    hasUndo: () => boolean;
-    hasRedo: () => boolean;
-    clear: () => void;
-};
-
-/**
- *
- */
-export declare const useUpdateBlocksProps: () => (blockIds: Array<string>, props: Record<string, any>, prevPropsState?: Record<string, any>) => void;
-
-export declare const useUpdateBlocksPropsRealtime: () => (blockIds: Array<string>, props: Record<string, any>) => void;
-
-export declare const useWrapperBlock: () => ChaiBlock;
-
 declare type VariableKey = string;
 
 export { }
-
-declare global {
-    interface Window {
-        clarity: any;
-    }
-}

package/dist/core.js

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

package/dist/css-import-modal-BSMGKA2T.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("./index-CnSjWE1P.cjs");require("lodash-es");const w=require("culori"),T=require("./fonts-B-Xt29pe.cjs"),V=require("react"),N=require("react-i18next");function $(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 y=$(w),S=$(V),f=e=>e?e%1===0?e:e.toFixed(4):"0",R=e=>`hsl(${f(e.h)} ${f(e.s*100)}% ${f(e.l*100)}%)`,E=(e,o="hsl",t="4")=>{try{const r=y.parse(e);if(!r)throw new Error("Invalid color input");switch(o){case"hsl":{const s=y.converter("hsl")(r);return t==="4"?R(s):`${f(s.h)} ${f(s.s*100)}% ${f(s.l*100)}%`}case"rgb":return y.formatRgb(r);case"oklch":{const s=y.converter("oklch")(r);return`oklch(${f(s.l)} ${f(s.c)} ${f(s.h)})`}case"hex":return y.formatHex(r);default:return e}}catch(r){return console.error(`Failed to convert color: ${e}`,r),e}},b=e=>E(e,"hex"),I=e=>{const o={fontFamily:{heading:"",body:""},borderRadius:"",colors:{}};try{const t=F(e);if(!t.isValid)return console.warn("CSS validation failed:",t.error),k();const r=C(e,":root"),s=C(e,".dark"),l=u(r,"--font-sans")||u(r,"--font-family")||u(r,"--font-heading")||u(r,"--font-body"),a=q(l);o.fontFamily={heading:a,body:a};const m=u(r,"--radius")||u(r,"--border-radius")||"0.5rem";o.borderRadius=D(m),["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 d=p?v(p):"#000000",x=g?v(g):d;o.colors[i]=[d,x]}})}catch(t){return console.error("Error parsing CSS to ChaiThemeValues:",t),k()}return o},C=(e,o)=>{var r,s;const t=new RegExp(`${j(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(`${j(o)}\\s*:\\s*([^;]+)`),r=e.match(t);return((s=r==null?void 0:r[1])==null?void 0:s.trim())||null},v=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 b(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 b(o)||"#000000";const t=o.match(/^(\d+\.?\d*)\s+(\d+\.?\d*)%\s+(\d+\.?\d*)%$/);if(t){const[,r,s,l]=t,a=`hsl(${r} ${s}% ${l}%)`;return b(a)||"#000000"}if(/^[\d.]+[\s,]+[\d.]+[\s,]+[\d.]+(?:[\s,/]+[\d.]+)?$/.test(o)){const r=o.split(/[\s,]+/).filter(Boolean);if(r.length>=3){const l=r.some(a=>a.includes("%"))?`hsl(${r[0]} ${r[1]} ${r[2]})`:`rgb(${r[0]}, ${r[1]}, ${r[2]})`;return b(l)||"#000000"}}return b(o)||"#000000"}catch(o){return console.warn("Failed to process color:",e,o),"#000000"}},q=e=>{const o=T.getAllRegisteredFonts();if(!e)return"ui-sans-serif, system-ui, sans-serif";try{const r=e.replace(/["']/g,"").trim().split(",")[0].trim(),s=o.find(l=>l.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"}},D=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"}},k=()=>({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"]}}),j=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),P=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,F=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;
+}`,B=({open:e,onOpenChange:o,onImport:t})=>{const[r,s]=S.useState(""),[l,a]=S.useState(null),[m,h]=S.useState(!1),{t:i}=N.useTranslation(),p=async()=>{h(!0),a(null);try{const d=F(r);if(!d.isValid){a(d.error||i("Invalid CSS format")),setTimeout(()=>{a(null)},5e3),h(!1);return}const x=I(r);if(!P(x)){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),h(!1);return}t(x),s(""),a(null),o(!1)}catch(d){console.error("Error importing CSS:",d),a(i("Failed to parse CSS. Please check your syntax and try again.")),setTimeout(()=>{a(null)},5e3)}finally{h(!1)}},g=()=>{s(""),a(null),o(!1)};return n.jsx(c.Dialog,{open:e,onOpenChange:o,children:n.jsxs(c.DialogContent,{className:"flex max-h-[80vh] max-w-2xl flex-col",children:[n.jsxs(c.DialogHeader,{children:[n.jsx(c.DialogTitle,{children:i("Import CSS Theme")}),n.jsxs(c.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(c.Button,{variant:"link",size:"sm",onClick:()=>window.open("https://tweakcn.com/","_blank"),children:"TweakCN"}),n.jsx(c.Button,{variant:"link",size:"sm",onClick:()=>window.open("https://ui.shadcn.com/themes#themes","_blank"),children:"shadcn/ui Themes"}),n.jsx(c.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(c.Label,{htmlFor:"css-input",children:i("CSS Variables")}),n.jsx(c.Textarea,{id:"css-input",placeholder:M,value:r,onChange:d=>s(d.target.value),className:"min-h-[300px] resize-none font-mono text-sm",disabled:m})]}),l&&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:l})})]}),n.jsxs(c.DialogFooter,{className:"gap-2",children:[n.jsx(c.Button,{variant:"outline",onClick:g,disabled:m,children:i("Cancel")}),n.jsx(c.Button,{onClick:p,disabled:!r.trim()||m,children:i(m?"Importing...":"Import Theme")})]})]})})};exports.CssImportModal=B;