@builder.io/sdk-svelte 1.0.19 → 1.0.21

package/lib/browser/blocks/textarea/component-info.d.ts

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

package/lib/browser/blocks/textarea/textarea.svelte

@@ -3,8 +3,8 @@
  */
 </script>
 
-<script>import { filterAttrs } from "../helpers.js";
-import { setAttrs } from "../helpers.js";
+<script>import { filterAttrs } from "../helpers";
+import { setAttrs } from "../helpers";
 export let attributes = undefined;
 export let placeholder = undefined;
 export let name = undefined;

package/lib/browser/blocks/video/component-info.d.ts

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

package/lib/browser/blocks/video/video.svelte

@@ -13,15 +13,15 @@ export let posterImage = undefined;
 export let lazyLoad = undefined;
 export let fitContent = undefined;
 export let builderBlock = undefined;
-function mitosis_styling(node, vars) {
-    Object.entries(vars || {}).forEach(([p, v]) => {
-        if (p.startsWith("--")) {
-            node.style.setProperty(p, v);
-        }
-        else {
-            node.style[p] = v;
-        }
-    });
+function stringifyStyles(stylesObj) {
+    let styles = "";
+    for (let key in stylesObj) {
+        const dashedKey = key.replace(/[A-Z]/g, function (match) {
+            return "-" + match.toLowerCase();
+        });
+        styles += dashedKey + ":" + stylesObj[key] + ";";
+    }
+    return styles;
 }
 $: videoProps = () => {
     return {
@@ -60,12 +60,12 @@ $: spreadProps = () => {
 </script>
 
 <div
-  use:mitosis_styling={{
+  style={stringifyStyles({
     position: "relative",
-  }}
+  })}
 >
   <video
-    use:mitosis_styling={{
+    style={stringifyStyles({
       width: "100%",
       height: "100%",
       ...attributes?.style,
@@ -80,7 +80,7 @@ $: spreadProps = () => {
             position: "absolute",
           }
         : null),
-    }}
+    })}
     class="builder-video"
     {...spreadProps()}
     preload={preload || "metadata"}
@@ -93,28 +93,28 @@ $: spreadProps = () => {
   >
   {#if aspectRatio && !(fitContent && builderBlock?.children?.length)}
     <div
-      use:mitosis_styling={{
+      style={stringifyStyles({
         width: "100%",
         paddingTop: aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px",
-      }}
+      })}
     />
   {/if}
   {#if builderBlock?.children?.length && fitContent}
     <div
-      use:mitosis_styling={{
+      style={stringifyStyles({
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch",
-      }}
+      })}
     >
       <slot />
     </div>
   {/if}
   {#if builderBlock?.children?.length && !fitContent}
     <div
-      use:mitosis_styling={{
+      style={stringifyStyles({
         pointerEvents: "none",
         display: "flex",
         flexDirection: "column",
@@ -124,7 +124,7 @@ $: spreadProps = () => {
         left: "0",
         width: "100%",
         height: "100%",
-      }}
+      })}
     >
       <slot />
     </div>

package/lib/browser/blocks/video/video.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { VideoProps } from "./video.types.js";
+import type { VideoProps } from "./video.types";
 declare const __propDef: {
     props: {
         autoPlay?: VideoProps["autoPlay"];

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

@@ -1,4 +1,4 @@
-import type { BuilderBlock } from '../../types/builder-block.js';
+import type { BuilderBlock } from '../../types/builder-block';
 export interface VideoProps {
     attributes?: any;
     video?: string;

package/lib/browser/components/block/animator.d.ts

@@ -1,4 +1,4 @@
-import type { BuilderAnimation } from '../../types/builder-block.js';
+import type { BuilderAnimation } from '../../types/builder-block';
 export declare function bindAnimations(animations: BuilderAnimation[]): void;
 export declare function triggerAnimation(animation: BuilderAnimation): void;
 export declare function bindHoverAnimation(animation: BuilderAnimation): void;

package/lib/browser/components/block/block.helpers.d.ts

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

package/lib/browser/components/block/block.helpers.js

@@ -1,7 +1,7 @@
-import { evaluate } from '../../functions/evaluate/index.js';
-import { extractTextStyles } from '../../functions/extract-text-styles.js';
-import { getProcessedBlock } from '../../functions/get-processed-block.js';
-import { getStyle } from '../../functions/get-style.js';
+import { evaluate } from '../../functions/evaluate/index';
+import { extractTextStyles } from '../../functions/extract-text-styles';
+import { getProcessedBlock } from '../../functions/get-processed-block';
+import { getStyle } from '../../functions/get-style';
 export const getComponent = ({ block, context, registeredComponents }) => {
     const componentName = getProcessedBlock({
         block,

package/lib/browser/components/block/block.svelte

@@ -1,10 +1,10 @@
 <script context="module"></script>
 
 <script>import { onMount } from "svelte";
-import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
-import { getProcessedBlock } from "../../functions/get-processed-block.js";
-import { bindAnimations } from "./animator.js";
-import { getComponent, getRepeatItemData, } from "./block.helpers.js";
+import { getBlockComponentOptions } from "../../functions/get-block-component-options";
+import { getProcessedBlock } from "../../functions/get-processed-block";
+import { bindAnimations } from "./animator";
+import { getComponent, getRepeatItemData, } from "./block.helpers";
 import BlockStyles from "./components/block-styles.svelte";
 import BlockWrapper from "./components/block-wrapper.svelte";
 import ComponentRef from "./components/component-ref/component-ref.svelte";

package/lib/browser/components/block/components/block-styles.svelte

@@ -1,10 +1,10 @@
 <script context="module"></script>
 
-<script>import { getMaxWidthQueryForSize, getSizesForBreakpoints, } from "../../../constants/device-sizes.js";
-import { TARGET } from "../../../constants/target.js";
-import { getProcessedBlock } from "../../../functions/get-processed-block.js";
-import { createCssClass } from "../../../helpers/css.js";
-import { checkIsDefined } from "../../../helpers/nullable.js";
+<script>import { getMaxWidthQueryForSize, getSizesForBreakpoints, } from "../../../constants/device-sizes";
+import { TARGET } from "../../../constants/target";
+import { getProcessedBlock } from "../../../functions/get-processed-block";
+import { createCssClass } from "../../../helpers/css";
+import { checkIsDefined } from "../../../helpers/nullable";
 import InlinedStyles from "../../inlined-styles.svelte";
 export let block;
 export let context;

package/lib/browser/components/block/components/block-wrapper.svelte

@@ -3,8 +3,8 @@
  */
 </script>
 
-<script>import { getBlockActions } from "../../../functions/get-block-actions.js";
-import { getBlockProperties } from "../../../functions/get-block-properties.js";
+<script>import { getBlockActions } from "../../../functions/get-block-actions";
+import { getBlockProperties } from "../../../functions/get-block-properties";
 import DynamicRenderer from "../../dynamic-renderer/dynamic-renderer.svelte";
 export let Wrapper;
 export let block;

package/lib/browser/components/block/components/block-wrapper.svelte.d.ts

@@ -6,8 +6,8 @@ type BlockWrapperProps = {
     linkComponent: any;
     children?: any;
 };
-import type { BuilderContextInterface } from "../../../context/types.js";
-import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../../context/types";
+import type { BuilderBlock } from "../../../types/builder-block";
 import type { Writable } from "svelte/store";
 declare const __propDef: {
     props: {

package/lib/browser/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="svelte" />
 import type { Writable } from "svelte/store";
-import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types.js';
-import type { BuilderBlock } from '../../../../types/builder-block.js';
-import type { BuilderDataProps } from '../../../../types/builder-props.js';
+import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types';
+import type { BuilderBlock } from '../../../../types/builder-block';
+import type { BuilderDataProps } from '../../../../types/builder-props';
 import type { InteractiveElementProps } from '../interactive-element.svelte';
 type ComponentOptions = BuilderDataProps & {
     [index: string]: any;

package/lib/browser/components/block/components/component-ref/component-ref.helpers.js

@@ -1,4 +1,4 @@
-import { getBlockProperties } from '../../../../functions/get-block-properties.js';
+import { getBlockProperties } from '../../../../functions/get-block-properties';
 export const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
     const wrapperPropsWithAttributes = {
         ...componentOptions,

package/lib/browser/components/block/components/component-ref/component-ref.svelte

@@ -1,7 +1,7 @@
-<script>import "../../../content/wrap-component-ref.js";
+<script>import "../../../content/wrap-component-ref";
 import Block from "../../block.svelte";
 import InteractiveElement from "../interactive-element.svelte";
-import { getWrapperProps } from "./component-ref.helpers.js";
+import { getWrapperProps } from "./component-ref.helpers";
 export let isInteractive;
 export let componentRef;
 export let componentOptions;

package/lib/browser/components/block/components/component-ref/component-ref.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ComponentProps } from "./component-ref.helpers.js";
+import type { ComponentProps } from "./component-ref.helpers";
 declare const __propDef: {
     props: {
         isInteractive: ComponentProps["isInteractive"];

package/lib/browser/components/block/components/interactive-element.svelte

@@ -1,12 +1,12 @@
 <script context="module"></script>
 
-<script>import { getBlockActions } from "../../../functions/get-block-actions.js";
-import { getBlockProperties } from "../../../functions/get-block-properties.js";
-export let Wrapper;
+<script>import { getBlockActions } from "../../../functions/get-block-actions";
+import { getBlockProperties } from "../../../functions/get-block-properties";
 export let wrapperProps;
 export let includeBlockProps;
 export let block;
 export let context;
+export let Wrapper;
 </script>
 
 <svelte:component

package/lib/browser/components/block/components/repeated-block.svelte

@@ -2,7 +2,7 @@
 
 <script>import { setContext } from "svelte";
 import { writable } from "svelte/store";
-import BuilderContext from "../../../context/builder.context.js";
+import BuilderContext from "../../../context/builder.context";
 import Block from "../block.svelte";
 export let repeatContext;
 export let block;

package/lib/browser/components/block/components/repeated-block.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 type Props = Omit<BlockProps, "context"> & {
     repeatContext: BuilderContextInterface;
 };
-import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BuilderContextInterface } from "../../../context/types";
 import type { BlockProps } from "../block.svelte";
 declare const __propDef: {
     props: {

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

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

package/lib/browser/components/blocks/blocks-wrapper.svelte

@@ -1,21 +1,21 @@
 <script context="module"></script>
 
-<script>import { isEditing } from "../../functions/is-editing.js";
-export let BlocksWrapper;
+<script>import { isEditing } from "../../functions/is-editing";
 export let blocks;
 export let parent;
 export let path;
 export let styleProp;
 export let BlocksWrapperProps;
-function mitosis_styling(node, vars) {
-    Object.entries(vars || {}).forEach(([p, v]) => {
-        if (p.startsWith("--")) {
-            node.style.setProperty(p, v);
-        }
-        else {
-            node.style[p] = v;
-        }
-    });
+export let BlocksWrapper;
+function stringifyStyles(stylesObj) {
+    let styles = "";
+    for (let key in stylesObj) {
+        const dashedKey = key.replace(/[A-Z]/g, function (match) {
+            return "-" + match.toLowerCase();
+        });
+        styles += dashedKey + ":" + stylesObj[key] + ";";
+    }
+    return styles;
 }
 function onClick() {
     if (isEditing() && !blocks?.length) {
@@ -46,7 +46,7 @@ $: className = () => {
 
 <svelte:element
   this={BlocksWrapper}
-  use:mitosis_styling={styleProp}
+  style={stringifyStyles(styleProp)}
   class={className() + " svelte-element"}
   builder-path={path}
   builder-parent-id={parent}

package/lib/browser/components/blocks/blocks.svelte

@@ -1,6 +1,6 @@
 <script>import { getContext } from "svelte";
-import BuilderContext from "../../context/builder.context.js";
-import ComponentsContext from "../../context/components.context.js";
+import BuilderContext from "../../context/builder.context";
+import ComponentsContext from "../../context/components.context";
 import Block from "../block/block.svelte";
 import BlocksWrapper from "./blocks-wrapper.svelte";
 export let blocks;

package/lib/browser/components/blocks/blocks.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { BlocksProps } from "./blocks.types.js";
+import type { BlocksProps } from "./blocks.types";
 declare const __propDef: {
     props: {
         blocks: BlocksProps["blocks"];

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

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import type { Writable } from "svelte/store";
-import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
+import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
 import type { BlocksWrapperProps } from './blocks-wrapper.svelte';
 export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
     context?: Writable<BuilderContextInterface>;

package/lib/browser/components/content/components/enable-editor.svelte

@@ -1,36 +1,36 @@
 <script context="module"></script>
 
 <script>import { onDestroy, onMount, setContext } from "svelte";
-import builderContext from "../../../context/builder.context.js";
-import { evaluate } from "../../../functions/evaluate/index.js";
-import { fastClone } from "../../../functions/fast-clone.js";
-import { fetchOneEntry } from "../../../functions/get-content/index.js";
-import { fetch } from "../../../functions/get-fetch.js";
-import { isBrowser } from "../../../functions/is-browser.js";
-import { isEditing } from "../../../functions/is-editing.js";
-import { isPreviewing } from "../../../functions/is-previewing.js";
-import { createRegisterComponentMessage } from "../../../functions/register-component.js";
-import { _track } from "../../../functions/track/index.js";
-import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.js";
-import { getDefaultCanTrack } from "../../../helpers/canTrack.js";
-import { logger } from "../../../helpers/logger.js";
-import "../../../helpers/preview-lru-cache/set.js";
-import { createEditorListener } from "../../../helpers/subscribe-to-editor.js";
-import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing.js";
-import { triggerAnimation } from "../../block/animator.js";
+import builderContext from "../../../context/builder.context";
+import { evaluate } from "../../../functions/evaluate/index";
+import { fastClone } from "../../../functions/fast-clone";
+import { fetchOneEntry } from "../../../functions/get-content/index";
+import { fetch } from "../../../functions/get-fetch";
+import { isBrowser } from "../../../functions/is-browser";
+import { isEditing } from "../../../functions/is-editing";
+import { isPreviewing } from "../../../functions/is-previewing";
+import { createRegisterComponentMessage } from "../../../functions/register-component";
+import { _track } from "../../../functions/track/index";
+import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction";
+import { getDefaultCanTrack } from "../../../helpers/canTrack";
+import { logger } from "../../../helpers/logger";
+import "../../../helpers/preview-lru-cache/set";
+import { createEditorListener } from "../../../helpers/subscribe-to-editor";
+import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing";
+import { triggerAnimation } from "../../block/animator";
 export let builderContextSignal;
-export let contentWrapper = undefined;
-export let model = undefined;
-export let trustedHosts = undefined;
-export let context = undefined;
 export let canTrack = undefined;
 export let apiKey;
 export let locale = undefined;
 export let enrich = undefined;
+export let trustedHosts = undefined;
+export let model = undefined;
 export let content = undefined;
+export let data = undefined;
+export let contentWrapper = undefined;
+export let context = undefined;
 export let showContent;
 export let contentWrapperProps = undefined;
-export let data = undefined;
 function mergeNewRootState(newData) {
     const combinedState = {
         ...$builderContextSignal.rootState,

package/lib/browser/components/content/components/enable-editor.svelte.d.ts

@@ -4,24 +4,24 @@ type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" |
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;
 };
-import type { BuilderContextInterface } from "../../../context/types.js";
-import type { ContentProps } from "../content.types.js";
+import type { BuilderContextInterface } from "../../../context/types";
+import type { ContentProps } from "../content.types";
 import type { Writable } from "svelte/store";
 declare const __propDef: {
     props: {
         builderContextSignal: BuilderEditorProps["builderContextSignal"];
-        contentWrapper?: BuilderEditorProps["contentWrapper"];
-        model?: BuilderEditorProps["model"];
-        trustedHosts?: BuilderEditorProps["trustedHosts"];
-        context?: BuilderEditorProps["context"];
         canTrack?: BuilderEditorProps["canTrack"];
         apiKey: BuilderEditorProps["apiKey"];
         locale?: BuilderEditorProps["locale"];
         enrich?: BuilderEditorProps["enrich"];
+        trustedHosts?: BuilderEditorProps["trustedHosts"];
+        model?: BuilderEditorProps["model"];
         content?: BuilderEditorProps["content"];
+        data?: BuilderEditorProps["data"];
+        contentWrapper?: BuilderEditorProps["contentWrapper"];
+        context?: BuilderEditorProps["context"];
         showContent: BuilderEditorProps["showContent"];
         contentWrapperProps?: BuilderEditorProps["contentWrapperProps"];
-        data?: BuilderEditorProps["data"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/lib/browser/components/content/components/styles.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>import InlinedStyles from "../../inlined-styles.svelte";
-import { getCss, getDefaultStyles, getFontCss } from "./styles.helpers.js";
+import { getCss, getDefaultStyles, getFontCss } from "./styles.helpers";
 export let cssCode = undefined;
 export let contentId = undefined;
 export let customFonts = undefined;

package/lib/browser/components/content/components/styles.svelte.d.ts

@@ -5,7 +5,7 @@ interface Props {
     contentId?: string;
     isNestedRender?: boolean;
 }
-import type { CustomFont } from "./styles.helpers.js";
+import type { CustomFont } from "./styles.helpers";
 declare const __propDef: {
     props: {
         cssCode?: Props["cssCode"];

package/lib/browser/components/content/content.helpers.d.ts

@@ -1,6 +1,6 @@
-import type { BuilderContent } from '../../types/builder-content.js';
-import type { Nullable } from '../../types/typescript.js';
-import type { ContentProps } from './content.types.js';
+import type { BuilderContent } from '../../types/builder-content';
+import type { Nullable } from '../../types/typescript';
+import type { ContentProps } from './content.types';
 export declare const getRootStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
     locale?: string | undefined;
 };

package/lib/browser/components/content/content.svelte

@@ -1,16 +1,16 @@
 <script>import { setContext } from "svelte";
 import { writable } from "svelte/store";
-import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-import { TARGET } from "../../constants/target.js";
-import ComponentsContext from "../../context/components.context.js";
-import { serializeComponentInfo } from "../../functions/register-component.js";
+import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components";
+import { TARGET } from "../../constants/target";
+import ComponentsContext from "../../context/components.context";
+import { serializeComponentInfo } from "../../functions/register-component";
 import Blocks from "../blocks/blocks.svelte";
-import { getUpdateVariantVisibilityScript } from "../content-variants/helpers.js";
+import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
 import InlinedScript from "../inlined-script.svelte";
 import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
-import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers.js";
-import "./wrap-component-ref.js";
+import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers";
+import "./wrap-component-ref";
 export let content = undefined;
 export let customComponents = undefined;
 export let data = undefined;

package/lib/browser/components/content/content.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ContentProps } from "./content.types.js";
+import type { ContentProps } from "./content.types";
 declare const __propDef: {
     props: {
         content?: ContentProps["content"];

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

@@ -1,5 +1,5 @@
-import type { BuilderRenderState } from '../../context/types.js';
-export type { ContentProps } from './contentProps.types.js';
+import type { BuilderRenderState } from '../../context/types';
+export type { ContentProps } from './contentProps.types';
 export interface BuilderComponentStateChange {
     state: BuilderRenderState;
     ref: {

package/lib/browser/components/content/contentProps.types.d.ts

@@ -1,5 +1,5 @@
-import type { EnforcePartials } from '../../types/enforced-partials.js';
-import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
+import type { EnforcePartials } from '../../types/enforced-partials';
+import type { ContentVariantsPrps } from '../content-variants/content-variants.types';
 interface InternalRenderProps {
     showContent: boolean;
     isSsrAbTest: boolean;

package/lib/browser/components/content-variants/content-variants.svelte

@@ -1,13 +1,13 @@
 <script context="module"></script>
 
 <script>import { onMount } from "svelte";
-import { TARGET } from "../../constants/target.js";
-import { handleABTestingSync } from "../../helpers/ab-tests.js";
-import { getDefaultCanTrack } from "../../helpers/canTrack.js";
+import { TARGET } from "../../constants/target";
+import { handleABTestingSync } from "../../helpers/ab-tests";
+import { getDefaultCanTrack } from "../../helpers/canTrack";
 import ContentComponent from "../content/content.svelte";
 import InlinedScript from "../inlined-script.svelte";
 import InlinedStyles from "../inlined-styles.svelte";
-import { checkShouldRenderVariants, getInitVariantsFnsScriptString, getUpdateCookieAndStylesScript, getVariants, } from "./helpers.js";
+import { checkShouldRenderVariants, getInitVariantsFnsScriptString, getUpdateCookieAndStylesScript, getVariants, } from "./helpers";
 export let canTrack = undefined;
 export let content = undefined;
 export let isNestedRender = undefined;

package/lib/browser/components/content-variants/content-variants.svelte.d.ts

@@ -5,7 +5,7 @@ type VariantsProviderProps = ContentVariantsPrps & {
      */
     isNestedRender?: boolean;
 };
-import type { ContentVariantsPrps } from "./content-variants.types.js";
+import type { ContentVariantsPrps } from "./content-variants.types";
 declare const __propDef: {
     props: {
         canTrack?: VariantsProviderProps["canTrack"];

package/lib/browser/components/content-variants/content-variants.types.d.ts

@@ -1,7 +1,7 @@
-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';
+import type { BuilderRenderContext, RegisteredComponent } from '../../context/types';
+import type { ApiVersion } from '../../types/api-version';
+import type { BuilderContent } from '../../types/builder-content';
+import type { Nullable } from '../../types/typescript';
 export interface ContentVariantsPrps {
     /**
      * The Builder content JSON to render (required).