@makeswift/runtime 0.13.1 → 0.14.0

package/dist/cjs/builder/serialization/controls/list.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var list_exports = {};
+__export(list_exports, {
+  deserializeListControlDefinition: () => deserializeListControlDefinition,
+  serializeListControlDefinition: () => serializeListControlDefinition
+});
+module.exports = __toCommonJS(list_exports);
+var import_control_serialization = require("../control-serialization");
+var import_function_serialization = require("../function-serialization");
+function serializeListControlDefinition(definition) {
+  const [type, transferables] = (0, import_control_serialization.serializeControl)(definition.config.type);
+  const getItemLabel = definition.config.getItemLabel && (0, import_function_serialization.serializeFunction)(definition.config.getItemLabel);
+  if (getItemLabel)
+    transferables.push(getItemLabel);
+  return [
+    { ...definition, config: { ...definition.config, type, getItemLabel } },
+    transferables
+  ];
+}
+function deserializeListControlDefinition(definition) {
+  const type = (0, import_control_serialization.deserializeControl)(definition.config.type);
+  const getItemLabel = definition.config.getItemLabel && (0, import_function_serialization.deserializeFunction)(definition.config.getItemLabel);
+  return {
+    ...definition,
+    config: { ...definition.config, type, getItemLabel }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeListControlDefinition,
+  serializeListControlDefinition
+});
+//# sourceMappingURL=list.js.map

package/dist/cjs/builder/serialization/controls/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/list.ts"],"sourcesContent":["import { ListControlDefinition } from '../../../controls'\nimport { deserializeControl, serializeControl } from '../control-serialization'\nimport { deserializeFunction, serializeFunction } from '../function-serialization'\nimport { Deserialize, Serialize } from './types'\n\nexport function serializeListControlDefinition(\n  definition: ListControlDefinition,\n): [Serialize<ListControlDefinition>, Transferable[]] {\n  const [type, transferables] = serializeControl(definition.config.type)\n  const getItemLabel =\n    definition.config.getItemLabel && serializeFunction(definition.config.getItemLabel)\n\n  if (getItemLabel) transferables.push(getItemLabel)\n\n  return [\n    { ...definition, config: { ...definition.config, type, getItemLabel } },\n    transferables,\n  ] as [Serialize<ListControlDefinition>, Transferable[]]\n}\n\nexport function deserializeListControlDefinition(\n  definition: Serialize<ListControlDefinition>,\n): Deserialize<Serialize<ListControlDefinition>> {\n  const type = deserializeControl(definition.config.type)\n  const getItemLabel =\n    definition.config.getItemLabel && deserializeFunction(definition.config.getItemLabel)\n\n  return {\n    ...definition,\n    config: { ...definition.config, type, getItemLabel },\n  } as Deserialize<Serialize<ListControlDefinition>>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mCAAqD;AACrD,oCAAuD;AAGhD,SAAS,+BACd,YACoD;AACpD,QAAM,CAAC,MAAM,aAAa,QAAI,+CAAiB,WAAW,OAAO,IAAI;AACrE,QAAM,eACJ,WAAW,OAAO,oBAAgB,iDAAkB,WAAW,OAAO,YAAY;AAEpF,MAAI;AAAc,kBAAc,KAAK,YAAY;AAEjD,SAAO;AAAA,IACL,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,WAAW,QAAQ,MAAM,aAAa,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEO,SAAS,iCACd,YAC+C;AAC/C,QAAM,WAAO,iDAAmB,WAAW,OAAO,IAAI;AACtD,QAAM,eACJ,WAAW,OAAO,oBAAgB,mDAAoB,WAAW,OAAO,YAAY;AAEtF,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,WAAW,QAAQ,MAAM,aAAa;AAAA,EACrD;AACF;","names":[]}

package/dist/cjs/builder/serialization/controls/rich-text-v2.js

@@ -0,0 +1,106 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rich_text_v2_exports = {};
+__export(rich_text_v2_exports, {
+  deserializeRichTextControlV2: () => deserializeRichTextControlV2,
+  serializeRichTextControlV2: () => serializeRichTextControlV2
+});
+module.exports = __toCommonJS(rich_text_v2_exports);
+var import_control_serialization = require("../control-serialization");
+var import_function_serialization = require("../function-serialization");
+function serializeRichTextControlV2(definition) {
+  const { plugins, ...config } = definition.config;
+  const transferables = [];
+  return [
+    {
+      ...definition,
+      config: {
+        ...config,
+        plugins: plugins?.map((plugin) => {
+          const onKeyDown = plugin.onKeyDown && (0, import_function_serialization.serializeFunction)(plugin.onKeyDown);
+          if (onKeyDown)
+            transferables.push(onKeyDown);
+          const withPlugin = plugin.withPlugin && (0, import_function_serialization.serializeFunction)(plugin.withPlugin);
+          if (withPlugin)
+            transferables.push(withPlugin);
+          if (plugin.control) {
+            const [definition2, pluginTransferables] = (0, import_control_serialization.serializeControl)(plugin.control.definition);
+            transferables.push(...pluginTransferables);
+            const getValue = (0, import_function_serialization.serializeFunction)(plugin.control.getValue);
+            if (getValue)
+              transferables.push(getValue);
+            const onChange = (0, import_function_serialization.serializeFunction)(plugin.control.onChange);
+            if (onChange)
+              transferables.push(onChange);
+            return {
+              control: {
+                definition: definition2,
+                onChange,
+                getValue
+              },
+              onKeyDown,
+              withPlugin
+            };
+          }
+          return {
+            onKeyDown,
+            withPlugin
+          };
+        }) ?? []
+      }
+    },
+    transferables
+  ];
+}
+function deserializeRichTextControlV2(definition) {
+  return {
+    ...definition,
+    config: {
+      ...definition.config,
+      plugins: definition.config.plugins?.map((plugin) => {
+        const onKeyDown = plugin.onKeyDown && (0, import_function_serialization.deserializeFunction)(plugin.onKeyDown);
+        const withPlugin = plugin.withPlugin && (0, import_function_serialization.deserializeFunction)(plugin.withPlugin);
+        if (plugin.control) {
+          const definition2 = (0, import_control_serialization.deserializeControl)(plugin.control.definition);
+          const getValue = (0, import_function_serialization.deserializeFunction)(plugin.control.getValue);
+          const onChange = (0, import_function_serialization.deserializeFunction)(plugin.control.onChange);
+          return {
+            control: {
+              definition: definition2,
+              onChange,
+              getValue
+            },
+            onKeyDown,
+            withPlugin
+          };
+        }
+        return {
+          onKeyDown,
+          withPlugin
+        };
+      }) ?? []
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeRichTextControlV2,
+  serializeRichTextControlV2
+});
+//# sourceMappingURL=rich-text-v2.js.map

package/dist/cjs/builder/serialization/controls/rich-text-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/rich-text-v2.ts"],"sourcesContent":["import { RichTextV2ControlDefinition } from '../../../controls'\nimport { deserializeControl, serializeControl } from '../control-serialization'\nimport { deserializeFunction, serializeFunction } from '../function-serialization'\nimport { Deserialize, Serialize } from './types'\n\nexport function serializeRichTextControlV2(\n  definition: RichTextV2ControlDefinition,\n): [Serialize<RichTextV2ControlDefinition>, Transferable[]] {\n  const { plugins, ...config } = definition.config\n  const transferables: Transferable[] = []\n\n  return [\n    {\n      ...definition,\n      config: {\n        ...config,\n        plugins:\n          plugins?.map(plugin => {\n            const onKeyDown = plugin.onKeyDown && serializeFunction(plugin.onKeyDown)\n            if (onKeyDown) transferables.push(onKeyDown)\n            const withPlugin = plugin.withPlugin && serializeFunction(plugin.withPlugin)\n            if (withPlugin) transferables.push(withPlugin)\n\n            if (plugin.control) {\n              const [definition, pluginTransferables] = serializeControl(plugin.control.definition)\n              transferables.push(...pluginTransferables)\n              const getValue = serializeFunction(plugin.control.getValue)\n              if (getValue) transferables.push(getValue)\n              const onChange = serializeFunction(plugin.control.onChange)\n              if (onChange) transferables.push(onChange)\n\n              return {\n                control: {\n                  definition,\n                  onChange,\n                  getValue,\n                },\n                onKeyDown,\n                withPlugin,\n              }\n            }\n\n            return {\n              onKeyDown,\n              withPlugin,\n            }\n          }) ?? [],\n      },\n    },\n    transferables,\n  ] as [Serialize<RichTextV2ControlDefinition>, Transferable[]]\n}\n\nexport function deserializeRichTextControlV2(\n  definition: Serialize<RichTextV2ControlDefinition>,\n): Deserialize<Serialize<RichTextV2ControlDefinition>> {\n  return {\n    ...definition,\n    config: {\n      ...definition.config,\n      plugins:\n        definition.config.plugins?.map(plugin => {\n          // TODO: you shouldn't need to cast all the functions\n          // There is a type missmatch where functions within the plugin aren't typed as Serialize<T>\n          // This prevents them from being used with `deserializeFunction`\n          const onKeyDown = plugin.onKeyDown && deserializeFunction(plugin.onKeyDown as any)\n          const withPlugin = plugin.withPlugin && deserializeFunction(plugin.withPlugin as any)\n\n          if (plugin.control) {\n            const definition = deserializeControl(plugin.control.definition as any)\n            const getValue = deserializeFunction(plugin.control.getValue as any)\n            const onChange = deserializeFunction(plugin.control.onChange as any)\n\n            return {\n              control: {\n                definition,\n                onChange,\n                getValue,\n              },\n              onKeyDown,\n              withPlugin,\n            }\n          }\n\n          return {\n            onKeyDown,\n            withPlugin,\n          }\n        }) ?? [],\n    },\n  } as Deserialize<Serialize<RichTextV2ControlDefinition>>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mCAAqD;AACrD,oCAAuD;AAGhD,SAAS,2BACd,YAC0D;AAC1D,QAAM,EAAE,SAAS,GAAG,OAAO,IAAI,WAAW;AAC1C,QAAM,gBAAgC,CAAC;AAEvC,SAAO;AAAA,IACL;AAAA,MACE,GAAG;AAAA,MACH,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,SACE,SAAS,IAAI,YAAU;AACrB,gBAAM,YAAY,OAAO,iBAAa,iDAAkB,OAAO,SAAS;AACxE,cAAI;AAAW,0BAAc,KAAK,SAAS;AAC3C,gBAAM,aAAa,OAAO,kBAAc,iDAAkB,OAAO,UAAU;AAC3E,cAAI;AAAY,0BAAc,KAAK,UAAU;AAE7C,cAAI,OAAO,SAAS;AAClB,kBAAM,CAACA,aAAY,mBAAmB,QAAI,+CAAiB,OAAO,QAAQ,UAAU;AACpF,0BAAc,KAAK,GAAG,mBAAmB;AACzC,kBAAM,eAAW,iDAAkB,OAAO,QAAQ,QAAQ;AAC1D,gBAAI;AAAU,4BAAc,KAAK,QAAQ;AACzC,kBAAM,eAAW,iDAAkB,OAAO,QAAQ,QAAQ;AAC1D,gBAAI;AAAU,4BAAc,KAAK,QAAQ;AAEzC,mBAAO;AAAA,cACL,SAAS;AAAA,gBACP,YAAAA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF;AAEA,iBAAO;AAAA,YACL;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC,KAAK,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,6BACd,YACqD;AACrD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAG,WAAW;AAAA,MACd,SACE,WAAW,OAAO,SAAS,IAAI,YAAU;AAIvC,cAAM,YAAY,OAAO,iBAAa,mDAAoB,OAAO,SAAgB;AACjF,cAAM,aAAa,OAAO,kBAAc,mDAAoB,OAAO,UAAiB;AAEpF,YAAI,OAAO,SAAS;AAClB,gBAAMA,kBAAa,iDAAmB,OAAO,QAAQ,UAAiB;AACtE,gBAAM,eAAW,mDAAoB,OAAO,QAAQ,QAAe;AACnE,gBAAM,eAAW,mDAAoB,OAAO,QAAQ,QAAe;AAEnE,iBAAO;AAAA,YACL,SAAS;AAAA,cACP,YAAAA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAEA,eAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC,KAAK,CAAC;AAAA,IACX;AAAA,EACF;AACF;","names":["definition"]}

package/dist/cjs/builder/serialization/controls/shape.js

@@ -0,0 +1,54 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shape_exports = {};
+__export(shape_exports, {
+  deserializeShapeControlDefinition: () => deserializeShapeControlDefinition,
+  serializeShapeControlDefinition: () => serializeShapeControlDefinition
+});
+module.exports = __toCommonJS(shape_exports);
+var import_control_serialization = require("../control-serialization");
+function serializeShapeControlDefinition(definition) {
+  const [type, transferables] = Object.entries(definition.config.type).reduce(
+    ([type2, transferables2], [key, value]) => {
+      const [serializedType, serializedTransferables] = (0, import_control_serialization.serializeControl)(value);
+      type2[key] = serializedType;
+      transferables2.push(...serializedTransferables);
+      return [type2, transferables2];
+    },
+    [{}, []]
+  );
+  return [{ ...definition, config: { ...definition.config, type } }, transferables];
+}
+function deserializeShapeControlDefinition(definition) {
+  const type = Object.entries(definition.config.type).reduce((type2, [key, value]) => {
+    const serializedType = (0, import_control_serialization.deserializeControl)(value);
+    type2[key] = serializedType;
+    return type2;
+  }, {});
+  return {
+    ...definition,
+    config: { ...definition.config, type }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeShapeControlDefinition,
+  serializeShapeControlDefinition
+});
+//# sourceMappingURL=shape.js.map

package/dist/cjs/builder/serialization/controls/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/shape.ts"],"sourcesContent":["import { ShapeControlDefinition } from '../../../controls'\nimport {\n  deserializeControl,\n  DeserializedControl,\n  serializeControl,\n  SerializedControl,\n} from '../control-serialization'\nimport { Deserialize, Serialize } from './types'\n\nexport function serializeShapeControlDefinition(\n  definition: ShapeControlDefinition,\n): [Serialize<ShapeControlDefinition>, Transferable[]] {\n  const [type, transferables] = Object.entries(definition.config.type).reduce(\n    ([type, transferables], [key, value]) => {\n      const [serializedType, serializedTransferables] = serializeControl(value)\n\n      type[key] = serializedType\n      transferables.push(...serializedTransferables)\n\n      return [type, transferables]\n    },\n    [{} as Record<string, SerializedControl>, [] as Transferable[]],\n  )\n\n  return [{ ...definition, config: { ...definition.config, type } }, transferables] as [\n    Serialize<ShapeControlDefinition>,\n    Transferable[],\n  ]\n}\n\nexport function deserializeShapeControlDefinition(\n  definition: Serialize<ShapeControlDefinition>,\n): Deserialize<Serialize<ShapeControlDefinition>> {\n  const type = Object.entries(definition.config.type).reduce((type, [key, value]) => {\n    const serializedType = deserializeControl(value)\n\n    type[key] = serializedType\n\n    return type\n  }, {} as Record<string, DeserializedControl>)\n\n  return {\n    ...definition,\n    config: { ...definition.config, type },\n  } as Deserialize<Serialize<ShapeControlDefinition>>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mCAKO;AAGA,SAAS,gCACd,YACqD;AACrD,QAAM,CAAC,MAAM,aAAa,IAAI,OAAO,QAAQ,WAAW,OAAO,IAAI,EAAE;AAAA,IACnE,CAAC,CAACA,OAAMC,cAAa,GAAG,CAAC,KAAK,KAAK,MAAM;AACvC,YAAM,CAAC,gBAAgB,uBAAuB,QAAI,+CAAiB,KAAK;AAExE,MAAAD,MAAK,GAAG,IAAI;AACZ,MAAAC,eAAc,KAAK,GAAG,uBAAuB;AAE7C,aAAO,CAACD,OAAMC,cAAa;AAAA,IAC7B;AAAA,IACA,CAAC,CAAC,GAAwC,CAAC,CAAmB;AAAA,EAChE;AAEA,SAAO,CAAC,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,WAAW,QAAQ,KAAK,EAAE,GAAG,aAAa;AAIlF;AAEO,SAAS,kCACd,YACgD;AAChD,QAAM,OAAO,OAAO,QAAQ,WAAW,OAAO,IAAI,EAAE,OAAO,CAACD,OAAM,CAAC,KAAK,KAAK,MAAM;AACjF,UAAM,qBAAiB,iDAAmB,KAAK;AAE/C,IAAAA,MAAK,GAAG,IAAI;AAEZ,WAAOA;AAAA,EACT,GAAG,CAAC,CAAwC;AAE5C,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,WAAW,QAAQ,KAAK;AAAA,EACvC;AACF;","names":["type","transferables"]}

package/dist/cjs/builder/serialization/controls/style-v2.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var style_v2_exports = {};
+__export(style_v2_exports, {
+  deserializeStyleV2Control: () => deserializeStyleV2Control,
+  serializeStyleV2Control: () => serializeStyleV2Control
+});
+module.exports = __toCommonJS(style_v2_exports);
+var import_control_serialization = require("../control-serialization");
+var import_function_serialization = require("../function-serialization");
+function serializeStyleV2Control(definition) {
+  const [type, transferables] = (0, import_control_serialization.serializeControl)(definition.config.type);
+  const getStyle = definition.config.getStyle && (0, import_function_serialization.serializeFunction)(definition.config.getStyle);
+  if (getStyle) {
+    transferables.push(getStyle);
+  }
+  return [
+    {
+      ...definition,
+      config: {
+        ...definition.config,
+        type,
+        getStyle
+      }
+    },
+    transferables
+  ];
+}
+function deserializeStyleV2Control(definition) {
+  const type = (0, import_control_serialization.deserializeControl)(definition.config.type);
+  const getStyle = definition.config.getStyle && (0, import_function_serialization.deserializeFunction)(definition.config.getStyle);
+  return {
+    ...definition,
+    config: {
+      ...definition.config,
+      getStyle,
+      type
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeStyleV2Control,
+  serializeStyleV2Control
+});
+//# sourceMappingURL=style-v2.js.map

package/dist/cjs/builder/serialization/controls/style-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/style-v2.ts"],"sourcesContent":["import { StyleV2ControlDefinition } from '../../../controls'\nimport { deserializeControl, serializeControl } from '../control-serialization'\nimport { deserializeFunction, serializeFunction } from '../function-serialization'\nimport { Serialize, Deserialize } from './types'\n\nexport function serializeStyleV2Control(\n  definition: StyleV2ControlDefinition,\n): [Serialize<StyleV2ControlDefinition>, Transferable[]] {\n  const [type, transferables] = serializeControl(definition.config.type)\n  const getStyle = definition.config.getStyle && serializeFunction(definition.config.getStyle)\n\n  if (getStyle) {\n    transferables.push(getStyle)\n  }\n\n  return [\n    {\n      ...definition,\n      config: {\n        ...definition.config,\n        type,\n        getStyle,\n      },\n    },\n    transferables,\n  ] as [Serialize<StyleV2ControlDefinition>, Transferable[]]\n}\n\nexport function deserializeStyleV2Control(\n  definition: Serialize<StyleV2ControlDefinition>,\n): Deserialize<Serialize<StyleV2ControlDefinition>> {\n  const type = deserializeControl(definition.config.type)\n  const getStyle = definition.config.getStyle && deserializeFunction(definition.config.getStyle)\n\n  return {\n    ...definition,\n    config: {\n      ...definition.config,\n      getStyle,\n      type,\n    },\n  } as Deserialize<Serialize<StyleV2ControlDefinition>>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mCAAqD;AACrD,oCAAuD;AAGhD,SAAS,wBACd,YACuD;AACvD,QAAM,CAAC,MAAM,aAAa,QAAI,+CAAiB,WAAW,OAAO,IAAI;AACrE,QAAM,WAAW,WAAW,OAAO,gBAAY,iDAAkB,WAAW,OAAO,QAAQ;AAE3F,MAAI,UAAU;AACZ,kBAAc,KAAK,QAAQ;AAAA,EAC7B;AAEA,SAAO;AAAA,IACL;AAAA,MACE,GAAG;AAAA,MACH,QAAQ;AAAA,QACN,GAAG,WAAW;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,0BACd,YACkD;AAClD,QAAM,WAAO,iDAAmB,WAAW,OAAO,IAAI;AACtD,QAAM,WAAW,WAAW,OAAO,gBAAY,mDAAoB,WAAW,OAAO,QAAQ;AAE7F,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAG,WAAW;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/builder/serialization/controls/types.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/builder/serialization/controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/types.ts"],"sourcesContent":["import { DeserializedFunction, SerializedFunction } from '../function-serialization'\n\ntype AnyFunction = (...args: any[]) => any\n\nexport type Serialize<T> = T extends AnyFunction\n  ? SerializedFunction<T>\n  : T extends Record<string, unknown>\n  ? { [K in keyof T]: Serialize<T[K]> }\n  : T\n\nexport type Deserialize<T> = T extends SerializedFunction<infer U>\n  ? DeserializedFunction<U>\n  : T extends Record<string, unknown>\n  ? { [K in keyof T]: Deserialize<T[K]> }\n  : T\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/builder/serialization/function-serialization.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var function_serialization_exports = {};
+__export(function_serialization_exports, {
+  deserializeFunction: () => deserializeFunction,
+  isSerializedFunction: () => isSerializedFunction,
+  serializeFunction: () => serializeFunction
+});
+module.exports = __toCommonJS(function_serialization_exports);
+function isSerializedFunction(value) {
+  return value instanceof MessagePort;
+}
+function serializeFunction(func) {
+  const messageChannel = new MessageChannel();
+  messageChannel.port1.onmessage = ({ data: [callId, args] }) => {
+    Promise.resolve().then(() => func.apply(null, args)).then((result) => messageChannel.port1.postMessage([callId, result]));
+  };
+  return messageChannel.port2;
+}
+function deserializeFunction(serializedFunction) {
+  let nextCallId = 0;
+  const calls = /* @__PURE__ */ new Map();
+  serializedFunction.onmessage = ({ data: [callId, result] }) => {
+    calls.get(callId)?.(result);
+    calls.delete(callId);
+  };
+  return function deserializedFunction(...args) {
+    return new Promise((resolve) => {
+      const callId = nextCallId++;
+      calls.set(callId, resolve);
+      serializedFunction.postMessage([callId, args]);
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeFunction,
+  isSerializedFunction,
+  serializeFunction
+});
+//# sourceMappingURL=function-serialization.js.map

package/dist/cjs/builder/serialization/function-serialization.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/builder/serialization/function-serialization.ts"],"sourcesContent":["declare const SerializedFunctionTag: unique symbol\n\ntype AnyFunction = (...args: any) => any\n\nexport type SerializedFunction<T extends AnyFunction> = MessagePort & {\n  readonly [SerializedFunctionTag]: T\n}\n\ntype SerializedFunctionReturnType<T extends AnyFunction> = Awaited<ReturnType<T>>\n\nexport type DeserializedFunction<T extends AnyFunction> = (\n  ...args: Parameters<T>\n) => Promise<SerializedFunctionReturnType<T>>\n\nexport function isSerializedFunction(value: any): value is SerializedFunction<AnyFunction> {\n  return value instanceof MessagePort\n}\n\ntype CallID = number\n\nexport function serializeFunction<T extends AnyFunction>(func: T): SerializedFunction<T> {\n  type CallMessageEvent = MessageEvent<[CallID, Parameters<T>]>\n\n  const messageChannel = new MessageChannel()\n\n  messageChannel.port1.onmessage = ({ data: [callId, args] }: CallMessageEvent) => {\n    Promise.resolve()\n      .then(() => func.apply(null, args))\n      .then(result => messageChannel.port1.postMessage([callId, result]))\n  }\n\n  return messageChannel.port2 as SerializedFunction<T>\n}\n\nexport function deserializeFunction<T extends AnyFunction>(\n  serializedFunction: SerializedFunction<T>,\n): DeserializedFunction<T> {\n  type Result = SerializedFunctionReturnType<T>\n  type ResultMessageEvent = MessageEvent<[CallID, Result]>\n  type ResolveCallPromise = (value: Result | PromiseLike<Result>) => void\n\n  let nextCallId = 0\n  const calls = new Map<CallID, ResolveCallPromise>()\n\n  serializedFunction.onmessage = ({ data: [callId, result] }: ResultMessageEvent) => {\n    calls.get(callId)?.(result)\n\n    calls.delete(callId)\n  }\n\n  return function deserializedFunction(...args) {\n    return new Promise(resolve => {\n      const callId = nextCallId++\n\n      calls.set(callId, resolve)\n\n      serializedFunction.postMessage([callId, args])\n    })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcO,SAAS,qBAAqB,OAAsD;AACzF,SAAO,iBAAiB;AAC1B;AAIO,SAAS,kBAAyC,MAAgC;AAGvF,QAAM,iBAAiB,IAAI,eAAe;AAE1C,iBAAe,MAAM,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,MAAwB;AAC/E,YAAQ,QAAQ,EACb,KAAK,MAAM,KAAK,MAAM,MAAM,IAAI,CAAC,EACjC,KAAK,YAAU,eAAe,MAAM,YAAY,CAAC,QAAQ,MAAM,CAAC,CAAC;AAAA,EACtE;AAEA,SAAO,eAAe;AACxB;AAEO,SAAS,oBACd,oBACyB;AAKzB,MAAI,aAAa;AACjB,QAAM,QAAQ,oBAAI,IAAgC;AAElD,qBAAmB,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,MAA0B;AACjF,UAAM,IAAI,MAAM,IAAI,MAAM;AAE1B,UAAM,OAAO,MAAM;AAAA,EACrB;AAEA,SAAO,SAAS,wBAAwB,MAAM;AAC5C,WAAO,IAAI,QAAQ,aAAW;AAC5B,YAAM,SAAS;AAEf,YAAM,IAAI,QAAQ,OAAO;AAEzB,yBAAmB,YAAY,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC/C,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/cjs/builder/serialization/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var serialization_exports = {};
+module.exports = __toCommonJS(serialization_exports);
+__reExport(serialization_exports, require("./control-serialization"), module.exports);
+__reExport(serialization_exports, require("./function-serialization"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./control-serialization"),
+  ...require("./function-serialization")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/builder/serialization/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/builder/serialization/index.ts"],"sourcesContent":["export * from './control-serialization'\nexport * from './function-serialization'\nexport type { Serialize, Deserialize } from './controls/types'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kCAAc,oCAAd;AACA,kCAAc,qCADd;","names":[]}

package/dist/cjs/components/builtin/Box/Box.js

@@ -0,0 +1,190 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Box_exports = {};
+__export(Box_exports, {
+  default: () => Box_default
+});
+module.exports = __toCommonJS(Box_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_css = require("@emotion/css");
+var import_uuid = require("uuid");
+var import_react2 = require("../../../runtimes/react");
+var import_Placeholder = __toESM(require("./components/Placeholder"));
+var import_animations = require("./animations");
+var import_box_model = require("../../../box-model");
+var import_BackgroundsContainer = __toESM(require("../../shared/BackgroundsContainer"));
+var import_responsive_style = require("../../utils/responsive-style");
+var import_grid_item = require("../../shared/grid-item");
+var import_use_style = require("../../../runtimes/react/use-style");
+const Box = (0, import_react.forwardRef)(function Box2({
+  id,
+  backgrounds,
+  width,
+  height,
+  margin,
+  padding,
+  border,
+  children,
+  borderRadius,
+  boxShadow,
+  rowGap,
+  columnGap,
+  hidePlaceholder,
+  verticalAlign,
+  boxAnimateType,
+  boxAnimateDuration,
+  boxAnimateDelay,
+  itemAnimateDelay,
+  itemAnimateType,
+  itemAnimateDuration,
+  itemStaggerDuration
+}, ref) {
+  const innerRef = (0, import_react.useRef)(null);
+  const boxElementObjectRef = (0, import_react.useRef)(null);
+  const [animationClassName, replayAnimation, setElement] = (0, import_animations.useBoxAnimation)(
+    boxAnimateType,
+    boxAnimateDuration,
+    boxAnimateDelay,
+    itemAnimateType
+  );
+  const boxElementCallbackRef = (0, import_react.useCallback)((current) => {
+    boxElementObjectRef.current = current;
+    setElement(current);
+  }, []);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      getDomNode() {
+        return boxElementObjectRef.current;
+      },
+      getBoxModel() {
+        const paddingBoxElement = innerRef.current;
+        const borderBoxElement = innerRef.current;
+        const marginBoxElement = boxElementObjectRef.current;
+        const borderBox = innerRef.current?.getBoundingClientRect();
+        const paddingBoxComputedStyle = paddingBoxElement?.ownerDocument.defaultView?.getComputedStyle(paddingBoxElement);
+        const borderBoxComputedStyle = borderBoxElement?.ownerDocument.defaultView?.getComputedStyle(borderBoxElement);
+        const marginBoxComputedStyle = marginBoxElement?.ownerDocument.defaultView?.getComputedStyle(marginBoxElement);
+        const padding2 = paddingBoxComputedStyle && {
+          top: (0, import_box_model.parse)(paddingBoxComputedStyle.paddingTop),
+          right: (0, import_box_model.parse)(paddingBoxComputedStyle.paddingRight),
+          bottom: (0, import_box_model.parse)(paddingBoxComputedStyle.paddingBottom),
+          left: (0, import_box_model.parse)(paddingBoxComputedStyle.paddingLeft)
+        };
+        const border2 = borderBoxComputedStyle && {
+          top: (0, import_box_model.parse)(borderBoxComputedStyle.borderTopWidth),
+          right: (0, import_box_model.parse)(borderBoxComputedStyle.borderRightWidth),
+          bottom: (0, import_box_model.parse)(borderBoxComputedStyle.borderBottomWidth),
+          left: (0, import_box_model.parse)(borderBoxComputedStyle.borderLeftWidth)
+        };
+        const margin2 = marginBoxComputedStyle && {
+          top: (0, import_box_model.parse)(marginBoxComputedStyle.marginTop),
+          right: (0, import_box_model.parse)(marginBoxComputedStyle.marginRight),
+          bottom: (0, import_box_model.parse)(marginBoxComputedStyle.marginBottom),
+          left: (0, import_box_model.parse)(marginBoxComputedStyle.marginLeft)
+        };
+        return borderBox ? (0, import_box_model.createBox)({ borderBox, padding: padding2, border: border2, margin: margin2 }) : null;
+      }
+    }),
+    []
+  );
+  const gridItemClassName = (0, import_use_style.useStyle)(
+    (0, import_responsive_style.useResponsiveStyle)([verticalAlign], ([alignItems = "flex-start"]) => ({ alignItems }))
+  );
+  const [key, setKey] = (0, import_react.useState)(() => (0, import_uuid.v4)());
+  const animationProps = {
+    boxAnimateType,
+    boxAnimateDuration,
+    boxAnimateDelay,
+    itemAnimateType,
+    itemAnimateDuration,
+    itemAnimateDelay,
+    itemStaggerDuration
+  };
+  const prevAnimationProps = (0, import_react.useRef)(animationProps);
+  (0, import_react.useEffect)(() => {
+    if (!(0, import_animations.areBoxAnimationPropsEqual)(prevAnimationProps.current, animationProps)) {
+      replayAnimation();
+      setKey((0, import_uuid.v4)());
+      prevAnimationProps.current = animationProps;
+    }
+  }, [replayAnimation, animationProps]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_BackgroundsContainer.default,
+    {
+      ref: boxElementCallbackRef,
+      id,
+      className: (0, import_css.cx)(
+        width,
+        margin,
+        borderRadius,
+        (0, import_use_style.useStyle)({ display: "flex" }),
+        (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveStyle)([height], ([alignSelf = "auto"]) => ({ alignSelf }))),
+        animationClassName
+      ),
+      backgrounds,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ref: innerRef,
+          className: (0, import_css.cx)(
+            padding,
+            boxShadow,
+            border,
+            (0, import_use_style.useStyle)({ display: "flex", flexWrap: "wrap", width: "100%" }),
+            (0, import_use_style.useStyle)(
+              (0, import_responsive_style.useResponsiveStyle)([verticalAlign], ([alignContent = "flex-start"]) => ({
+                alignContent
+              }))
+            )
+          ),
+          children: children && children.elements.length > 0 ? children.elements.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_grid_item.GridItem,
+            {
+              className: gridItemClassName,
+              grid: children.columns,
+              index,
+              itemAnimateDuration,
+              itemAnimateDelay,
+              itemStaggerDuration,
+              columnGap,
+              rowGap,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Element, { element: child })
+            },
+            child.key
+          )) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Placeholder.default, { hide: hidePlaceholder })
+        },
+        key
+      )
+    }
+  );
+});
+var Box_default = Box;
+//# sourceMappingURL=Box.js.map

package/dist/cjs/components/builtin/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Box/Box.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { cx } from '@emotion/css'\nimport { v4 as uuid } from 'uuid'\n\nimport { Element } from '../../../runtimes/react'\nimport Placeholder from './components/Placeholder'\nimport { areBoxAnimationPropsEqual, BoxAnimationProps, useBoxAnimation } from './animations'\nimport {\n  ElementIDValue,\n  ResponsiveIconRadioGroupValue,\n  GridValue,\n  GapYValue,\n  GapXValue,\n  CheckboxValue,\n  BackgroundsValue,\n} from '../../../prop-controllers/descriptors'\nimport { BoxModelHandle, parse, createBox } from '../../../box-model'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  id?: ElementIDValue\n  backgrounds?: BackgroundsValue\n  width?: string\n  height?: ResponsiveIconRadioGroupValue<'auto' | 'stretch'>\n  verticalAlign?: ResponsiveIconRadioGroupValue<\n    'flex-start' | 'center' | 'flex-end' | 'space-between'\n  >\n  margin?: string\n  padding?: string\n  border?: string\n  borderRadius?: string\n  boxShadow?: string\n  rowGap?: GapYValue\n  columnGap?: GapXValue\n  hidePlaceholder?: CheckboxValue\n  children?: GridValue\n} & BoxAnimationProps\n\nconst Box = forwardRef(function Box(\n  {\n    id,\n    backgrounds,\n    width,\n    height,\n    margin,\n    padding,\n    border,\n    children,\n    borderRadius,\n    boxShadow,\n    rowGap,\n    columnGap,\n    hidePlaceholder,\n    verticalAlign,\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateDelay,\n    itemAnimateType,\n    itemAnimateDuration,\n    itemStaggerDuration,\n  }: Props,\n  ref: Ref<BoxModelHandle>,\n) {\n  const innerRef = useRef<HTMLDivElement | null>(null)\n  const boxElementObjectRef = useRef<HTMLElement | null>(null)\n  const [animationClassName, replayAnimation, setElement] = useBoxAnimation(\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateType,\n  )\n  const boxElementCallbackRef = useCallback((current: HTMLElement | null) => {\n    boxElementObjectRef.current = current\n\n    setElement(current)\n  }, [])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getDomNode() {\n        return boxElementObjectRef.current\n      },\n      getBoxModel() {\n        const paddingBoxElement = innerRef.current\n        const borderBoxElement = innerRef.current\n        const marginBoxElement = boxElementObjectRef.current\n        const borderBox = innerRef.current?.getBoundingClientRect()\n        const paddingBoxComputedStyle =\n          paddingBoxElement?.ownerDocument.defaultView?.getComputedStyle(paddingBoxElement)\n        const borderBoxComputedStyle =\n          borderBoxElement?.ownerDocument.defaultView?.getComputedStyle(borderBoxElement)\n        const marginBoxComputedStyle =\n          marginBoxElement?.ownerDocument.defaultView?.getComputedStyle(marginBoxElement)\n        const padding = paddingBoxComputedStyle && {\n          top: parse(paddingBoxComputedStyle.paddingTop),\n          right: parse(paddingBoxComputedStyle.paddingRight),\n          bottom: parse(paddingBoxComputedStyle.paddingBottom),\n          left: parse(paddingBoxComputedStyle.paddingLeft),\n        }\n        const border = borderBoxComputedStyle && {\n          top: parse(borderBoxComputedStyle.borderTopWidth),\n          right: parse(borderBoxComputedStyle.borderRightWidth),\n          bottom: parse(borderBoxComputedStyle.borderBottomWidth),\n          left: parse(borderBoxComputedStyle.borderLeftWidth),\n        }\n        const margin = marginBoxComputedStyle && {\n          top: parse(marginBoxComputedStyle.marginTop),\n          right: parse(marginBoxComputedStyle.marginRight),\n          bottom: parse(marginBoxComputedStyle.marginBottom),\n          left: parse(marginBoxComputedStyle.marginLeft),\n        }\n\n        return borderBox ? createBox({ borderBox, padding, border, margin }) : null\n      },\n    }),\n    [],\n  )\n\n  const gridItemClassName = useStyle(\n    useResponsiveStyle([verticalAlign], ([alignItems = 'flex-start']) => ({ alignItems })),\n  )\n\n  const [key, setKey] = useState(() => uuid())\n\n  const animationProps = {\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateType,\n    itemAnimateDuration,\n    itemAnimateDelay,\n    itemStaggerDuration,\n  }\n\n  const prevAnimationProps = useRef(animationProps)\n  useEffect(() => {\n    if (!areBoxAnimationPropsEqual(prevAnimationProps.current, animationProps)) {\n      replayAnimation()\n      setKey(uuid())\n      prevAnimationProps.current = animationProps\n    }\n  }, [replayAnimation, animationProps])\n\n  return (\n    <BackgroundsContainer\n      ref={boxElementCallbackRef}\n      id={id}\n      className={cx(\n        width,\n        margin,\n        borderRadius,\n        useStyle({ display: 'flex' }),\n        useStyle(useResponsiveStyle([height], ([alignSelf = 'auto']) => ({ alignSelf }))),\n        animationClassName,\n      )}\n      backgrounds={backgrounds}\n    >\n      <div\n        ref={innerRef}\n        key={key}\n        className={cx(\n          padding,\n          boxShadow,\n          border,\n          useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' }),\n          useStyle(\n            useResponsiveStyle([verticalAlign], ([alignContent = 'flex-start']) => ({\n              alignContent,\n            })),\n          ),\n        )}\n      >\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              className={gridItemClassName}\n              grid={children.columns}\n              index={index}\n              itemAnimateDuration={itemAnimateDuration}\n              itemAnimateDelay={itemAnimateDelay}\n              itemStaggerDuration={itemStaggerDuration}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder hide={hidePlaceholder} />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Box\n"],"mappings":"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","names":["import_react","Box","padding","border","margin","uuid","BackgroundsContainer","Placeholder"]}