@makeswift/runtime 0.13.0 → 0.14.0

package/dist/esm/prop-controllers/copy/rich-text.js

@@ -0,0 +1,97 @@
+function copy(value, context) {
+  if (value == null)
+    return value;
+  return { ...value, document: value.document ? copyNode(value.document) : value.document };
+  function copyNode(node) {
+    switch (node.object) {
+      case "document":
+      case "block":
+      case "inline":
+        return copyInline(node);
+      case "text":
+        return { ...node, marks: node.marks?.map(copyMark) };
+      default:
+        return node;
+    }
+  }
+  function copyInline(inline) {
+    switch (inline.type) {
+      case "link":
+        return {
+          ...inline,
+          nodes: inline.nodes?.map(copyNode),
+          data: inline.data ? copyLinkData(inline.data) : inline.data
+        };
+      default:
+        return { ...inline, nodes: inline.nodes?.map(copyNode) };
+    }
+  }
+  function copyLinkData(data) {
+    switch (data.type) {
+      case "OPEN_PAGE": {
+        const pageId = data.payload.pageId;
+        if (pageId == null)
+          return data;
+        return {
+          ...data,
+          payload: {
+            ...data.payload,
+            pageId: context.replacementContext.pageIds.get(pageId) ?? data.payload.pageId
+          }
+        };
+      }
+      case "SCROLL_TO_ELEMENT": {
+        const elementIdConfig = data.payload.elementIdConfig;
+        if (elementIdConfig == null)
+          return data;
+        return {
+          ...data,
+          payload: {
+            ...data.payload,
+            elementIdConfig: {
+              ...elementIdConfig,
+              elementKey: context.replacementContext.elementKeys.get(elementIdConfig.elementKey) ?? elementIdConfig.elementKey
+            }
+          }
+        };
+      }
+      default:
+        return data;
+    }
+  }
+  function copyMark(mark) {
+    switch (mark.type) {
+      case "typography": {
+        const typographyId = mark.data?.value.id;
+        return {
+          ...mark,
+          data: {
+            ...mark.data,
+            value: {
+              ...mark.data?.value,
+              id: context.replacementContext.typographyIds.get(typographyId) ?? typographyId,
+              style: mark.data?.value.style.map((override) => ({
+                ...override,
+                value: {
+                  ...override.value,
+                  color: override.value.color == null ? override.value.color : {
+                    ...override.value.color,
+                    swatchId: context.replacementContext.swatchIds.get(
+                      override.value.color?.swatchId
+                    ) ?? override.value.color?.swatchId
+                  }
+                }
+              }))
+            }
+          }
+        };
+      }
+      default:
+        return mark;
+    }
+  }
+}
+export {
+  copy
+};
+//# sourceMappingURL=rich-text.js.map

package/dist/esm/prop-controllers/copy/rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/prop-controllers/copy/rich-text.ts"],"sourcesContent":["import { NodeJSON, InlineJSON, MarkJSON } from '../../controls'\nimport { CopyContext } from '../../state/react-page'\nimport { RichTextValue } from '../descriptors'\n\nexport function copy(\n  value: RichTextValue | undefined,\n  context: CopyContext,\n): RichTextValue | undefined {\n  if (value == null) return value\n\n  return { ...value, document: value.document ? copyNode(value.document) : value.document }\n\n  function copyNode<T extends NodeJSON>(node: T): T {\n    switch (node.object) {\n      case 'document':\n      case 'block':\n      case 'inline':\n        // @ts-expect-error: TypeScript can't refine the generic type T, even though it can\n        // refine NodeJSON.\n        return copyInline(node)\n\n      case 'text':\n        return { ...node, marks: node.marks?.map(copyMark) }\n\n      default:\n        return node\n    }\n  }\n\n  function copyInline(inline: InlineJSON): InlineJSON {\n    switch (inline.type) {\n      case 'link':\n        return {\n          ...inline,\n          nodes: inline.nodes?.map(copyNode),\n          data: inline.data ? copyLinkData(inline.data as any) : inline.data,\n        }\n\n      default:\n        return { ...inline, nodes: inline.nodes?.map(copyNode) }\n    }\n  }\n\n  function copyLinkData(data: any): any {\n    switch (data.type) {\n      case 'OPEN_PAGE': {\n        const pageId = data.payload.pageId\n\n        if (pageId == null) return data\n\n        return {\n          ...data,\n          payload: {\n            ...data.payload,\n            pageId: context.replacementContext.pageIds.get(pageId) ?? data.payload.pageId,\n          },\n        }\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        const elementIdConfig = data.payload.elementIdConfig\n\n        if (elementIdConfig == null) return data\n\n        return {\n          ...data,\n          payload: {\n            ...data.payload,\n            elementIdConfig: {\n              ...elementIdConfig,\n              elementKey:\n                context.replacementContext.elementKeys.get(elementIdConfig.elementKey) ??\n                elementIdConfig.elementKey,\n            },\n          },\n        }\n      }\n\n      default:\n        return data\n    }\n  }\n\n  function copyMark(mark: MarkJSON): MarkJSON {\n    switch (mark.type) {\n      case 'typography': {\n        const typographyId = mark.data?.value.id\n\n        return {\n          ...mark,\n          data: {\n            ...mark.data,\n            value: {\n              ...mark.data?.value,\n              id: context.replacementContext.typographyIds.get(typographyId) ?? typographyId,\n              style: mark.data?.value.style.map((override: any) => ({\n                ...override,\n                value: {\n                  ...override.value,\n                  color:\n                    override.value.color == null\n                      ? override.value.color\n                      : {\n                          ...override.value.color,\n                          swatchId:\n                            context.replacementContext.swatchIds.get(\n                              override.value.color?.swatchId,\n                            ) ?? override.value.color?.swatchId,\n                        },\n                },\n              })),\n            },\n          },\n        }\n      }\n\n      default:\n        return mark\n    }\n  }\n}\n"],"mappings":"AAIO,SAAS,KACd,OACA,SAC2B;AAC3B,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,EAAE,GAAG,OAAO,UAAU,MAAM,WAAW,SAAS,MAAM,QAAQ,IAAI,MAAM,SAAS;AAExF,WAAS,SAA6B,MAAY;AAChD,YAAQ,KAAK,QAAQ;AAAA,MACnB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAGH,eAAO,WAAW,IAAI;AAAA,MAExB,KAAK;AACH,eAAO,EAAE,GAAG,MAAM,OAAO,KAAK,OAAO,IAAI,QAAQ,EAAE;AAAA,MAErD;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,WAAS,WAAW,QAAgC;AAClD,YAAQ,OAAO,MAAM;AAAA,MACnB,KAAK;AACH,eAAO;AAAA,UACL,GAAG;AAAA,UACH,OAAO,OAAO,OAAO,IAAI,QAAQ;AAAA,UACjC,MAAM,OAAO,OAAO,aAAa,OAAO,IAAW,IAAI,OAAO;AAAA,QAChE;AAAA,MAEF;AACE,eAAO,EAAE,GAAG,QAAQ,OAAO,OAAO,OAAO,IAAI,QAAQ,EAAE;AAAA,IAC3D;AAAA,EACF;AAEA,WAAS,aAAa,MAAgB;AACpC,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK,aAAa;AAChB,cAAM,SAAS,KAAK,QAAQ;AAE5B,YAAI,UAAU;AAAM,iBAAO;AAE3B,eAAO;AAAA,UACL,GAAG;AAAA,UACH,SAAS;AAAA,YACP,GAAG,KAAK;AAAA,YACR,QAAQ,QAAQ,mBAAmB,QAAQ,IAAI,MAAM,KAAK,KAAK,QAAQ;AAAA,UACzE;AAAA,QACF;AAAA,MACF;AAAA,MAEA,KAAK,qBAAqB;AACxB,cAAM,kBAAkB,KAAK,QAAQ;AAErC,YAAI,mBAAmB;AAAM,iBAAO;AAEpC,eAAO;AAAA,UACL,GAAG;AAAA,UACH,SAAS;AAAA,YACP,GAAG,KAAK;AAAA,YACR,iBAAiB;AAAA,cACf,GAAG;AAAA,cACH,YACE,QAAQ,mBAAmB,YAAY,IAAI,gBAAgB,UAAU,KACrE,gBAAgB;AAAA,YACpB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MAEA;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,WAAS,SAAS,MAA0B;AAC1C,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK,cAAc;AACjB,cAAM,eAAe,KAAK,MAAM,MAAM;AAEtC,eAAO;AAAA,UACL,GAAG;AAAA,UACH,MAAM;AAAA,YACJ,GAAG,KAAK;AAAA,YACR,OAAO;AAAA,cACL,GAAG,KAAK,MAAM;AAAA,cACd,IAAI,QAAQ,mBAAmB,cAAc,IAAI,YAAY,KAAK;AAAA,cAClE,OAAO,KAAK,MAAM,MAAM,MAAM,IAAI,CAAC,cAAmB;AAAA,gBACpD,GAAG;AAAA,gBACH,OAAO;AAAA,kBACL,GAAG,SAAS;AAAA,kBACZ,OACE,SAAS,MAAM,SAAS,OACpB,SAAS,MAAM,QACf;AAAA,oBACE,GAAG,SAAS,MAAM;AAAA,oBAClB,UACE,QAAQ,mBAAmB,UAAU;AAAA,sBACnC,SAAS,MAAM,OAAO;AAAA,oBACxB,KAAK,SAAS,MAAM,OAAO;AAAA,kBAC/B;AAAA,gBACR;AAAA,cACF,EAAE;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MAEA;AACE,eAAO;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/esm/prop-controllers/copy/shadows.js

@@ -0,0 +1,24 @@
+function copy(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => ({ ...override, value: override.value.map(copyShadowItem) }));
+  function copyShadowItem(item) {
+    const { color } = item.payload;
+    if (color == null)
+      return item;
+    return {
+      ...item,
+      payload: {
+        ...item.payload,
+        color: {
+          ...color,
+          swatchId: context.replacementContext.swatchIds.get(color.swatchId) ?? color.swatchId
+        }
+      }
+    };
+  }
+}
+export {
+  copy
+};
+//# sourceMappingURL=shadows.js.map

package/dist/esm/prop-controllers/copy/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/prop-controllers/copy/shadows.ts"],"sourcesContent":["import { CopyContext } from '../../state/react-page'\nimport { ShadowsValue } from '../descriptors'\n\nexport function copy(\n  value: ShadowsValue | undefined,\n  context: CopyContext,\n): ShadowsValue | undefined {\n  if (value == null) return value\n\n  return value.map(override => ({ ...override, value: override.value.map(copyShadowItem) }))\n\n  function copyShadowItem(item: any): any {\n    const { color } = item.payload\n\n    if (color == null) return item\n\n    return {\n      ...item,\n      payload: {\n        ...item.payload,\n        color: {\n          ...color,\n          swatchId: context.replacementContext.swatchIds.get(color.swatchId) ?? color.swatchId,\n        },\n      },\n    }\n  }\n}\n"],"mappings":"AAGO,SAAS,KACd,OACA,SAC0B;AAC1B,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,MAAM,IAAI,eAAa,EAAE,GAAG,UAAU,OAAO,SAAS,MAAM,IAAI,cAAc,EAAE,EAAE;AAEzF,WAAS,eAAe,MAAgB;AACtC,UAAM,EAAE,MAAM,IAAI,KAAK;AAEvB,QAAI,SAAS;AAAM,aAAO;AAE1B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,KAAK;AAAA,QACR,OAAO;AAAA,UACL,GAAG;AAAA,UACH,UAAU,QAAQ,mBAAmB,UAAU,IAAI,MAAM,QAAQ,KAAK,MAAM;AAAA,QAC9E;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/prop-controllers/copy/table-form-fields.js

@@ -0,0 +1,15 @@
+function copy(value, context) {
+  if (value == null)
+    return value;
+  return { ...value, fields: value.fields.map(copyFormFieldsPanelItem) };
+  function copyFormFieldsPanelItem(item) {
+    return {
+      ...item,
+      tableColumnId: context.replacementContext.tableColumnIds.get(item.tableColumnId) ?? item.tableColumnId
+    };
+  }
+}
+export {
+  copy
+};
+//# sourceMappingURL=table-form-fields.js.map

package/dist/esm/prop-controllers/copy/table-form-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/prop-controllers/copy/table-form-fields.ts"],"sourcesContent":["import { CopyContext } from '../../state/react-page'\nimport { TableFormFieldsValue } from '../descriptors'\n\nexport function copy(\n  value: TableFormFieldsValue | undefined,\n  context: CopyContext,\n): TableFormFieldsValue | undefined {\n  if (value == null) return value\n\n  return { ...value, fields: value.fields.map(copyFormFieldsPanelItem) }\n\n  function copyFormFieldsPanelItem(item: any): any {\n    return {\n      ...item,\n      tableColumnId:\n        context.replacementContext.tableColumnIds.get(item.tableColumnId) ?? item.tableColumnId,\n    }\n  }\n}\n"],"mappings":"AAGO,SAAS,KACd,OACA,SACkC;AAClC,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,IAAI,uBAAuB,EAAE;AAErE,WAAS,wBAAwB,MAAgB;AAC/C,WAAO;AAAA,MACL,GAAG;AAAA,MACH,eACE,QAAQ,mBAAmB,eAAe,IAAI,KAAK,aAAa,KAAK,KAAK;AAAA,IAC9E;AAAA,EACF;AACF;","names":[]}

package/dist/esm/prop-controllers/copy/table.js

@@ -0,0 +1,9 @@
+function copy(value, context) {
+  if (value == null)
+    return value;
+  return context.replacementContext.tableIds.get(value) ?? value;
+}
+export {
+  copy
+};
+//# sourceMappingURL=table.js.map

package/dist/esm/prop-controllers/copy/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/prop-controllers/copy/table.ts"],"sourcesContent":["import { CopyContext } from '../../state/react-page'\nimport { TableValue } from '../descriptors'\n\nexport function copy(value: TableValue | undefined, context: CopyContext): TableValue | undefined {\n  if (value == null) return value\n\n  return context.replacementContext.tableIds.get(value) ?? value\n}\n"],"mappings":"AAGO,SAAS,KAAK,OAA+B,SAA8C;AAChG,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,QAAQ,mBAAmB,SAAS,IAAI,KAAK,KAAK;AAC3D;","names":[]}

package/dist/esm/prop-controllers/copy.js

@@ -0,0 +1,53 @@
+import { copy as backgroundsCopy } from "./copy/backgrounds";
+import { copy as gridCopy } from "./copy/grid";
+import { copy as navigationLinksCopy } from "./copy/navigation-links";
+import { copy as linkCopy } from "./copy/link";
+import { copy as shadowsCopy } from "./copy/shadows";
+import { copy as imageCopy } from "./copy/image";
+import { copy as imagesCopy } from "./copy/images";
+import { copy as responsiveColorCopy } from "./copy/responsive-color";
+import { copy as tableFormFieldsCopy } from "./copy/table-form-fields";
+import { copy as tableCopy } from "./copy/table";
+import { copy as borderCopy } from "./copy/border";
+import { copy as richTextCopy } from "./copy/rich-text";
+import { copy as elementIdCopy } from "./copy/element-id";
+function copy(descriptor, value, context) {
+  switch (descriptor.type) {
+    case "Backgrounds":
+      return backgroundsCopy(descriptor, value, context);
+    case "Grid":
+      return gridCopy(value, context);
+    case "NavigationLinks":
+      return navigationLinksCopy(value, context);
+    case "Link":
+      return linkCopy(value, context);
+    case "Shadows":
+      return shadowsCopy(value, context);
+    case "Image":
+      return imageCopy(descriptor, value, context);
+    case "Images":
+      return imagesCopy(descriptor, value, context);
+    case "ResponsiveColor":
+      return responsiveColorCopy(value, context);
+    case "TableFormFields":
+      return tableFormFieldsCopy(value, context);
+    case "Table":
+      return tableCopy(value, context);
+    case "Border":
+      return borderCopy(value, context);
+    case "RichText":
+      return richTextCopy(value, context);
+    case "ElementID":
+      return elementIdCopy(value, context);
+    default:
+      return value;
+  }
+}
+function copyElementReference(value, context) {
+  return context.replacementContext.globalElementIds.get(value) || value;
+}
+export {
+  copy,
+  copyElementReference
+};
+//# sourceMappingURL=copy.js.map

package/dist/esm/prop-controllers/copy.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/prop-controllers/copy.ts"],"sourcesContent":["import { Descriptor } from './descriptors'\nimport { copy as backgroundsCopy } from './copy/backgrounds'\nimport { copy as gridCopy } from './copy/grid'\nimport { copy as navigationLinksCopy } from './copy/navigation-links'\nimport { copy as linkCopy } from './copy/link'\nimport { copy as shadowsCopy } from './copy/shadows'\nimport { copy as imageCopy } from './copy/image'\nimport { copy as imagesCopy } from './copy/images'\nimport { copy as responsiveColorCopy } from './copy/responsive-color'\nimport { copy as tableFormFieldsCopy } from './copy/table-form-fields'\nimport { copy as tableCopy } from './copy/table'\nimport { copy as borderCopy } from './copy/border'\nimport { copy as richTextCopy } from './copy/rich-text'\nimport { copy as elementIdCopy } from './copy/element-id'\nimport { CopyContext } from '../state/react-page'\n\n// @note: note typing value, because would then have to type narrow `Data` per case\nexport function copy(descriptor: Descriptor, value: any, context: CopyContext) {\n  switch (descriptor.type) {\n    case 'Backgrounds':\n      return backgroundsCopy(descriptor, value, context)\n    case 'Grid':\n      return gridCopy(value, context)\n    case 'NavigationLinks':\n      return navigationLinksCopy(value, context)\n    case 'Link':\n      return linkCopy(value, context)\n    case 'Shadows':\n      return shadowsCopy(value, context)\n    case 'Image':\n      return imageCopy(descriptor, value, context)\n    case 'Images':\n      return imagesCopy(descriptor, value, context)\n    case 'ResponsiveColor':\n      return responsiveColorCopy(value, context)\n    case 'TableFormFields':\n      return tableFormFieldsCopy(value, context)\n    case 'Table':\n      return tableCopy(value, context)\n    case 'Border':\n      return borderCopy(value, context)\n    case 'RichText':\n      return richTextCopy(value, context)\n    case 'ElementID':\n      return elementIdCopy(value, context)\n    default:\n      return value\n  }\n}\n\nexport function copyElementReference(value: string, context: CopyContext) {\n  return context.replacementContext.globalElementIds.get(value) || value\n}\n"],"mappings":"AACA,SAAS,QAAQ,uBAAuB;AACxC,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAQ,2BAA2B;AAC5C,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAQ,mBAAmB;AACpC,SAAS,QAAQ,iBAAiB;AAClC,SAAS,QAAQ,kBAAkB;AACnC,SAAS,QAAQ,2BAA2B;AAC5C,SAAS,QAAQ,2BAA2B;AAC5C,SAAS,QAAQ,iBAAiB;AAClC,SAAS,QAAQ,kBAAkB;AACnC,SAAS,QAAQ,oBAAoB;AACrC,SAAS,QAAQ,qBAAqB;AAI/B,SAAS,KAAK,YAAwB,OAAY,SAAsB;AAC7E,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK;AACH,aAAO,gBAAgB,YAAY,OAAO,OAAO;AAAA,IACnD,KAAK;AACH,aAAO,SAAS,OAAO,OAAO;AAAA,IAChC,KAAK;AACH,aAAO,oBAAoB,OAAO,OAAO;AAAA,IAC3C,KAAK;AACH,aAAO,SAAS,OAAO,OAAO;AAAA,IAChC,KAAK;AACH,aAAO,YAAY,OAAO,OAAO;AAAA,IACnC,KAAK;AACH,aAAO,UAAU,YAAY,OAAO,OAAO;AAAA,IAC7C,KAAK;AACH,aAAO,WAAW,YAAY,OAAO,OAAO;AAAA,IAC9C,KAAK;AACH,aAAO,oBAAoB,OAAO,OAAO;AAAA,IAC3C,KAAK;AACH,aAAO,oBAAoB,OAAO,OAAO;AAAA,IAC3C,KAAK;AACH,aAAO,UAAU,OAAO,OAAO;AAAA,IACjC,KAAK;AACH,aAAO,WAAW,OAAO,OAAO;AAAA,IAClC,KAAK;AACH,aAAO,aAAa,OAAO,OAAO;AAAA,IACpC,KAAK;AACH,aAAO,cAAc,OAAO,OAAO;AAAA,IACrC;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,qBAAqB,OAAe,SAAsB;AACxE,SAAO,QAAQ,mBAAmB,iBAAiB,IAAI,KAAK,KAAK;AACnE;","names":[]}

package/dist/esm/prop-controllers/descriptors.js

@@ -0,0 +1,292 @@
+import { StyleControlType } from "../controls/style";
+import {
+  getElementChildren,
+  getFileIds,
+  getPageIds,
+  getSwatchIds,
+  getTypographyIds
+} from "./introspection";
+const Types = {
+  Backgrounds: "Backgrounds",
+  Border: "Border",
+  BorderRadius: "BorderRadius",
+  Checkbox: "Checkbox",
+  Date: "Date",
+  ElementID: "ElementID",
+  Font: "Font",
+  GapX: "GapX",
+  GapY: "GapY",
+  Grid: "Grid",
+  Image: "Image",
+  Images: "Images",
+  Link: "Link",
+  List: "List",
+  Margin: "Margin",
+  NavigationLinks: "NavigationLinks",
+  Number: "Number",
+  Padding: "Padding",
+  ResponsiveColor: "ResponsiveColor",
+  ResponsiveIconRadioGroup: "ResponsiveIconRadioGroup",
+  ResponsiveLength: "ResponsiveLength",
+  ResponsiveNumber: "ResponsiveNumber",
+  ResponsiveOpacity: "ResponsiveOpacity",
+  ResponsiveSelect: "ResponsiveSelect",
+  RichText: "RichText",
+  Shadows: "Shadows",
+  Shape: "Shape",
+  SocialLinks: "SocialLinks",
+  Table: "Table",
+  TableFormFields: "TableFormFields",
+  Typeahead: "Typeahead",
+  TextArea: "TextArea",
+  TextInput: "TextInput",
+  TextStyle: "TextStyle",
+  Video: "Video",
+  Width: "Width",
+  Style: StyleControlType
+};
+function Backgrounds(options = {}) {
+  return { type: Types.Backgrounds, version: 1, options };
+}
+const BorderPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::border::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers:border::format::responsive-value"
+};
+function Border(options = {}) {
+  return { type: Types.Border, options };
+}
+Border.Format = BorderPropControllerFormat;
+const BorderRadiusPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::border-radius::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::border-radius::format::responsive-value"
+};
+function BorderRadius(options = {}) {
+  return { type: Types.BorderRadius, options };
+}
+BorderRadius.Format = BorderRadiusPropControllerFormat;
+function Checkbox(options) {
+  return { type: Types.Checkbox, options };
+}
+function Date(options = {}) {
+  return { type: Types.Date, options };
+}
+function ElementID(options = {}) {
+  return { type: Types.ElementID, options };
+}
+function Font(options = {}) {
+  return { type: Types.Font, options };
+}
+function GapX(options = {}) {
+  return { type: Types.GapX, options };
+}
+function GapY(options = {}) {
+  return { type: Types.GapY, options };
+}
+function Grid(options = {}) {
+  return { type: Types.Grid, options };
+}
+function mergeGridPropControllerTranslatedData(data, context) {
+  return {
+    ...data,
+    elements: data.elements.map((element) => context.mergeTranslatedData(element))
+  };
+}
+function Image(options = {}) {
+  return { type: Types.Image, version: 1, options };
+}
+function Images(options = {}) {
+  return { type: Types.Images, version: 1, options };
+}
+function Link(options = {}) {
+  return { type: Types.Link, options };
+}
+function List(options) {
+  return { type: Types.List, options };
+}
+function introspectListPropControllerData(descriptor, value, func) {
+  if (value == null)
+    return [];
+  return value.flatMap((item) => item.value ? func(descriptor.options.type, item.value) : []);
+}
+function getListPropControllerElementChildren(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getElementChildren);
+}
+function getListPropControllerSwatchIds(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getSwatchIds);
+}
+function getListPropControllerFileIds(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getFileIds);
+}
+function getListPropControllerTypographyIds(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getTypographyIds);
+}
+function getListPropControllerPageIds(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getPageIds);
+}
+const MarginPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::margin::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::margin::format::responsive-value"
+};
+function Margin(options = {}) {
+  return { type: Types.Margin, options };
+}
+Margin.Format = MarginPropControllerFormat;
+function NavigationLinks(options = {}) {
+  return { type: Types.NavigationLinks, options };
+}
+function Number(options = {}) {
+  return { type: Types.Number, options };
+}
+const PaddingPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::padding::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::padding::format::responsive-value"
+};
+function Padding(options = {}) {
+  return { type: Types.Padding, options };
+}
+Padding.Format = PaddingPropControllerFormat;
+function ResponsiveColor(options = {}) {
+  return { type: Types.ResponsiveColor, options };
+}
+function ResponsiveIconRadioGroup(options) {
+  return { type: Types.ResponsiveIconRadioGroup, options };
+}
+function ResponsiveLength(options = {}) {
+  return { type: Types.ResponsiveLength, options };
+}
+function ResponsiveNumber(options = {}) {
+  return { type: Types.ResponsiveNumber, options };
+}
+function ResponsiveOpacity(options = {}) {
+  return { type: Types.ResponsiveOpacity, options };
+}
+function ResponsiveSelect(options) {
+  return { type: Types.ResponsiveSelect, options };
+}
+function RichText(options = {}) {
+  return { type: Types.RichText, options };
+}
+const ShadowsPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::shadows::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::shadows::format::responsive-value"
+};
+function Shadows(options = {}) {
+  return { type: Types.Shadows, options };
+}
+Shadows.Format = ShadowsPropControllerFormat;
+function Shape(options) {
+  return { type: Types.Shape, options };
+}
+function introspectShapePropControllerData(descriptor, value, func) {
+  if (value == null)
+    return [];
+  return Object.entries(descriptor.options.type).flatMap(
+    ([key, definition]) => func(definition, value[key])
+  );
+}
+function getShapePropControllerElementChildren(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getElementChildren);
+}
+function getShapePropControllerFileIds(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getFileIds);
+}
+function getShapePropControllerTypographyIds(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getTypographyIds);
+}
+function getShapePropControllerPageIds(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getPageIds);
+}
+function getShapePropControllerSwatchIds(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getSwatchIds);
+}
+function SocialLinks(options = {}) {
+  return { type: Types.SocialLinks, options };
+}
+function Table(options = {}) {
+  return { type: Types.Table, options };
+}
+function TableFormFields(options = {}) {
+  return { type: Types.TableFormFields, options };
+}
+function Typeahead(options) {
+  return { type: Types.Typeahead, options };
+}
+function TextArea(options = {}) {
+  return { type: Types.TextArea, options };
+}
+function TextInput(options = {}) {
+  return { type: Types.TextInput, options };
+}
+function TextStyle(options = {}) {
+  return { type: Types.TextStyle, options };
+}
+function Video(options = {}) {
+  return { type: Types.Video, options };
+}
+const WidthPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::width::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::width::format::responsive-value"
+};
+function Width(options = {}) {
+  return { type: Types.Width, options };
+}
+Width.Format = WidthPropControllerFormat;
+export {
+  Backgrounds,
+  Border,
+  BorderPropControllerFormat,
+  BorderRadius,
+  BorderRadiusPropControllerFormat,
+  Checkbox,
+  Date,
+  ElementID,
+  Font,
+  GapX,
+  GapY,
+  Grid,
+  Image,
+  Images,
+  Link,
+  List,
+  Margin,
+  MarginPropControllerFormat,
+  NavigationLinks,
+  Number,
+  Padding,
+  PaddingPropControllerFormat,
+  ResponsiveColor,
+  ResponsiveIconRadioGroup,
+  ResponsiveLength,
+  ResponsiveNumber,
+  ResponsiveOpacity,
+  ResponsiveSelect,
+  RichText,
+  Shadows,
+  ShadowsPropControllerFormat,
+  Shape,
+  SocialLinks,
+  Table,
+  TableFormFields,
+  TextArea,
+  TextInput,
+  TextStyle,
+  Typeahead,
+  Types,
+  Video,
+  Width,
+  WidthPropControllerFormat,
+  getListPropControllerElementChildren,
+  getListPropControllerFileIds,
+  getListPropControllerPageIds,
+  getListPropControllerSwatchIds,
+  getListPropControllerTypographyIds,
+  getShapePropControllerElementChildren,
+  getShapePropControllerFileIds,
+  getShapePropControllerPageIds,
+  getShapePropControllerSwatchIds,
+  getShapePropControllerTypographyIds,
+  introspectListPropControllerData,
+  introspectShapePropControllerData,
+  mergeGridPropControllerTranslatedData
+};
+//# sourceMappingURL=descriptors.js.map

package/dist/esm/prop-controllers/descriptors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import {\n  ResolveBorderControlValue,\n  ResolveBorderRadiusControlValue,\n  ResolveMarginControlValue,\n  ResolvePaddingControlValue,\n  ResolveShadowsControlValue,\n  ResolveWidthControlValue,\n} from '../runtimes/react/controls'\nimport { StyleControlFormattedValue } from '../runtimes/react/controls/style'\nimport type { Element, Data, MergeTranslatableDataContext } from '../state/react-page'\nimport type { ResponsiveColor } from '../runtimes/react/controls'\nimport { NumberControlDefinition } from '../controls/number'\nimport { NumberControlValue } from '../runtimes/react/controls/number'\nimport { StyleControlType } from '../controls/style'\nimport {\n  CheckboxControlDefinition,\n  ColorControlDefinition,\n  ComboboxControlDefinition,\n  ImageControlDefinition,\n  LinkControlDefinition,\n  ListControlDefinition,\n  SelectControlDefinition,\n  ShapeControlDefinition,\n  SlotControlDefinition,\n  TextAreaControlDefinition,\n  TextInputControlDefinition,\n  StyleControlDefinition,\n  RichTextV2ControlDefinition,\n  StyleV2ControlDefinition,\n  TypographyControlDefinition,\n} from '../controls'\nimport { TextInputControlValue } from '../runtimes/react/controls/text-input'\nimport { TextAreaControlValue } from '../runtimes/react/controls/text-area'\nimport { ColorControlValue } from '../runtimes/react/controls/color'\nimport { SelectControlValue } from '../runtimes/react/controls/select'\nimport { CheckboxControlValue } from '../runtimes/react/controls/checkbox'\nimport { ResolveImageControlValue } from '../runtimes/react/controls/image'\nimport { ShapeControlValue } from '../runtimes/react/controls/shape'\nimport { ListControlValue } from '../runtimes/react/controls/list'\nimport { ComboboxControlValue } from '../runtimes/react/controls/combobox'\nimport { LinkControlValue } from '../runtimes/react/controls/link'\nimport { SlotControlValue } from '../runtimes/react/controls/slot'\nimport { RichTextControlDefinition, RichTextDTO } from '../controls/rich-text'\nimport { RichTextControlValue } from '../runtimes/react/controls/rich-text/rich-text'\nimport { RichTextV2ControlValue } from '../runtimes/react/controls/rich-text-v2'\nimport { StyleV2ControlFormattedValue } from '../runtimes/react/controls/style-v2'\nimport { IconRadioGroupControlDefinition } from '../controls/icon-radio-group'\nimport { IconRadioGroupControlValue } from '../runtimes/react/controls/icon-radio-group'\nimport { TypographyControlValue } from '../runtimes/react/controls/typography'\nimport {\n  getElementChildren,\n  getFileIds,\n  getPageIds,\n  getSwatchIds,\n  getTypographyIds,\n} from './introspection'\n\nexport type { Data }\n\n// See https://github.com/microsoft/TypeScript/issues/15300\nexport type IndexSignatureHack<T> = T extends Record<string, any>\n  ? { [K in keyof T]: IndexSignatureHack<T[K]> }\n  : T\n\nexport type Device = string\n\nexport type DeviceOverride<T> = { deviceId: Device; value: T }\n\nexport type ResponsiveValue<T> = DeviceOverride<T>[]\n\nexport type ResponsiveValueType<T> = T extends ResponsiveValue<infer U> ? U : never\n\ntype Color = { swatchId: string; alpha: number }\n\ntype IconName =\n  | 'HeightAuto16'\n  | 'HeightMatch16'\n  | 'VerticalAlignStart16'\n  | 'VerticalAlignMiddle16'\n  | 'VerticalAlignEnd16'\n  | 'VerticalAlignSpaceBetween16'\n  | 'ButtonPill16'\n  | 'ButtonRounded16'\n  | 'ButtonSquare16'\n  | 'SizeSmall16'\n  | 'SizeMedium16'\n  | 'SizeLarge16'\n  | 'ArrowInside16'\n  | 'ArrowCenter16'\n  | 'ArrowOutside16'\n  | 'CountdownSolid16'\n  | 'CountdownSolidSplit16'\n  | 'CountdownOutline16'\n  | 'CountdownOutlineSplit16'\n  | 'CountdownNaked16'\n  | 'Sun16'\n  | 'Moon16'\n  | 'AlignLeft16'\n  | 'AlignCenter16'\n  | 'AlignRight16'\n  | 'Star16'\n  | 'StarCircle16'\n  | 'StarRoundedSquare16'\n  | 'StarSquare16'\n\nexport type Gap = { value: number; unit: 'px' }\n\nexport type Length = { value: number; unit: 'px' | '%' }\n\ntype OpenPageLink = {\n  type: 'OPEN_PAGE'\n  payload: { pageId: string | null | undefined; openInNewTab: boolean }\n}\n\ntype OpenURLLink = { type: 'OPEN_URL'; payload: { url: string; openInNewTab: boolean } }\n\ntype SendEmailLink = {\n  type: 'SEND_EMAIL'\n  payload: { to: string; subject?: string; body?: string }\n}\n\ntype CallPhoneLink = { type: 'CALL_PHONE'; payload: { phoneNumber: string } }\n\ntype ScrollToElementLink = {\n  type: 'SCROLL_TO_ELEMENT'\n  payload: {\n    elementIdConfig: { elementKey: string; propName: string } | null | undefined\n    block: 'start' | 'center' | 'end'\n  }\n}\n\ntype Link = OpenPageLink | OpenURLLink | SendEmailLink | CallPhoneLink | ScrollToElementLink\n\ntype TextStyle = {\n  fontFamily?: string | null | undefined\n  letterSpacing: number | null | undefined\n  fontSize: { value: number; unit: 'px' } | null | undefined\n  fontWeight: number | null | undefined\n  textTransform: 'uppercase'[]\n  fontStyle: 'italic'[]\n}\n\nexport const Types = {\n  Backgrounds: 'Backgrounds',\n  Border: 'Border',\n  BorderRadius: 'BorderRadius',\n  Checkbox: 'Checkbox',\n  Date: 'Date',\n  ElementID: 'ElementID',\n  Font: 'Font',\n  GapX: 'GapX',\n  GapY: 'GapY',\n  Grid: 'Grid',\n  Image: 'Image',\n  Images: 'Images',\n  Link: 'Link',\n  List: 'List',\n  Margin: 'Margin',\n  NavigationLinks: 'NavigationLinks',\n  Number: 'Number',\n  Padding: 'Padding',\n  ResponsiveColor: 'ResponsiveColor',\n  ResponsiveIconRadioGroup: 'ResponsiveIconRadioGroup',\n  ResponsiveLength: 'ResponsiveLength',\n  ResponsiveNumber: 'ResponsiveNumber',\n  ResponsiveOpacity: 'ResponsiveOpacity',\n  ResponsiveSelect: 'ResponsiveSelect',\n  RichText: 'RichText',\n  Shadows: 'Shadows',\n  Shape: 'Shape',\n  SocialLinks: 'SocialLinks',\n  Table: 'Table',\n  TableFormFields: 'TableFormFields',\n  Typeahead: 'Typeahead',\n  TextArea: 'TextArea',\n  TextInput: 'TextInput',\n  TextStyle: 'TextStyle',\n  Video: 'Video',\n  Width: 'Width',\n  Style: StyleControlType,\n} as const\n\ntype Options<T> = T | ((props: Record<string, unknown>, deviceMode: Device) => T)\n\nexport type ResolveOptions<T extends Options<unknown>> = T extends Options<infer U> ? U : never\n\ntype ColorBackground = { type: 'color'; id: string; payload: Color | null }\n\ntype GradientStop = { id: string; location: number; color: Color | null }\n\ntype Gradient = { angle?: number; isRadial?: boolean; stops: GradientStop[] }\n\ntype GradientBackground = { type: 'gradient'; id: string; payload: Gradient }\n\ntype BackgroundImagePosition = { x: number; y: number }\n\ntype BackgroundImageSize = 'cover' | 'contain' | 'auto'\n\ntype BackgroundImageRepeat = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n\ntype BackgroundImageV0 = {\n  imageId: ImageValueV0\n  position: BackgroundImagePosition\n  size?: BackgroundImageSize\n  repeat?: BackgroundImageRepeat\n  opacity?: number\n  parallax?: number\n  priority?: boolean\n}\n\ntype BackgroundImageV1 = {\n  version: 1\n  image: ImageValueV1\n  position: BackgroundImagePosition\n  size?: BackgroundImageSize\n  repeat?: BackgroundImageRepeat\n  opacity?: number\n  parallax?: number\n  priority?: boolean\n}\n\nexport type BackgroundImage = BackgroundImageV0 | BackgroundImageV1\n\ntype ImageBackgroundV0 = { type: 'image'; id: string; payload: BackgroundImageV0 }\n\ntype ImageBackgroundV1 = { type: 'image-v1'; id: string; payload: BackgroundImageV1 }\n\nexport type ImageBackground = ImageBackgroundV0 | ImageBackgroundV1\n\ntype BackgroundVideoAspectRatio = 'wide' | 'standard'\n\ntype BackgroundVideo = {\n  url?: string\n  maskColor?: Color | null\n  opacity?: number\n  zoom?: number\n  aspectRatio?: BackgroundVideoAspectRatio\n  parallax?: number\n}\n\ntype VideoBackground = { type: 'video'; id: string; payload: BackgroundVideo }\n\ntype Background = ColorBackground | GradientBackground | ImageBackground | VideoBackground\n\nexport type BackgroundsValue = ResponsiveValue<Background[]>\n\ntype BackgroundsOptions = Options<Record<string, never>>\n\nexport type BackgroundsDescriptor<_T = BackgroundsValue> = {\n  type: typeof Types.Backgrounds\n  version?: 1\n  options: BackgroundsOptions\n}\n\nexport function Backgrounds(options: BackgroundsOptions = {}): BackgroundsDescriptor {\n  return { type: Types.Backgrounds, version: 1, options }\n}\n\ntype BorderSideStyle = 'dashed' | 'dotted' | 'solid'\n\nexport type BorderSide = {\n  width: number | null | undefined\n  style: BorderSideStyle\n  color?: Color | null\n}\n\ntype Border = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `border${Capitalize<K>}`]:\n    | BorderSide\n    | null\n    | undefined\n}\n\nexport type BorderValue = ResponsiveValue<Border>\n\nexport const BorderPropControllerFormat = {\n  ClassName: 'makeswift::prop-controllers::border::format::class-name',\n  ResponsiveValue: 'makeswift::prop-controllers:border::format::responsive-value',\n} as const\n\nexport type BorderPropControllerFormat =\n  typeof BorderPropControllerFormat[keyof typeof BorderPropControllerFormat]\n\ntype BorderOptions = { format?: BorderPropControllerFormat }\n\nexport type BorderDescriptor<_T = BorderValue, U extends BorderOptions = BorderOptions> = {\n  type: typeof Types.Border\n  options: U\n}\n\nexport function Border<T extends BorderOptions>(\n  options: T & BorderOptions = {} as T,\n): BorderDescriptor<BorderValue, T> {\n  return { type: Types.Border, options }\n}\n\nBorder.Format = BorderPropControllerFormat\n\ntype BorderRadius = {\n  [K in 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' as `border${Capitalize<K>}Radius`]:\n    | Length\n    | null\n    | undefined\n}\n\nexport type BorderRadiusValue = ResponsiveValue<BorderRadius>\n\nexport const BorderRadiusPropControllerFormat = {\n  ClassName: 'makeswift::prop-controllers::border-radius::format::class-name',\n  ResponsiveValue: 'makeswift::prop-controllers::border-radius::format::responsive-value',\n} as const\n\nexport type BorderRadiusPropControllerFormat =\n  typeof BorderRadiusPropControllerFormat[keyof typeof BorderRadiusPropControllerFormat]\n\ntype BorderRadiusOptions = { format?: BorderRadiusPropControllerFormat }\n\nexport type BorderRadiusDescriptor<\n  _T = BorderRadiusValue,\n  U extends BorderRadiusOptions = BorderRadiusOptions,\n> = {\n  type: typeof Types.BorderRadius\n  options: U\n}\n\nexport function BorderRadius<T extends BorderRadiusOptions>(\n  options: T & BorderRadiusOptions = {} as T,\n): BorderRadiusDescriptor<BorderRadiusValue, T> {\n  return { type: Types.BorderRadius, options }\n}\n\nBorderRadius.Format = BorderRadiusPropControllerFormat\n\nexport type CheckboxValue = boolean\n\nexport type CheckboxOptions = Options<{\n  preset?: CheckboxValue\n  label: string\n  hidden?: boolean\n}>\n\nexport type CheckboxDescriptor<_T = CheckboxValue> = {\n  type: typeof Types.Checkbox\n  options: CheckboxOptions\n}\n\nexport function Checkbox(options: CheckboxOptions): CheckboxDescriptor {\n  return { type: Types.Checkbox, options }\n}\n\nexport type DateValue = string\n\nexport type DateOptions = Options<{ preset?: DateValue }>\n\nexport type DateDescriptor<_T = DateValue> = { type: typeof Types.Date; options: DateOptions }\n\nexport function Date(options: DateOptions = {}): DateDescriptor {\n  return { type: Types.Date, options }\n}\n\nexport type ElementIDValue = string\n\ntype ElementIDOptions = Options<Record<string, never>>\n\ntype ElementIDDescriptor<_T = ElementIDValue> = {\n  type: typeof Types.ElementID\n  options: ElementIDOptions\n}\n\nexport function ElementID(options: ElementIDOptions = {}): ElementIDDescriptor {\n  return { type: Types.ElementID, options }\n}\n\nexport type FontValue = ResponsiveValue<string>\n\ntype FontOptions = Options<{ preset?: FontValue; label?: string }>\n\ntype FontDescriptor<_T = FontValue> = { type: typeof Types.Font; options: FontOptions }\n\nexport function Font(options: FontOptions = {}): FontDescriptor {\n  return { type: Types.Font, options }\n}\n\nexport type GapXValue = ResponsiveValue<Gap>\n\nexport type GapXOptions = Options<{\n  preset?: GapXValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}>\n\nexport type GapXDescriptor<_T = GapXValue> = { type: typeof Types.GapX; options: GapXOptions }\n\nexport function GapX(options: GapXOptions = {}): GapXDescriptor {\n  return { type: Types.GapX, options }\n}\n\nexport type GapYValue = ResponsiveValue<Gap>\n\nexport type GapYOptions = Options<{\n  preset?: GapYValue\n  label?: string\n  defaultValue?: Gap\n  step?: number\n  min?: number\n  max?: number\n  hidden?: boolean\n}>\n\nexport type GapYDescriptor<_T = GapYValue> = { type: typeof Types.GapY; options: GapYOptions }\n\nexport function GapY(options: GapYOptions = {}): GapYDescriptor {\n  return { type: Types.GapY, options }\n}\n\ntype GridColumn = { count: number; spans: number[][] }\n\nexport type GridValue = { elements: Element[]; columns: ResponsiveValue<GridColumn> }\n\ntype GridOptions = Options<Record<string, never>>\n\ntype GridDescriptor<_T = GridValue> = { type: typeof Types.Grid; options: GridOptions }\n\nexport function Grid(options: GridOptions = {}): GridDescriptor {\n  return { type: Types.Grid, options }\n}\n\nexport function mergeGridPropControllerTranslatedData(\n  data: GridValue,\n  context: MergeTranslatableDataContext,\n) {\n  return {\n    ...data,\n    elements: data.elements.map(element => context.mergeTranslatedData(element)),\n  }\n}\n\nexport type ImageValueV0 = string\n\ntype ImageValueV1MakeswiftFile = {\n  version: 1\n  type: 'makeswift-file'\n  id: string\n}\n\ntype ImageValueV1ExternalFile = {\n  version: 1\n  type: 'external-file'\n  url: string\n  width?: number | null\n  height?: number | null\n}\n\nexport type ImageValueV1 = ImageValueV1MakeswiftFile | ImageValueV1ExternalFile\n\nexport type ImageValue = ImageValueV0 | ImageValueV1\n\nexport type ImageOptions = Options<{ label?: string; hidden?: boolean }>\n\nexport type ImageDescriptor<_T = ImageValue> = {\n  type: typeof Types.Image\n  version?: 1\n  options: ImageOptions\n}\n\nexport function Image(options: ImageOptions = {}): ImageDescriptor {\n  return { type: Types.Image, version: 1, options }\n}\n\nexport type ImagesValueV0Item = {\n  key: string\n  props: {\n    link?: Link\n    file?: ImageValueV0\n    altText?: string\n  }\n}\n\nexport type ImagesValueV1Item = {\n  key: string\n  version: 1\n  props: {\n    link?: Link\n    file?: ImageValueV1\n    altText?: string\n  }\n}\n\nexport type ImagesValueItem = ImagesValueV0Item | ImagesValueV1Item\n\nexport type ImagesValue = ImagesValueItem[]\n\ntype ImagesOptions = Options<{ preset?: ImagesValue }>\n\nexport type ImagesDescriptor<_T = ImagesValue> = {\n  type: typeof Types.Images\n  version?: 1\n  options: ImagesOptions\n}\n\nexport function Images(options: ImagesOptions = {}): ImagesDescriptor {\n  return { type: Types.Images, version: 1, options }\n}\n\nexport type LinkValue = Link\n\nexport type LinkOptions = Options<{\n  preset?: LinkValue\n  label?: string\n  defaultValue?: Link\n  options?: { value: Link['type']; label: string }[]\n  hidden?: boolean\n}>\n\nexport type LinkDescriptor<_T = LinkValue> = { type: typeof Types.Link; options: LinkOptions }\n\nexport function Link(options: LinkOptions = {}): LinkDescriptor {\n  return { type: Types.Link, options }\n}\n\ntype ListValueItem<T extends Data> = { id: string; value?: T }\n\nexport type ListValue<T extends Data = Data> = ListValueItem<T>[]\n\nexport type ListOptions<T extends Data> = {\n  type: PanelDescriptor<T>\n  label?: string\n  getItemLabel?: ((value: T | undefined) => string) | ((value: T | undefined) => Promise<string>)\n  preset?: ListValue<T>\n  defaultValue?: ListValue<T>\n}\n\nexport type ListDescriptor<T extends ListValue = ListValue> = {\n  type: typeof Types.List\n  options: ListOptions<T extends ListValue<infer U> ? U : never>\n}\n\nexport function List<T extends Data>(options: ListOptions<T>): ListDescriptor<ListValue<T>> {\n  return { type: Types.List, options }\n}\n\nexport function introspectListPropControllerData<T>(\n  descriptor: ListDescriptor,\n  value: ListValue | undefined,\n  func: (definition: Descriptor, data: Data) => T[],\n): T[] {\n  if (value == null) return []\n\n  return value.flatMap(item => (item.value ? func(descriptor.options.type, item.value) : []))\n}\n\nexport function getListPropControllerElementChildren<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getElementChildren)\n}\n\nexport function getListPropControllerSwatchIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getSwatchIds)\n}\n\nexport function getListPropControllerFileIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getFileIds)\n}\n\nexport function getListPropControllerTypographyIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getTypographyIds)\n}\n\nexport function getListPropControllerPageIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getPageIds)\n}\n\ntype MarginSide = { value: number; unit: 'px' } | 'auto'\n\ntype Margin = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `margin${Capitalize<K>}`]:\n    | MarginSide\n    | null\n    | undefined\n}\n\nexport type MarginValue = ResponsiveValue<Margin>\n\nexport const MarginPropControllerFormat = {\n  ClassName: 'makeswift::prop-controllers::margin::format::class-name',\n  ResponsiveValue: 'makeswift::prop-controllers::margin::format::responsive-value',\n} as const\n\nexport type MarginPropControllerFormat =\n  typeof MarginPropControllerFormat[keyof typeof MarginPropControllerFormat]\n\ntype MarginOptions = { preset?: MarginValue; format?: MarginPropControllerFormat }\n\nexport type MarginDescriptor<_T = MarginValue, U extends MarginOptions = MarginOptions> = {\n  type: typeof Types.Margin\n  options: U\n}\n\nexport function Margin<T extends MarginOptions>(\n  options: T & MarginOptions = {} as T,\n): MarginDescriptor<MarginValue, T> {\n  return { type: Types.Margin, options }\n}\n\nMargin.Format = MarginPropControllerFormat\n\ntype ButtonVariant = 'flat' | 'outline' | 'shadow' | 'clear' | 'blocky' | 'bubbly' | 'skewed'\n\ntype ButtonShape = 'pill' | 'rounded' | 'square'\n\ntype ButtonSize = 'small' | 'medium' | 'large'\n\nexport type NavigationButton = {\n  id: string\n  type: 'button'\n  payload: {\n    label: string\n    link?: Link\n    variant?: ResponsiveValue<ButtonVariant>\n    shape?: ResponsiveValue<ButtonShape>\n    size?: ResponsiveValue<ButtonSize>\n    textColor?: ResponsiveValue<Color>\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\ntype NavigationDropdownCaretType = 'caret' | 'plus' | 'arrow-down' | 'chevron-down'\n\ntype NavigationDropdownLink = {\n  id: string\n  payload: {\n    label: string\n    link?: Link\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\ntype NavigationDropdown = {\n  id: string\n  type: 'dropdown'\n  payload: {\n    label: string\n    caret?: NavigationDropdownCaretType\n    links?: NavigationDropdownLink[]\n    variant?: ResponsiveValue<ButtonVariant>\n    shape?: ResponsiveValue<ButtonShape>\n    size?: ResponsiveValue<ButtonSize>\n    textColor?: ResponsiveValue<Color>\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\nexport type NavigationLinksValue = (NavigationButton | NavigationDropdown)[]\n\ntype NavigationLinksOptions = Options<Record<string, never>>\n\ntype NavigationLinksDescriptor<_T = NavigationLinksValue> = {\n  type: typeof Types.NavigationLinks\n  options: NavigationLinksOptions\n}\n\nexport function NavigationLinks(options: NavigationLinksOptions = {}): NavigationLinksDescriptor {\n  return { type: Types.NavigationLinks, options }\n}\n\nexport type NumberValue = number\n\nexport type NumberOptions = Options<{\n  preset?: NumberValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}>\n\nexport type NumberDescriptor<_T = NumberValue> = {\n  type: typeof Types.Number\n  options: NumberOptions\n}\n\nexport function Number(options: NumberOptions = {}): NumberDescriptor {\n  return { type: Types.Number, options }\n}\n\ntype PaddingSide = { value: number; unit: 'px' }\n\ntype Padding = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `padding${Capitalize<K>}`]:\n    | PaddingSide\n    | null\n    | undefined\n}\n\nexport type PaddingValue = ResponsiveValue<Padding>\n\nexport const PaddingPropControllerFormat = {\n  ClassName: 'makeswift::prop-controllers::padding::format::class-name',\n  ResponsiveValue: 'makeswift::prop-controllers::padding::format::responsive-value',\n} as const\n\nexport type PaddingPropControllerFormat =\n  typeof PaddingPropControllerFormat[keyof typeof PaddingPropControllerFormat]\n\ntype PaddingOptions = { preset?: PaddingValue; format?: PaddingPropControllerFormat }\n\nexport type PaddingDescriptor<_T = PaddingValue, U extends PaddingOptions = PaddingOptions> = {\n  type: typeof Types.Padding\n  options: U\n}\n\nexport function Padding<T extends PaddingOptions>(\n  options: T & PaddingOptions = {} as T,\n): PaddingDescriptor<PaddingValue, T> {\n  return { type: Types.Padding, options }\n}\n\nPadding.Format = PaddingPropControllerFormat\n\nexport type ResponsiveColorValue = ResponsiveValue<Color>\n\ntype ResponsiveColorOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\nexport type ResponsiveColorDescriptor<_T = ResponsiveColorValue> = {\n  type: typeof Types.ResponsiveColor\n  options: ResponsiveColorOptions\n}\n\nexport function ResponsiveColor(options: ResponsiveColorOptions = {}): ResponsiveColorDescriptor {\n  return { type: Types.ResponsiveColor, options }\n}\n\nexport type IconRadioGroupOption<T extends string> = { value: T; label: string; icon: IconName }\n\nexport type ResponsiveIconRadioGroupValue<T extends string = string> = ResponsiveValue<T>\n\nexport type ResponsiveIconRadioGroupOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveIconRadioGroupDescriptor<\n  T extends ResponsiveIconRadioGroupValue<string> = ResponsiveIconRadioGroupValue<string>,\n> = {\n  type: typeof Types.ResponsiveIconRadioGroup\n  options: ResponsiveIconRadioGroupOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\nexport function ResponsiveIconRadioGroup<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveIconRadioGroupOptions<T, U>,\n): ResponsiveIconRadioGroupDescriptor<ResponsiveIconRadioGroupValue<T>> {\n  return { type: Types.ResponsiveIconRadioGroup, options }\n}\n\nexport type ResponsiveLengthValue = ResponsiveValue<Length>\n\nexport type LengthOption =\n  | { value: 'px'; label: 'Pixels'; icon: 'Px16' }\n  | { value: '%'; label: 'Percentage'; icon: 'Percent16' }\n\nexport type ResponsiveLengthOptions = Options<{\n  label?: string\n  options?: LengthOption[]\n  defaultValue?: Length\n  hidden?: boolean\n}>\n\nexport type ResponsiveLengthDescriptor<_T = ResponsiveLengthValue> = {\n  type: typeof Types.ResponsiveLength\n  options: ResponsiveLengthOptions\n}\n\nexport function ResponsiveLength(\n  options: ResponsiveLengthOptions = {},\n): ResponsiveLengthDescriptor {\n  return { type: Types.ResponsiveLength, options }\n}\n\nexport type ResponsiveNumberValue = ResponsiveValue<number>\n\nexport type ResponsiveNumberOptions = Options<{\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}>\n\nexport type ResponsiveNumberDescriptor<_T = ResponsiveNumberValue> = {\n  type: typeof Types.ResponsiveNumber\n  options: ResponsiveNumberOptions\n}\n\nexport function ResponsiveNumber(\n  options: ResponsiveNumberOptions = {},\n): ResponsiveNumberDescriptor {\n  return { type: Types.ResponsiveNumber, options }\n}\n\nexport type ResponsiveOpacityValue = ResponsiveValue<number>\n\ntype ResponsiveOpacityOptions = Options<Record<string, never>>\n\ntype ResponsiveOpacityDescriptor<_T = ResponsiveOpacityValue> = {\n  type: typeof Types.ResponsiveOpacity\n  options: ResponsiveOpacityOptions\n}\n\nexport function ResponsiveOpacity(\n  options: ResponsiveOpacityOptions = {},\n): ResponsiveOpacityDescriptor {\n  return { type: Types.ResponsiveOpacity, options }\n}\n\nexport type ResponsiveSelectValue<T extends string = string> = ResponsiveValue<T>\n\nexport type SelectLabelOrientation = 'vertical' | 'horizontal'\n\nexport type SelectOption<T extends string> = { value: T; label: string }\n\nexport type ResponsiveSelectOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveSelectDescriptor<\n  T extends ResponsiveSelectValue<string> = ResponsiveSelectValue<string>,\n> = {\n  type: typeof Types.ResponsiveSelect\n  options: ResponsiveSelectOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\nexport function ResponsiveSelect<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveSelectOptions<T, U>,\n): ResponsiveSelectDescriptor<ResponsiveSelectValue<T>> {\n  return { type: Types.ResponsiveSelect, options }\n}\n\nexport type RichTextValue = IndexSignatureHack<RichTextDTO>\n\nexport type RichTextOptions = Options<{ preset?: RichTextValue }>\n\nexport type RichTextDescriptor<_T extends Data = RichTextValue> = {\n  type: typeof Types.RichText\n  options: RichTextOptions\n}\n\nexport function RichText(options: RichTextOptions = {}): RichTextDescriptor {\n  return { type: Types.RichText, options }\n}\n\ntype Shadow = {\n  color?: Color | null\n  blurRadius?: number\n  spreadRadius?: number\n  offsetX?: number\n  offsetY?: number\n  inset?: boolean\n}\n\ntype Shadows = { id: string; payload: Shadow }[]\n\nexport type ShadowsValue = ResponsiveValue<Shadows>\n\nexport const ShadowsPropControllerFormat = {\n  ClassName: 'makeswift::prop-controllers::shadows::format::class-name',\n  ResponsiveValue: 'makeswift::prop-controllers::shadows::format::responsive-value',\n} as const\n\nexport type ShadowsPropControllerFormat =\n  typeof ShadowsPropControllerFormat[keyof typeof ShadowsPropControllerFormat]\n\ntype ShadowsOptions = { format?: ShadowsPropControllerFormat }\n\nexport type ShadowsDescriptor<_T = ShadowsValue, U extends ShadowsOptions = ShadowsOptions> = {\n  type: typeof Types.Shadows\n  options: U\n}\n\nexport function Shadows<T extends ShadowsOptions>(\n  options: T & ShadowsOptions = {} as T,\n): ShadowsDescriptor<ShadowsValue, T> {\n  return { type: Types.Shadows, options }\n}\n\nShadows.Format = ShadowsPropControllerFormat\n\nexport type ShapeValue<T extends Data = Data> = Record<string, T>\n\ntype ShapeOptions<T extends Record<string, PanelDescriptor>> = {\n  type: T\n  preset?: { [K in keyof T]?: DescriptorValueType<T[K]> }\n}\n\nexport type ShapeDescriptor<\n  _T extends Record<string, Data>,\n  U extends Record<string, PanelDescriptor>,\n> = {\n  type: typeof Types.Shape\n  options: ShapeOptions<U>\n}\n\nexport function Shape<T extends Record<string, PanelDescriptor>>(\n  options: ShapeOptions<T>,\n): ShapeDescriptor<{ [K in keyof T]?: DescriptorValueType<T[K]> }, T> {\n  return { type: Types.Shape, options }\n}\n\nexport function introspectShapePropControllerData<T>(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n  func: (definition: Descriptor, data: Data) => T[],\n): T[] {\n  if (value == null) return []\n\n  return Object.entries(descriptor.options.type).flatMap(([key, definition]) =>\n    func(definition, value[key]),\n  )\n}\n\nexport function getShapePropControllerElementChildren(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): Element[] {\n  return introspectShapePropControllerData(descriptor, value, getElementChildren)\n}\n\nexport function getShapePropControllerFileIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getFileIds)\n}\n\nexport function getShapePropControllerTypographyIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getTypographyIds)\n}\n\nexport function getShapePropControllerPageIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getPageIds)\n}\n\nexport function getShapePropControllerSwatchIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getSwatchIds)\n}\n\ntype SocialLinkType =\n  | 'angellist'\n  | 'codepen'\n  | 'discord'\n  | 'dribbble'\n  | 'facebook'\n  | 'github'\n  | 'instagram'\n  | 'linkedin'\n  | 'medium'\n  | 'pinterest'\n  | 'reddit'\n  | 'rss'\n  | 'snapchat'\n  | 'soundcloud'\n  | 'spotify'\n  | 'telegram'\n  | 'tumblr'\n  | 'twitch'\n  | 'twitter'\n  | 'vimeo'\n  | 'whatsapp'\n  | 'yelp'\n  | 'youtube'\n\ntype SocialLink = { type: SocialLinkType; url: string }\n\ntype SocialLinksLink = { id: string; payload: SocialLink }\n\nexport type SocialLinksValue = { links: SocialLinksLink[]; openInNewTab: boolean }\n\ntype SocialLinksOptions = Options<{ preset?: SocialLinksValue }>\n\ntype SocialLinksDescriptor<_T = SocialLinksValue> = {\n  type: typeof Types.SocialLinks\n  options: SocialLinksOptions\n}\n\nexport function SocialLinks(options: SocialLinksOptions = {}): SocialLinksDescriptor {\n  return { type: Types.SocialLinks, options }\n}\n\nexport type TableValue = string\n\ntype TableOptions = Options<{ preset?: TableValue }>\n\ntype TableDescriptor<_T = TableValue> = { type: typeof Types.Table; options: TableOptions }\n\nexport function Table(options: TableOptions = {}): TableDescriptor {\n  return { type: Types.Table, options }\n}\n\ntype TableFormField = {\n  id: string\n  tableColumnId: string\n  label?: string\n  placeholder?: string\n  defaultValue?: string | boolean | string[]\n  required?: boolean\n  hidden?: boolean\n  type?: 'select' | 'radio'\n  hideLabel?: boolean\n  autofill?: boolean\n}\n\ntype Grid = { count: number; spans: number[][] }\n\nexport type TableFormFieldsValue = { fields: TableFormField[]; grid: ResponsiveValue<Grid> }\n\ntype TableFormFieldsOptions = Options<{ preset?: TableFormFieldsValue }>\n\nexport type TableFormFieldsDescriptor<_T = TableFormFieldsValue> = {\n  type: typeof Types.TableFormFields\n  options: TableFormFieldsOptions\n}\n\nexport function TableFormFields(options: TableFormFieldsOptions = {}): TableFormFieldsDescriptor {\n  return { type: Types.TableFormFields, options }\n}\n\nexport type TypeaheadValue<T extends Data = Data> = {\n  id: string\n  label: string\n  value: T\n}\n\nexport type TypeaheadOptions<T extends Data> = {\n  getItems: (query: string) => Promise<TypeaheadValue<T>[]>\n  label?: string\n  preset?: TypeaheadValue<T>\n  defaultValue?: TypeaheadValue<T>\n}\n\nexport type TypeaheadDescriptor<T extends TypeaheadValue = TypeaheadValue> = {\n  type: typeof Types.Typeahead\n  options: TypeaheadOptions<T extends TypeaheadValue<infer U> ? U : never>\n}\n\nexport function Typeahead<T extends Data>(\n  options: TypeaheadOptions<T>,\n): TypeaheadDescriptor<TypeaheadValue<T>> {\n  return { type: Types.Typeahead, options }\n}\n\nexport type TextAreaValue = string\n\ntype TextAreaOptions = Options<{ preset?: TextAreaValue; label?: string; rows?: number }>\n\ntype TextAreaDescriptor<_T = TextAreaValue> = {\n  type: typeof Types.TextArea\n  options: TextAreaOptions\n}\n\nexport function TextArea(options: TextAreaOptions = {}): TextAreaDescriptor {\n  return { type: Types.TextArea, options }\n}\n\nexport type TextInputValue = string\n\nexport type TextInputOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\nexport type TextInputDescriptor<_T = TextInputValue> = {\n  type: typeof Types.TextInput\n  options: TextInputOptions\n}\n\nexport function TextInput(options: TextInputOptions = {}): TextInputDescriptor {\n  return { type: Types.TextInput, options }\n}\n\nexport type TextStyleValue = ResponsiveValue<TextStyle>\n\nexport type TextStyleOptions = Options<{\n  preset?: TextStyleValue\n  label?: string\n  hidden?: boolean\n}>\n\nexport type TextStyleDescriptor<_T = TextStyleValue> = {\n  type: typeof Types.TextStyle\n  options: TextStyleOptions\n}\n\nexport function TextStyle(options: TextStyleOptions = {}): TextStyleDescriptor {\n  return { type: Types.TextStyle, options }\n}\n\ntype Video = {\n  url?: string\n  muted?: boolean\n  playing?: boolean\n  loop?: boolean\n  controls?: boolean\n}\n\nexport type VideoValue = Video\n\ntype VideoOptions = Options<{ preset?: VideoValue }>\n\ntype VideoDescriptor<_T = VideoValue> = { type: typeof Types.Video; options: VideoOptions }\n\nexport function Video(options: VideoOptions = {}): VideoDescriptor {\n  return { type: Types.Video, options }\n}\n\nexport type WidthValue = ResponsiveValue<Length>\n\nexport const WidthPropControllerFormat = {\n  ClassName: 'makeswift::prop-controllers::width::format::class-name',\n  ResponsiveValue: 'makeswift::prop-controllers::width::format::responsive-value',\n} as const\n\ntype WidthControlValueFormat =\n  typeof WidthPropControllerFormat[keyof typeof WidthPropControllerFormat]\n\ntype WidthOptions = {\n  preset?: WidthValue\n  defaultValue?: Length\n  format?: WidthControlValueFormat\n}\n\nexport type WidthDescriptor<_T = WidthValue, U extends WidthOptions = WidthOptions> = {\n  type: typeof Types.Width\n  options: U\n}\n\nexport function Width<T extends WidthOptions>(\n  options: T & WidthOptions = {} as T,\n): WidthDescriptor<WidthValue, T> {\n  return { type: Types.Width, options }\n}\n\nWidth.Format = WidthPropControllerFormat\n\nexport type Descriptor<T extends Data = Data> =\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | GapXDescriptor<T>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | ListDescriptor<T extends ListValue ? T : ListValue>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveIconRadioGroupDescriptor<\n      T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>\n    >\n  | ResponsiveLengthDescriptor<T>\n  | ResponsiveNumberDescriptor<T>\n  | ResponsiveOpacityDescriptor<T>\n  | ResponsiveSelectDescriptor<\n      T extends ResponsiveSelectValue<string> ? T : ResponsiveSelectValue<string>\n    >\n  | RichTextDescriptor<T>\n  | ShadowsDescriptor<T>\n  | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TypeaheadDescriptor<T extends TypeaheadValue ? T : TypeaheadValue>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | NumberControlDefinition\n  | CheckboxControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type PanelDescriptorType =\n  | typeof Types.Backgrounds\n  | typeof Types.ResponsiveIconRadioGroup\n  | typeof Types.Margin\n  | typeof Types.Padding\n  | typeof Types.Border\n  | typeof Types.Shadows\n  | typeof Types.GapY\n  | typeof Types.GapX\n  | typeof Types.BorderRadius\n  | typeof Types.Checkbox\n  | typeof Types.TextInput\n  | typeof Types.Link\n  | typeof Types.List\n  | typeof Types.Shape\n  | typeof Types.ResponsiveSelect\n  | typeof Types.ResponsiveColor\n  | typeof Types.TextStyle\n  | typeof Types.Images\n  | typeof Types.ResponsiveNumber\n  | typeof Types.Number\n  | typeof Types.Date\n  | typeof Types.Font\n  | typeof Types.TextArea\n  | typeof Types.Table\n  | typeof Types.Typeahead\n  | typeof Types.RichText\n  | typeof Types.Image\n  | typeof Types.ResponsiveOpacity\n  | typeof Types.SocialLinks\n  | typeof Types.Video\n  | typeof Types.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\nexport type DescriptorValueType<T extends Descriptor> = T extends NumberControlDefinition\n  ? NumberControlValue<T>\n  : T extends CheckboxControlDefinition\n  ? CheckboxControlValue<T>\n  : T extends TextInputControlDefinition\n  ? TextInputControlValue<T>\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlValue<T>\n  : T extends SelectControlDefinition\n  ? SelectControlValue<T>\n  : T extends ColorControlDefinition\n  ? ColorControlValue<T>\n  : T extends StyleControlDefinition\n  ? StyleControlFormattedValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlValue<T>\n  : T extends ImageControlDefinition\n  ? ResolveImageControlValue<T>\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlValue<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlValue<T>\n  : T extends ListControlDefinition\n  ? ListControlValue<T>\n  : T extends LinkControlDefinition\n  ? LinkControlValue<T>\n  : T extends SlotControlDefinition\n  ? SlotControlValue\n  : T extends RichTextControlDefinition\n  ? RichTextControlValue\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends TypographyControlDefinition\n  ? TypographyControlValue\n  : T['type'] extends typeof Types.ResponsiveColor\n  ? ResponsiveColor | null | undefined\n  : T['type'] extends typeof Types.Width\n  ? ResolveWidthControlValue<T>\n  : T['type'] extends typeof Types.Padding\n  ? ResolvePaddingControlValue<T>\n  : T['type'] extends typeof Types.Margin\n  ? ResolveMarginControlValue<T>\n  : T['type'] extends typeof Types.BorderRadius\n  ? ResolveBorderRadiusControlValue<T>\n  : T['type'] extends typeof Types.Shadows\n  ? ResolveShadowsControlValue<T>\n  : T['type'] extends typeof Types.Border\n  ? ResolveBorderControlValue<T>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> = T extends PanelDescriptor<infer U>\n  ? U\n  : never\n"],"mappings":"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","names":[]}

package/dist/esm/prop-controllers/index.js

@@ -0,0 +1,16 @@
+import * as Props from "./descriptors";
+import { RichTextPropControllerMessageType, TableFormFieldsMessageType } from "./instances";
+import * as Introspection from "./introspection";
+import { copy } from "./copy/image";
+import { copy as copy2 } from "./copy/images";
+import { copy as copy3 } from "./copy/backgrounds";
+export {
+  Introspection,
+  Props,
+  RichTextPropControllerMessageType,
+  TableFormFieldsMessageType,
+  copy3 as backgroundsCopy,
+  copy as imageCopy,
+  copy2 as imagesCopy
+};
+//# sourceMappingURL=index.js.map