@makeswift/runtime 0.27.2 → 0.27.3

package/dist/cjs/react.js

@@ -0,0 +1,40 @@
+"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 react_exports = {};
+__export(react_exports, {
+  ActionTypes: () => import_actions.ActionTypes,
+  DocumentRoot: () => import_react.DocumentRoot,
+  Element: () => import_react.Element,
+  ReactRuntime: () => import_react.ReactRuntime,
+  changeDocument: () => import_actions.changeDocument,
+  useIsInBuilder: () => import_react.useIsInBuilder
+});
+module.exports = __toCommonJS(react_exports);
+var import_actions = require("./state/actions");
+var import_react = require("./runtimes/react");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionTypes,
+  DocumentRoot,
+  Element,
+  ReactRuntime,
+  changeDocument,
+  useIsInBuilder
+});
+//# sourceMappingURL=react.js.map

package/dist/cjs/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react.ts"],"sourcesContent":["export type { Action } from './state/actions'\nexport { ActionTypes, changeDocument } from './state/actions'\nexport { Element, ReactRuntime, useIsInBuilder, DocumentRoot } from './runtimes/react'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA4C;AAC5C,mBAAoE;","names":[]}

package/dist/cjs/runtimes/react/components/LiveProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo, ReactNode } from 'react'\n\nimport * as ReactPage from '../../../state/react-page'\n\nimport { useReactRuntime } from '../hooks/use-react-runtime'\nimport { StoreContext } from '../hooks/use-store'\n\nexport default function LiveProvider({ children }: PropsWithChildren): ReactNode {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        name: 'Host store',\n        preloadedState: runtime.store.getState(),\n      }),\n    [runtime],\n  )\n\n  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBS;AAlBT,mBAA2D;AAE3D,gBAA2B;AAE3B,+BAAgC;AAChC,uBAA6B;AAEd,SAAR,aAA8B,EAAE,SAAS,GAAiC;AAC/E,QAAM,cAAU,0CAAgB;AAChC,QAAM,YAAQ;AAAA,IACZ,MACE,UAAU,eAAe;AAAA,MACvB,MAAM;AAAA,MACN,gBAAgB,QAAQ,MAAM,SAAS;AAAA,IACzC,CAAC;AAAA,IACH,CAAC,OAAO;AAAA,EACV;AAEA,SAAO,4CAAC,8BAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;AACxD;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react'\n\nimport * as ReactPage from '../../../state/react-page'\n\nimport { useReactRuntime } from '../hooks/use-react-runtime'\nimport { StoreContext } from '../hooks/use-store'\n\nexport default function LiveProvider({ children }: PropsWithChildren): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        name: 'Host store',\n        preloadedState: runtime.store.getState(),\n      }),\n    [runtime],\n  )\n\n  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBS;AAlBT,mBAAgD;AAEhD,gBAA2B;AAE3B,+BAAgC;AAChC,uBAA6B;AAEd,SAAR,aAA8B,EAAE,SAAS,GAAmC;AACjF,QAAM,cAAU,0CAAgB;AAChC,QAAM,YAAQ;AAAA,IACZ,MACE,UAAU,eAAe;AAAA,MACvB,MAAM;AAAA,MACN,gBAAgB,QAAQ,MAAM,SAAS;AAAA,IACzC,CAAC;AAAA,IACH,CAAC,OAAO;AAAA,EACV;AAEA,SAAO,4CAAC,8BAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;AACxD;","names":[]}

package/dist/cjs/runtimes/react/components/MakeswiftFonts.js

@@ -0,0 +1,33 @@
+"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 MakeswiftFonts_exports = {};
+__export(MakeswiftFonts_exports, {
+  MakeswiftFonts: () => MakeswiftFonts
+});
+module.exports = __toCommonJS(MakeswiftFonts_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_GoogleFontLink = require("./GoogleFontLink");
+function MakeswiftFonts({ fonts }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GoogleFontLink.GoogleFontLink, { fonts: fonts.googleFonts, siteId: fonts.siteId });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MakeswiftFonts
+});
+//# sourceMappingURL=MakeswiftFonts.js.map

package/dist/cjs/runtimes/react/components/MakeswiftFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/MakeswiftFonts.tsx"],"sourcesContent":["import { type GetFontsAPI } from '../../../client'\nimport { GoogleFontLink } from './GoogleFontLink'\n\ntype Props = {\n  fonts: GetFontsAPI\n}\n\nexport function MakeswiftFonts({ fonts }: Props) {\n  return <GoogleFontLink fonts={fonts.googleFonts} siteId={fonts.siteId} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQS;AAPT,4BAA+B;AAMxB,SAAS,eAAe,EAAE,MAAM,GAAU;AAC/C,SAAO,4CAAC,wCAAe,OAAO,MAAM,aAAa,QAAQ,MAAM,QAAQ;AACzE;","names":[]}

package/dist/cjs/runtimes/react/components/PreviewProvider.js

@@ -35,24 +35,18 @@ module.exports = __toCommonJS(PreviewProvider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var ReactBuilderPreview = __toESM(require("../../../state/react-builder-preview"));
-var import_proxy = require("../../../state/builder-api/proxy");
 var import_use_react_runtime = require("../hooks/use-react-runtime");
 var import_use_store = require("../hooks/use-store");
 var import_host_api_client = require("../host-api-client");
-function PreviewProvider({
-  appOrigin,
-  children
-}) {
+function PreviewProvider({ children }) {
   const runtime = (0, import_use_react_runtime.useReactRuntime)();
   const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
-  const builderProxy = (0, import_react.useMemo)(() => new import_proxy.BuilderAPIProxy({ appOrigin }), [appOrigin]);
   const store = (0, import_react.useMemo)(
     () => ReactBuilderPreview.configureStore({
       preloadedState: runtime.store.getState(),
-      client,
-      builderProxy
+      client
     }),
-    [runtime, client, builderProxy]
+    [client, runtime]
   );
   (0, import_react.useEffect)(() => {
     store.setup();

package/dist/cjs/runtimes/react/components/PreviewProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useEffect, useMemo, ReactNode } from 'react'\n\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\nimport { BuilderAPIProxy } from '../../../state/builder-api/proxy'\n\nimport { useReactRuntime } from '../hooks/use-react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport { useMakeswiftHostApiClient } from '../host-api-client'\n\nexport default function PreviewProvider({\n  appOrigin,\n  children,\n}: PropsWithChildren<{ appOrigin: string }>): ReactNode {\n  const runtime = useReactRuntime()\n  const client = useMakeswiftHostApiClient()\n  const builderProxy = useMemo(() => new BuilderAPIProxy({ appOrigin }), [appOrigin])\n\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime.store.getState(),\n        client,\n        builderProxy,\n      }),\n    [runtime, client, builderProxy],\n  )\n\n  useEffect(() => {\n    store.setup()\n    return () => store.teardown()\n  }, [store])\n\n  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCS;AAhCT,mBAAsE;AAEtE,0BAAqC;AACrC,mBAAgC;AAEhC,+BAAgC;AAChC,uBAA6B;AAC7B,6BAA0C;AAE3B,SAAR,gBAAiC;AAAA,EACtC;AAAA,EACA;AACF,GAAwD;AACtD,QAAM,cAAU,0CAAgB;AAChC,QAAM,aAAS,kDAA0B;AACzC,QAAM,mBAAe,sBAAQ,MAAM,IAAI,6BAAgB,EAAE,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC;AAElF,QAAM,YAAQ;AAAA,IACZ,MACE,oBAAoB,eAAe;AAAA,MACjC,gBAAgB,QAAQ,MAAM,SAAS;AAAA,MACvC;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,SAAS,QAAQ,YAAY;AAAA,EAChC;AAEA,8BAAU,MAAM;AACd,UAAM,MAAM;AACZ,WAAO,MAAM,MAAM,SAAS;AAAA,EAC9B,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,4CAAC,8BAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;AACxD;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useEffect, useMemo } from 'react'\n\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\n\nimport { useReactRuntime } from '../hooks/use-react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport { useMakeswiftHostApiClient } from '../host-api-client'\n\nexport default function PreviewProvider({ children }: PropsWithChildren): JSX.Element {\n  const runtime = useReactRuntime()\n  const client = useMakeswiftHostApiClient()\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime.store.getState(),\n        client,\n      }),\n    [client, runtime],\n  )\n\n  useEffect(() => {\n    store.setup()\n    return () => store.teardown()\n  }, [store])\n\n  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BS;AAzBT,mBAA2D;AAE3D,0BAAqC;AAErC,+BAAgC;AAChC,uBAA6B;AAC7B,6BAA0C;AAE3B,SAAR,gBAAiC,EAAE,SAAS,GAAmC;AACpF,QAAM,cAAU,0CAAgB;AAChC,QAAM,aAAS,kDAA0B;AACzC,QAAM,YAAQ;AAAA,IACZ,MACE,oBAAoB,eAAe;AAAA,MACjC,gBAAgB,QAAQ,MAAM,SAAS;AAAA,MACvC;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ,OAAO;AAAA,EAClB;AAEA,8BAAU,MAAM;AACd,UAAM,MAAM;AACZ,WAAO,MAAM,MAAM,SAAS;AAAA,EAC9B,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,4CAAC,8BAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;AACxD;","names":[]}

package/dist/cjs/runtimes/react/components/hooks/use-builder-connection-ping.js

@@ -22,15 +22,17 @@ __export(use_builder_connection_ping_exports, {
 });
 module.exports = __toCommonJS(use_builder_connection_ping_exports);
 var import_react = require("react");
-var import_actions = require("../../../../state/builder-api/actions");
-var import_shared_api = require("../../../../state/shared-api");
+var import_react2 = require("../../../../react");
 const CONNECTION_PING_INTERVAL_MS = 20;
 function useBuilderConnectionPing({ appOrigin }) {
   (0, import_react.useEffect)(() => {
     let connectionInterval;
     if (window.parent !== window) {
       window.addEventListener("message", messageHandler);
-      window.parent.postMessage((0, import_shared_api.makeswiftConnectionInit)(), { targetOrigin: appOrigin });
+      window.parent.postMessage(
+        { type: import_react2.ActionTypes.MAKESWIFT_CONNECTION_INIT },
+        { targetOrigin: appOrigin }
+      );
     }
     return () => {
       window.removeEventListener("message", messageHandler);
@@ -40,14 +42,17 @@ function useBuilderConnectionPing({ appOrigin }) {
       }
     };
     function messageHandler(event) {
-      if (event.origin === appOrigin && event.data.type === import_shared_api.SharedActionTypes.MAKESWIFT_CONNECTION_INIT) {
+      if (event.origin === appOrigin && event.data.type === import_react2.ActionTypes.MAKESWIFT_CONNECTION_INIT) {
         if (connectionInterval != null) {
           window.clearInterval(connectionInterval);
           connectionInterval = null;
         }
         connectionInterval = window.setInterval(() => {
           window.parent.postMessage(
-            (0, import_actions.makeswiftConnectionCheck)({ currentUrl: window.location.href }),
+            {
+              type: import_react2.ActionTypes.MAKESWIFT_CONNECTION_CHECK,
+              payload: { currentUrl: window.location.href }
+            },
             { targetOrigin: appOrigin }
           );
         }, CONNECTION_PING_INTERVAL_MS);

package/dist/cjs/runtimes/react/components/hooks/use-builder-connection-ping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/components/hooks/use-builder-connection-ping.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { makeswiftConnectionCheck } from '../../../../state/builder-api/actions'\nimport { SharedActionTypes, makeswiftConnectionInit } from '../../../../state/shared-api'\n\nconst CONNECTION_PING_INTERVAL_MS = 20\n\nexport function useBuilderConnectionPing({ appOrigin }: { appOrigin: string }) {\n  useEffect(() => {\n    let connectionInterval: number | null\n\n    if (window.parent !== window) {\n      window.addEventListener('message', messageHandler)\n      window.parent.postMessage(makeswiftConnectionInit(), { targetOrigin: appOrigin })\n    }\n\n    return () => {\n      window.removeEventListener('message', messageHandler)\n      if (connectionInterval != null) {\n        window.clearInterval(connectionInterval)\n        connectionInterval = null\n      }\n    }\n\n    function messageHandler(event: MessageEvent): void {\n      if (\n        event.origin === appOrigin &&\n        event.data.type === SharedActionTypes.MAKESWIFT_CONNECTION_INIT\n      ) {\n        if (connectionInterval != null) {\n          window.clearInterval(connectionInterval)\n          connectionInterval = null\n        }\n\n        connectionInterval = window.setInterval(() => {\n          window.parent.postMessage(\n            makeswiftConnectionCheck({ currentUrl: window.location.href }),\n            { targetOrigin: appOrigin },\n          )\n        }, CONNECTION_PING_INTERVAL_MS)\n      }\n    }\n  }, [appOrigin])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,qBAAyC;AACzC,wBAA2D;AAE3D,MAAM,8BAA8B;AAE7B,SAAS,yBAAyB,EAAE,UAAU,GAA0B;AAC7E,8BAAU,MAAM;AACd,QAAI;AAEJ,QAAI,OAAO,WAAW,QAAQ;AAC5B,aAAO,iBAAiB,WAAW,cAAc;AACjD,aAAO,OAAO,gBAAY,2CAAwB,GAAG,EAAE,cAAc,UAAU,CAAC;AAAA,IAClF;AAEA,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AACpD,UAAI,sBAAsB,MAAM;AAC9B,eAAO,cAAc,kBAAkB;AACvC,6BAAqB;AAAA,MACvB;AAAA,IACF;AAEA,aAAS,eAAe,OAA2B;AACjD,UACE,MAAM,WAAW,aACjB,MAAM,KAAK,SAAS,oCAAkB,2BACtC;AACA,YAAI,sBAAsB,MAAM;AAC9B,iBAAO,cAAc,kBAAkB;AACvC,+BAAqB;AAAA,QACvB;AAEA,6BAAqB,OAAO,YAAY,MAAM;AAC5C,iBAAO,OAAO;AAAA,gBACZ,yCAAyB,EAAE,YAAY,OAAO,SAAS,KAAK,CAAC;AAAA,YAC7D,EAAE,cAAc,UAAU;AAAA,UAC5B;AAAA,QACF,GAAG,2BAA2B;AAAA,MAChC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAChB;","names":[]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/hooks/use-builder-connection-ping.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { ActionTypes } from '../../../../react'\n\nconst CONNECTION_PING_INTERVAL_MS = 20\n\nexport function useBuilderConnectionPing({ appOrigin }: { appOrigin: string }) {\n  useEffect(() => {\n    let connectionInterval: number | null\n\n    if (window.parent !== window) {\n      window.addEventListener('message', messageHandler)\n      window.parent.postMessage(\n        { type: ActionTypes.MAKESWIFT_CONNECTION_INIT },\n        { targetOrigin: appOrigin },\n      )\n    }\n\n    return () => {\n      window.removeEventListener('message', messageHandler)\n      if (connectionInterval != null) {\n        window.clearInterval(connectionInterval)\n        connectionInterval = null\n      }\n    }\n\n    function messageHandler(event: MessageEvent): void {\n      if (event.origin === appOrigin && event.data.type === ActionTypes.MAKESWIFT_CONNECTION_INIT) {\n        if (connectionInterval != null) {\n          window.clearInterval(connectionInterval)\n          connectionInterval = null\n        }\n\n        connectionInterval = window.setInterval(() => {\n          window.parent.postMessage(\n            {\n              type: ActionTypes.MAKESWIFT_CONNECTION_CHECK,\n              payload: { currentUrl: window.location.href },\n            },\n            { targetOrigin: appOrigin },\n          )\n        }, CONNECTION_PING_INTERVAL_MS)\n      }\n    }\n  }, [appOrigin])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,IAAAA,gBAA4B;AAE5B,MAAM,8BAA8B;AAE7B,SAAS,yBAAyB,EAAE,UAAU,GAA0B;AAC7E,8BAAU,MAAM;AACd,QAAI;AAEJ,QAAI,OAAO,WAAW,QAAQ;AAC5B,aAAO,iBAAiB,WAAW,cAAc;AACjD,aAAO,OAAO;AAAA,QACZ,EAAE,MAAM,0BAAY,0BAA0B;AAAA,QAC9C,EAAE,cAAc,UAAU;AAAA,MAC5B;AAAA,IACF;AAEA,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AACpD,UAAI,sBAAsB,MAAM;AAC9B,eAAO,cAAc,kBAAkB;AACvC,6BAAqB;AAAA,MACvB;AAAA,IACF;AAEA,aAAS,eAAe,OAA2B;AACjD,UAAI,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,0BAAY,2BAA2B;AAC3F,YAAI,sBAAsB,MAAM;AAC9B,iBAAO,cAAc,kBAAkB;AACvC,+BAAqB;AAAA,QACvB;AAEA,6BAAqB,OAAO,YAAY,MAAM;AAC5C,iBAAO,OAAO;AAAA,YACZ;AAAA,cACE,MAAM,0BAAY;AAAA,cAClB,SAAS,EAAE,YAAY,OAAO,SAAS,KAAK;AAAA,YAC9C;AAAA,YACA,EAAE,cAAc,UAAU;AAAA,UAC5B;AAAA,QACF,GAAG,2BAA2B;AAAA,MAChC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAChB;","names":["import_react"]}

package/dist/cjs/runtimes/react/hooks/use-current-breakpoint.js

@@ -0,0 +1,39 @@
+"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 use_current_breakpoint_exports = {};
+__export(use_current_breakpoint_exports, {
+  useCurrentBreakpoint: () => useCurrentBreakpoint
+});
+module.exports = __toCommonJS(use_current_breakpoint_exports);
+var import_react = require("react");
+var import_read_only_state = require("../../../state/read-only-state");
+var import_use_store = require("./use-store");
+function useCurrentBreakpoint() {
+  const store = (0, import_use_store.useStore)();
+  return (0, import_react.useSyncExternalStore)(
+    store.subscribe,
+    () => (0, import_read_only_state.getClientBreakpoint)(store.getState()),
+    () => (0, import_read_only_state.getBaseBreakpoint)(store.getState())
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCurrentBreakpoint
+});
+//# sourceMappingURL=use-current-breakpoint.js.map

package/dist/cjs/runtimes/react/hooks/use-current-breakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-current-breakpoint.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { type BreakpointId } from '../../../state/modules/breakpoints'\nimport { getBaseBreakpoint, getClientBreakpoint } from '../../../state/read-only-state'\n\nimport { useStore } from './use-store'\n\nexport function useCurrentBreakpoint(): BreakpointId {\n  const store = useStore()\n\n  return useSyncExternalStore(\n    store.subscribe,\n    () => getClientBreakpoint(store.getState()),\n    () => getBaseBreakpoint(store.getState()),\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AAGrC,6BAAuD;AAEvD,uBAAyB;AAElB,SAAS,uBAAqC;AACnD,QAAM,YAAQ,2BAAS;AAEvB,aAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAM,4CAAoB,MAAM,SAAS,CAAC;AAAA,IAC1C,UAAM,0CAAkB,MAAM,SAAS,CAAC;AAAA,EAC1C;AACF;","names":[]}

package/dist/cjs/runtimes/react/lib/resolved-style-to-css.js

@@ -0,0 +1,59 @@
+"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 resolved_style_to_css_exports = {};
+__export(resolved_style_to_css_exports, {
+  resolvedStyleToCss: () => resolvedStyleToCss
+});
+module.exports = __toCommonJS(resolved_style_to_css_exports);
+var import_controls = require("@makeswift/controls");
+var import_style = require("../controls/style");
+var import_typography = require("../controls/typography");
+function isTypographyStyle(style) {
+  return Array.isArray(style);
+}
+function isStyleV2(style) {
+  return typeof style === "object" && "getStyle" in style && typeof style.getStyle === "function";
+}
+function styleV2Css(breakpoints, style) {
+  return {
+    ...style.getStyle((0, import_controls.getBaseBreakpoint)(breakpoints)),
+    ...breakpoints.reduce(
+      (styles, breakpoint) => ({
+        ...styles,
+        [(0, import_controls.getBreakpointMediaQuery)(breakpoint)]: style.getStyle(breakpoint)
+      }),
+      {}
+    )
+  };
+}
+function resolvedStyleToCss(breakpoints, style) {
+  if (isTypographyStyle(style)) {
+    return (0, import_typography.typographyCss)(breakpoints, style);
+  }
+  if (isStyleV2(style)) {
+    return styleV2Css(breakpoints, style);
+  }
+  const { properties, styleData } = style;
+  return (0, import_style.styleV1Css)(breakpoints, styleData, properties);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  resolvedStyleToCss
+});
+//# sourceMappingURL=resolved-style-to-css.js.map

package/dist/cjs/runtimes/react/lib/resolved-style-to-css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/lib/resolved-style-to-css.ts"],"sourcesContent":["import { type CSSObject } from '@emotion/serialize'\n\nimport {\n  type Breakpoints,\n  type ResolvedStyle,\n  type ResolvedStyleV2,\n  type ResolvedTypographyStyle,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '@makeswift/controls'\n\nimport { styleV1Css } from '../controls/style'\nimport { typographyCss } from '../controls/typography'\n\nfunction isTypographyStyle(style: ResolvedStyle): style is ResolvedTypographyStyle {\n  return Array.isArray(style)\n}\n\nfunction isStyleV2(style: ResolvedStyle): style is ResolvedStyleV2 {\n  return typeof style === 'object' && 'getStyle' in style && typeof style.getStyle === 'function'\n}\n\nfunction styleV2Css(breakpoints: Breakpoints, style: ResolvedStyleV2<CSSObject>): CSSObject {\n  return {\n    ...style.getStyle(getBaseBreakpoint(breakpoints)),\n    ...breakpoints.reduce(\n      (styles, breakpoint) => ({\n        ...styles,\n        [getBreakpointMediaQuery(breakpoint)]: style.getStyle(breakpoint),\n      }),\n      {},\n    ),\n  }\n}\n\nexport function resolvedStyleToCss(breakpoints: Breakpoints, style: ResolvedStyle): CSSObject {\n  if (isTypographyStyle(style)) {\n    return typographyCss(breakpoints, style)\n  }\n\n  if (isStyleV2(style)) {\n    return styleV2Css(breakpoints, style as ResolvedStyleV2<CSSObject>)\n  }\n\n  const { properties, styleData } = style\n  return styleV1Css(breakpoints, styleData, properties)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAOO;AAEP,mBAA2B;AAC3B,wBAA8B;AAE9B,SAAS,kBAAkB,OAAwD;AACjF,SAAO,MAAM,QAAQ,KAAK;AAC5B;AAEA,SAAS,UAAU,OAAgD;AACjE,SAAO,OAAO,UAAU,YAAY,cAAc,SAAS,OAAO,MAAM,aAAa;AACvF;AAEA,SAAS,WAAW,aAA0B,OAA8C;AAC1F,SAAO;AAAA,IACL,GAAG,MAAM,aAAS,mCAAkB,WAAW,CAAC;AAAA,IAChD,GAAG,YAAY;AAAA,MACb,CAAC,QAAQ,gBAAgB;AAAA,QACvB,GAAG;AAAA,QACH,KAAC,yCAAwB,UAAU,CAAC,GAAG,MAAM,SAAS,UAAU;AAAA,MAClE;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,SAAS,mBAAmB,aAA0B,OAAiC;AAC5F,MAAI,kBAAkB,KAAK,GAAG;AAC5B,eAAO,iCAAc,aAAa,KAAK;AAAA,EACzC;AAEA,MAAI,UAAU,KAAK,GAAG;AACpB,WAAO,WAAW,aAAa,KAAmC;AAAA,EACpE;AAEA,QAAM,EAAE,YAAY,UAAU,IAAI;AAClC,aAAO,yBAAW,aAAa,WAAW,UAAU;AACtD;","names":[]}

package/dist/cjs/runtimes/react/resource-resolver.js

@@ -0,0 +1,52 @@
+"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 resource_resolver_exports = {};
+__export(resource_resolver_exports, {
+  createResourceResolver: () => createResourceResolver
+});
+module.exports = __toCommonJS(resource_resolver_exports);
+var import_read_only_state = require("../../state/read-only-state");
+const createResourceResolver = ({
+  store,
+  apiClient,
+  documentKey,
+  locale
+}) => ({
+  resolveSwatch: (swatchId) => apiClient.resolveSwatch(swatchId),
+  resolveFile: (fileId) => apiClient.resolveFile(fileId),
+  resolveTypography: (typographyId) => apiClient.resolveTypography(typographyId),
+  resolvePagePathnameSlice: (pageId) => apiClient.resolvePagePathnameSlice({ pageId, locale }),
+  resolveElementId: (elementKey) => {
+    const read = () => documentKey == null ? null : (0, import_read_only_state.getElementId)(store.getState(), documentKey, elementKey);
+    let lastValue = null;
+    return {
+      name: `element-id:${documentKey}:${elementKey}`,
+      readStable: () => lastValue = read(),
+      subscribe: (onUpdate) => store.subscribe(() => {
+        if (read() !== lastValue)
+          onUpdate();
+      })
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createResourceResolver
+});
+//# sourceMappingURL=resource-resolver.js.map

package/dist/cjs/runtimes/react/resource-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtimes/react/resource-resolver.ts"],"sourcesContent":["import { type ResourceResolver } from '@makeswift/controls'\n\nimport { getElementId } from '../../state/read-only-state'\nimport { ApiResourcesClient } from '../../api/api-resources-client'\nimport { Store } from '../../state/store'\n\nexport const createResourceResolver = ({\n  store,\n  apiClient,\n  documentKey,\n  locale,\n}: {\n  store: Store\n  apiClient: ApiResourcesClient\n  documentKey: string | null\n  locale: string | null\n}): ResourceResolver => ({\n  resolveSwatch: swatchId => apiClient.resolveSwatch(swatchId),\n  resolveFile: fileId => apiClient.resolveFile(fileId),\n  resolveTypography: typographyId => apiClient.resolveTypography(typographyId),\n  resolvePagePathnameSlice: pageId => apiClient.resolvePagePathnameSlice({ pageId, locale }),\n  resolveElementId: elementKey => {\n    const read = () =>\n      documentKey == null ? null : getElementId(store.getState(), documentKey, elementKey)\n\n    let lastValue: string | null = null\n    return {\n      name: `element-id:${documentKey}:${elementKey}`,\n      readStable: () => (lastValue = read()),\n      subscribe: (onUpdate: () => void) =>\n        store.subscribe(() => {\n          if (read() !== lastValue) onUpdate()\n        }),\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAA6B;AAItB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAKyB;AAAA,EACvB,eAAe,cAAY,UAAU,cAAc,QAAQ;AAAA,EAC3D,aAAa,YAAU,UAAU,YAAY,MAAM;AAAA,EACnD,mBAAmB,kBAAgB,UAAU,kBAAkB,YAAY;AAAA,EAC3E,0BAA0B,YAAU,UAAU,yBAAyB,EAAE,QAAQ,OAAO,CAAC;AAAA,EACzF,kBAAkB,gBAAc;AAC9B,UAAM,OAAO,MACX,eAAe,OAAO,WAAO,qCAAa,MAAM,SAAS,GAAG,aAAa,UAAU;AAErF,QAAI,YAA2B;AAC/B,WAAO;AAAA,MACL,MAAM,cAAc,WAAW,IAAI,UAAU;AAAA,MAC7C,YAAY,MAAO,YAAY,KAAK;AAAA,MACpC,WAAW,CAAC,aACV,MAAM,UAAU,MAAM;AACpB,YAAI,KAAK,MAAM;AAAW,mBAAS;AAAA,MACrC,CAAC;AAAA,IACL;AAAA,EACF;AACF;","names":[]}