@makeswift/runtime 0.28.9 → 0.28.10-canary.1

package/dist/cjs/runtimes/react/server/components/element.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 element_exports = {};
+__export(element_exports, {
+  ServerElement: () => ServerElement
+});
+module.exports = __toCommonJS(element_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_read_only_state = require("../../../../state/read-only-state");
+var import_FallbackComponent = require("../../../../components/shared/FallbackComponent");
+var import_Element = require("../../components/Element");
+var import_render_context = require("../render-context");
+var import_element_data = require("./element-data");
+function ServerElement({
+  context,
+  element,
+  documentKey
+}) {
+  if ((0, import_read_only_state.isElementReference)(element)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FallbackComponent.FallbackComponent, { text: "Element reference is not supported on server yet" });
+  }
+  const state = (0, import_render_context.getStore)(context).getState();
+  const elementMeta = (0, import_read_only_state.getComponentsMeta)(state).get(element.type);
+  if (elementMeta == null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_FallbackComponent.FallbackComponent,
+      {
+        text: "Component not found",
+        details: `Missing component metadata for '${element.type}'`
+      }
+    );
+  }
+  const isRSC = elementMeta.server ?? false;
+  if (!isRSC) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Element.Element, { element }, element.key);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element_data.ServerElementData, { documentKey, context, elementData: element });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ServerElement
+});
+//# sourceMappingURL=element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/element.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nimport {\n  isElementReference,\n  getComponentsMeta,\n  type Element as ElementDataOrRef,\n} from '../../../../state/read-only-state'\n\nimport { FallbackComponent } from '../../../../components/shared/FallbackComponent'\n\nimport { Element as ClientElement } from '../../components/Element'\n\nimport { type ServerRenderContext, getStore } from '../render-context'\n\nimport { ServerElementData } from './element-data'\n\nexport function ServerElement({\n  context,\n  element,\n  documentKey,\n}: {\n  context: ServerRenderContext\n  element: ElementDataOrRef\n  documentKey: string\n}): ReactNode {\n  // check for element references first to avoid looking them up as regular components\n  if (isElementReference(element)) {\n    return <FallbackComponent text=\"Element reference is not supported on server yet\" />\n  }\n\n  const state = getStore(context).getState()\n  const elementMeta = getComponentsMeta(state).get(element.type)\n  if (elementMeta == null) {\n    return (\n      <FallbackComponent\n        text=\"Component not found\"\n        details={`Missing component metadata for '${element.type}'`}\n      />\n    )\n  }\n\n  const isRSC = elementMeta.server ?? false\n  if (!isRSC) {\n    return <ClientElement key={element.key} element={element} />\n  }\n\n  return <ServerElementData documentKey={documentKey} context={context} elementData={element} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BW;AAzBX,6BAIO;AAEP,+BAAkC;AAElC,qBAAyC;AAEzC,4BAAmD;AAEnD,0BAAkC;AAE3B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIc;AAEZ,UAAI,2CAAmB,OAAO,GAAG;AAC/B,WAAO,4CAAC,8CAAkB,MAAK,oDAAmD;AAAA,EACpF;AAEA,QAAM,YAAQ,gCAAS,OAAO,EAAE,SAAS;AACzC,QAAM,kBAAc,0CAAkB,KAAK,EAAE,IAAI,QAAQ,IAAI;AAC7D,MAAI,eAAe,MAAM;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,mCAAmC,QAAQ,IAAI;AAAA;AAAA,IAC1D;AAAA,EAEJ;AAEA,QAAM,QAAQ,YAAY,UAAU;AACpC,MAAI,CAAC,OAAO;AACV,WAAO,4CAAC,eAAAA,SAAA,EAAgC,WAAb,QAAQ,GAAuB;AAAA,EAC5D;AAEA,SAAO,4CAAC,yCAAkB,aAA0B,SAAkB,aAAa,SAAS;AAC9F;","names":["ClientElement"]}

package/dist/cjs/runtimes/react/server/components/makeswift-component.js

@@ -0,0 +1,32 @@
+"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 makeswift_component_exports = {};
+__export(makeswift_component_exports, {
+  MakeswiftComponent: () => MakeswiftComponent
+});
+module.exports = __toCommonJS(makeswift_component_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_MakeswiftComponent = require("../../components/MakeswiftComponent");
+var import_snapshot_renderer = require("./snapshot-renderer");
+const MakeswiftComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_snapshot_renderer.RSCSnapshotRenderer, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MakeswiftComponent.MakeswiftComponent, { ...props }) });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MakeswiftComponent
+});
+//# sourceMappingURL=makeswift-component.js.map

package/dist/cjs/runtimes/react/server/components/makeswift-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/makeswift-component.tsx"],"sourcesContent":["import { type ComponentProps } from 'react'\n\nimport { MakeswiftComponent as MakeswiftClientComponent } from '../../components/MakeswiftComponent'\n\nimport { RSCSnapshotRenderer } from './snapshot-renderer'\n\n/**\n * Renders Makeswift component snapshot with server-element support. RSC counterpart of\n * https://docs.makeswift.com/developer/docs/reference/components/makeswift-component#props\n */\nexport const MakeswiftComponent = (props: ComponentProps<typeof MakeswiftClientComponent>) => (\n  <RSCSnapshotRenderer {...props}>\n    <MakeswiftClientComponent {...props} />\n  </RSCSnapshotRenderer>\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYI;AAVJ,gCAA+D;AAE/D,+BAAoC;AAM7B,MAAM,qBAAqB,CAAC,UACjC,4CAAC,gDAAqB,GAAG,OACvB,sDAAC,0BAAAA,oBAAA,EAA0B,GAAG,OAAO,GACvC;","names":["MakeswiftClientComponent"]}

package/dist/cjs/runtimes/react/server/components/renderer.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 renderer_exports = {};
+__export(renderer_exports, {
+  RSCElementRenderer: () => RSCElementRenderer,
+  RSCRenderer: () => RSCRenderer
+});
+module.exports = __toCommonJS(renderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client_css = require("../css/client-css");
+var import_render_context = require("../render-context");
+var import_collect_server_elements = require("../collect-server-elements");
+var import_update_api_resource_cache = require("../update-api-resource-cache");
+var import_server_elements_cache = require("./server-elements-cache");
+function RSCRenderer({
+  context,
+  document,
+  cacheData,
+  children
+}) {
+  const serverElements = (0, import_collect_server_elements.collectServerElements)(context, document, cacheData);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_server_elements_cache.ServerElementsCache, { value: serverElements, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_client_css.ClientCSSProvider, { children }) });
+}
+function RSCElementRenderer({
+  context,
+  cacheData,
+  children
+}) {
+  const store = (0, import_render_context.getStore)(context);
+  (0, import_update_api_resource_cache.updateApiResourceCache)(store, cacheData);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RSCElementRenderer,
+  RSCRenderer
+});
+//# sourceMappingURL=renderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/renderer.tsx"],"sourcesContent":["import { type PropsWithChildren } from 'react'\n\nimport { type CacheData } from '../../../../api/api-resources-client'\nimport { type Document } from '../../../../state/modules/read-only-documents'\n\nimport { ClientCSSProvider } from '../css/client-css'\n\nimport { type ServerRenderContext, getStore } from '../render-context'\nimport { collectServerElements } from '../collect-server-elements'\nimport { updateApiResourceCache } from '../update-api-resource-cache'\n\nimport { ServerElementsCache } from './server-elements-cache'\n\n/**\n * Helper for rendering a Makeswift document containing server elements. Makes\n * the server-rendered nodes available to the client renderer and enables\n * client-side style updates for editable server elements.\n */\nexport function RSCRenderer({\n  context,\n  document,\n  cacheData,\n  children,\n}: PropsWithChildren<{ context: ServerRenderContext; document: Document; cacheData: CacheData }>) {\n  const serverElements = collectServerElements(context, document, cacheData)\n\n  return (\n    <ServerElementsCache value={serverElements}>\n      <ClientCSSProvider>{children}</ClientCSSProvider>\n    </ServerElementsCache>\n  )\n}\n\n/**\n * Helper for (re-)rendering an isolated server element. Updates the server\n * state with the context's API resource cache.\n */\nexport function RSCElementRenderer({\n  context,\n  cacheData,\n  children,\n}: PropsWithChildren<{ context: ServerRenderContext; cacheData: CacheData }>) {\n  const store = getStore(context)\n\n  updateApiResourceCache(store, cacheData)\n  return <>{children}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BM;AAvBN,wBAAkC;AAElC,4BAAmD;AACnD,qCAAsC;AACtC,uCAAuC;AAEvC,mCAAoC;AAO7B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkG;AAChG,QAAM,qBAAiB,sDAAsB,SAAS,UAAU,SAAS;AAEzE,SACE,4CAAC,oDAAoB,OAAO,gBAC1B,sDAAC,uCAAmB,UAAS,GAC/B;AAEJ;AAMO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAA8E;AAC5E,QAAM,YAAQ,gCAAS,OAAO;AAE9B,+DAAuB,OAAO,SAAS;AACvC,SAAO,2EAAG,UAAS;AACrB;","names":[]}

package/dist/cjs/runtimes/react/server/components/server-elements-cache.js

@@ -0,0 +1,70 @@
+"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 server_elements_cache_exports = {};
+__export(server_elements_cache_exports, {
+  ServerElementsCache: () => ServerElementsCache,
+  useServerElementsCache: () => useServerElementsCache
+});
+module.exports = __toCommonJS(server_elements_cache_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const Context = (0, import_react.createContext)({
+  getElement: () => null,
+  updateElement: () => {
+  },
+  removeElement: () => {
+  }
+});
+const ServerElementsCache = ({
+  children,
+  value
+}) => {
+  const [nodes, setNodes] = (0, import_react.useState)(value);
+  const [previousValue, setPreviousValue] = (0, import_react.useState)(value);
+  if (value !== previousValue) {
+    setPreviousValue(value);
+    setNodes(value);
+  }
+  const getElement = (0, import_react.useCallback)((elementKey) => nodes.get(elementKey), [nodes]);
+  const updateElement = (0, import_react.useCallback)(
+    (elementKey, node) => setNodes((prev) => new Map(prev).set(elementKey, node)),
+    []
+  );
+  const removeElement = (0, import_react.useCallback)(
+    (elementKey) => setNodes((prev) => {
+      const next = new Map(prev);
+      next.delete(elementKey);
+      return next;
+    }),
+    []
+  );
+  const cache = (0, import_react.useMemo)(
+    () => ({ getElement, updateElement, removeElement }),
+    [getElement, updateElement, removeElement]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value: cache, children });
+};
+const useServerElementsCache = () => (0, import_react.useContext)(Context);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ServerElementsCache,
+  useServerElementsCache
+});
+//# sourceMappingURL=server-elements-cache.js.map

package/dist/cjs/runtimes/react/server/components/server-elements-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/server-elements-cache.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, ReactNode, useCallback, useContext, useState, useMemo } from 'react'\n\nimport { type ElementsMap } from '../collect-server-elements'\n\ntype ContextValue = {\n  getElement: (elementKey: string) => ReactNode\n  updateElement: (elementKey: string, node: ReactNode) => void\n  removeElement: (elementKey: string) => void\n}\n\nconst Context = createContext<ContextValue>({\n  getElement: () => null,\n  updateElement: () => {},\n  removeElement: () => {},\n})\n\n/**\n * Client-side \"cache\" of server-rendered elements; this is one of the key pieces in our RSC\n * implementation, with React doing the majority of the heavy lifting: when `ReactNode`s are\n * passed as props across a 'use client' boundary, React's flight serializer automatically\n * renders and encodes them in the RSC stream and then reconstructs them on the client. All\n * we need to do on the client is to make these React elements available for lookup/\n * manipulation when editing in the builder.\n */\nexport const ServerElementsCache = ({\n  children,\n  value,\n}: {\n  children: ReactNode\n  value: ElementsMap\n}) => {\n  // An RSC re-render does not inherently remount client components; React can reconcile\n  // the new server tree with the existing client tree, so we need to handle the `value`\n  // prop updates\n  const [nodes, setNodes] = useState(value)\n  const [previousValue, setPreviousValue] = useState(value)\n\n  // this is okay to do on render, see https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes\n  if (value !== previousValue) {\n    setPreviousValue(value)\n    setNodes(value)\n  }\n\n  const getElement = useCallback((elementKey: string): ReactNode => nodes.get(elementKey), [nodes])\n\n  const updateElement = useCallback(\n    (elementKey: string, node: ReactNode) => setNodes(prev => new Map(prev).set(elementKey, node)),\n    [],\n  )\n\n  const removeElement = useCallback(\n    (elementKey: string) =>\n      setNodes(prev => {\n        const next = new Map(prev)\n        next.delete(elementKey)\n        return next\n      }),\n    [],\n  )\n\n  const cache = useMemo(\n    () => ({ getElement, updateElement, removeElement }),\n    [getElement, updateElement, removeElement],\n  )\n\n  return <Context.Provider value={cache}>{children}</Context.Provider>\n}\n\nexport const useServerElementsCache = () => useContext(Context)\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmES;AAjET,mBAAqF;AAUrF,MAAM,cAAU,4BAA4B;AAAA,EAC1C,YAAY,MAAM;AAAA,EAClB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,eAAe,MAAM;AAAA,EAAC;AACxB,CAAC;AAUM,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAGM;AAIJ,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AAGxD,MAAI,UAAU,eAAe;AAC3B,qBAAiB,KAAK;AACtB,aAAS,KAAK;AAAA,EAChB;AAEA,QAAM,iBAAa,0BAAY,CAAC,eAAkC,MAAM,IAAI,UAAU,GAAG,CAAC,KAAK,CAAC;AAEhG,QAAM,oBAAgB;AAAA,IACpB,CAAC,YAAoB,SAAoB,SAAS,UAAQ,IAAI,IAAI,IAAI,EAAE,IAAI,YAAY,IAAI,CAAC;AAAA,IAC7F,CAAC;AAAA,EACH;AAEA,QAAM,oBAAgB;AAAA,IACpB,CAAC,eACC,SAAS,UAAQ;AACf,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,WAAK,OAAO,UAAU;AACtB,aAAO;AAAA,IACT,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,YAAQ;AAAA,IACZ,OAAO,EAAE,YAAY,eAAe,cAAc;AAAA,IAClD,CAAC,YAAY,eAAe,aAAa;AAAA,EAC3C;AAEA,SAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAO,OAAQ,UAAS;AACnD;AAEO,MAAM,yBAAyB,UAAM,yBAAW,OAAO;","names":[]}

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.head.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.head, { childList: 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    document.head\n      .querySelectorAll<HTMLStyleElement>(\n        `style[data-href^=\"${MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}\"]`,\n      )\n      .forEach(registerStyleElement)\n\n    // set up a `document.head` 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.head, { childList: 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;AAsGS;AApGT,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;AAGd,aAAS,KACN;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,SAAS,MAAM,EAAE,WAAW,KAAK,CAAC;AAEnD,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":[]}