unlayer-types 1.364.0 → 1.366.0

package/embed.d.ts

@@ -1,4 +1,4 @@
-declare module "engine/config/editorSettings" {
+declare module "packages/editor/src/engine/config/editorSettings" {
     export interface EditorSettings {
         minHeaders?: number;
         maxHeaders?: number;
@@ -15,9 +15,14 @@ declare module "engine/config/editorSettings" {
     export function overrideEditorSettings(editorSettingsOverrides: EditorSettings): void;
     export function getEditorSettings(): EditorSettings;
 }
-declare module "editor/components/editors/types" {
+declare module "libs/utils/src/pruneObj" {
+    export function pruneObj<T extends Record<string, any>>(obj: T, options?: {
+        deep?: boolean;
+    }): Partial<T>;
+}
+declare module "packages/editor/src/editor/components/editors/types" {
     import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
-    import { AppearanceConfig, Device, DisplayMode, Location, UndoRedoBehavior, Variant } from "state/types/types";
+    import { AppearanceConfig, Device, DisplayMode, Location, UndoRedoBehavior, Variant } from "packages/editor/src/state/types/types";
     export type LoadingState = 'not-loaded' | 'loading' | 'loaded' | 'error';
     export type UpdatingState = 'updating' | undefined;
     export type DeletionState = 'deleting' | 'failed' | undefined;
@@ -150,14 +155,14 @@ declare module "editor/components/editors/types" {
         _languages?: LanguageOverride;
     };
 }
-declare module "state/types/RootState" {
+declare module "packages/editor/src/state/types/RootState" {
     import { StateType } from 'typesafe-actions';
     import reducer from '../reducer';
     export type RootState = StateType<typeof reducer>;
 }
-declare module "editor/themes/types" {
-    import { AppearanceConfig } from "state/types/types";
-    import { DeepPartial } from "editor/components/editors/types";
+declare module "packages/editor/src/editor/themes/types" {
+    import { AppearanceConfig } from "packages/editor/src/state/types/types";
+    import { DeepPartial } from "packages/editor/src/editor/components/editors/types";
     export type ThemeName = 'classic_light' | 'classic_dark' | 'modern_light' | 'modern_dark';
     export type ThemeNamePlusLightDark = ThemeName | 'light' | 'dark';
     export type Theme = {
@@ -1320,49 +1325,31 @@ declare module "editor/themes/types" {
         };
     };
 }
-declare module "engine/constants" {
-    export const displayModes: readonly ["email", "web", "popup", "document"];
-    export const collections: readonly ["bodies", "columns", "contents", "footers", "headers", "pages", "rows"];
+declare module "packages/editor/src/engine/constants" {
+    import { collections, displayModes } from '@libs/schemas/constants/constants';
+    export { collections, displayModes };
     export const HTMLInputTypeAttributes: readonly ["button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"];
+    export const IS_LOCAL_DEVELOPMENT: boolean;
+    export const IS_DEVELOPMENT_ENVIRONMENT: boolean;
     export const IS_CYPRESS: boolean;
     export const BROWSER: {
         IS_IE: boolean;
         IS_SAFARI: boolean;
     };
 }
-declare module "engine/utils/zod/schemas" {
-    import { z } from 'zod/v4';
-    /**
-     * zod/v4 workaround for z.function support
-     * Not supported by z.toJSONSchema
-     * @see https://zod.dev/v4/changelog?id=zfunction
-     * @see https://github.com/colinhacks/zod/issues/4143#issuecomment-2845134912
-     */
-    export const functionSchema: <T extends z.core.$ZodFunction>(schema: T) => any;
-    export const createAsyncFunctionSchema: <T extends z.core.$ZodFunction>(schema: T) => any;
-    export const locationSchema: any;
-    export const DisplayConditionZodSchema: any;
-    export const FontWeightZodSchema: any;
-    export const FontZodSchema: any;
-    export const HintZodSchema: any;
-    export const PercentageZodSchema: any;
-    export const SinglePxZodSchema: any;
-    export const DoublePxZodSchema: any;
-    export const TriplePxZodSchema: any;
-    export const QuadruplePxZodSchema: any;
-    export const MultiplePxZodSchema: any;
-}
-declare module "state/types/types" {
+declare module "packages/editor/src/state/types/types" {
     import * as Ariakit from '@ariakit/react';
     import { MutableRefObject, ReactInstance } from 'react';
-    import { z } from 'zod/v4';
+    import { z } from 'zod';
+    import type { AICopilotDataType } from '@libs/ai/types/types';
+    import { DisplayConditionZodSchema } from '@libs/schemas/common/schemas';
     import { State as Design } from '../reducer/design';
-    import { CollaborationThread } from "editor/components/editors/types";
-    import { RootState } from "state/types/RootState";
-    import { ThemeExtension, ThemeNamePlusLightDark } from "editor/themes/types";
-    import { collections, displayModes } from "engine/constants";
-    import { DisplayConditionZodSchema } from "engine/utils/zod/schemas";
+    import { CollaborationThread } from "packages/editor/src/editor/components/editors/types";
+    import { RootState } from "packages/editor/src/state/types/RootState";
+    import { ThemeExtension, ThemeNamePlusLightDark } from "packages/editor/src/editor/themes/types";
+    import { collections, displayModes } from "packages/editor/src/engine/constants";
     import { AppDispatch } from '../store';
+    export type { AICopilotDataType };
     export type DesignMode = 'live' | 'edit';
     export type Device = 'desktop' | 'mobile' | 'tablet';
     export type Resolution = {
@@ -1488,7 +1475,6 @@ declare module "state/types/types" {
     }
     export type Collection = ArrayItem<typeof collections>;
     export type Container = 'body' | 'row' | 'column' | 'content';
-    export type AICopilotDataType = 'template_block' | 'page_block' | 'body_block' | 'row_block' | 'header_block' | 'footer_block' | 'column_block' | 'content_block' | 'text';
     export interface Location {
         collection: Collection;
         id: number | string;
@@ -1621,7 +1607,7 @@ declare module "state/types/types" {
         [id: string]: unknown;
         html?: string;
         defaultErrors?: Audit[];
-    }) => Promise<Audit[]>;
+    }) => Audit[] | Promise<Audit[]>;
     export type AuditApiResult = {
         status: 'FAIL' | 'PASS';
         errors: Audit[];
@@ -1807,13 +1793,8 @@ declare module "state/types/types" {
     }) => string;
     export type ItemExporters = Partial<Record<ExporterName, ItemExporter>>;
 }
-declare module "engine/utils/pruneObj" {
-    export function pruneObj<T extends Record<string, any>>(obj: T, options?: {
-        deep?: boolean;
-    }): Partial<T>;
-}
-declare module "engine/config/features" {
-    import { Resolution, Language } from "state/types/types";
+declare module "packages/editor/src/engine/config/features" {
+    import { Resolution, Language } from "packages/editor/src/state/types/types";
     export interface TextEditorCustomButton {
         name: string;
         icon: string;
@@ -1924,8 +1905,9 @@ declare module "engine/config/features" {
         sendTestEmail?: boolean;
         syncedBlocks?: boolean;
     }
-    export const betaFeatures: readonly ["ai.copilot"];
+    export const betaFeaturesPaths: readonly ["ai.copilot"];
     export const betaEntitlements: readonly ["copilot"];
+    export const getBetaFeatures: () => "copilot"[];
     export function setFeatures(newFeatures: Features): void;
     export function getFeatureOverrides(): Features;
     export function setOverrideFeatures(newOverrideFeatures: Features, options?: {
@@ -1937,11 +1919,11 @@ declare module "engine/config/features" {
     export function getFeatureAsObject<Path extends keyof Features | [keyof Features, ...string[]]>(path: Path): Partial<(Path extends keyof Features ? Features[Path] : any) & object>;
     export function hasFeature<Path extends keyof Features | [keyof Features, ...string[]]>(path: Path, checkEntitlement?: boolean | string): boolean;
 }
-declare module "engine/config/offline" {
+declare module "packages/editor/src/engine/config/offline" {
     export function enableOffline(): void;
     export function isOffline(): boolean;
 }
-declare module "engine/config/callbacks" {
+declare module "packages/editor/src/engine/config/callbacks" {
     import { Handler } from 'mitt';
     export type CallbackDoneFn = (result: any) => Promise<void> | void;
     export type CallbackFn = (data?: any, done?: CallbackDoneFn) => Promise<void> | void;
@@ -1971,9 +1953,9 @@ declare module "engine/config/callbacks" {
         remove: () => void;
     };
 }
-declare module "engine/config/fonts" {
-    import { z } from 'zod/v4';
-    import { FontZodSchema } from "engine/utils/zod/schemas";
+declare module "packages/editor/src/engine/config/fonts" {
+    import { z } from 'zod';
+    import { FontZodSchema } from '@libs/schemas/common/schemas';
     export type Font = z.infer<typeof FontZodSchema>;
     export type FontList = Font[];
     export interface FontConfig {
@@ -1992,7 +1974,7 @@ declare module "engine/config/fonts" {
     export function getCustomFontsCount(): number;
     export const defaultFontWeights: number[];
 }
-declare module "engine/config/safeHtml" {
+declare module "packages/editor/src/engine/config/safeHtml" {
     import { Config } from 'dompurify';
     export interface SafeHtmlOptions {
         domPurifyOptions?: Config;
@@ -2013,12 +1995,12 @@ declare module "engine/config/safeHtml" {
     }): TrustedHTML;
     export const toSafeHtml: typeof _toSafeHtml & import("lodash").MemoizedFunction;
 }
-declare module "engine/translations/types" {
+declare module "packages/editor/src/engine/translations/types" {
     import stockTranslations from '.';
     export type StockLocale = keyof typeof stockTranslations;
 }
-declare module "engine/config/intl" {
-    import { StockLocale } from "engine/translations/types";
+declare module "packages/editor/src/engine/config/intl" {
+    import { StockLocale } from "packages/editor/src/engine/translations/types";
     export type Locale = StockLocale | 'en-US';
     export type TextDirection = 'ltr' | 'rtl';
     export const DEFAULT_LOCALE = "en-US";
@@ -2030,15 +2012,15 @@ declare module "engine/config/intl" {
     export function setTextDirection(textDirection: TextDirection | null): void;
     export function isRTL(locale: Locale): boolean;
 }
-declare module "embed/Config" {
+declare module "packages/editor/src/embed/Config" {
     import { ValidationResult } from 'amphtml-validator';
-    import { EditorSettings } from "engine/config/editorSettings";
-    import { Features } from "engine/config/features";
-    import { FontList } from "engine/config/fonts";
-    import { SafeHtmlOptions } from "engine/config/safeHtml";
-    import { TextDirection } from "engine/config/intl";
-    import { AppearanceConfig, Audit, DesignTags, DesignTagsConfig, Device, DisplayConditions, DisplayMode, Fonts, JSONTemplate, LinkTypes, LinkTypesSharedConfig, MergeTags, MergeTagsConfig, MergeTagsValues, SpecialLinks, Tabs, ToolsConfig, User } from "state/types/types";
-    import { DeepPartial } from "editor/components/editors/types";
+    import { EditorSettings } from "packages/editor/src/engine/config/editorSettings";
+    import { Features } from "packages/editor/src/engine/config/features";
+    import { FontList } from "packages/editor/src/engine/config/fonts";
+    import { SafeHtmlOptions } from "packages/editor/src/engine/config/safeHtml";
+    import { TextDirection } from "packages/editor/src/engine/config/intl";
+    import { AppearanceConfig, Audit, DesignTags, DesignTagsConfig, Device, DisplayConditions, DisplayMode, Fonts, JSONTemplate, LinkTypes, LinkTypesSharedConfig, MergeTags, MergeTagsConfig, MergeTagsValues, SpecialLinks, Tabs, ToolsConfig, User } from "packages/editor/src/state/types/types";
+    import { DeepPartial } from "packages/editor/src/editor/components/editors/types";
     export interface Config {
         id?: string;
         className?: string;
@@ -2169,13 +2151,13 @@ declare module "embed/Config" {
     export interface ExportZipFromApiOptions extends BaseExportFromApiOptions {
     }
 }
-declare module "engine/utils/findDeep" {
-    export function findDeep<T = any>(item: Record<string, T> | Array<T> | T, eq: ((item: T) => boolean) | unknown, { _path, _visited }?: {
+declare module "libs/utils/src/findDeep" {
+    export function findDeep<T = any>(item: Record<string, T> | Array<T> | T, eq: ((item: T, key: string | undefined) => boolean) | unknown, { _path, _visited }?: {
         _path?: string[];
         _visited?: WeakMap<WeakKey, any>;
     }): string[][];
 }
-declare module "embed/Frame" {
+declare module "packages/editor/src/embed/Frame" {
     export type Message = object;
     export interface MessageData {
         action: string;
@@ -2217,1214 +2199,15 @@ declare module "embed/Frame" {
         }
     }
 }
-declare module "editor/components/common/Modal" {
-    import React from 'react';
-    import { Props as ReactModalProps } from 'react-modal';
-    export interface ModalProps extends Omit<ReactModalProps, 'style'> {
-        children: React.ReactNode;
-        className?: string;
-        contentStyle?: React.CSSProperties;
-        innerContentStyle?: React.CSSProperties;
-        overlayStyle?: React.CSSProperties;
-    }
-    export function Modal(props: ModalProps): React.JSX.Element;
-}
-declare module "editor/components/common/ConditionalWrap" {
-    import React from 'react';
-    export interface ConditionalWrapProps {
-        children: any;
-        condition: boolean;
-        wrap: (children: React.ReactElement<any>) => React.ReactNode;
-    }
-    export function ConditionalWrap(props: ConditionalWrapProps): any;
-}
-declare module "editor/components/common/Loader" {
-    import React from 'react';
-    export interface LoaderProps {
-        children?: React.ReactNode;
-        color?: boolean | string | ((props: {
-            theme: any;
-        }) => string);
-        fadeIn?: boolean;
-        loaded?: boolean;
-        loadedClassName?: string;
-        loadingClassName?: string;
-        size?: 'small' | 'normal';
-    }
-    export function Loader(props: LoaderProps): React.JSX.Element;
-}
-declare module "engine/utils/withHook" {
-    import React from 'react';
-    export function withHook<P extends object, C extends React.ComponentType<P>, HookName extends string, HookFn extends (props: P) => any>(Component: C, hookName: HookName, useHook: HookFn): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<unknown>>>;
-}
-declare module "editor/hooks/useForceRerender" {
-    export function useForceRerender({ debounce, throttle, }?: {
-        debounce?: boolean | number;
-        throttle?: boolean | number;
-    }): () => void;
-}
-declare module "editor/hooks/useConfig" {
-    import React from 'react';
-    export function useConfig(): any;
-    export function withConfig<C extends React.ComponentType>(Component: C): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<unknown>>>;
-}
-declare module "engine/utils/position" {
-    import { ArrayItem, DisplayMode } from "state/types/types";
-    export const ENABLE_BACKGROUND_POSITION_FOR_EMAILS = true;
-    export const positions: readonly ["top-left", "top-center", "top-right", "center-left", "center", "center-right", "bottom-left", "bottom-center", "bottom-right"];
-    export type Position = ArrayItem<typeof positions>;
-    export function positionToMarginArray(position: Position | undefined): string[] | readonly [0, "auto", "auto", 0] | readonly [0, "auto", "auto", "auto"] | readonly [0, 0, "auto", "auto"] | readonly ["auto", "auto", "auto", 0] | readonly ["auto"] | readonly ["auto", 0, "auto", "auto"] | readonly ["auto", "auto", 0, 0] | readonly ["auto", "auto", 0, "auto"] | readonly ["auto", 0, 0, "auto"];
-    export function positionToBackgroundPosition(position: Position | undefined): 'top left' | 'top center' | 'top right' | 'center left' | 'center center' | 'center right' | 'bottom left' | 'bottom center' | 'bottom right' | 'auto auto';
-    export function valuesToBackgroundPositionCSS(values: {
-        position: Position | 'custom' | undefined;
-        customPosition: [string, string] | undefined;
-    }, { displayMode }: {
-        displayMode: DisplayMode;
-    }): string;
-    export function positionToPercentages(position: Position | 'custom' | undefined): [x: string, y: string] | undefined;
-    export function normalizePosition(position: 'top' | 'top-left' | 'top-center' | 'top-right' | 'center' | 'center-left' | 'center-center' | 'center-right' | 'center-top' | 'center-bottom' | 'bottom' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left' | 'left-top' | 'left-center' | 'left-bottom' | 'right' | 'right-top' | 'right-center' | 'right-bottom' | 'custom' | undefined): Position | undefined;
-}
-declare module "engine/utils/zod/zodSchemasToJsonSchemas" {
-    import { z } from 'zod/v4';
-    import { JSONSchema } from "state/types/types";
-    export function zodSchemasToJsonSchemas<K extends string>(zodSchemas: Partial<Record<K, z.ZodType | undefined>>): Record<K, JSONSchema>;
-}
-declare module "engine/utils/zod/propertyEditorSchemas" {
-    import { PropertyEditorZodSchemas } from '../../config';
-    export function propertyEditorZodSchemas<ValueSchema extends PropertyEditorZodSchemas['value']>(zodSchemas: Omit<PropertyEditorZodSchemas, 'value' | 'value__simple'> & {
-        value: ValueSchema;
-        value__simple: ((valueSchema: ValueSchema) => PropertyEditorZodSchemas['value__simple']) | PropertyEditorZodSchemas['value__simple'] | null | undefined;
-    }): {
-        zodSchemas: {
-            value__simple: any;
-            value: ValueSchema;
-        };
-        schemas: Record<"value" | "value__simple", import("state/types/types").JSONSchema>;
-    };
-}
-declare module "engine/utils/zod/types" {
-    import { z } from 'zod/v4';
-    import { EditorProps } from "editor/components/editors/types";
-    import { PropertyEditorZodSchemas } from '../../config';
-    export type EditorPropsFromZodSchemas<T extends Partial<PropertyEditorZodSchemas>> = EditorProps<z.infer<T['value']>, z.infer<T['widgetParams']>>;
-}
-declare module "editor/components/editors/PositionEditor" {
-    import React from 'react';
-    import { EditorPropsFromZodSchemas } from "engine/utils/zod/types";
-    export const schemas: Record<"value" | "value__simple", import("state/types/types").JSONSchema>, zodSchemas: {
-        value__simple: any;
-        value: any;
-    };
-    export type PositionEditorProps = EditorPropsFromZodSchemas<typeof zodSchemas>;
-    export function PositionEditor(props: PositionEditorProps): React.JSX.Element;
-    export function PositionEditorBase(props: Pick<PositionEditorProps, 'updateValue' | 'value' | 'widgetParams'> & {
-        className?: string;
-        itemSize?: number;
-        spacing?: number;
-        style?: React.CSSProperties;
-        valueLabelPosition?: 'left' | 'right' | 'none';
-    }): React.JSX.Element;
-}
-declare module "editor/hooks/useDynamicRef" {
-    export function useDynamicRef<T>(value: T): import("react").MutableRefObject<T>;
-}
-declare module "engine/utils/renderIcon" {
-    import React from 'react';
-    import * as config from '../../engine/config';
-    import { Icon } from "state/types/types";
-    import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
-    import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-    export function renderIcon(icon: Icon | Parameters<typeof config.normalizeIcon>[0] | undefined, { fallbackIcon, shouldShowFallbackIcon, size, divProps, }?: {
-        shouldShowFallbackIcon?: boolean;
-        fallbackIcon?: IconDefinition;
-        size?: FontAwesomeIconProps['size'];
-        divProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    }): React.JSX.Element;
-}
-declare module "editor/design-system/components/Input" {
-    import React from 'react';
-    import * as Ariakit from '@ariakit/react';
-    import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
-    import { Icon } from "state/types/types";
-    export interface InputProps extends Omit<Ariakit.FormInputProps, 'as' | 'onSubmit' | 'onSubmitCapture'> {
-        containerStyle?: React.CSSProperties;
-        formStore?: Ariakit.FormStore<{
-            value: string;
-        }>;
-        icon?: Icon | IconDefinition;
-        inputFooter?: React.ReactNode;
-        inputHeader?: React.ReactNode;
-        inputStyle?: React.CSSProperties;
-        label?: React.ReactNode;
-        labelPosition?: 'top' | 'left' | 'right';
-        maxRows?: number;
-        minRows?: number;
-        name: string;
-        onClear?: () => void;
-        onSubmit: (value: string | number) => void;
-        placeholder?: string;
-        required?: boolean;
-        type?: Ariakit.FormInputProps['type'] | 'textarea';
-        validationDOMTarget?: HTMLDivElement | null;
-        validationMessage?: string;
-        validationStatus?: 'error' | 'warn' | 'success';
-        value: string | number;
-    }
-    export const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    export const CSS: {
-        label: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-    };
-    export const S: {
-        Form: import("styled-components").StyledComponent<any, any, any, any>;
-        FormInputGroup: import("styled-components").StyledComponent<any, any, any, any>;
-        FormLabel: import("styled-components").StyledComponent<any, any, any, any>;
-        FormInputWrapper: import("styled-components").StyledComponent<"div", any, {
-            className: "input-wrapper";
-        }, "className">;
-        FormInput: import("styled-components").StyledComponent<any, any, any, any>;
-        Message: import("styled-components").StyledComponent<"div", any, {}, never>;
-        ClearButton: import("styled-components").StyledComponent<any, any, any, any>;
-    };
-}
-declare module "editor/helpers/extractStringsFromReactNode" {
-    import React from 'react';
-    export function extractStringsFromReactNode(node: React.ReactNode): string;
-}
-declare module "editor/design-system/components/Tooltip" {
-    import React from 'react';
-    import * as Ariakit from '@ariakit/react';
-    export interface TooltipProps {
-        arrow?: boolean;
-        children?: Ariakit.TooltipAnchorProps['children'];
-        className?: string;
-        disabled?: boolean;
-        disableIfNotTruncated?: boolean;
-        gutter?: Ariakit.TooltipProps['gutter'];
-        placement: Ariakit.TooltipStoreProps['placement'];
-        style?: React.CSSProperties;
-        timeout?: Ariakit.TooltipStoreProps['timeout'];
-        tooltip: Ariakit.TooltipProps['children'];
-        tooltipWrapper?: Ariakit.TooltipAnchorProps['render'];
-    }
-    export function Tooltip(props: TooltipProps): React.JSX.Element;
-}
-declare module "editor/design-system/components/Button" {
-    import React from 'react';
-    import * as Ariakit from '@ariakit/react';
-    import { IconProp } from '@fortawesome/fontawesome-svg-core';
-    import { Theme } from "editor/themes/types";
-    import { TooltipProps } from "editor/design-system/components/Tooltip";
-    export interface ButtonProps extends Ariakit.ButtonProps {
-        children?: React.ReactNode;
-        circle?: boolean;
-        className?: string;
-        contentAlign?: 'left' | 'center' | 'right';
-        danger?: boolean;
-        disabled?: boolean;
-        icon?: IconProp;
-        id?: string;
-        loading?: boolean;
-        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-        rounded?: boolean;
-        size?: number | 'auto';
-        style?: React.CSSProperties;
-        tooltip?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-        truncate?: boolean;
-        type?: Ariakit.ButtonProps['type'];
-        variant?: keyof Theme['components']['buttons'];
-    }
-    export const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
-}
-declare module "editor/helpers/intl" {
-    import _ from 'lodash';
-    import { IntlShape } from 'react-intl';
-    function _getIntlLabel<Label extends any>(intl: IntlShape, label: string | Label): string | Label;
-    export const getIntlLabel: typeof _getIntlLabel & _.MemoizedFunction;
-}
-declare module "editor/design-system/components/Dropdown" {
-    import React from 'react';
-    import * as Ariakit from '@ariakit/react';
-    import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
-    import { TooltipProps } from "editor/design-system/components/Tooltip";
-    export interface SelectOption {
-        icon?: IconDefinition;
-        label: string;
-        value: any;
-        key?: string;
-        tooltip?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-        meta?: Record<string, unknown>;
-        onClick?: (e: React.MouseEvent, selected: boolean) => void;
-        selected: boolean;
-        disabled?: boolean;
-        toggle?: boolean;
-        attrs?: Record<string, string | number | boolean | undefined>;
-    }
-    export interface SelectOptionGroup {
-        name?: string;
-        label?: string;
-        icon?: IconDefinition;
-        options: SelectOption[];
-        meta?: object;
-    }
-    export type DropdownProps = {
-        ariaLabel?: string;
-        asLink?: boolean;
-        badge?: number | boolean;
-        className?: string;
-        icon?: IconDefinition;
-        caret?: boolean;
-        disabled?: boolean;
-        fallbackLabel?: string;
-        id?: string;
-        label?: React.ReactNode;
-        multi?: boolean;
-        triggerLabel?: string | React.ReactNode;
-        placement?: Ariakit.PopoverStoreState['placement'];
-        onChange?: (option: SelectOption) => void;
-        onClose?: () => void;
-        onOpen?: () => void;
-        renderButton?: Ariakit.SelectProps['render'];
-        renderFooter?: () => React.ReactNode;
-        renderHeader?: () => React.ReactNode;
-        style?: React.CSSProperties;
-        customPopoverStyles?: React.CSSProperties;
-        tooltip?: string;
-        title?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-    } & ({
-        renderOption?: (option: SelectOption) => React.ReactNode;
-        renderOptionLabel?: never;
-    } | {
-        renderOption?: never;
-        renderOptionLabel?: (option: SelectOption) => React.ReactNode;
-    }) & ({
-        options?: never;
-        groupedOptions?: Array<SelectOptionGroup | undefined>;
-        renderOptionGroupHeader?: (optionGroup: SelectOptionGroup) => React.ReactNode;
-    } | {
-        options?: Array<SelectOption | undefined>;
-        groupedOptions?: never;
-        renderOptionGroupHeader?: never;
-    });
-    export function Dropdown(props: DropdownProps): React.JSX.Element;
-}
-declare module "editor/themes/helpers" {
-    import { Theme, ThemeExtension } from "editor/themes/types";
-    export function extendTheme<TE extends ThemeExtension, BT extends Theme>(themeExtension: TE, baseTheme: BT): BT;
-    export function postprocessTheme<T extends Theme>(theme: T): T;
-    export function parseThemeValues<T extends Theme>(theme: T): T;
-}
-declare module "editor/themes/modern/light" {
-    import { DeprecatedTheme, Theme } from "editor/themes/types";
-    export const unparsedTheme: Theme & DeprecatedTheme;
-}
-declare module "editor/themes/classic/light" {
-    export const unparsedTheme: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
-}
-declare module "editor/themes/modern/dark" {
-    import { DeprecatedTheme, Theme } from "editor/themes/types";
-    export const unparsedTheme: Theme & DeprecatedTheme;
-}
-declare module "editor/themes/classic/dark" {
-    export const unparsedTheme: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
-}
-declare module "editor/themes/index" {
-    const themes: {
-        classic_light: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
-        classic_dark: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
-        modern_light: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
-        modern_dark: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
-    };
-    export default themes;
-}
-declare module "editor/hooks/useTheme" {
-    import React from 'react';
-    import { DeprecatedTheme, Theme } from "editor/themes/types";
-    export function ThemeProvider(props: React.PropsWithChildren): React.JSX.Element;
-    export function ThemeConsumer(props: {
-        children: React.ReactNode | ((params: {
-            theme: any;
-        }) => React.ReactNode);
-    }): React.ReactNode;
-    export function useThemeInternal(): Theme & DeprecatedTheme;
-    export function useTheme(): Theme & DeprecatedTheme;
-}
-declare module "editor/design-system/components/CounterInput" {
-    import React from 'react';
-    import { DisplayMode } from "state/types/types";
-    import { InputProps } from "editor/design-system/components/Input";
-    export interface CounterInputProps {
-        absoluteBaseValue?: number;
-        containerStyle?: React.CSSProperties;
-        defaultUnit?: string;
-        disabled?: boolean;
-        displayMode: DisplayMode;
-        inputStyle?: InputProps['style'];
-        mainContainerStyle?: React.CSSProperties;
-        maxValue?: number | null;
-        minValue?: number | null;
-        onChange: (value: number | string) => void;
-        shouldRenderIncrementDecrementButtons?: boolean;
-        step?: number;
-        units?: string[];
-        unitSupportedDisplayModes?: string[];
-        validationDOMTarget?: InputProps['validationDOMTarget'];
-        value: number | string;
-    }
-    export default function CounterInput(props: CounterInputProps): React.JSX.Element;
-}
-declare module "editor/components/editors/common/Counter" {
-    import React from 'react';
-    import { CounterInputProps } from "editor/design-system/components/CounterInput";
-    export interface CounterProps extends Omit<CounterInputProps, 'displayMode'> {
-        right?: boolean;
-    }
-    export default function Counter(props: CounterProps): React.JSX.Element;
-}
-declare module "engine/utils/sizeUtils" {
-    import { DisplayMode } from "state/types/types";
-    export const ENABLE_BACKGROUND_SIZE_FOR_EMAILS = false;
-    export function normalizeFloat(n: number | string | undefined, decimalsPlace?: number): number;
-    export function normalizeSize(size: number | string | undefined, { decimalsPlace }?: {
-        decimalsPlace?: number;
-    }): string;
-    export function calculateExactSize(size: number | string, maxSize: number | undefined, options?: {
-        decimalsPlace?: number;
-        ifNumberConsiderAsPercentage?: boolean;
-    }): number | undefined;
-    export function valuesToBackgroundSizeCSS(values: {
-        size: 'contain' | 'cover' | 'custom' | undefined;
-        customSize: [string, string];
-    }, { displayMode }: {
-        displayMode: DisplayMode;
-    }): string;
-}
-declare module "engine/config/mergeTags" {
-    import { MergeTags } from "state/types/types";
-    export function getMergeTags(): MergeTags;
-    export function getMergeTagsVersion(): number;
-    export function setMergeTags(_mergeTags: MergeTags): void;
-}
-declare module "engine/utils/htmlEntities" {
-    export function encodeHtmlEntities(str: string | undefined, { modes }?: {
-        modes?: Array<keyof typeof replacers>;
-    }): string;
-    const replacers: {
-        accents: (str: string | undefined) => string;
-        all: (str: string | undefined) => string;
-        others: (str: string | undefined) => string;
-        tags: (str: string | undefined) => string;
-    };
-}
-declare module "engine/utils/encodeMergeTag" {
-    export function encodeMergeTag(str: string | undefined): string;
-}
-declare module "engine/utils/escapeHtml" {
-    export function escapeHtml(str: string | undefined, { escapeAndOperator, // This was causing issues by changing & in links to &amp;
-    escapeLT, escapeGT, escapeDoubleQuotes, escapeSingleQuotes, }?: {
-        escapeAndOperator?: boolean;
-        escapeLT?: boolean;
-        escapeGT?: boolean;
-        escapeDoubleQuotes?: boolean;
-        escapeSingleQuotes?: boolean;
-    }): string;
-}
-declare module "engine/utils/escapeRegexString" {
-    export function escapeRegexString(str: string): string;
-}
-declare module "engine/utils/getNumberOrString" {
-    export function getNumberOrString(str: string | number): string | number;
-}
-declare module "engine/utils/flattenMergeTags" {
-    import { MergeTag, MergeTags, MergeTagsConfig } from "state/types/types";
-    export type MergeTagWithMeta = MergeTag & {
-        _meta: {
-            key: string;
-            tree: Array<Omit<MergeTag, 'mergeTags'> & {
-                _meta?: Omit<MergeTagWithMeta['_meta'], 'tree'>;
-            }>;
-        };
-    };
-    function _flattenMergeTags(mergeTags: Array<MergeTag | MergeTagWithMeta> | MergeTags, mergeTagsConfig?: Pick<MergeTagsConfig, 'sort'>, _internal?: Pick<MergeTagWithMeta['_meta'], 'tree'>): Array<MergeTagWithMeta>;
-    export const flattenMergeTags: typeof _flattenMergeTags & import("lodash").MemoizedFunction;
-    export function getMergeTagLabel(mergeTag: MergeTagWithMeta['_meta']['tree'][0] | undefined): string;
-    export function getMergeTagFlatLabel(mergeTag: MergeTagWithMeta | undefined): string;
-}
-declare module "engine/utils/testBrowserFeatures" {
-    export function supportsRegexLookAheadLookBehind(): boolean;
-    export function replaceWithLookBehind(str: string, lookbBehindStr: string, regex: RegExp, replacement: string): string;
-}
-declare module "engine/utils/applyMergeTagsToHtml" {
-    import { MergeTags, MergeTagsValues } from "state/types/types";
-    export function applyMergeTagsToHtml(html: string | undefined, { mergeTagsSchema, mergeTagsValues: _mergeTagsValues, _skipTags, _useRawValue, }: {
-        mergeTagsSchema: MergeTags | undefined;
-        mergeTagsValues: MergeTagsValues | undefined;
-        _skipTags?: boolean;
-        _useRawValue?: boolean;
-    }): string;
-}
-declare module "engine/utils/generateMergeTagHtml" {
-    import { Icon, MergeTag } from "state/types/types";
-    export function generateMergeTagHtml(mergeTag: Pick<MergeTag, 'name' | 'value' | 'sample'> & {
-        icon?: Icon | string;
-    }, tool?: 'paragraph' | 'text'): string;
-}
-declare module "engine/utils/applyMergeTagPreviewHtmlToText" {
-    function _applyMergeTagPreviewHtmlToText(text: string | undefined, { type, tool, }?: {
-        type?: 'smart' | 'raw';
-        tool?: 'paragraph' | 'text';
-    }): string;
-    export const applyMergeTagPreviewHtmlToText: typeof _applyMergeTagPreviewHtmlToText & import("lodash").MemoizedFunction;
-}
-declare module "editor/design-system/components/SegmentedControl" {
-    import React from 'react';
-    import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
-    export interface SegmentedControlItem {
-        key?: string;
-        icon?: IconDefinition;
-        label?: string;
-        onClick?: (e: React.MouseEvent) => void;
-        selected?: boolean;
-        disabled?: boolean;
-        tooltip?: string;
-        meta?: object;
-    }
-    export interface SegmentedControlProps {
-        autoFocus?: boolean;
-        className?: string;
-        disabled?: boolean;
-        items: SegmentedControlItem[];
-        renderLabel?: (item: SegmentedControlItem) => React.ReactNode;
-    }
-    export function SegmentedControl(props: SegmentedControlProps): React.JSX.Element;
-}
-declare module "engine/config/env" {
-    export const env: {
-        API_V1_BASE_URL: string;
-        API_V2_BASE_URL: string;
-        API_V3_BASE_URL: string;
-        EVENTS_API_BASE_URL: string;
-        TOOLS_API_V1_BASE_URL: string;
-        TOOLS_CDN_BASE_URL: string;
-        CONSOLE_BASE_URL: string;
-    };
-    export function setIsTest(isTest: boolean): void;
-    export function isTest(): boolean;
-    global {
-        interface Window {
-            Cypress?: unknown;
-        }
-    }
-}
-declare module "editor/helpers/image" {
-    import _ from 'lodash';
-    export function fetchImage(imageURL: string, { proxyURL, retryWithoutProxy, }?: {
-        proxyURL?: string;
-        retryWithoutProxy?: boolean;
-    }): Promise<{
-        blob: Blob;
-        url: string;
-    }>;
-    export function tryFetchImageBlob(imageURL: string, requestOptions?: RequestInit | HeadersInit, { cache }?: {
-        cache?: boolean;
-    }): Promise<Blob>;
-    export function getImageUrlWithProxy(imageURL: string, { proxyURL }?: {
-        proxyURL?: string;
-    }): string;
-    export function fetchImageViaProxy(imageURL: string, { proxyURL, retryWithoutProxy, }?: {
-        proxyURL?: string;
-        retryWithoutProxy?: boolean;
-    }): Promise<{
-        blob: Blob;
-        url: string;
-    }>;
-    export const tryLoadImageFromStringOrBlob: ((imageSrcOrBlob: string | Blob) => Promise<{
-        image: {
-            width: number;
-            height: number;
-            src: string;
-        };
-        imgElement: HTMLImageElement;
-    }>) & _.MemoizedFunction;
-    export function loadImageDimensions(imageSrcOrBlob: string | Blob): Promise<{
-        width: number | undefined;
-        height: number | undefined;
-        error?: string;
-    }>;
-    export function imageHasTransparency(imageSrcOrBlob: string | Blob, { minimumPercentageOfAlphaPixels, }?: {
-        minimumPercentageOfAlphaPixels?: number;
-    }): Promise<boolean | null>;
-}
-declare module "editor/hooks/useImageUploader" {
-    import { useStore } from 'react-redux';
-    import { ImageSource } from "state/types/types";
-    type Store = Pick<ReturnType<typeof useStore>, 'dispatch' | 'getState'>;
-    export interface Params {
-        maxSize?: number | null;
-        onErrorChange?: (error: Error | null) => void;
-        onImageSelect?: (image?: {
-            id?: string | number;
-            url: string;
-            width?: number;
-            height?: number;
-            size?: number;
-        }) => void;
-        onImageUpload?: (image: {
-            id?: string | number;
-            url: string;
-            width?: number;
-            height?: number;
-            optimistic?: boolean;
-        }) => void;
-        onUploadProgressChange?: (progress: number) => void;
-        onUploadStatusChange?: (isUploading: boolean) => void;
-        shouldReloadUserUploadsAfterUpload?: boolean;
-        shouldTriggerReduxOptimisticUpdate?: boolean;
-    }
-    export function useImageUploader(params: Params): {
-        error: Error;
-        isUploading: boolean;
-        startUploadFlow: (images: FileList | Array<File | Blob | string> | null, source: ImageSource) => void;
-        setError: import("react").Dispatch<import("react").SetStateAction<Error>>;
-        triggerSelectImageCallback: () => void;
-        uploadProgress: number;
-    };
-    function triggerImageUploadCallback(images: FileList | Array<File | Blob | string>, source: ImageSource, { maxSize, onErrorOrNull, onImageUpload, project, setIsUploading, setUploadProgress, shouldReloadUserUploadsAfterUpload, shouldTriggerReduxOptimisticUpdate, store, userId, }: {
-        maxSize?: Params['maxSize'];
-        onErrorOrNull?: (error: Error | null) => void;
-        onImageUpload?: Params['onImageUpload'];
-        project: {
-            id?: number;
-        } | null;
-        setIsUploading?: Params['onUploadStatusChange'];
-        setUploadProgress?: Params['onUploadProgressChange'];
-        shouldReloadUserUploadsAfterUpload?: Params['shouldReloadUserUploadsAfterUpload'];
-        shouldTriggerReduxOptimisticUpdate?: Params['shouldTriggerReduxOptimisticUpdate'];
-        store: Store;
-        userId: string;
-    }): Promise<void>;
-    function uploadFiles(images: FileList | Array<File | Blob | string>, source: ImageSource, { maxSize, onErrorOrNull, onImageUpload, project, setIsUploading, setUploadProgress, shouldReloadUserUploadsAfterUpload, shouldTriggerReduxOptimisticUpdate, store, userId, }: {
-        maxSize?: Params['maxSize'];
-        onErrorOrNull?: (error: Error | null) => void;
-        onImageUpload?: Params['onImageUpload'];
-        project: {
-            id?: number;
-            storage?: boolean;
-        } | null;
-        setIsUploading?: Params['onUploadStatusChange'];
-        setUploadProgress?: Params['onUploadProgressChange'];
-        shouldReloadUserUploadsAfterUpload?: Params['shouldReloadUserUploadsAfterUpload'];
-        shouldTriggerReduxOptimisticUpdate?: Params['shouldTriggerReduxOptimisticUpdate'];
-        store: Store;
-        userId: string;
-    }): Promise<void>;
-    export function startUploadFlow(images: FileList | Array<File | Blob | string> | null, source: ImageSource, params: Parameters<typeof triggerImageUploadCallback>[2] & Parameters<typeof uploadFiles>[2]): Promise<void>;
-    export function convertImagesToFileOrBlob(images: FileList | Array<File | Blob | string | undefined | null> | undefined | null): Promise<Array<File | Blob>>;
-    export class ImageMaxSizeExceededError extends Error {
-        maxSize: number;
-        size: number;
-        constructor({ size, maxSize }: {
-            size: number;
-            maxSize: number;
-        }, message?: string, ...params: any[]);
-    }
-}
-declare module "editor/components/common/ImageUploadButton" {
-    import React from 'react';
-    import { ImageSource } from "state/types/types";
-    import { ButtonProps } from "editor/design-system/components/Button";
-    export interface ImageUploadButtonInstance {
-        clearError: () => void;
-        openPicker: () => void;
-        startUploadFlow: (images: FileList | Array<File | Blob | string> | null, source: ImageSource) => void;
-    }
-    export interface ImageUploadButtonProps {
-        buttonProps?: ButtonProps;
-        disableProgressIndicator?: boolean;
-        disabled?: boolean;
-        maxSize?: number;
-        onErrorChange?: (error: Error | null) => void;
-        onImageSelect?: (image?: {
-            id?: string | number;
-            url: string;
-            width?: number;
-            height?: number;
-        }) => void;
-        onImageUpload?: (image: {
-            id?: string | number;
-            url: string;
-            width?: number;
-            height?: number;
-            optimistic?: boolean;
-        }) => void;
-        onUploadProgressChange?: (progress: number) => void;
-        onUploadStatusChange?: (isUploading: boolean) => void;
-        shouldReloadUserUploadsAfterUpload?: boolean;
-        shouldTriggerReduxOptimisticUpdate?: boolean;
-        showError?: boolean;
-    }
-    export const ImageUploadButton: React.ForwardRefExoticComponent<ImageUploadButtonProps & React.RefAttributes<ImageUploadButtonInstance>>;
-}
-declare module "editor/design-system/components/Progress" {
-    import React from 'react';
-    export interface ProgressBarProps {
-        progress: number;
-        className?: string;
-        color?: string;
-        backgroundColor?: string;
-        height?: string;
-        animationDuration?: number;
-    }
-    export function Progress(props: ProgressBarProps): React.JSX.Element;
-}
-declare module "engine/utils/explodePaddingsOrMargins" {
-    export function explodePaddingsOrMargins(value: number | string | undefined): {
-        top: number | undefined;
-        right: number | undefined;
-        bottom: number | undefined;
-        left: number | undefined;
-    };
-}
-declare module "editor/components/editors/common/WidgetLabel" {
-    import React from 'react';
-    import { Device, Location } from "state/types/types";
-    export type WidgetLabelProps = {
-        children?: React.ReactNode;
-        className?: string;
-        defaultValue?: any;
-        deviceName?: Device;
-        disabled?: boolean;
-        getValue?: (deviceName?: Device | undefined) => any;
-        infoTooltip?: string;
-        isLocked?: boolean;
-        lockReason?: 'styleguide' | 'admin' | undefined;
-        location?: Location;
-        name?: string;
-        onReset?: (data: {
-            value: any;
-            deviceName: Device | undefined;
-        }) => void;
-    };
-    export function WidgetLabel(props: WidgetLabelProps): React.JSX.Element;
-    export function getOptionModificationInfo({ defaultValue, deviceName, getValue, optionName, }: {
-        defaultValue: any;
-        deviceName: Device | null | undefined;
-        getValue: NonNullable<WidgetLabelProps['getValue']>;
-        optionName: string;
-    }): {
-        hasValue: boolean;
-        isOverride: boolean;
-        isSameValue: boolean;
-        showResetButton: boolean;
-    };
-}
-declare module "editor/design-system/components/ToggleSwitch" {
-    import React from 'react';
-    export interface ToggleSwitchProps {
-        children?: React.ReactNode;
-        className?: string;
-        disabled?: boolean;
-        isChecked: boolean;
-        left?: React.ReactNode;
-        onChange: (isChecked: boolean) => void;
-        right?: React.ReactNode;
-        toggleLeft?: React.ReactNode;
-        size?: number;
-        style?: React.CSSProperties;
-    }
-    export const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLLabelElement>>;
-}
-declare module "editor/components/editors/AutoWidthEditor" {
-    import * as React from 'react';
-    import { WidgetLabelProps } from "editor/components/editors/common/WidgetLabel";
-    import { Device } from "state/types/types";
-    import { EditorPropsFromZodSchemas } from "engine/utils/zod/types";
-    export const schemas: Record<"value" | "value__simple", import("state/types/types").JSONSchema>, zodSchemas: {
-        value__simple: any;
-        value: any;
-    };
-    export type AutoWidthEditorProps = EditorPropsFromZodSchemas<typeof zodSchemas>;
-    export interface AutoWidthEditorBaseProps extends Pick<AutoWidthEditorProps, 'value' | 'defaultValue' | 'disabled' | 'isLocked' | 'lockReason'> {
-        defaultWidthIsCalculated?: boolean;
-        deviceName?: Device;
-        widgetLabelProps: Omit<WidgetLabelProps, 'defaultValue' | 'onReset'>;
-        handlers: {
-            onToggleAutoWidth: (autoWidth: NonNullable<AutoWidthEditorProps['value']>['autoWidth']) => void;
-            onChangeWidth: (width: number) => void;
-            onReset: NonNullable<WidgetLabelProps['onReset']>;
-        };
-    }
-    export const AutoWidthEditorBase: (props: AutoWidthEditorBaseProps) => React.JSX.Element;
-}
-declare module "engine/utils/isUrl" {
-    export function isUrl(value: any): boolean;
-}
-declare module "editor/helpers/placeholders" {
-    export const DEFAULT_IMAGE_PLACEHOLDER = "https://cdn.tools.unlayer.com/image/placeholder.png";
-    export const DEFAULT_CAROUSEL_PLACEHOLDER = "https://cdn.tools.unlayer.com/carousel/placeholder.png";
-    type ToolType = 'image' | 'carousel';
-    export function getPlaceholderUrl(type: ToolType): string;
-}
-declare module "engine/utils/explodeBorder" {
-    export function explodeBorder(value: number | string | {
-        borderTopWidth?: string;
-        borderTopStyle?: string;
-        borderTopColor?: string;
-        borderLeftWidth?: string;
-        borderLeftStyle?: string;
-        borderLeftColor?: string;
-        borderRightWidth?: string;
-        borderRightStyle?: string;
-        borderRightColor?: string;
-        borderBottomWidth?: string;
-        borderBottomStyle?: string;
-        borderBottomColor?: string;
-    } | undefined): {
-        top: number | undefined;
-        right: number | undefined;
-        bottom: number | undefined;
-        left: number | undefined;
-    };
-}
-declare module "engine/utils/imageRendering" {
-    import { explodePaddingsOrMargins } from "engine/utils/explodePaddingsOrMargins";
-    import { explodeBorder } from "engine/utils/explodeBorder";
-    export function isFixedContentWidth(bodyValues?: {
-        contentWidth: number | string;
-    }): boolean;
-    export function getBodyAvailableWidth({ body, fallbackBodyContentWidth, }: {
-        body: {
-            values: {
-                contentWidth: number | string;
-                padding?: Parameters<typeof explodePaddingsOrMargins>[0];
-                border?: Parameters<typeof explodeBorder>[0];
-            };
-        };
-        fallbackBodyContentWidth?: number;
-    }): number;
-    export function getRowAvailableWidth({ body, row, }: {
-        body: Parameters<typeof getBodyAvailableWidth>[0]['body'];
-        row: {
-            values: {
-                padding: Parameters<typeof explodePaddingsOrMargins>[0];
-                border?: Parameters<typeof explodeBorder>[0];
-            };
-        };
-    }): number;
-    export function getColumnAvailableWidth({ body, row, column, }: {
-        body: Parameters<typeof getRowAvailableWidth>[0]['body'];
-        row: Parameters<typeof getRowAvailableWidth>[0]['row'] & {
-            cells: number[];
-        };
-        column: {
-            index: number;
-            values: {
-                padding: Parameters<typeof explodePaddingsOrMargins>[0];
-                border: Parameters<typeof explodeBorder>[0];
-            };
-        };
-    }): number;
-    export function getContentAvailableWidth({ body, row, column, item, }: {
-        body: Parameters<typeof getColumnAvailableWidth>[0]['body'];
-        row: Parameters<typeof getColumnAvailableWidth>[0]['row'];
-        column: Parameters<typeof getColumnAvailableWidth>[0]['column'];
-        item: {
-            values: {
-                containerPadding?: Parameters<typeof explodePaddingsOrMargins>[0];
-                border?: Parameters<typeof explodeBorder>[0];
-            };
-        };
-    }): number;
-    export function getAvailableWidth({ values, columnIndex, columnValues, rowCells, rowValues, bodyValues, }: {
-        values: Parameters<typeof getContentAvailableWidth>[0]['item']['values'];
-        columnIndex: Parameters<typeof getContentAvailableWidth>[0]['column']['index'];
-        columnValues: Parameters<typeof getContentAvailableWidth>[0]['column']['values'];
-        rowCells: Parameters<typeof getContentAvailableWidth>[0]['row']['cells'];
-        rowValues: Parameters<typeof getContentAvailableWidth>[0]['row']['values'];
-        bodyValues: Parameters<typeof getContentAvailableWidth>[0]['body']['values'];
-    }): number;
-    export function getImageWidthAndMaxWidth(widthValue: {
-        autoWidth?: boolean;
-        maxWidth?: number | string;
-        width?: number;
-    }, availableWidth?: number): {
-        width: string;
-        maxWidth: string;
-    };
-    export function getImageProperties(widthValue: {
-        autoWidth?: boolean;
-        maxWidth?: number | string;
-        width?: number;
-    }, availableWidth?: number, optionName?: string): {
-        imageCSSClassName: string;
-        imageStyleObj: {
-            width: string;
-            maxWidth: string;
-        };
-        imageCSSStyle: string;
-    };
-    export function getDynamicImageUrl(src: string | undefined, params: {
-        allowUpscale?: boolean;
-        dynamic?: boolean;
-        resizeWidth: number | string | undefined;
-        originalWidth: number | string | undefined;
-    }): string;
-}
-declare module "editor/components/editors/pixie/pixie.umd" {
-    const _exports: {
-        new (t: any): {
-            readonly state: any;
-            readonly defaultConfig: any;
-            open(t?: {}): Promise<any>;
-            close(): void;
-            setConfig(t: any): void;
-            uploadAndAddImage(): any;
-            uploadAndReplaceMainImage(): any;
-            uploadAndOpenStateFile(): any;
-            newCanvas(t: any, n: any, r: any): any;
-            getState(t: any): string;
-            setState(t: any): any;
-            setStateFromUrl(t: any): Promise<any>;
-            openTool(t: any): void;
-            applyChanges(): void;
-            cancelChanges(): void;
-            resetEditor(t: any): Promise<void>;
-            togglePanel(t: any, n: any): void;
-            on(t: any, n: any): void;
-            isDirty(): any;
-            get(t: any): any;
-            notify(t: any): void;
-        };
-        init(t: any): Promise<any>;
-    };
-    export = _exports;
-}
-declare module "editor/design-system/components/Popover" {
-    import React from 'react';
-    import * as Ariakit from '@ariakit/react';
-    export type PopoverProps = {
-        arrow?: boolean;
-        autoFocusOnHide?: boolean;
-        autoFocusOnShow?: boolean;
-        children: Ariakit.PopoverAnchorProps['children'];
-        className?: string;
-        content: Ariakit.PopoverProps['children'];
-        defaultOpen?: Ariakit.PopoverStoreProps['defaultOpen'];
-        destroyOnHide?: boolean;
-        disabled?: boolean;
-        forcedOpenState?: boolean;
-        gutter?: Ariakit.PopoverOptions['gutter'];
-        onHide?: () => void;
-        onShow?: () => void;
-        placement: Ariakit.PopoverStoreProps['placement'];
-        portal?: Ariakit.PopoverOptions['portal'];
-        portalParent?: 'body' | 'editor';
-        style?: React.CSSProperties;
-        wrapper?: Ariakit.PopoverAnchorProps['render'];
-    } & ({
-        showOnHover?: false;
-        hideTimeout?: never;
-        showTimeout?: never;
-        timeout?: never;
-    } | {
-        showOnHover?: true;
-        hideTimeout?: Ariakit.HovercardStoreProps['hideTimeout'];
-        showTimeout?: Ariakit.HovercardStoreProps['showTimeout'];
-        timeout?: Ariakit.HovercardStoreProps['timeout'];
-    });
-    export interface PopoverInstance {
-        isOpen: boolean;
-        show: () => void;
-        hide: () => void;
-    }
-    export const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<PopoverInstance>>;
-    export const CSS: {
-        popover: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-        anchor: import("styled-components").FlattenSimpleInterpolation;
-        arrow: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-    };
-}
-declare module "editor/design-system/components/Bar" {
-    import React, { ReactNode } from 'react';
-    import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
-    import { TooltipProps } from "editor/design-system/components/Tooltip";
-    import { DropdownProps } from "editor/design-system/components/Dropdown";
-    import { PopoverProps } from "editor/design-system/components/Popover";
-    export const BAR_HEIGHT = 40;
-    export const BAR_ITEM_WIDTH = 50;
-    export const BAR_ITEM_COMPACT_WIDTH = 30;
-    export interface SelectOption {
-        icon?: IconDefinition;
-        label: string;
-        value: any;
-        tooltip?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-        meta?: object;
-        onClick?: (e: React.MouseEvent, selected: boolean) => void;
-        selected?: boolean;
-        toggle?: boolean;
-    }
-    export interface SelectOptionGroup {
-        name?: string;
-        label?: string;
-        icon?: IconDefinition;
-        options: SelectOption[];
-        meta?: object;
-    }
-    export interface BarTitleItem {
-        key: string;
-        type: 'title';
-        level?: 1 | 2 | 3 | 4 | 5 | 6;
-        ai?: boolean;
-        icon?: IconDefinition;
-        text: string | React.ReactElement;
-        tooltip?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-        badge?: number | boolean;
-        loading?: boolean;
-    }
-    export interface BarButtonItem {
-        key: string;
-        type: 'button';
-        ai?: boolean;
-        id?: string;
-        className?: string;
-        icon: IconDefinition | null | undefined;
-        label?: string;
-        tooltip?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-        badge?: number | boolean;
-        onClick?: (e: React.MouseEvent) => void;
-        destructive?: boolean;
-        disabled?: boolean;
-        loading?: boolean;
-        selected?: boolean;
-        highlighted?: boolean;
-        autoFocus?: boolean;
-    }
-    export interface BarToggleItem {
-        key: string;
-        type: 'toggle';
-        icon: IconDefinition;
-        tooltip?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-        label?: string;
-        badge?: number | boolean;
-        onClick?: (e: React.MouseEvent) => void;
-        onChange: (enabled: boolean) => void;
-        disabled?: boolean;
-        checked?: boolean;
-        selected?: boolean;
-        highlighted?: boolean;
-        autoFocus?: boolean;
-        error: ReactNode;
-    }
-    type BarDropdownItem = {
-        key: string;
-        className?: string;
-        type: 'dropdown';
-        ariaLabel?: string;
-        icon?: IconDefinition;
-        multi?: boolean;
-        renderOption?: (option: SelectOption) => React.ReactNode;
-        renderOptionLabel?: (option: SelectOption) => React.ReactNode;
-        onChange?: (option: SelectOption) => void;
-        badge?: number | boolean;
-        disabled?: boolean;
-        tooltip?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-        dropdownProps?: DropdownProps;
-        triggerLabel?: string | React.ReactNode;
-        caret?: boolean;
-        renderHeader?: () => React.ReactNode;
-    } & ({
-        options?: never;
-        groupedOptions?: SelectOptionGroup[];
-        renderOptionGroupHeader?: (optionGroup: SelectOptionGroup) => React.ReactNode;
-    } | {
-        options?: SelectOption[];
-        groupedOptions?: never;
-        renderOptionGroupHeader?: never;
-    });
-    export interface BarPopoverItem {
-        key: string;
-        type: 'popover';
-        icon?: IconDefinition;
-        ai?: boolean;
-        label?: string;
-        tooltip?: string;
-        tooltipPlacement?: TooltipProps['placement'];
-        badge?: number | boolean;
-        onClick?: (e: React.MouseEvent) => void;
-        className?: string;
-        disabled?: boolean;
-        open?: boolean;
-        destructive?: boolean;
-        selected?: boolean;
-        highlighted?: boolean;
-        autoFocus?: boolean;
-        PopoverElement: React.ElementType;
-    }
-    export interface BarSeparatorItem {
-        type: 'separator';
-    }
-    export type BarItem = BarTitleItem | BarButtonItem | BarToggleItem | BarDropdownItem | BarPopoverItem | BarSeparatorItem | false | undefined;
-    export interface BarProps {
-        as?: any;
-        className?: string;
-        compact?: boolean;
-        leftItems?: BarItem[];
-        items?: BarItem[];
-        rightItems?: BarItem[];
-        style?: React.CSSProperties;
-        tooltipPlacement?: TooltipProps['placement'];
-        popoverPlacement?: PopoverProps['placement'];
-    }
-    export function Bar(props: BarProps): React.JSX.Element;
-}
-declare module "editor/components/editors/pixie/PixieImageEditor" {
-    import React from 'react';
-    type ImageBlob = {
-        lastModifiedDate?: Date;
-        name?: string;
-    } & Blob;
-    export interface PixieImageEditorProps {
-        imageUrl: string;
-        toggleModal: () => void;
-        onComplete: (blob: ImageBlob) => void;
-    }
-    const PixieImageEditor: (props: PixieImageEditorProps) => React.JSX.Element;
-    export default PixieImageEditor;
-}
-declare module "editor/components/editors/ImageEditor" {
-    import { EditorPropsFromZodSchemas } from "engine/utils/zod/types";
-    export const schemas: Record<"value" | "value__simple", import("state/types/types").JSONSchema>, zodSchemas: {
-        value__simple: any;
-        value: any;
-    };
-    export type ImageEditorProps = EditorPropsFromZodSchemas<typeof zodSchemas>;
-    export function isDefaultImage(imageUrl: string | undefined, widgetParamsUrl?: string): boolean;
-}
-declare module "editor/components/common/Dropzone" {
-    import React from 'react';
-    import { DropzoneOptions } from 'react-dropzone';
-    export interface DropzoneProps {
-        children?: React.ReactNode;
-        disabled?: boolean;
-        isUploading?: boolean;
-        maxSize?: number;
-        options?: DropzoneOptions;
-        uploadProgress?: number;
-        imageUrl?: string;
-        imageWidth?: number;
-        imageHeight?: number;
-        imageSize?: number;
-        imageName?: string;
-        isEditImageButtonDisabled?: boolean;
-        onEditImageClick?: () => void;
-        shouldRender?: {
-            dropzone?: boolean;
-            editImageButton?: boolean;
-            imageInfo?: boolean;
-        };
-    }
-    export function Dropzone(props: DropzoneProps): React.JSX.Element;
-}
-declare module "editor/components/common/ImageUploadErrorMessage" {
-    import React from 'react';
-    import { IntlShape } from 'react-intl';
-    export interface ImageUploadErrorMessageProps {
-        error: Error | boolean | null | undefined;
-        maxSize?: number;
-        onClick?: () => void;
-    }
-    export function getImageUploadErrorMessage(error: ImageUploadErrorMessageProps['error'], { maxSize, intl }: {
-        maxSize: number;
-        intl: IntlShape;
-    }): any;
-    export function ImageUploadErrorMessage(props: ImageUploadErrorMessageProps): React.JSX.Element;
-}
-declare module "editor/components/editors/ImageUploader" {
-    import React, { RefObject } from 'react';
-    import { DropEvent, FileRejection } from 'react-dropzone';
-    import { ImageUploadButtonInstance, ImageUploadButtonProps } from "editor/components/common/ImageUploadButton";
-    import { Location } from "state/types/types";
-    export interface ImageUploaderProps {
-        disabled?: boolean;
-        shouldRender: {
-            dropzone?: boolean;
-            editImageButton?: boolean;
-            /** @deprecated Use editImageButton instead */
-            effects?: boolean;
-            imageInfo?: boolean;
-            moreImages?: boolean;
-            stockImages?: boolean;
-            uploadButton?: boolean;
-            userUploads?: boolean;
-        };
-        label: string;
-        optionName: string;
-        location: Location;
-        maxSize: number;
-        intl: any;
-        onDropAccepted: (files: File[]) => void;
-        onDropRejected: (fileRejections: FileRejection[], event: DropEvent) => void;
-        isUploading?: boolean;
-        uploadProgress?: number;
-        imageUrl?: string;
-        imageWidth?: number;
-        imageHeight?: number;
-        imageSize?: number;
-        togglePixieModal: () => void;
-        imageExists?: boolean;
-        error: boolean | Error | null;
-        onImageSelect: ImageUploadButtonProps['onImageSelect'];
-        onImageUpload: ImageUploadButtonProps['onImageUpload'];
-        onUploadProgressChange: ImageUploadButtonProps['onUploadProgressChange'];
-        onUploadStatusChange: ImageUploadButtonProps['onUploadStatusChange'];
-        onErrorChange: (error: Error | null) => void;
-        imageUploadButtonRef: RefObject<ImageUploadButtonInstance>;
-        showError?: boolean;
-    }
-    export const ImageUploader: ({ disabled, shouldRender: _shouldRender, label, optionName, location, maxSize, intl, onDropAccepted, onDropRejected, isUploading, uploadProgress, imageUrl, imageWidth, imageHeight, imageSize, togglePixieModal, imageExists, error, onImageSelect, onImageUpload, onUploadProgressChange, onUploadStatusChange, onErrorChange, imageUploadButtonRef, showError, ...restProps }: ImageUploaderProps) => React.JSX.Element;
-}
-declare module "editor/components/editors/BackgroundImageEditor" {
-    import { EditorPropsFromZodSchemas } from "engine/utils/zod/types";
-    export const schemas: Record<"value" | "value__simple", import("state/types/types").JSONSchema>, zodSchemas: {
-        value__simple: any;
-        value: any;
-    };
-    export type BackgroundImageEditorProps = EditorPropsFromZodSchemas<typeof zodSchemas>;
-}
-declare module "engine/options/bodies" {
-    import { BackgroundImageEditorProps } from "editor/components/editors/BackgroundImageEditor";
-    export type BodyValues = {
-        backgroundColor: string;
-        backgroundImage: BackgroundImageEditorProps['value'];
-        contentWidth: string;
-        fontFamily: {
-            label: string;
-            value: string;
-        };
-        linkStyle: {
-            body: boolean;
-            linkColor: string;
-            linkHoverColor: string;
-            linkUnderline: boolean;
-            linkHoverUnderline: boolean;
-        };
-        preheaderText: string;
-        accessibilityTitle: string;
-    };
+declare module "packages/editor/src/engine/options/bodies" {
+    export type { BodyValues } from '@libs/schemas/options/containers/bodies';
 }
-declare module "engine/utils/stringifyFunction" {
+declare module "packages/editor/src/engine/utils/stringifyFunction" {
     export function stringifyFunction(fn: Function): string;
     export function stringifyFunctionsFromObject(obj: object): {};
 }
-declare module "engine/utils/normalizeLinkTypes" {
-    import { LinkType, LinkTypes, LinkTypesSharedConfig } from "state/types/types";
+declare module "packages/editor/src/engine/utils/normalizeLinkTypes" {
+    import { LinkType, LinkTypes, LinkTypesSharedConfig } from "packages/editor/src/state/types/types";
     export function normalizeLinkTypeSharedConfig(linkType: LinkTypesSharedConfig | null | undefined): LinkTypesSharedConfig & {
         attrs: {};
     };
@@ -3435,20 +2218,20 @@ declare module "engine/utils/normalizeLinkTypes" {
         attrs: {};
     })[];
 }
-declare module "engine/utils/makeClassMethodsEnumerable" {
+declare module "packages/editor/src/engine/utils/makeClassMethodsEnumerable" {
     export function makeClassMethodsEnumerable(instance: InstanceType<any>, ignoreList?: string[]): void;
 }
-declare module "embed/helpers" {
+declare module "packages/editor/src/embed/helpers" {
     export function convertReturnFunctionToDoneCallback<Fn extends (...args: [any]) => any>(fn: Fn): (info: Parameters<Fn>[0], done: Function) => void;
 }
-declare module "embed/Editor" {
-    import { Frame } from "embed/Frame";
-    import { Config, ExportFromApiResult, ExportHtmlOptions, ExportHtmlResult, ExportPlainTextResult, ExportImageFromApiOptions, ExportLiveHtmlOptions, ExportPdfFromApiOptions, ExportPlainTextOptions, ExportZipFromApiOptions, SaveDesignOptions, ExportLiveHtmlResult } from "embed/Config";
-    import { AppearanceConfig, Audit, DesignMode, DesignTagsConfig, Device, DisplayConditions, DisplayMode, JSONTemplate, Language, LinkTypes, LinkTypesSharedConfig, MergeTags, MergeTagsConfig, SpecialLink, StyleGuideConfig, Tabs, Translations, User, Validator } from "state/types/types";
-    import { BodyValues } from "engine/options/bodies";
-    import { Locale, TextDirection } from "engine/config/intl";
-    import { DeepPartial } from "editor/components/editors/types";
-    import { ColorPicker } from "engine/config/features";
+declare module "packages/editor/src/embed/Editor" {
+    import { Frame } from "packages/editor/src/embed/Frame";
+    import { Config, ExportFromApiResult, ExportHtmlOptions, ExportHtmlResult, ExportPlainTextResult, ExportImageFromApiOptions, ExportLiveHtmlOptions, ExportPdfFromApiOptions, ExportPlainTextOptions, ExportZipFromApiOptions, SaveDesignOptions, ExportLiveHtmlResult } from "packages/editor/src/embed/Config";
+    import { AppearanceConfig, Audit, DesignMode, DesignTagsConfig, Device, DisplayConditions, DisplayMode, JSONTemplate, Language, LinkTypes, LinkTypesSharedConfig, MergeTags, MergeTagsConfig, SpecialLink, StyleGuideConfig, Tabs, Translations, User, Validator } from "packages/editor/src/state/types/types";
+    import { BodyValues } from "packages/editor/src/engine/options/bodies";
+    import { Locale, TextDirection } from "packages/editor/src/engine/config/intl";
+    import { DeepPartial } from "packages/editor/src/editor/components/editors/types";
+    import { ColorPicker } from "packages/editor/src/engine/config/features";
     export const LATEST_VERSION: string;
     export const STABLE_VERSION: string;
     export const ENV_VERSION: string;
@@ -3534,9 +2317,9 @@ declare module "embed/Editor" {
         createWidget(): void;
     }
 }
-declare module "embed/index" {
-    import { Editor } from "embed/Editor";
-    import { Config } from "embed/Config";
+declare module "packages/editor/src/embed/index" {
+    import { Editor } from "packages/editor/src/embed/Editor";
+    import { Config } from "packages/editor/src/embed/Config";
     class Embed extends Editor {
         createEditor(config: Config): Editor;
     }