@makeswift/runtime 0.13.0 → 0.14.0

package/dist/cjs/controls/shape.js

@@ -0,0 +1,149 @@
+"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, {
+  Shape: () => Shape,
+  ShapeControl: () => ShapeControl,
+  ShapeControlMessageType: () => ShapeControlMessageType,
+  ShapeControlType: () => ShapeControlType,
+  copyShapeData: () => copyShapeData,
+  getShapeElementChildren: () => getShapeElementChildren,
+  getShapeFileIds: () => getShapeFileIds,
+  getShapePageIds: () => getShapePageIds,
+  getShapeSwatchIds: () => getShapeSwatchIds,
+  getShapeTranslatableData: () => getShapeTranslatableData,
+  getShapeTypographyIds: () => getShapeTypographyIds,
+  mergeShapeTranslatedData: () => mergeShapeTranslatedData
+});
+module.exports = __toCommonJS(shape_exports);
+var import_instances = require("../prop-controllers/instances");
+var import_base = require("../prop-controllers/base");
+var import_control = require("./control");
+var import_control2 = require("./control");
+var import_introspection = require("../prop-controllers/introspection");
+const ShapeControlType = "makeswift::controls::shape";
+function Shape(config) {
+  return { type: ShapeControlType, config };
+}
+const ShapeControlMessageType = {
+  SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::shape::message::child-control-message"
+};
+class ShapeControl extends import_base.PropController {
+  controls;
+  descriptor;
+  send;
+  constructor(send, descriptor) {
+    super(send);
+    this.descriptor = descriptor;
+    this.send = send;
+    this.controls = /* @__PURE__ */ new Map();
+    this.setControls();
+  }
+  setControls = () => {
+    const controls = /* @__PURE__ */ new Map();
+    const children = this.descriptor.config.type;
+    Object.keys(children).forEach((key) => {
+      const control = (0, import_instances.createPropController)(
+        children[key],
+        (message) => this.send({
+          type: ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE,
+          payload: { message, key }
+        })
+      );
+      controls.set(key, control);
+    });
+    this.controls = controls;
+    return this.controls;
+  };
+  recv = (message) => {
+    switch (message.type) {
+      case ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: {
+        const control = this.controls.get(message.payload.key);
+        if (control == null)
+          return;
+        const recv = control.recv;
+        recv(message.payload.message);
+      }
+    }
+  };
+}
+function copyShapeData(definition, value, context) {
+  if (value == null)
+    return value;
+  const newValue = {};
+  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {
+    const prop = value[key];
+    newValue[key] = (0, import_control2.copy)(itemDefinition, prop, context);
+  }
+  return newValue;
+}
+function introspectShapeData(definition, value, func) {
+  if (value == null)
+    return [];
+  return Object.entries(definition.config.type).flatMap(
+    ([key, definition2]) => func(definition2, value[key])
+  );
+}
+function getShapeElementChildren(definition, data) {
+  return introspectShapeData(definition, data, import_introspection.getElementChildren);
+}
+function getShapeSwatchIds(definition, data) {
+  return introspectShapeData(definition, data, import_introspection.getSwatchIds);
+}
+function getShapeTypographyIds(definition, data) {
+  return introspectShapeData(definition, data, import_introspection.getTypographyIds);
+}
+function getShapePageIds(definition, data) {
+  return introspectShapeData(definition, data, import_introspection.getPageIds);
+}
+function getShapeFileIds(definition, data) {
+  return introspectShapeData(definition, data, import_introspection.getFileIds);
+}
+function getShapeTranslatableData(definition, data) {
+  return Object.fromEntries(
+    Object.entries(definition.config.type).map(([key, definition2]) => [
+      key,
+      (0, import_control.getTranslatableData)(definition2, data[key])
+    ])
+  );
+}
+function mergeShapeTranslatedData(definition, data, translatedData, context) {
+  return Object.fromEntries(
+    Object.entries(definition.config.type).map(([key, definition2]) => [
+      key,
+      (0, import_control.mergeTranslatedData)(definition2, data[key], translatedData[key], context)
+    ])
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Shape,
+  ShapeControl,
+  ShapeControlMessageType,
+  ShapeControlType,
+  copyShapeData,
+  getShapeElementChildren,
+  getShapeFileIds,
+  getShapePageIds,
+  getShapeSwatchIds,
+  getShapeTranslatableData,
+  getShapeTypographyIds,
+  mergeShapeTranslatedData
+});
+//# sourceMappingURL=shape.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/shape.ts"],"sourcesContent":["import {\n  AnyPropController,\n  createPropController,\n  Send,\n  PropControllerMessage,\n} from '../prop-controllers/instances'\nimport { PropController } from '../prop-controllers/base'\nimport { CopyContext, MergeTranslatableDataContext } from '../state/react-page'\nimport {\n  ControlDefinition,\n  ControlDefinitionData,\n  getTranslatableData,\n  mergeTranslatedData,\n} from './control'\n\nimport { copy as controlCopy } from './control'\nimport { Data } from './types'\nimport {\n  getElementChildren,\n  getFileIds,\n  getPageIds,\n  getSwatchIds,\n  getTypographyIds,\n} from '../prop-controllers/introspection'\n\nexport const ShapeControlType = 'makeswift::controls::shape'\n\ntype ShapeControlConfig = {\n  type: Record<string, ControlDefinition>\n}\n\nexport type ShapeControlDefinition<C extends ShapeControlConfig = ShapeControlConfig> = {\n  type: typeof ShapeControlType\n  config: C\n}\n\nexport function Shape<C extends ShapeControlConfig>(config: C): ShapeControlDefinition<C> {\n  return { type: ShapeControlType, config }\n}\n\nexport type ShapeControlData<T extends ShapeControlDefinition = ShapeControlDefinition> = {\n  [K in keyof T['config']['type']]?: ControlDefinitionData<T['config']['type'][K]>\n}\n\nexport const ShapeControlMessageType = {\n  SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: 'makeswift::controls::shape::message::child-control-message',\n} as const\n\ntype ShapeControlChildControlMessage = {\n  type: typeof ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE\n  payload: { message: PropControllerMessage; key: string }\n}\n\nexport type ShapeControlMessage = ShapeControlChildControlMessage\n\nexport class ShapeControl<\n  T extends ShapeControlDefinition = ShapeControlDefinition,\n> extends PropController<ShapeControlMessage> {\n  controls: Map<string, AnyPropController>\n  descriptor: ShapeControlDefinition\n  send: Send<ShapeControlMessage>\n\n  constructor(send: Send<ShapeControlMessage>, descriptor: T) {\n    super(send)\n\n    this.descriptor = descriptor\n    this.send = send\n\n    this.controls = new Map<string, AnyPropController>()\n    this.setControls()\n  }\n\n  setControls = () => {\n    const controls = new Map<string, AnyPropController>()\n    const children = this.descriptor.config.type\n\n    Object.keys(children).forEach(key => {\n      const control = createPropController(children[key], message =>\n        this.send({\n          type: ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE,\n          payload: { message, key },\n        }),\n      )\n\n      controls.set(key, control)\n    })\n\n    this.controls = controls\n\n    return this.controls\n  }\n\n  recv = (message: ShapeControlMessage) => {\n    switch (message.type) {\n      case ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: {\n        const control = this.controls.get(message.payload.key)\n\n        if (control == null) return\n\n        // TODO: We're casting the type here as the arg0 type for control.recv is never\n        const recv = control.recv as (arg0: PropControllerMessage) => void\n\n        recv(message.payload.message)\n      }\n    }\n  }\n}\n\nexport function copyShapeData(\n  definition: ShapeControlDefinition,\n  value: ShapeControlData | undefined,\n  context: CopyContext,\n): ShapeControlData | undefined {\n  if (value == null) return value\n\n  const newValue: ShapeControlData = {}\n\n  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {\n    const prop = value[key]\n\n    newValue[key] = controlCopy(itemDefinition, prop, context)\n  }\n\n  return newValue\n}\n\nfunction introspectShapeData<T>(\n  definition: ShapeControlDefinition,\n  value: ShapeControlData | undefined,\n  func: (definition: ControlDefinition, data: Data) => T[],\n): T[] {\n  if (value == null) return []\n\n  return Object.entries(definition.config.type).flatMap(([key, definition]) =>\n    func(definition, value[key]),\n  )\n}\n\nexport function getShapeElementChildren(\n  definition: ShapeControlDefinition,\n  data: ShapeControlData,\n) {\n  return introspectShapeData(definition, data, getElementChildren)\n}\n\nexport function getShapeSwatchIds(definition: ShapeControlDefinition, data: ShapeControlData) {\n  return introspectShapeData(definition, data, getSwatchIds)\n}\n\nexport function getShapeTypographyIds(definition: ShapeControlDefinition, data: ShapeControlData) {\n  return introspectShapeData(definition, data, getTypographyIds)\n}\n\nexport function getShapePageIds(definition: ShapeControlDefinition, data: ShapeControlData) {\n  return introspectShapeData(definition, data, getPageIds)\n}\n\nexport function getShapeFileIds(definition: ShapeControlDefinition, data: ShapeControlData) {\n  return introspectShapeData(definition, data, getFileIds)\n}\n\nexport function getShapeTranslatableData(\n  definition: ShapeControlDefinition,\n  data: ShapeControlData,\n) {\n  return Object.fromEntries(\n    Object.entries(definition.config.type).map(([key, definition]) => [\n      key,\n      getTranslatableData(definition, data[key]),\n    ]),\n  )\n}\n\nexport type ShapeControlTranslationDto = Record<string, ShapeControlData>\n\nexport function mergeShapeTranslatedData(\n  definition: ShapeControlDefinition,\n  data: ShapeControlData,\n  translatedData: ShapeControlTranslationDto,\n  context: MergeTranslatableDataContext,\n) {\n  return Object.fromEntries(\n    Object.entries(definition.config.type).map(([key, definition]) => [\n      key,\n      mergeTranslatedData(definition, data[key], translatedData[key], context),\n    ]),\n  )\n}\n"],"mappings":"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","names":["import_control","controlCopy","definition"]}

package/dist/cjs/controls/slot.js

@@ -0,0 +1,92 @@
+"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 slot_exports = {};
+__export(slot_exports, {
+  Slot: () => Slot,
+  SlotControl: () => SlotControl,
+  SlotControlMessageType: () => SlotControlMessageType,
+  SlotControlType: () => SlotControlType,
+  copySlotData: () => copySlotData,
+  mergeSlotControlTranslatedData: () => mergeSlotControlTranslatedData,
+  mergeSlotData: () => mergeSlotData
+});
+module.exports = __toCommonJS(slot_exports);
+var import_base = require("../prop-controllers/base");
+var import_react_page = require("../state/react-page");
+const SlotControlType = "makeswift::controls::slot";
+function Slot() {
+  return { type: SlotControlType };
+}
+const SlotControlMessageType = {
+  CONTAINER_BOX_MODEL_CHANGE: "makeswift::controls::slot::message::container-box-model-change",
+  ITEM_BOX_MODEL_CHANGE: "makeswift::controls::slot::message::item-box-model-change"
+};
+class SlotControl extends import_base.PropController {
+  recv = () => {
+  };
+  changeContainerBoxModel(boxModel) {
+    this.send({ type: SlotControlMessageType.CONTAINER_BOX_MODEL_CHANGE, payload: { boxModel } });
+  }
+  changeItemBoxModel(index, boxModel) {
+    this.send({ type: SlotControlMessageType.ITEM_BOX_MODEL_CHANGE, payload: { index, boxModel } });
+  }
+}
+function copySlotData(value, context) {
+  if (value == null)
+    return value;
+  return {
+    ...value,
+    elements: value.elements.map((element) => context.copyElement(element))
+  };
+}
+function mergeSlotData(base = { columns: [], elements: [] }, override = { columns: [], elements: [] }, context) {
+  const mergedColumns = base.columns;
+  const mergedElements = base.elements.flatMap((baseElement) => {
+    const overrideElement = override.elements.find(
+      (e) => baseElement.type === e.type && baseElement.key === e.key
+    );
+    if (overrideElement == null)
+      return [baseElement];
+    if (overrideElement.deleted)
+      return [];
+    if ((0, import_react_page.isElementReference)(overrideElement))
+      return [overrideElement];
+    if ((0, import_react_page.isElementReference)(baseElement))
+      return [baseElement];
+    return context.mergeElement(baseElement, overrideElement);
+  });
+  return { columns: mergedColumns, elements: mergedElements };
+}
+function mergeSlotControlTranslatedData(data, context) {
+  return {
+    ...data,
+    elements: data.elements.map((element) => context.mergeTranslatedData(element))
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Slot,
+  SlotControl,
+  SlotControlMessageType,
+  SlotControlType,
+  copySlotData,
+  mergeSlotControlTranslatedData,
+  mergeSlotData
+});
+//# sourceMappingURL=slot.js.map

package/dist/cjs/controls/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/slot.ts"],"sourcesContent":["import { PropController } from '../prop-controllers/base'\nimport { BoxModel } from '../state/modules/box-models'\nimport {\n  CopyContext,\n  Element,\n  isElementReference,\n  MergeContext,\n  MergeTranslatableDataContext,\n} from '../state/react-page'\nimport { ResponsiveValue } from './types'\n\ntype SlotControlColumnData = { count: number; spans: number[][] }\n\nexport type SlotControlData = {\n  elements: (Element & { deleted?: boolean })[]\n  columns: ResponsiveValue<SlotControlColumnData>\n}\n\nexport const SlotControlType = 'makeswift::controls::slot'\n\nexport type SlotControlDefinition = {\n  type: typeof SlotControlType\n}\n\nexport function Slot(): SlotControlDefinition {\n  return { type: SlotControlType }\n}\n\nexport const SlotControlMessageType = {\n  CONTAINER_BOX_MODEL_CHANGE: 'makeswift::controls::slot::message::container-box-model-change',\n  ITEM_BOX_MODEL_CHANGE: 'makeswift::controls::slot::message::item-box-model-change',\n} as const\n\ntype SlotControlContainerBoxModelChangeMessage = {\n  type: typeof SlotControlMessageType.CONTAINER_BOX_MODEL_CHANGE\n  payload: { boxModel: BoxModel | null }\n}\n\ntype SlotControlItemBoxModelChangeMessage = {\n  type: typeof SlotControlMessageType.ITEM_BOX_MODEL_CHANGE\n  payload: { index: number; boxModel: BoxModel | null }\n}\n\nexport type SlotControlMessage =\n  | SlotControlContainerBoxModelChangeMessage\n  | SlotControlItemBoxModelChangeMessage\n\nexport class SlotControl extends PropController<SlotControlMessage> {\n  recv = () => {}\n\n  changeContainerBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: SlotControlMessageType.CONTAINER_BOX_MODEL_CHANGE, payload: { boxModel } })\n  }\n\n  changeItemBoxModel(index: number, boxModel: BoxModel | null): void {\n    this.send({ type: SlotControlMessageType.ITEM_BOX_MODEL_CHANGE, payload: { index, boxModel } })\n  }\n}\n\nexport function copySlotData(\n  value: SlotControlData | undefined,\n  context: CopyContext,\n): SlotControlData | undefined {\n  if (value == null) return value\n\n  return {\n    ...value,\n    elements: value.elements.map(element => context.copyElement(element)),\n  }\n}\n\n/**\n * @todo\n * - Inserting elements\n * - Moving elements\n * - Merging column data\n */\nexport function mergeSlotData(\n  base: SlotControlData | undefined = { columns: [], elements: [] },\n  override: SlotControlData | undefined = { columns: [], elements: [] },\n  context: MergeContext,\n): SlotControlData {\n  const mergedColumns = base.columns\n  const mergedElements = base.elements.flatMap(baseElement => {\n    const overrideElement = override.elements.find(\n      e => baseElement.type === e.type && baseElement.key === e.key,\n    )\n\n    if (overrideElement == null) return [baseElement]\n\n    if (overrideElement.deleted) return []\n\n    if (isElementReference(overrideElement)) return [overrideElement]\n\n    if (isElementReference(baseElement)) return [baseElement]\n\n    return context.mergeElement(baseElement, overrideElement)\n  })\n\n  return { columns: mergedColumns, elements: mergedElements }\n}\n\nexport function mergeSlotControlTranslatedData(\n  data: SlotControlData,\n  context: MergeTranslatableDataContext,\n) {\n  return {\n    ...data,\n    elements: data.elements.map(element => context.mergeTranslatedData(element)),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+B;AAE/B,wBAMO;AAUA,MAAM,kBAAkB;AAMxB,SAAS,OAA8B;AAC5C,SAAO,EAAE,MAAM,gBAAgB;AACjC;AAEO,MAAM,yBAAyB;AAAA,EACpC,4BAA4B;AAAA,EAC5B,uBAAuB;AACzB;AAgBO,MAAM,oBAAoB,2BAAmC;AAAA,EAClE,OAAO,MAAM;AAAA,EAAC;AAAA,EAEd,wBAAwB,UAAiC;AACvD,SAAK,KAAK,EAAE,MAAM,uBAAuB,4BAA4B,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EAC9F;AAAA,EAEA,mBAAmB,OAAe,UAAiC;AACjE,SAAK,KAAK,EAAE,MAAM,uBAAuB,uBAAuB,SAAS,EAAE,OAAO,SAAS,EAAE,CAAC;AAAA,EAChG;AACF;AAEO,SAAS,aACd,OACA,SAC6B;AAC7B,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,MAAM,SAAS,IAAI,aAAW,QAAQ,YAAY,OAAO,CAAC;AAAA,EACtE;AACF;AAQO,SAAS,cACd,OAAoC,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,EAAE,GAChE,WAAwC,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,EAAE,GACpE,SACiB;AACjB,QAAM,gBAAgB,KAAK;AAC3B,QAAM,iBAAiB,KAAK,SAAS,QAAQ,iBAAe;AAC1D,UAAM,kBAAkB,SAAS,SAAS;AAAA,MACxC,OAAK,YAAY,SAAS,EAAE,QAAQ,YAAY,QAAQ,EAAE;AAAA,IAC5D;AAEA,QAAI,mBAAmB;AAAM,aAAO,CAAC,WAAW;AAEhD,QAAI,gBAAgB;AAAS,aAAO,CAAC;AAErC,YAAI,sCAAmB,eAAe;AAAG,aAAO,CAAC,eAAe;AAEhE,YAAI,sCAAmB,WAAW;AAAG,aAAO,CAAC,WAAW;AAExD,WAAO,QAAQ,aAAa,aAAa,eAAe;AAAA,EAC1D,CAAC;AAED,SAAO,EAAE,SAAS,eAAe,UAAU,eAAe;AAC5D;AAEO,SAAS,+BACd,MACA,SACA;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,KAAK,SAAS,IAAI,aAAW,QAAQ,oBAAoB,OAAO,CAAC;AAAA,EAC7E;AACF;","names":[]}

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

@@ -0,0 +1,74 @@
+"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, {
+  StyleV2Control: () => StyleV2Control,
+  StyleV2ControlMessageType: () => StyleV2ControlMessageType,
+  StyleV2ControlType: () => StyleV2ControlType,
+  unstable_StyleV2: () => unstable_StyleV2,
+  unstable_useStyleV2ClassName: () => unstable_useStyleV2ClassName
+});
+module.exports = __toCommonJS(style_v2_exports);
+var import_base = require("../prop-controllers/base");
+var import_instances = require("../prop-controllers/instances");
+var import_use_style = require("../runtimes/react/use-style");
+const StyleV2ControlType = "makeswift::controls::style-v2";
+const unstable_useStyleV2ClassName = import_use_style.useStyle;
+function unstable_StyleV2(config) {
+  return { type: StyleV2ControlType, config };
+}
+const StyleV2ControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model",
+  STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::style-v2::message::child-control-message"
+};
+class StyleV2Control extends import_base.PropController {
+  control;
+  constructor(send, descriptor) {
+    super(send);
+    this.control = (0, import_instances.createPropController)(descriptor.config.type, (message) => {
+      this.send({
+        type: StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE,
+        payload: { message }
+      });
+    });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv(message) {
+    switch (message.type) {
+      case StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: {
+        const control = this.control;
+        if (control == null)
+          return;
+        const recv = control.recv;
+        recv(message.payload.message);
+      }
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StyleV2Control,
+  StyleV2ControlMessageType,
+  StyleV2ControlType,
+  unstable_StyleV2,
+  unstable_useStyleV2ClassName
+});
+//# sourceMappingURL=style-v2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/style-v2.ts"],"sourcesContent":["import { BoxModel } from 'css-box-model'\nimport { ControlDefinition } from './control'\nimport { PropController } from '../prop-controllers/base'\nimport {\n  AnyPropController,\n  PropControllerMessage,\n  Send,\n  createPropController,\n} from '../prop-controllers/instances'\nimport { ResponsiveValue } from './types'\nimport { CSSObject } from '@emotion/serialize'\nimport { useStyle } from '../runtimes/react/use-style'\nimport { ControlDefinitionValue } from '../runtimes/react/controls/control'\n\nexport const StyleV2ControlType = 'makeswift::controls::style-v2'\n\nexport type StyleV2CSSObject = CSSObject\nexport const unstable_useStyleV2ClassName = useStyle\n\ntype StyleV2ControlConfig<T extends ControlDefinition = ControlDefinition> = {\n  type: T\n  getStyle(item: ControlDefinitionValue<T> | undefined): CSSObject\n}\n\nexport type StyleV2ControlDefinition = {\n  type: typeof StyleV2ControlType\n  config: StyleV2ControlConfig\n}\n\nexport function unstable_StyleV2<C extends StyleV2ControlConfig>(\n  config: C,\n): StyleV2ControlDefinition {\n  return { type: StyleV2ControlType, config }\n}\n\n/**\n * TODO: Rewrite `ControlDefinitionData` as a tail recursive type.\n *\n * Explanation: Making `StyleV2ControlData` generic causes us to hit a limitation of TS conditional types for the definition of `ControlDefinitionData`.\n * We get \"Type instantiation is excessively deep and possibly infinite.\"\n *\n * Helpful links:\n * * The PR changing the limit of conditional types: https://github.com/microsoft/TypeScript/pull/45711\n * * TS 4.5 docs releasing this limitation: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-5.html#tail-recursion-elimination-on-conditional-types\n * * A SO user implementing a tail recursive type: https://stackoverflow.com/questions/72370456/tail-recursion-elimination-on-conditional-types-doesnt-work\n *\n *\n * This is what the type should be:\n * ```\n * export type StyleV2ControlData<T extends StyleV2ControlDefinition = StyleV2ControlDefinition> =\n *   ResponsiveValue<ControlDefinitionData<T['config']['type']>>\n * ```\n */\nexport type StyleV2ControlData = ResponsiveValue<any>\n\nexport const StyleV2ControlMessageType = {\n  CHANGE_BOX_MODEL: 'makeswift::controls::style::message::change-box-model',\n  STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE:\n    'makeswift::controls::style-v2::message::child-control-message',\n} as const\n\ntype StyleV2ControlItemBoxModelChangeMessage = {\n  type: typeof StyleV2ControlMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\ntype StyleV2ControlChildControlMessage = {\n  type: typeof StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE\n  payload: { message: PropControllerMessage }\n}\n\nexport type StyleV2ControlMessage =\n  | StyleV2ControlItemBoxModelChangeMessage\n  | StyleV2ControlChildControlMessage\n\nexport class StyleV2Control<\n  T extends StyleV2ControlDefinition = StyleV2ControlDefinition,\n> extends PropController<StyleV2ControlMessage> {\n  control?: AnyPropController\n  constructor(send: Send<StyleV2ControlMessage>, descriptor: T) {\n    super(send)\n    this.control = createPropController(descriptor.config.type, message => {\n      this.send({\n        type: StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE,\n        payload: { message },\n      })\n    })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n\n  recv(message: StyleV2ControlMessage) {\n    switch (message.type) {\n      case StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: {\n        const control = this.control\n\n        if (control == null) return\n\n        const recv = control.recv as (arg0: PropControllerMessage) => void\n\n        recv(message.payload.message)\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kBAA+B;AAC/B,uBAKO;AAGP,uBAAyB;AAGlB,MAAM,qBAAqB;AAG3B,MAAM,+BAA+B;AAYrC,SAAS,iBACd,QAC0B;AAC1B,SAAO,EAAE,MAAM,oBAAoB,OAAO;AAC5C;AAsBO,MAAM,4BAA4B;AAAA,EACvC,kBAAkB;AAAA,EAClB,wCACE;AACJ;AAeO,MAAM,uBAEH,2BAAsC;AAAA,EAC9C;AAAA,EACA,YAAY,MAAmC,YAAe;AAC5D,UAAM,IAAI;AACV,SAAK,cAAU,uCAAqB,WAAW,OAAO,MAAM,aAAW;AACrE,WAAK,KAAK;AAAA,QACR,MAAM,0BAA0B;AAAA,QAChC,SAAS,EAAE,QAAQ;AAAA,MACrB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,KAAK,EAAE,MAAM,0BAA0B,kBAAkB,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EACvF;AAAA,EAEA,KAAK,SAAgC;AACnC,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,0BAA0B,wCAAwC;AACrE,cAAM,UAAU,KAAK;AAErB,YAAI,WAAW;AAAM;AAErB,cAAM,OAAO,QAAQ;AAErB,aAAK,QAAQ,QAAQ,OAAO;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/controls/style.js

@@ -0,0 +1,119 @@
+"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_exports = {};
+__export(style_exports, {
+  Style: () => Style,
+  StyleControl: () => StyleControl,
+  StyleControlMessageType: () => StyleControlMessageType,
+  StyleControlProperty: () => StyleControlProperty,
+  StyleControlType: () => StyleControlType,
+  copyStyleData: () => copyStyleData
+});
+module.exports = __toCommonJS(style_exports);
+var import_color = require("./color");
+var import_base = require("../prop-controllers/base");
+const StyleControlType = "makeswift::controls::style";
+const StyleControlProperty = {
+  Width: "makeswift::controls::style::property::width",
+  Margin: "makeswift::controls::style::property::margin",
+  Padding: "makeswift::controls::style::property::padding",
+  Border: "makeswift::controls::style::property::border",
+  BorderRadius: "makeswift::controls::style::property::border-radius",
+  TextStyle: "makeswift::controls::style::property::text-style"
+};
+const StyleControlDefaultProperties = [
+  StyleControlProperty.Width,
+  StyleControlProperty.Margin
+];
+const AllStyleControlProperties = [
+  StyleControlProperty.Width,
+  StyleControlProperty.Margin,
+  StyleControlProperty.Padding,
+  StyleControlProperty.Border,
+  StyleControlProperty.BorderRadius,
+  StyleControlProperty.TextStyle
+];
+function Style(params) {
+  return {
+    type: StyleControlType,
+    config: { properties: params?.properties ?? StyleControlDefaultProperties }
+  };
+}
+Style.Default = StyleControlDefaultProperties;
+Style.All = AllStyleControlProperties;
+Style.Width = StyleControlProperty.Width;
+Style.Margin = StyleControlProperty.Margin;
+Style.Padding = StyleControlProperty.Padding;
+Style.Border = StyleControlProperty.Border;
+Style.BorderRadius = StyleControlProperty.BorderRadius;
+Style.TextStyle = StyleControlProperty.TextStyle;
+const StyleControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model"
+};
+class StyleControl extends import_base.PropController {
+  constructor(send) {
+    super(send);
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: StyleControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv() {
+  }
+}
+function copyStyleData(value, context) {
+  if (value == null)
+    return value;
+  function copyResponsiveBorder(responsiveBorder) {
+    if (responsiveBorder == null)
+      return void 0;
+    return responsiveBorder.map((deviceBorder) => ({
+      ...deviceBorder,
+      value: copyBorder(deviceBorder.value)
+    }));
+  }
+  function copyBorder(border) {
+    function copyBorderSide(side) {
+      if (side == null)
+        return null;
+      if (side.color == null)
+        return side;
+      return {
+        ...side,
+        color: (0, import_color.copyColorData)(side.color, context)
+      };
+    }
+    return {
+      borderTop: copyBorderSide(border.borderTop),
+      borderBottom: copyBorderSide(border.borderBottom),
+      borderRight: copyBorderSide(border.borderRight),
+      borderLeft: copyBorderSide(border.borderLeft)
+    };
+  }
+  return { ...value, border: copyResponsiveBorder(value.border) };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Style,
+  StyleControl,
+  StyleControlMessageType,
+  StyleControlProperty,
+  StyleControlType,
+  copyStyleData
+});
+//# sourceMappingURL=style.js.map

package/dist/cjs/controls/style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/style.ts"],"sourcesContent":["import { BorderRadiusPropertyData } from '../css/border-radius'\nimport type { LengthPercentageData } from '../css/length-percentage'\nimport { MarginPropertyData } from '../css/margin'\nimport { PaddingPropertyData } from '../css/padding'\nimport { ColorData, ResponsiveValue } from './types'\nimport { CopyContext } from '../state/react-page'\nimport { copyColorData } from './color'\nimport { Send } from '../prop-controllers/instances'\nimport { PropController } from '../prop-controllers/base'\nimport { BoxModel } from '../state/modules/box-models'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/width */\nexport type WidthPropertyData = LengthPercentageData\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-style\n */\ntype BorderStyle = 'dotted' | 'dashed' | 'solid'\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top#constituent_properties\n *\n * @todos\n * - Change `width` to be a `Length`\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderSideShorthandPropertyData = {\n  width: number | null | undefined\n  style: BorderStyle\n  color?: ColorData | null\n}\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderPropertyData = {\n  borderTop: BorderSideShorthandPropertyData | null | undefined\n  borderRight: BorderSideShorthandPropertyData | null | undefined\n  borderBottom: BorderSideShorthandPropertyData | null | undefined\n  borderLeft: BorderSideShorthandPropertyData | null | undefined\n}\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/font-family\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type FontFamilyPropertyData = string | null | undefined\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type LetterSpacingPropertyData = number | null | undefined\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/font-size\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type FontSizePropertyData =\n  | {\n      value: number\n      unit: 'px'\n    }\n  | null\n  | undefined\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type FontWeightPropertyData = number | null | undefined\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform\n *\n * @todos\n * - Match the type with specification\n */\nexport type TextTransformPropertyData = 'uppercase'[]\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/font-style\n *\n * @todos\n * - Match the type with specification\n */\nexport type FontStylePropertyData = 'italic'[]\n\n/**\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type TextStylePropertyData = {\n  fontFamily?: FontFamilyPropertyData | null | undefined\n  letterSpacing: LetterSpacingPropertyData | null | undefined\n  fontSize: FontSizePropertyData | null | undefined\n  fontWeight: FontWeightPropertyData | null | undefined\n  textTransform: TextTransformPropertyData\n  fontStyle: FontStylePropertyData\n}\n\n/**\n * Primitives like `string` and `number` are excluded from the style data because the relevant\n * panels from the Makeswift builder were originally implemented only to support object values, and\n * not CSS strings. For example, 100 pixels would be `{ value: 100, unit: 'px' }` but never `100` or\n * `'100px'`.\n */\nexport type StyleControlData = {\n  width?: ResponsiveValue<Exclude<WidthPropertyData, string | number>>\n  margin?: ResponsiveValue<{\n    [K in keyof MarginPropertyData]: Exclude<MarginPropertyData[K], string | number> | 'auto'\n  }>\n  padding?: ResponsiveValue<{\n    [K in keyof PaddingPropertyData]: Exclude<PaddingPropertyData[K], string | number>\n  }>\n  border?: ResponsiveValue<BorderPropertyData>\n  borderRadius?: ResponsiveValue<{\n    [K in keyof BorderRadiusPropertyData]: Exclude<BorderRadiusPropertyData[K], string | number>\n  }>\n  textStyle?: ResponsiveValue<TextStylePropertyData>\n}\n\nexport const StyleControlType = 'makeswift::controls::style'\n\nexport const StyleControlProperty = {\n  Width: 'makeswift::controls::style::property::width',\n  Margin: 'makeswift::controls::style::property::margin',\n  Padding: 'makeswift::controls::style::property::padding',\n  Border: 'makeswift::controls::style::property::border',\n  BorderRadius: 'makeswift::controls::style::property::border-radius',\n  TextStyle: 'makeswift::controls::style::property::text-style',\n} as const\n\nexport type StyleControlProperty = typeof StyleControlProperty[keyof typeof StyleControlProperty]\n\ntype StyleControlParams = { properties?: StyleControlProperty[] }\n\nexport type StyleControlConfig = { properties: StyleControlProperty[] }\n\nconst StyleControlDefaultProperties: StyleControlProperty[] = [\n  StyleControlProperty.Width,\n  StyleControlProperty.Margin,\n]\n\nconst AllStyleControlProperties: StyleControlProperty[] = [\n  StyleControlProperty.Width,\n  StyleControlProperty.Margin,\n  StyleControlProperty.Padding,\n  StyleControlProperty.Border,\n  StyleControlProperty.BorderRadius,\n  StyleControlProperty.TextStyle,\n]\n\nexport type StyleControlDefinition = {\n  type: typeof StyleControlType\n  config: StyleControlConfig\n}\n\n/**\n * @todos\n * - Add support for custom panel labels.\n * - Add support for default values. Internally, default values must be represented with the same\n * format as the underlying data so that controls can show these values.\n */\nexport function Style(params?: StyleControlParams): StyleControlDefinition {\n  return {\n    type: StyleControlType,\n    config: { properties: params?.properties ?? StyleControlDefaultProperties },\n  }\n}\n\nStyle.Default = StyleControlDefaultProperties\nStyle.All = AllStyleControlProperties\n\nStyle.Width = StyleControlProperty.Width\nStyle.Margin = StyleControlProperty.Margin\nStyle.Padding = StyleControlProperty.Padding\nStyle.Border = StyleControlProperty.Border\nStyle.BorderRadius = StyleControlProperty.BorderRadius\nStyle.TextStyle = StyleControlProperty.TextStyle\n\nexport const StyleControlMessageType = {\n  CHANGE_BOX_MODEL: 'makeswift::controls::style::message::change-box-model',\n} as const\n\ntype StyleControlItemBoxModelChangeMessage = {\n  type: typeof StyleControlMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\nexport type StyleControlMessage = StyleControlItemBoxModelChangeMessage\n\nexport class StyleControl extends PropController<StyleControlMessage> {\n  constructor(send: Send<StyleControlMessage>) {\n    super(send)\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: StyleControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n\n  recv() {}\n}\n\nexport function copyStyleData(\n  value: StyleControlData | undefined,\n  context: CopyContext,\n): StyleControlData | undefined {\n  if (value == null) return value\n\n  function copyResponsiveBorder(\n    responsiveBorder: ResponsiveValue<BorderPropertyData> | undefined,\n  ): ResponsiveValue<BorderPropertyData> | undefined {\n    if (responsiveBorder == null) return undefined\n    return responsiveBorder.map(deviceBorder => ({\n      ...deviceBorder,\n      value: copyBorder(deviceBorder.value),\n    }))\n  }\n\n  function copyBorder(border: BorderPropertyData): BorderPropertyData {\n    function copyBorderSide(side: BorderSideShorthandPropertyData | null | undefined) {\n      if (side == null) return null\n\n      if (side.color == null) return side\n\n      return {\n        ...side,\n        color: copyColorData(side.color, context),\n      }\n    }\n\n    return {\n      borderTop: copyBorderSide(border.borderTop),\n      borderBottom: copyBorderSide(border.borderBottom),\n      borderRight: copyBorderSide(border.borderRight),\n      borderLeft: copyBorderSide(border.borderLeft),\n    }\n  }\n\n  return { ...value, border: copyResponsiveBorder(value.border) }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,mBAA8B;AAE9B,kBAA+B;AAoIxB,MAAM,mBAAmB;AAEzB,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AACb;AAQA,MAAM,gCAAwD;AAAA,EAC5D,qBAAqB;AAAA,EACrB,qBAAqB;AACvB;AAEA,MAAM,4BAAoD;AAAA,EACxD,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AACvB;AAaO,SAAS,MAAM,QAAqD;AACzE,SAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,EAAE,YAAY,QAAQ,cAAc,8BAA8B;AAAA,EAC5E;AACF;AAEA,MAAM,UAAU;AAChB,MAAM,MAAM;AAEZ,MAAM,QAAQ,qBAAqB;AACnC,MAAM,SAAS,qBAAqB;AACpC,MAAM,UAAU,qBAAqB;AACrC,MAAM,SAAS,qBAAqB;AACpC,MAAM,eAAe,qBAAqB;AAC1C,MAAM,YAAY,qBAAqB;AAEhC,MAAM,0BAA0B;AAAA,EACrC,kBAAkB;AACpB;AASO,MAAM,qBAAqB,2BAAoC;AAAA,EACpE,YAAY,MAAiC;AAC3C,UAAM,IAAI;AAAA,EACZ;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,KAAK,EAAE,MAAM,wBAAwB,kBAAkB,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EACrF;AAAA,EAEA,OAAO;AAAA,EAAC;AACV;AAEO,SAAS,cACd,OACA,SAC8B;AAC9B,MAAI,SAAS;AAAM,WAAO;AAE1B,WAAS,qBACP,kBACiD;AACjD,QAAI,oBAAoB;AAAM,aAAO;AACrC,WAAO,iBAAiB,IAAI,mBAAiB;AAAA,MAC3C,GAAG;AAAA,MACH,OAAO,WAAW,aAAa,KAAK;AAAA,IACtC,EAAE;AAAA,EACJ;AAEA,WAAS,WAAW,QAAgD;AAClE,aAAS,eAAe,MAA0D;AAChF,UAAI,QAAQ;AAAM,eAAO;AAEzB,UAAI,KAAK,SAAS;AAAM,eAAO;AAE/B,aAAO;AAAA,QACL,GAAG;AAAA,QACH,WAAO,4BAAc,KAAK,OAAO,OAAO;AAAA,MAC1C;AAAA,IACF;AAEA,WAAO;AAAA,MACL,WAAW,eAAe,OAAO,SAAS;AAAA,MAC1C,cAAc,eAAe,OAAO,YAAY;AAAA,MAChD,aAAa,eAAe,OAAO,WAAW;AAAA,MAC9C,YAAY,eAAe,OAAO,UAAU;AAAA,IAC9C;AAAA,EACF;AAEA,SAAO,EAAE,GAAG,OAAO,QAAQ,qBAAqB,MAAM,MAAM,EAAE;AAChE;","names":[]}

package/dist/cjs/controls/text-area.js

@@ -0,0 +1,41 @@
+"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 text_area_exports = {};
+__export(text_area_exports, {
+  TextArea: () => TextArea,
+  TextAreaControlDataTypeKey: () => TextAreaControlDataTypeKey,
+  TextAreaControlDataTypeValueV1: () => TextAreaControlDataTypeValueV1,
+  TextAreaControlType: () => TextAreaControlType
+});
+module.exports = __toCommonJS(text_area_exports);
+var import_control_data_type_key = require("./control-data-type-key");
+const TextAreaControlDataTypeKey = import_control_data_type_key.ControlDataTypeKey;
+const TextAreaControlDataTypeValueV1 = "text-area::v1";
+const TextAreaControlType = "makeswift::controls::text-area";
+function TextArea(config = {}) {
+  return { type: TextAreaControlType, config, version: 1 };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextArea,
+  TextAreaControlDataTypeKey,
+  TextAreaControlDataTypeValueV1,
+  TextAreaControlType
+});
+//# sourceMappingURL=text-area.js.map

package/dist/cjs/controls/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/text-area.ts"],"sourcesContent":["import { ControlDataTypeKey } from \"./control-data-type-key\"\n\nexport const TextAreaControlDataTypeKey = ControlDataTypeKey\n\nexport const TextAreaControlDataTypeValueV1 = 'text-area::v1'\n\nexport type TextAreaControlDataV0 = string\n\nexport type TextAreaControlDataV1 = {\n  [TextAreaControlDataTypeKey]: typeof TextAreaControlDataTypeValueV1\n  value: string,\n}\n\nexport type TextAreaControlData = TextAreaControlDataV0 | TextAreaControlDataV1\n\nexport const TextAreaControlType = 'makeswift::controls::text-area'\n\ntype TextAreaControlConfig = {\n  label?: string\n  defaultValue?: string\n  rows?: number\n}\n\nexport type TextAreaControlDefinition<C extends TextAreaControlConfig = TextAreaControlConfig> = {\n  type: typeof TextAreaControlType\n  config: C\n  version?: 1\n}\n\nexport function TextArea<C extends TextAreaControlConfig>(\n  config: C = {} as C,\n): TextAreaControlDefinition<C> {\n  return { type: TextAreaControlType, config, version: 1 }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAmC;AAE5B,MAAM,6BAA6B;AAEnC,MAAM,iCAAiC;AAWvC,MAAM,sBAAsB;AAc5B,SAAS,SACd,SAAY,CAAC,GACiB;AAC9B,SAAO,EAAE,MAAM,qBAAqB,QAAQ,SAAS,EAAE;AACzD;","names":[]}

package/dist/cjs/controls/text-input.js

@@ -0,0 +1,41 @@
+"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 text_input_exports = {};
+__export(text_input_exports, {
+  TextInput: () => TextInput,
+  TextInputControlDataTypeKey: () => TextInputControlDataTypeKey,
+  TextInputControlDataTypeValueV1: () => TextInputControlDataTypeValueV1,
+  TextInputControlType: () => TextInputControlType
+});
+module.exports = __toCommonJS(text_input_exports);
+var import_control_data_type_key = require("./control-data-type-key");
+const TextInputControlDataTypeKey = import_control_data_type_key.ControlDataTypeKey;
+const TextInputControlDataTypeValueV1 = "text-input::v1";
+const TextInputControlType = "makeswift::controls::text-input";
+function TextInput(config = {}) {
+  return { type: TextInputControlType, config, version: 1 };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextInput,
+  TextInputControlDataTypeKey,
+  TextInputControlDataTypeValueV1,
+  TextInputControlType
+});
+//# sourceMappingURL=text-input.js.map

package/dist/cjs/controls/text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/text-input.ts"],"sourcesContent":["import { ControlDataTypeKey } from \"./control-data-type-key\"\n\nexport const TextInputControlDataTypeKey = ControlDataTypeKey\n\nexport const TextInputControlDataTypeValueV1 = 'text-input::v1'\n\nexport type TextInputControlDataV0 = string\n\nexport type TextInputControlDataV1 = {\n  [ControlDataTypeKey]: typeof TextInputControlDataTypeValueV1\n  value: string,\n}\n\nexport type TextInputControlData = TextInputControlDataV0 | TextInputControlDataV1\n\nexport const TextInputControlType = 'makeswift::controls::text-input'\n\ntype TextInputControlConfig = {\n  label?: string\n  defaultValue?: string\n}\n\nexport type TextInputControlDefinition<C extends TextInputControlConfig = TextInputControlConfig> =\n  {\n    type: typeof TextInputControlType\n    config: C\n    version?: 1\n  }\n\nexport function TextInput<C extends TextInputControlConfig>(\n  config: C = {} as C,\n): TextInputControlDefinition<C> {\n  return { type: TextInputControlType, config, version: 1 }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAmC;AAE5B,MAAM,8BAA8B;AAEpC,MAAM,kCAAkC;AAWxC,MAAM,uBAAuB;AAc7B,SAAS,UACd,SAAY,CAAC,GACkB;AAC/B,SAAO,EAAE,MAAM,sBAAsB,QAAQ,SAAS,EAAE;AAC1D;","names":[]}

package/dist/cjs/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/controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/types.ts"],"sourcesContent":["export type Device = string\n\nexport type DeviceOverride<T> = { deviceId: Device; value: T }\n\nexport type ResponsiveValue<T> = DeviceOverride<T>[]\n\nexport type ColorData = { swatchId: string; alpha: number }\n\nexport type Data = undefined | null | boolean | number | string | Data[] | { [key: string]: Data }\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}