@makeswift/runtime 0.28.10-canary.0 → 0.28.10-canary.10

package/dist/cjs/runtimes/react/server/components/slot.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 slot_exports = {};
+__export(slot_exports, {
+  Slot: () => Slot
+});
+module.exports = __toCommonJS(slot_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("../../../../components/builtin/constants");
+var import_Slot = require("../../components/Slot");
+var import_snapshot_renderer = require("./snapshot-renderer");
+const Slot = ({ label, snapshot, fallback }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_snapshot_renderer.RSCSnapshotRenderer, { snapshot, label, type: import_constants.MakeswiftComponentType.Slot, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Slot.Slot, { ...{ label, snapshot, fallback } }) });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Slot
+});
+//# sourceMappingURL=slot.js.map

package/dist/cjs/runtimes/react/server/components/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/slot.tsx"],"sourcesContent":["import { type ComponentProps } from 'react'\n\nimport { MakeswiftComponentType } from '../../../../components/builtin/constants'\n\nimport { Slot as ClientSlot } from '../../components/Slot'\n\nimport { RSCSnapshotRenderer } from './snapshot-renderer'\n\n/**\n * Renders Makeswift snapshot or its fallback with server-element support. RSC\n * counterpart of https://docs.makeswift.com/developer/docs/reference/components/slot\n */\nexport const Slot = ({ label, snapshot, fallback }: ComponentProps<typeof ClientSlot>) => (\n  <RSCSnapshotRenderer snapshot={snapshot} label={label} type={MakeswiftComponentType.Slot}>\n    <ClientSlot {...{ label, snapshot, fallback }} />\n  </RSCSnapshotRenderer>\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAZJ,uBAAuC;AAEvC,kBAAmC;AAEnC,+BAAoC;AAM7B,MAAM,OAAO,CAAC,EAAE,OAAO,UAAU,SAAS,MAC/C,4CAAC,gDAAoB,UAAoB,OAAc,MAAM,wCAAuB,MAClF,sDAAC,YAAAA,MAAA,EAAY,GAAG,EAAE,OAAO,UAAU,SAAS,GAAG,GACjD;","names":["ClientSlot"]}

package/dist/cjs/runtimes/react/server/components/snapshot-renderer.js

@@ -0,0 +1,50 @@
+"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 snapshot_renderer_exports = {};
+__export(snapshot_renderer_exports, {
+  RSCSnapshotRenderer: () => RSCSnapshotRenderer
+});
+module.exports = __toCommonJS(snapshot_renderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_component_snapshot = require("../../../../client/component-snapshot");
+var import_render_context = require("../render-context");
+var import_renderer = require("./renderer");
+const RSCSnapshotRenderer = ({
+  snapshot,
+  label,
+  type,
+  description,
+  children
+}) => {
+  const rootDocument = (0, import_component_snapshot.componentDocumentToRootEmbeddedDocument)({
+    document: snapshot.document,
+    documentKey: snapshot.key,
+    name: label,
+    type,
+    description,
+    meta: snapshot.meta
+  });
+  const context = (0, import_render_context.getRenderContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.RSCRenderer, { context, cacheData: snapshot.cacheData, document: rootDocument, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RSCSnapshotRenderer
+});
+//# sourceMappingURL=snapshot-renderer.js.map

package/dist/cjs/runtimes/react/server/components/snapshot-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/snapshot-renderer.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren } from 'react'\n\nimport { componentDocumentToRootEmbeddedDocument } from '../../../../client/component-snapshot'\nimport { MakeswiftComponent } from '../../components/MakeswiftComponent'\n\nimport { getRenderContext } from '../render-context'\n\nimport { RSCRenderer } from './renderer'\n\n/**\n * High-level helper for rendering server versions of snapshot-backed components\n * (`MakeswiftComponent`, `Slot`). Creates a root document from the snapshot\n * and delegates to `RSCRenderer` to render the server elements and make them\n * editable on the client.\n */\nexport const RSCSnapshotRenderer = ({\n  snapshot,\n  label,\n  type,\n  description,\n  children,\n}: PropsWithChildren<ComponentProps<typeof MakeswiftComponent>>) => {\n  const rootDocument = componentDocumentToRootEmbeddedDocument({\n    document: snapshot.document,\n    documentKey: snapshot.key,\n    name: label,\n    type,\n    description,\n    meta: snapshot.meta,\n  })\n\n  const context = getRenderContext()\n\n  return (\n    <RSCRenderer context={context} cacheData={snapshot.cacheData} document={rootDocument}>\n      {children}\n    </RSCRenderer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCI;AAhCJ,gCAAwD;AAGxD,4BAAiC;AAEjC,sBAA4B;AAQrB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoE;AAClE,QAAM,mBAAe,mEAAwC;AAAA,IAC3D,UAAU,SAAS;AAAA,IACnB,aAAa,SAAS;AAAA,IACtB,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,MAAM,SAAS;AAAA,EACjB,CAAC;AAED,QAAM,cAAU,wCAAiB;AAEjC,SACE,4CAAC,+BAAY,SAAkB,WAAW,SAAS,WAAW,UAAU,cACrE,UACH;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/server/css/client-css.js

@@ -0,0 +1,112 @@
+"use strict";
+"use client";
+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 client_css_exports = {};
+__export(client_css_exports, {
+  ClientCSSProvider: () => ClientCSSProvider,
+  useClientCSS: () => useClientCSS
+});
+module.exports = __toCommonJS(client_css_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_css_runtime = require("./css-runtime");
+const ClientCSSContext = (0, import_react.createContext)({
+  updateStyle(elementKey, propName, cssString) {
+    console.error(
+      `Attempt to update client style for server component ${elementKey}'s '${propName}' prop outside of 'ClientCSSProvider'`,
+      cssString
+    );
+  }
+});
+function ClientCSSProvider({ children }) {
+  const styleElementsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const serverStylesRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const dynamicStylesRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const updateStyleElement = (0, import_react.useCallback)(
+    (elementKey, elementStyles) => {
+      const styleElement = styleElementsRef.current.get(elementKey);
+      if (styleElement == null)
+        return;
+      const serverCss = serverStylesRef.current.get(elementKey) ?? "";
+      const dynamicCss = Array.from(elementStyles.values()).join("\n");
+      const combinedStyles = dynamicCss === serverCss ? serverCss : [serverCss, dynamicCss].filter(Boolean).join("\n");
+      if (styleElement.textContent !== combinedStyles) {
+        styleElement.textContent = combinedStyles;
+      }
+    },
+    []
+  );
+  const registerStyleElement = (0, import_react.useCallback)(
+    (styleElement) => {
+      const href = styleElement.dataset["href"];
+      if (href == null || !href.startsWith(import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX))
+        return;
+      const elementKey = href.substring(import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX.length);
+      if (elementKey == "") {
+        console.error("Ignoring style element with a missing element key", styleElement);
+        return;
+      }
+      if (styleElement === styleElementsRef.current.get(elementKey))
+        return;
+      styleElementsRef.current.set(elementKey, styleElement);
+      serverStylesRef.current.set(elementKey, styleElement.textContent);
+      const elementStyles = dynamicStylesRef.current.get(elementKey);
+      if (elementStyles != null) {
+        updateStyleElement(elementKey, elementStyles);
+      }
+    },
+    [updateStyleElement]
+  );
+  (0, import_react.useEffect)(() => {
+    document.querySelectorAll(
+      `style[data-href^="${import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}"]`
+    ).forEach(registerStyleElement);
+    const observer = new MutationObserver((mutationList) => {
+      for (const mutation of mutationList) {
+        for (const node of mutation.addedNodes) {
+          if (node instanceof HTMLStyleElement)
+            registerStyleElement(node);
+        }
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
+  }, [registerStyleElement]);
+  const updateStyle = (0, import_react.useCallback)(
+    (elementKey, propName, cssString) => {
+      const elementStyles = dynamicStylesRef.current.get(elementKey) ?? /* @__PURE__ */ new Map();
+      elementStyles.set(propName, cssString);
+      dynamicStylesRef.current.set(elementKey, elementStyles);
+      updateStyleElement(elementKey, elementStyles);
+    },
+    [updateStyleElement]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientCSSContext.Provider, { value: { updateStyle }, children });
+}
+function useClientCSS() {
+  return (0, import_react.useContext)(ClientCSSContext);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClientCSSProvider,
+  useClientCSS
+});
+//# sourceMappingURL=client-css.js.map

package/dist/cjs/runtimes/react/server/css/client-css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/css/client-css.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, ReactNode, useContext, useEffect, useRef, useCallback } from 'react'\n\nimport { MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX } from './css-runtime'\n\ntype ClientCSSContextValue = {\n  updateStyle: (elementKey: string, propName: string, cssString: string) => void\n}\n\nconst ClientCSSContext = createContext<ClientCSSContextValue>({\n  updateStyle(elementKey: string, propName: string, cssString: string) {\n    console.error(\n      `Attempt to update client style for server component ${elementKey}'s '${propName}' prop outside of 'ClientCSSProvider'`,\n      cssString,\n    )\n  },\n})\n\nexport function ClientCSSProvider({ children }: { children: ReactNode }) {\n  const styleElementsRef = useRef<Map<string, HTMLStyleElement>>(new Map())\n  const serverStylesRef = useRef<Map<string, string>>(new Map())\n  const dynamicStylesRef = useRef<Map<string, Map<string, string>>>(new Map())\n\n  const updateStyleElement = useCallback(\n    (elementKey: string, elementStyles: Map<string, string>) => {\n      const styleElement = styleElementsRef.current.get(elementKey)\n      if (styleElement == null) return\n\n      const serverCss = serverStylesRef.current.get(elementKey) ?? ''\n      const dynamicCss = Array.from(elementStyles.values()).join('\\n')\n      const combinedStyles =\n        dynamicCss === serverCss ? serverCss : [serverCss, dynamicCss].filter(Boolean).join('\\n')\n\n      if (styleElement.textContent !== combinedStyles) {\n        styleElement.textContent = combinedStyles\n      }\n    },\n    [],\n  )\n\n  const registerStyleElement = useCallback(\n    (styleElement: HTMLStyleElement) => {\n      const href = styleElement.dataset['href']\n      if (href == null || !href.startsWith(MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX)) return\n\n      const elementKey = href.substring(MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX.length)\n      if (elementKey == '') {\n        console.error('Ignoring style element with a missing element key', styleElement)\n        return\n      }\n\n      // don't recapture elements that we're already tracking\n      if (styleElement === styleElementsRef.current.get(elementKey)) return\n\n      styleElementsRef.current.set(elementKey, styleElement)\n      serverStylesRef.current.set(elementKey, styleElement.textContent)\n\n      const elementStyles = dynamicStylesRef.current.get(elementKey)\n      if (elementStyles != null) {\n        updateStyleElement(elementKey, elementStyles)\n      }\n    },\n    [updateStyleElement],\n  )\n\n  useEffect(() => {\n    // initialize style elements map and capture server styles for existing\n    // RSC-rendered elements, if any\n    // Query document because some hosts SSR a subtree that does not include `<head>`\n    document\n      .querySelectorAll<HTMLStyleElement>(\n        `style[data-href^=\"${MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}\"]`,\n      )\n      .forEach(registerStyleElement)\n\n    // set up a document observer to capture dynamically added RSC `<style>` nodes\n    const observer = new MutationObserver(mutationList => {\n      for (const mutation of mutationList) {\n        for (const node of mutation.addedNodes) {\n          if (node instanceof HTMLStyleElement) registerStyleElement(node)\n        }\n      }\n    })\n\n    observer.observe(document, { childList: true, subtree: true })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [registerStyleElement])\n\n  const updateStyle = useCallback(\n    (elementKey: string, propName: string, cssString: string) => {\n      const elementStyles = dynamicStylesRef.current.get(elementKey) ?? new Map()\n      elementStyles.set(propName, cssString)\n      dynamicStylesRef.current.set(elementKey, elementStyles)\n\n      updateStyleElement(elementKey, elementStyles)\n    },\n    [updateStyleElement],\n  )\n\n  return <ClientCSSContext.Provider value={{ updateStyle }}>{children}</ClientCSSContext.Provider>\n}\n\nexport function useClientCSS(): ClientCSSContextValue {\n  return useContext(ClientCSSContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuGS;AArGT,mBAAqF;AAErF,yBAAkD;AAMlD,MAAM,uBAAmB,4BAAqC;AAAA,EAC5D,YAAY,YAAoB,UAAkB,WAAmB;AACnE,YAAQ;AAAA,MACN,uDAAuD,UAAU,OAAO,QAAQ;AAAA,MAChF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,SAAS,kBAAkB,EAAE,SAAS,GAA4B;AACvE,QAAM,uBAAmB,qBAAsC,oBAAI,IAAI,CAAC;AACxE,QAAM,sBAAkB,qBAA4B,oBAAI,IAAI,CAAC;AAC7D,QAAM,uBAAmB,qBAAyC,oBAAI,IAAI,CAAC;AAE3E,QAAM,yBAAqB;AAAA,IACzB,CAAC,YAAoB,kBAAuC;AAC1D,YAAM,eAAe,iBAAiB,QAAQ,IAAI,UAAU;AAC5D,UAAI,gBAAgB;AAAM;AAE1B,YAAM,YAAY,gBAAgB,QAAQ,IAAI,UAAU,KAAK;AAC7D,YAAM,aAAa,MAAM,KAAK,cAAc,OAAO,CAAC,EAAE,KAAK,IAAI;AAC/D,YAAM,iBACJ,eAAe,YAAY,YAAY,CAAC,WAAW,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAE1F,UAAI,aAAa,gBAAgB,gBAAgB;AAC/C,qBAAa,cAAc;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,2BAAuB;AAAA,IAC3B,CAAC,iBAAmC;AAClC,YAAM,OAAO,aAAa,QAAQ,MAAM;AACxC,UAAI,QAAQ,QAAQ,CAAC,KAAK,WAAW,oDAAiC;AAAG;AAEzE,YAAM,aAAa,KAAK,UAAU,qDAAkC,MAAM;AAC1E,UAAI,cAAc,IAAI;AACpB,gBAAQ,MAAM,qDAAqD,YAAY;AAC/E;AAAA,MACF;AAGA,UAAI,iBAAiB,iBAAiB,QAAQ,IAAI,UAAU;AAAG;AAE/D,uBAAiB,QAAQ,IAAI,YAAY,YAAY;AACrD,sBAAgB,QAAQ,IAAI,YAAY,aAAa,WAAW;AAEhE,YAAM,gBAAgB,iBAAiB,QAAQ,IAAI,UAAU;AAC7D,UAAI,iBAAiB,MAAM;AACzB,2BAAmB,YAAY,aAAa;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEA,8BAAU,MAAM;AAId,aACG;AAAA,MACC,qBAAqB,oDAAiC;AAAA,IACxD,EACC,QAAQ,oBAAoB;AAG/B,UAAM,WAAW,IAAI,iBAAiB,kBAAgB;AACpD,iBAAW,YAAY,cAAc;AACnC,mBAAW,QAAQ,SAAS,YAAY;AACtC,cAAI,gBAAgB;AAAkB,iCAAqB,IAAI;AAAA,QACjE;AAAA,MACF;AAAA,IACF,CAAC;AAED,aAAS,QAAQ,UAAU,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AAE7D,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,kBAAc;AAAA,IAClB,CAAC,YAAoB,UAAkB,cAAsB;AAC3D,YAAM,gBAAgB,iBAAiB,QAAQ,IAAI,UAAU,KAAK,oBAAI,IAAI;AAC1E,oBAAc,IAAI,UAAU,SAAS;AACrC,uBAAiB,QAAQ,IAAI,YAAY,aAAa;AAEtD,yBAAmB,YAAY,aAAa;AAAA,IAC9C;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEA,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,YAAY,GAAI,UAAS;AACtE;AAEO,SAAS,eAAsC;AACpD,aAAO,yBAAW,gBAAgB;AACpC;","names":[]}

package/dist/cjs/runtimes/react/server/css/css-runtime.js

@@ -0,0 +1,102 @@
+"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 css_runtime_exports = {};
+__export(css_runtime_exports, {
+  MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX: () => MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX,
+  StylesheetEngine: () => StylesheetEngine
+});
+module.exports = __toCommonJS(css_runtime_exports);
+var import_resolved_style_to_css = require("../../lib/resolved-style-to-css");
+const MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX = "makeswift-rsc-";
+function cssObjectToString(cssObject, className) {
+  const cssRules = [];
+  const mediaRules = [];
+  const baseStyles = {};
+  Object.entries(cssObject).forEach(([property, value]) => {
+    if (property.startsWith("@media")) {
+      const mediaQueryStyles = value;
+      const mediaCSS = Object.entries(mediaQueryStyles).map(([prop, val]) => formatCSSProperty(prop, val)).filter(Boolean).join(" ");
+      if (mediaCSS) {
+        mediaRules.push(`${property} { .${className} { ${mediaCSS} } }`);
+      }
+    } else {
+      baseStyles[property] = value;
+    }
+  });
+  const baseCSS = Object.entries(baseStyles).map(([prop, val]) => formatCSSProperty(prop, val)).filter(Boolean).join(" ");
+  if (baseCSS) {
+    cssRules.push(`.${className} { ${baseCSS} }`);
+  }
+  cssRules.push(...mediaRules);
+  return cssRules.join("\n");
+}
+function formatCSSProperty(property, value) {
+  if (value == null || value === "")
+    return "";
+  if (Array.isArray(value)) {
+    return value.length > 0 ? `${kebabCase(property)}: ${value.join(" ")};` : "";
+  }
+  return `${kebabCase(property)}: ${value};`;
+}
+function kebabCase(str) {
+  return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+function generateClassName(elementKey, propName, counter) {
+  const parts = ["makeswift-rsc"];
+  if (elementKey)
+    parts.push(elementKey);
+  if (propName)
+    parts.push(propName);
+  if (counter !== void 0)
+    parts.push(counter.toString());
+  return parts.join("-");
+}
+class StylesheetEngine {
+  constructor(breakpointsData, elementKey, basePropName, onStyleGenerated) {
+    this.breakpointsData = breakpointsData;
+    this.elementKey = elementKey;
+    this.basePropName = basePropName;
+    this.onStyleGenerated = onStyleGenerated;
+  }
+  styleCounter = 0;
+  breakpoints() {
+    return this.breakpointsData;
+  }
+  defineStyle(style) {
+    const className = generateClassName(this.elementKey, this.basePropName, ++this.styleCounter);
+    const cssObject = (0, import_resolved_style_to_css.resolvedStyleToCss)(this.breakpointsData, style);
+    const cssString = cssObjectToString(cssObject, className);
+    this.onStyleGenerated?.(className, cssString, this.elementKey, this.basePropName);
+    return className;
+  }
+  child(propName) {
+    return new StylesheetEngine(
+      this.breakpointsData,
+      this.elementKey,
+      [this.basePropName, propName].filter(Boolean).join("-"),
+      this.onStyleGenerated
+    );
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX,
+  StylesheetEngine
+});
+//# sourceMappingURL=css-runtime.js.map

package/dist/cjs/runtimes/react/server/css/css-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/css/css-runtime.ts"],"sourcesContent":["import type { CSSInterpolation, CSSObject } from '@emotion/serialize'\nimport { type Breakpoints, type Stylesheet, type ResolvedStyle } from '@makeswift/controls'\nimport { resolvedStyleToCss } from '../../lib/resolved-style-to-css'\n\nexport const MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX = 'makeswift-rsc-'\n\nfunction cssObjectToString(cssObject: CSSObject, className: string): string {\n  const cssRules: string[] = []\n  const mediaRules: string[] = []\n  const baseStyles: Record<string, CSSInterpolation> = {}\n\n  Object.entries(cssObject).forEach(([property, value]) => {\n    if (property.startsWith('@media')) {\n      const mediaQueryStyles = value as CSSObject\n      const mediaCSS = Object.entries(mediaQueryStyles)\n        .map(([prop, val]) => formatCSSProperty(prop, val))\n        .filter(Boolean)\n        .join(' ')\n\n      if (mediaCSS) {\n        mediaRules.push(`${property} { .${className} { ${mediaCSS} } }`)\n      }\n    } else {\n      baseStyles[property] = value\n    }\n  })\n\n  const baseCSS = Object.entries(baseStyles)\n    .map(([prop, val]) => formatCSSProperty(prop, val))\n    .filter(Boolean)\n    .join(' ')\n\n  if (baseCSS) {\n    cssRules.push(`.${className} { ${baseCSS} }`)\n  }\n\n  cssRules.push(...mediaRules)\n  return cssRules.join('\\n')\n}\n\nfunction formatCSSProperty(property: string, value: any): string {\n  if (value == null || value === '') return ''\n\n  if (Array.isArray(value)) {\n    return value.length > 0 ? `${kebabCase(property)}: ${value.join(' ')};` : ''\n  }\n\n  return `${kebabCase(property)}: ${value};`\n}\n\nfunction kebabCase(str: string): string {\n  return str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)\n}\n\nfunction generateClassName(elementKey?: string, propName?: string, counter?: number): string {\n  const parts = ['makeswift-rsc']\n  if (elementKey) parts.push(elementKey)\n  if (propName) parts.push(propName)\n  if (counter !== undefined) parts.push(counter.toString())\n  return parts.join('-')\n}\n\ntype OnStyleGenerated = (\n  className: string,\n  css: string,\n  elementKey?: string,\n  propName?: string,\n) => void\n\n// Unified stylesheet engine that handles both server and client modes\nexport class StylesheetEngine implements Stylesheet {\n  private styleCounter = 0\n\n  constructor(\n    private breakpointsData: Breakpoints,\n    private elementKey?: string,\n    private basePropName?: string,\n    private onStyleGenerated?: OnStyleGenerated,\n  ) {}\n\n  breakpoints(): Breakpoints {\n    return this.breakpointsData\n  }\n\n  defineStyle(style: ResolvedStyle): string {\n    const className = generateClassName(this.elementKey, this.basePropName, ++this.styleCounter)\n\n    const cssObject = resolvedStyleToCss(this.breakpointsData, style)\n    const cssString = cssObjectToString(cssObject, className)\n\n    this.onStyleGenerated?.(className, cssString, this.elementKey, this.basePropName)\n\n    return className\n  }\n\n  child(propName: string): Stylesheet {\n    return new StylesheetEngine(\n      this.breakpointsData,\n      this.elementKey,\n      [this.basePropName, propName].filter(Boolean).join('-'),\n      this.onStyleGenerated,\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mCAAmC;AAE5B,MAAM,oCAAoC;AAEjD,SAAS,kBAAkB,WAAsB,WAA2B;AAC1E,QAAM,WAAqB,CAAC;AAC5B,QAAM,aAAuB,CAAC;AAC9B,QAAM,aAA+C,CAAC;AAEtD,SAAO,QAAQ,SAAS,EAAE,QAAQ,CAAC,CAAC,UAAU,KAAK,MAAM;AACvD,QAAI,SAAS,WAAW,QAAQ,GAAG;AACjC,YAAM,mBAAmB;AACzB,YAAM,WAAW,OAAO,QAAQ,gBAAgB,EAC7C,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM,kBAAkB,MAAM,GAAG,CAAC,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAI,UAAU;AACZ,mBAAW,KAAK,GAAG,QAAQ,OAAO,SAAS,MAAM,QAAQ,MAAM;AAAA,MACjE;AAAA,IACF,OAAO;AACL,iBAAW,QAAQ,IAAI;AAAA,IACzB;AAAA,EACF,CAAC;AAED,QAAM,UAAU,OAAO,QAAQ,UAAU,EACtC,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM,kBAAkB,MAAM,GAAG,CAAC,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,MAAI,SAAS;AACX,aAAS,KAAK,IAAI,SAAS,MAAM,OAAO,IAAI;AAAA,EAC9C;AAEA,WAAS,KAAK,GAAG,UAAU;AAC3B,SAAO,SAAS,KAAK,IAAI;AAC3B;AAEA,SAAS,kBAAkB,UAAkB,OAAoB;AAC/D,MAAI,SAAS,QAAQ,UAAU;AAAI,WAAO;AAE1C,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM,SAAS,IAAI,GAAG,UAAU,QAAQ,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,MAAM;AAAA,EAC5E;AAEA,SAAO,GAAG,UAAU,QAAQ,CAAC,KAAK,KAAK;AACzC;AAEA,SAAS,UAAU,KAAqB;AACtC,SAAO,IAAI,QAAQ,UAAU,YAAU,IAAI,OAAO,YAAY,CAAC,EAAE;AACnE;AAEA,SAAS,kBAAkB,YAAqB,UAAmB,SAA0B;AAC3F,QAAM,QAAQ,CAAC,eAAe;AAC9B,MAAI;AAAY,UAAM,KAAK,UAAU;AACrC,MAAI;AAAU,UAAM,KAAK,QAAQ;AACjC,MAAI,YAAY;AAAW,UAAM,KAAK,QAAQ,SAAS,CAAC;AACxD,SAAO,MAAM,KAAK,GAAG;AACvB;AAUO,MAAM,iBAAuC;AAAA,EAGlD,YACU,iBACA,YACA,cACA,kBACR;AAJQ;AACA;AACA;AACA;AAAA,EACP;AAAA,EAPK,eAAe;AAAA,EASvB,cAA2B;AACzB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,YAAY,OAA8B;AACxC,UAAM,YAAY,kBAAkB,KAAK,YAAY,KAAK,cAAc,EAAE,KAAK,YAAY;AAE3F,UAAM,gBAAY,iDAAmB,KAAK,iBAAiB,KAAK;AAChE,UAAM,YAAY,kBAAkB,WAAW,SAAS;AAExD,SAAK,mBAAmB,WAAW,WAAW,KAAK,YAAY,KAAK,YAAY;AAEhF,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,UAA8B;AAClC,WAAO,IAAI;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAAA,MACL,CAAC,KAAK,cAAc,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACtD,KAAK;AAAA,IACP;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/runtimes/react/server/css/server-css.js

@@ -0,0 +1,71 @@
+"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 server_css_exports = {};
+__export(server_css_exports, {
+  InjectServerCSS: () => InjectServerCSS,
+  ServerCSSCollector: () => ServerCSSCollector,
+  createCollectingServerStylesheet: () => createCollectingServerStylesheet
+});
+module.exports = __toCommonJS(server_css_exports);
+var import_jsx_runtime = (
+  // `precedence` and `href` props are required to opt the `<style>` element into React 19's stylesheet
+  // hoisting; `href` here serves as a unique identifier, and doesn't have to be a valid URL; React
+  // converts it to a `data-href` attribute in the actual HTML output
+  require("react/jsx-runtime")
+);
+var import_css_runtime = require("./css-runtime");
+class ServerCSSCollector {
+  styles = /* @__PURE__ */ new Map();
+  collect(className, css) {
+    if (this.styles.has(className))
+      return;
+    this.styles.set(className, css);
+  }
+  hasStyles() {
+    return this.styles.size > 0;
+  }
+  getAllStyles() {
+    return Array.from(this.styles.values()).join("\n");
+  }
+  clear() {
+    this.styles.clear();
+  }
+}
+function createCollectingServerStylesheet(collector, breakpoints, elementKey) {
+  return new import_css_runtime.StylesheetEngine(breakpoints, elementKey, void 0, (className, css) => {
+    collector.collect(className, css);
+  });
+}
+function InjectServerCSS({
+  collector,
+  elementKey
+}) {
+  if (!collector.hasStyles())
+    return null;
+  const css = collector.getAllStyles();
+  const styleTagId = `${import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}${elementKey}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { href: styleTagId, precedence: styleTagId, children: css });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InjectServerCSS,
+  ServerCSSCollector,
+  createCollectingServerStylesheet
+});
+//# sourceMappingURL=server-css.js.map

package/dist/cjs/runtimes/react/server/css/server-css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/css/server-css.tsx"],"sourcesContent":["import { type Breakpoints, type Stylesheet } from '@makeswift/controls'\n\nimport { StylesheetEngine, MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX } from './css-runtime'\n\nexport class ServerCSSCollector {\n  private styles = new Map<string, string>()\n\n  collect(className: string, css: string) {\n    if (this.styles.has(className)) return\n    this.styles.set(className, css)\n  }\n\n  hasStyles(): boolean {\n    return this.styles.size > 0\n  }\n\n  getAllStyles(): string {\n    return Array.from(this.styles.values()).join('\\n')\n  }\n\n  clear() {\n    this.styles.clear()\n  }\n}\n\nexport function createCollectingServerStylesheet(\n  collector: ServerCSSCollector,\n  breakpoints: Breakpoints,\n  elementKey?: string,\n): Stylesheet {\n  return new StylesheetEngine(breakpoints, elementKey, undefined, (className, css) => {\n    collector.collect(className, css)\n  })\n}\n\nexport function InjectServerCSS({\n  collector,\n  elementKey,\n}: {\n  collector: ServerCSSCollector\n  elementKey: string\n}) {\n  if (!collector.hasStyles()) return null\n\n  const css = collector.getAllStyles()\n  const styleTagId = `${MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}${elementKey}`\n\n  return (\n    // `precedence` and `href` props are required to opt the `<style>` element into React 19's stylesheet\n    // hoisting; `href` here serves as a unique identifier, and doesn't have to be a valid URL; React\n    // converts it to a `data-href` attribute in the actual HTML output\n    <style href={styleTagId} precedence={styleTagId}>\n      {css}\n    </style>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDI;AAAA;AAAA;AAAA;AAAA;AAAA;AAjDJ,yBAAoE;AAE7D,MAAM,mBAAmB;AAAA,EACtB,SAAS,oBAAI,IAAoB;AAAA,EAEzC,QAAQ,WAAmB,KAAa;AACtC,QAAI,KAAK,OAAO,IAAI,SAAS;AAAG;AAChC,SAAK,OAAO,IAAI,WAAW,GAAG;AAAA,EAChC;AAAA,EAEA,YAAqB;AACnB,WAAO,KAAK,OAAO,OAAO;AAAA,EAC5B;AAAA,EAEA,eAAuB;AACrB,WAAO,MAAM,KAAK,KAAK,OAAO,OAAO,CAAC,EAAE,KAAK,IAAI;AAAA,EACnD;AAAA,EAEA,QAAQ;AACN,SAAK,OAAO,MAAM;AAAA,EACpB;AACF;AAEO,SAAS,iCACd,WACA,aACA,YACY;AACZ,SAAO,IAAI,oCAAiB,aAAa,YAAY,QAAW,CAAC,WAAW,QAAQ;AAClF,cAAU,QAAQ,WAAW,GAAG;AAAA,EAClC,CAAC;AACH;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,MAAI,CAAC,UAAU,UAAU;AAAG,WAAO;AAEnC,QAAM,MAAM,UAAU,aAAa;AACnC,QAAM,aAAa,GAAG,oDAAiC,GAAG,UAAU;AAEpE,SAIE,4CAAC,WAAM,MAAM,YAAY,YAAY,YAClC,eACH;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/server/index.js

@@ -0,0 +1,54 @@
+"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 server_exports = {};
+__export(server_exports, {
+  MakeswiftComponent: () => import_makeswift_component.MakeswiftComponent,
+  RSCElementRenderer: () => import_renderer.RSCElementRenderer,
+  RenderContext: () => import_render_context.RenderContext,
+  RenderElementPayload: () => import_render_element_payload.RenderElementPayload,
+  ServerCSSCollector: () => import_server_css.ServerCSSCollector,
+  ServerElement: () => import_element.ServerElement,
+  Slot: () => import_slot.Slot,
+  collectServerElements: () => import_collect_server_elements.collectServerElements,
+  getRenderContext: () => import_render_context.getRenderContext,
+  setRenderContext: () => import_render_context.setRenderContext
+});
+module.exports = __toCommonJS(server_exports);
+var import_collect_server_elements = require("./collect-server-elements");
+var import_element = require("./components/element");
+var import_makeswift_component = require("./components/makeswift-component");
+var import_slot = require("./components/slot");
+var import_renderer = require("./components/renderer");
+var import_server_css = require("./css/server-css");
+var import_render_context = require("./render-context");
+var import_render_element_payload = require("./render-element-payload");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MakeswiftComponent,
+  RSCElementRenderer,
+  RenderContext,
+  RenderElementPayload,
+  ServerCSSCollector,
+  ServerElement,
+  Slot,
+  collectServerElements,
+  getRenderContext,
+  setRenderContext
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/runtimes/react/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/index.ts"],"sourcesContent":["export { collectServerElements } from './collect-server-elements'\nexport { ServerElement } from './components/element'\nexport { MakeswiftComponent } from './components/makeswift-component'\nexport { Slot } from './components/slot'\nexport { RSCElementRenderer } from './components/renderer'\nexport { ServerCSSCollector } from './css/server-css'\nexport {\n  type ServerRenderContext,\n  RenderContext,\n  setRenderContext,\n  getRenderContext,\n} from './render-context'\nexport { RenderElementPayload } from './render-element-payload'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAsC;AACtC,qBAA8B;AAC9B,iCAAmC;AACnC,kBAAqB;AACrB,sBAAmC;AACnC,wBAAmC;AACnC,4BAKO;AACP,oCAAqC;","names":[]}

package/dist/cjs/runtimes/react/server/injectable-props.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 injectable_props_exports = {};
+module.exports = __toCommonJS(injectable_props_exports);
+//# sourceMappingURL=injectable-props.js.map

package/dist/cjs/runtimes/react/server/injectable-props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/injectable-props.ts"],"sourcesContent":["export type InjectableProps = {\n  documentKey: string\n  elementKey: string\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/runtimes/react/server/render-context.js

@@ -0,0 +1,53 @@
+"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 render_context_exports = {};
+__export(render_context_exports, {
+  RenderContext: () => RenderContext,
+  getRenderContext: () => getRenderContext,
+  getStore: () => getStore,
+  setRenderContext: () => setRenderContext
+});
+module.exports = __toCommonJS(render_context_exports);
+var import_react = require("react");
+const requestContext = (0, import_react.cache)(() => ({}));
+const setRenderContext = (context) => {
+  requestContext().current = context;
+};
+const getRenderContext = () => {
+  const context = requestContext().current;
+  if (!context)
+    throw Error("Makeswift render context was not set.");
+  return context;
+};
+const getStore = ({ store }) => store;
+const RenderContext = ({
+  context,
+  children
+}) => {
+  setRenderContext(context);
+  return children;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RenderContext,
+  getRenderContext,
+  getStore,
+  setRenderContext
+});
+//# sourceMappingURL=render-context.js.map

package/dist/cjs/runtimes/react/server/render-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/render-context.tsx"],"sourcesContent":["import { cache, type PropsWithChildren } from 'react'\n\nimport { ReactRuntime } from '../../react/react-runtime'\nimport { type Store } from '../../../state/store'\n\nimport { type SiteVersion } from '../../../api/site-version'\nimport { MakeswiftClient } from '../../../client'\n\n/**\n * Request-scoped dependencies used to render Makeswift server elements.\n *\n * Framework integrations create a context for each request and install it with\n * `RenderContext` or `setRenderContext` so nested renderers can access it without\n * threading it through every component. The runtime must be request-bound;\n * together with `siteVersion` and `locale`, it selects the store and API resource\n * cache used during rendering.\n */\nexport type ServerRenderContext = {\n  request: Request\n  runtime: ReactRuntime\n  client: MakeswiftClient\n  siteVersion: SiteVersion | null\n  locale: string | undefined\n  store: Store\n}\n\nconst requestContext = cache((): { current?: ServerRenderContext } => ({}))\n\nexport const setRenderContext = (context: ServerRenderContext) => {\n  requestContext().current = context\n}\n\nexport const getRenderContext = (): ServerRenderContext => {\n  const context = requestContext().current\n  if (!context) throw Error('Makeswift render context was not set.')\n  return context\n}\n\nexport const getStore = ({ store }: ServerRenderContext): Store => store\n\nexport const RenderContext = ({\n  context,\n  children,\n}: PropsWithChildren<{ context: ServerRenderContext }>) => {\n  setRenderContext(context)\n  return children\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AA0B9C,MAAM,qBAAiB,oBAAM,OAA0C,CAAC,EAAE;AAEnE,MAAM,mBAAmB,CAAC,YAAiC;AAChE,iBAAe,EAAE,UAAU;AAC7B;AAEO,MAAM,mBAAmB,MAA2B;AACzD,QAAM,UAAU,eAAe,EAAE;AACjC,MAAI,CAAC;AAAS,UAAM,MAAM,uCAAuC;AACjE,SAAO;AACT;AAEO,MAAM,WAAW,CAAC,EAAE,MAAM,MAAkC;AAE5D,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AACF,MAA2D;AACzD,mBAAiB,OAAO;AACxB,SAAO;AACT;","names":[]}

package/dist/cjs/runtimes/react/server/render-element-payload.js

@@ -0,0 +1,45 @@
+"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 render_element_payload_exports = {};
+__export(render_element_payload_exports, {
+  RenderElementPayload: () => RenderElementPayload
+});
+module.exports = __toCommonJS(render_element_payload_exports);
+var import_zod = require("zod");
+var import_controls = require("@makeswift/controls");
+const documentContext = import_zod.z.object({
+  key: import_zod.z.string(),
+  locale: import_zod.z.string().optional()
+});
+const cacheData = import_zod.z.object({
+  apiResources: import_zod.z.custom(),
+  localizedResourcesMap: import_zod.z.custom()
+});
+const RenderElementPayload = {
+  schema: import_zod.z.object({
+    elementData: import_controls.Schema.elementData,
+    cacheData,
+    documentContext
+  })
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RenderElementPayload
+});
+//# sourceMappingURL=render-element-payload.js.map

package/dist/cjs/runtimes/react/server/render-element-payload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/render-element-payload.ts"],"sourcesContent":["import { z } from 'zod'\n\nimport { Schema } from '@makeswift/controls'\n\nimport { type CacheData } from '../../../api/api-resources-client'\n\nconst documentContext = z.object({\n  key: z.string(),\n  locale: z.string().optional(),\n})\n\nconst cacheData = z.object({\n  apiResources: z.custom<CacheData['apiResources']>(),\n  localizedResourcesMap: z.custom<CacheData['localizedResourcesMap']>(),\n})\n\n/**\n * Client-to-server payload for rendering a single server element\n */\nexport const RenderElementPayload = {\n  schema: z.object({\n    elementData: Schema.elementData,\n    cacheData,\n    documentContext,\n  }),\n}\n\nexport type RenderElementPayload = z.infer<typeof RenderElementPayload.schema>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAElB,sBAAuB;AAIvB,MAAM,kBAAkB,aAAE,OAAO;AAAA,EAC/B,KAAK,aAAE,OAAO;AAAA,EACd,QAAQ,aAAE,OAAO,EAAE,SAAS;AAC9B,CAAC;AAED,MAAM,YAAY,aAAE,OAAO;AAAA,EACzB,cAAc,aAAE,OAAkC;AAAA,EAClD,uBAAuB,aAAE,OAA2C;AACtE,CAAC;AAKM,MAAM,uBAAuB;AAAA,EAClC,QAAQ,aAAE,OAAO;AAAA,IACf,aAAa,uBAAO;AAAA,IACpB;AAAA,IACA;AAAA,EACF,CAAC;AACH;","names":[]}