@builder.io/sdk-solid 0.10.0 → 0.11.1

package/lib/browser/dev.js

@@ -601,8 +601,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -648,8 +647,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -709,7 +707,7 @@ var block_wrapper_default = BlockWrapper;
 function InteractiveElement(props) {
   return createComponent(Dynamic, mergeProps(() => props.wrapperProps, {
     get attributes() {
-      return {
+      return memo(() => !!props.includeBlockProps)() ? {
         ...getBlockProperties({
           block: props.block,
           context: props.context
@@ -721,7 +719,7 @@ function InteractiveElement(props) {
           localState: props.context.localState,
           context: props.context.context
         })
-      };
+      } : {};
     },
     get component() {
       return props.Wrapper;
@@ -743,13 +741,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -762,6 +754,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -2773,7 +2773,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -3298,7 +3298,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/browser/dev.jsx

@@ -586,8 +586,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -633,8 +632,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -691,7 +689,7 @@ import { Dynamic as Dynamic2 } from "solid-js/web";
 function InteractiveElement(props) {
   return <Dynamic2
     {...props.wrapperProps}
-    attributes={{
+    attributes={props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -703,7 +701,7 @@ function InteractiveElement(props) {
         localState: props.context.localState,
         context: props.context.context
       })
-    }}
+    } : {}}
     component={props.Wrapper}
   >{props.children}</Dynamic2>;
 }
@@ -719,13 +717,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -738,6 +730,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -2445,7 +2445,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -2963,7 +2963,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/browser/index.js

@@ -596,8 +596,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -643,8 +642,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -704,7 +702,7 @@ var block_wrapper_default = BlockWrapper;
 function InteractiveElement(props) {
   return createComponent(Dynamic, mergeProps(() => props.wrapperProps, {
     get attributes() {
-      return {
+      return memo(() => !!props.includeBlockProps)() ? {
         ...getBlockProperties({
           block: props.block,
           context: props.context
@@ -716,7 +714,7 @@ function InteractiveElement(props) {
           localState: props.context.localState,
           context: props.context.context
         })
-      };
+      } : {};
     },
     get component() {
       return props.Wrapper;
@@ -738,13 +736,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -757,6 +749,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -2764,7 +2764,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -3284,7 +3284,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/browser/index.jsx

@@ -581,8 +581,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -628,8 +627,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -686,7 +684,7 @@ import { Dynamic as Dynamic2 } from "solid-js/web";
 function InteractiveElement(props) {
   return <Dynamic2
     {...props.wrapperProps}
-    attributes={{
+    attributes={props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -698,7 +696,7 @@ function InteractiveElement(props) {
         localState: props.context.localState,
         context: props.context.context
       })
-    }}
+    } : {}}
     component={props.Wrapper}
   >{props.children}</Dynamic2>;
 }
@@ -714,13 +712,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -733,6 +725,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -2436,7 +2436,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -2949,7 +2949,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/edge/dev.js

@@ -3754,8 +3754,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -3801,8 +3800,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -3862,7 +3860,7 @@ var block_wrapper_default = BlockWrapper;
 function InteractiveElement(props) {
   return createComponent(Dynamic, mergeProps(() => props.wrapperProps, {
     get attributes() {
-      return {
+      return memo(() => !!props.includeBlockProps)() ? {
         ...getBlockProperties({
           block: props.block,
           context: props.context
@@ -3874,7 +3872,7 @@ function InteractiveElement(props) {
           localState: props.context.localState,
           context: props.context.context
         })
-      };
+      } : {};
     },
     get component() {
       return props.Wrapper;
@@ -3896,13 +3894,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -3915,6 +3907,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -5926,7 +5926,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -6451,7 +6451,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/edge/dev.jsx

@@ -3741,8 +3741,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -3788,8 +3787,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -3846,7 +3844,7 @@ import { Dynamic as Dynamic2 } from "solid-js/web";
 function InteractiveElement(props) {
   return <Dynamic2
     {...props.wrapperProps}
-    attributes={{
+    attributes={props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -3858,7 +3856,7 @@ function InteractiveElement(props) {
         localState: props.context.localState,
         context: props.context.context
       })
-    }}
+    } : {}}
     component={props.Wrapper}
   >{props.children}</Dynamic2>;
 }
@@ -3874,13 +3872,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -3893,6 +3885,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -5600,7 +5600,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -6118,7 +6118,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/edge/index.js

@@ -3749,8 +3749,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -3796,8 +3795,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -3857,7 +3855,7 @@ var block_wrapper_default = BlockWrapper;
 function InteractiveElement(props) {
   return createComponent(Dynamic, mergeProps(() => props.wrapperProps, {
     get attributes() {
-      return {
+      return memo(() => !!props.includeBlockProps)() ? {
         ...getBlockProperties({
           block: props.block,
           context: props.context
@@ -3869,7 +3867,7 @@ function InteractiveElement(props) {
           localState: props.context.localState,
           context: props.context.context
         })
-      };
+      } : {};
     },
     get component() {
       return props.Wrapper;
@@ -3891,13 +3889,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -3910,6 +3902,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -5917,7 +5917,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -6437,7 +6437,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/edge/index.jsx

@@ -3736,8 +3736,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -3783,8 +3782,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -3841,7 +3839,7 @@ import { Dynamic as Dynamic2 } from "solid-js/web";
 function InteractiveElement(props) {
   return <Dynamic2
     {...props.wrapperProps}
-    attributes={{
+    attributes={props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -3853,7 +3851,7 @@ function InteractiveElement(props) {
         localState: props.context.localState,
         context: props.context.context
       })
-    }}
+    } : {}}
     component={props.Wrapper}
   >{props.children}</Dynamic2>;
 }
@@ -3869,13 +3867,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -3888,6 +3880,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -5591,7 +5591,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -6104,7 +6104,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/node/dev.js

@@ -725,8 +725,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -772,8 +771,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -833,7 +831,7 @@ var block_wrapper_default = BlockWrapper;
 function InteractiveElement(props) {
   return createComponent(Dynamic, mergeProps(() => props.wrapperProps, {
     get attributes() {
-      return {
+      return memo(() => !!props.includeBlockProps)() ? {
         ...getBlockProperties({
           block: props.block,
           context: props.context
@@ -845,7 +843,7 @@ function InteractiveElement(props) {
           localState: props.context.localState,
           context: props.context.context
         })
-      };
+      } : {};
     },
     get component() {
       return props.Wrapper;
@@ -867,13 +865,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -886,6 +878,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -2897,7 +2897,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -3422,7 +3422,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/node/dev.jsx

@@ -712,8 +712,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -759,8 +758,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -817,7 +815,7 @@ import { Dynamic as Dynamic2 } from "solid-js/web";
 function InteractiveElement(props) {
   return <Dynamic2
     {...props.wrapperProps}
-    attributes={{
+    attributes={props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -829,7 +827,7 @@ function InteractiveElement(props) {
         localState: props.context.localState,
         context: props.context.context
       })
-    }}
+    } : {}}
     component={props.Wrapper}
   >{props.children}</Dynamic2>;
 }
@@ -845,13 +843,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -864,6 +856,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -2571,7 +2571,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -3089,7 +3089,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/node/index.js

@@ -719,8 +719,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -766,8 +765,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -827,7 +825,7 @@ var block_wrapper_default = BlockWrapper;
 function InteractiveElement(props) {
   return createComponent(Dynamic, mergeProps(() => props.wrapperProps, {
     get attributes() {
-      return {
+      return memo(() => !!props.includeBlockProps)() ? {
         ...getBlockProperties({
           block: props.block,
           context: props.context
@@ -839,7 +837,7 @@ function InteractiveElement(props) {
           localState: props.context.localState,
           context: props.context.context
         })
-      };
+      } : {};
     },
     get component() {
       return props.Wrapper;
@@ -861,13 +859,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -880,6 +872,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -2887,7 +2887,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -3407,7 +3407,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/lib/node/index.jsx

@@ -706,8 +706,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix) {
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -753,8 +752,7 @@ function getBlockProperties({
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -811,7 +809,7 @@ import { Dynamic as Dynamic2 } from "solid-js/web";
 function InteractiveElement(props) {
   return <Dynamic2
     {...props.wrapperProps}
-    attributes={{
+    attributes={props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -823,7 +821,7 @@ function InteractiveElement(props) {
         localState: props.context.localState,
         context: props.context.context
       })
-    }}
+    } : {}}
     component={props.Wrapper}
   >{props.children}</Dynamic2>;
 }
@@ -839,13 +837,7 @@ var getWrapperProps = ({
   isInteractive,
   contextValue
 }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -858,6 +850,14 @@ var getWrapperProps = ({
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 
 // src/components/block/components/component-ref/component-ref.tsx
@@ -2561,7 +2561,7 @@ var checkShouldRenderVariants = ({
     return false;
   if (!canTrack)
     return false;
-  if (TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte")
+  if (TARGET === "vue" || TARGET === "svelte")
     return true;
   if (isBrowser())
     return false;
@@ -3074,7 +3074,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.1";
 
 // src/functions/register.ts
 var registry = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "description": "",
   "files": [
     "dist",