@builder.io/sdk-svelte 0.5.8 → 0.6.0

package/package/--package.json

@@ -1,203 +0,0 @@
-{
-  "name": "@builder.io/sdk-svelte",
-  "description": "Builder.io SDK for Svelte",
-  "version": "0.5.8",
-  "type": "module",
-  "files": [
-    "package",
-    "src"
-  ],
-  "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/svelte#readme",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/BuilderIO/builder.git",
-    "directory": "packages/sdks/output/svelte"
-  },
-  "main": "./package/index.js",
-  "module": "./package/index.js",
-  "svelte": "./package/index.js",
-  "exports": {
-    "./package.json": "./package.json",
-    "./src": {
-      "import": "./src/index.js",
-      "require": "./src/index.js"
-    },
-    ".": {
-      "import": "./package/index.js",
-      "require": "./package/index.js"
-    },
-    "./blocks/BaseText.svelte": "./blocks/BaseText.svelte",
-    "./blocks/button/button.svelte": "./blocks/button/button.svelte",
-    "./blocks/button/component-info": "./blocks/button/component-info.js",
-    "./blocks/columns/columns.svelte": "./blocks/columns/columns.svelte",
-    "./blocks/columns/component-info": "./blocks/columns/component-info.js",
-    "./blocks/custom-code/component-info": "./blocks/custom-code/component-info.js",
-    "./blocks/custom-code/custom-code.svelte": "./blocks/custom-code/custom-code.svelte",
-    "./blocks/embed/component-info": "./blocks/embed/component-info.js",
-    "./blocks/embed/embed.svelte": "./blocks/embed/embed.svelte",
-    "./blocks/embed/helpers": "./blocks/embed/helpers.js",
-    "./blocks/form/component-info": "./blocks/form/component-info.js",
-    "./blocks/form/form.svelte": "./blocks/form/form.svelte",
-    "./blocks/fragment/component-info": "./blocks/fragment/component-info.js",
-    "./blocks/fragment/fragment.svelte": "./blocks/fragment/fragment.svelte",
-    "./blocks/helpers": "./blocks/helpers.js",
-    "./blocks/image/component-info": "./blocks/image/component-info.js",
-    "./blocks/image/image.helpers": "./blocks/image/image.helpers.js",
-    "./blocks/image/image.svelte": "./blocks/image/image.svelte",
-    "./blocks/img/component-info": "./blocks/img/component-info.js",
-    "./blocks/img/img.svelte": "./blocks/img/img.svelte",
-    "./blocks/input/component-info": "./blocks/input/component-info.js",
-    "./blocks/input/input.svelte": "./blocks/input/input.svelte",
-    "./blocks/raw-text/component-info": "./blocks/raw-text/component-info.js",
-    "./blocks/raw-text/raw-text.svelte": "./blocks/raw-text/raw-text.svelte",
-    "./blocks/section/component-info": "./blocks/section/component-info.js",
-    "./blocks/section/section.svelte": "./blocks/section/section.svelte",
-    "./blocks/select/component-info": "./blocks/select/component-info.js",
-    "./blocks/select/select.svelte": "./blocks/select/select.svelte",
-    "./blocks/submit-button/component-info": "./blocks/submit-button/component-info.js",
-    "./blocks/submit-button/submit-button.svelte": "./blocks/submit-button/submit-button.svelte",
-    "./blocks/symbol/component-info": "./blocks/symbol/component-info.js",
-    "./blocks/symbol/symbol.helpers": "./blocks/symbol/symbol.helpers.js",
-    "./blocks/symbol/symbol.svelte": "./blocks/symbol/symbol.svelte",
-    "./blocks/text/component-info": "./blocks/text/component-info.js",
-    "./blocks/text/text.svelte": "./blocks/text/text.svelte",
-    "./blocks/textarea/component-info": "./blocks/textarea/component-info.js",
-    "./blocks/textarea/textarea.svelte": "./blocks/textarea/textarea.svelte",
-    "./blocks/video/component-info": "./blocks/video/component-info.js",
-    "./blocks/video/video.svelte": "./blocks/video/video.svelte",
-    "./components/block/block.helpers": "./components/block/block.helpers.js",
-    "./components/block/block.svelte": "./components/block/block.svelte",
-    "./components/block/components/block-styles.svelte": "./components/block/components/block-styles.svelte",
-    "./components/block/components/block-wrapper.svelte": "./components/block/components/block-wrapper.svelte",
-    "./components/block/components/component-ref/component-ref.helpers": "./components/block/components/component-ref/component-ref.helpers.js",
-    "./components/block/components/component-ref/component-ref.svelte": "./components/block/components/component-ref/component-ref.svelte",
-    "./components/block/components/interactive-element.svelte": "./components/block/components/interactive-element.svelte",
-    "./components/block/components/repeated-block.svelte": "./components/block/components/repeated-block.svelte",
-    "./components/block/types": "./components/block/types.js",
-    "./components/blocks/blocks-wrapper.svelte": "./components/blocks/blocks-wrapper.svelte",
-    "./components/blocks/blocks.svelte": "./components/blocks/blocks.svelte",
-    "./components/content/components/enable-editor.svelte": "./components/content/components/enable-editor.svelte",
-    "./components/content/components/styles.helpers": "./components/content/components/styles.helpers.js",
-    "./components/content/components/styles.svelte": "./components/content/components/styles.svelte",
-    "./components/content/content.helpers": "./components/content/content.helpers.js",
-    "./components/content/content.svelte": "./components/content/content.svelte",
-    "./components/content/content.types": "./components/content/content.types.js",
-    "./components/content": "./components/content/index.js",
-    "./components/content/wrap-component-ref": "./components/content/wrap-component-ref.js",
-    "./components/content-variants/content-variants.svelte": "./components/content-variants/content-variants.svelte",
-    "./components/content-variants/content-variants.types": "./components/content-variants/content-variants.types.js",
-    "./components/content-variants/helpers": "./components/content-variants/helpers.js",
-    "./components/inlined-script.svelte": "./components/inlined-script.svelte",
-    "./components/inlined-styles.svelte": "./components/inlined-styles.svelte",
-    "./constants/builder-registered-components": "./constants/builder-registered-components.js",
-    "./constants/device-sizes": "./constants/device-sizes.js",
-    "./constants/sdk-version": "./constants/sdk-version.js",
-    "./constants/target": "./constants/target.js",
-    "./context/builder.context": "./context/builder.context.js",
-    "./context/components.context": "./context/components.context.js",
-    "./context/types": "./context/types.js",
-    "./functions/apply-patch-with-mutation": "./functions/apply-patch-with-mutation.js",
-    "./functions/camel-to-kebab-case": "./functions/camel-to-kebab-case.js",
-    "./functions/evaluate/acorn-interpreter": "./functions/evaluate/acorn-interpreter.js",
-    "./functions/evaluate/evaluate": "./functions/evaluate/evaluate.js",
-    "./functions/evaluate": "./functions/evaluate/index.js",
-    "./functions/evaluate/non-node-runtime": "./functions/evaluate/non-node-runtime/index.js",
-    "./functions/evaluate/non-node-runtime/non-node-runtime": "./functions/evaluate/non-node-runtime/non-node-runtime.js",
-    "./functions/evaluate/types": "./functions/evaluate/types.js",
-    "./functions/event-handler-name": "./functions/event-handler-name.js",
-    "./functions/extract-text-styles": "./functions/extract-text-styles.js",
-    "./functions/fast-clone": "./functions/fast-clone.js",
-    "./functions/fetch-builder-props": "./functions/fetch-builder-props.js",
-    "./functions/get-block-actions-handler": "./functions/get-block-actions-handler.js",
-    "./functions/get-block-actions": "./functions/get-block-actions.js",
-    "./functions/get-block-component-options": "./functions/get-block-component-options.js",
-    "./functions/get-block-properties": "./functions/get-block-properties.js",
-    "./functions/get-builder-search-params": "./functions/get-builder-search-params/index.js",
-    "./functions/get-content/generate-content-url": "./functions/get-content/generate-content-url.js",
-    "./functions/get-content": "./functions/get-content/index.js",
-    "./functions/get-content/types": "./functions/get-content/types.js",
-    "./functions/get-fetch": "./functions/get-fetch.js",
-    "./functions/get-global-this": "./functions/get-global-this.js",
-    "./functions/get-processed-block": "./functions/get-processed-block.js",
-    "./functions/get-react-native-block-styles": "./functions/get-react-native-block-styles.js",
-    "./functions/is-browser": "./functions/is-browser.js",
-    "./functions/is-editing": "./functions/is-editing.js",
-    "./functions/is-iframe": "./functions/is-iframe.js",
-    "./functions/is-non-node-server": "./functions/is-non-node-server.js",
-    "./functions/is-previewing": "./functions/is-previewing.js",
-    "./functions/on-change": "./functions/on-change.js",
-    "./functions/register-component": "./functions/register-component.js",
-    "./functions/register": "./functions/register.js",
-    "./functions/sanitize-react-native-block-styles": "./functions/sanitize-react-native-block-styles.js",
-    "./functions/set-editor-settings": "./functions/set-editor-settings.js",
-    "./functions/set": "./functions/set.js",
-    "./functions/track/helpers": "./functions/track/helpers.js",
-    "./functions/track": "./functions/track/index.js",
-    "./functions/track/interaction": "./functions/track/interaction.js",
-    "./functions/transform-block-properties": "./functions/transform-block-properties.js",
-    "./functions/transform-block": "./functions/transform-block.js",
-    "./helpers/ab-tests": "./helpers/ab-tests.js",
-    "./helpers/canTrack": "./helpers/canTrack.js",
-    "./helpers/cookie": "./helpers/cookie.js",
-    "./helpers/css": "./helpers/css.js",
-    "./helpers/flatten": "./helpers/flatten.js",
-    "./helpers/localStorage": "./helpers/localStorage.js",
-    "./helpers/logger": "./helpers/logger.js",
-    "./helpers/nullable": "./helpers/nullable.js",
-    "./helpers/preview-lru-cache/get": "./helpers/preview-lru-cache/get.js",
-    "./helpers/preview-lru-cache/helpers": "./helpers/preview-lru-cache/helpers.js",
-    "./helpers/preview-lru-cache/init": "./helpers/preview-lru-cache/init.js",
-    "./helpers/preview-lru-cache/set": "./helpers/preview-lru-cache/set.js",
-    "./helpers/preview-lru-cache/types": "./helpers/preview-lru-cache/types.js",
-    "./helpers/sessionId": "./helpers/sessionId.js",
-    "./helpers/time": "./helpers/time.js",
-    "./helpers/url": "./helpers/url.js",
-    "./helpers/uuid": "./helpers/uuid.js",
-    "./helpers/visitorId": "./helpers/visitorId.js",
-    "./index-helpers/blocks-exports": "./index-helpers/blocks-exports.js",
-    "./index-helpers/top-of-file": "./index-helpers/top-of-file.js",
-    "./scripts/init-editing": "./scripts/init-editing.js",
-    "./types/api-version": "./types/api-version.js",
-    "./types/builder-block": "./types/builder-block.js",
-    "./types/builder-content": "./types/builder-content.js",
-    "./types/builder-props": "./types/builder-props.js",
-    "./types/can-track": "./types/can-track.js",
-    "./types/components": "./types/components.js",
-    "./types/deep-partial": "./types/deep-partial.js",
-    "./types/element": "./types/element.js",
-    "./types/enforced-partials": "./types/enforced-partials.js",
-    "./types/input": "./types/input.js",
-    "./types/targets": "./types/targets.js",
-    "./types/typescript": "./types/typescript.js"
-  },
-  "types": "./package/index.d.ts",
-  "devDependencies": {
-    "@sveltejs/adapter-auto": "1.0.0-next.71",
-    "@sveltejs/kit": "^1.16.2",
-    "@sveltejs/package": "1.0.0-next.1",
-    "nx": "^16.6.0",
-    "nx-cloud": "^16.2.0",
-    "svelte": "^3.59.1",
-    "svelte-check": "^3.4.6",
-    "svelte-preprocess": "^5.0.4",
-    "tslib": "^2.3.1",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.8"
-  },
-  "nx": {
-    "implicitDependencies": [
-      "@builder.io/sdks"
-    ],
-    "targets": {
-      "build": {
-        "dependsOn": [
-          "^build:svelte",
-          "^build"
-        ],
-        "outputs": [
-          "{projectRoot}/package"
-        ]
-      }
-    }
-  }
-}

package/package/CHANGELOG.md

@@ -1,185 +0,0 @@
-### 0.5.8
-
-- Fix: properly serialize messages sent to visual editor.
-
-### 0.5.7
-
-- No Changes.
-
-### 0.5.6
-
-- No Changes.
-
-### 0.5.5
-
-- Fix: remove `lru-cache` import and usage.
-
-### 0.5.4
-
-- Fix build issues caused by extraneous `acorn` import.
-- Put Edge runtime evaluator behind dynamic import.
-
-### 0.5.2
-
-- No Changes.
-
-### 0.5.1
-
-- Fix: make `RenderBlocks` properties `context` and `registeredComponents` optional for external use.
-
-### 0.5.0
-
-- Feature: Added support for rudimentary data-bindings in Non-Node.js (edge, serverless, etc.) server runtimes.
-
-### 0.4.5
-
-- Fix: show dynamic symbols correctly in Preview mode.
-- Feature: SSR A/B test Symbols nested inside page content.
-
-### 0.4.4
-
-- Fix: tracking URL from `builder.io/api/v1/track` to `cdn.builder.io/api/v1/track` for improved reliability.
-
-### 0.4.3
-
-- Fix: SSR A/B test environment check (`isHydrationTarget`) now accurately checks current environment.
-
-### 0.4.2
-
-- Feature: Added support for mutating Builder's `state` in custom element events and custom user code.
-
-### 0.4.1
-
-- Fix: bring back `getBuilderSearchParams` export that was accidentally removed.
-
-### 0.4.0
-
-- Feature: A/B tests are now rendered correctly during server-side rendering (SSR) when applicable. This behaviour is backwards compatible with previous versions.
-- Feature: Add support for `enrich` API flag.
-- Mark `noTraverse` and `includeRefs` as deprecated.
-
-### 0.3.1
-
-- Feature: Added SDK version to data sent to visual editor for improved debugging.
-- Fix: Columns block: removed redundant margin-left in first column.
-
-### 0.3.0
-
-- No Changes.
-
-### 0.2.3
-
-- No Changes.
-
-### 0.2.2
-
-- Fix: dynamic bindings for Link URLs.
-- Fix: previewing content that includes a symbol whose `model` property is a `page`.
-- Fix: "Show If"/"Hide If" bindings when the initial value is `undefined`.
-
-### 0.2.1
-
-- No Changes.
-
-### 0.2.0
-
-- Sets the default `apiVersion` to `v3`.
-
-In case you feel the need to use our older API Version `v2`, reach out to us at support@builder.io first. But you can override the default by setting `apiVersion` explicitly to `v2` as follows:
-
-```jsx
-<RenderContent apiVersion="v2" />
-```
-
-```js
-getContent({ apiVersion: 'v2' });
-```
-
-More details on the Builder API Versions visit [this link](https://www.builder.io/c/docs/content-api-versions).
-
-### 0.1.16
-
-- No changes.
-
-### 0.1.15
-
-- No changes.
-
-### 0.1.14
-
-- No changes.
-
-### 0.1.13
-
-- Fix: Columns block styling & `stackColumnsAt` prop
-
-### 0.1.12
-
-- Fix: `RenderContent` not re-rendering when its `content` updates. This fixes Symbol rendering in the visual editor.
-- Feature: `RenderContent` and `getContent` now have an `apiVersion` field that can be set to `v2` or `v3` to target specific Builder API versions. Current default is `v2`
-
-### 0.1.11
-
-- No changes.
-
-### 0.1.10
-
-- Fix: Text blocks styles (remove initial top padding)
-
-### 0.1.9
-
-- No changes.
-
-### 0.1.8
-
-- Added support for "Show If" & "Hide If" dynamic bindings to elements.
-
-### 0.1.7
-
-- No changes.
-
-### 0.1.6
-
-- Types: removed redundant `builtIn` field in `customComponents` prop types
-
-### 0.1.5
-
-- Feature: Global CSS Nesting (`&` operator) support
-
-### 0.1.4
-
-No Changes.
-
-### 0.1.3
-
-- Support Heatmaps
-- Support Insights data filtering by URL & Device
-
-### 0.1.2
-
-- Fix: respect when `canTrack` is set to `false`
-- Fix: issues sending session and visitor IDs with tracking events
-
-### 0.1.1
-
-🧨 Breaking change: we no longer provide a `node-fetch` polyfill. See [the docs](./README.md#fetch) for more information.
-
-### 0.0.1-9
-
-🐛 Fix: custom components were not rendering correctly
-🐛 Fix: Image component's `srcSet` was not being set correctly
-
-### 0.0.1-8
-
-🧨 Breaking change: the format of the `customComponents` prop has changed from `[{ component, info }]` to `[{ component, ...info }]`.
-See [builder-registered-components.ts](/packages/sdks/src/constants/builder-registered-components.ts) for examples of how to do so, or see the example provided for this SDK.
-
-### 0.0.1-7
-
-⚠️ Deprecation notice: Registering components via `registerComponent(component, info)` is now deprecated.
-To register your custom components in Builder, you must now provide a `customComponents` array to the `RenderContent` component containing `[{ component, info }]`.
-See [builder-registered-components.ts](/packages/sdks/src/constants/builder-registered-components.ts) for examples of how to do so, or see the example provided for this SDK.
-
-### 0.0.1-5
-
-First working release

package/package/README.md

@@ -1,27 +0,0 @@
-# Builder.io Svelte SDK (BETA)
-
-This is the Svelte SDK. It is currently in beta.
-
-## Mitosis
-
-This SDK is generated by [Mitosis](https://github.com/BuilderIO/mitosis). To see the Mitosis source-code, go [here](../../).
-
-## Feature Support
-
-To check the status of the SDK, look at [these tables](../../README.md#feature-implementation).
-
-## Getting Started
-
-```
-npm install @builder.io/sdk-svelte@dev
-```
-
-Take a look at [our example repo](/examples/svelte/sveltekit) for how to use this SDK.
-
-## Fetch
-
-This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-package-uses-fetch/blob/main/README.md) for more information.
-
-## Non-Node.js Runtimes (Edge, Serverless)
-
-If planning to deploy your app to a non-Node.js runtime (like Edge or Serverless functions), make sure to read the [Non-Node.js Runtimes](../../README.md#non-nodejs-runtimes-edge-serverless) section of the main README.

package/package/blocks/BaseText.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export interface BaseTextProps {
-    text: string;
-}
-declare const __propDef: {
-    props: {
-        text: BaseTextProps["text"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BaseTextProps = typeof __propDef.props;
-export type BaseTextEvents = typeof __propDef.events;
-export type BaseTextSlots = typeof __propDef.slots;
-export default class BaseText extends SvelteComponentTyped<BaseTextProps, BaseTextEvents, BaseTextSlots> {
-}
-export {};

package/package/blocks/button/button.svelte

@@ -1,46 +0,0 @@
-<script context="module"></script>
-
-<script>import { filterAttrs } from "../helpers.js";
-import { setAttrs } from "../helpers.js";
-export let attributes;
-export let text;
-export let link;
-export let openLinkInNewTab;
-function mitosis_styling(node, vars) {
-    Object.entries(vars || {}).forEach(([p, v]) => {
-        if (p.startsWith("--")) {
-            node.style.setProperty(p, v);
-        }
-        else {
-            node.style[p] = v;
-        }
-    });
-}
-</script>
-
-{#if link}
-  <a
-    role="button"
-    {...filterAttrs(attributes, "on:", false)}
-    href={link}
-    target={openLinkInNewTab ? "_blank" : undefined}
-    use:setAttrs={filterAttrs(attributes, "on:", true)}
-  >
-    {text}
-  </a>
-{:else}
-  <button
-    use:mitosis_styling={attributes.style}
-    {...filterAttrs(attributes, "on:", false)}
-    class={attributes.class + " button"}
-    use:setAttrs={filterAttrs(attributes, "on:", true)}
-  >
-    {text}
-  </button>
-{/if}
-
-<style>
-  .button {
-    all: unset;
-  }
-</style>

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

@@ -1,27 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */ export interface ButtonProps {
-    attributes?: any;
-    text?: string;
-    link?: string;
-    openLinkInNewTab?: boolean;
-}
-declare const __propDef: {
-    props: {
-        attributes: ButtonProps["attributes"];
-        text: ButtonProps["text"];
-        link: ButtonProps["link"];
-        openLinkInNewTab: ButtonProps["openLinkInNewTab"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ButtonProps = typeof __propDef.props;
-export type ButtonEvents = typeof __propDef.events;
-export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
-}
-export {};

package/package/blocks/columns/columns.svelte

@@ -1,160 +0,0 @@
-<script context="module"></script>
-
-<script>import Blocks from "../../components/blocks/blocks.svelte";
-import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
-import InlinedStyles from "../../components/inlined-styles.svelte";
-import { TARGET } from "../../constants/target.js";
-export let js;
-export let space;
-export let columns;
-export let stackColumnsAt;
-export let reverseColumnsWhenStacked;
-export let builderContext;
-export let builderBlock;
-export let builderComponents;
-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 getWidth(index) {
-    return cols[index]?.width || 100 / cols.length;
-}
-function getColumnCssWidth(index) {
-    const subtractWidth = (gutterSize * (cols.length - 1)) / cols.length;
-    return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
-}
-function getTabletStyle({ stackedStyle, desktopStyle, }) {
-    return stackAt === "tablet" ? stackedStyle : desktopStyle;
-}
-function getMobileStyle({ stackedStyle, desktopStyle, }) {
-    return stackAt === "never" ? desktopStyle : stackedStyle;
-}
-function columnCssVars(index) {
-    const gutter = index === 0 ? 0 : gutterSize;
-    if (TARGET === "reactNative") {
-        return {
-            marginLeft: stackColumnsAt === "never" ? gutter : 0,
-        };
-    }
-    const width = getColumnCssWidth(index);
-    const gutterPixels = `${gutter}px`;
-    const mobileWidth = "100%";
-    const mobileMarginLeft = 0;
-    const marginLeftKey = "margin-left";
-    return {
-        width,
-        [marginLeftKey]: gutterPixels,
-        "--column-width-mobile": getMobileStyle({
-            stackedStyle: mobileWidth,
-            desktopStyle: width,
-        }),
-        "--column-margin-left-mobile": getMobileStyle({
-            stackedStyle: mobileMarginLeft,
-            desktopStyle: gutterPixels,
-        }),
-        "--column-width-tablet": getTabletStyle({
-            stackedStyle: mobileWidth,
-            desktopStyle: width,
-        }),
-        "--column-margin-left-tablet": getTabletStyle({
-            stackedStyle: mobileMarginLeft,
-            desktopStyle: gutterPixels,
-        }),
-    };
-}
-function getWidthForBreakpointSize(size) {
-    const breakpointSizes = getSizesForBreakpoints($builderContext.content?.meta?.breakpoints || {});
-    return breakpointSizes[size].max;
-}
-$: columnsCssVars = () => {
-    return {
-        "--flex-dir": flexDir,
-        "--flex-dir-tablet": getTabletStyle({
-            stackedStyle: flexDir,
-            desktopStyle: "row",
-        }),
-    };
-};
-$: columnsStyles = () => {
-    return `
-        @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
-          .${builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir-tablet);
-            align-items: stretch;
-          }
-
-          .${builderBlock.id}-breakpoints > .builder-column {
-            width: var(--column-width-tablet) !important;
-            margin-left: var(--column-margin-left-tablet) !important;
-          }
-        }
-
-        @media (max-width: ${getWidthForBreakpointSize("small")}px) {
-          .${builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir);
-            align-items: stretch;
-          }
-
-          .${builderBlock.id}-breakpoints > .builder-column {
-            width: var(--column-width-mobile) !important;
-            margin-left: var(--column-margin-left-mobile) !important;
-          }
-        },
-      `;
-};
-let gutterSize = typeof space === "number" ? space || 0 : 20;
-let cols = columns || [];
-let stackAt = stackColumnsAt || "tablet";
-let flexDir = stackColumnsAt === "never"
-    ? "row"
-    : reverseColumnsWhenStacked
-        ? "column-reverse"
-        : "column";
-</script>
-
-<div
-  use:mitosis_styling={columnsCssVars()}
-  class={`builder-columns ${builderBlock.id}-breakpoints` + " div"}
-  {...{}}
->
-  {#if TARGET !== "reactNative"}
-    <InlinedStyles styles={columnsStyles()} />
-  {/if}
-
-  {#each columns as column, index (index)}
-    <div
-      use:mitosis_styling={columnCssVars(index)}
-      class="builder-column div-2"
-      {...{}}
-    >
-      <Blocks
-        blocks={column.blocks}
-        path={`component.options.columns.${index}.blocks`}
-        parent={builderBlock.id}
-        styleProp={{
-          flexGrow: "1",
-        }}
-        context={builderContext}
-        registeredComponents={builderComponents}
-      />
-    </div>
-  {/each}
-</div>
-
-<style>
-  .div {
-    display: flex;
-    line-height: normal;
-  }
-  .div-2 {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-  }
-</style>