@makeswift/prop-controllers 0.1.1-canary.0 → 0.2.0-canary.0

package/dist/index.cjs

@@ -27,6 +27,7 @@ __export(src_exports, {
   Checkbox: () => Checkbox,
   ControlDataTypeKey: () => ControlDataTypeKey,
   Date: () => Date,
+  ElementID: () => ElementID,
   Font: () => Font,
   GapX: () => GapX,
   GapY: () => GapY,
@@ -42,6 +43,7 @@ __export(src_exports, {
   ResponsiveLengthPropControllerDataV1Type: () => ResponsiveLengthPropControllerDataV1Type,
   Shadows: () => Shadows,
   Table: () => Table,
+  TableFormFields: () => TableFormFields,
   TextArea: () => TextArea,
   TextStyle: () => TextStyle,
   Types: () => Types,
@@ -52,15 +54,18 @@ __export(src_exports, {
   borderRadiusPropControllerDataSchema: () => borderRadiusPropControllerDataSchema,
   checkboxPropControllerDataSchema: () => checkboxPropControllerDataSchema,
   copyBorderPropControllerData: () => copyBorderPropControllerData,
+  copyElementIDPropControllerData: () => copyElementIDPropControllerData,
   copyLinkPropControllerData: () => copyLinkPropControllerData,
   copyNavigationLinksPropControllerData: () => copyNavigationLinksPropControllerData,
   copyResponsiveColorPropControllerData: () => copyResponsiveColorPropControllerData,
   copyShadowsPropControllerData: () => copyShadowsPropControllerData,
+  copyTableFormFieldsPropControllerData: () => copyTableFormFieldsPropControllerData,
   copyTablePropControllerData: () => copyTablePropControllerData,
   createBorderPropControllerDataFromResponsiveBorderData: () => createBorderPropControllerDataFromResponsiveBorderData,
   createBorderRadiusPropControllerDataFromResponsiveBorderRadiusData: () => createBorderRadiusPropControllerDataFromResponsiveBorderRadiusData,
   createCheckboxPropControllerDataFromBoolean: () => createCheckboxPropControllerDataFromBoolean,
   createDatePropControllerDataFromString: () => createDatePropControllerDataFromString,
+  createElementIDPropControllerDataFromElementID: () => createElementIDPropControllerDataFromElementID,
   createFontPropControllerDataFromResponsiveFontData: () => createFontPropControllerDataFromResponsiveFontData,
   createGapXPropControllerDataFromResponsiveGapData: () => createGapXPropControllerDataFromResponsiveGapData,
   createGapYPropControllerDataFromResponsiveGapData: () => createGapYPropControllerDataFromResponsiveGapData,
@@ -73,12 +78,14 @@ __export(src_exports, {
   createResponsiveLengthPropControllerDataFromResponsiveLengthData: () => createResponsiveLengthPropControllerDataFromResponsiveLengthData,
   createResponsiveValueSchema: () => createResponsiveValueSchema,
   createShadowsPropControllerDataFromResponsiveShadowsData: () => createShadowsPropControllerDataFromResponsiveShadowsData,
+  createTableFormFieldsPropControllerDataFromTableFormFieldsData: () => createTableFormFieldsPropControllerDataFromTableFormFieldsData,
   createTablePropControllerDataFromTableId: () => createTablePropControllerDataFromTableId,
   createTextAreaPropControllerDataFromString: () => createTextAreaPropControllerDataFromString,
   createTextStylePropControllerDataFromResponsiveTextStyleData: () => createTextStylePropControllerDataFromResponsiveTextStyleData,
   createVideoPropControllerDataFromVideoData: () => createVideoPropControllerDataFromVideoData,
   createWidthPropControllerDataFromResponsiveLengthData: () => createWidthPropControllerDataFromResponsiveLengthData,
   datePropControllerDataSchema: () => datePropControllerDataSchema,
+  elementIDPropControllerDataSchema: () => elementIDPropControllerDataSchema,
   fontPropControllerDataSchema: () => fontPropControllerDataSchema,
   gapXPropControllerDataSchema: () => gapXPropControllerDataSchema,
   gapYPropControllerDataSchema: () => gapYPropControllerDataSchema,
@@ -87,6 +94,7 @@ __export(src_exports, {
   getBorderRadiusPropControllerDataResponsiveBorderRadiusData: () => getBorderRadiusPropControllerDataResponsiveBorderRadiusData,
   getCheckboxPropControllerDataBoolean: () => getCheckboxPropControllerDataBoolean,
   getDatePropControllerDataString: () => getDatePropControllerDataString,
+  getElementIDPropControllerDataElementID: () => getElementIDPropControllerDataElementID,
   getFontPropControllerDataResponsiveFontData: () => getFontPropControllerDataResponsiveFontData,
   getGapXPropControllerDataResponsiveGapData: () => getGapXPropControllerDataResponsiveGapData,
   getGapYPropControllerDataResponsiveGapData: () => getGapYPropControllerDataResponsiveGapData,
@@ -104,6 +112,7 @@ __export(src_exports, {
   getResponsiveLengthPropControllerDataResponsiveLengthData: () => getResponsiveLengthPropControllerDataResponsiveLengthData,
   getShadowsPropControllerDataResponsiveShadowsData: () => getShadowsPropControllerDataResponsiveShadowsData,
   getShadowsPropControllerDataSwatchIds: () => getShadowsPropControllerDataSwatchIds,
+  getTableFormFieldsPropControllerDataTableFormFieldsData: () => getTableFormFieldsPropControllerDataTableFormFieldsData,
   getTablePropControllerDataTableId: () => getTablePropControllerDataTableId,
   getTablePropControllerDataTableIds: () => getTablePropControllerDataTableIds,
   getTextAreaPropControllerDataString: () => getTextAreaPropControllerDataString,
@@ -119,6 +128,7 @@ __export(src_exports, {
   responsiveColorPropControllerDataSchema: () => responsiveColorPropControllerDataSchema,
   responsiveLengthPropControllerDataSchema: () => responsiveLengthPropControllerDataSchema,
   shadowsPropControllerDataSchema: () => shadowsPropControllerDataSchema,
+  tableFormFieldsPropControllerDataSchema: () => tableFormFieldsPropControllerDataSchema,
   tablePropControllerDataSchema: () => tablePropControllerDataSchema,
   textAreaPropControllerDataSchema: () => textAreaPropControllerDataSchema,
   textStylePropControllerDataSchema: () => textStylePropControllerDataSchema,
@@ -134,6 +144,7 @@ var Types = {
   BorderRadius: "BorderRadius",
   Checkbox: "Checkbox",
   Date: "Date",
+  ElementID: "ElementID",
   Font: "Font",
   GapX: "GapX",
   GapY: "GapY",
@@ -147,6 +158,7 @@ var Types = {
   ResponsiveLength: "ResponsiveLength",
   TextArea: "TextArea",
   Table: "Table",
+  TableFormFields: "TableFormFields",
   TextStyle: "TextStyle",
   Width: "Width",
   Video: "Video"
@@ -402,18 +414,71 @@ function createDatePropControllerDataFromString(value, definition) {
   ).otherwise(() => value);
 }
 
-// src/font/font.ts
-var import_ts_pattern5 = require("ts-pattern");
+// src/element-id/element-id.ts
 var import_zod7 = require("zod");
-var fontDataSchema = import_zod7.z.string();
+var import_ts_pattern5 = require("ts-pattern");
+var elementIDSchema = import_zod7.z.string();
+var elementIDPropControllerDataV0Schema = elementIDSchema;
+var ElementIDPropControllerDataV1Type = "prop-controllers::element-id::v1";
+var elementIDPropControllerDataV1Schema = import_zod7.z.object({
+  [ControlDataTypeKey]: import_zod7.z.literal(ElementIDPropControllerDataV1Type),
+  value: elementIDSchema
+});
+var elementIDPropControllerDataSchema = import_zod7.z.union([
+  elementIDPropControllerDataV0Schema,
+  elementIDPropControllerDataV1Schema
+]);
+function ElementID(options = {}) {
+  return { type: Types.ElementID, version: 1, options };
+}
+function getElementIDPropControllerDataElementID(data) {
+  return (0, import_ts_pattern5.match)(data).with(
+    { [ControlDataTypeKey]: ElementIDPropControllerDataV1Type },
+    (v1) => v1.value
+  ).otherwise((v0) => v0);
+}
+function createElementIDPropControllerDataFromElementID(value, definition) {
+  return (0, import_ts_pattern5.match)(definition).with(
+    { version: 1 },
+    import_ts_pattern5.P.nullish,
+    () => ({
+      [ControlDataTypeKey]: ElementIDPropControllerDataV1Type,
+      value
+    })
+  ).otherwise(() => value);
+}
+function copyElementID(data, context) {
+  if (data == null)
+    return data;
+  if (context.replacementContext.elementHtmlIds.has(data))
+    return void 0;
+  context.replacementContext.elementHtmlIds.add(data);
+  return data;
+}
+function copyElementIDPropControllerData(data, context) {
+  return (0, import_ts_pattern5.match)(data).with(void 0, () => void 0).with({ [ControlDataTypeKey]: ElementIDPropControllerDataV1Type }, (v1) => {
+    const value = copyElementID(v1.value, context);
+    if (value == null)
+      return void 0;
+    return {
+      [ControlDataTypeKey]: ElementIDPropControllerDataV1Type,
+      value
+    };
+  }).otherwise((v0) => copyElementID(v0, context));
+}
+
+// src/font/font.ts
+var import_ts_pattern6 = require("ts-pattern");
+var import_zod8 = require("zod");
+var fontDataSchema = import_zod8.z.string();
 var responsiveFontDataSchema = createResponsiveValueSchema(fontDataSchema);
 var fontPropControllerDataV0Schema = responsiveFontDataSchema;
 var FontPropControllerDataV1Type = "prop-controllers::font::v1";
-var fontPropControllerDataV1Schema = import_zod7.z.object({
-  [ControlDataTypeKey]: import_zod7.z.literal(FontPropControllerDataV1Type),
+var fontPropControllerDataV1Schema = import_zod8.z.object({
+  [ControlDataTypeKey]: import_zod8.z.literal(FontPropControllerDataV1Type),
   value: responsiveFontDataSchema
 });
-var fontPropControllerDataSchema = import_zod7.z.union([
+var fontPropControllerDataSchema = import_zod8.z.union([
   fontPropControllerDataV0Schema,
   fontPropControllerDataV1Schema
 ]);
@@ -421,15 +486,15 @@ function Font(options = {}) {
   return { type: Types.Font, version: 1, options };
 }
 function getFontPropControllerDataResponsiveFontData(data) {
-  return (0, import_ts_pattern5.match)(data).with(
+  return (0, import_ts_pattern6.match)(data).with(
     { [ControlDataTypeKey]: FontPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createFontPropControllerDataFromResponsiveFontData(responsiveFontData, 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]: FontPropControllerDataV1Type,
       value: responsiveFontData
@@ -438,15 +503,15 @@ function createFontPropControllerDataFromResponsiveFontData(responsiveFontData,
 }
 
 // src/gap-x/gap-x.ts
-var import_ts_pattern6 = require("ts-pattern");
-var import_zod8 = require("zod");
+var import_ts_pattern7 = require("ts-pattern");
+var import_zod9 = require("zod");
 var gapXPropControllerDataV0Schema = responsiveGapDataSchema;
 var GapXPropControllerDataV1Type = "prop-controllers::gap-x::v1";
-var gapXPropControllerDataV1Schema = import_zod8.z.object({
-  [ControlDataTypeKey]: import_zod8.z.literal(GapXPropControllerDataV1Type),
+var gapXPropControllerDataV1Schema = import_zod9.z.object({
+  [ControlDataTypeKey]: import_zod9.z.literal(GapXPropControllerDataV1Type),
   value: responsiveGapDataSchema
 });
-var gapXPropControllerDataSchema = import_zod8.z.union([
+var gapXPropControllerDataSchema = import_zod9.z.union([
   gapXPropControllerDataV0Schema,
   gapXPropControllerDataV1Schema
 ]);
@@ -454,13 +519,13 @@ function GapX(options = {}) {
   return { type: Types.GapX, version: 1, options };
 }
 function getGapXPropControllerDataResponsiveGapData(data) {
-  return (0, import_ts_pattern6.match)(data).with(
+  return (0, import_ts_pattern7.match)(data).with(
     { [ControlDataTypeKey]: GapXPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createGapXPropControllerDataFromResponsiveGapData(responsiveGapData, definition) {
-  return (0, import_ts_pattern6.match)(definition).with(
+  return (0, import_ts_pattern7.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: GapXPropControllerDataV1Type,
@@ -470,15 +535,15 @@ function createGapXPropControllerDataFromResponsiveGapData(responsiveGapData, de
 }
 
 // src/gap-y/gap-y.ts
-var import_ts_pattern7 = require("ts-pattern");
-var import_zod9 = require("zod");
+var import_ts_pattern8 = require("ts-pattern");
+var import_zod10 = require("zod");
 var gapYPropControllerDataV0Schema = responsiveGapDataSchema;
 var GapYPropControllerDataV1Type = "prop-controllers::gap-y::v1";
-var gapYPropControllerDataV1Schema = import_zod9.z.object({
-  [ControlDataTypeKey]: import_zod9.z.literal(GapYPropControllerDataV1Type),
+var gapYPropControllerDataV1Schema = import_zod10.z.object({
+  [ControlDataTypeKey]: import_zod10.z.literal(GapYPropControllerDataV1Type),
   value: responsiveGapDataSchema
 });
-var gapYPropControllerDataSchema = import_zod9.z.union([
+var gapYPropControllerDataSchema = import_zod10.z.union([
   gapYPropControllerDataV0Schema,
   gapYPropControllerDataV1Schema
 ]);
@@ -486,13 +551,13 @@ function GapY(options = {}) {
   return { type: Types.GapY, version: 1, options };
 }
 function getGapYPropControllerDataResponsiveGapData(data) {
-  return (0, import_ts_pattern7.match)(data).with(
+  return (0, import_ts_pattern8.match)(data).with(
     { [ControlDataTypeKey]: GapYPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createGapYPropControllerDataFromResponsiveGapData(responsiveGapData, definition) {
-  return (0, import_ts_pattern7.match)(definition).with(
+  return (0, import_ts_pattern8.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: GapYPropControllerDataV1Type,
@@ -502,57 +567,57 @@ function createGapYPropControllerDataFromResponsiveGapData(responsiveGapData, de
 }
 
 // src/link/link.ts
-var import_ts_pattern8 = require("ts-pattern");
-var import_zod10 = require("zod");
-var openPageLinkSchema = import_zod10.z.object({
-  type: import_zod10.z.literal("OPEN_PAGE"),
-  payload: import_zod10.z.object({
-    pageId: import_zod10.z.string().nullable().optional(),
-    openInNewTab: import_zod10.z.boolean()
+var import_ts_pattern9 = require("ts-pattern");
+var import_zod11 = require("zod");
+var openPageLinkSchema = import_zod11.z.object({
+  type: import_zod11.z.literal("OPEN_PAGE"),
+  payload: import_zod11.z.object({
+    pageId: import_zod11.z.string().nullable().optional(),
+    openInNewTab: import_zod11.z.boolean()
   }).transform((v) => ({
     pageId: v.pageId,
     ...v
   }))
 });
-var openURLLinkSchema = import_zod10.z.object({
-  type: import_zod10.z.literal("OPEN_URL"),
-  payload: import_zod10.z.object({
-    url: import_zod10.z.string(),
-    openInNewTab: import_zod10.z.boolean()
+var openURLLinkSchema = import_zod11.z.object({
+  type: import_zod11.z.literal("OPEN_URL"),
+  payload: import_zod11.z.object({
+    url: import_zod11.z.string(),
+    openInNewTab: import_zod11.z.boolean()
   })
 });
-var sendEmailLinkSchema = import_zod10.z.object({
-  type: import_zod10.z.literal("SEND_EMAIL"),
-  payload: import_zod10.z.object({
-    to: import_zod10.z.string(),
-    subject: import_zod10.z.string().optional(),
-    body: import_zod10.z.string().optional()
+var sendEmailLinkSchema = import_zod11.z.object({
+  type: import_zod11.z.literal("SEND_EMAIL"),
+  payload: import_zod11.z.object({
+    to: import_zod11.z.string(),
+    subject: import_zod11.z.string().optional(),
+    body: import_zod11.z.string().optional()
   })
 });
-var callPhoneLinkSchema = import_zod10.z.object({
-  type: import_zod10.z.literal("CALL_PHONE"),
-  payload: import_zod10.z.object({
-    phoneNumber: import_zod10.z.string()
+var callPhoneLinkSchema = import_zod11.z.object({
+  type: import_zod11.z.literal("CALL_PHONE"),
+  payload: import_zod11.z.object({
+    phoneNumber: import_zod11.z.string()
   })
 });
-var scrollToElementLinkSchema = import_zod10.z.object({
-  type: import_zod10.z.literal("SCROLL_TO_ELEMENT"),
-  payload: import_zod10.z.object({
-    elementIdConfig: import_zod10.z.object({
-      elementKey: import_zod10.z.string(),
-      propName: import_zod10.z.string()
+var scrollToElementLinkSchema = import_zod11.z.object({
+  type: import_zod11.z.literal("SCROLL_TO_ELEMENT"),
+  payload: import_zod11.z.object({
+    elementIdConfig: import_zod11.z.object({
+      elementKey: import_zod11.z.string(),
+      propName: import_zod11.z.string()
     }).nullable().optional(),
-    block: import_zod10.z.union([
-      import_zod10.z.literal("start"),
-      import_zod10.z.literal("center"),
-      import_zod10.z.literal("end")
+    block: import_zod11.z.union([
+      import_zod11.z.literal("start"),
+      import_zod11.z.literal("center"),
+      import_zod11.z.literal("end")
     ])
   }).transform((v) => ({
     elementIdConfig: v.elementIdConfig,
     ...v
   }))
 });
-var linkDataSchema = import_zod10.z.union([
+var linkDataSchema = import_zod11.z.union([
   openPageLinkSchema,
   openURLLinkSchema,
   sendEmailLinkSchema,
@@ -561,11 +626,11 @@ var linkDataSchema = import_zod10.z.union([
 ]);
 var linkPropControllerDataV0Schema = linkDataSchema;
 var LinkPropControllerDataV1Type = "prop-controllers::link::v1";
-var linkPropControllerDataV1Schema = import_zod10.z.object({
-  [ControlDataTypeKey]: import_zod10.z.literal(LinkPropControllerDataV1Type),
+var linkPropControllerDataV1Schema = import_zod11.z.object({
+  [ControlDataTypeKey]: import_zod11.z.literal(LinkPropControllerDataV1Type),
   value: linkDataSchema
 });
-var linkPropControllerDataSchema = import_zod10.z.union([
+var linkPropControllerDataSchema = import_zod11.z.union([
   linkPropControllerDataV0Schema,
   linkPropControllerDataV1Schema
 ]);
@@ -573,13 +638,13 @@ function Link(options = {}) {
   return { type: Types.Link, version: 1, options };
 }
 function getLinkPropControllerDataLinkData(data) {
-  return (0, import_ts_pattern8.match)(data).with(
+  return (0, import_ts_pattern9.match)(data).with(
     { [ControlDataTypeKey]: LinkPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createLinkPropControllerDataFromLinkData(value, definition) {
-  return (0, import_ts_pattern8.match)(definition).with(
+  return (0, import_ts_pattern9.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: LinkPropControllerDataV1Type,
@@ -642,23 +707,23 @@ function copyLinkPropControllerData(data, context) {
   const value = copyLinkData(getLinkPropControllerDataLinkData(data), context);
   if (value == null)
     return value;
-  return (0, import_ts_pattern8.match)(data).with({ [ControlDataTypeKey]: LinkPropControllerDataV1Type }, (v1) => ({
+  return (0, import_ts_pattern9.match)(data).with({ [ControlDataTypeKey]: LinkPropControllerDataV1Type }, (v1) => ({
     ...v1,
     value
   })).otherwise((_) => value);
 }
 
 // src/margin/margin.ts
-var import_ts_pattern9 = require("ts-pattern");
-var import_zod11 = require("zod");
-var marginSideDataSchema = import_zod11.z.union([
-  import_zod11.z.object({
-    value: import_zod11.z.number(),
-    unit: import_zod11.z.literal("px")
+var import_ts_pattern10 = require("ts-pattern");
+var import_zod12 = require("zod");
+var marginSideDataSchema = import_zod12.z.union([
+  import_zod12.z.object({
+    value: import_zod12.z.number(),
+    unit: import_zod12.z.literal("px")
   }),
-  import_zod11.z.literal("auto")
+  import_zod12.z.literal("auto")
 ]);
-var marginDataSchema = import_zod11.z.object({
+var marginDataSchema = import_zod12.z.object({
   marginTop: marginSideDataSchema.nullable().optional(),
   marginRight: marginSideDataSchema.nullable().optional(),
   marginBottom: marginSideDataSchema.nullable().optional(),
@@ -672,11 +737,11 @@ var marginDataSchema = import_zod11.z.object({
 var responsiveMarginDataSchema = createResponsiveValueSchema(marginDataSchema);
 var marginPropControllerDataV0Schema = responsiveMarginDataSchema;
 var MarginPropControllerDataV1Type = "prop-controllers::margin::v1";
-var marginPropControllerDataV1Schema = import_zod11.z.object({
-  [ControlDataTypeKey]: import_zod11.z.literal(MarginPropControllerDataV1Type),
+var marginPropControllerDataV1Schema = import_zod12.z.object({
+  [ControlDataTypeKey]: import_zod12.z.literal(MarginPropControllerDataV1Type),
   value: responsiveMarginDataSchema
 });
-var marginPropControllerDataSchema = import_zod11.z.union([
+var marginPropControllerDataSchema = import_zod12.z.union([
   marginPropControllerDataV0Schema,
   marginPropControllerDataV1Schema
 ]);
@@ -689,15 +754,15 @@ function Margin(options = {}) {
 }
 Margin.Format = MarginPropControllerFormat;
 function getMarginPropControllerDataResponsiveMarginData(data) {
-  return (0, import_ts_pattern9.match)(data).with(
+  return (0, import_ts_pattern10.match)(data).with(
     { [ControlDataTypeKey]: MarginPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createMarginPropControllerDataFromResponsiveMarginData(responsiveMarginData, definition) {
-  return (0, import_ts_pattern9.match)(definition).with(
+  return (0, import_ts_pattern10.match)(definition).with(
     { version: 1 },
-    import_ts_pattern9.P.nullish,
+    import_ts_pattern10.P.nullish,
     () => ({
       [ControlDataTypeKey]: MarginPropControllerDataV1Type,
       value: responsiveMarginData
@@ -706,22 +771,22 @@ function createMarginPropControllerDataFromResponsiveMarginData(responsiveMargin
 }
 
 // src/navigation-links/navigation-links.ts
-var import_ts_pattern12 = require("ts-pattern");
-var import_zod14 = require("zod");
+var import_ts_pattern13 = require("ts-pattern");
+var import_zod15 = require("zod");
 
 // src/text-style/text-style.ts
-var import_ts_pattern10 = require("ts-pattern");
-var import_zod12 = require("zod");
-var textStyleDataSchema = import_zod12.z.object({
-  fontFamily: import_zod12.z.string().optional().nullable(),
-  letterSpacing: import_zod12.z.number().optional().nullable(),
-  fontSize: import_zod12.z.object({
-    value: import_zod12.z.number(),
-    unit: import_zod12.z.literal("px")
+var import_ts_pattern11 = require("ts-pattern");
+var import_zod13 = require("zod");
+var textStyleDataSchema = import_zod13.z.object({
+  fontFamily: import_zod13.z.string().optional().nullable(),
+  letterSpacing: import_zod13.z.number().optional().nullable(),
+  fontSize: import_zod13.z.object({
+    value: import_zod13.z.number(),
+    unit: import_zod13.z.literal("px")
   }).optional().nullable(),
-  fontWeight: import_zod12.z.number().optional().nullable(),
-  textTransform: import_zod12.z.array(import_zod12.z.literal("uppercase")),
-  fontStyle: import_zod12.z.array(import_zod12.z.literal("italic"))
+  fontWeight: import_zod13.z.number().optional().nullable(),
+  textTransform: import_zod13.z.array(import_zod13.z.literal("uppercase")),
+  fontStyle: import_zod13.z.array(import_zod13.z.literal("italic"))
 }).transform((v) => ({
   ...v,
   letterSpacing: v.letterSpacing,
@@ -733,11 +798,11 @@ var textStyleDataSchema = import_zod12.z.object({
 var responsiveTextStyleDataSchema = createResponsiveValueSchema(textStyleDataSchema);
 var textStylePropControllerDataV0Schema = responsiveTextStyleDataSchema;
 var TextStylePropControllerDataV1Type = "prop-controllers::text-style::v1";
-var textStylePropControllerDataV1Schema = import_zod12.z.object({
-  [ControlDataTypeKey]: import_zod12.z.literal(TextStylePropControllerDataV1Type),
+var textStylePropControllerDataV1Schema = import_zod13.z.object({
+  [ControlDataTypeKey]: import_zod13.z.literal(TextStylePropControllerDataV1Type),
   value: responsiveTextStyleDataSchema
 });
-var textStylePropControllerDataSchema = import_zod12.z.union([
+var textStylePropControllerDataSchema = import_zod13.z.union([
   textStylePropControllerDataV0Schema,
   textStylePropControllerDataV1Schema
 ]);
@@ -745,13 +810,13 @@ function TextStyle(options = {}) {
   return { type: Types.TextStyle, version: 1, options };
 }
 function getTextStylePropControllerDataResponsiveTextStyleData(data) {
-  return (0, import_ts_pattern10.match)(data).with(
+  return (0, import_ts_pattern11.match)(data).with(
     { [ControlDataTypeKey]: TextStylePropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createTextStylePropControllerDataFromResponsiveTextStyleData(responsiveTextStyleData, definition) {
-  return (0, import_ts_pattern10.match)(definition).with(
+  return (0, import_ts_pattern11.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: TextStylePropControllerDataV1Type,
@@ -761,16 +826,16 @@ function createTextStylePropControllerDataFromResponsiveTextStyleData(responsive
 }
 
 // src/responsive-color.ts
-var import_zod13 = require("zod");
-var import_ts_pattern11 = require("ts-pattern");
+var import_zod14 = require("zod");
+var import_ts_pattern12 = require("ts-pattern");
 var responsiveColorDataSchema = createResponsiveValueSchema(colorDataSchema);
 var responsiveColorPropControllerDataV0Schema = responsiveColorDataSchema;
 var ResponsiveColorPropControllerDataV1Type = "prop-controllers::responsive-color::v1";
-var responsiveColorPropControllerDataV1Schema = import_zod13.z.object({
-  [ControlDataTypeKey]: import_zod13.z.literal(ResponsiveColorPropControllerDataV1Type),
+var responsiveColorPropControllerDataV1Schema = import_zod14.z.object({
+  [ControlDataTypeKey]: import_zod14.z.literal(ResponsiveColorPropControllerDataV1Type),
   value: responsiveColorDataSchema
 });
-var responsiveColorPropControllerDataSchema = import_zod13.z.union([
+var responsiveColorPropControllerDataSchema = import_zod14.z.union([
   responsiveColorPropControllerDataV0Schema,
   responsiveColorPropControllerDataV1Schema
 ]);
@@ -778,13 +843,13 @@ function ResponsiveColor(options = {}) {
   return { type: Types.ResponsiveColor, version: 1, options };
 }
 function getResponsiveColorPropControllerDataResponsiveColorData(data) {
-  return (0, import_ts_pattern11.match)(data).with(
+  return (0, import_ts_pattern12.match)(data).with(
     { [ControlDataTypeKey]: ResponsiveColorPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createResponsiveColorPropControllerDataFromResponsiveColorData(definition, responsiveColorData) {
-  return (0, import_ts_pattern11.match)(definition).with(
+  return (0, import_ts_pattern12.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: ResponsiveColorPropControllerDataV1Type,
@@ -815,7 +880,7 @@ function copyResponsiveColorData(data, context) {
   }
 }
 function copyResponsiveColorPropControllerData(data, context) {
-  return (0, import_ts_pattern11.match)(data).with(void 0, () => void 0).with(
+  return (0, import_ts_pattern12.match)(data).with(void 0, () => void 0).with(
     { [ControlDataTypeKey]: ResponsiveColorPropControllerDataV1Type },
     (v1) => ({
       [ControlDataTypeKey]: ResponsiveColorPropControllerDataV1Type,
@@ -825,7 +890,7 @@ function copyResponsiveColorPropControllerData(data, context) {
 }
 
 // src/navigation-links/navigation-links.ts
-var buttonVariantSchema = import_zod14.z.enum([
+var buttonVariantSchema = import_zod15.z.enum([
   "flat",
   "outline",
   "shadow",
@@ -834,13 +899,13 @@ var buttonVariantSchema = import_zod14.z.enum([
   "bubbly",
   "skewed"
 ]);
-var buttonShapeSchema = import_zod14.z.enum(["pill", "rounded", "square"]);
-var buttonSizeSchema = import_zod14.z.enum(["small", "medium", "large"]);
-var navigationButtonSchema = import_zod14.z.object({
-  id: import_zod14.z.string(),
-  type: import_zod14.z.literal("button"),
-  payload: import_zod14.z.object({
-    label: import_zod14.z.string(),
+var buttonShapeSchema = import_zod15.z.enum(["pill", "rounded", "square"]);
+var buttonSizeSchema = import_zod15.z.enum(["small", "medium", "large"]);
+var navigationButtonSchema = import_zod15.z.object({
+  id: import_zod15.z.string(),
+  type: import_zod15.z.literal("button"),
+  payload: import_zod15.z.object({
+    label: import_zod15.z.string(),
     link: linkDataSchema.optional(),
     variant: createResponsiveValueSchema(buttonVariantSchema).optional(),
     shape: createResponsiveValueSchema(buttonShapeSchema).optional(),
@@ -850,28 +915,28 @@ var navigationButtonSchema = import_zod14.z.object({
     textStyle: createResponsiveValueSchema(textStyleDataSchema).optional()
   })
 });
-var navigationDropdownCaretTypeSchema = import_zod14.z.union([
-  import_zod14.z.literal("caret"),
-  import_zod14.z.literal("plus"),
-  import_zod14.z.literal("arrow-down"),
-  import_zod14.z.literal("chevron-down")
+var navigationDropdownCaretTypeSchema = import_zod15.z.union([
+  import_zod15.z.literal("caret"),
+  import_zod15.z.literal("plus"),
+  import_zod15.z.literal("arrow-down"),
+  import_zod15.z.literal("chevron-down")
 ]);
-var navigationDropdownLinkSchema = import_zod14.z.object({
-  id: import_zod14.z.string(),
-  payload: import_zod14.z.object({
-    label: import_zod14.z.string(),
+var navigationDropdownLinkSchema = import_zod15.z.object({
+  id: import_zod15.z.string(),
+  payload: import_zod15.z.object({
+    label: import_zod15.z.string(),
     link: linkDataSchema.optional(),
     color: createResponsiveValueSchema(colorDataSchema).optional(),
     textStyle: createResponsiveValueSchema(textStyleDataSchema).optional()
   })
 });
-var navigationDropdownSchema = import_zod14.z.object({
-  id: import_zod14.z.string(),
-  type: import_zod14.z.literal("dropdown"),
-  payload: import_zod14.z.object({
-    label: import_zod14.z.string(),
+var navigationDropdownSchema = import_zod15.z.object({
+  id: import_zod15.z.string(),
+  type: import_zod15.z.literal("dropdown"),
+  payload: import_zod15.z.object({
+    label: import_zod15.z.string(),
     caret: navigationDropdownCaretTypeSchema.optional(),
-    links: import_zod14.z.array(navigationDropdownLinkSchema).optional(),
+    links: import_zod15.z.array(navigationDropdownLinkSchema).optional(),
     variant: createResponsiveValueSchema(buttonVariantSchema).optional(),
     shape: createResponsiveValueSchema(buttonShapeSchema).optional(),
     size: createResponsiveValueSchema(buttonSizeSchema).optional(),
@@ -880,16 +945,16 @@ var navigationDropdownSchema = import_zod14.z.object({
     textStyle: createResponsiveValueSchema(textStyleDataSchema).optional()
   })
 });
-var navigationLinksDataSchema = import_zod14.z.array(
-  import_zod14.z.union([navigationButtonSchema, navigationDropdownSchema])
+var navigationLinksDataSchema = import_zod15.z.array(
+  import_zod15.z.union([navigationButtonSchema, navigationDropdownSchema])
 );
 var navigationLinksPropControllerDataV0Schema = navigationLinksDataSchema;
 var NavigationLinksPropControllerDataV1Type = "prop-controllers::navigation-links::v1";
-var navigationLinksPropControllerDataV1Schema = import_zod14.z.object({
-  [ControlDataTypeKey]: import_zod14.z.literal(NavigationLinksPropControllerDataV1Type),
+var navigationLinksPropControllerDataV1Schema = import_zod15.z.object({
+  [ControlDataTypeKey]: import_zod15.z.literal(NavigationLinksPropControllerDataV1Type),
   value: navigationLinksDataSchema
 });
-var navigationLinksPropControllerDataSchema = import_zod14.z.union([
+var navigationLinksPropControllerDataSchema = import_zod15.z.union([
   navigationLinksPropControllerDataV0Schema,
   navigationLinksPropControllerDataV1Schema
 ]);
@@ -897,13 +962,13 @@ function NavigationLinks(options = {}) {
   return { type: Types.NavigationLinks, version: 1, options };
 }
 function getNavigationLinksPropControllerDataNavigationLinksData(data) {
-  return (0, import_ts_pattern12.match)(data).with(
+  return (0, import_ts_pattern13.match)(data).with(
     { [ControlDataTypeKey]: NavigationLinksPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createNavigationLinksPropControllerDataFromNavigationLinksData(navigationLinksData, definition) {
-  return (0, import_ts_pattern12.match)(definition).with(
+  return (0, import_ts_pattern13.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: NavigationLinksPropControllerDataV1Type,
@@ -994,7 +1059,7 @@ function copyNavigationLinksData(data, context) {
   });
 }
 function copyNavigationLinksPropControllerData(data, context) {
-  return (0, import_ts_pattern12.match)(data).with(void 0, () => void 0).with(
+  return (0, import_ts_pattern13.match)(data).with(void 0, () => void 0).with(
     { [ControlDataTypeKey]: NavigationLinksPropControllerDataV1Type },
     (v1) => ({
       [ControlDataTypeKey]: NavigationLinksPropControllerDataV1Type,
@@ -1004,15 +1069,15 @@ function copyNavigationLinksPropControllerData(data, context) {
 }
 
 // src/number.ts
-var import_zod15 = require("zod");
-var import_ts_pattern13 = require("ts-pattern");
-var numberPropControllerDataV0Schema = import_zod15.z.number();
+var import_zod16 = require("zod");
+var import_ts_pattern14 = require("ts-pattern");
+var numberPropControllerDataV0Schema = import_zod16.z.number();
 var NumberPropControllerDataV1Type = "prop-controllers::number::v1";
-var numberPropControllerDataV1Schema = import_zod15.z.object({
-  [ControlDataTypeKey]: import_zod15.z.literal(NumberPropControllerDataV1Type),
-  value: import_zod15.z.number()
+var numberPropControllerDataV1Schema = import_zod16.z.object({
+  [ControlDataTypeKey]: import_zod16.z.literal(NumberPropControllerDataV1Type),
+  value: import_zod16.z.number()
 });
-var numberPropControllerDataSchema = import_zod15.z.union([
+var numberPropControllerDataSchema = import_zod16.z.union([
   numberPropControllerDataV0Schema,
   numberPropControllerDataV1Schema
 ]);
@@ -1020,15 +1085,15 @@ function Number(options = {}) {
   return { type: Types.Number, version: 1, options };
 }
 function getNumberPropControllerDataNumber(data) {
-  return (0, import_ts_pattern13.match)(data).with(
+  return (0, import_ts_pattern14.match)(data).with(
     { [ControlDataTypeKey]: NumberPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createNumberPropControllerDataFromNumber(value, definition) {
-  return (0, import_ts_pattern13.match)(definition).with(
+  return (0, import_ts_pattern14.match)(definition).with(
     { version: 1 },
-    import_ts_pattern13.P.nullish,
+    import_ts_pattern14.P.nullish,
     () => ({
       [ControlDataTypeKey]: NumberPropControllerDataV1Type,
       value
@@ -1037,13 +1102,13 @@ function createNumberPropControllerDataFromNumber(value, definition) {
 }
 
 // src/padding/padding.ts
-var import_ts_pattern14 = require("ts-pattern");
-var import_zod16 = require("zod");
-var paddingSideDataSchema = import_zod16.z.object({
-  value: import_zod16.z.number(),
-  unit: import_zod16.z.literal("px")
+var import_ts_pattern15 = require("ts-pattern");
+var import_zod17 = require("zod");
+var paddingSideDataSchema = import_zod17.z.object({
+  value: import_zod17.z.number(),
+  unit: import_zod17.z.literal("px")
 });
-var paddingDataSchema = import_zod16.z.object({
+var paddingDataSchema = import_zod17.z.object({
   paddingTop: paddingSideDataSchema.nullable().optional(),
   paddingRight: paddingSideDataSchema.nullable().optional(),
   paddingBottom: paddingSideDataSchema.nullable().optional(),
@@ -1057,11 +1122,11 @@ var paddingDataSchema = import_zod16.z.object({
 var responsivePaddingDataSchema = createResponsiveValueSchema(paddingDataSchema);
 var paddingPropControllerDataV0Schema = responsivePaddingDataSchema;
 var PaddingPropControllerDataV1Type = "prop-controllers::padding::v1";
-var paddingPropControllerDataV1Schema = import_zod16.z.object({
-  [ControlDataTypeKey]: import_zod16.z.literal(PaddingPropControllerDataV1Type),
+var paddingPropControllerDataV1Schema = import_zod17.z.object({
+  [ControlDataTypeKey]: import_zod17.z.literal(PaddingPropControllerDataV1Type),
   value: responsivePaddingDataSchema
 });
-var paddingPropControllerDataSchema = import_zod16.z.union([
+var paddingPropControllerDataSchema = import_zod17.z.union([
   paddingPropControllerDataV0Schema,
   paddingPropControllerDataV1Schema
 ]);
@@ -1074,15 +1139,15 @@ function Padding(options = {}) {
 }
 Padding.Format = PaddingPropControllerFormat;
 function getPaddingPropControllerDataResponsivePaddingData(data) {
-  return (0, import_ts_pattern14.match)(data).with(
+  return (0, import_ts_pattern15.match)(data).with(
     { [ControlDataTypeKey]: PaddingPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createPaddingPropControllerDataFromResponsivePaddingData(responsivePaddingData, definition) {
-  return (0, import_ts_pattern14.match)(definition).with(
+  return (0, import_ts_pattern15.match)(definition).with(
     { version: 1 },
-    import_ts_pattern14.P.nullish,
+    import_ts_pattern15.P.nullish,
     () => ({
       [ControlDataTypeKey]: PaddingPropControllerDataV1Type,
       value: responsivePaddingData
@@ -1091,16 +1156,16 @@ function createPaddingPropControllerDataFromResponsivePaddingData(responsivePadd
 }
 
 // src/responsive-length.ts
-var import_zod17 = require("zod");
-var import_ts_pattern15 = require("ts-pattern");
+var import_zod18 = require("zod");
+var import_ts_pattern16 = require("ts-pattern");
 var responsiveLengthDataSchema = createResponsiveValueSchema(lengthDataSchema);
 var responsiveLengthPropControllerDataV0Schema = responsiveLengthDataSchema;
 var ResponsiveLengthPropControllerDataV1Type = "prop-controllers::responsive-length::v1";
-var responsiveLengthPropControllerDataV1Schema = import_zod17.z.object({
-  [ControlDataTypeKey]: import_zod17.z.literal(ResponsiveLengthPropControllerDataV1Type),
+var responsiveLengthPropControllerDataV1Schema = import_zod18.z.object({
+  [ControlDataTypeKey]: import_zod18.z.literal(ResponsiveLengthPropControllerDataV1Type),
   value: responsiveLengthDataSchema
 });
-var responsiveLengthPropControllerDataSchema = import_zod17.z.union([
+var responsiveLengthPropControllerDataSchema = import_zod18.z.union([
   responsiveLengthPropControllerDataV0Schema,
   responsiveLengthPropControllerDataV1Schema
 ]);
@@ -1108,13 +1173,13 @@ function ResponsiveLength(options = {}) {
   return { type: Types.ResponsiveLength, version: 1, options };
 }
 function getResponsiveLengthPropControllerDataResponsiveLengthData(data) {
-  return (0, import_ts_pattern15.match)(data).with(
+  return (0, import_ts_pattern16.match)(data).with(
     { [ControlDataTypeKey]: ResponsiveLengthPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createResponsiveLengthPropControllerDataFromResponsiveLengthData(definition, responsiveLengthData) {
-  return (0, import_ts_pattern15.match)(definition).with(
+  return (0, import_ts_pattern16.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: ResponsiveLengthPropControllerDataV1Type,
@@ -1124,30 +1189,30 @@ function createResponsiveLengthPropControllerDataFromResponsiveLengthData(defini
 }
 
 // src/shadows.ts
-var import_ts_pattern16 = require("ts-pattern");
-var import_zod18 = require("zod");
-var shadowDataSchema = import_zod18.z.object({
+var import_ts_pattern17 = require("ts-pattern");
+var import_zod19 = require("zod");
+var shadowDataSchema = import_zod19.z.object({
   color: colorDataSchema.nullable().optional(),
-  blurRadius: import_zod18.z.number().optional(),
-  spreadRadius: import_zod18.z.number().optional(),
-  offsetX: import_zod18.z.number().optional(),
-  offsetY: import_zod18.z.number().optional(),
-  inset: import_zod18.z.boolean().optional()
+  blurRadius: import_zod19.z.number().optional(),
+  spreadRadius: import_zod19.z.number().optional(),
+  offsetX: import_zod19.z.number().optional(),
+  offsetY: import_zod19.z.number().optional(),
+  inset: import_zod19.z.boolean().optional()
 });
-var shadowsDataSchema = import_zod18.z.array(
-  import_zod18.z.object({
-    id: import_zod18.z.string(),
+var shadowsDataSchema = import_zod19.z.array(
+  import_zod19.z.object({
+    id: import_zod19.z.string(),
     payload: shadowDataSchema
   })
 );
 var responsiveShadowsDataSchema = createResponsiveValueSchema(shadowsDataSchema);
 var shadowsPropControllerDataV0Schema = responsiveShadowsDataSchema;
 var ShadowsPropControllerDataV1Type = "prop-controllers::shadows::v1";
-var shadowsPropControllerDataV1Schema = import_zod18.z.object({
-  [ControlDataTypeKey]: import_zod18.z.literal(ShadowsPropControllerDataV1Type),
+var shadowsPropControllerDataV1Schema = import_zod19.z.object({
+  [ControlDataTypeKey]: import_zod19.z.literal(ShadowsPropControllerDataV1Type),
   value: responsiveShadowsDataSchema
 });
-var shadowsPropControllerDataSchema = import_zod18.z.union([
+var shadowsPropControllerDataSchema = import_zod19.z.union([
   shadowsPropControllerDataV0Schema,
   shadowsPropControllerDataV1Schema
 ]);
@@ -1160,13 +1225,13 @@ function Shadows(options = {}) {
 }
 Shadows.Format = ShadowsPropControllerFormat;
 function getShadowsPropControllerDataResponsiveShadowsData(data) {
-  return (0, import_ts_pattern16.match)(data).with(
+  return (0, import_ts_pattern17.match)(data).with(
     { [ControlDataTypeKey]: ShadowsPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createShadowsPropControllerDataFromResponsiveShadowsData(definition, responsiveShadowsData) {
-  return (0, import_ts_pattern16.match)(definition).with(
+  return (0, import_ts_pattern17.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: ShadowsPropControllerDataV1Type,
@@ -1200,7 +1265,7 @@ function copyResponsiveShadowsData(data, context) {
   }));
 }
 function copyShadowsPropControllerData(data, context) {
-  return (0, import_ts_pattern16.match)(data).with(void 0, () => void 0).with(
+  return (0, import_ts_pattern17.match)(data).with(void 0, () => void 0).with(
     { [ControlDataTypeKey]: ShadowsPropControllerDataV1Type },
     (v1) => ({
       [ControlDataTypeKey]: ShadowsPropControllerDataV1Type,
@@ -1210,16 +1275,16 @@ function copyShadowsPropControllerData(data, context) {
 }
 
 // src/table/table.ts
-var import_zod19 = require("zod");
-var import_ts_pattern17 = require("ts-pattern");
-var tableIdSchema = import_zod19.z.string();
+var import_zod20 = require("zod");
+var import_ts_pattern18 = require("ts-pattern");
+var tableIdSchema = import_zod20.z.string();
 var tablePropControllerDataV0Schema = tableIdSchema;
 var TablePropControllerDataV1Type = "prop-controllers::table::v1";
-var tablePropControllerDataV1Schema = import_zod19.z.object({
-  [ControlDataTypeKey]: import_zod19.z.literal(TablePropControllerDataV1Type),
+var tablePropControllerDataV1Schema = import_zod20.z.object({
+  [ControlDataTypeKey]: import_zod20.z.literal(TablePropControllerDataV1Type),
   value: tableIdSchema
 });
-var tablePropControllerDataSchema = import_zod19.z.union([
+var tablePropControllerDataSchema = import_zod20.z.union([
   tablePropControllerDataV0Schema,
   tablePropControllerDataV1Schema
 ]);
@@ -1227,15 +1292,15 @@ function Table(options = {}) {
   return { type: Types.Table, version: 1, options };
 }
 function getTablePropControllerDataTableId(data) {
-  return (0, import_ts_pattern17.match)(data).with(
+  return (0, import_ts_pattern18.match)(data).with(
     { [ControlDataTypeKey]: TablePropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createTablePropControllerDataFromTableId(value, definition) {
-  return (0, import_ts_pattern17.match)(definition).with(
+  return (0, import_ts_pattern18.match)(definition).with(
     { version: 1 },
-    import_ts_pattern17.P.nullish,
+    import_ts_pattern18.P.nullish,
     () => ({
       [ControlDataTypeKey]: TablePropControllerDataV1Type,
       value
@@ -1248,7 +1313,7 @@ function copyTableId(data, context) {
   return context.replacementContext.tableIds.get(data) ?? data;
 }
 function copyTablePropControllerData(data, context) {
-  return (0, import_ts_pattern17.match)(data).with(void 0, () => void 0).with(
+  return (0, import_ts_pattern18.match)(data).with(void 0, () => void 0).with(
     { [ControlDataTypeKey]: TablePropControllerDataV1Type },
     (v1) => ({
       [ControlDataTypeKey]: TablePropControllerDataV1Type,
@@ -1261,16 +1326,90 @@ function getTablePropControllerDataTableIds(data) {
   return value ? [value] : [];
 }
 
+// src/table-form-fields/table-form-fields.ts
+var import_zod21 = require("zod");
+var import_ts_pattern19 = require("ts-pattern");
+var tableFormFieldSchema = import_zod21.z.object({
+  id: import_zod21.z.string(),
+  tableColumnId: import_zod21.z.string(),
+  label: import_zod21.z.string().optional(),
+  placeholder: import_zod21.z.string().optional(),
+  defaultValue: import_zod21.z.union([import_zod21.z.string(), import_zod21.z.boolean(), import_zod21.z.array(import_zod21.z.string())]).optional(),
+  required: import_zod21.z.boolean().optional(),
+  hidden: import_zod21.z.boolean().optional(),
+  type: import_zod21.z.union([import_zod21.z.literal("select"), import_zod21.z.literal("radio")]).optional(),
+  hideLabel: import_zod21.z.boolean().optional(),
+  autofill: import_zod21.z.boolean().optional()
+});
+var tableFormFieldsDataSchema = import_zod21.z.object({
+  fields: import_zod21.z.array(tableFormFieldSchema),
+  grid: createResponsiveValueSchema(
+    import_zod21.z.object({
+      count: import_zod21.z.number(),
+      spans: import_zod21.z.array(import_zod21.z.array(import_zod21.z.number()))
+    })
+  )
+});
+var tableFormFieldsPropControllerDataV0Schema = tableFormFieldsDataSchema;
+var TableFormFieldsPropControllerDataV1Type = "prop-controllers::table-form-fields::v1";
+var tableFormFieldsPropControllerDataV1Schema = import_zod21.z.object({
+  [ControlDataTypeKey]: import_zod21.z.literal(TableFormFieldsPropControllerDataV1Type),
+  value: tableFormFieldsDataSchema
+});
+var tableFormFieldsPropControllerDataSchema = import_zod21.z.union([
+  tableFormFieldsPropControllerDataV0Schema,
+  tableFormFieldsPropControllerDataV1Schema
+]);
+function TableFormFields(options = {}) {
+  return { type: Types.TableFormFields, version: 1, options };
+}
+function getTableFormFieldsPropControllerDataTableFormFieldsData(data) {
+  return (0, import_ts_pattern19.match)(data).with(
+    { [ControlDataTypeKey]: TableFormFieldsPropControllerDataV1Type },
+    (v1) => v1.value
+  ).otherwise((v0) => v0);
+}
+function createTableFormFieldsPropControllerDataFromTableFormFieldsData(value, definition) {
+  return (0, import_ts_pattern19.match)(definition).with(
+    { version: 1 },
+    import_ts_pattern19.P.nullish,
+    () => ({
+      [ControlDataTypeKey]: TableFormFieldsPropControllerDataV1Type,
+      value
+    })
+  ).otherwise(() => value);
+}
+function copyTableFormFieldsData(data, context) {
+  if (data == null)
+    return data;
+  return {
+    ...data,
+    fields: data.fields.map((field) => ({
+      ...field,
+      tableColumnId: context.replacementContext.tableColumnIds.get(field.tableColumnId) ?? field.tableColumnId
+    }))
+  };
+}
+function copyTableFormFieldsPropControllerData(data, context) {
+  return (0, import_ts_pattern19.match)(data).with(void 0, () => void 0).with(
+    { [ControlDataTypeKey]: TableFormFieldsPropControllerDataV1Type },
+    (v1) => ({
+      [ControlDataTypeKey]: TableFormFieldsPropControllerDataV1Type,
+      value: copyTableFormFieldsData(v1.value, context)
+    })
+  ).otherwise((v0) => copyTableFormFieldsData(v0, context));
+}
+
 // src/text-area/text-area.ts
-var import_zod20 = require("zod");
-var import_ts_pattern18 = require("ts-pattern");
-var textAreaPropControllerDataV0Schema = import_zod20.z.string();
+var import_zod22 = require("zod");
+var import_ts_pattern20 = require("ts-pattern");
+var textAreaPropControllerDataV0Schema = import_zod22.z.string();
 var TextAreaPropControllerDataV1Type = "prop-controllers::text-area::v1";
-var textAreaPropControllerDataV1Schema = import_zod20.z.object({
-  [ControlDataTypeKey]: import_zod20.z.literal(TextAreaPropControllerDataV1Type),
-  value: import_zod20.z.string()
+var textAreaPropControllerDataV1Schema = import_zod22.z.object({
+  [ControlDataTypeKey]: import_zod22.z.literal(TextAreaPropControllerDataV1Type),
+  value: import_zod22.z.string()
 });
-var textAreaPropControllerDataSchema = import_zod20.z.union([
+var textAreaPropControllerDataSchema = import_zod22.z.union([
   textAreaPropControllerDataV0Schema,
   textAreaPropControllerDataV1Schema
 ]);
@@ -1278,13 +1417,13 @@ function TextArea(options = {}) {
   return { type: Types.TextArea, version: 1, options };
 }
 function getTextAreaPropControllerDataString(data) {
-  return (0, import_ts_pattern18.match)(data).with(
+  return (0, import_ts_pattern20.match)(data).with(
     { [ControlDataTypeKey]: TextAreaPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createTextAreaPropControllerDataFromString(value, definition) {
-  return (0, import_ts_pattern18.match)(definition).with(
+  return (0, import_ts_pattern20.match)(definition).with(
     { version: 1 },
     () => ({
       [ControlDataTypeKey]: TextAreaPropControllerDataV1Type,
@@ -1294,15 +1433,15 @@ function createTextAreaPropControllerDataFromString(value, definition) {
 }
 
 // src/width/width.ts
-var import_ts_pattern19 = require("ts-pattern");
-var import_zod21 = require("zod");
+var import_ts_pattern21 = require("ts-pattern");
+var import_zod23 = require("zod");
 var widthPropControllerDataV0Schema = responsiveLengthDataSchema;
 var WidthPropControllerDataV1Type = "prop-controllers::width::v1";
-var widthPropControllerDataV1Schema = import_zod21.z.object({
-  [ControlDataTypeKey]: import_zod21.z.literal(WidthPropControllerDataV1Type),
+var widthPropControllerDataV1Schema = import_zod23.z.object({
+  [ControlDataTypeKey]: import_zod23.z.literal(WidthPropControllerDataV1Type),
   value: responsiveLengthDataSchema
 });
-var widthPropControllerDataSchema = import_zod21.z.union([
+var widthPropControllerDataSchema = import_zod23.z.union([
   widthPropControllerDataV0Schema,
   widthPropControllerDataV1Schema
 ]);
@@ -1315,15 +1454,15 @@ function Width(options = {}) {
 }
 Width.Format = WidthPropControllerFormat;
 function getWidthPropControllerDataResponsiveLengthData(data) {
-  return (0, import_ts_pattern19.match)(data).with(
+  return (0, import_ts_pattern21.match)(data).with(
     { [ControlDataTypeKey]: WidthPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createWidthPropControllerDataFromResponsiveLengthData(responsiveLengthData, definition) {
-  return (0, import_ts_pattern19.match)(definition).with(
+  return (0, import_ts_pattern21.match)(definition).with(
     { version: 1 },
-    import_ts_pattern19.P.nullish,
+    import_ts_pattern21.P.nullish,
     () => ({
       [ControlDataTypeKey]: WidthPropControllerDataV1Type,
       value: responsiveLengthData
@@ -1332,22 +1471,22 @@ function createWidthPropControllerDataFromResponsiveLengthData(responsiveLengthD
 }
 
 // src/video/video.ts
-var import_zod22 = require("zod");
-var import_ts_pattern20 = require("ts-pattern");
-var videoDataSchema = import_zod22.z.object({
-  url: import_zod22.z.string().optional(),
-  muted: import_zod22.z.boolean().optional(),
-  playing: import_zod22.z.boolean().optional(),
-  loop: import_zod22.z.boolean().optional(),
-  controls: import_zod22.z.boolean().optional()
+var import_zod24 = require("zod");
+var import_ts_pattern22 = require("ts-pattern");
+var videoDataSchema = import_zod24.z.object({
+  url: import_zod24.z.string().optional(),
+  muted: import_zod24.z.boolean().optional(),
+  playing: import_zod24.z.boolean().optional(),
+  loop: import_zod24.z.boolean().optional(),
+  controls: import_zod24.z.boolean().optional()
 });
 var videoPropControllerDataV0Schema = videoDataSchema;
 var VideoPropControllerDataV1Type = "prop-controllers::video::v1";
-var videoPropControllerDataV1Schema = import_zod22.z.object({
-  [ControlDataTypeKey]: import_zod22.z.literal(VideoPropControllerDataV1Type),
+var videoPropControllerDataV1Schema = import_zod24.z.object({
+  [ControlDataTypeKey]: import_zod24.z.literal(VideoPropControllerDataV1Type),
   value: videoDataSchema
 });
-var videoPropControllerDataSchema = import_zod22.z.union([
+var videoPropControllerDataSchema = import_zod24.z.union([
   videoPropControllerDataV1Schema,
   videoPropControllerDataV0Schema
 ]);
@@ -1355,15 +1494,15 @@ function Video(options = {}) {
   return { type: Types.Video, version: 1, options };
 }
 function getVideoPropControllerDataVideoData(data) {
-  return (0, import_ts_pattern20.match)(data).with(
+  return (0, import_ts_pattern22.match)(data).with(
     { [ControlDataTypeKey]: VideoPropControllerDataV1Type },
     (v1) => v1.value
   ).otherwise((v0) => v0);
 }
 function createVideoPropControllerDataFromVideoData(value, definition) {
-  return (0, import_ts_pattern20.match)(definition).with(
+  return (0, import_ts_pattern22.match)(definition).with(
     { version: 1 },
-    import_ts_pattern20.P.nullish,
+    import_ts_pattern22.P.nullish,
     () => ({
       [ControlDataTypeKey]: VideoPropControllerDataV1Type,
       value
@@ -1379,6 +1518,7 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   Checkbox,
   ControlDataTypeKey,
   Date,
+  ElementID,
   Font,
   GapX,
   GapY,
@@ -1394,6 +1534,7 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   ResponsiveLengthPropControllerDataV1Type,
   Shadows,
   Table,
+  TableFormFields,
   TextArea,
   TextStyle,
   Types,
@@ -1404,15 +1545,18 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   borderRadiusPropControllerDataSchema,
   checkboxPropControllerDataSchema,
   copyBorderPropControllerData,
+  copyElementIDPropControllerData,
   copyLinkPropControllerData,
   copyNavigationLinksPropControllerData,
   copyResponsiveColorPropControllerData,
   copyShadowsPropControllerData,
+  copyTableFormFieldsPropControllerData,
   copyTablePropControllerData,
   createBorderPropControllerDataFromResponsiveBorderData,
   createBorderRadiusPropControllerDataFromResponsiveBorderRadiusData,
   createCheckboxPropControllerDataFromBoolean,
   createDatePropControllerDataFromString,
+  createElementIDPropControllerDataFromElementID,
   createFontPropControllerDataFromResponsiveFontData,
   createGapXPropControllerDataFromResponsiveGapData,
   createGapYPropControllerDataFromResponsiveGapData,
@@ -1425,12 +1569,14 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   createResponsiveLengthPropControllerDataFromResponsiveLengthData,
   createResponsiveValueSchema,
   createShadowsPropControllerDataFromResponsiveShadowsData,
+  createTableFormFieldsPropControllerDataFromTableFormFieldsData,
   createTablePropControllerDataFromTableId,
   createTextAreaPropControllerDataFromString,
   createTextStylePropControllerDataFromResponsiveTextStyleData,
   createVideoPropControllerDataFromVideoData,
   createWidthPropControllerDataFromResponsiveLengthData,
   datePropControllerDataSchema,
+  elementIDPropControllerDataSchema,
   fontPropControllerDataSchema,
   gapXPropControllerDataSchema,
   gapYPropControllerDataSchema,
@@ -1439,6 +1585,7 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   getBorderRadiusPropControllerDataResponsiveBorderRadiusData,
   getCheckboxPropControllerDataBoolean,
   getDatePropControllerDataString,
+  getElementIDPropControllerDataElementID,
   getFontPropControllerDataResponsiveFontData,
   getGapXPropControllerDataResponsiveGapData,
   getGapYPropControllerDataResponsiveGapData,
@@ -1456,6 +1603,7 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   getResponsiveLengthPropControllerDataResponsiveLengthData,
   getShadowsPropControllerDataResponsiveShadowsData,
   getShadowsPropControllerDataSwatchIds,
+  getTableFormFieldsPropControllerDataTableFormFieldsData,
   getTablePropControllerDataTableId,
   getTablePropControllerDataTableIds,
   getTextAreaPropControllerDataString,
@@ -1471,6 +1619,7 @@ function createVideoPropControllerDataFromVideoData(value, definition) {
   responsiveColorPropControllerDataSchema,
   responsiveLengthPropControllerDataSchema,
   shadowsPropControllerDataSchema,
+  tableFormFieldsPropControllerDataSchema,
   tablePropControllerDataSchema,
   textAreaPropControllerDataSchema,
   textStylePropControllerDataSchema,