@builder.io/sdk-svelte 1.0.17 → 1.0.20

package/lib/browser/functions/is-editing.d.ts

@@ -1,2 +1,2 @@
-import { type Search } from '../helpers/search/search.js';
+import { type Search } from '../helpers/search/search';
 export declare function isEditing(search?: Search): boolean;

package/lib/browser/functions/is-editing.js

@@ -1,6 +1,6 @@
-import { TARGET } from '../constants/target.js';
-import { getSearchString } from '../helpers/search/search.js';
-import { isIframe } from './is-iframe.js';
+import { TARGET } from '../constants/target';
+import { getSearchString } from '../helpers/search/search';
+import { isIframe } from './is-iframe';
 export function isEditing(search) {
     return isIframe() && (TARGET === 'reactNative' || getSearchString(search || window.location.search).indexOf('builder.frameEditing=') !== -1);
 }

package/lib/browser/functions/is-iframe.js

@@ -1,4 +1,4 @@
-import { isBrowser } from './is-browser.js';
+import { isBrowser } from './is-browser';
 export function isIframe() {
     return isBrowser() && window.self !== window.top;
 }

package/lib/browser/functions/is-node-runtime.js

@@ -1,4 +1,4 @@
-import { checkIsDefined } from '../helpers/nullable.js';
+import { checkIsDefined } from '../helpers/nullable';
 /**
  * Identifies node runtime
  */

package/lib/browser/functions/is-previewing.d.ts

@@ -1,2 +1,2 @@
-import type { Search } from '../helpers/search/search.js';
+import type { Search } from '../helpers/search/search';
 export declare function isPreviewing(search?: Search): boolean;

package/lib/browser/functions/is-previewing.js

@@ -1,6 +1,6 @@
-import { getSearchString } from '../helpers/search/search.js';
-import { isBrowser } from './is-browser.js';
-import { isEditing } from './is-editing.js';
+import { getSearchString } from '../helpers/search/search';
+import { isBrowser } from './is-browser';
+import { isEditing } from './is-editing';
 export function isPreviewing(search) {
     if (!isBrowser()) {
         return false;

package/lib/browser/functions/register-component.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInfo } from '../types/components.js';
+import type { ComponentInfo } from '../types/components';
 export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
     data: ComponentInfo;

package/lib/browser/functions/register-component.js

@@ -1,4 +1,4 @@
-import { fastClone } from './fast-clone.js';
+import { fastClone } from './fast-clone';
 export const createRegisterComponentMessage = (info) => ({
     type: 'builder.registerComponent',
     data: serializeComponentInfo(info)

package/lib/browser/functions/register.d.ts

@@ -1,5 +1,5 @@
-import type { BuilderBlock } from '../types/builder-block.js';
-import type { DeepPartial } from '../types/deep-partial.js';
+import type { BuilderBlock } from '../types/builder-block';
+import type { DeepPartial } from '../types/deep-partial';
 export interface InsertMenuItem {
     name: string;
     icon?: string;

package/lib/browser/functions/register.js

@@ -1,4 +1,4 @@
-import { isBrowser } from './is-browser.js';
+import { isBrowser } from './is-browser';
 const registry = {};
 export function register(type, info) {
     let typeList = registry[type];

package/lib/browser/functions/set-editor-settings.js

@@ -1,4 +1,4 @@
-import { isBrowser } from './is-browser.js';
+import { isBrowser } from './is-browser';
 const settings = {};
 export function setEditorSettings(newSettings) {
     if (isBrowser()) {

package/lib/browser/functions/track/helpers.js

@@ -1,5 +1,5 @@
-import { TARGET } from '../../constants/target.js';
-import { isBrowser } from '../is-browser.js';
+import { TARGET } from '../../constants/target';
+import { isBrowser } from '../is-browser';
 const getLocation = () => {
     if (TARGET === 'reactNative') {
         return null;

package/lib/browser/functions/track/index.d.ts

@@ -1,5 +1,5 @@
-import type { CanTrack } from '../../types/can-track.js';
-import type { Dictionary } from '../../types/typescript.js';
+import type { CanTrack } from '../../types/can-track';
+import type { Dictionary } from '../../types/typescript';
 interface Event {
     /**
      * The type of your event.

package/lib/browser/functions/track/index.js

@@ -1,10 +1,10 @@
-import { TARGET } from '../../constants/target.js';
-import { logger } from '../../helpers/logger.js';
-import { getSessionId } from '../../helpers/sessionId.js';
-import { getVisitorId } from '../../helpers/visitorId.js';
-import { isBrowser } from '../is-browser.js';
-import { isEditing } from '../is-editing.js';
-import { getUserAttributes } from './helpers.js';
+import { TARGET } from '../../constants/target';
+import { logger } from '../../helpers/logger';
+import { getSessionId } from '../../helpers/sessionId';
+import { getVisitorId } from '../../helpers/visitorId';
+import { isBrowser } from '../is-browser';
+import { isEditing } from '../is-editing';
+import { getUserAttributes } from './helpers';
 const getTrackingEventData = async ({ canTrack }) => {
     if (!canTrack) {
         return {

package/lib/browser/functions/transform-block-properties.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 declare function transformBlockProperties<T>({ properties }: {
     properties: T;
     context: BuilderContextInterface;

package/lib/browser/functions/transform-block.d.ts

@@ -1,2 +1,2 @@
-import type { BuilderBlock } from '../types/builder-block.js';
+import type { BuilderBlock } from '../types/builder-block';
 export declare function transformBlock(block: BuilderBlock): BuilderBlock;

package/lib/browser/functions/transform-style-property.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 declare function transformStyleProperty({ style }: {
     style: Partial<CSSStyleDeclaration>;
     context: BuilderContextInterface;

package/lib/browser/helpers/ab-tests.d.ts

@@ -1,6 +1,6 @@
-import type { BuilderContent } from '../types/builder-content.js';
-import type { CanTrack } from '../types/can-track.js';
-import type { Nullable } from '../types/typescript.js';
+import type { BuilderContent } from '../types/builder-content';
+import type { CanTrack } from '../types/can-track';
+import type { Nullable } from '../types/typescript';
 export declare const handleABTestingSync: ({ item, canTrack }: {
     item: Nullable<BuilderContent>;
 } & CanTrack) => Nullable<BuilderContent>;

package/lib/browser/helpers/ab-tests.js

@@ -1,7 +1,7 @@
-import { TARGET } from '../constants/target.js';
-import { checkIsDefined } from '../helpers/nullable.js';
-import { getCookie, getCookieSync, setCookie } from './cookie.js';
-import { logger } from './logger.js';
+import { TARGET } from '../constants/target';
+import { checkIsDefined } from '../helpers/nullable';
+import { getCookie, getCookieSync, setCookie } from './cookie';
+import { logger } from './logger';
 const BUILDER_STORE_PREFIX = 'builder.tests';
 const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
 const getContentVariationCookie = ({ contentId }) => getCookie({

package/lib/browser/helpers/canTrack.js

@@ -1,2 +1,2 @@
-import { checkIsDefined } from './nullable.js';
+import { checkIsDefined } from './nullable';
 export const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;

package/lib/browser/helpers/cookie.d.ts

@@ -1,4 +1,4 @@
-import type { CanTrack } from '../types/can-track.js';
+import type { CanTrack } from '../types/can-track';
 type GetCookieArgs = {
     name: string;
 } & CanTrack;

package/lib/browser/helpers/cookie.js

@@ -1,7 +1,7 @@
-import { isBrowser } from '../functions/is-browser.js';
-import { logger } from './logger.js';
-import { checkIsDefined } from './nullable.js';
-import { getTopLevelDomain } from './url.js';
+import { isBrowser } from '../functions/is-browser';
+import { logger } from './logger';
+import { checkIsDefined } from './nullable';
+import { getTopLevelDomain } from './url';
 export const getCookieSync = ({ name, canTrack }) => {
     try {
         if (!canTrack) {

package/lib/browser/helpers/css.js

@@ -1,5 +1,5 @@
-import { camelToKebabCase } from '../functions/camel-to-kebab-case.js';
-import { checkIsDefined } from './nullable.js';
+import { camelToKebabCase } from '../functions/camel-to-kebab-case';
+import { checkIsDefined } from './nullable';
 export const convertStyleMapToCSSArray = (style) => {
     const cssProps = Object.entries(style).map(([key, value]) => {
         if (typeof value === 'string') {

package/lib/browser/helpers/localStorage.d.ts

@@ -1,5 +1,5 @@
-import type { CanTrack } from '../types/can-track.js';
-import type { Nullable } from './nullable.js';
+import type { CanTrack } from '../types/can-track';
+import type { Nullable } from './nullable';
 export declare const getLocalStorageItem: ({ key, canTrack }: {
     key: string;
 } & CanTrack) => Nullable<string>;

package/lib/browser/helpers/localStorage.js

@@ -1,4 +1,4 @@
-import { isBrowser } from '../functions/is-browser.js';
+import { isBrowser } from '../functions/is-browser';
 const getLocalStorage = () => isBrowser() && typeof localStorage !== 'undefined' ? localStorage : undefined;
 export const getLocalStorageItem = ({ key, canTrack }) => {
     try {

package/lib/browser/helpers/preview-lru-cache/get.d.ts

@@ -1,2 +1,2 @@
-import type { BuilderContent } from '../../types/builder-content.js';
+import type { BuilderContent } from '../../types/builder-content';
 export declare function getPreviewContent(_searchParams: URLSearchParams): BuilderContent | undefined;

package/lib/browser/helpers/preview-lru-cache/set.d.ts

@@ -1,4 +1,4 @@
-import type { BuilderContent } from '../../types/builder-content.js';
+import type { BuilderContent } from '../../types/builder-content';
 export declare function postPreviewContent({ key, value }: {
     key: string;
     value: BuilderContent;

package/lib/browser/helpers/sessionId.d.ts

@@ -1,4 +1,4 @@
-import type { CanTrack } from '../types/can-track.js';
+import type { CanTrack } from '../types/can-track';
 export declare const getSessionId: ({ canTrack }: CanTrack) => Promise<string | undefined>;
 export declare const createSessionId: () => string;
 export declare const setSessionId: ({ id, canTrack }: {

package/lib/browser/helpers/sessionId.js

@@ -1,6 +1,6 @@
-import { getCookie, setCookie } from './cookie.js';
-import { checkIsDefined } from './nullable.js';
-import { uuid } from './uuid.js';
+import { getCookie, setCookie } from './cookie';
+import { checkIsDefined } from './nullable';
+import { uuid } from './uuid';
 const SESSION_LOCAL_STORAGE_KEY = 'builderSessionId';
 export const getSessionId = async ({ canTrack }) => {
     if (!canTrack) {

package/lib/browser/helpers/subscribe-to-editor.d.ts

@@ -1,6 +1,6 @@
-import type { ContentProps } from '../components/content/content.types.js';
-import type { BuilderAnimation } from '../types/builder-block.js';
-import type { BuilderContent } from '../types/builder-content.js';
+import type { ContentProps } from '../components/content/content.types';
+import type { BuilderAnimation } from '../types/builder-block';
+import type { BuilderContent } from '../types/builder-content';
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
         contentUpdate: (updatedContent: BuilderContent) => void;

package/lib/browser/helpers/subscribe-to-editor.js

@@ -1,7 +1,7 @@
-import { isBrowser } from '../functions/is-browser.js';
-import { isFromTrustedHost } from '../functions/is-from-trusted-host.js';
-import { setupBrowserForEditing } from '../scripts/init-editing.js';
-import { logger } from './logger.js';
+import { isBrowser } from '../functions/is-browser';
+import { isFromTrustedHost } from '../functions/is-from-trusted-host';
+import { setupBrowserForEditing } from '../scripts/init-editing';
+import { logger } from './logger';
 export const createEditorListener = ({ model, trustedHosts, callbacks }) => {
     return (event) => {
         if (!isFromTrustedHost(trustedHosts, event)) {

package/lib/browser/helpers/visitorId.d.ts

@@ -1,4 +1,4 @@
-import type { CanTrack } from '../types/can-track.js';
+import type { CanTrack } from '../types/can-track';
 export declare const getVisitorId: ({ canTrack }: CanTrack) => string | undefined;
 export declare const createVisitorId: () => string;
 export declare const setVisitorId: ({ id, canTrack }: {

package/lib/browser/helpers/visitorId.js

@@ -1,6 +1,6 @@
-import { getLocalStorageItem, setLocalStorageItem } from './localStorage.js';
-import { checkIsDefined } from './nullable.js';
-import { uuid } from './uuid.js';
+import { getLocalStorageItem, setLocalStorageItem } from './localStorage';
+import { checkIsDefined } from './nullable';
+import { uuid } from './uuid';
 const VISITOR_LOCAL_STORAGE_KEY = 'builderVisitorId';
 export const getVisitorId = ({ canTrack }) => {
     if (!canTrack) {

package/lib/browser/index-helpers/blocks-exports.d.ts

@@ -1,10 +1,14 @@
-export { default as Button } from '../blocks/button/index.js';
-export { default as Columns } from '../blocks/columns/index.js';
-export { default as Fragment } from '../blocks/fragment/index.js';
-export { default as Image } from '../blocks/image/index.js';
-export { default as Section } from '../blocks/section/index.js';
-export { default as Symbol } from '../blocks/symbol/index.js';
-export { default as Text } from '../blocks/text/index.js';
-export { default as Video } from '../blocks/video/index.js';
-export { default as Blocks } from '../components/blocks/index.js';
-export { default as Content } from '../components/content-variants/index.js';
+export { default as Button } from '../blocks/button/index';
+export { default as Columns } from '../blocks/columns/index';
+export { default as Fragment } from '../blocks/fragment/index';
+export { default as Image } from '../blocks/image/index';
+export { default as Section } from '../blocks/section/index';
+export { default as Symbol } from '../blocks/symbol/index';
+export { default as Text } from '../blocks/text/index';
+export { default as Video } from '../blocks/video/index';
+export { default as Blocks } from '../components/blocks/index';
+export { default as Content } from '../components/content-variants/index';
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index';

package/lib/browser/index-helpers/blocks-exports.js

@@ -1,10 +1,14 @@
-export { default as Button } from '../blocks/button/index.js';
-export { default as Columns } from '../blocks/columns/index.js';
-export { default as Fragment } from '../blocks/fragment/index.js';
-export { default as Image } from '../blocks/image/index.js';
-export { default as Section } from '../blocks/section/index.js';
-export { default as Symbol } from '../blocks/symbol/index.js';
-export { default as Text } from '../blocks/text/index.js';
-export { default as Video } from '../blocks/video/index.js';
-export { default as Blocks } from '../components/blocks/index.js';
-export { default as Content } from '../components/content-variants/index.js';
+export { default as Button } from '../blocks/button/index';
+export { default as Columns } from '../blocks/columns/index';
+export { default as Fragment } from '../blocks/fragment/index';
+export { default as Image } from '../blocks/image/index';
+export { default as Section } from '../blocks/section/index';
+export { default as Symbol } from '../blocks/symbol/index';
+export { default as Text } from '../blocks/text/index';
+export { default as Video } from '../blocks/video/index';
+export { default as Blocks } from '../components/blocks/index';
+export { default as Content } from '../components/content-variants/index';
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index';

package/lib/browser/index.d.ts

@@ -1,10 +1,10 @@
-export * from './index-helpers/top-of-file.js';
+export * from './index-helpers/top-of-file';
 /**
  * In the React SDK, this file is marked with `use client`.
  */
-export * from './index-helpers/blocks-exports.js';
+export * from './index-helpers/blocks-exports';
 /**
  * In the React SDK, this file is not marked with `use client`, to allow
  * NextJS App Directory to use the SDK helper functions without issues.
  */
-export * from './server-index.js';
+export * from './server-index';

package/lib/browser/index.js

@@ -1,13 +1,13 @@
 // ignore prettier formatting for this file because the order of exports is meaningful
 // prettier-ignore
-export * from './index-helpers/top-of-file.js';
+export * from './index-helpers/top-of-file';
 /**
  * In the React SDK, this file is marked with `use client`.
  */
 // prettier-ignore
-export * from './index-helpers/blocks-exports.js';
+export * from './index-helpers/blocks-exports';
 /**
  * In the React SDK, this file is not marked with `use client`, to allow
  * NextJS App Directory to use the SDK helper functions without issues.
  */
-export * from './server-index.js';
+export * from './server-index';

package/lib/browser/scripts/init-editing.js

@@ -1,8 +1,8 @@
-import { SDK_VERSION } from '../constants/sdk-version.js';
-import { TARGET } from '../constants/target.js';
-import { isBrowser } from '../functions/is-browser.js';
-import { isFromTrustedHost } from '../functions/is-from-trusted-host.js';
-import { register } from '../functions/register.js';
+import { SDK_VERSION } from '../constants/sdk-version';
+import { TARGET } from '../constants/target';
+import { isBrowser } from '../functions/is-browser';
+import { isFromTrustedHost } from '../functions/is-from-trusted-host';
+import { register } from '../functions/register';
 export const registerInsertMenu = () => {
     register('insertMenu', {
         name: '_default',

package/lib/browser/server-index.d.ts

@@ -1,39 +1,39 @@
-export * from './index-helpers/top-of-file.js';
+export * from './index-helpers/top-of-file';
 /**
  * Component Prop types
  */
-export type { ButtonProps } from './blocks/button/button.types.js';
-export type { ColumnProps } from './blocks/columns/columns.types.js';
-export type { FragmentProps } from './blocks/fragment/fragment.types.js';
-export type { ImageProps } from './blocks/image/image.types.js';
-export type { SectionProps } from './blocks/section/section.types.js';
-export type { SymbolProps } from './blocks/symbol/symbol.types.js';
-export type { TextProps } from './blocks/text/text.types.js';
-export type { VideoProps } from './blocks/video/video.types.js';
-export type { BlocksProps } from './components/blocks/blocks.types.js';
-export type { ContentVariantsPrps as ContentProps } from './components/content-variants/content-variants.types.js';
+export type { ButtonProps } from './blocks/button/button.types';
+export type { ColumnProps } from './blocks/columns/columns.types';
+export type { FragmentProps } from './blocks/fragment/fragment.types';
+export type { ImageProps } from './blocks/image/image.types';
+export type { SectionProps } from './blocks/section/section.types';
+export type { SymbolProps } from './blocks/symbol/symbol.types';
+export type { TextProps } from './blocks/text/text.types';
+export type { VideoProps } from './blocks/video/video.types';
+export type { BlocksProps } from './components/blocks/blocks.types';
+export type { ContentVariantsPrps as ContentProps } from './components/content-variants/content-variants.types';
 /**
  * General Builder types
  */
-export type { RegisteredComponent } from './context/types.js';
-export type { BuilderBlock } from './types/builder-block.js';
-export type { BuilderContent } from './types/builder-content.js';
-export type { ComponentInfo } from './types/components.js';
+export type { RegisteredComponent } from './context/types';
+export type { BuilderBlock } from './types/builder-block';
+export type { BuilderContent } from './types/builder-content';
+export type { ComponentInfo } from './types/components';
 /**
  * Helper functions
  */
-export { isEditing } from './functions/is-editing.js';
-export { isPreviewing } from './functions/is-previewing.js';
-export { createRegisterComponentMessage } from './functions/register-component.js';
-export { register } from './functions/register.js';
-export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
-export { setEditorSettings } from './functions/set-editor-settings.js';
-export type { Settings } from './functions/set-editor-settings.js';
-export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
-export { track } from './functions/track/index.js';
-export { subscribeToEditor } from './helpers/subscribe-to-editor.js';
+export { isEditing } from './functions/is-editing';
+export { isPreviewing } from './functions/is-previewing';
+export { createRegisterComponentMessage } from './functions/register-component';
+export { register } from './functions/register';
+export type { InsertMenuConfig, InsertMenuItem } from './functions/register';
+export { setEditorSettings } from './functions/set-editor-settings';
+export type { Settings } from './functions/set-editor-settings';
+export { getBuilderSearchParams } from './functions/get-builder-search-params/index';
+export { track } from './functions/track/index';
+export { subscribeToEditor } from './helpers/subscribe-to-editor';
 /**
  * Content fetching
  */
-export { fetchBuilderProps } from './functions/fetch-builder-props.js';
-export { _processContentResult, fetchEntries, fetchOneEntry } from './functions/get-content/index.js';
+export { fetchBuilderProps } from './functions/fetch-builder-props';
+export { _processContentResult, fetchEntries, fetchOneEntry } from './functions/get-content/index';

package/lib/browser/server-index.js

@@ -1,17 +1,17 @@
-export * from './index-helpers/top-of-file.js';
+export * from './index-helpers/top-of-file';
 /**
  * Helper functions
  */
-export { isEditing } from './functions/is-editing.js';
-export { isPreviewing } from './functions/is-previewing.js';
-export { createRegisterComponentMessage } from './functions/register-component.js';
-export { register } from './functions/register.js';
-export { setEditorSettings } from './functions/set-editor-settings.js';
-export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
-export { track } from './functions/track/index.js';
-export { subscribeToEditor } from './helpers/subscribe-to-editor.js';
+export { isEditing } from './functions/is-editing';
+export { isPreviewing } from './functions/is-previewing';
+export { createRegisterComponentMessage } from './functions/register-component';
+export { register } from './functions/register';
+export { setEditorSettings } from './functions/set-editor-settings';
+export { getBuilderSearchParams } from './functions/get-builder-search-params/index';
+export { track } from './functions/track/index';
+export { subscribeToEditor } from './helpers/subscribe-to-editor';
 /**
  * Content fetching
  */
-export { fetchBuilderProps } from './functions/fetch-builder-props.js';
-export { _processContentResult, fetchEntries, fetchOneEntry } from './functions/get-content/index.js';
+export { fetchBuilderProps } from './functions/fetch-builder-props';
+export { _processContentResult, fetchEntries, fetchOneEntry } from './functions/get-content/index';

package/lib/browser/types/builder-content.d.ts

@@ -1,6 +1,6 @@
-import type { BuilderBlock } from './builder-block.js';
-import type { Input } from './input.js';
-import type { Nullable } from './typescript.js';
+import type { BuilderBlock } from './builder-block';
+import type { Input } from './input';
+import type { Nullable } from './typescript';
 export interface Breakpoints {
     small: number;
     medium: number;

package/lib/browser/types/builder-props.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="svelte" />
 import type { Writable } from "svelte/store";
-import type { BuilderContextInterface, RegisteredComponents } from '../context/types.js';
-import type { BuilderBlock } from './builder-block.js';
+import type { BuilderContextInterface, RegisteredComponents } from '../context/types';
+import type { BuilderBlock } from './builder-block';
 export type BuilderDataProps = {
     builderBlock: BuilderBlock;
     builderContext: Writable<BuilderContextInterface>;

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

@@ -1,5 +1,5 @@
-import type { BuilderElement } from './element.js';
-import type { Input } from './input.js';
+import type { BuilderElement } from './element';
+import type { Input } from './input';
 export interface ComponentInfo {
     /**
      * Name your component something unique, e.g. 'MyButton'. You can override built-in components

package/lib/browser/types/enforced-partials.d.ts

@@ -1,4 +1,4 @@
-import type { Prettify } from './typescript.js';
+import type { Prettify } from './typescript';
 /**
  * Lol Typescript
  * https://stackoverflow.com/questions/49927523/disallow-call-with-any/49928360#49928360

package/lib/edge/blocks/BaseText.svelte

@@ -1,19 +1,19 @@
 <script context="module"></script>
 
 <script>import { getContext } from "svelte";
-import BuilderContext from "../context/builder.context.js";
+import BuilderContext from "../context/builder.context";
 export let text;
-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;
 }
 let builderContext = getContext(BuilderContext.key);
 </script>
 
-<span use:mitosis_styling={$builderContext.inheritedStyles}>{text}</span>
+<span style={stringifyStyles($builderContext.inheritedStyles)}>{text}</span>

package/lib/edge/blocks/button/button.svelte

@@ -1,6 +1,6 @@
 <script>import DynamicRenderer from "../../components/dynamic-renderer/dynamic-renderer.svelte";
-import { getClassPropName } from "../../functions/get-class-prop-name.js";
-import { filterAttrs } from "../helpers.js";
+import { getClassPropName } from "../../functions/get-class-prop-name";
+import { filterAttrs } from "../helpers";
 export let attributes = undefined;
 export let link = undefined;
 export let openLinkInNewTab = undefined;

package/lib/edge/blocks/button/button.svelte.d.ts

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

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

@@ -1,4 +1,4 @@
-import type { BuilderLinkComponentProp } from '../../types/builder-props.js';
+import type { BuilderLinkComponentProp } from '../../types/builder-props';
 export interface ButtonProps extends BuilderLinkComponentProp {
     attributes?: any;
     text?: string;

package/lib/edge/blocks/button/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;