@builder.io/sdk-qwik 0.8.1 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/lib/browser/index.qwik.cjs +128 -25
  2. package/lib/browser/index.qwik.mjs +128 -25
  3. package/lib/edge/index.qwik.cjs +128 -25
  4. package/lib/edge/index.qwik.mjs +128 -25
  5. package/lib/node/index.qwik.cjs +128 -25
  6. package/lib/node/index.qwik.mjs +128 -25
  7. package/package.json +1 -1
  8. package/types/src/components/blocks/blocks-wrapper.d.ts +9 -1
  9. package/types/src/components/blocks/blocks.d.ts +1 -1
  10. package/types/src/components/content/components/enable-editor.d.ts +1 -1
  11. package/types/src/components/content-variants/content-variants.types.d.ts +16 -0
  12. package/types/src/constants/sdk-version.d.ts +1 -1
  13. package/types/src/context/types.d.ts +2 -1
  14. package/types/src/functions/transform-block-properties.d.ts +7 -1
  15. package/types/src/types/enforced-partials.d.ts +7 -2
  16. package/types/src/functions/get-react-native-block-styles.d.ts +0 -7
  17. package/types/src/functions/sanitize-react-native-block-styles.d.ts +0 -3
package/lib/browser/index.qwik.cjs CHANGED
@@ -502,7 +502,7 @@ function getBlockActions(options) {
502
502
  }
503
503
  return obj;
504
504
  }
505
- function transformBlockProperties(properties) {
505
+ function transformBlockProperties({ properties }) {
506
506
  return properties;
507
507
  }
508
508
  const extractRelevantRootBlockProperties = (block) => {
@@ -524,7 +524,11 @@ function getBlockProperties({ block, context }) {
524
524
  (_a = block.properties) == null ? void 0 : _a.class
525
525
  ].filter(Boolean).join(" ")
526
526
  };
527
- return transformBlockProperties(properties);
527
+ return transformBlockProperties({
528
+ properties,
529
+ context,
530
+ block
531
+ });
528
532
  }
529
533
  function getStyleAttribute(style) {
530
534
  switch (TARGET) {
@@ -1033,45 +1037,60 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
1033
1037
  props
1034
1038
  ]));
1035
1039
  const state = {};
1036
- return /* @__PURE__ */ qwik._jsxQ("div", {
1040
+ return /* @__PURE__ */ qwik._jsxC(props.BlocksWrapper, {
1041
+ get class() {
1042
+ return className.value + " props-blocks-wrapper-BlocksWrapper";
1043
+ },
1044
+ get "builder-path"() {
1045
+ return props.path;
1046
+ },
1047
+ get "builder-parent-id"() {
1048
+ return props.parent;
1049
+ },
1050
+ get style() {
1051
+ return props.styleProp;
1052
+ },
1037
1053
  onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
1038
1054
  const [props2, state2] = qwik.useLexicalScope();
1039
1055
  return onClick$1(props2);
1040
- }, "BlocksWrapper_component_div_onClick_1NkidSBS3D0", [
1056
+ }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
1041
1057
  props,
1042
1058
  state
1043
1059
  ]),
1044
1060
  onKeyPress$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
1045
1061
  const [props2, state2] = qwik.useLexicalScope();
1046
1062
  return onClick$1(props2);
1047
- }, "BlocksWrapper_component_div_onKeyPress_Aaf0oNYOi80", [
1063
+ }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
1048
1064
  props,
1049
1065
  state
1050
1066
  ]),
1051
1067
  onMouseEnter$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
1052
1068
  const [props2, state2] = qwik.useLexicalScope();
1053
1069
  return onMouseEnter(props2);
1054
- }, "BlocksWrapper_component_div_onMouseEnter_TxzAP5tI9Zc", [
1070
+ }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
1055
1071
  props,
1056
1072
  state
1057
- ])
1058
- }, {
1059
- "builder-parent-id": qwik._fnSignal((p0) => p0.parent, [
1060
- props
1061
- ], "p0.parent"),
1062
- "builder-path": qwik._fnSignal((p0) => p0.path, [
1063
- props
1064
- ], "p0.path"),
1065
- class: qwik._fnSignal((p0) => p0.value + " div-BlocksWrapper", [
1066
- className
1067
- ], 'p0.value+" div-BlocksWrapper"'),
1068
- style: qwik._fnSignal((p0) => p0.styleProp, [
1069
- props
1070
- ], "p0.styleProp")
1071
- }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "3u_0"), 0, "3u_1");
1073
+ ]),
1074
+ ...props.BlocksWrapperProps,
1075
+ children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "3u_0"),
1076
+ [qwik._IMMUTABLE]: {
1077
+ "builder-parent-id": qwik._fnSignal((p0) => p0.parent, [
1078
+ props
1079
+ ], "p0.parent"),
1080
+ "builder-path": qwik._fnSignal((p0) => p0.path, [
1081
+ props
1082
+ ], "p0.path"),
1083
+ class: qwik._fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
1084
+ className
1085
+ ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),
1086
+ style: qwik._fnSignal((p0) => p0.styleProp, [
1087
+ props
1088
+ ], "p0.styleProp")
1089
+ }
1090
+ }, 0, "3u_1");
1072
1091
  }, "BlocksWrapper_component_45hR0o6abzg"));
1073
1092
  const STYLES$2 = `
1074
- .div-BlocksWrapper {
1093
+ .props-blocks-wrapper-BlocksWrapper {
1075
1094
  display: flex;
1076
1095
  flex-direction: column;
1077
1096
  align-items: stretch;
@@ -1093,6 +1112,14 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1093
1112
  get styleProp() {
1094
1113
  return props.styleProp;
1095
1114
  },
1115
+ get BlocksWrapper() {
1116
+ var _a;
1117
+ return (_a = props.context) == null ? void 0 : _a.BlocksWrapper;
1118
+ },
1119
+ get BlocksWrapperProps() {
1120
+ var _a;
1121
+ return (_a = props.context) == null ? void 0 : _a.BlocksWrapperProps;
1122
+ },
1096
1123
  children: [
1097
1124
  props.blocks ? (props.blocks || []).map((block) => {
1098
1125
  return /* @__PURE__ */ qwik._jsxC(Block, {
@@ -1131,6 +1158,18 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1131
1158
  }) : null
1132
1159
  ],
1133
1160
  [qwik._IMMUTABLE]: {
1161
+ BlocksWrapper: qwik._fnSignal((p0) => {
1162
+ var _a;
1163
+ return (_a = p0.context) == null ? void 0 : _a.BlocksWrapper;
1164
+ }, [
1165
+ props
1166
+ ], "p0.context?.BlocksWrapper"),
1167
+ BlocksWrapperProps: qwik._fnSignal((p0) => {
1168
+ var _a;
1169
+ return (_a = p0.context) == null ? void 0 : _a.BlocksWrapperProps;
1170
+ }, [
1171
+ props
1172
+ ], "p0.context?.BlocksWrapperProps"),
1134
1173
  blocks: qwik._fnSignal((p0) => p0.blocks, [
1135
1174
  props
1136
1175
  ], "p0.blocks"),
@@ -3167,7 +3206,7 @@ const getInteractionPropertiesForEvent = (event) => {
3167
3206
  }
3168
3207
  };
3169
3208
  };
3170
- const SDK_VERSION = "0.8.1";
3209
+ const SDK_VERSION = "0.9.0";
3171
3210
  const registry = {};
3172
3211
  function register(type, info) {
3173
3212
  let typeList = registry[type];
@@ -3429,6 +3468,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
3429
3468
  qwik._jsxBranch();
3430
3469
  const elementRef = qwik.useSignal();
3431
3470
  const state = qwik.useStore({
3471
+ ContentWrapper: props.contentWrapper || "div",
3432
3472
  clicked: false,
3433
3473
  forceReRenderCount: 0,
3434
3474
  httpReqsData: {},
@@ -3570,7 +3610,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
3570
3610
  state
3571
3611
  ]));
3572
3612
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
3573
- children: props.builderContextSignal.content ? /* @__PURE__ */ qwik.createElement("div", {
3613
+ children: props.builderContextSignal.content ? /* @__PURE__ */ qwik.createElement(state.ContentWrapper, {
3574
3614
  apiKey: props.apiKey,
3575
3615
  contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
3576
3616
  variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
@@ -3591,6 +3631,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
3591
3631
  hidden: true,
3592
3632
  "aria-hidden": true
3593
3633
  },
3634
+ ...props.contentWrapperProps,
3594
3635
  class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
3595
3636
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0")) : null
3596
3637
  }, 1, "06_1");
@@ -3734,7 +3775,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
3734
3775
  ...acc,
3735
3776
  [info.name]: serializeComponentInfo(info)
3736
3777
  }), {}),
3737
- inheritedStyles: {}
3778
+ inheritedStyles: {},
3779
+ BlocksWrapper: props.blocksWrapper || "div",
3780
+ BlocksWrapperProps: props.blocksWrapperProps || {}
3738
3781
  },
3739
3782
  registeredComponents: [
3740
3783
  ...getDefaultRegisteredComponents(),
@@ -3795,6 +3838,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
3795
3838
  get builderContextSignal() {
3796
3839
  return state.builderContextSignal;
3797
3840
  },
3841
+ get contentWrapper() {
3842
+ return props.contentWrapper;
3843
+ },
3844
+ get contentWrapperProps() {
3845
+ return props.contentWrapperProps;
3846
+ },
3798
3847
  children: [
3799
3848
  props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
3800
3849
  get scriptStr() {
@@ -3880,6 +3929,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
3880
3929
  content: qwik._fnSignal((p0) => p0.content, [
3881
3930
  props
3882
3931
  ], "p0.content"),
3932
+ contentWrapper: qwik._fnSignal((p0) => p0.contentWrapper, [
3933
+ props
3934
+ ], "p0.contentWrapper"),
3935
+ contentWrapperProps: qwik._fnSignal((p0) => p0.contentWrapperProps, [
3936
+ props
3937
+ ], "p0.contentWrapperProps"),
3883
3938
  context: qwik._fnSignal((p0) => p0.context, [
3884
3939
  props
3885
3940
  ], "p0.context"),
@@ -4018,6 +4073,18 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
4018
4073
  get isSsrAbTest() {
4019
4074
  return state.shouldRenderVariants;
4020
4075
  },
4076
+ get blocksWrapper() {
4077
+ return props.blocksWrapper;
4078
+ },
4079
+ get blocksWrapperProps() {
4080
+ return props.blocksWrapperProps;
4081
+ },
4082
+ get contentWrapper() {
4083
+ return props.contentWrapper;
4084
+ },
4085
+ get contentWrapperProps() {
4086
+ return props.contentWrapperProps;
4087
+ },
4021
4088
  [qwik._IMMUTABLE]: {
4022
4089
  apiKey: qwik._fnSignal((p0) => p0.apiKey, [
4023
4090
  props
@@ -4025,9 +4092,21 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
4025
4092
  apiVersion: qwik._fnSignal((p0) => p0.apiVersion, [
4026
4093
  props
4027
4094
  ], "p0.apiVersion"),
4095
+ blocksWrapper: qwik._fnSignal((p0) => p0.blocksWrapper, [
4096
+ props
4097
+ ], "p0.blocksWrapper"),
4098
+ blocksWrapperProps: qwik._fnSignal((p0) => p0.blocksWrapperProps, [
4099
+ props
4100
+ ], "p0.blocksWrapperProps"),
4028
4101
  canTrack: qwik._fnSignal((p0) => p0.canTrack, [
4029
4102
  props
4030
4103
  ], "p0.canTrack"),
4104
+ contentWrapper: qwik._fnSignal((p0) => p0.contentWrapper, [
4105
+ props
4106
+ ], "p0.contentWrapper"),
4107
+ contentWrapperProps: qwik._fnSignal((p0) => p0.contentWrapperProps, [
4108
+ props
4109
+ ], "p0.contentWrapperProps"),
4031
4110
  context: qwik._fnSignal((p0) => p0.context, [
4032
4111
  props
4033
4112
  ], "p0.context"),
@@ -4096,6 +4175,18 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
4096
4175
  get isSsrAbTest() {
4097
4176
  return state.shouldRenderVariants;
4098
4177
  },
4178
+ get blocksWrapper() {
4179
+ return props.blocksWrapper;
4180
+ },
4181
+ get blocksWrapperProps() {
4182
+ return props.blocksWrapperProps;
4183
+ },
4184
+ get contentWrapper() {
4185
+ return props.contentWrapper;
4186
+ },
4187
+ get contentWrapperProps() {
4188
+ return props.contentWrapperProps;
4189
+ },
4099
4190
  [qwik._IMMUTABLE]: {
4100
4191
  apiKey: qwik._fnSignal((p0) => p0.apiKey, [
4101
4192
  props
@@ -4103,12 +4194,24 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
4103
4194
  apiVersion: qwik._fnSignal((p0) => p0.apiVersion, [
4104
4195
  props
4105
4196
  ], "p0.apiVersion"),
4197
+ blocksWrapper: qwik._fnSignal((p0) => p0.blocksWrapper, [
4198
+ props
4199
+ ], "p0.blocksWrapper"),
4200
+ blocksWrapperProps: qwik._fnSignal((p0) => p0.blocksWrapperProps, [
4201
+ props
4202
+ ], "p0.blocksWrapperProps"),
4106
4203
  canTrack: qwik._fnSignal((p0) => p0.canTrack, [
4107
4204
  props
4108
4205
  ], "p0.canTrack"),
4109
4206
  content: qwik._fnSignal((p0) => p0.value, [
4110
4207
  defaultContent
4111
4208
  ], "p0.value"),
4209
+ contentWrapper: qwik._fnSignal((p0) => p0.contentWrapper, [
4210
+ props
4211
+ ], "p0.contentWrapper"),
4212
+ contentWrapperProps: qwik._fnSignal((p0) => p0.contentWrapperProps, [
4213
+ props
4214
+ ], "p0.contentWrapperProps"),
4112
4215
  context: qwik._fnSignal((p0) => p0.context, [
4113
4216
  props
4114
4217
  ], "p0.context"),
package/lib/browser/index.qwik.mjs CHANGED
@@ -500,7 +500,7 @@ function getBlockActions(options) {
500
500
  }
501
501
  return obj;
502
502
  }
503
- function transformBlockProperties(properties) {
503
+ function transformBlockProperties({ properties }) {
504
504
  return properties;
505
505
  }
506
506
  const extractRelevantRootBlockProperties = (block) => {
@@ -522,7 +522,11 @@ function getBlockProperties({ block, context }) {
522
522
  (_a = block.properties) == null ? void 0 : _a.class
523
523
  ].filter(Boolean).join(" ")
524
524
  };
525
- return transformBlockProperties(properties);
525
+ return transformBlockProperties({
526
+ properties,
527
+ context,
528
+ block
529
+ });
526
530
  }
527
531
  function getStyleAttribute(style) {
528
532
  switch (TARGET) {
@@ -1031,45 +1035,60 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
1031
1035
  props
1032
1036
  ]));
1033
1037
  const state = {};
1034
- return /* @__PURE__ */ _jsxQ("div", {
1038
+ return /* @__PURE__ */ _jsxC(props.BlocksWrapper, {
1039
+ get class() {
1040
+ return className.value + " props-blocks-wrapper-BlocksWrapper";
1041
+ },
1042
+ get "builder-path"() {
1043
+ return props.path;
1044
+ },
1045
+ get "builder-parent-id"() {
1046
+ return props.parent;
1047
+ },
1048
+ get style() {
1049
+ return props.styleProp;
1050
+ },
1035
1051
  onClick$: /* @__PURE__ */ inlinedQrl((event) => {
1036
1052
  const [props2, state2] = useLexicalScope();
1037
1053
  return onClick$1(props2);
1038
- }, "BlocksWrapper_component_div_onClick_1NkidSBS3D0", [
1054
+ }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
1039
1055
  props,
1040
1056
  state
1041
1057
  ]),
1042
1058
  onKeyPress$: /* @__PURE__ */ inlinedQrl((event) => {
1043
1059
  const [props2, state2] = useLexicalScope();
1044
1060
  return onClick$1(props2);
1045
- }, "BlocksWrapper_component_div_onKeyPress_Aaf0oNYOi80", [
1061
+ }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
1046
1062
  props,
1047
1063
  state
1048
1064
  ]),
1049
1065
  onMouseEnter$: /* @__PURE__ */ inlinedQrl((event) => {
1050
1066
  const [props2, state2] = useLexicalScope();
1051
1067
  return onMouseEnter(props2);
1052
- }, "BlocksWrapper_component_div_onMouseEnter_TxzAP5tI9Zc", [
1068
+ }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
1053
1069
  props,
1054
1070
  state
1055
- ])
1056
- }, {
1057
- "builder-parent-id": _fnSignal((p0) => p0.parent, [
1058
- props
1059
- ], "p0.parent"),
1060
- "builder-path": _fnSignal((p0) => p0.path, [
1061
- props
1062
- ], "p0.path"),
1063
- class: _fnSignal((p0) => p0.value + " div-BlocksWrapper", [
1064
- className
1065
- ], 'p0.value+" div-BlocksWrapper"'),
1066
- style: _fnSignal((p0) => p0.styleProp, [
1067
- props
1068
- ], "p0.styleProp")
1069
- }, /* @__PURE__ */ _jsxC(Slot, null, 3, "3u_0"), 0, "3u_1");
1071
+ ]),
1072
+ ...props.BlocksWrapperProps,
1073
+ children: /* @__PURE__ */ _jsxC(Slot, null, 3, "3u_0"),
1074
+ [_IMMUTABLE]: {
1075
+ "builder-parent-id": _fnSignal((p0) => p0.parent, [
1076
+ props
1077
+ ], "p0.parent"),
1078
+ "builder-path": _fnSignal((p0) => p0.path, [
1079
+ props
1080
+ ], "p0.path"),
1081
+ class: _fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
1082
+ className
1083
+ ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),
1084
+ style: _fnSignal((p0) => p0.styleProp, [
1085
+ props
1086
+ ], "p0.styleProp")
1087
+ }
1088
+ }, 0, "3u_1");
1070
1089
  }, "BlocksWrapper_component_45hR0o6abzg"));
1071
1090
  const STYLES$2 = `
1072
- .div-BlocksWrapper {
1091
+ .props-blocks-wrapper-BlocksWrapper {
1073
1092
  display: flex;
1074
1093
  flex-direction: column;
1075
1094
  align-items: stretch;
@@ -1091,6 +1110,14 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
1091
1110
  get styleProp() {
1092
1111
  return props.styleProp;
1093
1112
  },
1113
+ get BlocksWrapper() {
1114
+ var _a;
1115
+ return (_a = props.context) == null ? void 0 : _a.BlocksWrapper;
1116
+ },
1117
+ get BlocksWrapperProps() {
1118
+ var _a;
1119
+ return (_a = props.context) == null ? void 0 : _a.BlocksWrapperProps;
1120
+ },
1094
1121
  children: [
1095
1122
  props.blocks ? (props.blocks || []).map((block) => {
1096
1123
  return /* @__PURE__ */ _jsxC(Block, {
@@ -1129,6 +1156,18 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
1129
1156
  }) : null
1130
1157
  ],
1131
1158
  [_IMMUTABLE]: {
1159
+ BlocksWrapper: _fnSignal((p0) => {
1160
+ var _a;
1161
+ return (_a = p0.context) == null ? void 0 : _a.BlocksWrapper;
1162
+ }, [
1163
+ props
1164
+ ], "p0.context?.BlocksWrapper"),
1165
+ BlocksWrapperProps: _fnSignal((p0) => {
1166
+ var _a;
1167
+ return (_a = p0.context) == null ? void 0 : _a.BlocksWrapperProps;
1168
+ }, [
1169
+ props
1170
+ ], "p0.context?.BlocksWrapperProps"),
1132
1171
  blocks: _fnSignal((p0) => p0.blocks, [
1133
1172
  props
1134
1173
  ], "p0.blocks"),
@@ -3165,7 +3204,7 @@ const getInteractionPropertiesForEvent = (event) => {
3165
3204
  }
3166
3205
  };
3167
3206
  };
3168
- const SDK_VERSION = "0.8.1";
3207
+ const SDK_VERSION = "0.9.0";
3169
3208
  const registry = {};
3170
3209
  function register(type, info) {
3171
3210
  let typeList = registry[type];
@@ -3427,6 +3466,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
3427
3466
  _jsxBranch();
3428
3467
  const elementRef = useSignal();
3429
3468
  const state = useStore({
3469
+ ContentWrapper: props.contentWrapper || "div",
3430
3470
  clicked: false,
3431
3471
  forceReRenderCount: 0,
3432
3472
  httpReqsData: {},
@@ -3568,7 +3608,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
3568
3608
  state
3569
3609
  ]));
3570
3610
  return /* @__PURE__ */ _jsxC(Fragment, {
3571
- children: props.builderContextSignal.content ? /* @__PURE__ */ createElement("div", {
3611
+ children: props.builderContextSignal.content ? /* @__PURE__ */ createElement(state.ContentWrapper, {
3572
3612
  apiKey: props.apiKey,
3573
3613
  contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
3574
3614
  variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
@@ -3589,6 +3629,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
3589
3629
  hidden: true,
3590
3630
  "aria-hidden": true
3591
3631
  },
3632
+ ...props.contentWrapperProps,
3592
3633
  class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
3593
3634
  }, /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0")) : null
3594
3635
  }, 1, "06_1");
@@ -3732,7 +3773,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
3732
3773
  ...acc,
3733
3774
  [info.name]: serializeComponentInfo(info)
3734
3775
  }), {}),
3735
- inheritedStyles: {}
3776
+ inheritedStyles: {},
3777
+ BlocksWrapper: props.blocksWrapper || "div",
3778
+ BlocksWrapperProps: props.blocksWrapperProps || {}
3736
3779
  },
3737
3780
  registeredComponents: [
3738
3781
  ...getDefaultRegisteredComponents(),
@@ -3793,6 +3836,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
3793
3836
  get builderContextSignal() {
3794
3837
  return state.builderContextSignal;
3795
3838
  },
3839
+ get contentWrapper() {
3840
+ return props.contentWrapper;
3841
+ },
3842
+ get contentWrapperProps() {
3843
+ return props.contentWrapperProps;
3844
+ },
3796
3845
  children: [
3797
3846
  props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
3798
3847
  get scriptStr() {
@@ -3878,6 +3927,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
3878
3927
  content: _fnSignal((p0) => p0.content, [
3879
3928
  props
3880
3929
  ], "p0.content"),
3930
+ contentWrapper: _fnSignal((p0) => p0.contentWrapper, [
3931
+ props
3932
+ ], "p0.contentWrapper"),
3933
+ contentWrapperProps: _fnSignal((p0) => p0.contentWrapperProps, [
3934
+ props
3935
+ ], "p0.contentWrapperProps"),
3881
3936
  context: _fnSignal((p0) => p0.context, [
3882
3937
  props
3883
3938
  ], "p0.context"),
@@ -4016,6 +4071,18 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
4016
4071
  get isSsrAbTest() {
4017
4072
  return state.shouldRenderVariants;
4018
4073
  },
4074
+ get blocksWrapper() {
4075
+ return props.blocksWrapper;
4076
+ },
4077
+ get blocksWrapperProps() {
4078
+ return props.blocksWrapperProps;
4079
+ },
4080
+ get contentWrapper() {
4081
+ return props.contentWrapper;
4082
+ },
4083
+ get contentWrapperProps() {
4084
+ return props.contentWrapperProps;
4085
+ },
4019
4086
  [_IMMUTABLE]: {
4020
4087
  apiKey: _fnSignal((p0) => p0.apiKey, [
4021
4088
  props
@@ -4023,9 +4090,21 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
4023
4090
  apiVersion: _fnSignal((p0) => p0.apiVersion, [
4024
4091
  props
4025
4092
  ], "p0.apiVersion"),
4093
+ blocksWrapper: _fnSignal((p0) => p0.blocksWrapper, [
4094
+ props
4095
+ ], "p0.blocksWrapper"),
4096
+ blocksWrapperProps: _fnSignal((p0) => p0.blocksWrapperProps, [
4097
+ props
4098
+ ], "p0.blocksWrapperProps"),
4026
4099
  canTrack: _fnSignal((p0) => p0.canTrack, [
4027
4100
  props
4028
4101
  ], "p0.canTrack"),
4102
+ contentWrapper: _fnSignal((p0) => p0.contentWrapper, [
4103
+ props
4104
+ ], "p0.contentWrapper"),
4105
+ contentWrapperProps: _fnSignal((p0) => p0.contentWrapperProps, [
4106
+ props
4107
+ ], "p0.contentWrapperProps"),
4029
4108
  context: _fnSignal((p0) => p0.context, [
4030
4109
  props
4031
4110
  ], "p0.context"),
@@ -4094,6 +4173,18 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
4094
4173
  get isSsrAbTest() {
4095
4174
  return state.shouldRenderVariants;
4096
4175
  },
4176
+ get blocksWrapper() {
4177
+ return props.blocksWrapper;
4178
+ },
4179
+ get blocksWrapperProps() {
4180
+ return props.blocksWrapperProps;
4181
+ },
4182
+ get contentWrapper() {
4183
+ return props.contentWrapper;
4184
+ },
4185
+ get contentWrapperProps() {
4186
+ return props.contentWrapperProps;
4187
+ },
4097
4188
  [_IMMUTABLE]: {
4098
4189
  apiKey: _fnSignal((p0) => p0.apiKey, [
4099
4190
  props
@@ -4101,12 +4192,24 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
4101
4192
  apiVersion: _fnSignal((p0) => p0.apiVersion, [
4102
4193
  props
4103
4194
  ], "p0.apiVersion"),
4195
+ blocksWrapper: _fnSignal((p0) => p0.blocksWrapper, [
4196
+ props
4197
+ ], "p0.blocksWrapper"),
4198
+ blocksWrapperProps: _fnSignal((p0) => p0.blocksWrapperProps, [
4199
+ props
4200
+ ], "p0.blocksWrapperProps"),
4104
4201
  canTrack: _fnSignal((p0) => p0.canTrack, [
4105
4202
  props
4106
4203
  ], "p0.canTrack"),
4107
4204
  content: _fnSignal((p0) => p0.value, [
4108
4205
  defaultContent
4109
4206
  ], "p0.value"),
4207
+ contentWrapper: _fnSignal((p0) => p0.contentWrapper, [
4208
+ props
4209
+ ], "p0.contentWrapper"),
4210
+ contentWrapperProps: _fnSignal((p0) => p0.contentWrapperProps, [
4211
+ props
4212
+ ], "p0.contentWrapperProps"),
4110
4213
  context: _fnSignal((p0) => p0.context, [
4111
4214
  props
4112
4215
  ], "p0.context"),