@makeswift/prop-controllers 0.2.1 → 0.3.0-canary.1

package/dist/index.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Backgrounds: () => Backgrounds,
+  BackgroundsPropControllerDataV2Type: () => BackgroundsPropControllerDataV2Type,
   Border: () => Border,
   BorderPropControllerFormat: () => BorderPropControllerFormat,
   BorderRadius: () => BorderRadius,
@@ -42,9 +43,12 @@ __export(src_exports, {
   Number: () => Number,
   Padding: () => Padding,
   PaddingPropControllerFormat: () => PaddingPropControllerFormat,
+  PropDef: () => PropDef,
   ResponsiveColor: () => ResponsiveColor,
   ResponsiveLength: () => ResponsiveLength,
   ResponsiveLengthPropControllerDataV1Type: () => ResponsiveLengthPropControllerDataV1Type,
+  ResponsiveNumber: () => ResponsiveNumber,
+  ResponsiveOpacity: () => ResponsiveOpacity,
   Shadows: () => Shadows,
   Table: () => Table,
   TableFormFields: () => TableFormFields,
@@ -54,10 +58,12 @@ __export(src_exports, {
   Video: () => Video,
   Width: () => Width,
   WidthPropControllerFormat: () => WidthPropControllerFormat,
+  backgroundImageDataSchema: () => backgroundImageDataSchema,
   backgroundsPropControllerDataSchema: () => backgroundsPropControllerDataSchema,
   borderPropControllerDataSchema: () => borderPropControllerDataSchema,
   borderRadiusPropControllerDataSchema: () => borderRadiusPropControllerDataSchema,
   checkboxPropControllerDataSchema: () => checkboxPropControllerDataSchema,
+  colorDataSchema: () => colorDataSchema,
   copyBackgroundsPropControllerData: () => copyBackgroundsPropControllerData,
   copyBorderPropControllerData: () => copyBorderPropControllerData,
   copyElementIDPropControllerData: () => copyElementIDPropControllerData,
@@ -77,7 +83,6 @@ __export(src_exports, {
   createDatePropControllerDataFromString: () => createDatePropControllerDataFromString,
   createElementIDPropControllerDataFromElementID: () => createElementIDPropControllerDataFromElementID,
   createFontPropControllerDataFromResponsiveFontData: () => createFontPropControllerDataFromResponsiveFontData,
-  createGapXPropControllerDataFromResponsiveGapData: () => createGapXPropControllerDataFromResponsiveGapData,
   createGapYPropControllerDataFromResponsiveGapData: () => createGapYPropControllerDataFromResponsiveGapData,
   createGridPropControllerDataFromGridData: () => createGridPropControllerDataFromGridData,
   createImagePropControllerDataFromImageData: () => createImagePropControllerDataFromImageData,
@@ -103,7 +108,7 @@ __export(src_exports, {
   elementIDPropControllerDataSchema: () => elementIDPropControllerDataSchema,
   elementSchema: () => elementSchema,
   fontPropControllerDataSchema: () => fontPropControllerDataSchema,
-  gapXPropControllerDataSchema: () => gapXPropControllerDataSchema,
+  gapDataSchema: () => gapDataSchema,
   gapYPropControllerDataSchema: () => gapYPropControllerDataSchema,
   getBackgroundsPropControllerDataResponsiveBackgroundsData: () => getBackgroundsPropControllerDataResponsiveBackgroundsData,
   getBackgroundsPropControllerFileIds: () => getBackgroundsPropControllerFileIds,
@@ -115,7 +120,6 @@ __export(src_exports, {
   getDatePropControllerDataString: () => getDatePropControllerDataString,
   getElementIDPropControllerDataElementID: () => getElementIDPropControllerDataElementID,
   getFontPropControllerDataResponsiveFontData: () => getFontPropControllerDataResponsiveFontData,
-  getGapXPropControllerDataResponsiveGapData: () => getGapXPropControllerDataResponsiveGapData,
   getGapYPropControllerDataResponsiveGapData: () => getGapYPropControllerDataResponsiveGapData,
   getGridPropControllerDataGridData: () => getGridPropControllerDataGridData,
   getGridPropControllerElementChildren: () => getGridPropControllerElementChildren,
@@ -146,8 +150,13 @@ __export(src_exports, {
   getVideoPropControllerDataVideoData: () => getVideoPropControllerDataVideoData,
   getWidthPropControllerDataResponsiveLengthData: () => getWidthPropControllerDataResponsiveLengthData,
   gridPropControllerDataSchema: () => gridPropControllerDataSchema,
+  imageBackgroundDataSchema: () => imageBackgroundDataSchema,
+  imageDataSchema: () => imageDataSchema,
+  imageDataV0Schema: () => imageDataV0Schema,
+  imageDataV1Schema: () => imageDataV1Schema,
   imagePropControllerDataSchema: () => imagePropControllerDataSchema,
   imagesPropControllerDataSchema: () => imagesPropControllerDataSchema,
+  lengthDataSchema: () => lengthDataSchema,
   linkDataSchema: () => linkDataSchema,
   linkPropControllerDataSchema: () => linkPropControllerDataSchema,
   marginPropControllerDataSchema: () => marginPropControllerDataSchema,
@@ -156,17 +165,24 @@ __export(src_exports, {
   numberPropControllerDataSchema: () => numberPropControllerDataSchema,
   paddingPropControllerDataSchema: () => paddingPropControllerDataSchema,
   responsiveColorPropControllerDataSchema: () => responsiveColorPropControllerDataSchema,
+  responsiveGapDataSchema: () => responsiveGapDataSchema,
   responsiveLengthPropControllerDataSchema: () => responsiveLengthPropControllerDataSchema,
+  responsiveNumberValueSchema: () => responsiveNumberValueSchema,
+  responsiveOpacityValueSchema: () => responsiveOpacityValueSchema,
   shadowsPropControllerDataSchema: () => shadowsPropControllerDataSchema,
   tableFormFieldsPropControllerDataSchema: () => tableFormFieldsPropControllerDataSchema,
   tablePropControllerDataSchema: () => tablePropControllerDataSchema,
   textAreaPropControllerDataSchema: () => textAreaPropControllerDataSchema,
   textStylePropControllerDataSchema: () => textStylePropControllerDataSchema,
+  versionedPropDef: () => versionedPropDef,
   videoPropControllerDataSchema: () => videoPropControllerDataSchema,
   widthPropControllerDataSchema: () => widthPropControllerDataSchema
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/data.ts
+var import_zod2 = require("zod");
+
 // src/prop-controllers.ts
 var import_zod = require("zod");
 var Types = {
@@ -190,6 +206,8 @@ var Types = {
   Shadows: "Shadows",
   ResponsiveColor: "ResponsiveColor",
   ResponsiveLength: "ResponsiveLength",
+  ResponsiveNumber: "ResponsiveNumber",
+  ResponsiveOpacity: "ResponsiveOpacity",
   TextArea: "TextArea",
   Table: "Table",
   TableFormFields: "TableFormFields",
@@ -224,12 +242,7 @@ var elementSchema = import_zod.z.union([
   elementReferenceSchema
 ]);
 
-// src/backgrounds/backgrounds.ts
-var import_zod3 = require("zod");
-var import_ts_pattern = require("ts-pattern");
-
 // src/data.ts
-var import_zod2 = require("zod");
 var colorDataSchema = import_zod2.z.object({
   swatchId: import_zod2.z.string(),
   alpha: import_zod2.z.number()
@@ -262,113 +275,197 @@ var imageDataV1Schema = import_zod2.z.union([
   imageDataV1ExternalFileSchema
 ]);
 var imageDataSchema = import_zod2.z.union([imageDataV0Schema, imageDataV1Schema]);
+var responsiveNumberValueSchema = createResponsiveValueSchema(
+  import_zod2.z.number()
+);
+
+// src/versioned.ts
+var import_ts_pattern = require("ts-pattern");
+var import_zod3 = require("zod");
+var PropDef = class extends Function {
+  __associated_types__;
+  _callable;
+  constructor() {
+    super("...args", "return this._callable.__call__(...args)");
+    this._callable = this.bind(this);
+    return this._callable;
+  }
+};
+var versionedPropDef = () => (type, valueSchema, discriminator) => {
+  const schemaV0 = valueSchema;
+  const schemaV1 = import_zod3.z.object({
+    [ControlDataTypeKey]: import_zod3.z.literal(discriminator.dataKey),
+    value: valueSchema
+  });
+  const schema = import_zod3.z.union([schemaV0, schemaV1]);
+  class Def extends PropDef {
+    schemaV0 = schemaV0;
+    schemaV1 = schemaV1;
+    schema = schema;
+    type = type;
+    discriminator = discriminator;
+    __call__(options) {
+      return {
+        type,
+        version: discriminator.version,
+        options: options ?? {}
+      };
+    }
+    fromPropData(propData) {
+      return (0, import_ts_pattern.match)(propData).with(
+        {
+          [ControlDataTypeKey]: discriminator.dataKey
+        },
+        (v1) => v1.value
+      ).otherwise((v0) => v0);
+    }
+    toPropData(data, descriptor) {
+      return (0, import_ts_pattern.match)(descriptor).with(
+        { version: discriminator.version },
+        () => ({
+          [ControlDataTypeKey]: discriminator.dataKey,
+          value: data
+        })
+      ).otherwise(() => data);
+    }
+  }
+  return new Def();
+};
+
+// src/gap-x/gap-x.ts
+var GapX = versionedPropDef()(Types.GapX, responsiveGapDataSchema, {
+  version: 1,
+  dataKey: "prop-controllers::gap-x::v1"
+});
+
+// src/responsive-number/responsive-number.ts
+var ResponsiveNumber = versionedPropDef()(Types.ResponsiveNumber, responsiveNumberValueSchema, {
+  version: 1,
+  dataKey: "prop-controllers::responsive-number::v1"
+});
+
+// src/responsive-opacity/responsive-opacity.ts
+var import_zod4 = require("zod");
+var responsiveOpacityValueSchema = createResponsiveValueSchema(
+  import_zod4.z.number()
+);
+var ResponsiveOpacity = versionedPropDef()(
+  Types.ResponsiveOpacity,
+  responsiveOpacityValueSchema,
+  {
+    version: 1,
+    dataKey: "prop-controllers::responsive-opacity::v1"
+  }
+);
 
 // src/backgrounds/backgrounds.ts
-var colorBackgroundDataSchema = import_zod3.z.object({
-  type: import_zod3.z.literal("color"),
-  id: import_zod3.z.string(),
+var import_zod5 = require("zod");
+var import_ts_pattern2 = require("ts-pattern");
+var colorBackgroundDataSchema = import_zod5.z.object({
+  type: import_zod5.z.literal("color"),
+  id: import_zod5.z.string(),
   payload: colorDataSchema.nullable()
 });
-var gradientStopDataSchema = import_zod3.z.object({
-  id: import_zod3.z.string(),
-  location: import_zod3.z.number(),
+var gradientStopDataSchema = import_zod5.z.object({
+  id: import_zod5.z.string(),
+  location: import_zod5.z.number(),
   color: colorDataSchema.nullable()
 });
-var gradientDataSchema = import_zod3.z.object({
-  angle: import_zod3.z.number().optional(),
-  isRadial: import_zod3.z.boolean().optional(),
-  stops: import_zod3.z.array(gradientStopDataSchema)
+var gradientDataSchema = import_zod5.z.object({
+  angle: import_zod5.z.number().optional(),
+  isRadial: import_zod5.z.boolean().optional(),
+  stops: import_zod5.z.array(gradientStopDataSchema)
 });
-var gradientBackgroundDataSchema = import_zod3.z.object({
-  type: import_zod3.z.literal("gradient"),
-  id: import_zod3.z.string(),
+var gradientBackgroundDataSchema = import_zod5.z.object({
+  type: import_zod5.z.literal("gradient"),
+  id: import_zod5.z.string(),
   payload: gradientDataSchema
 });
-var backgroundImagePositionDataSchema = import_zod3.z.object({
-  x: import_zod3.z.number(),
-  y: import_zod3.z.number()
+var backgroundImagePositionDataSchema = import_zod5.z.object({
+  x: import_zod5.z.number(),
+  y: import_zod5.z.number()
 });
-var backgroundSizeDataSchema = import_zod3.z.union([
-  import_zod3.z.literal("cover"),
-  import_zod3.z.literal("contain"),
-  import_zod3.z.literal("auto")
+var backgroundSizeDataSchema = import_zod5.z.union([
+  import_zod5.z.literal("cover"),
+  import_zod5.z.literal("contain"),
+  import_zod5.z.literal("auto")
 ]);
-var backgroundImageRepeatDataSchema = import_zod3.z.union([
-  import_zod3.z.literal("no-repeat"),
-  import_zod3.z.literal("repeat-x"),
-  import_zod3.z.literal("repeat-y"),
-  import_zod3.z.literal("repeat")
+var backgroundImageRepeatDataSchema = import_zod5.z.union([
+  import_zod5.z.literal("no-repeat"),
+  import_zod5.z.literal("repeat-x"),
+  import_zod5.z.literal("repeat-y"),
+  import_zod5.z.literal("repeat")
 ]);
-var backgroundImageV0DataSchema = import_zod3.z.object({
+var backgroundImageV0DataSchema = import_zod5.z.object({
   imageId: imageDataV0Schema,
   position: backgroundImagePositionDataSchema,
   size: backgroundSizeDataSchema.optional(),
   repeat: backgroundImageRepeatDataSchema.optional(),
-  opacity: import_zod3.z.number().optional(),
-  parallax: import_zod3.z.number().optional(),
-  priority: import_zod3.z.boolean().optional()
+  opacity: import_zod5.z.number().optional(),
+  parallax: import_zod5.z.number().optional(),
+  priority: import_zod5.z.boolean().optional()
 });
-var backgroundImageV1DataSchema = import_zod3.z.object({
-  version: import_zod3.z.literal(1),
+var backgroundImageV1DataSchema = import_zod5.z.object({
+  version: import_zod5.z.literal(1),
   image: imageDataV1Schema,
   position: backgroundImagePositionDataSchema,
   size: backgroundSizeDataSchema.optional(),
   repeat: backgroundImageRepeatDataSchema.optional(),
-  opacity: import_zod3.z.number().optional(),
-  parallax: import_zod3.z.number().optional(),
-  priority: import_zod3.z.boolean().optional()
+  opacity: import_zod5.z.number().optional(),
+  parallax: import_zod5.z.number().optional(),
+  priority: import_zod5.z.boolean().optional()
 });
-var backgroundImageDataSchema = import_zod3.z.union([
+var backgroundImageDataSchema = import_zod5.z.union([
   backgroundImageV0DataSchema,
   backgroundImageV1DataSchema
 ]);
-var imageBackgroundV0DataSchema = import_zod3.z.object({
-  type: import_zod3.z.literal("image"),
-  id: import_zod3.z.string(),
+var imageBackgroundV0DataSchema = import_zod5.z.object({
+  type: import_zod5.z.literal("image"),
+  id: import_zod5.z.string(),
   payload: backgroundImageV0DataSchema
 });
-var imageBackgroundV1DataSchema = import_zod3.z.object({
-  type: import_zod3.z.literal("image-v1"),
-  id: import_zod3.z.string(),
+var imageBackgroundV1DataSchema = import_zod5.z.object({
+  type: import_zod5.z.literal("image-v1"),
+  id: import_zod5.z.string(),
   payload: backgroundImageV1DataSchema
 });
-var imageBackgroundDataSchema = import_zod3.z.union([
+var imageBackgroundDataSchema = import_zod5.z.union([
   imageBackgroundV0DataSchema,
   imageBackgroundV1DataSchema
 ]);
-var backgroundVideoAspectRatioDataSchema = import_zod3.z.union([
-  import_zod3.z.literal("wide"),
-  import_zod3.z.literal("standard")
+var backgroundVideoAspectRatioDataSchema = import_zod5.z.union([
+  import_zod5.z.literal("wide"),
+  import_zod5.z.literal("standard")
 ]);
-var backgroundVideoDataSchema = import_zod3.z.object({
-  url: import_zod3.z.string().optional(),
+var backgroundVideoDataSchema = import_zod5.z.object({
+  url: import_zod5.z.string().optional(),
   maskColor: colorDataSchema.nullable().optional(),
-  opacity: import_zod3.z.number().optional(),
-  zoom: import_zod3.z.number().optional(),
+  opacity: import_zod5.z.number().optional(),
+  zoom: import_zod5.z.number().optional(),
   aspectRatio: backgroundVideoAspectRatioDataSchema.optional(),
-  parallax: import_zod3.z.number().optional()
+  parallax: import_zod5.z.number().optional()
 });
-var videoBackgroundDataSchema = import_zod3.z.object({
-  type: import_zod3.z.literal("video"),
-  id: import_zod3.z.string(),
+var videoBackgroundDataSchema = import_zod5.z.object({
+  type: import_zod5.z.literal("video"),
+  id: import_zod5.z.string(),
   payload: backgroundVideoDataSchema
 });
-var backgroundDataSchema = import_zod3.z.union([
+var backgroundDataSchema = import_zod5.z.union([
   colorBackgroundDataSchema,
   gradientBackgroundDataSchema,
   imageBackgroundDataSchema,
   videoBackgroundDataSchema
 ]);
 var responsiveBackgroundsDataSchema = createResponsiveValueSchema(
-  import_zod3.z.array(backgroundDataSchema)
+  import_zod5.z.array(backgroundDataSchema)
 );
 var backgroundsPropControllerDataV1Schema = responsiveBackgroundsDataSchema;
 var BackgroundsPropControllerDataV2Type = "prop-controllers::backgrounds::v2";
-var backgroundsPropControllerDataV2Schema = import_zod3.z.object({
-  [ControlDataTypeKey]: import_zod3.z.literal(BackgroundsPropControllerDataV2Type),
+var backgroundsPropControllerDataV2Schema = import_zod5.z.object({
+  [ControlDataTypeKey]: import_zod5.z.literal(BackgroundsPropControllerDataV2Type),
   value: responsiveBackgroundsDataSchema
 });
-var backgroundsPropControllerDataSchema = import_zod3.z.union([
+var backgroundsPropControllerDataSchema = import_zod5.z.union([
   backgroundsPropControllerDataV1Schema,
   backgroundsPropControllerDataV2Schema
 ]);
@@ -376,13 +473,13 @@ function Backgrounds(options = {}) {
   return { type: Types.Backgrounds, version: 2, options };
 }
 function getBackgroundsPropControllerDataResponsiveBackgroundsData(data) {
-  return (0, import_ts_pattern.match)(data).with(
+  return (0, import_ts_pattern2.match)(data).with(
     { [ControlDataTypeKey]: BackgroundsPropControllerDataV2Type },
     (v2) => v2.value
   ).otherwise((v0) => v0);
 }
 function createBackgroundsPropControllerDataFromResponsiveBackgroundsData(data, definition) {
-  return (0, import_ts_pattern.match)(definition).with(
+  return (0, import_ts_pattern2.match)(definition).with(
     { version: 2 },
     () => ({
       [ControlDataTypeKey]: BackgroundsPropControllerDataV2Type,
@@ -393,13 +490,13 @@ function createBackgroundsPropControllerDataFromResponsiveBackgroundsData(data,
 function getBackgroundsPropControllerFileIds(data) {
   const value = getBackgroundsPropControllerDataResponsiveBackgroundsData(data);
   return value?.flatMap((override) => override.value).flatMap((backgroundItem) => {
-    return (0, import_ts_pattern.match)(backgroundItem).with(
+    return (0, import_ts_pattern2.match)(backgroundItem).with(
       {
         type: "image-v1",
         payload: { image: { type: "makeswift-file" } }
       },
       (item) => [item.payload.image.id]
-    ).with({ type: "image", payload: { imageId: import_ts_pattern.P.string } }, (item) => [
+    ).with({ type: "image", payload: { imageId: import_ts_pattern2.P.string } }, (item) => [
       item.payload.imageId
     ]).otherwise(() => []);
   }) ?? [];
@@ -425,7 +522,7 @@ function copyResponsiveBackgroundsData(descriptor, data, context) {
   return data.map((override) => ({
     ...override,
     value: override.value.map((backgroundItem) => {
-      return (0, import_ts_pattern.match)([descriptor, backgroundItem]).with([import_ts_pattern.P.any, { type: "color" }], ([, item]) => {
+      return (0, import_ts_pattern2.match)([descriptor, backgroundItem]).with([import_ts_pattern2.P.any, { type: "color" }], ([, item]) => {
         return {
           ...item,
           payload: item.payload === null ? null : {
@@ -435,7 +532,7 @@ function copyResponsiveBackgroundsData(descriptor, data, context) {
             ) ?? item.payload.swatchId
           }
         };
-      }).with([import_ts_pattern.P.any, { type: "gradient" }], ([, item]) => {
+      }).with([import_ts_pattern2.P.any, { type: "gradient" }], ([, item]) => {
         return {
           ...item,
           payload: {
@@ -453,7 +550,7 @@ function copyResponsiveBackgroundsData(descriptor, data, context) {
         };
       }).with(
         [
-          { version: import_ts_pattern.P.when((v) => v && v >= 1) },
+          { version: import_ts_pattern2.P.when((v) => v && v >= 1) },
           {
             type: "image-v1",
             payload: {
@@ -477,7 +574,7 @@ function copyResponsiveBackgroundsData(descriptor, data, context) {
           };
         }
       ).with(
-        [import_ts_pattern.P.any, { type: "image", payload: { imageId: import_ts_pattern.P.string } }],
+        [import_ts_pattern2.P.any, { type: "image", payload: { imageId: import_ts_pattern2.P.string } }],
         ([, item]) => {
           return {
             ...item,
@@ -494,7 +591,7 @@ function copyResponsiveBackgroundsData(descriptor, data, context) {
   }));
 }
 function copyBackgroundsPropControllerData(descriptor, data, context) {
-  return (0, import_ts_pattern.match)(data).with(void 0, () => void 0).with(
+  return (0, import_ts_pattern2.match)(data).with(void 0, () => void 0).with(
     { [ControlDataTypeKey]: BackgroundsPropControllerDataV2Type },
     (v1) => {
       const value = copyResponsiveBackgroundsData(
@@ -513,17 +610,17 @@ function copyBackgroundsPropControllerData(descriptor, data, context) {
 }
 
 // src/border/border.ts
-var import_ts_pattern2 = require("ts-pattern");
-var import_zod4 = require("zod");
-var borderSideDataSchema = import_zod4.z.object({
-  width: import_zod4.z.number().nullable().optional(),
-  style: import_zod4.z.enum(["dashed", "dotted", "solid"]),
+var import_ts_pattern3 = require("ts-pattern");
+var import_zod6 = require("zod");
+var borderSideDataSchema = import_zod6.z.object({
+  width: import_zod6.z.number().nullable().optional(),
+  style: import_zod6.z.enum(["dashed", "dotted", "solid"]),
   color: colorDataSchema.nullable().optional()
 }).transform((v) => ({
   ...v,
   width: v.width
 }));
-var borderDataSchema = import_zod4.z.object({
+var borderDataSchema = import_zod6.z.object({
   borderTop: borderSideDataSchema.nullable().optional(),
   borderRight: borderSideDataSchema.nullable().optional(),
   borderBottom: borderSideDataSchema.nullable().optional(),
@@ -537,11 +634,11 @@ var borderDataSchema = import_zod4.z.object({
 var responsiveBorderDataSchema = createResponsiveValueSchema(borderDataSchema);
 var borderPropControllerDataV0Schema = responsiveBorderDataSchema;
 var BorderPropControllerDataV1Type = "prop-controllers::border::v1";
-var borderPropControllerDataV1Schema = import_zod4.z.object({
-  [ControlDataTypeKey]: import_zod4.z.literal(BorderPropControllerDataV1Type),
+var borderPropControllerDataV1Schema = import_zod6.z.object({
+  [ControlDataTypeKey]: import_zod6.z.literal(BorderPropControllerDataV1Type),
   value: responsiveBorderDataSchema
 });
-var borderPropControllerDataSchema = import_zod4.z.union([
+var borderPropControllerDataSchema = import_zod6.z.union([
   borderPropControllerDataV0Schema,
   borderPropControllerDataV1Schema
 ]);
@@ -554,13 +651,13 @@ function Border(options = {}) {
 }
 Border.Format = BorderPropControllerFormat;
 function getBorderPropControllerDataResponsiveBorderData(data) {
-  return (0, import_ts_pattern2.match)(data).with(
+  return (0, import_ts_pattern3.match)(data).with(
     { [ControlDataTypeKey]: BorderPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createBorderPropControllerDataFromResponsiveBorderData(definition, responsiveBorderData) {
-  return (0, import_ts_pattern2.match)(definition).with(
+  return (0, import_ts_pattern3.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: BorderPropControllerDataV1Type,
@@ -612,7 +709,7 @@ function copyResponsiveBorderData(data, context) {
   }
 }
 function copyBorderPropControllerData(data, context) {
-  return (0, import_ts_pattern2.match)(data).with(void 0, () => void 0).with(
+  return (0, import_ts_pattern3.match)(data).with(void 0, () => void 0).with(
     { [ControlDataTypeKey]: BorderPropControllerDataV1Type },
     (v1) => ({
       [ControlDataTypeKey]: BorderPropControllerDataV1Type,
@@ -622,9 +719,9 @@ function copyBorderPropControllerData(data, context) {
 }
 
 // src/border-radius/border-radius.ts
-var import_zod5 = require("zod");
-var import_ts_pattern3 = require("ts-pattern");
-var borderRadiusDataSchema = import_zod5.z.object({
+var import_zod7 = require("zod");
+var import_ts_pattern4 = require("ts-pattern");
+var borderRadiusDataSchema = import_zod7.z.object({
   borderTopLeftRadius: lengthDataSchema.nullable().optional(),
   borderTopRightRadius: lengthDataSchema.nullable().optional(),
   borderBottomLeftRadius: lengthDataSchema.nullable().optional(),
@@ -635,11 +732,11 @@ var responsiveBorderRadiusDataSchema = createResponsiveValueSchema(
 );
 var borderRadiusPropControllerDataV0Schema = responsiveBorderRadiusDataSchema;
 var BorderRadiusPropControllerDataV1Type = "prop-controllers::border-radius::v1";
-var borderRadiusPropControllerDataV1Schema = import_zod5.z.object({
-  [ControlDataTypeKey]: import_zod5.z.literal(BorderRadiusPropControllerDataV1Type),
+var borderRadiusPropControllerDataV1Schema = import_zod7.z.object({
+  [ControlDataTypeKey]: import_zod7.z.literal(BorderRadiusPropControllerDataV1Type),
   value: responsiveBorderRadiusDataSchema
 });
-var borderRadiusPropControllerDataSchema = import_zod5.z.union([
+var borderRadiusPropControllerDataSchema = import_zod7.z.union([
   borderRadiusPropControllerDataV0Schema,
   borderRadiusPropControllerDataV1Schema
 ]);
@@ -652,13 +749,13 @@ function BorderRadius(options = {}) {
 }
 BorderRadius.Format = BorderRadiusPropControllerFormat;
 function getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data) {
-  return (0, import_ts_pattern3.match)(data).with(
+  return (0, import_ts_pattern4.match)(data).with(
     { [ControlDataTypeKey]: BorderRadiusPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createBorderRadiusPropControllerDataFromResponsiveBorderRadiusData(definition, responsiveBorderRadiusData) {
-  return (0, import_ts_pattern3.match)(definition).with(
+  return (0, import_ts_pattern4.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: BorderRadiusPropControllerDataV1Type,
@@ -668,15 +765,15 @@ function createBorderRadiusPropControllerDataFromResponsiveBorderRadiusData(defi
 }
 
 // src/checkbox/checkbox.ts
-var import_zod6 = require("zod");
-var import_ts_pattern4 = require("ts-pattern");
-var checkboxPropControllerDataV0Schema = import_zod6.z.boolean();
+var import_zod8 = require("zod");
+var import_ts_pattern5 = require("ts-pattern");
+var checkboxPropControllerDataV0Schema = import_zod8.z.boolean();
 var CheckboxPropControllerDataV1Type = "prop-controllers::checkbox::v1";
-var checkboxPropControllerDataV1Schema = import_zod6.z.object({
-  [ControlDataTypeKey]: import_zod6.z.literal(CheckboxPropControllerDataV1Type),
-  value: import_zod6.z.boolean()
+var checkboxPropControllerDataV1Schema = import_zod8.z.object({
+  [ControlDataTypeKey]: import_zod8.z.literal(CheckboxPropControllerDataV1Type),
+  value: import_zod8.z.boolean()
 });
-var checkboxPropControllerDataSchema = import_zod6.z.union([
+var checkboxPropControllerDataSchema = import_zod8.z.union([
   checkboxPropControllerDataV0Schema,
   checkboxPropControllerDataV1Schema
 ]);
@@ -684,15 +781,15 @@ function Checkbox(options) {
   return { type: Types.Checkbox, version: 1, options };
 }
 function getCheckboxPropControllerDataBoolean(data) {
-  return (0, import_ts_pattern4.match)(data).with(
+  return (0, import_ts_pattern5.match)(data).with(
     { [ControlDataTypeKey]: CheckboxPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createCheckboxPropControllerDataFromBoolean(value, definition) {
-  return (0, import_ts_pattern4.match)(definition).with(
+  return (0, import_ts_pattern5.match)(definition).with(
     { version: 1 },
-    import_ts_pattern4.P.nullish,
+    import_ts_pattern5.P.nullish,
     () => ({
       [ControlDataTypeKey]: CheckboxPropControllerDataV1Type,
       value
@@ -701,15 +798,15 @@ function createCheckboxPropControllerDataFromBoolean(value, definition) {
 }
 
 // src/date/date.ts
-var import_zod7 = require("zod");
-var import_ts_pattern5 = require("ts-pattern");
-var datePropControllerDataV0Schema = import_zod7.z.string();
+var import_zod9 = require("zod");
+var import_ts_pattern6 = require("ts-pattern");
+var datePropControllerDataV0Schema = import_zod9.z.string();
 var DatePropControllerDataV1Type = "prop-controllers::date::v1";
-var datePropControllerDataV1Schema = import_zod7.z.object({
-  [ControlDataTypeKey]: import_zod7.z.literal(DatePropControllerDataV1Type),
-  value: import_zod7.z.string()
+var datePropControllerDataV1Schema = import_zod9.z.object({
+  [ControlDataTypeKey]: import_zod9.z.literal(DatePropControllerDataV1Type),
+  value: import_zod9.z.string()
 });
-var datePropControllerDataSchema = import_zod7.z.union([
+var datePropControllerDataSchema = import_zod9.z.union([
   datePropControllerDataV0Schema,
   datePropControllerDataV1Schema
 ]);
@@ -717,15 +814,15 @@ function Date(options = {}) {
   return { type: Types.Date, version: 1, options };
 }
 function getDatePropControllerDataString(data) {
-  return (0, import_ts_pattern5.match)(data).with(
+  return (0, import_ts_pattern6.match)(data).with(
     { [ControlDataTypeKey]: DatePropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createDatePropControllerDataFromString(value, definition) {
-  return (0, import_ts_pattern5.match)(definition).with(
+  return (0, import_ts_pattern6.match)(definition).with(
     { version: 1 },
-    import_ts_pattern5.P.nullish,
+    import_ts_pattern6.P.nullish,
     () => ({
       [ControlDataTypeKey]: DatePropControllerDataV1Type,
       value
@@ -734,16 +831,16 @@ function createDatePropControllerDataFromString(value, definition) {
 }
 
 // src/element-id/element-id.ts
-var import_zod8 = require("zod");
-var import_ts_pattern6 = require("ts-pattern");
-var elementIDSchema = import_zod8.z.string();
+var import_zod10 = require("zod");
+var import_ts_pattern7 = require("ts-pattern");
+var elementIDSchema = import_zod10.z.string();
 var elementIDPropControllerDataV0Schema = elementIDSchema;
 var ElementIDPropControllerDataV1Type = "prop-controllers::element-id::v1";
-var elementIDPropControllerDataV1Schema = import_zod8.z.object({
-  [ControlDataTypeKey]: import_zod8.z.literal(ElementIDPropControllerDataV1Type),
+var elementIDPropControllerDataV1Schema = import_zod10.z.object({
+  [ControlDataTypeKey]: import_zod10.z.literal(ElementIDPropControllerDataV1Type),
   value: elementIDSchema
 });
-var elementIDPropControllerDataSchema = import_zod8.z.union([
+var elementIDPropControllerDataSchema = import_zod10.z.union([
   elementIDPropControllerDataV0Schema,
   elementIDPropControllerDataV1Schema
 ]);
@@ -751,15 +848,15 @@ function ElementID(options = {}) {
   return { type: Types.ElementID, version: 1, options };
 }
 function getElementIDPropControllerDataElementID(data) {
-  return (0, import_ts_pattern6.match)(data).with(
+  return (0, import_ts_pattern7.match)(data).with(
     { [ControlDataTypeKey]: ElementIDPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createElementIDPropControllerDataFromElementID(value, definition) {
-  return (0, import_ts_pattern6.match)(definition).with(
+  return (0, import_ts_pattern7.match)(definition).with(
     { version: 1 },
-    import_ts_pattern6.P.nullish,
+    import_ts_pattern7.P.nullish,
     () => ({
       [ControlDataTypeKey]: ElementIDPropControllerDataV1Type,
       value
@@ -775,7 +872,7 @@ function copyElementID(data, context) {
   return data;
 }
 function copyElementIDPropControllerData(data, context) {
-  return (0, import_ts_pattern6.match)(data).with(void 0, () => void 0).with({ [ControlDataTypeKey]: ElementIDPropControllerDataV1Type }, (v1) => {
+  return (0, import_ts_pattern7.match)(data).with(void 0, () => void 0).with({ [ControlDataTypeKey]: ElementIDPropControllerDataV1Type }, (v1) => {
     const value = copyElementID(v1.value, context);
     if (value == null)
       return void 0;
@@ -787,17 +884,17 @@ function copyElementIDPropControllerData(data, context) {
 }
 
 // src/font/font.ts
-var import_ts_pattern7 = require("ts-pattern");
-var import_zod9 = require("zod");
-var fontDataSchema = import_zod9.z.string();
+var import_ts_pattern8 = require("ts-pattern");
+var import_zod11 = require("zod");
+var fontDataSchema = import_zod11.z.string();
 var responsiveFontDataSchema = createResponsiveValueSchema(fontDataSchema);
 var fontPropControllerDataV0Schema = responsiveFontDataSchema;
 var FontPropControllerDataV1Type = "prop-controllers::font::v1";
-var fontPropControllerDataV1Schema = import_zod9.z.object({
-  [ControlDataTypeKey]: import_zod9.z.literal(FontPropControllerDataV1Type),
+var fontPropControllerDataV1Schema = import_zod11.z.object({
+  [ControlDataTypeKey]: import_zod11.z.literal(FontPropControllerDataV1Type),
   value: responsiveFontDataSchema
 });
-var fontPropControllerDataSchema = import_zod9.z.union([
+var fontPropControllerDataSchema = import_zod11.z.union([
   fontPropControllerDataV0Schema,
   fontPropControllerDataV1Schema
 ]);
@@ -805,15 +902,15 @@ function Font(options = {}) {
   return { type: Types.Font, version: 1, options };
 }
 function getFontPropControllerDataResponsiveFontData(data) {
-  return (0, import_ts_pattern7.match)(data).with(
+  return (0, import_ts_pattern8.match)(data).with(
     { [ControlDataTypeKey]: FontPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createFontPropControllerDataFromResponsiveFontData(responsiveFontData, definition) {
-  return (0, import_ts_pattern7.match)(definition).with(
+  return (0, import_ts_pattern8.match)(definition).with(
     { version: 1 },
-    import_ts_pattern7.P.nullish,
+    import_ts_pattern8.P.nullish,
     () => ({
       [ControlDataTypeKey]: FontPropControllerDataV1Type,
       value: responsiveFontData
@@ -821,48 +918,16 @@ function createFontPropControllerDataFromResponsiveFontData(responsiveFontData,
   ).otherwise(() => responsiveFontData);
 }
 
-// src/gap-x/gap-x.ts
-var import_ts_pattern8 = require("ts-pattern");
-var import_zod10 = require("zod");
-var gapXPropControllerDataV0Schema = responsiveGapDataSchema;
-var GapXPropControllerDataV1Type = "prop-controllers::gap-x::v1";
-var gapXPropControllerDataV1Schema = import_zod10.z.object({
-  [ControlDataTypeKey]: import_zod10.z.literal(GapXPropControllerDataV1Type),
-  value: responsiveGapDataSchema
-});
-var gapXPropControllerDataSchema = import_zod10.z.union([
-  gapXPropControllerDataV0Schema,
-  gapXPropControllerDataV1Schema
-]);
-function GapX(options = {}) {
-  return { type: Types.GapX, version: 1, options };
-}
-function getGapXPropControllerDataResponsiveGapData(data) {
-  return (0, import_ts_pattern8.match)(data).with(
-    { [ControlDataTypeKey]: GapXPropControllerDataV1Type },
-    (v1) => v1.value
-  ).otherwise((v0) => v0);
-}
-function createGapXPropControllerDataFromResponsiveGapData(responsiveGapData, definition) {
-  return (0, import_ts_pattern8.match)(definition).with(
-    { version: 1 },
-    () => ({
-      [ControlDataTypeKey]: GapXPropControllerDataV1Type,
-      value: responsiveGapData
-    })
-  ).otherwise(() => responsiveGapData);
-}
-
 // src/gap-y/gap-y.ts
 var import_ts_pattern9 = require("ts-pattern");
-var import_zod11 = require("zod");
+var import_zod12 = require("zod");
 var gapYPropControllerDataV0Schema = responsiveGapDataSchema;
 var GapYPropControllerDataV1Type = "prop-controllers::gap-y::v1";
-var gapYPropControllerDataV1Schema = import_zod11.z.object({
-  [ControlDataTypeKey]: import_zod11.z.literal(GapYPropControllerDataV1Type),
+var gapYPropControllerDataV1Schema = import_zod12.z.object({
+  [ControlDataTypeKey]: import_zod12.z.literal(GapYPropControllerDataV1Type),
   value: responsiveGapDataSchema
 });
-var gapYPropControllerDataSchema = import_zod11.z.union([
+var gapYPropControllerDataSchema = import_zod12.z.union([
   gapYPropControllerDataV0Schema,
   gapYPropControllerDataV1Schema
 ]);
@@ -886,23 +951,23 @@ function createGapYPropControllerDataFromResponsiveGapData(responsiveGapData, de
 }
 
 // src/grid/grid.ts
-var import_zod12 = require("zod");
+var import_zod13 = require("zod");
 var import_ts_pattern10 = require("ts-pattern");
-var gridColumnSchema = import_zod12.z.object({
-  count: import_zod12.z.number(),
-  spans: import_zod12.z.array(import_zod12.z.array(import_zod12.z.number()))
+var gridColumnSchema = import_zod13.z.object({
+  count: import_zod13.z.number(),
+  spans: import_zod13.z.array(import_zod13.z.array(import_zod13.z.number()))
 });
-var gridDataSchema = import_zod12.z.object({
-  elements: import_zod12.z.array(elementSchema),
+var gridDataSchema = import_zod13.z.object({
+  elements: import_zod13.z.array(elementSchema),
   columns: createResponsiveValueSchema(gridColumnSchema)
 });
 var gridPropControllerDataV0Schema = gridDataSchema;
 var GridPropControllerDataV1Type = "prop-controllers::grid::v1";
-var gridPropControllerDataV1Schema = import_zod12.z.object({
-  [ControlDataTypeKey]: import_zod12.z.literal(GridPropControllerDataV1Type),
+var gridPropControllerDataV1Schema = import_zod13.z.object({
+  [ControlDataTypeKey]: import_zod13.z.literal(GridPropControllerDataV1Type),
   value: gridDataSchema
 });
-var gridPropControllerDataSchema = import_zod12.z.union([
+var gridPropControllerDataSchema = import_zod13.z.union([
   gridPropControllerDataV0Schema,
   gridPropControllerDataV1Schema
 ]);
@@ -973,16 +1038,16 @@ function getGridPropControllerGetElementPath(data, elementKey) {
 }
 
 // src/image/image.ts
-var import_zod13 = require("zod");
+var import_zod14 = require("zod");
 var import_ts_pattern11 = require("ts-pattern");
 var imagePropControllerDataV0Schema = imageDataV0Schema;
 var imagePropControllerDataV1Schema = imageDataSchema;
 var ImagePropControllerDataV2Type = "prop-controllers::image::v2";
-var imagePropControllerDataV2Schema = import_zod13.z.object({
-  [ControlDataTypeKey]: import_zod13.z.literal(ImagePropControllerDataV2Type),
+var imagePropControllerDataV2Schema = import_zod14.z.object({
+  [ControlDataTypeKey]: import_zod14.z.literal(ImagePropControllerDataV2Type),
   value: imagePropControllerDataV1Schema
 });
-var imagePropControllerDataSchema = import_zod13.z.union([
+var imagePropControllerDataSchema = import_zod14.z.union([
   imagePropControllerDataV0Schema,
   imagePropControllerDataV1Schema,
   imagePropControllerDataV2Schema
@@ -1028,61 +1093,61 @@ function copyImagePropControllerData(data, context) {
 }
 
 // src/images/images.ts
-var import_zod15 = require("zod");
+var import_zod16 = require("zod");
 var import_ts_pattern13 = require("ts-pattern");
 
 // src/link/link.ts
 var import_ts_pattern12 = require("ts-pattern");
-var import_zod14 = require("zod");
-var openPageLinkSchema = import_zod14.z.object({
-  type: import_zod14.z.literal("OPEN_PAGE"),
-  payload: import_zod14.z.object({
-    pageId: import_zod14.z.string().nullable().optional(),
-    openInNewTab: import_zod14.z.boolean()
+var import_zod15 = require("zod");
+var openPageLinkSchema = import_zod15.z.object({
+  type: import_zod15.z.literal("OPEN_PAGE"),
+  payload: import_zod15.z.object({
+    pageId: import_zod15.z.string().nullable().optional(),
+    openInNewTab: import_zod15.z.boolean()
   }).transform((v) => ({
     pageId: v.pageId,
     ...v
   }))
 });
-var openURLLinkSchema = import_zod14.z.object({
-  type: import_zod14.z.literal("OPEN_URL"),
-  payload: import_zod14.z.object({
-    url: import_zod14.z.string(),
-    openInNewTab: import_zod14.z.boolean()
+var openURLLinkSchema = import_zod15.z.object({
+  type: import_zod15.z.literal("OPEN_URL"),
+  payload: import_zod15.z.object({
+    url: import_zod15.z.string(),
+    openInNewTab: import_zod15.z.boolean()
   })
 });
-var sendEmailLinkSchema = import_zod14.z.object({
-  type: import_zod14.z.literal("SEND_EMAIL"),
-  payload: import_zod14.z.object({
-    to: import_zod14.z.string(),
-    subject: import_zod14.z.string().optional(),
-    body: import_zod14.z.string().optional()
+var sendEmailLinkSchema = import_zod15.z.object({
+  type: import_zod15.z.literal("SEND_EMAIL"),
+  payload: import_zod15.z.object({
+    to: import_zod15.z.string(),
+    subject: import_zod15.z.string().optional(),
+    body: import_zod15.z.string().optional()
   })
 });
-var callPhoneLinkSchema = import_zod14.z.object({
-  type: import_zod14.z.literal("CALL_PHONE"),
-  payload: import_zod14.z.object({
-    phoneNumber: import_zod14.z.string()
+var callPhoneLinkSchema = import_zod15.z.object({
+  type: import_zod15.z.literal("CALL_PHONE"),
+  payload: import_zod15.z.object({
+    phoneNumber: import_zod15.z.string()
   })
 });
-var scrollToElementLinkSchema = import_zod14.z.object({
-  type: import_zod14.z.literal("SCROLL_TO_ELEMENT"),
-  payload: import_zod14.z.object({
-    elementIdConfig: import_zod14.z.object({
-      elementKey: import_zod14.z.string(),
-      propName: import_zod14.z.string()
+var scrollToElementLinkSchema = import_zod15.z.object({
+  type: import_zod15.z.literal("SCROLL_TO_ELEMENT"),
+  payload: import_zod15.z.object({
+    elementIdConfig: import_zod15.z.object({
+      elementKey: import_zod15.z.string(),
+      propName: import_zod15.z.string()
     }).nullable().optional(),
-    block: import_zod14.z.union([
-      import_zod14.z.literal("start"),
-      import_zod14.z.literal("center"),
-      import_zod14.z.literal("end")
+    block: import_zod15.z.union([
+      import_zod15.z.literal("start"),
+      import_zod15.z.literal("center"),
+      import_zod15.z.literal("end")
     ])
   }).transform((v) => ({
     elementIdConfig: v.elementIdConfig,
     ...v
   }))
 });
-var linkDataSchema = import_zod14.z.union([
+var linkDataSchema = import_zod15.z.union([
   openPageLinkSchema,
   openURLLinkSchema,
   sendEmailLinkSchema,
@@ -1091,11 +1156,11 @@ var linkDataSchema = import_zod14.z.union([
 ]);
 var linkPropControllerDataV0Schema = linkDataSchema;
 var LinkPropControllerDataV1Type = "prop-controllers::link::v1";
-var linkPropControllerDataV1Schema = import_zod14.z.object({
-  [ControlDataTypeKey]: import_zod14.z.literal(LinkPropControllerDataV1Type),
+var linkPropControllerDataV1Schema = import_zod15.z.object({
+  [ControlDataTypeKey]: import_zod15.z.literal(LinkPropControllerDataV1Type),
   value: linkDataSchema
 });
-var linkPropControllerDataSchema = import_zod14.z.union([
+var linkPropControllerDataSchema = import_zod15.z.union([
   linkPropControllerDataV0Schema,
   linkPropControllerDataV1Schema
 ]);
@@ -1179,37 +1244,37 @@ function copyLinkPropControllerData(data, context) {
 }
 
 // src/images/images.ts
-var imagesDataV0ItemSchema = import_zod15.z.object({
-  key: import_zod15.z.string(),
-  props: import_zod15.z.object({
+var imagesDataV0ItemSchema = import_zod16.z.object({
+  key: import_zod16.z.string(),
+  props: import_zod16.z.object({
     link: linkDataSchema.optional(),
     file: imageDataV0Schema.optional(),
-    altText: import_zod15.z.string().optional()
+    altText: import_zod16.z.string().optional()
   })
 });
-var imagesDataV0Schema = import_zod15.z.array(imagesDataV0ItemSchema);
-var imagesDataV1ItemSchema = import_zod15.z.object({
-  key: import_zod15.z.string(),
-  version: import_zod15.z.literal(1),
-  props: import_zod15.z.object({
+var imagesDataV0Schema = import_zod16.z.array(imagesDataV0ItemSchema);
+var imagesDataV1ItemSchema = import_zod16.z.object({
+  key: import_zod16.z.string(),
+  version: import_zod16.z.literal(1),
+  props: import_zod16.z.object({
     link: linkDataSchema.optional(),
     file: imageDataV1Schema.optional(),
-    altText: import_zod15.z.string().optional()
+    altText: import_zod16.z.string().optional()
   })
 });
-var imagesDataItemSchema = import_zod15.z.union([
+var imagesDataItemSchema = import_zod16.z.union([
   imagesDataV0ItemSchema,
   imagesDataV1ItemSchema
 ]);
-var imagesDataSchema = import_zod15.z.array(imagesDataItemSchema);
-var imagesPropControllerDataV0Schema = import_zod15.z.array(imagesDataV0ItemSchema);
+var imagesDataSchema = import_zod16.z.array(imagesDataItemSchema);
+var imagesPropControllerDataV0Schema = import_zod16.z.array(imagesDataV0ItemSchema);
 var imagesPropControllerDataV1Schema = imagesDataSchema;
 var ImagesPropControllerDataV2Type = "prop-controllers::images::v2";
-var imagesPropControllerDataV2Schema = import_zod15.z.object({
-  [ControlDataTypeKey]: import_zod15.z.literal(ImagesPropControllerDataV2Type),
+var imagesPropControllerDataV2Schema = import_zod16.z.object({
+  [ControlDataTypeKey]: import_zod16.z.literal(ImagesPropControllerDataV2Type),
   value: imagesPropControllerDataV1Schema
 });
-var imagesPropControllerDataSchema = import_zod15.z.union([
+var imagesPropControllerDataSchema = import_zod16.z.union([
   imagesPropControllerDataV0Schema,
   imagesPropControllerDataV1Schema,
   imagesPropControllerDataV2Schema
@@ -1282,15 +1347,15 @@ function copyImagesPropControllerData(data, context) {
 
 // src/margin/margin.ts
 var import_ts_pattern14 = require("ts-pattern");
-var import_zod16 = require("zod");
-var marginSideDataSchema = import_zod16.z.union([
-  import_zod16.z.object({
-    value: import_zod16.z.number(),
-    unit: import_zod16.z.literal("px")
+var import_zod17 = require("zod");
+var marginSideDataSchema = import_zod17.z.union([
+  import_zod17.z.object({
+    value: import_zod17.z.number(),
+    unit: import_zod17.z.literal("px")
   }),
-  import_zod16.z.literal("auto")
+  import_zod17.z.literal("auto")
 ]);
-var marginDataSchema = import_zod16.z.object({
+var marginDataSchema = import_zod17.z.object({
   marginTop: marginSideDataSchema.nullable().optional(),
   marginRight: marginSideDataSchema.nullable().optional(),
   marginBottom: marginSideDataSchema.nullable().optional(),
@@ -1304,11 +1369,11 @@ var marginDataSchema = import_zod16.z.object({
 var responsiveMarginDataSchema = createResponsiveValueSchema(marginDataSchema);
 var marginPropControllerDataV0Schema = responsiveMarginDataSchema;
 var MarginPropControllerDataV1Type = "prop-controllers::margin::v1";
-var marginPropControllerDataV1Schema = import_zod16.z.object({
-  [ControlDataTypeKey]: import_zod16.z.literal(MarginPropControllerDataV1Type),
+var marginPropControllerDataV1Schema = import_zod17.z.object({
+  [ControlDataTypeKey]: import_zod17.z.literal(MarginPropControllerDataV1Type),
   value: responsiveMarginDataSchema
 });
-var marginPropControllerDataSchema = import_zod16.z.union([
+var marginPropControllerDataSchema = import_zod17.z.union([
   marginPropControllerDataV0Schema,
   marginPropControllerDataV1Schema
 ]);
@@ -1339,21 +1404,21 @@ function createMarginPropControllerDataFromResponsiveMarginData(responsiveMargin
 
 // src/navigation-links/navigation-links.ts
 var import_ts_pattern17 = require("ts-pattern");
-var import_zod19 = require("zod");
+var import_zod20 = require("zod");
 
 // src/text-style/text-style.ts
 var import_ts_pattern15 = require("ts-pattern");
-var import_zod17 = require("zod");
-var textStyleDataSchema = import_zod17.z.object({
-  fontFamily: import_zod17.z.string().optional().nullable(),
-  letterSpacing: import_zod17.z.number().optional().nullable(),
-  fontSize: import_zod17.z.object({
-    value: import_zod17.z.number(),
-    unit: import_zod17.z.literal("px")
+var import_zod18 = require("zod");
+var textStyleDataSchema = import_zod18.z.object({
+  fontFamily: import_zod18.z.string().optional().nullable(),
+  letterSpacing: import_zod18.z.number().optional().nullable(),
+  fontSize: import_zod18.z.object({
+    value: import_zod18.z.number(),
+    unit: import_zod18.z.literal("px")
   }).optional().nullable(),
-  fontWeight: import_zod17.z.number().optional().nullable(),
-  textTransform: import_zod17.z.array(import_zod17.z.literal("uppercase")),
-  fontStyle: import_zod17.z.array(import_zod17.z.literal("italic"))
+  fontWeight: import_zod18.z.number().optional().nullable(),
+  textTransform: import_zod18.z.array(import_zod18.z.literal("uppercase")),
+  fontStyle: import_zod18.z.array(import_zod18.z.literal("italic"))
 }).transform((v) => ({
   ...v,
   letterSpacing: v.letterSpacing,
@@ -1365,11 +1430,11 @@ var textStyleDataSchema = import_zod17.z.object({
 var responsiveTextStyleDataSchema = createResponsiveValueSchema(textStyleDataSchema);
 var textStylePropControllerDataV0Schema = responsiveTextStyleDataSchema;
 var TextStylePropControllerDataV1Type = "prop-controllers::text-style::v1";
-var textStylePropControllerDataV1Schema = import_zod17.z.object({
-  [ControlDataTypeKey]: import_zod17.z.literal(TextStylePropControllerDataV1Type),
+var textStylePropControllerDataV1Schema = import_zod18.z.object({
+  [ControlDataTypeKey]: import_zod18.z.literal(TextStylePropControllerDataV1Type),
   value: responsiveTextStyleDataSchema
 });
-var textStylePropControllerDataSchema = import_zod17.z.union([
+var textStylePropControllerDataSchema = import_zod18.z.union([
   textStylePropControllerDataV0Schema,
   textStylePropControllerDataV1Schema
 ]);
@@ -1393,16 +1458,16 @@ function createTextStylePropControllerDataFromResponsiveTextStyleData(responsive
 }
 
 // src/responsive-color.ts
-var import_zod18 = require("zod");
+var import_zod19 = require("zod");
 var import_ts_pattern16 = require("ts-pattern");
 var responsiveColorDataSchema = createResponsiveValueSchema(colorDataSchema);
 var responsiveColorPropControllerDataV0Schema = responsiveColorDataSchema;
 var ResponsiveColorPropControllerDataV1Type = "prop-controllers::responsive-color::v1";
-var responsiveColorPropControllerDataV1Schema = import_zod18.z.object({
-  [ControlDataTypeKey]: import_zod18.z.literal(ResponsiveColorPropControllerDataV1Type),
+var responsiveColorPropControllerDataV1Schema = import_zod19.z.object({
+  [ControlDataTypeKey]: import_zod19.z.literal(ResponsiveColorPropControllerDataV1Type),
   value: responsiveColorDataSchema
 });
-var responsiveColorPropControllerDataSchema = import_zod18.z.union([
+var responsiveColorPropControllerDataSchema = import_zod19.z.union([
   responsiveColorPropControllerDataV0Schema,
   responsiveColorPropControllerDataV1Schema
 ]);
@@ -1457,7 +1522,7 @@ function copyResponsiveColorPropControllerData(data, context) {
 }
 
 // src/navigation-links/navigation-links.ts
-var buttonVariantSchema = import_zod19.z.enum([
+var buttonVariantSchema = import_zod20.z.enum([
   "flat",
   "outline",
   "shadow",
@@ -1466,13 +1531,13 @@ var buttonVariantSchema = import_zod19.z.enum([
   "bubbly",
   "skewed"
 ]);
-var buttonShapeSchema = import_zod19.z.enum(["pill", "rounded", "square"]);
-var buttonSizeSchema = import_zod19.z.enum(["small", "medium", "large"]);
-var navigationButtonSchema = import_zod19.z.object({
-  id: import_zod19.z.string(),
-  type: import_zod19.z.literal("button"),
-  payload: import_zod19.z.object({
-    label: import_zod19.z.string(),
+var buttonShapeSchema = import_zod20.z.enum(["pill", "rounded", "square"]);
+var buttonSizeSchema = import_zod20.z.enum(["small", "medium", "large"]);
+var navigationButtonSchema = import_zod20.z.object({
+  id: import_zod20.z.string(),
+  type: import_zod20.z.literal("button"),
+  payload: import_zod20.z.object({
+    label: import_zod20.z.string(),
     link: linkDataSchema.optional(),
     variant: createResponsiveValueSchema(buttonVariantSchema).optional(),
     shape: createResponsiveValueSchema(buttonShapeSchema).optional(),
@@ -1482,28 +1547,28 @@ var navigationButtonSchema = import_zod19.z.object({
     textStyle: createResponsiveValueSchema(textStyleDataSchema).optional()
   })
 });
-var navigationDropdownCaretTypeSchema = import_zod19.z.union([
-  import_zod19.z.literal("caret"),
-  import_zod19.z.literal("plus"),
-  import_zod19.z.literal("arrow-down"),
-  import_zod19.z.literal("chevron-down")
+var navigationDropdownCaretTypeSchema = import_zod20.z.union([
+  import_zod20.z.literal("caret"),
+  import_zod20.z.literal("plus"),
+  import_zod20.z.literal("arrow-down"),
+  import_zod20.z.literal("chevron-down")
 ]);
-var navigationDropdownLinkSchema = import_zod19.z.object({
-  id: import_zod19.z.string(),
-  payload: import_zod19.z.object({
-    label: import_zod19.z.string(),
+var navigationDropdownLinkSchema = import_zod20.z.object({
+  id: import_zod20.z.string(),
+  payload: import_zod20.z.object({
+    label: import_zod20.z.string(),
     link: linkDataSchema.optional(),
     color: createResponsiveValueSchema(colorDataSchema).optional(),
     textStyle: createResponsiveValueSchema(textStyleDataSchema).optional()
   })
 });
-var navigationDropdownSchema = import_zod19.z.object({
-  id: import_zod19.z.string(),
-  type: import_zod19.z.literal("dropdown"),
-  payload: import_zod19.z.object({
-    label: import_zod19.z.string(),
+var navigationDropdownSchema = import_zod20.z.object({
+  id: import_zod20.z.string(),
+  type: import_zod20.z.literal("dropdown"),
+  payload: import_zod20.z.object({
+    label: import_zod20.z.string(),
     caret: navigationDropdownCaretTypeSchema.optional(),
-    links: import_zod19.z.array(navigationDropdownLinkSchema).optional(),
+    links: import_zod20.z.array(navigationDropdownLinkSchema).optional(),
     variant: createResponsiveValueSchema(buttonVariantSchema).optional(),
     shape: createResponsiveValueSchema(buttonShapeSchema).optional(),
     size: createResponsiveValueSchema(buttonSizeSchema).optional(),
@@ -1512,16 +1577,16 @@ var navigationDropdownSchema = import_zod19.z.object({
     textStyle: createResponsiveValueSchema(textStyleDataSchema).optional()
   })
 });
-var navigationLinksDataSchema = import_zod19.z.array(
-  import_zod19.z.union([navigationButtonSchema, navigationDropdownSchema])
+var navigationLinksDataSchema = import_zod20.z.array(
+  import_zod20.z.union([navigationButtonSchema, navigationDropdownSchema])
 );
 var navigationLinksPropControllerDataV0Schema = navigationLinksDataSchema;
 var NavigationLinksPropControllerDataV1Type = "prop-controllers::navigation-links::v1";
-var navigationLinksPropControllerDataV1Schema = import_zod19.z.object({
-  [ControlDataTypeKey]: import_zod19.z.literal(NavigationLinksPropControllerDataV1Type),
+var navigationLinksPropControllerDataV1Schema = import_zod20.z.object({
+  [ControlDataTypeKey]: import_zod20.z.literal(NavigationLinksPropControllerDataV1Type),
   value: navigationLinksDataSchema
 });
-var navigationLinksPropControllerDataSchema = import_zod19.z.union([
+var navigationLinksPropControllerDataSchema = import_zod20.z.union([
   navigationLinksPropControllerDataV0Schema,
   navigationLinksPropControllerDataV1Schema
 ]);
@@ -1636,15 +1701,15 @@ function copyNavigationLinksPropControllerData(data, context) {
 }
 
 // src/number.ts
-var import_zod20 = require("zod");
+var import_zod21 = require("zod");
 var import_ts_pattern18 = require("ts-pattern");
-var numberPropControllerDataV0Schema = import_zod20.z.number();
+var numberPropControllerDataV0Schema = import_zod21.z.number();
 var NumberPropControllerDataV1Type = "prop-controllers::number::v1";
-var numberPropControllerDataV1Schema = import_zod20.z.object({
-  [ControlDataTypeKey]: import_zod20.z.literal(NumberPropControllerDataV1Type),
-  value: import_zod20.z.number()
+var numberPropControllerDataV1Schema = import_zod21.z.object({
+  [ControlDataTypeKey]: import_zod21.z.literal(NumberPropControllerDataV1Type),
+  value: import_zod21.z.number()
 });
-var numberPropControllerDataSchema = import_zod20.z.union([
+var numberPropControllerDataSchema = import_zod21.z.union([
   numberPropControllerDataV0Schema,
   numberPropControllerDataV1Schema
 ]);
@@ -1670,12 +1735,12 @@ function createNumberPropControllerDataFromNumber(value, definition) {
 
 // src/padding/padding.ts
 var import_ts_pattern19 = require("ts-pattern");
-var import_zod21 = require("zod");
-var paddingSideDataSchema = import_zod21.z.object({
-  value: import_zod21.z.number(),
-  unit: import_zod21.z.literal("px")
+var import_zod22 = require("zod");
+var paddingSideDataSchema = import_zod22.z.object({
+  value: import_zod22.z.number(),
+  unit: import_zod22.z.literal("px")
 });
-var paddingDataSchema = import_zod21.z.object({
+var paddingDataSchema = import_zod22.z.object({
   paddingTop: paddingSideDataSchema.nullable().optional(),
   paddingRight: paddingSideDataSchema.nullable().optional(),
   paddingBottom: paddingSideDataSchema.nullable().optional(),
@@ -1689,11 +1754,11 @@ var paddingDataSchema = import_zod21.z.object({
 var responsivePaddingDataSchema = createResponsiveValueSchema(paddingDataSchema);
 var paddingPropControllerDataV0Schema = responsivePaddingDataSchema;
 var PaddingPropControllerDataV1Type = "prop-controllers::padding::v1";
-var paddingPropControllerDataV1Schema = import_zod21.z.object({
-  [ControlDataTypeKey]: import_zod21.z.literal(PaddingPropControllerDataV1Type),
+var paddingPropControllerDataV1Schema = import_zod22.z.object({
+  [ControlDataTypeKey]: import_zod22.z.literal(PaddingPropControllerDataV1Type),
   value: responsivePaddingDataSchema
 });
-var paddingPropControllerDataSchema = import_zod21.z.union([
+var paddingPropControllerDataSchema = import_zod22.z.union([
   paddingPropControllerDataV0Schema,
   paddingPropControllerDataV1Schema
 ]);
@@ -1723,16 +1788,16 @@ function createPaddingPropControllerDataFromResponsivePaddingData(responsivePadd
 }
 
 // src/responsive-length.ts
-var import_zod22 = require("zod");
+var import_zod23 = require("zod");
 var import_ts_pattern20 = require("ts-pattern");
 var responsiveLengthDataSchema = createResponsiveValueSchema(lengthDataSchema);
 var responsiveLengthPropControllerDataV0Schema = responsiveLengthDataSchema;
 var ResponsiveLengthPropControllerDataV1Type = "prop-controllers::responsive-length::v1";
-var responsiveLengthPropControllerDataV1Schema = import_zod22.z.object({
-  [ControlDataTypeKey]: import_zod22.z.literal(ResponsiveLengthPropControllerDataV1Type),
+var responsiveLengthPropControllerDataV1Schema = import_zod23.z.object({
+  [ControlDataTypeKey]: import_zod23.z.literal(ResponsiveLengthPropControllerDataV1Type),
   value: responsiveLengthDataSchema
 });
-var responsiveLengthPropControllerDataSchema = import_zod22.z.union([
+var responsiveLengthPropControllerDataSchema = import_zod23.z.union([
   responsiveLengthPropControllerDataV0Schema,
   responsiveLengthPropControllerDataV1Schema
 ]);
@@ -1757,29 +1822,29 @@ function createResponsiveLengthPropControllerDataFromResponsiveLengthData(defini
 
 // src/shadows.ts
 var import_ts_pattern21 = require("ts-pattern");
-var import_zod23 = require("zod");
-var shadowDataSchema = import_zod23.z.object({
+var import_zod24 = require("zod");
+var shadowDataSchema = import_zod24.z.object({
   color: colorDataSchema.nullable().optional(),
-  blurRadius: import_zod23.z.number().optional(),
-  spreadRadius: import_zod23.z.number().optional(),
-  offsetX: import_zod23.z.number().optional(),
-  offsetY: import_zod23.z.number().optional(),
-  inset: import_zod23.z.boolean().optional()
-});
-var shadowsDataSchema = import_zod23.z.array(
-  import_zod23.z.object({
-    id: import_zod23.z.string(),
+  blurRadius: import_zod24.z.number().optional(),
+  spreadRadius: import_zod24.z.number().optional(),
+  offsetX: import_zod24.z.number().optional(),
+  offsetY: import_zod24.z.number().optional(),
+  inset: import_zod24.z.boolean().optional()
+});
+var shadowsDataSchema = import_zod24.z.array(
+  import_zod24.z.object({
+    id: import_zod24.z.string(),
     payload: shadowDataSchema
   })
 );
 var responsiveShadowsDataSchema = createResponsiveValueSchema(shadowsDataSchema);
 var shadowsPropControllerDataV0Schema = responsiveShadowsDataSchema;
 var ShadowsPropControllerDataV1Type = "prop-controllers::shadows::v1";
-var shadowsPropControllerDataV1Schema = import_zod23.z.object({
-  [ControlDataTypeKey]: import_zod23.z.literal(ShadowsPropControllerDataV1Type),
+var shadowsPropControllerDataV1Schema = import_zod24.z.object({
+  [ControlDataTypeKey]: import_zod24.z.literal(ShadowsPropControllerDataV1Type),
   value: responsiveShadowsDataSchema
 });
-var shadowsPropControllerDataSchema = import_zod23.z.union([
+var shadowsPropControllerDataSchema = import_zod24.z.union([
   shadowsPropControllerDataV0Schema,
   shadowsPropControllerDataV1Schema
 ]);
@@ -1842,16 +1907,16 @@ function copyShadowsPropControllerData(data, context) {
 }
 
 // src/table/table.ts
-var import_zod24 = require("zod");
+var import_zod25 = require("zod");
 var import_ts_pattern22 = require("ts-pattern");
-var tableIdSchema = import_zod24.z.string();
+var tableIdSchema = import_zod25.z.string();
 var tablePropControllerDataV0Schema = tableIdSchema;
 var TablePropControllerDataV1Type = "prop-controllers::table::v1";
-var tablePropControllerDataV1Schema = import_zod24.z.object({
-  [ControlDataTypeKey]: import_zod24.z.literal(TablePropControllerDataV1Type),
+var tablePropControllerDataV1Schema = import_zod25.z.object({
+  [ControlDataTypeKey]: import_zod25.z.literal(TablePropControllerDataV1Type),
   value: tableIdSchema
 });
-var tablePropControllerDataSchema = import_zod24.z.union([
+var tablePropControllerDataSchema = import_zod25.z.union([
   tablePropControllerDataV0Schema,
   tablePropControllerDataV1Schema
 ]);
@@ -1894,36 +1959,36 @@ function getTablePropControllerDataTableIds(data) {
 }
 
 // src/table-form-fields/table-form-fields.ts
-var import_zod25 = require("zod");
+var import_zod26 = require("zod");
 var import_ts_pattern23 = require("ts-pattern");
-var tableFormFieldSchema = import_zod25.z.object({
-  id: import_zod25.z.string(),
-  tableColumnId: import_zod25.z.string(),
-  label: import_zod25.z.string().optional(),
-  placeholder: import_zod25.z.string().optional(),
-  defaultValue: import_zod25.z.union([import_zod25.z.string(), import_zod25.z.boolean(), import_zod25.z.array(import_zod25.z.string())]).optional(),
-  required: import_zod25.z.boolean().optional(),
-  hidden: import_zod25.z.boolean().optional(),
-  type: import_zod25.z.union([import_zod25.z.literal("select"), import_zod25.z.literal("radio")]).optional(),
-  hideLabel: import_zod25.z.boolean().optional(),
-  autofill: import_zod25.z.boolean().optional()
-});
-var tableFormFieldsDataSchema = import_zod25.z.object({
-  fields: import_zod25.z.array(tableFormFieldSchema),
+var tableFormFieldSchema = import_zod26.z.object({
+  id: import_zod26.z.string(),
+  tableColumnId: import_zod26.z.string(),
+  label: import_zod26.z.string().optional(),
+  placeholder: import_zod26.z.string().optional(),
+  defaultValue: import_zod26.z.union([import_zod26.z.string(), import_zod26.z.boolean(), import_zod26.z.array(import_zod26.z.string())]).optional(),
+  required: import_zod26.z.boolean().optional(),
+  hidden: import_zod26.z.boolean().optional(),
+  type: import_zod26.z.union([import_zod26.z.literal("select"), import_zod26.z.literal("radio")]).optional(),
+  hideLabel: import_zod26.z.boolean().optional(),
+  autofill: import_zod26.z.boolean().optional()
+});
+var tableFormFieldsDataSchema = import_zod26.z.object({
+  fields: import_zod26.z.array(tableFormFieldSchema),
   grid: createResponsiveValueSchema(
-    import_zod25.z.object({
-      count: import_zod25.z.number(),
-      spans: import_zod25.z.array(import_zod25.z.array(import_zod25.z.number()))
+    import_zod26.z.object({
+      count: import_zod26.z.number(),
+      spans: import_zod26.z.array(import_zod26.z.array(import_zod26.z.number()))
     })
   )
 });
 var tableFormFieldsPropControllerDataV0Schema = tableFormFieldsDataSchema;
 var TableFormFieldsPropControllerDataV1Type = "prop-controllers::table-form-fields::v1";
-var tableFormFieldsPropControllerDataV1Schema = import_zod25.z.object({
-  [ControlDataTypeKey]: import_zod25.z.literal(TableFormFieldsPropControllerDataV1Type),
+var tableFormFieldsPropControllerDataV1Schema = import_zod26.z.object({
+  [ControlDataTypeKey]: import_zod26.z.literal(TableFormFieldsPropControllerDataV1Type),
   value: tableFormFieldsDataSchema
 });
-var tableFormFieldsPropControllerDataSchema = import_zod25.z.union([
+var tableFormFieldsPropControllerDataSchema = import_zod26.z.union([
   tableFormFieldsPropControllerDataV0Schema,
   tableFormFieldsPropControllerDataV1Schema
 ]);
@@ -1968,15 +2033,15 @@ function copyTableFormFieldsPropControllerData(data, context) {
 }
 
 // src/text-area/text-area.ts
-var import_zod26 = require("zod");
+var import_zod27 = require("zod");
 var import_ts_pattern24 = require("ts-pattern");
-var textAreaPropControllerDataV0Schema = import_zod26.z.string();
+var textAreaPropControllerDataV0Schema = import_zod27.z.string();
 var TextAreaPropControllerDataV1Type = "prop-controllers::text-area::v1";
-var textAreaPropControllerDataV1Schema = import_zod26.z.object({
-  [ControlDataTypeKey]: import_zod26.z.literal(TextAreaPropControllerDataV1Type),
-  value: import_zod26.z.string()
+var textAreaPropControllerDataV1Schema = import_zod27.z.object({
+  [ControlDataTypeKey]: import_zod27.z.literal(TextAreaPropControllerDataV1Type),
+  value: import_zod27.z.string()
 });
-var textAreaPropControllerDataSchema = import_zod26.z.union([
+var textAreaPropControllerDataSchema = import_zod27.z.union([
   textAreaPropControllerDataV0Schema,
   textAreaPropControllerDataV1Schema
 ]);
@@ -2001,14 +2066,14 @@ function createTextAreaPropControllerDataFromString(value, definition) {
 
 // src/width/width.ts
 var import_ts_pattern25 = require("ts-pattern");
-var import_zod27 = require("zod");
+var import_zod28 = require("zod");
 var widthPropControllerDataV0Schema = responsiveLengthDataSchema;
 var WidthPropControllerDataV1Type = "prop-controllers::width::v1";
-var widthPropControllerDataV1Schema = import_zod27.z.object({
-  [ControlDataTypeKey]: import_zod27.z.literal(WidthPropControllerDataV1Type),
+var widthPropControllerDataV1Schema = import_zod28.z.object({
+  [ControlDataTypeKey]: import_zod28.z.literal(WidthPropControllerDataV1Type),
   value: responsiveLengthDataSchema
 });
-var widthPropControllerDataSchema = import_zod27.z.union([
+var widthPropControllerDataSchema = import_zod28.z.union([
   widthPropControllerDataV0Schema,
   widthPropControllerDataV1Schema
 ]);
@@ -2038,22 +2103,22 @@ function createWidthPropControllerDataFromResponsiveLengthData(responsiveLengthD
 }
 
 // src/video/video.ts
-var import_zod28 = require("zod");
+var import_zod29 = require("zod");
 var import_ts_pattern26 = require("ts-pattern");
-var videoDataSchema = import_zod28.z.object({
-  url: import_zod28.z.string().optional(),
-  muted: import_zod28.z.boolean().optional(),
-  playing: import_zod28.z.boolean().optional(),
-  loop: import_zod28.z.boolean().optional(),
-  controls: import_zod28.z.boolean().optional()
+var videoDataSchema = import_zod29.z.object({
+  url: import_zod29.z.string().optional(),
+  muted: import_zod29.z.boolean().optional(),
+  playing: import_zod29.z.boolean().optional(),
+  loop: import_zod29.z.boolean().optional(),
+  controls: import_zod29.z.boolean().optional()
 });
 var videoPropControllerDataV0Schema = videoDataSchema;
 var VideoPropControllerDataV1Type = "prop-controllers::video::v1";
-var videoPropControllerDataV1Schema = import_zod28.z.object({
-  [ControlDataTypeKey]: import_zod28.z.literal(VideoPropControllerDataV1Type),
+var videoPropControllerDataV1Schema = import_zod29.z.object({
+  [ControlDataTypeKey]: import_zod29.z.literal(VideoPropControllerDataV1Type),
   value: videoDataSchema
 });
-var videoPropControllerDataSchema = import_zod28.z.union([
+var videoPropControllerDataSchema = import_zod29.z.union([
   videoPropControllerDataV1Schema,
   videoPropControllerDataV0Schema
 ]);
@@ -2079,6 +2144,7 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Backgrounds,
+  BackgroundsPropControllerDataV2Type,
   Border,
   BorderPropControllerFormat,
   BorderRadius,
@@ -2100,9 +2166,12 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   Number,
   Padding,
   PaddingPropControllerFormat,
+  PropDef,
   ResponsiveColor,
   ResponsiveLength,
   ResponsiveLengthPropControllerDataV1Type,
+  ResponsiveNumber,
+  ResponsiveOpacity,
   Shadows,
   Table,
   TableFormFields,
@@ -2112,10 +2181,12 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   Video,
   Width,
   WidthPropControllerFormat,
+  backgroundImageDataSchema,
   backgroundsPropControllerDataSchema,
   borderPropControllerDataSchema,
   borderRadiusPropControllerDataSchema,
   checkboxPropControllerDataSchema,
+  colorDataSchema,
   copyBackgroundsPropControllerData,
   copyBorderPropControllerData,
   copyElementIDPropControllerData,
@@ -2135,7 +2206,6 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   createDatePropControllerDataFromString,
   createElementIDPropControllerDataFromElementID,
   createFontPropControllerDataFromResponsiveFontData,
-  createGapXPropControllerDataFromResponsiveGapData,
   createGapYPropControllerDataFromResponsiveGapData,
   createGridPropControllerDataFromGridData,
   createImagePropControllerDataFromImageData,
@@ -2161,7 +2231,7 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   elementIDPropControllerDataSchema,
   elementSchema,
   fontPropControllerDataSchema,
-  gapXPropControllerDataSchema,
+  gapDataSchema,
   gapYPropControllerDataSchema,
   getBackgroundsPropControllerDataResponsiveBackgroundsData,
   getBackgroundsPropControllerFileIds,
@@ -2173,7 +2243,6 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   getDatePropControllerDataString,
   getElementIDPropControllerDataElementID,
   getFontPropControllerDataResponsiveFontData,
-  getGapXPropControllerDataResponsiveGapData,
   getGapYPropControllerDataResponsiveGapData,
   getGridPropControllerDataGridData,
   getGridPropControllerElementChildren,
@@ -2204,8 +2273,13 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   getVideoPropControllerDataVideoData,
   getWidthPropControllerDataResponsiveLengthData,
   gridPropControllerDataSchema,
+  imageBackgroundDataSchema,
+  imageDataSchema,
+  imageDataV0Schema,
+  imageDataV1Schema,
   imagePropControllerDataSchema,
   imagesPropControllerDataSchema,
+  lengthDataSchema,
   linkDataSchema,
   linkPropControllerDataSchema,
   marginPropControllerDataSchema,
@@ -2214,12 +2288,16 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   numberPropControllerDataSchema,
   paddingPropControllerDataSchema,
   responsiveColorPropControllerDataSchema,
+  responsiveGapDataSchema,
   responsiveLengthPropControllerDataSchema,
+  responsiveNumberValueSchema,
+  responsiveOpacityValueSchema,
   shadowsPropControllerDataSchema,
   tableFormFieldsPropControllerDataSchema,
   tablePropControllerDataSchema,
   textAreaPropControllerDataSchema,
   textStylePropControllerDataSchema,
+  versionedPropDef,
   videoPropControllerDataSchema,
   widthPropControllerDataSchema
 });