@builder.io/sdk-react-nextjs 0.13.1 → 0.13.3

package/lib/node/{bundle-457b4e1d.js → bundle-42fea3bc.js}

@@ -1,6 +1,6 @@
 import { LRUCache } from "lru-cache";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, D as DynamicRenderer, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-ea8e582d.js";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, D as DynamicRenderer, C as CustomCode, E as Embed, b as ImgComponent, V as Video, c as Button, F as FragmentComponent, d as Image, S as SectionComponent, e as EnableEditor } from "./USE_CLIENT_BUNDLE-d1e6dcd3.js";
 import "react";
 import "next/navigation";
 const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase()), TARGET = "rsc", getClassPropName = () => {
@@ -692,17 +692,17 @@ function Block(e) {
     var l;
     return !((l = t()) != null && l.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var d, l, u, b, y, h, k, C;
+    var d, l, u, b, y, h, x, k, S, C;
     return {
       blockChildren: o().children ?? [],
       componentRef: (d = t()) == null ? void 0 : d.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
-        ...((l = t()) == null ? void 0 : l.name) === "Core:Button" || ((u = t()) == null ? void 0 : u.name) === "Symbol" || ((b = t()) == null ? void 0 : b.name) === "Columns" ? {
+        ...((l = t()) == null ? void 0 : l.name) === "Core:Button" || ((u = t()) == null ? void 0 : u.name) === "Symbol" || ((b = t()) == null ? void 0 : b.name) === "Columns" || ((y = t()) == null ? void 0 : y.name) === "Form:Form" ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...((y = t()) == null ? void 0 : y.name) === "Symbol" || ((h = t()) == null ? void 0 : h.name) === "Columns" ? {
+        ...((h = t()) == null ? void 0 : h.name) === "Symbol" || ((x = t()) == null ? void 0 : x.name) === "Columns" || ((k = t()) == null ? void 0 : k.name) === "Form:Form" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -710,7 +710,7 @@ function Block(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((k = t()) == null ? void 0 : k.noWrap) === !0,
+      includeBlockProps: ((S = t()) == null ? void 0 : S.noWrap) === !0,
       isInteractive: !((C = t()) != null && C.isRSC)
     };
   }, c = e.context;
@@ -826,7 +826,7 @@ function Columns(e) {
       })
     };
   }, f = function(u) {
-    const b = u === 0 ? 0 : t, y = i(u), h = `${b}px`, k = "100%", C = 0;
+    const b = u === 0 ? 0 : t, y = i(u), h = `${b}px`, x = "100%", k = 0;
     return {
       ...{
         display: "flex",
@@ -836,19 +836,19 @@ function Columns(e) {
       width: y,
       ["marginLeft"]: h,
       "--column-width-mobile": s({
-        stackedStyle: k,
+        stackedStyle: x,
         desktopStyle: y
       }),
       "--column-margin-left-mobile": s({
-        stackedStyle: C,
+        stackedStyle: k,
         desktopStyle: h
       }),
       "--column-width-tablet": a({
-        stackedStyle: k,
+        stackedStyle: x,
         desktopStyle: y
       }),
       "--column-margin-left-tablet": a({
-        stackedStyle: C,
+        stackedStyle: k,
         desktopStyle: h
       })
     };
@@ -888,7 +888,7 @@ function Columns(e) {
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-febc5ea6`,
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-65bb9135`,
         style: m(),
         children: [
           /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: g() }) }),
@@ -924,7 +924,7 @@ function Columns(e) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("style", { children: `.div-febc5ea6 {
+    /* @__PURE__ */ jsx("style", { children: `.div-65bb9135 {
   display: flex;
   line-height: normal;
 }` })
@@ -1330,59 +1330,12 @@ const getTopLevelDomain = (e) => {
     advanced: !0
   }]
 }, componentInfo$9 = {
-  name: "Custom Code",
-  static: !0,
-  requiredPermissions: ["editCode"],
-  inputs: [{
-    name: "code",
-    type: "html",
-    required: !0,
-    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
-    code: !0
-  }, {
-    name: "replaceNodes",
-    type: "boolean",
-    helperText: "Preserve server rendered dom nodes",
-    advanced: !0
-  }, {
-    name: "scriptsClientOnly",
-    type: "boolean",
-    defaultValue: !1,
-    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
-    advanced: !0
-  }]
-}, componentInfo$8 = {
-  name: "Embed",
-  static: !0,
-  inputs: [{
-    name: "url",
-    type: "url",
-    required: !0,
-    defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc",
-    onChange: (e) => {
-      const t = e.get("url");
-      if (t)
-        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((o) => o.json()).then((o) => {
-          e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
-        }).catch((o) => {
-          e.set("content", "There was an error embedding this URL, please try again or another URL");
-        });
-      e.delete("content");
-    }
-  }, {
-    name: "content",
-    type: "html",
-    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-    hideFromUI: !0
-  }]
-}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), componentInfo$7 = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, componentInfo$6 = {
+}, componentInfo$8 = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1482,21 +1435,7 @@ const getTopLevelDomain = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, componentInfo$5 = {
-  // friendlyName?
-  name: "Raw:Img",
-  hideFromInsertMenu: !0,
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
-  inputs: [{
-    name: "image",
-    bubble: !0,
-    type: "file",
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
-    required: !0
-  }],
-  noWrap: !0,
-  static: !0
-}, componentInfo$4 = {
+}, componentInfo$7 = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1535,7 +1474,7 @@ const getTopLevelDomain = (e) => {
       }
     }
   }]
-}, componentInfo$3 = {
+}, componentInfo$6 = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1572,7 +1511,7 @@ function Slot(e) {
     }
   );
 }
-const componentInfo$2 = {
+const componentInfo$5 = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1605,7 +1544,7 @@ const componentInfo$2 = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, componentInfo$1 = {
+}, componentInfo$4 = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1637,7 +1576,68 @@ function Text(e) {
     }
   );
 }
-const componentInfo = {
+const componentInfo$3 = {
+  name: "Custom Code",
+  static: !0,
+  requiredPermissions: ["editCode"],
+  inputs: [{
+    name: "code",
+    type: "html",
+    required: !0,
+    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+    code: !0
+  }, {
+    name: "replaceNodes",
+    type: "boolean",
+    helperText: "Preserve server rendered dom nodes",
+    advanced: !0
+  }, {
+    name: "scriptsClientOnly",
+    type: "boolean",
+    defaultValue: !1,
+    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+    advanced: !0
+  }]
+}, componentInfo$2 = {
+  name: "Embed",
+  static: !0,
+  inputs: [{
+    name: "url",
+    type: "url",
+    required: !0,
+    defaultValue: "",
+    helperText: "e.g. enter a youtube url, google map, etc",
+    onChange: (e) => {
+      const t = e.get("url");
+      if (t)
+        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((o) => o.json()).then((o) => {
+          e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
+        }).catch((o) => {
+          e.set("content", "There was an error embedding this URL, please try again or another URL");
+        });
+      e.delete("content");
+    }
+  }, {
+    name: "content",
+    type: "html",
+    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+    hideFromUI: !0
+  }]
+}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), componentInfo$1 = {
+  // friendlyName?
+  name: "Raw:Img",
+  hideFromInsertMenu: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  inputs: [{
+    name: "image",
+    bubble: !0,
+    type: "file",
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
+    required: !0
+  }],
+  noWrap: !0,
+  static: !0
+}, componentInfo = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1718,43 +1718,43 @@ const componentInfo = {
     defaultValue: !0,
     advanced: !0
   }]
-}, getDefaultRegisteredComponents = () => [{
+}, getExtraComponents = () => [{
+  component: CustomCode,
+  ...componentInfo$3
+}, {
+  component: Embed,
+  ...componentInfo$2
+}, {
+  component: ImgComponent,
+  ...componentInfo$1
+}, {
+  component: Video,
+  ...componentInfo
+}], getDefaultRegisteredComponents = () => [{
   component: Button,
   ...componentInfo$b
 }, {
   component: Columns,
   ...componentInfo$a
 }, {
-  component: CustomCode,
+  component: FragmentComponent,
   ...componentInfo$9
 }, {
-  component: Embed,
+  component: Image,
   ...componentInfo$8
 }, {
-  component: FragmentComponent,
+  component: SectionComponent,
   ...componentInfo$7
 }, {
-  component: Image,
+  component: Slot,
   ...componentInfo$6
-}, {
-  component: ImgComponent,
-  ...componentInfo$5
-}, {
-  component: SectionComponent,
-  ...componentInfo$4
 }, {
   component: Symbol$1,
-  ...componentInfo$2
+  ...componentInfo$5
 }, {
   component: Text,
-  ...componentInfo$1
-}, {
-  component: Video,
-  ...componentInfo
-}, {
-  component: Slot,
-  ...componentInfo$3
-}], components = [], createRegisterComponentMessage = (e) => ({
+  ...componentInfo$4
+}, ...getExtraComponents()], components = [], createRegisterComponentMessage = (e) => ({
   type: "builder.registerComponent",
   data: serializeComponentInfo(e)
 }), serializeFn = (e) => {
@@ -1978,21 +1978,21 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     const S = flatten({
       sort: b
     });
-    for (const x in S)
-      h.searchParams.set(x, JSON.stringify(S[x]));
+    for (const C in S)
+      h.searchParams.set(C, JSON.stringify(S[C]));
   }
-  const k = {
+  const x = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, C = flatten(k);
-  for (const S in C)
-    h.searchParams.set(S, String(C[S]));
+  }, k = flatten(x);
+  for (const S in k)
+    h.searchParams.set(S, String(k[S]));
   if (o && h.searchParams.set("userAttributes", JSON.stringify(o)), r) {
     const S = flatten({
       query: r
     });
-    for (const x in S)
-      h.searchParams.set(x, JSON.stringify(S[x]));
+    for (const C in S)
+      h.searchParams.set(C, JSON.stringify(S[C]));
   }
   return h;
 }, checkContentHasResults = (e) => "results" in e;
@@ -2236,7 +2236,7 @@ function isFromTrustedHost(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "0.13.1", registry = {};
+const SDK_VERSION = "0.13.3", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-1f2f3033.cjs"),t=require("./USE_CLIENT_BUNDLE-d6e6f95b.cjs");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-78694df8.cjs");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-3f825965.cjs"),t=require("./USE_CLIENT_BUNDLE-85cf7e92.cjs");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-1aafe1f0.cjs");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;

package/lib/node/index.mjs

@@ -1,10 +1,10 @@
-import { B as i, x as c, C as m, R as g, w as p, S as l, T as d, G as C, p as u, F as B, H as E, q as S, I as f, A as R, J as b, c as h, j as x, y as k, z as y, E as F, D as P } from "./bundle-457b4e1d.js";
-import { b as w, F as A, c as I, S as V, V as j } from "./USE_CLIENT_BUNDLE-ea8e582d.js";
+import { B as i, x as c, C as m, R as g, w as p, S as d, T as l, G as C, p as u, F as B, H as E, q as S, I as f, A as R, J as h, c as x, j as b, y as k, z as y, E as F, D as P } from "./bundle-42fea3bc.js";
+import { c as w, F as A, d as I, S as V, V as j } from "./USE_CLIENT_BUNDLE-d1e6dcd3.js";
 import "lru-cache";
 import "react/jsx-runtime";
 import "react";
 import "next/navigation";
-import "./USE_SERVER_BUNDLE-18bb0dcb.js";
+import "./USE_SERVER_BUNDLE-601fafbe.js";
 export {
   i as Blocks,
   w as Button,
@@ -15,8 +15,8 @@ export {
   g as RenderBlocks,
   p as RenderContent,
   V as Section,
-  l as Symbol,
-  d as Text,
+  d as Symbol,
+  l as Text,
   j as Video,
   C as _processContentResult,
   u as createRegisterComponentMessage,
@@ -25,9 +25,9 @@ export {
   S as fetchOneEntry,
   f as getAllContent,
   R as getBuilderSearchParams,
-  b as getContent,
-  h as isEditing,
-  x as isPreviewing,
+  h as getContent,
+  x as isEditing,
+  b as isPreviewing,
   k as register,
   y as setEditorSettings,
   F as subscribeToEditor,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

package/types/cjs/blocks/columns/columns.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-import type { PropsWithBuilderData } from "../../types/builder-props.js";
 import type { ColumnProps } from "./columns.types.js";
-declare function Columns(props: PropsWithBuilderData<ColumnProps>): React.JSX.Element;
+declare function Columns(props: ColumnProps): React.JSX.Element;
 export default Columns;

package/types/cjs/blocks/columns/columns.types.d.ts

@@ -1,12 +1,12 @@
 import type { BuilderBlock } from '../../types/builder-block.js';
-import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
     link?: string;
 };
 type StackColumnsAt = 'tablet' | 'mobile' | 'never';
-export interface ColumnProps extends BuilderComponentsProp, BuilderLinkComponentProp {
+export interface ColumnProps extends BuilderComponentsProp, BuilderLinkComponentProp, BuilderDataProps {
     columns?: Column[];
     space?: number;
     stackColumnsAt?: StackColumnsAt;

package/types/cjs/blocks/form/form/component-info.d.ts

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

package/types/cjs/blocks/form/form/form.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export type FormProps = BuilderDataProps & BuilderComponentsProp & BuilderLinkComponentProp & {
+    attributes?: any;
+    name?: string;
+    action?: string;
+    validate?: boolean;
+    method?: string;
+    sendSubmissionsTo?: string;
+    sendSubmissionsToEmail?: string;
+    sendWithJs?: boolean;
+    contentType?: string;
+    customHeaders?: {
+        [key: string]: string;
+    };
+    successUrl?: string;
+    previewState?: FormState;
+    successMessage?: BuilderBlock[];
+    errorMessage?: BuilderBlock[];
+    sendingMessage?: BuilderBlock[];
+    resetFormOnSubmit?: boolean;
+    errorMessagePath?: string;
+};
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export type FormState = "unsubmitted" | "sending" | "success" | "error";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from "../../../types/builder-props.js";
+declare function FormComponent(props: FormProps): React.JSX.Element;
+export default FormComponent;

package/types/cjs/blocks/form/input/component-info.d.ts

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

package/types/cjs/blocks/form/input/input.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface FormInputProps {
+    type?: string;
+    attributes?: any;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    required?: boolean;
+}
+declare function FormInputComponent(props: FormInputProps): React.JSX.Element;
+export default FormInputComponent;

package/types/cjs/blocks/form/select/component-info.d.ts

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

package/types/cjs/blocks/form/select/select.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface FormSelectProps {
+    options?: {
+        name?: string;
+        value: string;
+    }[];
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+}
+declare function SelectComponent(props: FormSelectProps): React.JSX.Element;
+export default SelectComponent;

package/types/cjs/blocks/form/submit-button/component-info.d.ts

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

package/types/cjs/blocks/form/submit-button/submit-button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+}
+declare function SubmitButton(props: ButtonProps): React.JSX.Element;
+export default SubmitButton;

package/types/cjs/blocks/slot/slot.d.ts

@@ -1,11 +1,8 @@
 import * as React from "react";
-export interface DropzoneProps {
+export type DropzoneProps = BuilderDataProps & {
     name: string;
-    builderBlock: BuilderBlock;
-    builderContext: BuilderContextInterface;
     attributes: any;
-}
-import type { BuilderContextInterface } from "../../context/types.js";
-import type { BuilderBlock } from "../../types/builder-block.js";
+};
+import type { BuilderDataProps } from "../../types/builder-props.js";
 declare function Slot(props: DropzoneProps): React.JSX.Element;
 export default Slot;

package/types/cjs/blocks/symbol/symbol.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-import type { PropsWithBuilderData } from "../../types/builder-props.js";
 import type { SymbolProps } from "./symbol.types.js";
-declare function Symbol(props: PropsWithBuilderData<SymbolProps>): Promise<React.JSX.Element>;
+declare function Symbol(props: SymbolProps): Promise<React.JSX.Element>;
 export default Symbol;

package/types/cjs/blocks/symbol/symbol.types.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderContent } from '../../types/builder-content.js';
-import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
 interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -8,7 +8,7 @@ interface SymbolInfo {
     inline?: boolean;
     dynamic?: boolean;
 }
-export interface SymbolProps extends BuilderComponentsProp, BuilderLinkComponentProp {
+export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp {
     symbol?: SymbolInfo;
     dataOnly?: boolean;
     dynamic?: boolean;

package/types/cjs/components/block/components/block-wrapper.d.ts

@@ -4,12 +4,12 @@ type BlockWrapperProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
     linkComponent: any;
+    children?: any;
 };
 /**
  * This component renders a block's wrapper HTML element (from the block's `tagName` property).
  */
 import type { BuilderContextInterface } from "../../../context/types.js";
 import type { BuilderBlock } from "../../../types/builder-block.js";
-import type { PropsWithChildren } from "../../../types/typescript.js";
-declare function BlockWrapper(props: PropsWithChildren<BlockWrapperProps>): React.JSX.Element;
+declare function BlockWrapper(props: BlockWrapperProps): React.JSX.Element;
 export default BlockWrapper;

package/types/cjs/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -1,13 +1,13 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types.js';
 import type { BuilderBlock } from '../../../../types/builder-block.js';
-import type { PropsWithBuilderData } from '../../../../types/builder-props.js';
+import type { BuilderDataProps } from '../../../../types/builder-props.js';
 import type { InteractiveElementProps } from '../interactive-element.js';
-type ComponentOptions = PropsWithBuilderData<{
+type ComponentOptions = BuilderDataProps & {
     [index: string]: any;
     attributes?: {
         [index: string]: any;
     };
-}>;
+};
 export interface ComponentProps {
     componentRef: any;
     componentOptions: ComponentOptions;

package/types/cjs/components/block/components/interactive-element.d.ts

@@ -5,9 +5,10 @@ export type InteractiveElementProps = {
     context: BuilderContextInterface;
     wrapperProps: Dictionary<any>;
     includeBlockProps: boolean;
+    children?: any;
 };
 import type { BuilderContextInterface } from "../../../context/types.js";
 import type { BuilderBlock } from "../../../types/builder-block.js";
-import type { Dictionary, PropsWithChildren } from "../../../types/typescript.js";
-declare function InteractiveElement(props: PropsWithChildren<InteractiveElementProps>): React.JSX.Element;
+import type { Dictionary } from "../../../types/typescript.js";
+declare function InteractiveElement(props: InteractiveElementProps): React.JSX.Element;
 export default InteractiveElement;

package/types/cjs/components/blocks/blocks-wrapper.d.ts

@@ -12,8 +12,8 @@ export type BlocksWrapperProps = {
      * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
      */
     BlocksWrapperProps: any;
+    children?: any;
 };
 import type { BuilderBlock } from "../../types/builder-block.js";
-import type { PropsWithChildren } from "../../types/typescript.js";
-declare function BlocksWrapper(props: PropsWithChildren<BlocksWrapperProps>): React.JSX.Element;
+declare function BlocksWrapper(props: BlocksWrapperProps): React.JSX.Element;
 export default BlocksWrapper;