@builder.io/sdk-react-nextjs 0.7.1-4 → 0.7.2

package/lib/node/index.mjs

@@ -1,10 +1,10 @@
-import { B as i, t as m, C as c, R as g, q as p, S as l, T as C, z as d, m as f, E as u, w as B, n as S, x as E, A as R, y as h, i as x, f as k, u as y, v as P, D as b } from "./bundle-844e3979.js";
-import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-32bb8c8f.js";
+import { B as i, t as m, C as c, R as g, q as p, S as l, T as C, w as d, m as f, E as u, x as B, n as S, y as E, A as R, z as h, i as x, f as k, u as y, v as P, D as b } from "./bundle-fb3490a6.js";
+import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-c6d9e08c.js";
 import "lru-cache";
 import "react/jsx-runtime";
 import "react";
 import "next/navigation";
-import "./USE_SERVER_BUNDLE-86e8b7c7.js";
+import "./USE_SERVER_BUNDLE-787d0ec8.js";
 export {
   i as Blocks,
   w as Button,

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.7.1-4",
+  "version": "0.7.2",
   "files": [
-    "lib"
+    "lib",
+    "types"
   ],
   "main": "./lib/edge/index.cjs",
   "module": "./lib/edge/index.mjs",
@@ -74,7 +75,9 @@
   },
   "scripts": {
     "release": "npm publish",
-    "build": "nx run-many -p @builder.io/sdk-react-nextjs -t build:node build:edge build:browser",
+    "types:cjs": "yarn tsc --p ./tsconfig.cjs.json",
+    "types:esm": "yarn tsc --p ./tsconfig.esm.json",
+    "build": "nx run-many -p @builder.io/sdk-react-nextjs -t types:cjs types:esm build:node build:edge build:browser",
     "build:node": "SDK_ENV=node vite build --mode lib",
     "build:edge": "SDK_ENV=edge vite build --mode lib",
     "build:browser": "SDK_ENV=browser vite build --mode lib"
@@ -87,7 +90,7 @@
   "devDependencies": {
     "@builder.io/sdks": "workspace:*",
     "@vitejs/plugin-react": "^4.0.4",
-    "next": "^13.4.20",
+    "next": ">=13.4.20",
     "nx": "^16.6.0",
     "nx-cloud": "^16.2.0",
     "react": "^18.2.0",
@@ -108,7 +111,8 @@
           "^build"
         ],
         "outputs": [
-          "{projectRoot}/lib"
+          "{projectRoot}/lib",
+          "{projectRoot}/types"
         ]
       }
     }

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}
+declare function Button(props: ButtonProps): React.JSX.Element;
+export default Button;

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

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

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+type Column = {
+    blocks: BuilderBlock[];
+    width?: number;
+};
+type StackColumnsAt = "tablet" | "mobile" | "never";
+export interface ColumnProps extends BuilderComponentsProp {
+    columns?: Column[];
+    builderBlock: BuilderBlock;
+    space?: number;
+    stackColumnsAt?: StackColumnsAt;
+    reverseColumnsWhenStacked?: boolean;
+}
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderComponentsProp, PropsWithBuilderData } from "../../types/builder-props.js";
+declare function Columns(props: PropsWithBuilderData<ColumnProps>): React.JSX.Element;
+export default Columns;

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

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

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

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

package/types/cjs/blocks/custom-code/custom-code.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface CustomCodeProps {
+    code: string;
+    replaceNodes?: boolean;
+}
+declare function CustomCode(props: CustomCodeProps): React.JSX.Element;
+export default CustomCode;

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

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

package/types/cjs/blocks/embed/embed.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface EmbedProps {
+    content: string;
+}
+declare function Embed(props: EmbedProps): React.JSX.Element;
+export default Embed;

package/types/cjs/blocks/embed/helpers.d.ts

@@ -0,0 +1 @@
+export declare const isJsScript: (script: HTMLScriptElement) => boolean;

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

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

package/types/cjs/blocks/fragment/fragment.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface FragmentProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+}
+declare function FragmentComponent(props: FragmentProps): React.JSX.Element;
+export default FragmentComponent;

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

@@ -0,0 +1,13 @@
+export declare function filterAttrs(attrs: {
+    [index: string]: any;
+}, 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/cjs/blocks/image/component-info.d.ts

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

package/types/cjs/blocks/image/image.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+export interface ImageProps {
+    className?: string;
+    image: string;
+    sizes?: string;
+    lazy?: boolean;
+    height?: number;
+    width?: number;
+    altText?: string;
+    backgroundSize?: "cover" | "contain";
+    backgroundPosition?: string;
+    srcset?: string;
+    aspectRatio?: number;
+    children?: any;
+    fitContent?: boolean;
+    builderBlock?: BuilderBlock;
+    noWebp?: boolean;
+    src?: string;
+}
+import type { BuilderBlock } from "../../types/builder-block.js";
+declare function Image(props: ImageProps): React.JSX.Element;
+export default Image;

package/types/cjs/blocks/image/image.helpers.d.ts

@@ -0,0 +1 @@
+export declare function getSrcSet(url: string): string;

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

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

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface ImgProps {
+    attributes?: any;
+    imgSrc?: string;
+    image?: string;
+    altText?: string;
+    backgroundSize?: "cover" | "contain";
+    backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+}
+declare function ImgComponent(props: ImgProps): React.JSX.Element;
+export default ImgComponent;

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

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

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface SectionProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+    builderBlock?: any;
+}
+declare function SectionComponent(props: SectionProps): React.JSX.Element;
+export default SectionComponent;

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

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

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface SymbolProps extends BuilderComponentsProp {
+    symbol?: SymbolInfo;
+    dataOnly?: boolean;
+    dynamic?: boolean;
+    attributes?: any;
+    inheritState?: boolean;
+}
+import type { BuilderContent } from "../../types/builder-content.js";
+import type { BuilderComponentsProp, PropsWithBuilderData } from "../../types/builder-props.js";
+declare function Symbol(props: PropsWithBuilderData<SymbolProps>): Promise<React.JSX.Element>;
+export default Symbol;

package/types/cjs/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 fetchSymbolContent: ({ builderContextValue, symbol }: {
+    symbol: SymbolInfo | undefined;
+    builderContextValue: BuilderContextInterface;
+}) => Promise<any>;

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

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

package/types/cjs/blocks/text/text.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface TextProps {
+    text?: string;
+}
+declare function Text(props: TextProps): React.JSX.Element;
+export default Text;

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

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

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+export interface VideoProps {
+    attributes?: any;
+    video?: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    playsInline?: boolean;
+    aspectRatio?: number;
+    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;
+}
+declare function Video(props: VideoProps): React.JSX.Element;
+export default Video;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type BlockProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+};
+import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+declare function Block(props: BlockProps): React.JSX.Element;
+export default Block;

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

@@ -0,0 +1,13 @@
+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, registeredComponents }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+}) => import("../../context/types.js").RegisteredComponent;
+export declare const getRepeatItemData: ({ block, context }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => RepeatData[] | undefined;

package/types/cjs/components/block/components/block-styles.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type BlockStylesProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+};
+import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+declare function BlockStyles(props: BlockStylesProps): React.JSX.Element;
+export default BlockStyles;

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+/**
+ * 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) */ import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { PropsWithChildren } from "../../../types/typescript.js";
+declare function BlockWrapper(props: PropsWithChildren<BlockWrapperProps>): React.JSX.Element;
+export default BlockWrapper;

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ComponentProps } from "./component-ref.helpers.js";
+declare function ComponentRef(props: ComponentProps): React.JSX.Element;
+export default ComponentRef;

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

@@ -0,0 +1,28 @@
+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.js';
+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?: any;
+    builderBlock: BuilderBlock;
+    builderContext: BuilderContextInterface;
+};
+export {};

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+export type InteractiveElementProps = {
+    Wrapper: any;
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    wrapperProps: object;
+};
+import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { PropsWithChildren } from "../../../types/typescript.js";
+declare function InteractiveElement(props: PropsWithChildren<InteractiveElementProps>): React.JSX.Element;
+export default InteractiveElement;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+type Props = {
+    block: BuilderBlock;
+    repeatContext: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+};
+import type { BuilderContextInterface, RegisteredComponents } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+declare function RepeatedBlock(props: Props): React.JSX.Element;
+export default RepeatedBlock;

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

@@ -0,0 +1,6 @@
+import type { BuilderContextInterface } from '../../context/types.js';
+import type { BuilderBlock } from '../../types/builder-block.js';
+export interface RepeatData {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type BlocksWrapperProps = {
+    blocks: BuilderBlock[] | undefined;
+    parent: string | undefined;
+    path: string | undefined;
+    styleProp: Record<string, any> | undefined;
+};
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { PropsWithChildren } from "../../types/typescript.js";
+declare function BlocksWrapper(props: PropsWithChildren<BlocksWrapperProps>): React.JSX.Element;
+export default BlocksWrapper;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type BlocksProps = Partial<BlocksWrapperProps> & {
+    context?: BuilderContextInterface;
+    registeredComponents?: RegisteredComponents;
+};
+import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
+import type { BlocksWrapperProps } from "./blocks-wrapper.js";
+declare function Blocks(props: BlocksProps): React.JSX.Element;
+export default Blocks;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest"> & {
+    builderContextSignal: BuilderContextInterface;
+    setBuilderContextSignal?: (signal: any) => any;
+    children?: any;
+};
+import type { BuilderContextInterface } from "../../../context/types.js";
+import type { ContentProps } from "../content.types.js";
+declare function EnableEditor(props: BuilderEditorProps): React.JSX.Element;
+export default EnableEditor;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface Props {
+    cssCode?: string;
+    customFonts?: CustomFont[];
+    contentId?: string;
+}
+import type { CustomFont } from "./styles.helpers.js";
+declare function ContentStyles(props: Props): React.JSX.Element;
+export default ContentStyles;

package/types/cjs/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[];
+}) => string;
+export declare const getCss: ({ cssCode, contentId }: {
+    cssCode?: string;
+    contentId?: string;
+}) => string;

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ContentProps } from "./content.types.js";
+declare function ContentComponent(props: ContentProps): React.JSX.Element;
+export default ContentComponent;

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

@@ -0,0 +1,7 @@
+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>;

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

@@ -0,0 +1,24 @@
+import type { BuilderRenderState } from '../../context/types.js';
+import type { EnforcePartials } from '../../types/enforced-partials.js';
+import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
+interface InternalRenderProps {
+    /**
+     * TO-DO: improve qwik generator to not remap this name for non-HTML tags, then name it `className`
+     */
+    classNameProp: string | undefined;
+    showContent: boolean;
+    isSsrAbTest: boolean;
+}
+export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>;
+export interface BuilderComponentStateChange {
+    state: BuilderRenderState;
+    ref: {
+        name?: string;
+        props?: {
+            builderBlock?: {
+                id?: string;
+            };
+        };
+    };
+}
+export {};

package/types/cjs/components/content/wrap-component-ref.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Apply target-specific transformations to the component reference.
+ *
+ * See overrides/* for examples.
+ */
+export declare const wrapComponentRef: (component: any) => any;

package/types/cjs/components/content-variants/content-variants.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type VariantsProviderProps = ContentVariantsPrps & {
+    /**
+     * For internal use only. Do not provide this prop.
+     */
+    __isNestedRender?: boolean;
+};
+import type { ContentVariantsPrps } from "./content-variants.types.js";
+declare function ContentVariants(props: VariantsProviderProps): React.JSX.Element;
+export default ContentVariants;

package/types/cjs/components/content-variants/content-variants.types.d.ts

@@ -0,0 +1,20 @@
+import type { BuilderRenderContext, RegisteredComponent } from '../../context/types.js';
+import type { ApiVersion } from '../../types/api-version.js';
+import type { BuilderContent } from '../../types/builder-content.js';
+import type { Nullable } from '../../types/typescript.js';
+export interface ContentVariantsPrps {
+    content?: Nullable<BuilderContent>;
+    model?: string;
+    data?: {
+        [key: string]: any;
+    };
+    context?: BuilderRenderContext;
+    apiKey: string;
+    apiVersion?: ApiVersion;
+    customComponents?: RegisteredComponent[];
+    canTrack?: boolean;
+    locale?: string;
+    /** @deprecated use `enrich` instead **/
+    includeRefs?: boolean;
+    enrich?: boolean;
+}

package/types/cjs/components/content-variants/helpers.d.ts

@@ -0,0 +1,41 @@
+import type { Nullable } from '../../helpers/nullable.js';
+import type { BuilderContent } from '../../types/builder-content.js';
+export declare const getVariants: (content: Nullable<BuilderContent>) => {
+    testVariationId: string;
+    id: string;
+    data?: {
+        [key: string]: any;
+        title?: string;
+        blocks?: import("../../types/builder-block.js").BuilderBlock[];
+        inputs?: import("../../types/input.js").Input[];
+        state?: {
+            [key: string]: any;
+        };
+        jsCode?: string;
+        tsCode?: string;
+        httpRequests?: {
+            [key: string]: string;
+        };
+    };
+    name?: string;
+    testRatio?: number;
+    meta?: {
+        [key: string]: any;
+        breakpoints?: import("../../types/builder-content.js").Breakpoints;
+    };
+}[];
+export declare const checkShouldRunVariants: ({ canTrack, content }: {
+    canTrack: Nullable<boolean>;
+    content: Nullable<BuilderContent>;
+}) => boolean;
+type VariantData = {
+    id: string;
+    testRatio?: number;
+};
+export declare const getScriptString: () => string;
+export declare const getVariantsScriptString: (variants: VariantData[], contentId: string) => string;
+export declare const getRenderContentScriptString: ({ contentId, variationId }: {
+    variationId: string;
+    contentId: string;
+}) => string;
+export {};

package/types/cjs/components/inlined-script.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface Props {
+    scriptStr: string;
+    id?: string;
+}
+declare function InlinedScript(props: Props): React.JSX.Element;
+export default InlinedScript;

package/types/cjs/components/inlined-styles.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface Props {
+    styles: string;
+    id?: string;
+}
+declare function InlinedStyles(props: Props): React.JSX.Element;
+export default InlinedStyles;