@makeswift/runtime 0.13.0 → 0.14.0

package/dist/cjs/controls/typography.js

@@ -0,0 +1,47 @@
+"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 typography_exports = {};
+__export(typography_exports, {
+  TypographyControlType: () => TypographyControlType,
+  getTypographySwatchIds: () => getTypographySwatchIds,
+  getTypographyTypographyIds: () => getTypographyTypographyIds,
+  unstable_Typography: () => unstable_Typography
+});
+module.exports = __toCommonJS(typography_exports);
+var import_isNonNullable = require("../utils/isNonNullable");
+const TypographyControlType = "makeswift::controls::typography";
+function unstable_Typography() {
+  return {
+    type: TypographyControlType
+  };
+}
+function getTypographySwatchIds(value) {
+  return value?.style.flatMap((style) => style.value.color?.swatchId ?? []).filter(import_isNonNullable.isNonNullable) ?? [];
+}
+function getTypographyTypographyIds(value) {
+  return [value?.id].filter(import_isNonNullable.isNonNullable);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TypographyControlType,
+  getTypographySwatchIds,
+  getTypographyTypographyIds,
+  unstable_Typography
+});
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/typography.ts"],"sourcesContent":["import { isNonNullable } from '../utils/isNonNullable'\n\nexport type TypographyControlData = (\n  | {\n      id?: string\n      style: Array<{\n        deviceId: string\n        value: {\n          fontFamily?: string | null\n          lineHeight?: number | null\n          letterSpacing?: number | null\n          fontWeight?: number | null\n          textAlign?: string | null\n          uppercase?: boolean | null\n          underline?: boolean | null\n          strikethrough?: boolean | null\n          italic?: boolean | null\n          fontSize?: { value: number | null; unit: string | null } | null\n          color?: { swatchId: string | null; alpha: number | null } | null\n        }\n      }>\n    }\n  | undefined\n)[]\n\nexport const TypographyControlType = 'makeswift::controls::typography'\n\nexport type TypographyControlDefinition = {\n  type: typeof TypographyControlType\n}\n\nexport function unstable_Typography(): TypographyControlDefinition {\n  return {\n    type: TypographyControlType,\n  }\n}\n\nexport function getTypographySwatchIds(value: TypographyControlData[number]) {\n  return (\n    value?.style.flatMap(style => style.value.color?.swatchId ?? []).filter(isNonNullable) ?? []\n  )\n}\n\nexport function getTypographyTypographyIds(value: TypographyControlData[number]) {\n  return [value?.id].filter(isNonNullable)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAyBvB,MAAM,wBAAwB;AAM9B,SAAS,sBAAmD;AACjE,SAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;AAEO,SAAS,uBAAuB,OAAsC;AAC3E,SACE,OAAO,MAAM,QAAQ,WAAS,MAAM,MAAM,OAAO,YAAY,CAAC,CAAC,EAAE,OAAO,kCAAa,KAAK,CAAC;AAE/F;AAEO,SAAS,2BAA2B,OAAsC;AAC/E,SAAO,CAAC,OAAO,EAAE,EAAE,OAAO,kCAAa;AACzC;","names":[]}

package/dist/cjs/css/border-radius.js

@@ -0,0 +1,49 @@
+"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 border_radius_exports = {};
+__export(border_radius_exports, {
+  borderRadiusPropertyDataToStyle: () => borderRadiusPropertyDataToStyle
+});
+module.exports = __toCommonJS(border_radius_exports);
+var import_length_percentage = require("./length-percentage");
+function borderRadiusPropertyDataToStyle(data, defaultValue = {}) {
+  const borderTopLeftRadius = data.borderTopLeftRadius ?? defaultValue.borderTopLeftRadius;
+  const borderTopRightRadius = data.borderTopRightRadius ?? defaultValue.borderTopRightRadius;
+  const borderBottomRightRadius = data.borderBottomRightRadius ?? defaultValue.borderBottomRightRadius;
+  const borderBottomLeftRadius = data.borderBottomLeftRadius ?? defaultValue.borderBottomLeftRadius;
+  const style = {};
+  if (borderTopLeftRadius != null) {
+    style.borderTopLeftRadius = (0, import_length_percentage.lengthPercentageDataToString)(borderTopLeftRadius);
+  }
+  if (borderTopRightRadius != null) {
+    style.borderTopRightRadius = (0, import_length_percentage.lengthPercentageDataToString)(borderTopRightRadius);
+  }
+  if (borderBottomRightRadius != null) {
+    style.borderBottomRightRadius = (0, import_length_percentage.lengthPercentageDataToString)(borderBottomRightRadius);
+  }
+  if (borderBottomLeftRadius != null) {
+    style.borderBottomLeftRadius = (0, import_length_percentage.lengthPercentageDataToString)(borderBottomLeftRadius);
+  }
+  return style;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  borderRadiusPropertyDataToStyle
+});
+//# sourceMappingURL=border-radius.js.map

package/dist/cjs/css/border-radius.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/css/border-radius.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport {\n  BorderTopLeftRadiusProperty,\n  BorderTopRightRadiusProperty,\n  BorderBottomRightRadiusProperty,\n  BorderBottomLeftRadiusProperty,\n} from 'csstype'\nimport { LengthPercentageData, lengthPercentageDataToString } from './length-percentage'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#constituent_properties */\nexport type BorderRadiusLonghandPropertyData = LengthPercentageData\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius\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 BorderRadiusPropertyData = {\n  borderTopLeftRadius?:\n    | LengthPercentageData\n    | BorderTopLeftRadiusProperty<string | number>\n    | null\n    | undefined\n  borderTopRightRadius?:\n    | LengthPercentageData\n    | BorderTopRightRadiusProperty<string | number>\n    | null\n    | undefined\n  borderBottomRightRadius?:\n    | LengthPercentageData\n    | BorderBottomRightRadiusProperty<string | number>\n    | null\n    | undefined\n  borderBottomLeftRadius?:\n    | LengthPercentageData\n    | BorderBottomLeftRadiusProperty<string | number>\n    | null\n    | undefined\n}\n\nexport function borderRadiusPropertyDataToStyle(\n  data: BorderRadiusPropertyData,\n  defaultValue: BorderRadiusPropertyData = {},\n): CSSObject {\n  const borderTopLeftRadius = data.borderTopLeftRadius ?? defaultValue.borderTopLeftRadius\n  const borderTopRightRadius = data.borderTopRightRadius ?? defaultValue.borderTopRightRadius\n  const borderBottomRightRadius =\n    data.borderBottomRightRadius ?? defaultValue.borderBottomRightRadius\n  const borderBottomLeftRadius = data.borderBottomLeftRadius ?? defaultValue.borderBottomLeftRadius\n  const style: CSSObject = {}\n\n  if (borderTopLeftRadius != null) {\n    style.borderTopLeftRadius = lengthPercentageDataToString(borderTopLeftRadius)\n  }\n\n  if (borderTopRightRadius != null) {\n    style.borderTopRightRadius = lengthPercentageDataToString(borderTopRightRadius)\n  }\n\n  if (borderBottomRightRadius != null) {\n    style.borderBottomRightRadius = lengthPercentageDataToString(borderBottomRightRadius)\n  }\n\n  if (borderBottomLeftRadius != null) {\n    style.borderBottomLeftRadius = lengthPercentageDataToString(borderBottomLeftRadius)\n  }\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,+BAAmE;AAmC5D,SAAS,gCACd,MACA,eAAyC,CAAC,GAC/B;AACX,QAAM,sBAAsB,KAAK,uBAAuB,aAAa;AACrE,QAAM,uBAAuB,KAAK,wBAAwB,aAAa;AACvE,QAAM,0BACJ,KAAK,2BAA2B,aAAa;AAC/C,QAAM,yBAAyB,KAAK,0BAA0B,aAAa;AAC3E,QAAM,QAAmB,CAAC;AAE1B,MAAI,uBAAuB,MAAM;AAC/B,UAAM,0BAAsB,uDAA6B,mBAAmB;AAAA,EAC9E;AAEA,MAAI,wBAAwB,MAAM;AAChC,UAAM,2BAAuB,uDAA6B,oBAAoB;AAAA,EAChF;AAEA,MAAI,2BAA2B,MAAM;AACnC,UAAM,8BAA0B,uDAA6B,uBAAuB;AAAA,EACtF;AAEA,MAAI,0BAA0B,MAAM;AAClC,UAAM,6BAAyB,uDAA6B,sBAAsB;AAAA,EACpF;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/css/border.js

@@ -0,0 +1,53 @@
+"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 border_exports = {};
+__export(border_exports, {
+  borderPropertyDataToStyle: () => borderPropertyDataToStyle
+});
+module.exports = __toCommonJS(border_exports);
+var import_colorToString = require("../components/utils/colorToString");
+function borderPropertyDataToStyle(data, defaultValue = {}) {
+  const borderTop = data.borderTop ?? defaultValue.borderTop;
+  const borderRight = data.borderRight ?? defaultValue.borderRight;
+  const borderBottom = data.borderBottom ?? defaultValue.borderBottom;
+  const borderLeft = data.borderLeft ?? defaultValue.borderLeft;
+  const style = {};
+  if (borderTop != null)
+    style.borderTop = borderSideToString(borderTop);
+  if (borderRight != null)
+    style.borderRight = borderSideToString(borderRight);
+  if (borderBottom != null)
+    style.borderBottom = borderSideToString(borderBottom);
+  if (borderLeft != null)
+    style.borderLeft = borderSideToString(borderLeft);
+  return style;
+}
+function borderSideToString(borderSide) {
+  if (typeof borderSide === "string")
+    return borderSide;
+  if (typeof borderSide === "number")
+    return `${borderSide}px`;
+  const { width, color, style } = borderSide;
+  return `${width != null ? width : 0}px ${style} ${color != null ? (0, import_colorToString.colorToString)(color) : "black"}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  borderPropertyDataToStyle
+});
+//# sourceMappingURL=border.js.map

package/dist/cjs/css/border.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/css/border.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport {\n  BorderBottomProperty,\n  BorderLeftProperty,\n  BorderProperty,\n  BorderRightProperty,\n  BorderStyleProperty,\n  BorderTopProperty,\n} from 'csstype'\nimport { colorToString } from '../components/utils/colorToString'\nimport { ColorValue } from '../components/utils/types'\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: BorderStyleProperty\n  color?: ColorValue | 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?:\n    | BorderSideShorthandPropertyData\n    | BorderTopProperty<string | number>\n    | null\n    | undefined\n  borderRight?:\n    | BorderSideShorthandPropertyData\n    | BorderRightProperty<string | number>\n    | null\n    | undefined\n  borderBottom?:\n    | BorderSideShorthandPropertyData\n    | BorderBottomProperty<string | number>\n    | null\n    | undefined\n  borderLeft?:\n    | BorderSideShorthandPropertyData\n    | BorderLeftProperty<string | number>\n    | null\n    | undefined\n}\n\nexport function borderPropertyDataToStyle(\n  data: BorderPropertyData,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  const borderTop = data.borderTop ?? defaultValue.borderTop\n  const borderRight = data.borderRight ?? defaultValue.borderRight\n  const borderBottom = data.borderBottom ?? defaultValue.borderBottom\n  const borderLeft = data.borderLeft ?? defaultValue.borderLeft\n  const style: CSSObject = {}\n\n  if (borderTop != null) style.borderTop = borderSideToString(borderTop)\n  if (borderRight != null) style.borderRight = borderSideToString(borderRight)\n  if (borderBottom != null) style.borderBottom = borderSideToString(borderBottom)\n  if (borderLeft != null) style.borderLeft = borderSideToString(borderLeft)\n\n  return style\n}\n\nfunction borderSideToString(\n  borderSide: BorderSideShorthandPropertyData | BorderProperty<string | number>,\n): string {\n  if (typeof borderSide === 'string') return borderSide\n\n  if (typeof borderSide === 'number') return `${borderSide}px`\n\n  const { width, color, style } = borderSide\n\n  return `${width != null ? width : 0}px ${style} ${color != null ? colorToString(color) : 'black'}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,2BAA8B;AA+CvB,SAAS,0BACd,MACA,eAAmC,CAAC,GACzB;AACX,QAAM,YAAY,KAAK,aAAa,aAAa;AACjD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,QAAmB,CAAC;AAE1B,MAAI,aAAa;AAAM,UAAM,YAAY,mBAAmB,SAAS;AACrE,MAAI,eAAe;AAAM,UAAM,cAAc,mBAAmB,WAAW;AAC3E,MAAI,gBAAgB;AAAM,UAAM,eAAe,mBAAmB,YAAY;AAC9E,MAAI,cAAc;AAAM,UAAM,aAAa,mBAAmB,UAAU;AAExE,SAAO;AACT;AAEA,SAAS,mBACP,YACQ;AACR,MAAI,OAAO,eAAe;AAAU,WAAO;AAE3C,MAAI,OAAO,eAAe;AAAU,WAAO,GAAG,UAAU;AAExD,QAAM,EAAE,OAAO,OAAO,MAAM,IAAI;AAEhC,SAAO,GAAG,SAAS,OAAO,QAAQ,CAAC,MAAM,KAAK,IAAI,SAAS,WAAO,oCAAc,KAAK,IAAI,OAAO;AAClG;","names":[]}

package/dist/cjs/css/length-percentage.js

@@ -0,0 +1,35 @@
+"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 length_percentage_exports = {};
+__export(length_percentage_exports, {
+  lengthPercentageDataToString: () => lengthPercentageDataToString
+});
+module.exports = __toCommonJS(length_percentage_exports);
+function lengthPercentageDataToString(data) {
+  if (typeof data === "object")
+    return `${data.value}${data.unit}`;
+  if (typeof data === "number")
+    return `${data}px`;
+  return data;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  lengthPercentageDataToString
+});
+//# sourceMappingURL=length-percentage.js.map

package/dist/cjs/css/length-percentage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/css/length-percentage.ts"],"sourcesContent":["import type { LengthData } from './length'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/percentage */\nexport type PercentageData = { value: number; unit: '%' }\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/length-percentage */\nexport type LengthPercentageData = LengthData | PercentageData | number | string\n\nexport function lengthPercentageDataToString(data: LengthPercentageData): string {\n  if (typeof data === 'object') return `${data.value}${data.unit}`\n\n  if (typeof data === 'number') return `${data}px`\n\n  return data\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,SAAS,6BAA6B,MAAoC;AAC/E,MAAI,OAAO,SAAS;AAAU,WAAO,GAAG,KAAK,KAAK,GAAG,KAAK,IAAI;AAE9D,MAAI,OAAO,SAAS;AAAU,WAAO,GAAG,IAAI;AAE5C,SAAO;AACT;","names":[]}

package/dist/cjs/css/length.js

@@ -0,0 +1,35 @@
+"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 length_exports = {};
+__export(length_exports, {
+  lengthDataToString: () => lengthDataToString
+});
+module.exports = __toCommonJS(length_exports);
+function lengthDataToString(data) {
+  if (typeof data === "object")
+    return `${data.value}${data.unit}`;
+  if (typeof data === "number")
+    return `${data}px`;
+  return data;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  lengthDataToString
+});
+//# sourceMappingURL=length.js.map

package/dist/cjs/css/length.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/css/length.ts"],"sourcesContent":["/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/length\n *\n * @todos\n * - Add additional units\n * - Rename `value` field to `amount` or a more descriptive name representative of the \"distance\"\n *   represented by a CSS length\n */\nexport type LengthData = { value: number; unit: 'px' } | string | number\n\nexport function lengthDataToString(data: LengthData): string {\n  if (typeof data === 'object') return `${data.value}${data.unit}`\n\n  if (typeof data === 'number') return `${data}px`\n\n  return data\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,SAAS,mBAAmB,MAA0B;AAC3D,MAAI,OAAO,SAAS;AAAU,WAAO,GAAG,KAAK,KAAK,GAAG,KAAK,IAAI;AAE9D,MAAI,OAAO,SAAS;AAAU,WAAO,GAAG,IAAI;AAE5C,SAAO;AACT;","names":[]}

package/dist/cjs/css/margin.js

@@ -0,0 +1,45 @@
+"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 margin_exports = {};
+__export(margin_exports, {
+  marginPropertyDataToStyle: () => marginPropertyDataToStyle
+});
+module.exports = __toCommonJS(margin_exports);
+var import_length = require("./length");
+function marginPropertyDataToStyle(data, defaultValue = {}) {
+  const marginTop = data.marginTop ?? defaultValue.marginTop;
+  const marginRight = data.marginRight ?? defaultValue.marginRight;
+  const marginBottom = data.marginBottom ?? defaultValue.marginBottom;
+  const marginLeft = data.marginLeft ?? defaultValue.marginLeft;
+  const style = {};
+  if (marginTop != null)
+    style.marginTop = (0, import_length.lengthDataToString)(marginTop);
+  if (marginRight != null)
+    style.marginRight = (0, import_length.lengthDataToString)(marginRight);
+  if (marginBottom != null)
+    style.marginBottom = (0, import_length.lengthDataToString)(marginBottom);
+  if (marginLeft != null)
+    style.marginLeft = (0, import_length.lengthDataToString)(marginLeft);
+  return style;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  marginPropertyDataToStyle
+});
+//# sourceMappingURL=margin.js.map

package/dist/cjs/css/margin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/css/margin.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport {\n  MarginBottomProperty,\n  MarginLeftProperty,\n  MarginRightProperty,\n  MarginTopProperty,\n} from 'csstype'\nimport { LengthData, lengthDataToString } from './length'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin#constituent_properties */\nexport type MarginLonghandPropertyData = LengthData | 'auto'\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type MarginPropertyData = {\n  marginTop: MarginLonghandPropertyData | MarginTopProperty<string | number> | null | undefined\n  marginRight: MarginLonghandPropertyData | MarginRightProperty<string | number> | null | undefined\n  marginBottom:\n    | MarginLonghandPropertyData\n    | MarginBottomProperty<string | number>\n    | null\n    | undefined\n  marginLeft: MarginLonghandPropertyData | MarginLeftProperty<string | number> | null | undefined\n}\n\nexport function marginPropertyDataToStyle(\n  data: MarginPropertyData,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  const marginTop = data.marginTop ?? defaultValue.marginTop\n  const marginRight = data.marginRight ?? defaultValue.marginRight\n  const marginBottom = data.marginBottom ?? defaultValue.marginBottom\n  const marginLeft = data.marginLeft ?? defaultValue.marginLeft\n  const style: CSSObject = {}\n\n  if (marginTop != null) style.marginTop = lengthDataToString(marginTop)\n  if (marginRight != null) style.marginRight = lengthDataToString(marginRight)\n  if (marginBottom != null) style.marginBottom = lengthDataToString(marginBottom)\n  if (marginLeft != null) style.marginLeft = lengthDataToString(marginLeft)\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,oBAA+C;AAuBxC,SAAS,0BACd,MACA,eAAmC,CAAC,GACzB;AACX,QAAM,YAAY,KAAK,aAAa,aAAa;AACjD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,QAAmB,CAAC;AAE1B,MAAI,aAAa;AAAM,UAAM,gBAAY,kCAAmB,SAAS;AACrE,MAAI,eAAe;AAAM,UAAM,kBAAc,kCAAmB,WAAW;AAC3E,MAAI,gBAAgB;AAAM,UAAM,mBAAe,kCAAmB,YAAY;AAC9E,MAAI,cAAc;AAAM,UAAM,iBAAa,kCAAmB,UAAU;AAExE,SAAO;AACT;","names":[]}

package/dist/cjs/css/padding.js

@@ -0,0 +1,45 @@
+"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 padding_exports = {};
+__export(padding_exports, {
+  paddingPropertyDataToStyle: () => paddingPropertyDataToStyle
+});
+module.exports = __toCommonJS(padding_exports);
+var import_length = require("./length");
+function paddingPropertyDataToStyle(data, defaultValue = {}) {
+  const paddingTop = data.paddingTop ?? defaultValue.paddingTop;
+  const paddingRight = data.paddingRight ?? defaultValue.paddingRight;
+  const paddingBottom = data.paddingBottom ?? defaultValue.paddingBottom;
+  const paddingLeft = data.paddingLeft ?? defaultValue.paddingLeft;
+  const style = {};
+  if (paddingTop != null)
+    style.paddingTop = (0, import_length.lengthDataToString)(paddingTop);
+  if (paddingRight != null)
+    style.paddingRight = (0, import_length.lengthDataToString)(paddingRight);
+  if (paddingBottom != null)
+    style.paddingBottom = (0, import_length.lengthDataToString)(paddingBottom);
+  if (paddingLeft != null)
+    style.paddingLeft = (0, import_length.lengthDataToString)(paddingLeft);
+  return style;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  paddingPropertyDataToStyle
+});
+//# sourceMappingURL=padding.js.map

package/dist/cjs/css/padding.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/css/padding.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport { LengthData, lengthDataToString } from './length'\nimport {\n  PaddingTopProperty,\n  PaddingRightProperty,\n  PaddingBottomProperty,\n  PaddingLeftProperty,\n} from 'csstype'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding#constituent_properties */\nexport type PaddingLonghandPropertyData = LengthData\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type PaddingPropertyData = {\n  paddingTop: PaddingLonghandPropertyData | PaddingTopProperty<number | string> | null | undefined\n  paddingRight:\n    | PaddingLonghandPropertyData\n    | PaddingRightProperty<number | string>\n    | null\n    | undefined\n  paddingBottom:\n    | PaddingLonghandPropertyData\n    | PaddingBottomProperty<number | string>\n    | null\n    | undefined\n  paddingLeft: PaddingLonghandPropertyData | PaddingLeftProperty<number | string> | null | undefined\n}\n\nexport function paddingPropertyDataToStyle(\n  data: PaddingPropertyData,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  const paddingTop = data.paddingTop ?? defaultValue.paddingTop\n  const paddingRight = data.paddingRight ?? defaultValue.paddingRight\n  const paddingBottom = data.paddingBottom ?? defaultValue.paddingBottom\n  const paddingLeft = data.paddingLeft ?? defaultValue.paddingLeft\n  const style: CSSObject = {}\n\n  if (paddingTop != null) style.paddingTop = lengthDataToString(paddingTop)\n  if (paddingRight != null) style.paddingRight = lengthDataToString(paddingRight)\n  if (paddingBottom != null) style.paddingBottom = lengthDataToString(paddingBottom)\n  if (paddingLeft != null) style.paddingLeft = lengthDataToString(paddingLeft)\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA+C;AAiCxC,SAAS,2BACd,MACA,eAAoC,CAAC,GAC1B;AACX,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,gBAAgB,KAAK,iBAAiB,aAAa;AACzD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,QAAmB,CAAC;AAE1B,MAAI,cAAc;AAAM,UAAM,iBAAa,kCAAmB,UAAU;AACxE,MAAI,gBAAgB;AAAM,UAAM,mBAAe,kCAAmB,YAAY;AAC9E,MAAI,iBAAiB;AAAM,UAAM,oBAAgB,kCAAmB,aAAa;AACjF,MAAI,eAAe;AAAM,UAAM,kBAAc,kCAAmB,WAAW;AAE3E,SAAO;AACT;","names":[]}

package/dist/cjs/global.d.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 global_d_exports = {};
+module.exports = __toCommonJS(global_d_exports);
+//# sourceMappingURL=global.d.js.map

package/dist/cjs/global.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/global.d.ts"],"sourcesContent":["declare global {\n  const PACKAGE_VERSION: string\n}\n\nexport {}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/index.js

@@ -0,0 +1,70 @@
+"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 src_exports = {};
+__export(src_exports, {
+  ActionTypes: () => import_actions.ActionTypes,
+  ComponentIcon: () => import_components_meta.ComponentIcon,
+  MakeswiftComponentType: () => import_constants.MakeswiftComponentType,
+  builderPointerMove: () => import_actions.builderPointerMove,
+  changeApiResource: () => import_actions.changeApiResource,
+  changeDocument: () => import_actions.changeDocument,
+  changeDocumentElementScrollTop: () => import_actions.changeDocumentElementScrollTop,
+  changePathname: () => import_actions.changePathname,
+  cleanUp: () => import_actions.cleanUp,
+  createDocument: () => import_react_page.createDocument,
+  evictApiResource: () => import_actions.evictApiResource,
+  init: () => import_actions.init,
+  messageHostPropController: () => import_actions.messageHostPropController,
+  registerDocument: () => import_actions.registerDocument,
+  scrollDocumentElement: () => import_actions.scrollDocumentElement,
+  setBreakpoints: () => import_actions.setBreakpoints,
+  setBuilderEditMode: () => import_actions.setBuilderEditMode,
+  setLocale: () => import_actions.setLocale,
+  setLocalizedResourceId: () => import_actions.setLocalizedResourceId,
+  unregisterDocument: () => import_actions.unregisterDocument
+});
+module.exports = __toCommonJS(src_exports);
+var import_actions = require("./state/actions");
+var import_components_meta = require("./state/modules/components-meta");
+var import_react_page = require("./state/react-page");
+var import_constants = require("./components/builtin/constants");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionTypes,
+  ComponentIcon,
+  MakeswiftComponentType,
+  builderPointerMove,
+  changeApiResource,
+  changeDocument,
+  changeDocumentElementScrollTop,
+  changePathname,
+  cleanUp,
+  createDocument,
+  evictApiResource,
+  init,
+  messageHostPropController,
+  registerDocument,
+  scrollDocumentElement,
+  setBreakpoints,
+  setBuilderEditMode,
+  setLocale,
+  setLocalizedResourceId,
+  unregisterDocument
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type { Action, SetBreakpointsAction } from './state/actions'\nexport {\n  ActionTypes,\n  changeDocument,\n  changeDocumentElementScrollTop,\n  cleanUp,\n  init,\n  messageHostPropController,\n  changeApiResource,\n  evictApiResource,\n  registerDocument,\n  scrollDocumentElement,\n  unregisterDocument,\n  setBuilderEditMode,\n  changePathname,\n  builderPointerMove,\n  setBreakpoints,\n  setLocale,\n  setLocalizedResourceId,\n} from './state/actions'\nexport type { Operation } from './state/modules/read-write-documents'\nexport type { ComponentMeta } from './state/modules/components-meta'\nexport { ComponentIcon } from './state/modules/components-meta'\nexport type {\n  PropControllerDescriptor,\n  PropControllerDescriptorValueType,\n} from './prop-controllers'\nexport type { Element } from './state/react-page'\nexport { createDocument } from './state/react-page'\nexport { MakeswiftComponentType } from './components/builtin/constants'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAkBO;AAGP,6BAA8B;AAM9B,wBAA+B;AAC/B,uBAAuC;","names":[]}