@makeswift/runtime 0.10.13 → 0.10.14

package/dist/Box.cjs.js

@@ -45,8 +45,8 @@ require("./actions.cjs.js");
 require("zod");
 require("./number.cjs.js");
 require("./combobox.cjs.js");
-require("slate");
 require("ts-pattern");
+require("slate");
 require("use-sync-external-store/shim");
 require("redux");
 require("redux-thunk");

package/dist/Box.es.js

@@ -33,7 +33,7 @@ import { forwardRef, useRef, useCallback, useImperativeHandle, useState, useEffe
 import { cx } from "@emotion/css";
 import { v4 } from "uuid";
 import { n as useResponsiveStyle, E as Element } from "./index.es.js";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { jsx } from "react/jsx-runtime";
 import { a as useBoxAnimation, b as areBoxAnimationPropsEqual, B as BackgroundsContainer, G as GridItem } from "./index.es2.js";
 import { p as parse, c as createBox } from "./box-models.es.js";
@@ -43,8 +43,8 @@ import "./actions.es.js";
 import "zod";
 import "./number.es.js";
 import "./combobox.es.js";
-import "slate";
 import "ts-pattern";
+import "slate";
 import "use-sync-external-store/shim";
 import "redux";
 import "redux-thunk";

package/dist/Button.cjs.js

@@ -44,9 +44,9 @@ require("./actions.cjs.js");
 require("zod");
 require("./number.cjs.js");
 require("./combobox.cjs.js");
+require("ts-pattern");
 require("uuid");
 require("slate");
-require("ts-pattern");
 require("use-sync-external-store/shim");
 require("redux");
 require("redux-thunk");

package/dist/Button.es.js

@@ -33,7 +33,7 @@ import { forwardRef } from "react";
 import ColorHelper from "color";
 import { o as useResponsiveWidth, n as useResponsiveStyle, p as useResponsiveTextStyle, q as colorToString } from "./index.es.js";
 import { L as Link } from "./index.es3.js";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
@@ -42,9 +42,9 @@ import "./actions.es.js";
 import "zod";
 import "./number.es.js";
 import "./combobox.es.js";
+import "ts-pattern";
 import "uuid";
 import "slate";
-import "ts-pattern";
 import "use-sync-external-store/shim";
 import "redux";
 import "redux-thunk";

package/dist/Carousel.cjs.js

@@ -39,9 +39,9 @@ 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("uuid");
 require("slate");
-require("ts-pattern");
 var useMediaQuery = require("./useMediaQuery.cjs.js");
 var Image = require("./Image.cjs.js");
 var css = require("@emotion/css");

package/dist/Carousel.es.js

@@ -35,11 +35,11 @@ import { useGesture } from "@use-gesture/react";
 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 { a0 as useStyle } from "./react-page.es.js";
 import "./actions.es.js";
+import "ts-pattern";
 import "uuid";
 import "slate";
-import "ts-pattern";
 import { u as useMediaQuery } from "./useMediaQuery.es.js";
 import ImageComponent from "./Image.es.js";
 import { cx } from "@emotion/css";

package/dist/Countdown.es.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import { cx } from "@emotion/css";
 import { forwardRef, useState, useEffect } from "react";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import "redux";

package/dist/Divider.cjs.js

@@ -11,9 +11,9 @@ require("./actions.cjs.js");
 require("zod");
 require("./number.cjs.js");
 require("./combobox.cjs.js");
+require("ts-pattern");
 require("uuid");
 require("slate");
-require("ts-pattern");
 require("use-sync-external-store/shim");
 require("redux");
 require("redux-thunk");

package/dist/Divider.es.js

@@ -1,6 +1,6 @@
 import { forwardRef } from "react";
 import { n as useResponsiveStyle, q as colorToString } from "./index.es.js";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
@@ -9,9 +9,9 @@ import "./actions.es.js";
 import "zod";
 import "./number.es.js";
 import "./combobox.es.js";
+import "ts-pattern";
 import "uuid";
 import "slate";
-import "ts-pattern";
 import "use-sync-external-store/shim";
 import "redux";
 import "redux-thunk";

package/dist/Embed.es.js

@@ -1,6 +1,6 @@
 import { forwardRef, useState, useImperativeHandle, useEffect } from "react";
 import { u as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.es.js";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
 import "redux";

package/dist/Form.es.js

@@ -33,7 +33,7 @@ import * as React from "react";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect, useMemo } from "react";
 import { Field as Field$1, getIn, Formik } from "formik";
 import { cx, keyframes } from "@emotion/css";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { n as useResponsiveStyle, S as Shapes, s as Sizes, C as Contrasts, q as colorToString, t as useFormContext, p as useResponsiveTextStyle, u as useIsInBuilder, v as useResponsiveGridItem, w as useTable, x as useMakeswiftClient, y as Provider, A as Alignments } from "./index.es.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import ColorHelper from "color";

package/dist/Image.es.js

@@ -4,7 +4,7 @@ import { findBreakpointOverride } from "./state/breakpoints.es.js";
 import { p as placeholders } from "./placeholders.es.js";
 import { L as Link } from "./index.es3.js";
 import { cx } from "@emotion/css";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { z as useFile, r as useBreakpoints, o as useResponsiveWidth, n as useResponsiveStyle } from "./index.es.js";
 import { m as major } from "./next-version.es.js";
 import { match, P } from "ts-pattern";

package/dist/LiveProvider.cjs.js

@@ -10,9 +10,9 @@ require("./actions.cjs.js");
 require("zod");
 require("./number.cjs.js");
 require("./combobox.cjs.js");
+require("ts-pattern");
 require("uuid");
 require("slate");
-require("ts-pattern");
 require("use-sync-external-store/shim");
 require("redux");
 require("redux-thunk");

package/dist/LiveProvider.es.js

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { a as ReactRuntime, K as StoreContext, M as MakeswiftProvider } from "./index.es.js";
-import { aw as configureStore } from "./react-page.es.js";
+import { ax as configureStore } from "./react-page.es.js";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
@@ -8,9 +8,9 @@ import "./actions.es.js";
 import "zod";
 import "./number.es.js";
 import "./combobox.es.js";
+import "ts-pattern";
 import "uuid";
 import "slate";
-import "ts-pattern";
 import "use-sync-external-store/shim";
 import "redux";
 import "redux-thunk";

package/dist/Navigation.cjs.js

@@ -40,9 +40,9 @@ 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("uuid");
 require("slate");
-require("ts-pattern");
 require("./state/breakpoints.cjs.js");
 var index$1 = require("./index.cjs3.js");
 var useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs.js");

package/dist/Navigation.es.js

@@ -34,14 +34,14 @@ import { forwardRef, useRef, useState, createElement, Fragment as Fragment$1 } f
 import { G as GutterContainer } from "./index.es4.js";
 import ImageComponent from "./Image.es.js";
 import Button from "./Button.es.js";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 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 "uuid";
 import "slate";
-import "ts-pattern";
 import "./state/breakpoints.es.js";
 import { L as Link } from "./index.es3.js";
 import { u as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.es.js";

package/dist/PreviewProvider.cjs.js

@@ -35,9 +35,9 @@ require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
 require("./number.cjs.js");
 require("./combobox.cjs.js");
+require("ts-pattern");
 require("uuid");
 require("slate");
-require("ts-pattern");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");
 require("color");

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 { c4 as getInitialState$3, c5 as reducer$4, c6 as getDocument$1, c as createDocument, c7 as getComponentsMeta$1, c8 as getComponentPropControllerDescriptors$1, ay as getBreakpoints, k as getLocales, j as getDefaultLocale, e as deepEqual, aF as getBuilderEditMode, c9 as BuilderEditMode, ca as getDocumentKeysSortedByDepth, cb as getPropController, cc as getPropControllersHandle, cd as getElement, ce as getElementPropControllerDescriptors, cf as createPropController, h as isElementReference, a5 as isPropControllersHandle, cg as reducer$5, ch as reducer$7, ci as reducer$8, cj as reducer$9, ck as reducer$a, cl as reducer$b, cm as reducer$c, cn as reducer$e, co as getInitialState$4 } from "./react-page.es.js";
+import { c5 as getInitialState$3, c6 as reducer$4, c7 as getDocument$1, c as createDocument, c8 as getComponentsMeta$1, c9 as getComponentPropControllerDescriptors$1, az as getBreakpoints, l as getLocales, k as getDefaultLocale, f as deepEqual, aG as getBuilderEditMode, ca as BuilderEditMode, cb as getDocumentKeysSortedByDepth, cc as getPropController, cd as getPropControllersHandle, ce as getElement, cf as getElementPropControllerDescriptors, cg as createPropController, j as isElementReference, a6 as isPropControllersHandle, ch as reducer$5, ci as reducer$7, cj as reducer$8, ck as reducer$9, cl as reducer$a, cm as reducer$b, cn as reducer$c, co as reducer$e, cp as getInitialState$4 } from "./react-page.es.js";
 import { removeIn, setIn } from "immutable";
 import { A as ActionTypes, w as unregisterMeasurable, x as registerMeasurable, y as registerBuilderComponent, j as setBreakpoints, l as setLocales, z as setDefaultLocale, k as setLocale, B as changePathnameStart, C as changePathnameComplete, D as changeElementBoxModels, E as changeDocumentElementSize, F as handleWheel, G as handlePointerMove, H as elementFromPointChange, I as setIsInBuilder, J as unregisterBuilderComponent, K as unregisterPropControllers, L as registerPropControllers, M as registerPropControllersHandle, r as registerDocument, N as registerComponentHandle, O as messageBuilderPropController, P 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";
@@ -34,9 +34,9 @@ import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
 import "./number.es.js";
 import "./combobox.es.js";
+import "ts-pattern";
 import "uuid";
 import "slate";
-import "ts-pattern";
 import "use-sync-external-store/shim";
 import "./types.es.js";
 import "color";

package/dist/ReadOnlyText.es.js

@@ -1,7 +1,7 @@
 import { cx } from "@emotion/css";
 import { forwardRef } from "react";
 import { L as useEnhancedTypography, N as useTypographyClassName, n as useResponsiveStyle } from "./index.es.js";
-import { bx as richTextDTOtoDAO, $ as useStyle, bX as BlockType, bY as InlineType } from "./react-page.es.js";
+import { by as richTextDTOtoDAO, a0 as useStyle, bY as BlockType, bZ as InlineType } from "./react-page.es.js";
 import "./actions.es.js";
 import "slate";
 import "ts-pattern";

package/dist/ReadOnlyTextV2.es.js

@@ -14,7 +14,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { forwardRef } from "react";
-import { bA as RichTextV2Mode, bT as InlineModePlugin, bR as BlockPlugin, bM as TypographyPlugin, bV as TextAlignPlugin, b$ as InlinePlugin, $ as useStyle } from "./react-page.es.js";
+import { bB as RichTextV2Mode, bU as InlineModePlugin, bS as BlockPlugin, bN as TypographyPlugin, bW as TextAlignPlugin, c0 as InlinePlugin, a0 as useStyle } from "./react-page.es.js";
 import "./actions.es.js";
 import "slate";
 import "ts-pattern";

package/dist/Root.es.js

@@ -2,7 +2,7 @@ var _a;
 import { normalize } from "polished";
 import * as React from "react";
 import { forwardRef, useRef } from "react";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { jsx } from "react/jsx-runtime";
 import { E as Element } from "./index.es.js";
 import { B as BackgroundsContainer, G as GridItem } from "./index.es2.js";

package/dist/SocialLinks.cjs.js

@@ -46,9 +46,9 @@ require("./actions.cjs.js");
 require("zod");
 require("./number.cjs.js");
 require("./combobox.cjs.js");
+require("ts-pattern");
 require("uuid");
 require("slate");
-require("ts-pattern");
 require("use-sync-external-store/shim");
 require("redux");
 require("redux-thunk");

package/dist/SocialLinks.es.js

@@ -35,7 +35,7 @@ import { L as Link } from "./index.es3.js";
 import { n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { G as GutterContainer } from "./index.es4.js";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import "scroll-into-view-if-needed";
 import "next/link";
@@ -45,9 +45,9 @@ import "./actions.es.js";
 import "zod";
 import "./number.es.js";
 import "./combobox.es.js";
+import "ts-pattern";
 import "uuid";
 import "slate";
-import "ts-pattern";
 import "use-sync-external-store/shim";
 import "redux";
 import "redux-thunk";

package/dist/Video.es.js

@@ -20,7 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { cx } from "@emotion/css";
 import { forwardRef, useState, useEffect } from "react";
 import ReactPlayer from "react-player";
-import { $ as useStyle } from "./react-page.es.js";
+import { a0 as useStyle } from "./react-page.es.js";
 import { p as placeholders } from "./placeholders.es.js";
 import { jsx } from "react/jsx-runtime";
 import "redux";

package/dist/control-serialization.cjs.js

@@ -32,10 +32,10 @@ var __objRest = (source, exclude) => {
 };
 var combobox = require("./combobox.cjs.js");
 var reactPage = require("./react-page.cjs.js");
+require("ts-pattern");
 require("./actions.cjs.js");
 require("uuid");
 require("slate");
-require("ts-pattern");
 function isSerializedFunction(value) {
   return value instanceof MessagePort;
 }

package/dist/control-serialization.es.js

@@ -31,11 +31,11 @@ var __objRest = (source, exclude) => {
 };
 const import_meta = {};
 import { C as ComboboxControlType } from "./combobox.es.js";
-import { ae as ListControlType, af as ShapeControlType, ad as StyleV2ControlType, aa as RichTextV2ControlType, ap as Types } from "./react-page.es.js";
+import { af as ListControlType, ag as ShapeControlType, ae as StyleV2ControlType, ab as RichTextV2ControlType, aq as Types } from "./react-page.es.js";
+import "ts-pattern";
 import "./actions.es.js";
 import "uuid";
 import "slate";
-import "ts-pattern";
 function isSerializedFunction(value) {
   return value instanceof MessagePort;
 }

package/dist/controls.cjs.js

@@ -66,7 +66,7 @@ exports.TextAreaControlType = reactPage.TextAreaControlType;
 exports.TextInput = reactPage.TextInput$1;
 exports.TextInputControlType = reactPage.TextInputControlType;
 exports.TypographyControlType = reactPage.TypographyControlType;
-exports.copy = reactPage.copy$2;
+exports.copy = reactPage.copy$3;
 exports.copyColorData = reactPage.copyColorData;
 exports.copyImageData = reactPage.copyImageData;
 exports.copyLinkData = reactPage.copyLinkData;

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

@@ -43,9 +43,9 @@ var actions = require("./actions.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
 var number = require("./number.cjs.js");
 var combobox = require("./combobox.cjs.js");
+require("ts-pattern");
 var uuid = require("uuid");
 require("slate");
-require("ts-pattern");
 var shim = require("use-sync-external-store/shim");
 var redux = require("redux");
 var thunk = require("redux-thunk");
@@ -1192,7 +1192,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.10.13";
+const version = "0.10.14";
 async function handler(req, res, { apiKey, siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });

package/dist/index.cjs2.js

@@ -35,9 +35,9 @@ 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("uuid");
 require("slate");
-require("ts-pattern");
 var useMediaQuery = require("./useMediaQuery.cjs.js");
 var css = require("@emotion/css");
 var jsxRuntime = require("react/jsx-runtime");
@@ -63,17 +63,48 @@ function useBackgrounds(value) {
       var _b = _a, { value: backgrounds } = _b, restOfValue = __objRest(_b, ["value"]);
       return __spreadProps(__spreadValues({}, restOfValue), {
         value: backgrounds.map((bg) => {
-          if (bg.type === "image" && bg.payload != null && bg.payload.imageId != null) {
+          if (bg.type === "image" && bg.payload != null) {
             const _a2 = bg.payload, { imageId } = _a2, restOfPayload = __objRest(_a2, ["imageId"]);
             const file = files.find((f) => f && f.id === imageId);
-            return file && {
-              id: bg.id,
-              type: "image",
+            return file && __spreadProps(__spreadValues({}, bg), {
               payload: __spreadProps(__spreadValues({}, restOfPayload), {
                 publicUrl: file.publicUrl,
                 dimensions: file.dimensions
               })
-            };
+            });
+          }
+          if (bg.type === "image-v1" && bg.payload != null) {
+            return tsPattern.match(bg).with({
+              payload: { image: { type: "external-file", width: tsPattern.P.number, height: tsPattern.P.number } }
+            }, (val) => {
+              const _a3 = val.payload, { image, version } = _a3, restOfPayload = __objRest(_a3, ["image", "version"]);
+              return __spreadProps(__spreadValues({}, val), {
+                type: "image",
+                payload: __spreadProps(__spreadValues({}, restOfPayload), {
+                  publicUrl: image.url,
+                  dimensions: { width: image.width, height: image.height }
+                })
+              });
+            }).with({ payload: { image: { type: "external-file" } } }, (val) => {
+              const _a3 = val.payload, { image, version } = _a3, restOfPayload = __objRest(_a3, ["image", "version"]);
+              return __spreadProps(__spreadValues({}, val), {
+                type: "image",
+                payload: __spreadProps(__spreadValues({}, restOfPayload), {
+                  publicUrl: image.url,
+                  dimensions: null
+                })
+              });
+            }).with({ payload: { image: { type: "makeswift-file" } } }, (val) => {
+              const _a3 = val.payload, { image, version } = _a3, restOfPayload = __objRest(_a3, ["image", "version"]);
+              const file = files.find((f) => f && f.id === image.id);
+              return file && __spreadProps(__spreadValues({}, val), {
+                type: "image",
+                payload: __spreadProps(__spreadValues({}, restOfPayload), {
+                  publicUrl: file.publicUrl,
+                  dimensions: file.dimensions
+                })
+              });
+            }).otherwise(() => null);
           }
           if (bg.type === "color" && bg.payload != null) {
             const { swatchId, alpha } = bg.payload;