@builder.io/sdk-svelte 0.1.8 → 0.1.10

package/package/--package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "type": "module",
   "files": [
     "package",

package/package/CHANGELOG.md

@@ -1,3 +1,11 @@
+### 0.1.9
+
+- No changes.
+
+### 0.1.8
+
+- Added support for "Show If" & "Hide If" dynamic bindings to elements.
+
 ### 0.1.7
 
 - No changes.

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

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type BaseTextProps = typeof __propDef.props;
-export declare type BaseTextEvents = typeof __propDef.events;
-export declare type BaseTextSlots = typeof __propDef.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.d.ts

@@ -17,9 +17,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ButtonProps = typeof __propDef.props;
-export declare type ButtonEvents = typeof __propDef.events;
-export declare type ButtonSlots = typeof __propDef.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.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
 import type { BuilderBlock } from "../../types/builder-block";
-declare type Column = {
+type Column = {
     blocks: any;
     width?: number;
 };
-declare type StackColumnsAt = "tablet" | "mobile" | "never";
+type StackColumnsAt = "tablet" | "mobile" | "never";
 export interface ColumnProps {
     columns?: Column[];
     builderBlock: BuilderBlock;
@@ -25,9 +25,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ColumnsProps = typeof __propDef.props;
-export declare type ColumnsEvents = typeof __propDef.events;
-export declare type ColumnsSlots = typeof __propDef.slots;
+export type ColumnsProps = typeof __propDef.props;
+export type ColumnsEvents = typeof __propDef.events;
+export type ColumnsSlots = typeof __propDef.slots;
 export default class Columns extends SvelteComponentTyped<ColumnsProps, ColumnsEvents, ColumnsSlots> {
 }
 export {};

package/package/blocks/custom-code/custom-code.svelte.d.ts

@@ -13,9 +13,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type CustomCodeProps = typeof __propDef.props;
-export declare type CustomCodeEvents = typeof __propDef.events;
-export declare type CustomCodeSlots = typeof __propDef.slots;
+export type CustomCodeProps = typeof __propDef.props;
+export type CustomCodeEvents = typeof __propDef.events;
+export type CustomCodeSlots = typeof __propDef.slots;
 export default class CustomCode extends SvelteComponentTyped<CustomCodeProps, CustomCodeEvents, CustomCodeSlots> {
 }
 export {};

package/package/blocks/embed/embed.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type EmbedProps = typeof __propDef.props;
-export declare type EmbedEvents = typeof __propDef.events;
-export declare type EmbedSlots = typeof __propDef.slots;
+export type EmbedProps = typeof __propDef.props;
+export type EmbedEvents = typeof __propDef.events;
+export type EmbedSlots = typeof __propDef.slots;
 export default class Embed extends SvelteComponentTyped<EmbedProps, EmbedEvents, EmbedSlots> {
 }
 export {};

package/package/blocks/form/form.svelte.d.ts

@@ -35,7 +35,7 @@ export interface FormProps {
  * This component was copied over from the old SDKs and has a lot of code pointing to invalid functions/env vars. It needs
  * to be cleaned up before the component can actually be usable.
  */
-export declare type FormState = "unsubmitted" | "sending" | "success" | "error";
+export type FormState = "unsubmitted" | "sending" | "success" | "error";
 declare const __propDef: {
     props: {
         previewState: FormProps["previewState"];
@@ -62,9 +62,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FormProps = typeof __propDef.props;
-export declare type FormEvents = typeof __propDef.events;
-export declare type FormSlots = typeof __propDef.slots;
+export type FormProps = typeof __propDef.props;
+export type FormEvents = typeof __propDef.events;
+export type FormSlots = typeof __propDef.slots;
 export default class Form extends SvelteComponentTyped<FormProps, FormEvents, FormSlots> {
 }
 export {};

package/package/blocks/fragment/fragment.svelte.d.ts

@@ -5,7 +5,7 @@ export interface FragmentProps {
     children?: any;
 }
 declare const __propDef: {
-    props: {};
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
@@ -13,9 +13,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type FragmentProps = typeof __propDef.props;
-export declare type FragmentEvents = typeof __propDef.events;
-export declare type FragmentSlots = typeof __propDef.slots;
+export type FragmentProps = typeof __propDef.props;
+export type FragmentEvents = typeof __propDef.events;
+export type FragmentSlots = typeof __propDef.slots;
 export default class Fragment extends SvelteComponentTyped<FragmentProps, FragmentEvents, FragmentSlots> {
 }
 export {};

package/package/blocks/image/component-info.js

@@ -17,7 +17,7 @@ export const componentInfo = {
             bubble: true,
             allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg'],
             required: true,
-            defaultValue: 'https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d',
+            defaultValue: 'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a',
             onChange: serializeFn((options) => {
                 const DEFAULT_ASPECT_RATIO = 0.7041;
                 options.delete('srcset');

package/package/blocks/image/image.svelte.d.ts

@@ -41,9 +41,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type ImageProps = typeof __propDef.props;
-export declare type ImageEvents = typeof __propDef.events;
-export declare type ImageSlots = typeof __propDef.slots;
+export type ImageProps = typeof __propDef.props;
+export type ImageEvents = typeof __propDef.events;
+export type ImageSlots = typeof __propDef.slots;
 export default class Image extends SvelteComponentTyped<ImageProps, ImageEvents, ImageSlots> {
 }
 export {};

package/package/blocks/img/img.svelte.d.ts

@@ -21,9 +21,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ImgProps = typeof __propDef.props;
-export declare type ImgEvents = typeof __propDef.events;
-export declare type ImgSlots = typeof __propDef.slots;
+export type ImgProps = typeof __propDef.props;
+export type ImgEvents = typeof __propDef.events;
+export type ImgSlots = typeof __propDef.slots;
 export default class Img extends SvelteComponentTyped<ImgProps, ImgEvents, ImgSlots> {
 }
 export {};

package/package/blocks/input/input.svelte.d.ts

@@ -23,9 +23,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type InputProps = typeof __propDef.props;
-export declare type InputEvents = typeof __propDef.events;
-export declare type InputSlots = typeof __propDef.slots;
+export type InputProps = typeof __propDef.props;
+export type InputEvents = typeof __propDef.events;
+export type InputSlots = typeof __propDef.slots;
 export default class Input extends SvelteComponentTyped<InputProps, InputEvents, InputSlots> {
 }
 export {};

package/package/blocks/raw-text/raw-text.svelte.d.ts

@@ -13,9 +13,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type RawTextProps = typeof __propDef.props;
-export declare type RawTextEvents = typeof __propDef.events;
-export declare type RawTextSlots = typeof __propDef.slots;
+export type RawTextProps = typeof __propDef.props;
+export type RawTextEvents = typeof __propDef.events;
+export type RawTextSlots = typeof __propDef.slots;
 export default class RawText extends SvelteComponentTyped<RawTextProps, RawTextEvents, RawTextSlots> {
 }
 export {};

package/package/blocks/section/section.svelte

@@ -45,9 +45,9 @@ function mitosis_styling(node, vars) {
   use:mitosis_styling={{
     width: "100%",
     alignSelf: "stretch",
-    flexGrow: "1",
+    flexGrow: 1,
     boxSizing: "border-box",
-    maxWidth: `${maxWidth && typeof maxWidth === "number" ? maxWidth : 1200}px`,
+    maxWidth: maxWidth || 1200,
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch",

package/package/blocks/section/section.svelte.d.ts

@@ -17,9 +17,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type SectionProps = typeof __propDef.props;
-export declare type SectionEvents = typeof __propDef.events;
-export declare type SectionSlots = typeof __propDef.slots;
+export type SectionProps = typeof __propDef.props;
+export type SectionEvents = typeof __propDef.events;
+export type SectionSlots = typeof __propDef.slots;
 export default class Section extends SvelteComponentTyped<SectionProps, SectionEvents, SectionSlots> {
 }
 export {};

package/package/blocks/select/select.svelte.d.ts

@@ -22,9 +22,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SelectProps = typeof __propDef.props;
-export declare type SelectEvents = typeof __propDef.events;
-export declare type SelectSlots = typeof __propDef.slots;
+export type SelectProps = typeof __propDef.props;
+export type SelectEvents = typeof __propDef.events;
+export type SelectSlots = typeof __propDef.slots;
 export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {
 }
 export {};

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

@@ -13,9 +13,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SubmitButtonProps = typeof __propDef.props;
-export declare type SubmitButtonEvents = typeof __propDef.events;
-export declare type SubmitButtonSlots = typeof __propDef.slots;
+export type SubmitButtonProps = typeof __propDef.props;
+export type SubmitButtonEvents = typeof __propDef.events;
+export type SubmitButtonSlots = typeof __propDef.slots;
 export default class SubmitButton extends SvelteComponentTyped<SubmitButtonProps, SubmitButtonEvents, SubmitButtonSlots> {
 }
 export {};

package/package/blocks/symbol/symbol.svelte.d.ts

@@ -28,9 +28,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SymbolProps = typeof __propDef.props;
-export declare type SymbolEvents = typeof __propDef.events;
-export declare type SymbolSlots = typeof __propDef.slots;
+export type SymbolProps = typeof __propDef.props;
+export type SymbolEvents = typeof __propDef.events;
+export type SymbolSlots = typeof __propDef.slots;
 export default class Symbol extends SvelteComponentTyped<SymbolProps, SymbolEvents, SymbolSlots> {
 }
 export {};

package/package/blocks/text/text.svelte

@@ -1,6 +1,21 @@
 <script context="module"></script>
 
 <script>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;
+        }
+    });
+}
 </script>
 
-<span class="builder-text">{@html text}</span>
+<span
+  use:mitosis_styling={{
+    outline: "none",
+  }}
+  class="builder-text">{@html text}</span
+>

package/package/blocks/text/text.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type TextProps = typeof __propDef.props;
-export declare type TextEvents = typeof __propDef.events;
-export declare type TextSlots = typeof __propDef.slots;
+export type TextProps = typeof __propDef.props;
+export type TextEvents = typeof __propDef.events;
+export type TextSlots = typeof __propDef.slots;
 export default class Text extends SvelteComponentTyped<TextProps, TextEvents, TextSlots> {
 }
 export {};

package/package/blocks/textarea/textarea.svelte.d.ts

@@ -19,9 +19,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type TextareaProps = typeof __propDef.props;
-export declare type TextareaEvents = typeof __propDef.events;
-export declare type TextareaSlots = typeof __propDef.slots;
+export type TextareaProps = typeof __propDef.props;
+export type TextareaEvents = typeof __propDef.events;
+export type TextareaSlots = typeof __propDef.slots;
 export default class Textarea extends SvelteComponentTyped<TextareaProps, TextareaEvents, TextareaSlots> {
 }
 export {};

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

@@ -33,9 +33,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type VideoProps = typeof __propDef.props;
-export declare type VideoEvents = typeof __propDef.events;
-export declare type VideoSlots = typeof __propDef.slots;
+export type VideoProps = typeof __propDef.props;
+export type VideoEvents = typeof __propDef.events;
+export type VideoSlots = typeof __propDef.slots;
 export default class Video extends SvelteComponentTyped<VideoProps, VideoEvents, VideoSlots> {
 }
 export {};

package/package/components/render-block/block-styles.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 import type { BuilderContextInterface } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block.js";
-export declare type BlockStylesProps = {
+export type BlockStylesProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
@@ -15,9 +15,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type BlockStylesProps = typeof __propDef.props;
-export declare type BlockStylesEvents = typeof __propDef.events;
-export declare type BlockStylesSlots = typeof __propDef.slots;
+export type BlockStylesProps = typeof __propDef.props;
+export type BlockStylesEvents = typeof __propDef.events;
+export type BlockStylesSlots = typeof __propDef.slots;
 export default class BlockStyles extends SvelteComponentTyped<BlockStylesProps, BlockStylesEvents, BlockStylesSlots> {
 }
 export {};

package/package/components/render-block/render-block.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 import type { BuilderContextInterface } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block.js";
-export declare type RenderBlockProps = {
+export type RenderBlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
@@ -15,9 +15,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type RenderBlockProps = typeof __propDef.props;
-export declare type RenderBlockEvents = typeof __propDef.events;
-export declare type RenderBlockSlots = typeof __propDef.slots;
+export type RenderBlockProps = typeof __propDef.props;
+export type RenderBlockEvents = typeof __propDef.events;
+export type RenderBlockSlots = typeof __propDef.slots;
 export default class RenderBlock extends SvelteComponentTyped<RenderBlockProps, RenderBlockEvents, RenderBlockSlots> {
 }
 export {};

package/package/components/render-block/render-component.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 import type { BuilderBlock } from "../../types/builder-block.js";
 import type { BuilderContextInterface } from "../../context/types.js";
-declare type ComponentOptions = {
+type ComponentOptions = {
     [index: string]: any;
     attributes?: {
         [index: string]: any;
@@ -25,9 +25,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type RenderComponentProps = typeof __propDef.props;
-export declare type RenderComponentEvents = typeof __propDef.events;
-export declare type RenderComponentSlots = typeof __propDef.slots;
+export type RenderComponentProps = typeof __propDef.props;
+export type RenderComponentEvents = typeof __propDef.events;
+export type RenderComponentSlots = typeof __propDef.slots;
 export default class RenderComponent extends SvelteComponentTyped<RenderComponentProps, RenderComponentEvents, RenderComponentSlots> {
 }
 export {};

package/package/components/render-block/render-repeated-block.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 import type { BuilderContextInterface } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block";
-declare type Props = {
+type Props = {
     block: BuilderBlock;
     repeatContext: BuilderContextInterface;
 };
@@ -15,9 +15,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type RenderRepeatedBlockProps = typeof __propDef.props;
-export declare type RenderRepeatedBlockEvents = typeof __propDef.events;
-export declare type RenderRepeatedBlockSlots = typeof __propDef.slots;
+export type RenderRepeatedBlockProps = typeof __propDef.props;
+export type RenderRepeatedBlockEvents = typeof __propDef.events;
+export type RenderRepeatedBlockSlots = typeof __propDef.slots;
 export default class RenderRepeatedBlock extends SvelteComponentTyped<RenderRepeatedBlockProps, RenderRepeatedBlockEvents, RenderRepeatedBlockSlots> {
 }
 export {};

package/package/components/render-blocks.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
 import type { BuilderBlock } from "../types/builder-block.js";
-export declare type RenderBlockProps = {
+export type RenderBlockProps = {
     blocks?: BuilderBlock[];
     parent?: string;
     path?: string;
@@ -18,9 +18,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type RenderBlocksProps = typeof __propDef.props;
-export declare type RenderBlocksEvents = typeof __propDef.events;
-export declare type RenderBlocksSlots = typeof __propDef.slots;
+export type RenderBlocksProps = typeof __propDef.props;
+export type RenderBlocksEvents = typeof __propDef.events;
+export type RenderBlocksSlots = typeof __propDef.slots;
 export default class RenderBlocks extends SvelteComponentTyped<RenderBlocksProps, RenderBlocksEvents, RenderBlocksSlots> {
 }
 export {};

package/package/components/render-content/builder-editing.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {};
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export declare type BuilderEditingProps = typeof __propDef.props;
-export declare type BuilderEditingEvents = typeof __propDef.events;
-export declare type BuilderEditingSlots = typeof __propDef.slots;
+export type BuilderEditingProps = typeof __propDef.props;
+export type BuilderEditingEvents = typeof __propDef.events;
+export type BuilderEditingSlots = typeof __propDef.slots;
 export default class BuilderEditing extends SvelteComponentTyped<BuilderEditingProps, BuilderEditingEvents, BuilderEditingSlots> {
 }
 export {};

package/package/components/render-content/components/render-styles.svelte

@@ -14,6 +14,19 @@ ${getCss({
 ${getFontCss({
     customFonts: customFonts,
 })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+color: inherit;
+line-height: inherit;
+letter-spacing: inherit;
+font-weight: inherit;
+font-size: inherit;
+text-align: inherit;
+font-family: inherit;
+}
 `;
 </script>
 

package/package/components/render-content/components/render-styles.svelte.d.ts

@@ -16,9 +16,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type RenderStylesProps = typeof __propDef.props;
-export declare type RenderStylesEvents = typeof __propDef.events;
-export declare type RenderStylesSlots = typeof __propDef.slots;
+export type RenderStylesProps = typeof __propDef.props;
+export type RenderStylesEvents = typeof __propDef.events;
+export type RenderStylesSlots = typeof __propDef.slots;
 export default class RenderStyles extends SvelteComponentTyped<RenderStylesProps, RenderStylesEvents, RenderStylesSlots> {
 }
 export {};

package/package/components/render-content/render-content.svelte

@@ -2,7 +2,6 @@
 
 <script>import { onDestroy, onMount, setContext } from "svelte";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-import { TARGET } from "../../constants/target.js";
 import { evaluate } from "../../functions/evaluate.js";
 import { getContent } from "../../functions/get-content/index.js";
 import { fetch } from "../../functions/get-fetch.js";
@@ -18,6 +17,7 @@ import { registerInsertMenu, setupBrowserForEditing, } from "../../scripts/init-
 import { checkIsDefined } from "../../helpers/nullable.js";
 import { getInteractionPropertiesForEvent } from "../../functions/track/interaction.js";
 import { getContentInitialValue, getContextStateInitialValue, } from "./render-content.helpers.js";
+import { TARGET } from "../../constants/target.js";
 export let content;
 export let data;
 export let canTrack;
@@ -164,10 +164,6 @@ function emitStateUpdate() {
         }));
     }
 }
-$: shouldRenderContentStyles = () => {
-    return Boolean((useContent?.data?.cssCode || useContent?.data?.customFonts?.length) &&
-        TARGET !== "reactNative");
-};
 let elementRef;
 let forceReRenderCount = 0;
 let overrideContent = null;
@@ -316,7 +312,7 @@ onDestroy(() => {
     builder-content-id={useContent?.id}
     builder-model={model}
   >
-    {#if shouldRenderContentStyles()}
+    {#if TARGET !== "reactNative"}
       <RenderContentStyles
         contentId={useContent?.id}
         cssCode={useContent?.data?.cssCode}

package/package/components/render-content/render-content.svelte.d.ts

@@ -17,9 +17,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type RenderContentProps = typeof __propDef.props;
-export declare type RenderContentEvents = typeof __propDef.events;
-export declare type RenderContentSlots = typeof __propDef.slots;
+export type RenderContentProps = typeof __propDef.props;
+export type RenderContentEvents = typeof __propDef.events;
+export type RenderContentSlots = typeof __propDef.slots;
 export default class RenderContent extends SvelteComponentTyped<RenderContentProps, RenderContentEvents, RenderContentSlots> {
 }
 export {};

package/package/components/render-content/render-content.types.d.ts

@@ -1,7 +1,7 @@
 import type { BuilderRenderContext, RegisteredComponent, BuilderRenderState } from '../../context/types';
 import type { BuilderContent } from '../../types/builder-content';
 import type { Nullable } from '../../types/typescript';
-export declare type RenderContentProps = {
+export type RenderContentProps = {
     content?: Nullable<BuilderContent>;
     model?: string;
     data?: {

package/package/components/render-inlined-styles.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type RenderInlinedStylesProps = typeof __propDef.props;
-export declare type RenderInlinedStylesEvents = typeof __propDef.events;
-export declare type RenderInlinedStylesSlots = typeof __propDef.slots;
+export type RenderInlinedStylesProps = typeof __propDef.props;
+export type RenderInlinedStylesEvents = typeof __propDef.events;
+export type RenderInlinedStylesSlots = typeof __propDef.slots;
 export default class RenderInlinedStyles extends SvelteComponentTyped<RenderInlinedStylesProps, RenderInlinedStylesEvents, RenderInlinedStylesSlots> {
 }
 export {};

package/package/constants/device-sizes.d.ts

@@ -1,4 +1,4 @@
-export declare type SizeName = 'large' | 'medium' | 'small';
+export type SizeName = 'large' | 'medium' | 'small';
 interface Size {
     min: number;
     default: number;

package/package/context/types.d.ts

@@ -1,12 +1,12 @@
 import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
 import type { Dictionary, Nullable } from '../types/typescript.js';
-export declare type RegisteredComponent = ComponentInfo & {
+export type RegisteredComponent = ComponentInfo & {
     component: any;
 };
-export declare type RegisteredComponents = Dictionary<RegisteredComponent>;
-export declare type BuilderRenderState = Record<string, unknown>;
-export declare type BuilderRenderContext = Record<string, unknown>;
+export type RegisteredComponents = Dictionary<RegisteredComponent>;
+export type BuilderRenderState = Record<string, unknown>;
+export type BuilderRenderContext = Record<string, unknown>;
 export interface BuilderContextInterface {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;

package/package/functions/get-block-actions-handler.d.ts

@@ -1,8 +1,8 @@
 import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
-declare type Options = {
+type Options = {
     block: BuilderBlock;
 } & Pick<BuilderContextInterface, 'state' | 'context'>;
-declare type EventHandler = (event: Event) => any;
+type EventHandler = (event: Event) => any;
 export declare const createEventHandler: (value: string, options: Options) => EventHandler;
 export {};

package/package/functions/get-block-actions.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
-declare type Actions = {
+type Actions = {
     [index: string]: (event: Event) => any;
 };
 export declare function getBlockActions(options: {

package/package/functions/get-block-tag.d.ts

@@ -1,3 +1,3 @@
 import type { BuilderBlock } from '../types/builder-block.js';
-export declare type TagName = string;
+export type TagName = string;
 export declare function getBlockTag(block: BuilderBlock): TagName;

package/package/functions/get-builder-search-params/index.d.ts

@@ -1,4 +1,4 @@
-declare type QueryObject = Record<string, string | string[]>;
+type QueryObject = Record<string, string | string[]>;
 export declare const convertSearchParamsToQueryObject: (searchParams: URLSearchParams) => QueryObject;
 export declare const getBuilderSearchParams: (_options: QueryObject | URLSearchParams | undefined) => QueryObject;
 export declare const getBuilderSearchParamsFromWindow: () => QueryObject;

package/package/functions/if-target.d.ts

@@ -1,4 +1,4 @@
-declare type Target = import('../types/targets').Target;
+type Target = import('../types/targets').Target;
 export declare function ifTarget<A, B>({ targets, doThing, elseThing, }: {
     targets: Target[];
     doThing: () => A;

package/package/functions/is-editing.js

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

package/package/functions/sanitize-react-native-block-styles.d.ts

@@ -1,3 +1,3 @@
-declare type Styles = Record<string, string | number>;
+type Styles = Record<string, string | number>;
 export declare const sanitizeReactNativeBlockStyles: (styles: Styles) => Styles;
 export {};

package/package/functions/set-editor-settings.d.ts

@@ -1,4 +1,4 @@
-export declare type Settings = {
+export type Settings = {
     customInsertMenu?: boolean;
 };
 export declare function setEditorSettings(newSettings: Settings): void;

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

@@ -35,7 +35,7 @@ interface Event {
         [index: string]: any;
     };
 }
-declare type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | 'variationId' | 'metadata'> & {
+type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | 'variationId' | 'metadata'> & {
     /**
      * Your organization's API key.
      */
@@ -45,7 +45,7 @@ declare type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'conten
      */
     [index: string]: any;
 };
-export declare type EventProps = EventProperties & CanTrack;
+export type EventProps = EventProperties & CanTrack;
 export declare function _track(eventProps: EventProps): Promise<void | Response>;
 export declare const track: (args: EventProperties) => Promise<void | Response>;
 export {};

package/package/functions/track/interaction.d.ts

@@ -1,4 +1,4 @@
-declare type Offset = {
+type Offset = {
     x: number;
     y: number;
 };

package/package/helpers/nullable.d.ts

@@ -1,2 +1,2 @@
-export declare type Nullable<T> = T | null | undefined;
+export type Nullable<T> = T | null | undefined;
 export declare const checkIsDefined: <T>(maybeT: Nullable<T>) => maybeT is T;

package/package/index.d.ts

@@ -1,5 +1,4 @@
 export * from './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';

package/package/index.js

@@ -1,5 +1,4 @@
 export * from './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';

package/package/types/builder-block.d.ts

@@ -1,4 +1,4 @@
-declare type JSONValue = string | number | boolean | JSONObject | JSONArray;
+type JSONValue = string | number | boolean | JSONObject | JSONArray;
 interface JSONObject {
     [x: string]: JSONValue;
 }

package/package/types/can-track.d.ts

@@ -1,3 +1,3 @@
-export declare type CanTrack = {
+export type CanTrack = {
     canTrack: boolean;
 };

package/package/types/components.d.ts

@@ -172,5 +172,5 @@ export interface ComponentInfo {
     requiredPermissions?: Array<Permission>;
     hidden?: boolean;
 }
-declare type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
+type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};

package/package/types/deep-partial.d.ts

@@ -1,3 +1,3 @@
-export declare type DeepPartial<T> = {
+export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
 };

package/package/types/element.d.ts

@@ -1,4 +1,4 @@
-declare type JSONValue = string | number | boolean | JSONObject | JSONArray;
+type JSONValue = string | number | boolean | JSONObject | JSONArray;
 interface JSONObject {
     [x: string]: JSONValue;
 }

package/package/types/targets.d.ts

@@ -1,3 +1,3 @@
-declare type MitosisTargets = import('@builder.io/mitosis').Target;
-export declare type Target = Extract<MitosisTargets, 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid'>;
+type MitosisTargets = import('@builder.io/mitosis').Target;
+export type Target = Extract<MitosisTargets, 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid'>;
 export {};

package/package/types/typescript.d.ts

@@ -1,5 +1,5 @@
-export declare type Nullable<T> = T | null | undefined;
-export declare type Dictionary<T> = {
+export type Nullable<T> = T | null | undefined;
+export type Dictionary<T> = {
     [key: string]: T;
 };
-export declare type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;
+export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "type": "module",
   "files": [
     "package",

package/src/blocks/image/component-info.ts

@@ -22,7 +22,7 @@ export const componentInfo: ComponentInfo = {
       allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg'],
       required: true,
       defaultValue:
-        'https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d',
+        'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a',
       onChange: serializeFn(
         (options: Map<string, any>): void | Promise<void> => {
           const DEFAULT_ASPECT_RATIO = 0.7041;

package/src/blocks/section/section.svelte

@@ -55,9 +55,9 @@
   use:mitosis_styling={{
     width: "100%",
     alignSelf: "stretch",
-    flexGrow: "1",
+    flexGrow: 1,
     boxSizing: "border-box",
-    maxWidth: `${maxWidth && typeof maxWidth === "number" ? maxWidth : 1200}px`,
+    maxWidth: maxWidth || 1200,
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch",

package/src/blocks/text/text.svelte

@@ -6,6 +6,21 @@
 
 <script lang="ts">
   export let text: TextProps["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;
+      }
+    });
+  }
 </script>
 
-<span class="builder-text">{@html text}</span>
+<span
+  use:mitosis_styling={{
+    outline: "none",
+  }}
+  class="builder-text">{@html text}</span
+>

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

@@ -25,6 +25,19 @@ ${getCss({
 ${getFontCss({
   customFonts: customFonts,
 })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+color: inherit;
+line-height: inherit;
+letter-spacing: inherit;
+font-weight: inherit;
+font-size: inherit;
+text-align: inherit;
+font-family: inherit;
+}
 `;
 </script>
 

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

@@ -22,7 +22,6 @@
   import { onDestroy, onMount, setContext } from "svelte";
 
   import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-  import { TARGET } from "../../constants/target.js";
   import { evaluate } from "../../functions/evaluate.js";
   import { getContent } from "../../functions/get-content/index.js";
   import { fetch } from "../../functions/get-fetch.js";
@@ -47,6 +46,7 @@
     getContentInitialValue,
     getContextStateInitialValue,
   } from "./render-content.helpers.js";
+  import { TARGET } from "../../constants/target.js";
 
   export let content: RenderContentProps["content"];
   export let data: RenderContentProps["data"];
@@ -202,12 +202,6 @@
       );
     }
   }
-  $: shouldRenderContentStyles = () => {
-    return Boolean(
-      (useContent?.data?.cssCode || useContent?.data?.customFonts?.length) &&
-        TARGET !== "reactNative"
-    );
-  };
 
   let elementRef;
 
@@ -378,7 +372,7 @@
     builder-content-id={useContent?.id}
     builder-model={model}
   >
-    {#if shouldRenderContentStyles()}
+    {#if TARGET !== "reactNative"}
       <RenderContentStyles
         contentId={useContent?.id}
         cssCode={useContent?.data?.cssCode}

package/src/functions/is-editing.ts

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

package/src/index.ts

@@ -1,5 +1,4 @@
 export * from './index-helpers/top-of-file.js';
-import './scripts/init-editing.js';
 
 export * from './index-helpers/blocks-exports.js';