@builder.io/sdk-qwik 0.4.5 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",
@@ -27,7 +27,7 @@
   "devDependencies": {
     "@builder.io/qwik": "^1.0.0",
     "@types/node": "latest",
-    "typescript": "^4",
+    "typescript": "^5.1.6",
     "vite": "^3.0.4"
   },
   "peerDependencies": {

package/types/blocks/button/button.d.ts

@@ -1,4 +1,6 @@
-export interface ButtonProps {
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface ButtonProps {
     attributes?: any;
     text?: string;
     link?: string;

package/types/blocks/button/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/columns/columns.d.ts

@@ -1,31 +1,32 @@
-import { SizeName } from "../../constants/device-sizes";
-import { BuilderBlock } from "../../types/builder-block";
-import { Dictionary } from "../../types/typescript";
+import { SizeName } from "../../constants/device-sizes.js";
+import { BuilderBlock } from "../../types/builder-block.js";
+import { BuilderComponentsProp, PropsWithBuilderData } from "../../types/builder-props.js";
+import { Dictionary } from "../../types/typescript.js";
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
 };
 type CSSVal = string | number;
 type StackColumnsAt = "tablet" | "mobile" | "never";
-export interface ColumnProps {
+export interface ColumnProps extends BuilderComponentsProp {
     columns?: Column[];
     builderBlock: BuilderBlock;
     space?: number;
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;
 }
-export declare const getWidth: (props: any, state: any, builderContext: any, index: number) => any;
-export declare const getColumnCssWidth: (props: any, state: any, builderContext: any, index: number) => string;
-export declare const getTabletStyle: (props: any, state: any, builderContext: any, { stackedStyle, desktopStyle, }: {
+export declare const getWidth: (props: any, state: any, index: number) => any;
+export declare const getColumnCssWidth: (props: any, state: any, index: number) => string;
+export declare const getTabletStyle: (props: any, state: any, { stackedStyle, desktopStyle, }: {
     stackedStyle: CSSVal;
     desktopStyle: CSSVal;
 }) => CSSVal;
-export declare const getMobileStyle: (props: any, state: any, builderContext: any, { stackedStyle, desktopStyle, }: {
+export declare const getMobileStyle: (props: any, state: any, { stackedStyle, desktopStyle, }: {
     stackedStyle: CSSVal;
     desktopStyle: CSSVal;
 }) => CSSVal;
-export declare const columnCssVars: (props: any, state: any, builderContext: any, index: number) => Dictionary<string>;
-export declare const getWidthForBreakpointSize: (props: any, state: any, builderContext: any, size: SizeName) => number;
-export declare const Columns: import("@builder.io/qwik").Component<ColumnProps>;
+export declare const columnCssVars: (props: any, state: any, index: number) => Dictionary<string>;
+export declare const getWidthForBreakpointSize: (props: any, state: any, size: SizeName) => number;
+export declare const Columns: import("@builder.io/qwik").Component<PropsWithBuilderData<ColumnProps>>;
 export default Columns;
 export declare const STYLES = "\n.div-Columns {\n  display: flex;\n  line-height: normal;\n}\n.div-Columns-2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n";

package/types/blocks/columns/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/custom-code/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/embed/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/form/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/fragment/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/helpers.d.ts

@@ -0,0 +1,13 @@
+export declare function filterAttrs(attrs: {
+    [index: string]: any;
+} | undefined, prefix: string, isEvent: boolean): {
+    [index: string]: any;
+};
+/**
+ * Svelte SDK: workaround to dynamically provide event handlers to components/elements.
+ * https://svelte.dev/repl/1246699e266f41218a8eeb45b9b58b54?version=3.24.1
+ */
+export declare function setAttrs(node: HTMLElement, attrs?: Record<string, (event: Event) => void>): {
+    update(attrs?: {}): void;
+    destroy(): void;
+};

package/types/blocks/image/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/img/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/img/img.d.ts

@@ -1,4 +1,6 @@
-export interface ImgProps {
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface ImgProps {
     attributes?: any;
     imgSrc?: string;
     image?: string;

package/types/blocks/input/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/input/input.d.ts

@@ -1,4 +1,6 @@
-export interface FormInputProps {
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface FormInputProps {
     type?: string;
     attributes?: any;
     name?: string;

package/types/blocks/raw-text/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/section/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/section/section.d.ts

@@ -1,4 +1,6 @@
-export interface SectionProps {
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface SectionProps {
     maxWidth?: number;
     attributes?: any;
     children?: any;

package/types/blocks/select/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/select/select.d.ts

@@ -1,4 +1,6 @@
-export interface FormSelectProps {
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface FormSelectProps {
     options?: {
         name?: string;
         value: string;

package/types/blocks/submit-button/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/submit-button/submit-button.d.ts

@@ -1,4 +1,6 @@
-export interface ButtonProps {
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface ButtonProps {
     attributes?: any;
     text?: string;
 }

package/types/blocks/symbol/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/symbol/symbol.d.ts

@@ -1,6 +1,8 @@
-import { BuilderBlock } from "../../types/builder-block.js";
 import { BuilderContent } from "../../types/builder-content.js";
-export interface SymbolInfo {
+import { BuilderComponentsProp, PropsWithBuilderData } from "../../types/builder-props.js";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface SymbolInfo {
     model?: string;
     entry?: string;
     data?: any;
@@ -8,14 +10,15 @@ export interface SymbolInfo {
     inline?: boolean;
     dynamic?: boolean;
 }
-export interface SymbolProps {
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface SymbolProps extends BuilderComponentsProp {
     symbol?: SymbolInfo;
     dataOnly?: boolean;
     dynamic?: boolean;
-    builderBlock?: BuilderBlock;
     attributes?: any;
     inheritState?: boolean;
 }
-export declare const fetchContent: (props: any, state: any, builderContext: any) => void;
-export declare const Symbol: import("@builder.io/qwik").Component<SymbolProps>;
+export declare const setContent: (props: any, state: any) => void;
+export declare const Symbol: import("@builder.io/qwik").Component<PropsWithBuilderData<SymbolProps>>;
 export default Symbol;

package/types/blocks/symbol/symbol.helpers.d.ts

@@ -0,0 +1,14 @@
+import type { BuilderContextInterface } from '../../context/types.js';
+import type { BuilderContent } from '../../types/builder-content.js';
+export interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+export declare const fetchContent: ({ builderContextValue, symbol }: {
+    symbol: SymbolInfo | undefined;
+    builderContextValue: BuilderContextInterface;
+}) => Promise<BuilderContent | null | undefined>;

package/types/blocks/text/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/textarea/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/textarea/textarea.d.ts

@@ -1,4 +1,6 @@
-export interface TextareaProps {
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ export interface TextareaProps {
     attributes?: any;
     name?: string;
     value?: string;

package/types/blocks/video/component-info.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentInfo } from '../../types/components';
+import type { ComponentInfo } from '../../types/components.js';
 export declare const componentInfo: ComponentInfo;

package/types/blocks/video/video.d.ts

@@ -10,6 +10,7 @@ export interface VideoProps {
     width?: number;
     height?: number;
     fit?: "contain" | "cover" | "fill";
+    preload?: "auto" | "metadata" | "none";
     position?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
     posterImage?: string;
     lazyLoad?: boolean;

package/types/components/block/block.d.ts

@@ -1,10 +1,9 @@
-import { BuilderContextInterface, RegisteredComponent } from "../../context/types.js";
+import { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
 import { BuilderBlock } from "../../types/builder-block.js";
-import { Dictionary } from "../../types/typescript.js";
 export type BlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
-    components: Dictionary<RegisteredComponent>;
+    registeredComponents: RegisteredComponents;
 };
 export declare const Block: import("@builder.io/qwik").Component<BlockProps>;
 export default Block;

package/types/components/block/block.helpers.d.ts

@@ -1,12 +1,13 @@
-import type { BuilderContextInterface } from '../../context/types';
-import type { BuilderBlock } from '../../types/builder-block';
-import type { RepeatData } from './types';
+import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { RepeatData } from './types.js';
 export declare const isEmptyHtmlElement: (tagName: unknown) => boolean;
-export declare const getComponent: ({ block, context, }: {
+export declare const getComponent: ({ block, context, registeredComponents }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
-}) => import("../../context/types").RegisteredComponent | null | undefined;
-export declare const getRepeatItemData: ({ block, context, }: {
+    registeredComponents: RegisteredComponents;
+}) => import("../../context/types.js").RegisteredComponent | null | undefined;
+export declare const getRepeatItemData: ({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
 }) => RepeatData[] | undefined;

package/types/components/block/components/block-wrapper/block-wrapper.d.ts

@@ -0,0 +1,17 @@
+import { BuilderContextInterface } from "../../../../context/types.js";
+import { BuilderBlock } from "../../../../types/builder-block.js";
+import { PropsWithChildren } from "../../../../types/typescript.js";
+type BlockWrapperProps = {
+    Wrapper: string;
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+};
+/**
+ * This component renders a block's wrapper HTML element (from the block's `tagName` property).
+ * It reuses the exact same logic as the `InteractiveElement` component, but we need to have 2 separate components for
+ * Svelte's sake, as it needs to know at compile-time whether to use:
+ *  - `<svelte:element>` (for HTML element) or
+ *  - `<svelte:component>` (for custom components)
+ */
+export declare const BlockWrapper: import("@builder.io/qwik").Component<PropsWithChildren<BlockWrapperProps>>;
+export default BlockWrapper;

package/types/components/block/components/block-wrapper.d.ts

@@ -0,0 +1,20 @@
+import { BuilderContextInterface } from "../../../context/types.js";
+import { BuilderBlock } from "../../../types/builder-block.js";
+import { PropsWithChildren } from "../../../types/typescript.js";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */ type BlockWrapperProps = {
+    Wrapper: string;
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    hasChildren: boolean;
+};
+/**
+ * This component renders a block's wrapper HTML element (from the block's `tagName` property).
+ * It reuses the exact same logic as the `InteractiveElement` component, but we need to have 2 separate components for
+ * Svelte's sake, as it needs to know at compile-time whether to use:
+ *  - `<svelte:element>` (for HTML element) or
+ *  - `<svelte:component>` (for custom components)
+ */
+export declare const BlockWrapper: import("@builder.io/qwik").Component<PropsWithChildren<BlockWrapperProps>>;
+export default BlockWrapper;

package/types/components/block/components/component-ref/component-ref.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from "./component-ref.helpers.js";
+export declare const ComponentRef: import("@builder.io/qwik").Component<ComponentProps>;
+export default ComponentRef;

package/types/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -0,0 +1,35 @@
+import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types.js';
+import type { BuilderBlock } from '../../../../types/builder-block.js';
+import type { PropsWithBuilderData } from '../../../../types/builder-props.js';
+import type { InteractiveElementProps } from '../interactive-element';
+type ComponentOptions = PropsWithBuilderData<{
+    [index: string]: any;
+    attributes?: {
+        [index: string]: any;
+    };
+}>;
+export interface ComponentProps {
+    componentRef: any;
+    componentOptions: ComponentOptions;
+    blockChildren: BuilderBlock[];
+    context: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+    builderBlock: BuilderBlock;
+    includeBlockProps: boolean;
+    isInteractive: boolean | undefined;
+}
+export declare const getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
+    contextValue: BuilderContextInterface;
+}) => InteractiveElementProps | {
+    attributes?: {
+        'builder-id': string | undefined;
+        style: string | Partial<CSSStyleDeclaration> | undefined;
+        class: string;
+        href: any;
+    } | {
+        [index: string]: any;
+    } | undefined;
+    builderBlock: BuilderBlock;
+    builderContext: BuilderContextInterface;
+};
+export {};

package/types/components/block/components/component-ref.d.ts

@@ -1,7 +1,6 @@
-import { BuilderContextInterface, RegisteredComponent } from "../../../context/types.js";
+import { BuilderContextInterface, RegisteredComponents } from "../../../context/types.js";
 import { BuilderBlock } from "../../../types/builder-block.js";
 import { PropsWithBuilderData } from "../../../types/builder-props.js";
-import { Dictionary } from "../../../types/typescript.js";
 type ComponentOptions = PropsWithBuilderData<{
     [index: string]: any;
     attributes?: {
@@ -13,7 +12,10 @@ export interface ComponentProps {
     componentOptions: ComponentOptions;
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
-    components: Dictionary<RegisteredComponent>;
+    registeredComponents: RegisteredComponents;
+    builderBlock: BuilderBlock;
+    includeBlockProps: boolean;
+    isRSC: boolean | undefined;
 }
 export declare const ComponentRef: (props: ComponentProps & {
     key?: any;

package/types/components/block/components/interactive-element/interactive-element.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "../../../../types/typescript.js";
+import { InteractiveElementProps } from "./interactive-element.helpers.js";
+export declare const InteractiveElement: import("@builder.io/qwik").Component<PropsWithChildren<InteractiveElementProps>>;
+export default InteractiveElement;

package/types/components/block/components/interactive-element/interactive-element.helpers.d.ts

@@ -0,0 +1,16 @@
+import type { BuilderContextInterface } from '../../../../context/types';
+import type { BuilderBlock } from '../../../../types/builder-block';
+export type InteractiveElementProps = {
+    Wrapper: any;
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    wrapperProps: object;
+};
+export declare const getBlockProps: ({ block, contextValue }: Pick<InteractiveElementProps, "block"> & {
+    contextValue: BuilderContextInterface;
+}) => {
+    'builder-id': string | undefined;
+    style: string | Partial<CSSStyleDeclaration> | undefined;
+    class: string;
+    href: any;
+};

package/types/components/block/components/interactive-element.d.ts

@@ -0,0 +1,11 @@
+import { BuilderContextInterface } from "../../../context/types.js";
+import { BuilderBlock } from "../../../types/builder-block.js";
+import { PropsWithChildren } from "../../../types/typescript.js";
+export type InteractiveElementProps = {
+    Wrapper: any;
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    wrapperProps: object;
+};
+export declare const InteractiveElement: import("@builder.io/qwik").Component<PropsWithChildren<InteractiveElementProps>>;
+export default InteractiveElement;

package/types/components/block/components/repeated-block.d.ts

@@ -1,10 +1,9 @@
-import { BuilderContextInterface, RegisteredComponent } from "../../../context/types.js";
-import { BuilderBlock } from "../../../types/builder-block";
-import { Dictionary } from "../../../types/typescript";
+import { BuilderContextInterface, RegisteredComponents } from "../../../context/types.js";
+import { BuilderBlock } from "../../../types/builder-block.js";
 type Props = {
     block: BuilderBlock;
     repeatContext: BuilderContextInterface;
-    components: Dictionary<RegisteredComponent>;
+    registeredComponents: RegisteredComponents;
 };
 export declare const RepeatedBlock: import("@builder.io/qwik").Component<Props>;
 export default RepeatedBlock;

package/types/components/blocks/blocks-wrapper.d.ts

@@ -1,15 +1,13 @@
 import { BuilderBlock } from "../../types/builder-block.js";
+import { PropsWithChildren } from "../../types/typescript.js";
 export type BlocksWrapperProps = {
     blocks: BuilderBlock[] | undefined;
     parent: string | undefined;
     path: string | undefined;
     styleProp: Record<string, any> | undefined;
 };
-type PropsWithChildren = BlocksWrapperProps & {
-    children?: any;
-};
 export declare const onClick: (props: any, state: any) => void;
 export declare const onMouseEnter: (props: any, state: any) => void;
-export declare const BlocksWrapper: import("@builder.io/qwik").Component<PropsWithChildren>;
+export declare const BlocksWrapper: import("@builder.io/qwik").Component<PropsWithChildren<BlocksWrapperProps>>;
 export default BlocksWrapper;
 export declare const STYLES = "\n.div-BlocksWrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n";

package/types/components/blocks/blocks.d.ts

@@ -1,9 +1,8 @@
-import { BuilderContextInterface, RegisteredComponent } from "../../context/types.js";
-import { Dictionary } from "../../types/typescript";
+import { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
 import { BlocksWrapperProps } from "./blocks-wrapper";
 export type BlocksProps = Partial<BlocksWrapperProps> & {
     context: BuilderContextInterface;
-    components: Dictionary<RegisteredComponent>;
+    registeredComponents: RegisteredComponents;
 };
 export declare const Blocks: import("@builder.io/qwik").Component<BlocksProps>;
 export default Blocks;

package/types/components/content/builder-editing.d.ts

@@ -1,23 +1,2 @@
-import { BuilderContextInterface } from "../../context/types.js";
-import { BuilderContent } from "../../types/builder-content.js";
-import { ComponentInfo } from "../../types/components.js";
-import { Dictionary } from "../../types/typescript.js";
-import { RenderContentProps } from "./content.types.js";
-type BuilderEditorProps = Omit<RenderContentProps, "customComponents"> & {
-    customComponents: Dictionary<ComponentInfo>;
-    builderContextSignal: BuilderContextInterface;
-    children?: any;
-};
-export declare const mergeNewContent: (props: any, state: any, elementRef: any, newContent: BuilderContent) => void;
-export declare const processMessage: (props: any, state: any, elementRef: any, event: MessageEvent) => void;
-export declare const evaluateJsCode: (props: any, state: any, elementRef: any) => void;
-export declare const onClick: (props: any, state: any, elementRef: any, event: any) => void;
-export declare const evalExpression: (props: any, state: any, elementRef: any, expression: string) => string;
-export declare const handleRequest: (props: any, state: any, elementRef: any, { url, key, }: {
-    key: string;
-    url: string;
-}) => void;
-export declare const runHttpRequests: (props: any, state: any, elementRef: any) => void;
-export declare const emitStateUpdate: (props: any, state: any, elementRef: any) => void;
-export declare const BuilderEditing: import("@builder.io/qwik").Component<BuilderEditorProps>;
+export declare const BuilderEditing: import("@builder.io/qwik").Component<any>;
 export default BuilderEditing;

package/types/components/content/components/enable-editor.d.ts

@@ -1,14 +1,12 @@
 import { BuilderContextInterface } from "../../../context/types.js";
 import { BuilderContent } from "../../../types/builder-content.js";
-import { ComponentInfo } from "../../../types/components.js";
-import { Dictionary } from "../../../types/typescript.js";
 import { ContentProps } from "../content.types.js";
-type BuilderEditorProps = Omit<ContentProps, "customComponents"> & {
-    customComponents: Dictionary<ComponentInfo>;
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest"> & {
     builderContextSignal: BuilderContextInterface;
-    mergeNewContent: (newContent: BuilderContent) => void;
+    setBuilderContextSignal?: (signal: any) => any;
     children?: any;
 };
+export declare const mergeNewContent: (props: any, state: any, elementRef: any, newContent: BuilderContent) => void;
 export declare const processMessage: (props: any, state: any, elementRef: any, event: MessageEvent) => void;
 export declare const evaluateJsCode: (props: any, state: any, elementRef: any) => void;
 export declare const onClick: (props: any, state: any, elementRef: any, event: any) => void;

package/types/components/content/components/styles.d.ts

@@ -0,0 +1,8 @@
+import { CustomFont } from "./styles.helpers.js";
+interface Props {
+    cssCode?: string;
+    customFonts?: CustomFont[];
+    contentId?: string;
+}
+export declare const ContentStyles: import("@builder.io/qwik").Component<Props>;
+export default ContentStyles;

package/types/components/content/components/styles.helpers.d.ts

@@ -0,0 +1,15 @@
+export interface CustomFont {
+    family?: string;
+    kind?: string;
+    fileUrl?: string;
+    files?: {
+        [key: string]: string;
+    };
+}
+export declare const getFontCss: ({ customFonts }: {
+    customFonts?: CustomFont[] | undefined;
+}) => string;
+export declare const getCss: ({ cssCode, contentId }: {
+    cssCode?: string | undefined;
+    contentId?: string | undefined;
+}) => string;

package/types/components/content/content.d.ts

@@ -1,7 +1,5 @@
 import { BuilderRenderState } from "../../context/types.js";
-import { BuilderContent } from "../../types/builder-content.js";
 import { ContentProps } from "./content.types.js";
-export declare const mergeNewContent: (props: any, state: any, newContent: BuilderContent) => void;
 export declare const contentSetState: (props: any, state: any, newRootState: BuilderRenderState) => void;
-export declare const Content: import("@builder.io/qwik").Component<ContentProps>;
-export default Content;
+export declare const ContentComponent: import("@builder.io/qwik").Component<ContentProps>;
+export default ContentComponent;

package/types/components/content/content.helpers.d.ts

@@ -1,7 +1,7 @@
-import type { BuilderContent } from '../../types/builder-content';
-import type { Nullable } from '../../types/typescript';
-import type { ContentProps } from './content.types';
-export declare const getContextStateInitialValue: ({ content, data, locale, }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
+import type { BuilderContent } from '../../types/builder-content.js';
+import type { Nullable } from '../../types/typescript.js';
+import type { ContentProps } from './content.types.js';
+export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
     [x: string]: unknown;
 };
-export declare const getContentInitialValue: ({ content, data, }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;
+export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;