@makeswift/runtime 0.13.0 → 0.14.0

package/dist/esm/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":"AAEA,SAAS,sBAAsB;AAC/B;AAAA,EAIE;AAAA,OACK;AAGP,SAAS,gBAAgB;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,eAAsC;AAAA,EAC9C;AAAA,EACA,YAAY,MAAmC,YAAe;AAC5D,UAAM,IAAI;AACV,SAAK,UAAU,qBAAqB,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/esm/controls/style.js

@@ -0,0 +1,90 @@
+import { copyColorData } from "./color";
+import { PropController } from "../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 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: 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) };
+}
+export {
+  Style,
+  StyleControl,
+  StyleControlMessageType,
+  StyleControlProperty,
+  StyleControlType,
+  copyStyleData
+};
+//# sourceMappingURL=style.js.map

package/dist/esm/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":"AAMA,SAAS,qBAAqB;AAE9B,SAAS,sBAAsB;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,eAAoC;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,OAAO,cAAc,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/esm/controls/text-area.js

@@ -0,0 +1,14 @@
+import { ControlDataTypeKey } from "./control-data-type-key";
+const TextAreaControlDataTypeKey = ControlDataTypeKey;
+const TextAreaControlDataTypeValueV1 = "text-area::v1";
+const TextAreaControlType = "makeswift::controls::text-area";
+function TextArea(config = {}) {
+  return { type: TextAreaControlType, config, version: 1 };
+}
+export {
+  TextArea,
+  TextAreaControlDataTypeKey,
+  TextAreaControlDataTypeValueV1,
+  TextAreaControlType
+};
+//# sourceMappingURL=text-area.js.map

package/dist/esm/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,SAAS,0BAA0B;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/esm/controls/text-input.js

@@ -0,0 +1,14 @@
+import { ControlDataTypeKey } from "./control-data-type-key";
+const TextInputControlDataTypeKey = ControlDataTypeKey;
+const TextInputControlDataTypeValueV1 = "text-input::v1";
+const TextInputControlType = "makeswift::controls::text-input";
+function TextInput(config = {}) {
+  return { type: TextInputControlType, config, version: 1 };
+}
+export {
+  TextInput,
+  TextInputControlDataTypeKey,
+  TextInputControlDataTypeValueV1,
+  TextInputControlType
+};
+//# sourceMappingURL=text-input.js.map

package/dist/esm/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,SAAS,0BAA0B;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/esm/controls/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/controls/typography.js

@@ -0,0 +1,20 @@
+import { isNonNullable } from "../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(isNonNullable) ?? [];
+}
+function getTypographyTypographyIds(value) {
+  return [value?.id].filter(isNonNullable);
+}
+export {
+  TypographyControlType,
+  getTypographySwatchIds,
+  getTypographyTypographyIds,
+  unstable_Typography
+};
+//# sourceMappingURL=typography.js.map

package/dist/esm/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,SAAS,qBAAqB;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,aAAa,KAAK,CAAC;AAE/F;AAEO,SAAS,2BAA2B,OAAsC;AAC/E,SAAO,CAAC,OAAO,EAAE,EAAE,OAAO,aAAa;AACzC;","names":[]}

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

@@ -0,0 +1,25 @@
+import { lengthPercentageDataToString } from "./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 = lengthPercentageDataToString(borderTopLeftRadius);
+  }
+  if (borderTopRightRadius != null) {
+    style.borderTopRightRadius = lengthPercentageDataToString(borderTopRightRadius);
+  }
+  if (borderBottomRightRadius != null) {
+    style.borderBottomRightRadius = lengthPercentageDataToString(borderBottomRightRadius);
+  }
+  if (borderBottomLeftRadius != null) {
+    style.borderBottomLeftRadius = lengthPercentageDataToString(borderBottomLeftRadius);
+  }
+  return style;
+}
+export {
+  borderRadiusPropertyDataToStyle
+};
+//# sourceMappingURL=border-radius.js.map

package/dist/esm/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":"AAOA,SAA+B,oCAAoC;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,sBAAsB,6BAA6B,mBAAmB;AAAA,EAC9E;AAEA,MAAI,wBAAwB,MAAM;AAChC,UAAM,uBAAuB,6BAA6B,oBAAoB;AAAA,EAChF;AAEA,MAAI,2BAA2B,MAAM;AACnC,UAAM,0BAA0B,6BAA6B,uBAAuB;AAAA,EACtF;AAEA,MAAI,0BAA0B,MAAM;AAClC,UAAM,yBAAyB,6BAA6B,sBAAsB;AAAA,EACpF;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/css/border.js

@@ -0,0 +1,29 @@
+import { colorToString } from "../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 ? colorToString(color) : "black"}`;
+}
+export {
+  borderPropertyDataToStyle
+};
+//# sourceMappingURL=border.js.map

package/dist/esm/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":"AASA,SAAS,qBAAqB;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,OAAO,cAAc,KAAK,IAAI,OAAO;AAClG;","names":[]}

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

@@ -0,0 +1,11 @@
+function lengthPercentageDataToString(data) {
+  if (typeof data === "object")
+    return `${data.value}${data.unit}`;
+  if (typeof data === "number")
+    return `${data}px`;
+  return data;
+}
+export {
+  lengthPercentageDataToString
+};
+//# sourceMappingURL=length-percentage.js.map

package/dist/esm/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":"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/esm/css/length.js

@@ -0,0 +1,11 @@
+function lengthDataToString(data) {
+  if (typeof data === "object")
+    return `${data.value}${data.unit}`;
+  if (typeof data === "number")
+    return `${data}px`;
+  return data;
+}
+export {
+  lengthDataToString
+};
+//# sourceMappingURL=length.js.map

package/dist/esm/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":"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/esm/css/margin.js

@@ -0,0 +1,21 @@
+import { lengthDataToString } from "./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 = lengthDataToString(marginTop);
+  if (marginRight != null)
+    style.marginRight = lengthDataToString(marginRight);
+  if (marginBottom != null)
+    style.marginBottom = lengthDataToString(marginBottom);
+  if (marginLeft != null)
+    style.marginLeft = lengthDataToString(marginLeft);
+  return style;
+}
+export {
+  marginPropertyDataToStyle
+};
+//# sourceMappingURL=margin.js.map

package/dist/esm/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":"AAOA,SAAqB,0BAA0B;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,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;","names":[]}

package/dist/esm/css/padding.js

@@ -0,0 +1,21 @@
+import { lengthDataToString } from "./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 = lengthDataToString(paddingTop);
+  if (paddingRight != null)
+    style.paddingRight = lengthDataToString(paddingRight);
+  if (paddingBottom != null)
+    style.paddingBottom = lengthDataToString(paddingBottom);
+  if (paddingLeft != null)
+    style.paddingLeft = lengthDataToString(paddingLeft);
+  return style;
+}
+export {
+  paddingPropertyDataToStyle
+};
+//# sourceMappingURL=padding.js.map

package/dist/esm/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":"AACA,SAAqB,0BAA0B;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,aAAa,mBAAmB,UAAU;AACxE,MAAI,gBAAgB;AAAM,UAAM,eAAe,mBAAmB,YAAY;AAC9E,MAAI,iBAAiB;AAAM,UAAM,gBAAgB,mBAAmB,aAAa;AACjF,MAAI,eAAe;AAAM,UAAM,cAAc,mBAAmB,WAAW;AAE3E,SAAO;AACT;","names":[]}

package/dist/esm/global.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=global.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/index.js

@@ -0,0 +1,45 @@
+import {
+  ActionTypes,
+  changeDocument,
+  changeDocumentElementScrollTop,
+  cleanUp,
+  init,
+  messageHostPropController,
+  changeApiResource,
+  evictApiResource,
+  registerDocument,
+  scrollDocumentElement,
+  unregisterDocument,
+  setBuilderEditMode,
+  changePathname,
+  builderPointerMove,
+  setBreakpoints,
+  setLocale,
+  setLocalizedResourceId
+} from "./state/actions";
+import { ComponentIcon } from "./state/modules/components-meta";
+import { createDocument } from "./state/react-page";
+import { MakeswiftComponentType } from "./components/builtin/constants";
+export {
+  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/esm/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":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB;AAM9B,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;","names":[]}