@makeswift/runtime 0.12.1 → 0.12.2

package/dist/Carousel.cjs.js

@@ -38,8 +38,8 @@ var popcorn = require("@popmotion/popcorn");
 var next = require("./index.cjs.js");
 require("use-sync-external-store/shim");
 var reactPage = require("./react-page.cjs.js");
-require("./actions.cjs.js");
 require("ts-pattern");
+require("./actions.cjs.js");
 require("uuid");
 require("slate");
 require("escape-html");

package/dist/Carousel.es.js

@@ -36,8 +36,8 @@ import { wrap } from "@popmotion/popcorn";
 import { r as useBreakpoints, n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import "use-sync-external-store/shim";
 import { _ as useStyle } from "./react-page.es.js";
-import "./actions.es.js";
 import "ts-pattern";
+import "./actions.es.js";
 import "uuid";
 import "slate";
 import "escape-html";

package/dist/Navigation.cjs.js

@@ -39,8 +39,8 @@ var reactPage = require("./react-page.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
 var next = require("./index.cjs.js");
 require("use-sync-external-store/shim");
-require("./actions.cjs.js");
 require("ts-pattern");
+require("./actions.cjs.js");
 require("uuid");
 require("slate");
 require("escape-html");

package/dist/Navigation.es.js

@@ -38,8 +38,8 @@ import { _ as useStyle } from "./react-page.es.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { l as useResponsiveColor, p as useResponsiveTextStyle, n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import "use-sync-external-store/shim";
-import "./actions.es.js";
 import "ts-pattern";
+import "./actions.es.js";
 import "uuid";
 import "slate";
 import "escape-html";

package/dist/PreviewProvider.es.js

@@ -23,7 +23,7 @@ import { J as ElementImperativeHandle, a as ReactRuntime, K as StoreContext, M a
 import { createStore, applyMiddleware, combineReducers } from "redux";
 import thunk from "redux-thunk";
 import Router from "next/router";
-import { c7 as getInitialState$3, c8 as reducer$4, c9 as getDocument$1, c as createDocument, ca as getComponentsMeta$1, cb as getComponentPropControllerDescriptors$1, ax as getBreakpoints, f as deepEqual, aE as getBuilderEditMode, cc as BuilderEditMode, cd as getDocumentKeysSortedByDepth, ce as getPropController, cf as getPropControllersHandle, cg as getElement, ch as getElementPropControllerDescriptors, ci as createPropController, j as isElementReference, a4 as isPropControllersHandle, cj as reducer$5, ck as reducer$7, cl as reducer$8, cm as reducer$9, cn as reducer$a, co as reducer$b, cp as reducer$c, cq as getInitialState$4 } from "./react-page.es.js";
+import { ca as getInitialState$3, cb as reducer$4, cc as getDocument$1, c as createDocument, cd as getComponentsMeta$1, ce as getComponentPropControllerDescriptors$1, ax as getBreakpoints, f as deepEqual, aE as getBuilderEditMode, cf as BuilderEditMode, cg as getDocumentKeysSortedByDepth, ch as getPropController, ci as getPropControllersHandle, cj as getElement, ck as getElementPropControllerDescriptors, cl as createPropController, j as isElementReference, a4 as isPropControllersHandle, cm as reducer$5, cn as reducer$7, co as reducer$8, cp as reducer$9, cq as reducer$a, cr as reducer$b, cs as reducer$c, ct as getInitialState$4 } from "./react-page.es.js";
 import { removeIn, setIn } from "immutable";
 import { A as ActionTypes, v as unregisterMeasurable, w as registerMeasurable, x as registerBuilderComponent, j as setBreakpoints, k as setLocale, y as changePathnameStart, z as changePathnameComplete, B as changeElementBoxModels, C as changeDocumentElementSize, D as handleWheel, E as handlePointerMove, F as elementFromPointChange, G as setIsInBuilder, H as unregisterBuilderComponent, I as unregisterPropControllers, J as registerPropControllers, K as registerPropControllersHandle, r as registerDocument, L as registerComponentHandle, M as messageBuilderPropController, N as registerDocumentEffect } from "./actions.es.js";
 import { i as isMeasurable, a as getMeasurables$1, b as getBoxModels$1, m as measure, d as getBoxModel$1, r as reducer$6 } from "./box-models.es.js";

package/dist/ReadOnlyText.cjs.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var css = require("@emotion/css");
 var React = require("react");
 var next = require("./index.cjs.js");
+require("ts-pattern");
 var reactPage = require("./react-page.cjs.js");
 require("./actions.cjs.js");
 require("slate");
-require("ts-pattern");
 require("uuid");
 require("escape-html");
 require("slate-hyperscript");

package/dist/ReadOnlyText.es.js

@@ -1,10 +1,10 @@
 import { cx } from "@emotion/css";
 import { forwardRef } from "react";
 import { L as useEnhancedTypography, N as useTypographyClassName, n as useResponsiveStyle } from "./index.es.js";
-import { bA as richTextDTOtoDAO, _ as useStyle, b_ as BlockType, b$ as InlineType } from "./react-page.es.js";
+import "ts-pattern";
+import { bD as richTextDTOtoDAO, _ as useStyle, c1 as BlockType, c2 as InlineType } from "./react-page.es.js";
 import "./actions.es.js";
 import "slate";
-import "ts-pattern";
 import "uuid";
 import "escape-html";
 import "slate-hyperscript";

package/dist/ReadOnlyTextV2.cjs.js

@@ -16,10 +16,10 @@ var __objRest = (source, exclude) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var React = require("react");
+require("ts-pattern");
 var reactPage = require("./react-page.cjs.js");
 require("./actions.cjs.js");
 require("slate");
-require("ts-pattern");
 require("uuid");
 require("escape-html");
 require("slate-hyperscript");

package/dist/ReadOnlyTextV2.es.js

@@ -14,10 +14,10 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { forwardRef } from "react";
-import { bD as RichTextV2Mode, bW as InlineModePlugin, bU as BlockPlugin, bP as TypographyPlugin, bY as TextAlignPlugin, c2 as InlinePlugin, _ as useStyle } from "./react-page.es.js";
+import "ts-pattern";
+import { bG as RichTextV2Mode, bZ as InlineModePlugin, bX as BlockPlugin, bS as TypographyPlugin, b$ as TextAlignPlugin, c5 as InlinePlugin, _ as useStyle } from "./react-page.es.js";
 import "./actions.es.js";
 import "slate";
-import "ts-pattern";
 import "uuid";
 import "escape-html";
 import "slate-hyperscript";

package/dist/builder.cjs.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var controlSerialization = require("./control-serialization.cjs.js");
+require("ts-pattern");
 require("./combobox.cjs.js");
 require("./react-page.cjs.js");
 require("redux");
@@ -8,7 +9,6 @@ require("redux-thunk");
 require("./actions.cjs.js");
 require("zod");
 require("./breakpoints.cjs.js");
-require("ts-pattern");
 require("corporate-ipsum");
 require("slate");
 require("uuid");

package/dist/builder.es.js

@@ -1,4 +1,5 @@
 export { d as deserializeControl, b as deserializeControls, e as deserializeFunction, i as isSerializedFunction, s as serializeControl, a as serializeControls, c as serializeFunction } from "./control-serialization.es.js";
+import "ts-pattern";
 import "./combobox.es.js";
 import "./react-page.es.js";
 import "redux";
@@ -6,7 +7,6 @@ import "redux-thunk";
 import "./actions.es.js";
 import "zod";
 import "./breakpoints.es.js";
-import "ts-pattern";
 import "corporate-ipsum";
 import "slate";
 import "uuid";

package/dist/control-serialization.cjs.js

@@ -30,9 +30,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+require("ts-pattern");
 var combobox = require("./combobox.cjs.js");
 var reactPage = require("./react-page.cjs.js");
-require("ts-pattern");
 require("./actions.cjs.js");
 require("uuid");
 require("slate");

package/dist/control-serialization.es.js

@@ -30,9 +30,9 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const import_meta = {};
+import "ts-pattern";
 import { C as ComboboxControlType } from "./combobox.es.js";
 import { ad as ListControlType, ae as ShapeControlType, ac as StyleV2ControlType, a9 as RichTextV2ControlType, ao as Types } from "./react-page.es.js";
-import "ts-pattern";
 import "./actions.es.js";
 import "uuid";
 import "slate";

package/dist/controls.cjs.js

@@ -26,7 +26,10 @@ exports.CheckboxControlType = number.CheckboxControlType;
 exports.Number = number.Number;
 exports.NumberControlType = number.NumberControlType;
 exports.Color = reactPage.Color;
+exports.ColorControlDataTypeKey = reactPage.ColorControlDataTypeKey;
+exports.ColorControlDataTypeValueV1 = reactPage.ColorControlDataTypeValueV1;
 exports.ColorControlType = reactPage.ColorControlType;
+exports.ControlDataTypeKey = reactPage.ControlDataTypeKey;
 exports.IconRadioGroupControlType = reactPage.IconRadioGroupControlType;
 exports.Image = reactPage.Image$1;
 exports.ImageControlType = reactPage.ImageControlType;

package/dist/controls.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"controls.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/controls.es.js

@@ -1,5 +1,5 @@
 export { a as Checkbox, C as CheckboxControlType, b as Number, N as NumberControlType } from "./number.es.js";
-export { aI as Color, ai as ColorControlType, ah as IconRadioGroupControlType, aQ as Image, ag as ImageControlType, a3 as ImageControlValueFormat, aS as Link, af as LinkControlType, aU as List, aW as ListControl, aV as ListControlMessageType, ad as ListControlType, bw as ObjectType, Y as RichText, by as RichTextControl, bx as RichTextControlMessageType, aa as RichTextControlType, bF as RichTextV2Control, bE as RichTextV2ControlMessageType, a9 as RichTextV2ControlType, bD as RichTextV2Mode, b3 as Select, aj as SelectControlType, b4 as Shape, b6 as ShapeControl, b5 as ShapeControlMessageType, ae as ShapeControlType, bf as Slot, bh as SlotControl, bg as SlotControlMessageType, ab as SlotControlType, bl as Style, bn as StyleControl, bm as StyleControlMessageType, a2 as StyleControlProperty, a8 as StyleControlType, bs as StyleV2Control, br as StyleV2ControlMessageType, ac as StyleV2ControlType, bt as TextArea, ak as TextAreaControlType, bu as TextInput, al as TextInputControlType, a7 as TypographyControlType, aK as copy, aJ as copyColorData, aR as copyImageData, aT as copyLinkData, aX as copyListData, bv as copyRichTextData, b7 as copyShapeData, bi as copySlotData, bo as copyStyleData, bI as createRichTextV2Plugin, aY as getListElementChildren, a_ as getListFileIds, b0 as getListPageIds, aZ as getListSwatchIds, b1 as getListTranslatableData, a$ as getListTypographyIds, b8 as getShapeElementChildren, bc as getShapeFileIds, bb as getShapePageIds, b9 as getShapeSwatchIds, bd as getShapeTranslatableData, ba as getShapeTypographyIds, aM as getTranslatableData, bK as getTypographySwatchIds, bL as getTypographyTypographyIds, a5 as isRichTextV1Data, aL as merge, b2 as mergeListTranslatedData, be as mergeShapeTranslatedData, bk as mergeSlotControlTranslatedData, bj as mergeSlotData, aN as mergeTranslatedData, bC as richTextDAOToDTO, bA as richTextDTOtoDAO, bz as richTextDTOtoSelection, bG as richTextV2DataToDescendents, bH as richTextV2DescendentsToData, bB as toSelectionDTO, aP as unstable_IconRadioGroup, aO as unstable_IconRadioGroupIcon, bq as unstable_StyleV2, bJ as unstable_Typography, bp as unstable_useStyleV2ClassName } from "./react-page.es.js";
+export { aL as Color, aJ as ColorControlDataTypeKey, aK as ColorControlDataTypeValueV1, ai as ColorControlType, aI as ControlDataTypeKey, ah as IconRadioGroupControlType, aT as Image, ag as ImageControlType, a3 as ImageControlValueFormat, aV as Link, af as LinkControlType, aX as List, aZ as ListControl, aY as ListControlMessageType, ad as ListControlType, bz as ObjectType, Y as RichText, bB as RichTextControl, bA as RichTextControlMessageType, aa as RichTextControlType, bI as RichTextV2Control, bH as RichTextV2ControlMessageType, a9 as RichTextV2ControlType, bG as RichTextV2Mode, b6 as Select, aj as SelectControlType, b7 as Shape, b9 as ShapeControl, b8 as ShapeControlMessageType, ae as ShapeControlType, bi as Slot, bk as SlotControl, bj as SlotControlMessageType, ab as SlotControlType, bo as Style, bq as StyleControl, bp as StyleControlMessageType, a2 as StyleControlProperty, a8 as StyleControlType, bv as StyleV2Control, bu as StyleV2ControlMessageType, ac as StyleV2ControlType, bw as TextArea, ak as TextAreaControlType, bx as TextInput, al as TextInputControlType, a7 as TypographyControlType, aN as copy, aM as copyColorData, aU as copyImageData, aW as copyLinkData, a_ as copyListData, by as copyRichTextData, ba as copyShapeData, bl as copySlotData, br as copyStyleData, bL as createRichTextV2Plugin, a$ as getListElementChildren, b1 as getListFileIds, b3 as getListPageIds, b0 as getListSwatchIds, b4 as getListTranslatableData, b2 as getListTypographyIds, bb as getShapeElementChildren, bf as getShapeFileIds, be as getShapePageIds, bc as getShapeSwatchIds, bg as getShapeTranslatableData, bd as getShapeTypographyIds, aP as getTranslatableData, bN as getTypographySwatchIds, bO as getTypographyTypographyIds, a5 as isRichTextV1Data, aO as merge, b5 as mergeListTranslatedData, bh as mergeShapeTranslatedData, bn as mergeSlotControlTranslatedData, bm as mergeSlotData, aQ as mergeTranslatedData, bF as richTextDAOToDTO, bD as richTextDTOtoDAO, bC as richTextDTOtoSelection, bJ as richTextV2DataToDescendents, bK as richTextV2DescendentsToData, bE as toSelectionDTO, aS as unstable_IconRadioGroup, aR as unstable_IconRadioGroupIcon, bt as unstable_StyleV2, bM as unstable_Typography, bs as unstable_useStyleV2ClassName } from "./react-page.es.js";
 export { a as Combobox, C as ComboboxControlType } from "./combobox.es.js";
 import "redux";
 import "redux-thunk";

package/dist/index.cjs.js

@@ -1251,7 +1251,7 @@ async function fonts(_req, res, { getFonts } = {}) {
   const fonts2 = (_a = await (getFonts == null ? void 0 : getFonts())) != null ? _a : [];
   return res.json(fonts2);
 }
-const version = "0.12.1";
+const version = "0.12.2";
 async function handler(req, res, { apiKey, siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });

package/dist/index.cjs2.js

@@ -34,8 +34,8 @@ var React = require("react");
 var reactPage = require("./react-page.cjs.js");
 require("use-sync-external-store/shim");
 var next = require("./index.cjs.js");
-require("./actions.cjs.js");
 var tsPattern = require("ts-pattern");
+require("./actions.cjs.js");
 require("uuid");
 require("slate");
 require("escape-html");

package/dist/index.cjs8.js

@@ -38,8 +38,8 @@ var React = require("react");
 var slate = require("slate");
 var slateReact = require("slate-react");
 var next = require("./index.cjs.js");
-var reactPage = require("./react-page.cjs.js");
 require("ts-pattern");
+var reactPage = require("./react-page.cjs.js");
 require("uuid");
 require("escape-html");
 require("slate-hyperscript");

package/dist/index.cjs9.js

@@ -35,8 +35,8 @@ var React = require("react");
 var slate = require("slate");
 var isHotkey = require("is-hotkey");
 var slateReact = require("slate-react");
-var reactPage = require("./react-page.cjs.js");
 require("ts-pattern");
+var reactPage = require("./react-page.cjs.js");
 require("escape-html");
 require("slate-hyperscript");
 require("parse5");

package/dist/index.es.js

@@ -1218,7 +1218,7 @@ async function fonts(_req, res, { getFonts } = {}) {
   const fonts2 = (_a = await (getFonts == null ? void 0 : getFonts())) != null ? _a : [];
   return res.json(fonts2);
 }
-const version = "0.12.1";
+const version = "0.12.2";
 async function handler(req, res, { apiKey, siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });

package/dist/index.es2.js

@@ -33,8 +33,8 @@ import { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createEl
 import { aG as getBackgroundsFileIds, aH as getBackgroundsSwatchIds, _ as useStyle } from "./react-page.es.js";
 import "use-sync-external-store/shim";
 import { B as isNonNullable, F as useFiles, G as useSwatches, v as useResponsiveGridItem, c as DEFAULT_BOX_ANIMATE_TYPE, f as DEFAULT_ITEM_ANIMATE_TYPE, e as DEFAULT_BOX_ANIMATE_DURATION, d as DEFAULT_BOX_ANIMATE_DELAY, i as DEFAULT_ITEM_STAGGER_DURATION, n as useResponsiveStyle, q as colorToString } from "./index.es.js";
-import "./actions.es.js";
 import { match, P } from "ts-pattern";
+import "./actions.es.js";
 import "uuid";
 import "slate";
 import "escape-html";

package/dist/index.es5.js

@@ -1,6 +1,6 @@
 import { Node, Transforms, Text, Editor } from "slate";
 import { ReactEditor } from "slate-react";
-import { c3 as ElementUtils } from "./react-page.es.js";
+import { c6 as ElementUtils } from "./react-page.es.js";
 function withBuilder(editor) {
   editor.resetValue = function(value) {
     var _a;

package/dist/index.es6.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { c3 as ElementUtils, bI as createRichTextV2Plugin, aS as Link, c4 as onChange, c5 as getValue, c6 as isLinkElement, _ as useStyle, b$ as InlineType } from "./react-page.es.js";
+import { c6 as ElementUtils, bL as createRichTextV2Plugin, aV as Link, c7 as onChange, c8 as getValue, c9 as isLinkElement, _ as useStyle, c2 as InlineType } from "./react-page.es.js";
 import { L as Link$1 } from "./index.es3.js";
 import { cx } from "@emotion/css";
 import { jsx, Fragment } from "react/jsx-runtime";

package/dist/index.es8.js

@@ -36,8 +36,8 @@ import { useCallback, useState, useEffect, forwardRef, useImperativeHandle, useM
 import { Range, createEditor } from "slate";
 import { ReactEditor, withReact, Slate, Editable } from "slate-react";
 import { n as useResponsiveStyle, L as useEnhancedTypography, N as useTypographyClassName, u as useIsInBuilder, O as useBuilderEditMode, Q as pollBoxModel } from "./index.es.js";
-import { _ as useStyle, b_ as BlockType, b$ as InlineType, bA as richTextDTOtoDAO, bz as richTextDTOtoSelection, f as deepEqual, bT as withBlock, bO as withTypography, bS as onKeyDown, cc as BuilderEditMode } from "./react-page.es.js";
 import "ts-pattern";
+import { _ as useStyle, c1 as BlockType, c2 as InlineType, bD as richTextDTOtoDAO, bC as richTextDTOtoSelection, f as deepEqual, bW as withBlock, bR as withTypography, bV as onKeyDown, cf as BuilderEditMode } from "./react-page.es.js";
 import "uuid";
 import "escape-html";
 import "slate-hyperscript";

package/dist/index.es9.js

@@ -33,8 +33,8 @@ import { useEffect, useMemo, useState, useRef, useCallback } from "react";
 import { Range, createEditor } from "slate";
 import isHotkey from "is-hotkey";
 import { ReactEditor, withReact, Slate, Editable } from "slate-react";
-import { bG as richTextV2DataToDescendents, b_ as BlockType, bD as RichTextV2Mode, bW as InlineModePlugin, bU as BlockPlugin, bP as TypographyPlugin, bY as TextAlignPlugin, c2 as InlinePlugin, cc as BuilderEditMode } from "./react-page.es.js";
 import "ts-pattern";
+import { bJ as richTextV2DataToDescendents, c1 as BlockType, bG as RichTextV2Mode, bZ as InlineModePlugin, bX as BlockPlugin, bS as TypographyPlugin, b$ as TextAlignPlugin, c5 as InlinePlugin, cf as BuilderEditMode } from "./react-page.es.js";
 import "escape-html";
 import "slate-hyperscript";
 import "parse5";

package/dist/react-page.cjs.js

@@ -284,16 +284,26 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+const ControlDataTypeKey = "@@makeswift/type";
+const ColorControlDataTypeKey = ControlDataTypeKey;
+const ColorControlDataTypeValueV1 = "color::v1";
 const ColorControlType = "makeswift::controls::color";
 function Color(config = {}) {
-  return { type: ColorControlType, config };
+  return { type: ColorControlType, config, version: 1 };
 }
 function copyColorData(value, context) {
-  var _a;
   if (value == null)
     return value;
-  return __spreadProps(__spreadValues({}, value), {
-    swatchId: (_a = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a : value.swatchId
+  return tsPattern.match(value).with({ [ControlDataTypeKey]: ColorControlDataTypeValueV1 }, (val) => {
+    var _a;
+    return __spreadProps(__spreadValues({}, val), {
+      swatchId: (_a = context.replacementContext.swatchIds.get(val.swatchId)) != null ? _a : val.swatchId
+    });
+  }).otherwise((val) => {
+    var _a;
+    return __spreadProps(__spreadValues({}, val), {
+      swatchId: (_a = context.replacementContext.swatchIds.get(val.swatchId)) != null ? _a : val.swatchId
+    });
   });
 }
 class PropController {
@@ -5130,8 +5140,11 @@ exports.BorderRadiusPropControllerFormat = BorderRadiusPropControllerFormat;
 exports.BuilderEditMode = BuilderEditMode;
 exports.Checkbox = Checkbox;
 exports.Color = Color;
+exports.ColorControlDataTypeKey = ColorControlDataTypeKey;
+exports.ColorControlDataTypeValueV1 = ColorControlDataTypeValueV1;
 exports.ColorControlType = ColorControlType;
 exports.ComponentIcon = ComponentIcon;
+exports.ControlDataTypeKey = ControlDataTypeKey;
 exports.Date = Date;
 exports.ElementID = ElementID;
 exports.ElementUtils = ElementUtils;