@builder.io/sdk-solid 0.0.11 → 0.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.0.11",
+  "version": "0.0.14",
   "type": "module",
   "description": "",
   "module": "src/index.js",
@@ -12,62 +12,5 @@
   },
   "devDependencies": {
     "solid-js": "^1.3.15"
-  },
-  "exports": {
-    ".": "./src/index.js",
-    "./src/functions/event-handler": "./src/functions/event-handler.js",
-    "./src/functions/get-block-actions": "./src/functions/get-block-actions.js",
-    "./src/functions/get-block-component": "./src/functions/get-block-component.js",
-    "./src/functions/get-block-properties": "./src/functions/get-block-properties.js",
-    "./src/functions/get-block-styles": "./src/functions/get-block-styles.js",
-    "./src/functions/get-block-tag": "./src/functions/get-block-tag.js",
-    "./src/functions/get-fetch": "./src/functions/get-fetch.js",
-    "./src/functions/get-global-this": "./src/functions/get-global-this.js",
-    "./src/functions/get-processed-block": "./src/functions/get-processed-block.js",
-    "./src/functions/if-target": "./src/functions/if-target.js",
-    "./src/functions/is-browser": "./src/functions/is-browser.js",
-    "./src/functions/is-editing": "./src/functions/is-editing.js",
-    "./src/functions/is-iframe": "./src/functions/is-iframe.js",
-    "./src/functions/is-previewing": "./src/functions/is-previewing.js",
-    "./src/functions/macro-eval": "./src/functions/macro-eval.js",
-    "./src/functions/on-change": "./src/functions/on-change.js",
-    "./src/functions/previewing-model-name": "./src/functions/previewing-model-name.js",
-    "./src/functions/register-component": "./src/functions/register-component.js",
-    "./src/functions/register": "./src/functions/register.js",
-    "./src/functions/set-editor-settings": "./src/functions/set-editor-settings.js",
-    "./src/functions/set": "./src/functions/set.js",
-    "./src/functions/track": "./src/functions/track.js",
-    "./src/functions/transform-block": "./src/functions/transform-block.js",
-    "./src/functions/get-content": "./src/functions/get-content/index.js",
-    "./src/functions/get-builder-search-params": "./src/functions/get-builder-search-params/index.js",
-    "./src/index-helpers/block-exports": "./src/index-helpers/block-exports.js",
-    "./src/index-helpers/top-of-file": "./src/index-helpers/top-of-file.js",
-    "./src/functions/scripts/init-editing": "./src/functions/scripts/init-editing.js",
-    "./src/constants/device-sizes": "./src/constants/device-sizes.js",
-    "./src/constants/target": "./src/constants/target.js",
-    "./src/context/builder.context": "./src/context/builder.context.js",
-    "./src/components/block-styles": "./src/components/block-styles.js",
-    "./src/components/error-boundary": "./src/components/error-boundary.js",
-    "./src/components/render-block": "./src/components/render-block.js",
-    "./src/components/render-blocks": "./src/components/render-blocks.js",
-    "./src/components/render-content/render-content": "./src/components/render-content/render-content.js",
-    "./src/components/render-content/components/render-styles": "./src/components/render-content/components/render-styles.js",
-    "./src/blocks/button": "./src/blocks/button.jsx",
-    "./src/blocks/columns": "./src/blocks/columns.jsx",
-    "./src/blocks/custom-code": "./src/blocks/custom-code.jsx",
-    "./src/blocks/embed": "./src/blocks/embed.jsx",
-    "./src/blocks/form": "./src/blocks/form.jsx",
-    "./src/blocks/fragment": "./src/blocks/fragment.jsx",
-    "./src/blocks/image": "./src/blocks/image.jsx",
-    "./src/blocks/img": "./src/blocks/img.jsx",
-    "./src/blocks/input": "./src/blocks/input.jsx",
-    "./src/blocks/raw-text": "./src/blocks/raw-text.jsx",
-    "./src/blocks/section": "./src/blocks/section.jsx",
-    "./src/blocks/select": "./src/blocks/select.jsx",
-    "./src/blocks/submit-button": "./src/blocks/submit-button.jsx",
-    "./src/blocks/symbol": "./src/blocks/symbol.jsx",
-    "./src/blocks/text": "./src/blocks/text.jsx",
-    "./src/blocks/textarea": "./src/blocks/textarea.jsx",
-    "./src/blocks/video": "./src/blocks/video.jsx"
   }
 }

package/src/blocks/button/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import component from "./button";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import component from "./button.lite.js";
+import { componentInfo } from "./component-info.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/columns/columns.jsx

@@ -1,7 +1,7 @@
 import { For } from "solid-js";
 import { createMutable } from "solid-js/store";
 import { css } from "solid-styled-components";
-import RenderBlocks from "../../components/render-blocks";
+import RenderBlocks from "../../components/render-blocks.lite.js";
 
 function Columns(props) {
   const state = createMutable({

package/src/blocks/columns/columns.lite.tsx

@@ -3,7 +3,7 @@ import { For } from "solid-js";
 import { createMutable } from "solid-js/store";
 import { css } from "solid-styled-components";
 
-import RenderBlocks from "../../components/render-blocks.lite";
+import RenderBlocks from "../../components/render-blocks.lite.js";
 
 function Columns(props) {
   const state = createMutable({

package/src/blocks/columns/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import component from "./columns";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import component from "./columns.lite.js";
+import { componentInfo } from "./component-info.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/custom-code/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./custom-code";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./custom-code.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/embed/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./embed";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./embed.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/form/form.jsx

@@ -1,8 +1,8 @@
 import { Show, For } from "solid-js";
 import { createMutable } from "solid-js/store";
 import { css } from "solid-styled-components";
-import RenderBlock from "../../components/render-block/render-block";
-import { isEditing } from "../../functions/is-editing";
+import RenderBlock from "../../components/render-block/render-block.lite.js";
+import { isEditing } from "../../functions/is-editing.js";
 
 function FormComponent(props) {
   const state = createMutable({

package/src/blocks/form/form.lite.tsx

@@ -3,8 +3,8 @@ import { Show, For } from "solid-js";
 import { createMutable } from "solid-js/store";
 import { css } from "solid-styled-components";
 
-import RenderBlock from "../../components/render-block/render-block.lite";
-import { isEditing } from "../../functions/is-editing";
+import RenderBlock from "../../components/render-block/render-block.lite.js";
+import { isEditing } from "../../functions/is-editing.js";
 
 function FormComponent(props) {
   const state = createMutable({

package/src/blocks/form/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./form";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./form.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/fragment/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./fragment";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./fragment.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/image/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./image";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./image.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/img/img.jsx

@@ -1,4 +1,4 @@
-import { isEditing } from "../../functions/is-editing";
+import { isEditing } from "../../functions/is-editing.js";
 
 function ImgComponent(props) {
   return <img {...props.attributes} style={{

package/src/blocks/img/img.lite.tsx

@@ -1,4 +1,4 @@
-import { isEditing } from "../../functions/is-editing";
+import { isEditing } from "../../functions/is-editing.js";
 
 function ImgComponent(props) {
   return (

package/src/blocks/img/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./img";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./img.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/input/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./input";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./input.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/input/input.jsx

@@ -1,4 +1,4 @@
-import { isEditing } from "../../functions/is-editing";
+import { isEditing } from "../../functions/is-editing.js";
 
 function FormInputComponent(props) {
   return <input {...props.attributes} key={isEditing() && props.defaultValue ? props.defaultValue : "default-key"} placeholder={props.placeholder} type={props.type} name={props.name} value={props.value} defaultValue={props.defaultValue} required={props.required} />;

package/src/blocks/input/input.lite.tsx

@@ -1,4 +1,4 @@
-import { isEditing } from "../../functions/is-editing";
+import { isEditing } from "../../functions/is-editing.js";
 
 function FormInputComponent(props) {
   return (

package/src/blocks/raw-text/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./raw-text";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./raw-text.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/section/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./section";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./section.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/select/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./select";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./select.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/select/select.jsx

@@ -1,5 +1,5 @@
 import { For } from "solid-js";
-import { isEditing } from "../../functions/is-editing";
+import { isEditing } from "../../functions/is-editing.js";
 
 function SelectComponent(props) {
   return <select {...props.attributes} value={props.value} key={isEditing() && props.defaultValue ? props.defaultValue : "default-key"} defaultValue={props.defaultValue} name={props.name}>

package/src/blocks/select/select.lite.tsx

@@ -1,6 +1,6 @@
 import { For } from "solid-js";
 
-import { isEditing } from "../../functions/is-editing";
+import { isEditing } from "../../functions/is-editing.js";
 
 function SelectComponent(props) {
   return (

package/src/blocks/submit-button/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./submit-button";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./submit-button.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/symbol/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./symbol";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./symbol.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/symbol/symbol.jsx

@@ -1,6 +1,6 @@
 import { createMutable } from "solid-js/store";
-import RenderContent from "../../components/render-content/render-content";
-import BuilderContext from "../../context/builder.context";
+import RenderContent from "../../components/render-content/render-content.lite.js";
+import BuilderContext from "../../context/builder.context.lite.js";
 
 function Symbol(props) {
   const state = createMutable({

package/src/blocks/symbol/symbol.lite.tsx

@@ -1,8 +1,8 @@
 import { createMutable } from "solid-js/store";
 
-import RenderContent from "../../components/render-content/render-content.lite";
-import BuilderContext from "../../context/builder.context";
-import { getContent } from "../../functions/get-content";
+import RenderContent from "../../components/render-content/render-content.lite.js";
+import BuilderContext from "../../context/builder.context.lite.js";
+import { getContent } from "../../functions/get-content/index.js";
 
 function Symbol(props) {
   const state = createMutable({ className: "builder-symbol", content: null });

package/src/blocks/text/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./text";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./text.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/textarea/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./textarea";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./textarea.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/video/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
-import component from "./video";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
+import component from "./video.lite.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/components/render-block/block-styles.jsx

@@ -1,5 +1,5 @@
 import { createMutable } from "solid-js/store";
-import RenderInlinedStyles from "../render-inlined-styles";
+import RenderInlinedStyles from "../render-inlined-styles.lite.js";
 
 function BlockStyles(props) {
   const state = createMutable({

package/src/components/render-block/block-styles.lite.tsx

@@ -1,6 +1,6 @@
 import { createMutable } from "solid-js/store";
 
-import RenderInlinedStyles from "../render-inlined-styles.lite";
+import RenderInlinedStyles from "../render-inlined-styles.lite.js";
 
 function BlockStyles(props) {
   const state = createMutable({

package/src/components/render-block/render-block.jsx

@@ -1,16 +1,16 @@
 import { useContext, Show, For } from "solid-js";
 import { Dynamic } from "solid-js/web";
 import { createMutable } from "solid-js/store";
-import { TARGET } from "../../constants/target";
-import BuilderContext from "../../context/builder.context";
-import { getBlockActions } from "../../functions/get-block-actions";
-import { getBlockComponentOptions } from "../../functions/get-block-component-options";
-import { getBlockProperties } from "../../functions/get-block-properties";
-import { getBlockStyles } from "../../functions/get-block-styles";
-import { getBlockTag } from "../../functions/get-block-tag";
-import { getProcessedBlock } from "../../functions/get-processed-block";
-import { components } from "../../functions/register-component";
-import BlockStyles from "./block-styles";
+import { TARGET } from "../../constants/target.js";
+import BuilderContext from "../../context/builder.context.lite.js";
+import { getBlockActions } from "../../functions/get-block-actions.js";
+import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
+import { getBlockProperties } from "../../functions/get-block-properties.js";
+import { getBlockStyles } from "../../functions/get-block-styles.js";
+import { getBlockTag } from "../../functions/get-block-tag.js";
+import { getProcessedBlock } from "../../functions/get-processed-block.js";
+import { components } from "../../functions/register-component.js";
+import BlockStyles from "./block-styles.lite.js";
 
 function RenderBlock(props) {
   const state = createMutable({

package/src/components/render-block/render-block.lite.tsx

@@ -2,16 +2,16 @@ import { useContext, Show, For } from "solid-js";
 import { Dynamic } from "solid-js/web";
 import { createMutable } from "solid-js/store";
 
-import { TARGET } from "../../constants/target";
-import BuilderContext from "../../context/builder.context";
-import { getBlockActions } from "../../functions/get-block-actions";
-import { getBlockComponentOptions } from "../../functions/get-block-component-options";
-import { getBlockProperties } from "../../functions/get-block-properties";
-import { getBlockStyles } from "../../functions/get-block-styles";
-import { getBlockTag } from "../../functions/get-block-tag";
-import { getProcessedBlock } from "../../functions/get-processed-block";
-import { components } from "../../functions/register-component";
-import BlockStyles from "./block-styles.lite";
+import { TARGET } from "../../constants/target.js";
+import BuilderContext from "../../context/builder.context.lite.js";
+import { getBlockActions } from "../../functions/get-block-actions.js";
+import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
+import { getBlockProperties } from "../../functions/get-block-properties.js";
+import { getBlockStyles } from "../../functions/get-block-styles.js";
+import { getBlockTag } from "../../functions/get-block-tag.js";
+import { getProcessedBlock } from "../../functions/get-processed-block.js";
+import { components } from "../../functions/register-component.js";
+import BlockStyles from "./block-styles.lite.js";
 
 function RenderBlock(props) {
   const state = createMutable({

package/src/components/render-blocks.jsx

@@ -1,8 +1,8 @@
 import { Show, For } from "solid-js";
 import { createMutable } from "solid-js/store";
 import { css } from "solid-styled-components";
-import { isEditing } from "../functions/is-editing";
-import RenderBlock from "./render-block/render-block";
+import { isEditing } from "../functions/is-editing.js";
+import RenderBlock from "./render-block/render-block.lite.js";
 
 function RenderBlocks(props) {
   const state = createMutable({

package/src/components/render-blocks.lite.tsx

@@ -3,8 +3,8 @@ import { Show, For } from "solid-js";
 import { createMutable } from "solid-js/store";
 import { css } from "solid-styled-components";
 
-import { isEditing } from "../functions/is-editing";
-import RenderBlock from "./render-block/render-block.lite";
+import { isEditing } from "../functions/is-editing.js";
+import RenderBlock from "./render-block/render-block.lite.js";
 
 function RenderBlocks(props) {
   const state = createMutable({

package/src/components/render-content/components/render-styles.jsx

@@ -1,5 +1,5 @@
 import { createMutable } from "solid-js/store";
-import RenderInlinedStyles from "../../render-inlined-styles";
+import RenderInlinedStyles from "../../render-inlined-styles.lite.js";
 
 function RenderContentStyles(props) {
   const state = createMutable({

package/src/components/render-content/components/render-styles.lite.tsx

@@ -1,6 +1,6 @@
 import { createMutable } from "solid-js/store";
 
-import RenderInlinedStyles from "../../render-inlined-styles.lite";
+import RenderInlinedStyles from "../../render-inlined-styles.lite.js";
 
 function RenderContentStyles(props) {
   const state = createMutable({

package/src/components/render-content/render-content.jsx

@@ -1,19 +1,19 @@
 import { Show, onMount } from "solid-js";
 import { Dynamic } from "solid-js/web";
 import { createMutable } from "solid-js/store";
-import { TARGET } from "../../constants/target";
-import BuilderContext from "../../context/builder.context";
-import { evaluate } from "../../functions/evaluate";
-import { convertSearchParamsToQueryObject, getBuilderSearchParams } from "../../functions/get-builder-search-params";
-import { getContent } from "../../functions/get-content";
-import { getFetch } from "../../functions/get-fetch";
-import { isBrowser } from "../../functions/is-browser";
-import { isEditing } from "../../functions/is-editing";
-import { isPreviewing } from "../../functions/is-previewing";
-import { previewingModelName } from "../../functions/previewing-model-name";
-import { track } from "../../functions/track";
-import RenderBlocks from "../render-blocks";
-import RenderContentStyles from "./components/render-styles";
+import { TARGET } from "../../constants/target.js";
+import BuilderContext from "../../context/builder.context.lite.js";
+import { evaluate } from "../../functions/evaluate.js";
+import { convertSearchParamsToQueryObject, getBuilderSearchParams } from "../../functions/get-builder-search-params/index.js";
+import { getContent } from "../../functions/get-content/index.js";
+import { getFetch } 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 { previewingModelName } from "../../functions/previewing-model-name.js";
+import { track } from "../../functions/track.js";
+import RenderBlocks from "../render-blocks.lite.js";
+import RenderContentStyles from "./components/render-styles.lite.js";
 
 function RenderContent(props) {
   const state = createMutable({

package/src/components/render-content/render-content.lite.tsx

@@ -2,22 +2,22 @@ import { useContext, Show, onMount } from "solid-js";
 import { Dynamic } from "solid-js/web";
 import { createMutable } from "solid-js/store";
 
-import { TARGET } from "../../constants/target";
-import BuilderContext from "../../context/builder.context";
-import { evaluate } from "../../functions/evaluate";
+import { TARGET } from "../../constants/target.js";
+import BuilderContext from "../../context/builder.context.lite.js";
+import { evaluate } from "../../functions/evaluate.js";
 import {
   convertSearchParamsToQueryObject,
   getBuilderSearchParams,
-} from "../../functions/get-builder-search-params";
-import { getContent } from "../../functions/get-content";
-import { getFetch } from "../../functions/get-fetch";
-import { isBrowser } from "../../functions/is-browser";
-import { isEditing } from "../../functions/is-editing";
-import { isPreviewing } from "../../functions/is-previewing";
-import { previewingModelName } from "../../functions/previewing-model-name";
-import { track } from "../../functions/track";
-import RenderBlocks from "../render-blocks.lite";
-import RenderContentStyles from "./components/render-styles.lite";
+} from "../../functions/get-builder-search-params/index.js";
+import { getContent } from "../../functions/get-content/index.js";
+import { getFetch } 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 { previewingModelName } from "../../functions/previewing-model-name.js";
+import { track } from "../../functions/track.js";
+import RenderBlocks from "../render-blocks.lite.js";
+import RenderContentStyles from "./components/render-styles.lite.js";
 
 function RenderContent(props) {
   const state = createMutable({

package/src/functions/evaluate.js

@@ -1,5 +1,5 @@
-import { isBrowser } from "./is-browser";
-import { isEditing } from "./is-editing";
+import { isBrowser } from "./is-browser.js";
+import { isEditing } from "./is-editing.js";
 function evaluate({
   code,
   context,

package/src/functions/get-block-actions.js

@@ -1,5 +1,5 @@
-import { evaluate } from "./evaluate";
-import { getEventHandlerName } from "./event-handler-name";
+import { evaluate } from "./evaluate.js";
+import { getEventHandlerName } from "./event-handler-name.js";
 function getBlockActions(options) {
   var _a;
   const obj = {};

package/src/functions/get-content/fn.test.js

@@ -1,4 +1,4 @@
-import { generateContentUrl } from ".";
+import { generateContentUrl } from "..js";
 const testKey = "YJIGb4i01jvw0SRdL5Bt";
 const testModel = "page";
 const testId = "c1b81bab59704599b997574eb0736def";

package/src/functions/get-content/index.js

@@ -37,7 +37,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { getFetch } from "../get-fetch";
+import { getFetch } from "../get-fetch.js";
 const fetch$ = getFetch();
 function flatten(object, path = null, separator = ".") {
   return Object.keys(object).reduce((acc, key) => {

package/src/functions/get-fetch.js

@@ -18,7 +18,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { getGlobalThis } from "./get-global-this";
+import { getGlobalThis } from "./get-global-this.js";
 function getFetch() {
   return __async(this, null, function* () {
     const globalFetch = getGlobalThis().fetch;

package/src/functions/get-processed-block.js

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { evaluate } from "./evaluate";
-import { set } from "./set";
-import { transformBlock } from "./transform-block";
+import { evaluate } from "./evaluate.js";
+import { set } from "./set.js";
+import { transformBlock } from "./transform-block.js";
 function getProcessedBlock(options) {
   const { state, context } = options;
   const block = transformBlock(options.block);

package/src/functions/get-processed-block.test.js

@@ -1,4 +1,4 @@
-import { getProcessedBlock } from "./get-processed-block";
+import { getProcessedBlock } from "./get-processed-block.js";
 test("Can process bindings", () => {
   var _a, _b, _c, _d, _e, _f;
   const block = {

package/src/functions/if-target.js

@@ -1,4 +1,4 @@
-import { TARGET } from "../constants/target";
+import { TARGET } from "../constants/target.js";
 function ifTarget({
   targets,
   doThing,

package/src/functions/is-editing.js

@@ -1,4 +1,4 @@
-import { isIframe } from "./is-iframe";
+import { isIframe } from "./is-iframe.js";
 function isEditing() {
   return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }

package/src/functions/is-iframe.js

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

package/src/functions/is-previewing.js

@@ -1,5 +1,5 @@
-import { isBrowser } from "./is-browser";
-import { isEditing } from "./is-editing";
+import { isBrowser } from "./is-browser.js";
+import { isEditing } from "./is-editing.js";
 function isPreviewing() {
   if (!isBrowser()) {
     return false;

package/src/functions/on-change.test.js

@@ -1,4 +1,4 @@
-import { onChange } from "./on-change";
+import { onChange } from "./on-change.js";
 test("onChange can observe a shallow change", () => {
   let changeHappend = false;
   const obj = onChange({ foo: "hi" }, () => changeHappend = true);

package/src/functions/previewing-model-name.js

@@ -1,4 +1,4 @@
-import { isPreviewing } from "./is-previewing";
+import { isPreviewing } from "./is-previewing.js";
 function previewingModelName() {
   if (!isPreviewing()) {
     return null;

package/src/functions/register-component.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { isBrowser } from "./is-browser";
+import { isBrowser } from "./is-browser.js";
 const components = {};
 function registerComponent(component, info) {
   var _a;

package/src/functions/register.js

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

package/src/functions/set-editor-settings.js

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

package/src/functions/set.test.js

@@ -1,4 +1,4 @@
-import { set } from "./set";
+import { set } from "./set.js";
 test("can shallow set a property", () => {
   const obj = { foo: "bar" };
   set(obj, "foo", "baz");

package/src/functions/track.js

@@ -1,6 +1,6 @@
-import { TARGET } from "../constants/target";
-import { isBrowser } from "./is-browser";
-import { isEditing } from "./is-editing";
+import { TARGET } from "../constants/target.js";
+import { isBrowser } from "./is-browser.js";
+import { isEditing } from "./is-editing.js";
 function track(event, properties) {
   if (isEditing()) {
     return;

package/src/index-helpers/blocks-exports.js

@@ -1,12 +1,12 @@
-import { default as default2 } from "../blocks/columns";
-import { default as default3 } from "../blocks/image";
-import { default as default4 } from "../blocks/text";
-import { default as default5 } from "../blocks/video";
-import { default as default6 } from "../blocks/symbol";
-import { default as default7 } from "../blocks/button";
-import { default as default8 } from "../blocks/section";
-import { default as default9 } from "../blocks/fragment";
-import { default as default10 } from "../components/render-content/render-content";
+import { default as default2 } from "../blocks/columns/index.js";
+import { default as default3 } from "../blocks/image/index.js";
+import { default as default4 } from "../blocks/text/index.js";
+import { default as default5 } from "../blocks/video/index.js";
+import { default as default6 } from "../blocks/symbol/index.js";
+import { default as default7 } from "../blocks/button/index.js";
+import { default as default8 } from "../blocks/section/index.js";
+import { default as default9 } from "../blocks/fragment/index.js";
+import { default as default10 } from "../components/render-content/render-content.lite.js";
 export {
   default7 as Button,
   default2 as Columns,

package/src/index.js

@@ -1,10 +1,10 @@
-import "./index-helpers/top-of-file";
-import "./scripts/init-editing";
-export * from "./index-helpers/blocks-exports";
-export * from "./functions/is-editing";
-export * from "./functions/is-previewing";
-export * from "./functions/register-component";
-export * from "./functions/register";
-export * from "./functions/set-editor-settings";
-export * from "./functions/get-content";
-export * from "./functions/get-builder-search-params";
+import "./index-helpers/top-of-file.js";
+import "./scripts/init-editing.js";
+export * from "./index-helpers/blocks-exports.js";
+export * from "./functions/is-editing.js";
+export * from "./functions/is-previewing.js";
+export * from "./functions/register-component.js";
+export * from "./functions/register.js";
+export * from "./functions/set-editor-settings.js";
+export * from "./functions/get-content/index.js";
+export * from "./functions/get-builder-search-params/index.js";

package/src/scripts/init-editing.js

@@ -1,7 +1,7 @@
-import { TARGET } from "../constants/target";
-import { isBrowser } from "../functions/is-browser";
-import { isEditing } from "../functions/is-editing";
-import { register } from "../functions/register";
+import { TARGET } from "../constants/target.js";
+import { isBrowser } from "../functions/is-browser.js";
+import { isEditing } from "../functions/is-editing.js";
+import { register } from "../functions/register.js";
 const registerInsertMenu = () => {
   register("insertMenu", {
     name: "_default",