@makeswift/runtime 0.13.0 → 0.14.0

package/dist/cjs/components/utils/responsive-style.js

@@ -0,0 +1,258 @@
+"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 responsive_style_exports = {};
+__export(responsive_style_exports, {
+  responsiveBorderRadius: () => responsiveBorderRadius,
+  responsiveGridItem: () => responsiveGridItem,
+  responsiveMargin: () => responsiveMargin,
+  responsivePadding: () => responsivePadding,
+  responsiveShadow: () => responsiveShadow,
+  responsiveStyle: () => responsiveStyle,
+  responsiveTextStyle: () => responsiveTextStyle,
+  responsiveWidth: () => responsiveWidth,
+  useResponsiveBorder: () => useResponsiveBorder,
+  useResponsiveBorderRadius: () => useResponsiveBorderRadius,
+  useResponsiveGridItem: () => useResponsiveGridItem,
+  useResponsiveMargin: () => useResponsiveMargin,
+  useResponsivePadding: () => useResponsivePadding,
+  useResponsiveShadow: () => useResponsiveShadow,
+  useResponsiveStyle: () => useResponsiveStyle,
+  useResponsiveTextStyle: () => useResponsiveTextStyle,
+  useResponsiveWidth: () => useResponsiveWidth
+});
+module.exports = __toCommonJS(responsive_style_exports);
+var import_breakpoints = require("../../state/modules/breakpoints");
+var import_columns = require("./columns");
+var import_padding = require("../../css/padding");
+var import_margin = require("../../css/margin");
+var import_border_radius = require("../../css/border-radius");
+var import_border = require("../../css/border");
+var import_colorToString = require("./colorToString");
+var import_react = require("../../runtimes/react");
+function responsiveStyle(breakpoints, responsiveValues, join, strategy) {
+  return (0, import_breakpoints.join)(breakpoints, responsiveValues, join, strategy).reduce(
+    (acc, { deviceId, value }) => {
+      const breakpoint = (0, import_breakpoints.getBreakpoint)(breakpoints, deviceId);
+      const mediaQuery = (0, import_breakpoints.getBreakpointMediaQuery)(breakpoint);
+      return {
+        ...acc,
+        [mediaQuery]: {
+          ...acc[mediaQuery],
+          ...value
+        }
+      };
+    },
+    {}
+  );
+}
+function useResponsiveStyle(responsiveValues, join, strategy) {
+  return responsiveStyle((0, import_react.useBreakpoints)(), responsiveValues, join, strategy);
+}
+function responsiveWidth(breakpoints, widthData, defaultValue = "100%") {
+  return {
+    maxWidth: "100%",
+    ...responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({
+      width: typeof width === "object" ? `${width.value}${width.unit}` : width
+    }))
+  };
+}
+function useResponsiveWidth(...args) {
+  return responsiveWidth((0, import_react.useBreakpoints)(), ...args);
+}
+function responsivePadding(breakpoints, paddingData, defaultValue = {}) {
+  return responsiveStyle(
+    breakpoints,
+    [paddingData],
+    ([padding = {}]) => (0, import_padding.paddingPropertyDataToStyle)(
+      padding,
+      Object.assign(
+        { paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 },
+        defaultValue
+      )
+    )
+  );
+}
+function useResponsivePadding(...args) {
+  return responsivePadding((0, import_react.useBreakpoints)(), ...args);
+}
+function responsiveMargin(breakpoints, marginData, defaultValue = {}) {
+  return responsiveStyle(
+    breakpoints,
+    [marginData],
+    ([margin = {}]) => (0, import_margin.marginPropertyDataToStyle)(
+      margin,
+      Object.assign(
+        { marginTop: 0, marginRight: "auto", marginBottom: 0, marginLeft: "auto" },
+        defaultValue
+      )
+    )
+  );
+}
+function useResponsiveMargin(...args) {
+  return responsiveMargin((0, import_react.useBreakpoints)(), ...args);
+}
+function responsiveBorderRadius(breakpoints, borderRadiusData, defaultValue = {}) {
+  return responsiveStyle(
+    breakpoints,
+    [borderRadiusData],
+    ([borderRadius = {}]) => (0, import_border_radius.borderRadiusPropertyDataToStyle)(
+      borderRadius,
+      Object.assign(
+        {
+          borderTopLeftRadius: 0,
+          borderTopRightRadius: 0,
+          borderBottomRightRadius: 0,
+          borderBottomLeftRadius: 0
+        },
+        defaultValue
+      )
+    )
+  );
+}
+function useResponsiveBorderRadius(...args) {
+  return responsiveBorderRadius((0, import_react.useBreakpoints)(), ...args);
+}
+function useResponsiveBorder(borderData, defaultValue = {}) {
+  return useResponsiveStyle(
+    [borderData],
+    ([border = {}]) => (0, import_border.borderPropertyDataToStyle)(
+      border,
+      Object.assign(
+        {
+          borderTop: "0px solid black",
+          borderRight: "0px solid black",
+          borderBottom: "0px solid black",
+          borderLeft: "0px solid black"
+        },
+        defaultValue
+      )
+    )
+  );
+}
+const floor = (d) => (v) => Math.floor(10 ** d * v) / 10 ** d;
+function responsiveGridItem(breakpoints, props) {
+  return {
+    display: "flex",
+    ...responsiveStyle(
+      breakpoints,
+      [props.grid, props.columnGap, props.rowGap],
+      ([
+        { spans, count } = { spans: [[12]], count: 12 },
+        columnGap = { value: 0, unit: "px" },
+        rowGap = { value: 0, unit: "px" }
+      ]) => {
+        const [rowIndex, columnIndex] = (0, import_columns.getIndexes)(spans, props.index);
+        const firstCol = columnIndex === 0;
+        const lastCol = columnIndex === spans[rowIndex].length - 1;
+        const span = spans[rowIndex][columnIndex];
+        const fraction = floor(5)(span / count);
+        const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`;
+        const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${columnGap.unit} / 2`;
+        const iePrecisionError = "0.01px";
+        const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`;
+        const firstRow = rowIndex === 0;
+        const lastRow = rowIndex === spans.length - 1;
+        return span === 0 ? { display: "none" } : {
+          flexBasis,
+          minWidth: flexBasis,
+          // NOTE: IE11 width breaks without max width
+          // https://github.com/philipwalton/flexbugs/issues/3
+          maxWidth: flexBasis,
+          paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,
+          paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,
+          paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,
+          paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`
+        };
+      }
+    )
+  };
+}
+function useResponsiveGridItem(...args) {
+  return responsiveGridItem((0, import_react.useBreakpoints)(), ...args);
+}
+const getBoxShadow = (shadows) => shadows.map(
+  ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) => `${inset ? "inset " : ""}${offsetX.toFixed(1)}px ${offsetY.toFixed(
+    1
+  )}px ${blurRadius}px ${spreadRadius}px ${color != null ? (0, import_colorToString.colorToString)(color) : "rgba(0,0,0,0.2)"}`
+).filter(Boolean).join();
+function responsiveShadow(breakpoints, value) {
+  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({
+    boxShadow: getBoxShadow(shadow)
+  }));
+}
+function useResponsiveShadow(...args) {
+  return responsiveShadow((0, import_react.useBreakpoints)(), ...args);
+}
+function responsiveTextStyle(breakpoints, value) {
+  return responsiveStyle(
+    breakpoints,
+    [value],
+    ([
+      textStyle = {
+        fontFamily: null,
+        letterSpacing: null,
+        fontSize: null,
+        fontWeight: null,
+        textTransform: [],
+        fontStyle: []
+      }
+    ]) => {
+      const {
+        fontSize,
+        fontWeight,
+        fontStyle = [],
+        textTransform = [],
+        letterSpacing,
+        fontFamily
+      } = textStyle;
+      return {
+        ...fontFamily == null ? {} : { fontFamily: `"${fontFamily}"` },
+        ...fontWeight == null ? {} : { fontWeight },
+        ...letterSpacing == null ? {} : { letterSpacing },
+        ...fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` },
+        ...textTransform.includes("uppercase") ? { textTransform: "uppercase" } : {},
+        ...fontStyle.includes("italic") ? { fontStyle: "italic" } : {}
+      };
+    }
+  );
+}
+function useResponsiveTextStyle(...args) {
+  return responsiveTextStyle((0, import_react.useBreakpoints)(), ...args);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  responsiveBorderRadius,
+  responsiveGridItem,
+  responsiveMargin,
+  responsivePadding,
+  responsiveShadow,
+  responsiveStyle,
+  responsiveTextStyle,
+  responsiveWidth,
+  useResponsiveBorder,
+  useResponsiveBorderRadius,
+  useResponsiveGridItem,
+  useResponsiveMargin,
+  useResponsivePadding,
+  useResponsiveShadow,
+  useResponsiveStyle,
+  useResponsiveTextStyle,
+  useResponsiveWidth
+});
+//# sourceMappingURL=responsive-style.js.map

package/dist/cjs/components/utils/responsive-style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/utils/responsive-style.ts"],"sourcesContent":["import { WidthProperty } from 'csstype'\nimport { CSSObject } from '@emotion/css'\n\nimport {\n  ResponsiveValue,\n  ResponsiveValueType as ExtractResponsiveValue,\n  Length as LengthValue,\n  WidthValue,\n  PaddingValue,\n  MarginValue,\n  BorderRadiusValue,\n  TextStyleValue,\n} from '../../prop-controllers/descriptors'\nimport {\n  FallbackStrategy,\n  getBreakpoint,\n  getBreakpointMediaQuery,\n  join as joinResponsiveValues,\n  Breakpoints,\n} from '../../state/modules/breakpoints'\nimport { getIndexes } from './columns'\nimport { PaddingPropertyData, paddingPropertyDataToStyle } from '../../css/padding'\nimport { MarginPropertyData, marginPropertyDataToStyle } from '../../css/margin'\nimport { BorderRadiusPropertyData, borderRadiusPropertyDataToStyle } from '../../css/border-radius'\nimport { BorderPropertyData, borderPropertyDataToStyle } from '../../css/border'\nimport { BorderPropControllerData } from '../hooks/useBorder'\nimport { colorToString } from './colorToString'\nimport { BoxShadowData, BoxShadowPropControllerData } from '../hooks'\nimport { useBreakpoints } from '../../runtimes/react'\nimport { DropFirst } from './drop-first'\n\nexport function responsiveStyle<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return joinResponsiveValues(breakpoints, responsiveValues, join, strategy).reduce(\n    (acc, { deviceId, value }) => {\n      const breakpoint = getBreakpoint(breakpoints, deviceId)\n      const mediaQuery = getBreakpointMediaQuery(breakpoint)\n\n      return {\n        ...acc,\n        [mediaQuery]: {\n          ...(acc[mediaQuery] as CSSObject),\n          ...value,\n        },\n      }\n    },\n    {} as CSSObject,\n  )\n}\n\nexport function useResponsiveStyle<\n  V,\n  A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>,\n>(\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return responsiveStyle(useBreakpoints(), responsiveValues, join, strategy)\n}\n\nexport function responsiveWidth(\n  breakpoints: Breakpoints,\n  widthData: WidthValue | undefined,\n  defaultValue: LengthValue | WidthProperty<string | number> = '100%',\n): CSSObject {\n  return {\n    maxWidth: '100%',\n    ...responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({\n      width: typeof width === 'object' ? `${width.value}${width.unit}` : width,\n    })),\n  }\n}\n\nexport function useResponsiveWidth(\n  ...args: DropFirst<Parameters<typeof responsiveWidth>>\n): CSSObject {\n  return responsiveWidth(useBreakpoints(), ...args)\n}\n\nexport function responsivePadding(\n  breakpoints: Breakpoints,\n  paddingData: PaddingValue | undefined,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [paddingData], ([padding = {} as PaddingPropertyData]) =>\n    paddingPropertyDataToStyle(\n      padding,\n      Object.assign(\n        { paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsivePadding(\n  ...args: DropFirst<Parameters<typeof responsivePadding>>\n): CSSObject {\n  return responsivePadding(useBreakpoints(), ...args)\n}\n\nexport function responsiveMargin(\n  breakpoints: Breakpoints,\n  marginData: MarginValue | undefined,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [marginData], ([margin = {} as MarginPropertyData]) =>\n    marginPropertyDataToStyle(\n      margin,\n      Object.assign(\n        { marginTop: 0, marginRight: 'auto', marginBottom: 0, marginLeft: 'auto' },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveMargin(\n  ...args: DropFirst<Parameters<typeof responsiveMargin>>\n): CSSObject {\n  return responsiveMargin(useBreakpoints(), ...args)\n}\n\nexport function responsiveBorderRadius(\n  breakpoints: Breakpoints,\n  borderRadiusData: BorderRadiusValue | undefined,\n  defaultValue: BorderRadiusPropertyData = {} as BorderRadiusPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [borderRadiusData], ([borderRadius = {}]) =>\n    borderRadiusPropertyDataToStyle(\n      borderRadius,\n      Object.assign(\n        {\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          borderBottomLeftRadius: 0,\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveBorderRadius(\n  ...args: DropFirst<Parameters<typeof responsiveBorderRadius>>\n): CSSObject {\n  return responsiveBorderRadius(useBreakpoints(), ...args)\n}\n\nexport function useResponsiveBorder(\n  borderData: BorderPropControllerData | undefined,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  return useResponsiveStyle([borderData], ([border = {}]) =>\n    borderPropertyDataToStyle(\n      border,\n      Object.assign(\n        {\n          borderTop: '0px solid black',\n          borderRight: '0px solid black',\n          borderBottom: '0px solid black',\n          borderLeft: '0px solid black',\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nconst floor =\n  (d: number) =>\n  (v: number): number =>\n    Math.floor(10 ** d * v) / 10 ** d\n\nexport function responsiveGridItem(\n  breakpoints: Breakpoints,\n  props: {\n    grid: ResponsiveValue<{ spans: number[][]; count: number }>\n    index: number\n    columnGap?: ResponsiveValue<LengthValue>\n    rowGap?: ResponsiveValue<LengthValue>\n  },\n): CSSObject {\n  return {\n    display: 'flex',\n    ...responsiveStyle(\n      breakpoints,\n      [props.grid, props.columnGap, props.rowGap] as const,\n      ([\n        { spans, count } = { spans: [[12]], count: 12 },\n        columnGap = { value: 0, unit: 'px' },\n        rowGap = { value: 0, unit: 'px' },\n      ]) => {\n        const [rowIndex, columnIndex] = getIndexes(spans, props.index)\n        const firstCol = columnIndex === 0\n        const lastCol = columnIndex === spans[rowIndex].length - 1\n        const span = spans[rowIndex][columnIndex]\n        const fraction = floor(5)(span / count)\n        const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`\n        const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${\n          columnGap.unit\n        } / 2`\n        const iePrecisionError = '0.01px'\n        const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`\n        const firstRow = rowIndex === 0\n        const lastRow = rowIndex === spans.length - 1\n\n        return span === 0\n          ? { display: 'none' }\n          : {\n              flexBasis,\n              minWidth: flexBasis,\n              // NOTE: IE11 width breaks without max width\n              // https://github.com/philipwalton/flexbugs/issues/3\n              maxWidth: flexBasis,\n              paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n              paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n            }\n      },\n    ),\n  }\n}\n\nexport function useResponsiveGridItem(\n  ...args: DropFirst<Parameters<typeof responsiveGridItem>>\n): CSSObject {\n  return responsiveGridItem(useBreakpoints(), ...args)\n}\n\nconst getBoxShadow = (shadows: BoxShadowData) =>\n  shadows\n    .map(\n      ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) =>\n        `${inset ? 'inset ' : ''}${offsetX.toFixed(1)}px ${offsetY.toFixed(\n          1,\n        )}px ${blurRadius}px ${spreadRadius}px ${\n          color != null ? colorToString(color) : 'rgba(0,0,0,0.2)'\n        }`,\n    )\n    .filter(Boolean)\n    .join()\n\nexport function responsiveShadow(\n  breakpoints: Breakpoints,\n  value: BoxShadowPropControllerData | undefined,\n): CSSObject {\n  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({\n    boxShadow: getBoxShadow(shadow),\n  }))\n}\n\nexport function useResponsiveShadow(\n  ...args: DropFirst<Parameters<typeof responsiveShadow>>\n): CSSObject {\n  return responsiveShadow(useBreakpoints(), ...args)\n}\n\nexport function responsiveTextStyle(\n  breakpoints: Breakpoints,\n  value: TextStyleValue | undefined,\n): CSSObject {\n  return responsiveStyle(\n    breakpoints,\n    [value],\n    ([\n      textStyle = {\n        fontFamily: null,\n        letterSpacing: null,\n        fontSize: null,\n        fontWeight: null,\n        textTransform: [],\n        fontStyle: [],\n      },\n    ]) => {\n      const {\n        fontSize,\n        fontWeight,\n        fontStyle = [],\n        textTransform = [],\n        letterSpacing,\n        fontFamily,\n      } = textStyle\n\n      return {\n        ...(fontFamily == null ? {} : { fontFamily: `\"${fontFamily}\"` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing }),\n        ...(fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(textTransform.includes('uppercase') ? { textTransform: 'uppercase' } : {}),\n        ...(fontStyle.includes('italic') ? { fontStyle: 'italic' } : {}),\n      }\n    },\n  )\n}\n\nexport function useResponsiveTextStyle(\n  ...args: DropFirst<Parameters<typeof responsiveTextStyle>>\n): CSSObject {\n  return responsiveTextStyle(useBreakpoints(), ...args)\n}\n"],"mappings":"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","names":["joinResponsiveValues"]}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/utils/types.ts"],"sourcesContent":["export type SwatchValue = {\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type ColorValue = { swatch?: SwatchValue; alpha?: number }\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/controls/checkbox.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 checkbox_exports = {};
+__export(checkbox_exports, {
+  Checkbox: () => Checkbox,
+  CheckboxControlDataTypeKey: () => CheckboxControlDataTypeKey,
+  CheckboxControlDataTypeValueV1: () => CheckboxControlDataTypeValueV1,
+  CheckboxControlType: () => CheckboxControlType
+});
+module.exports = __toCommonJS(checkbox_exports);
+var import_control_data_type_key = require("./control-data-type-key");
+const CheckboxControlDataTypeKey = import_control_data_type_key.ControlDataTypeKey;
+const CheckboxControlDataTypeValueV1 = "checkbox::v1";
+const CheckboxControlType = "makeswift::controls::checkbox";
+function Checkbox(config = {}) {
+  return { type: CheckboxControlType, config, version: 1 };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox,
+  CheckboxControlDataTypeKey,
+  CheckboxControlDataTypeValueV1,
+  CheckboxControlType
+});
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/checkbox.ts"],"sourcesContent":["import { ControlDataTypeKey } from \"./control-data-type-key\"\n\nexport const CheckboxControlDataTypeKey = ControlDataTypeKey\n\nexport const CheckboxControlDataTypeValueV1 = 'checkbox::v1'\n\nexport type CheckboxControlDataV0 = boolean\n\nexport type CheckboxControlDataV1 = {\n  [CheckboxControlDataTypeKey]: typeof CheckboxControlDataTypeValueV1\n  value: boolean,\n}\n\nexport type CheckboxControlData = CheckboxControlDataV0 | CheckboxControlDataV1\n\nexport const CheckboxControlType = 'makeswift::controls::checkbox'\n\ntype CheckboxControlConfig = {\n  label?: string\n  defaultValue?: boolean\n}\n\nexport type CheckboxControlDefinition<C extends CheckboxControlConfig = CheckboxControlConfig> = {\n  type: typeof CheckboxControlType\n  config: C\n  version?: 1\n}\n\nexport function Checkbox<C extends CheckboxControlConfig>(\n  config: C = {} as C,\n): CheckboxControlDefinition<C> {\n  return { type: CheckboxControlType, 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;AAa5B,SAAS,SACd,SAAY,CAAC,GACiB;AAC9B,SAAO,EAAE,MAAM,qBAAqB,QAAQ,SAAS,EAAE;AACzD;","names":[]}

package/dist/cjs/controls/color.js

@@ -0,0 +1,55 @@
+"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 color_exports = {};
+__export(color_exports, {
+  Color: () => Color,
+  ColorControlDataTypeKey: () => ColorControlDataTypeKey,
+  ColorControlDataTypeValueV1: () => ColorControlDataTypeValueV1,
+  ColorControlType: () => ColorControlType,
+  copyColorData: () => copyColorData
+});
+module.exports = __toCommonJS(color_exports);
+var import_ts_pattern = require("ts-pattern");
+var import_control_data_type_key = require("./control-data-type-key");
+const ColorControlDataTypeKey = import_control_data_type_key.ControlDataTypeKey;
+const ColorControlDataTypeValueV1 = "color::v1";
+const ColorControlType = "makeswift::controls::color";
+function Color(config = {}) {
+  return { type: ColorControlType, config, version: 1 };
+}
+function copyColorData(value, context) {
+  if (value == null)
+    return value;
+  return (0, import_ts_pattern.match)(value).with({ [ColorControlDataTypeKey]: ColorControlDataTypeValueV1 }, (val) => ({
+    ...val,
+    swatchId: context.replacementContext.swatchIds.get(val.swatchId) ?? val.swatchId
+  })).otherwise((val) => ({
+    ...val,
+    swatchId: context.replacementContext.swatchIds.get(val.swatchId) ?? val.swatchId
+  }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Color,
+  ColorControlDataTypeKey,
+  ColorControlDataTypeValueV1,
+  ColorControlType,
+  copyColorData
+});
+//# sourceMappingURL=color.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/color.ts"],"sourcesContent":["import { match } from 'ts-pattern'\nimport type { CopyContext } from '../state/react-page'\nimport type { ColorData } from './types'\nimport { ControlDataTypeKey } from './control-data-type-key'\n\nexport const ColorControlDataTypeKey = ControlDataTypeKey\n\nexport const ColorControlDataTypeValueV1 = 'color::v1'\n\nexport type ColorControlDataV0 = ColorData\n\nexport type ColorControlDataV1 = ColorControlDataV0 & {\n  [ColorControlDataTypeKey]: typeof ColorControlDataTypeValueV1\n}\n\nexport type ColorControlData = ColorControlDataV0 | ColorControlDataV1\n\nexport const ColorControlType = 'makeswift::controls::color'\n\ntype ColorControlConfig = {\n  label?: string\n  labelOrientation?: 'horizontal' | 'vertical'\n  defaultValue?: string\n  hideAlpha?: boolean\n}\n\nexport type ColorControlDefinition<C extends ColorControlConfig = ColorControlConfig> = {\n  type: typeof ColorControlType\n  config: C\n  version?: 1\n}\n\nexport function Color<C extends ColorControlConfig>(config = {} as C): ColorControlDefinition<C> {\n  return { type: ColorControlType, config, version: 1 }\n}\n\nexport function copyColorData(\n  value: ColorControlData | undefined,\n  context: CopyContext,\n): ColorControlData | undefined {\n  if (value == null) return value\n\n  return match(value)\n    .with({ [ColorControlDataTypeKey]: ColorControlDataTypeValueV1 }, val => ({\n      ...val,\n      swatchId: context.replacementContext.swatchIds.get(val.swatchId) ?? val.swatchId,\n    }))\n    .otherwise(val => ({\n      ...val,\n      swatchId: context.replacementContext.swatchIds.get(val.swatchId) ?? val.swatchId,\n    }))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAsB;AAGtB,mCAAmC;AAE5B,MAAM,0BAA0B;AAEhC,MAAM,8BAA8B;AAUpC,MAAM,mBAAmB;AAezB,SAAS,MAAoC,SAAS,CAAC,GAAmC;AAC/F,SAAO,EAAE,MAAM,kBAAkB,QAAQ,SAAS,EAAE;AACtD;AAEO,SAAS,cACd,OACA,SAC8B;AAC9B,MAAI,SAAS;AAAM,WAAO;AAE1B,aAAO,yBAAM,KAAK,EACf,KAAK,EAAE,CAAC,uBAAuB,GAAG,4BAA4B,GAAG,UAAQ;AAAA,IACxE,GAAG;AAAA,IACH,UAAU,QAAQ,mBAAmB,UAAU,IAAI,IAAI,QAAQ,KAAK,IAAI;AAAA,EAC1E,EAAE,EACD,UAAU,UAAQ;AAAA,IACjB,GAAG;AAAA,IACH,UAAU,QAAQ,mBAAmB,UAAU,IAAI,IAAI,QAAQ,KAAK,IAAI;AAAA,EAC1E,EAAE;AACN;","names":[]}

package/dist/cjs/controls/combobox.js

@@ -0,0 +1,34 @@
+"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 combobox_exports = {};
+__export(combobox_exports, {
+  Combobox: () => Combobox,
+  ComboboxControlType: () => ComboboxControlType
+});
+module.exports = __toCommonJS(combobox_exports);
+const ComboboxControlType = "makeswift::controls::combobox";
+function Combobox(config) {
+  return { type: ComboboxControlType, config };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Combobox,
+  ComboboxControlType
+});
+//# sourceMappingURL=combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/combobox.ts"],"sourcesContent":["import { Data } from './types'\n\nexport const ComboboxControlType = 'makeswift::controls::combobox'\n\ntype ComboboxControlOption<T extends Data> = { id: string; label: string; value: T }\n\ntype ComboboxControlConfig<T extends Data = Data> = {\n  label?: string\n  getOptions(query: string): ComboboxControlOption<T>[] | Promise<ComboboxControlOption<T>[]>\n}\n\nexport type ComboboxControlDefinition<C extends ComboboxControlConfig = ComboboxControlConfig> = {\n  type: typeof ComboboxControlType\n  config: C\n}\n\nexport type ComboboxControlDefinitionOption<T extends ComboboxControlDefinition> =\n  T['config'] extends ComboboxControlConfig<infer U> ? U : never\n\nexport type ComboboxControlData<T extends ComboboxControlDefinition = ComboboxControlDefinition> =\n  ComboboxControlOption<ComboboxControlDefinitionOption<T>>\n\nexport function Combobox<T extends Data, C extends ComboboxControlConfig<T>>(\n  config: C & {\n    getOptions(query: string): ComboboxControlOption<T>[] | Promise<ComboboxControlOption<T>[]>\n  },\n): ComboboxControlDefinition<C> {\n  return { type: ComboboxControlType, config }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,sBAAsB;AAoB5B,SAAS,SACd,QAG8B;AAC9B,SAAO,EAAE,MAAM,qBAAqB,OAAO;AAC7C;","names":[]}

package/dist/cjs/controls/control-data-type-key.js

@@ -0,0 +1,29 @@
+"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 control_data_type_key_exports = {};
+__export(control_data_type_key_exports, {
+  ControlDataTypeKey: () => ControlDataTypeKey
+});
+module.exports = __toCommonJS(control_data_type_key_exports);
+const ControlDataTypeKey = "@@makeswift/type";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ControlDataTypeKey
+});
+//# sourceMappingURL=control-data-type-key.js.map

package/dist/cjs/controls/control-data-type-key.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/control-data-type-key.ts"],"sourcesContent":["export const ControlDataTypeKey = '@@makeswift/type'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,qBAAqB;","names":[]}

package/dist/cjs/controls/control.js

@@ -0,0 +1,168 @@
+"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 control_exports = {};
+__export(control_exports, {
+  copy: () => copy,
+  getTranslatableData: () => getTranslatableData,
+  merge: () => merge,
+  mergeTranslatedData: () => mergeTranslatedData
+});
+module.exports = __toCommonJS(control_exports);
+var import_color = require("./color");
+var import_image = require("./image");
+var import_link = require("./link");
+var import_list = require("./list");
+var import_shape = require("./shape");
+var import_text_area = require("./text-area");
+var import_text_input = require("./text-input");
+var import_style = require("./style");
+var import_slot = require("./slot");
+var import_descriptors = require("../prop-controllers/descriptors");
+var import_copy = require("../prop-controllers/copy");
+var import_rich_text = require("./rich-text");
+var import_dto = require("./rich-text-v2/dto");
+var import_copy2 = require("./rich-text-v2/copy");
+var import_rich_text_v2 = require("./rich-text-v2/rich-text-v2");
+var import_translation = require("./rich-text-v2/translation");
+function copy(definition, value, context) {
+  switch (definition.type) {
+    case import_descriptors.Types.Backgrounds:
+    case import_descriptors.Types.Grid:
+    case import_descriptors.Types.NavigationLinks:
+    case import_descriptors.Types.Link:
+    case import_descriptors.Types.Shadows:
+    case import_descriptors.Types.Image:
+    case import_descriptors.Types.Images:
+    case import_descriptors.Types.ResponsiveColor:
+    case import_descriptors.Types.TableFormFields:
+    case import_descriptors.Types.Table:
+    case import_descriptors.Types.Border:
+    case import_descriptors.Types.RichText:
+    case import_descriptors.Types.ElementID:
+      return (0, import_copy.copy)(definition, value, context);
+    case import_rich_text.RichTextControlType:
+      return (0, import_rich_text.copyRichTextData)(value, context);
+    case import_rich_text_v2.RichTextV2ControlType:
+      return (0, import_copy2.copyRichTextV2Data)(
+        (0, import_rich_text_v2.isRichTextV1Data)(value) ? (0, import_dto.richTextV2DescendentsToData)((0, import_rich_text.richTextDTOtoDAO)(value)) : value,
+        context
+      );
+    case import_color.ColorControlType:
+      return (0, import_color.copyColorData)(value, context);
+    case import_image.ImageControlType:
+      return (0, import_image.copyImageData)(value, context);
+    case import_link.LinkControlType:
+      return (0, import_link.copyLinkData)(value, context);
+    case import_shape.ShapeControlType:
+      return (0, import_shape.copyShapeData)(definition, value, context);
+    case import_list.ListControlType:
+      return (0, import_list.copyListData)(definition, value, context);
+    case import_style.StyleControlType:
+      return (0, import_style.copyStyleData)(value, context);
+    case import_slot.SlotControlType:
+      return (0, import_slot.copySlotData)(value, context);
+    default:
+      return value;
+  }
+}
+function merge(definition, a, b = a, context) {
+  switch (definition.type) {
+    case import_slot.SlotControlType:
+      return (0, import_slot.mergeSlotData)(a, b, context);
+    default:
+      return b;
+  }
+}
+function getTranslatableData(definition, data) {
+  switch (definition.type) {
+    case import_descriptors.Types.TextInput:
+    case import_descriptors.Types.TextArea:
+    case import_text_input.TextInputControlType:
+    case import_text_area.TextAreaControlType:
+      return data;
+    case import_rich_text_v2.RichTextV2ControlType:
+      const richTextData = data;
+      if ((0, import_rich_text_v2.isRichTextV1Data)(richTextData))
+        return null;
+      return (0, import_translation.getRichTextV2TranslatableData)(definition, richTextData);
+    case import_list.ListControlType:
+      if (data == null)
+        return null;
+      return (0, import_list.getListTranslatableData)(definition, data);
+    case import_shape.ShapeControlType:
+      if (data == null)
+        return null;
+      return (0, import_shape.getShapeTranslatableData)(definition, data);
+    default:
+      return null;
+  }
+}
+function mergeTranslatedData(definition, data, translatedData, context) {
+  if (data == null)
+    return data;
+  switch (definition.type) {
+    case import_descriptors.Types.TextInput:
+    case import_descriptors.Types.TextArea:
+    case import_text_input.TextInputControlType:
+    case import_text_area.TextAreaControlType:
+      if (translatedData == null)
+        return data;
+      return translatedData;
+    case import_descriptors.Types.Grid:
+      return (0, import_descriptors.mergeGridPropControllerTranslatedData)(data, context);
+    case import_slot.SlotControlType:
+      return (0, import_slot.mergeSlotControlTranslatedData)(data, context);
+    case import_rich_text_v2.RichTextV2ControlType:
+      if (translatedData == null)
+        return data;
+      return (0, import_translation.mergeRichTextV2TranslatedData)(
+        definition,
+        data,
+        translatedData
+      );
+    case import_list.ListControlType:
+      if (translatedData == null)
+        return data;
+      return (0, import_list.mergeListTranslatedData)(
+        definition,
+        data,
+        translatedData,
+        context
+      );
+    case import_shape.ShapeControlType:
+      if (translatedData == null)
+        return data;
+      return (0, import_shape.mergeShapeTranslatedData)(
+        definition,
+        data,
+        translatedData,
+        context
+      );
+    default:
+      return data;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  copy,
+  getTranslatableData,
+  merge,
+  mergeTranslatedData
+});
+//# sourceMappingURL=control.js.map