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

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useState, useMemo } from "react";
+import { ClientCSSProvider } from "../css/client-css";
+const Context = createContext({
+  getElement: () => null,
+  updateElement: () => {
+  },
+  removeElement: () => {
+  }
+});
+const ServerElementsCache = ({
+  children,
+  value
+}) => {
+  const [nodes, setNodes] = useState(value);
+  const [previousValue, setPreviousValue] = useState(value);
+  if (value !== previousValue) {
+    setPreviousValue(value);
+    setNodes(value);
+  }
+  const getElement = useCallback((elementKey) => nodes.get(elementKey), [nodes]);
+  const updateElement = useCallback(
+    (elementKey, node) => setNodes((prev) => new Map(prev).set(elementKey, node)),
+    []
+  );
+  const removeElement = useCallback(
+    (elementKey) => setNodes((prev) => {
+      const next = new Map(prev);
+      next.delete(elementKey);
+      return next;
+    }),
+    []
+  );
+  const cache = useMemo(
+    () => ({ getElement, updateElement, removeElement }),
+    [getElement, updateElement, removeElement]
+  );
+  return /* @__PURE__ */ jsx(Context.Provider, { value: cache, children });
+};
+const ServerElementsProvider = ({
+  children,
+  elements
+}) => /* @__PURE__ */ jsx(ServerElementsCache, { value: elements, children: /* @__PURE__ */ jsx(ClientCSSProvider, { children }) });
+const useServerElementsCache = () => useContext(Context);
+export {
+  ServerElementsCache,
+  ServerElementsProvider,
+  useServerElementsCache
+};
+//# sourceMappingURL=server-elements-cache.js.map

package/dist/esm/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'\nimport { ClientCSSProvider } from '../css/client-css'\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 ServerElementsProvider = ({\n  children,\n  elements,\n}: {\n  children: ReactNode\n  elements: ElementsMap\n}) => (\n  <ServerElementsCache value={elements}>\n    <ClientCSSProvider>{children}</ClientCSSProvider>\n  </ServerElementsCache>\n)\n\nexport const useServerElementsCache = () => useContext(Context)\n"],"mappings":";AAoES;AAlET,SAAS,eAA0B,aAAa,YAAY,UAAU,eAAe;AAGrF,SAAS,yBAAyB;AAQlC,MAAM,UAAU,cAA4B;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,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAGxD,MAAI,UAAU,eAAe;AAC3B,qBAAiB,KAAK;AACtB,aAAS,KAAK;AAAA,EAChB;AAEA,QAAM,aAAa,YAAY,CAAC,eAAkC,MAAM,IAAI,UAAU,GAAG,CAAC,KAAK,CAAC;AAEhG,QAAM,gBAAgB;AAAA,IACpB,CAAC,YAAoB,SAAoB,SAAS,UAAQ,IAAI,IAAI,IAAI,EAAE,IAAI,YAAY,IAAI,CAAC;AAAA,IAC7F,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB;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,QAAQ;AAAA,IACZ,OAAO,EAAE,YAAY,eAAe,cAAc;AAAA,IAClD,CAAC,YAAY,eAAe,aAAa;AAAA,EAC3C;AAEA,SAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAO,OAAQ,UAAS;AACnD;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AACF,MAIE,oBAAC,uBAAoB,OAAO,UAC1B,8BAAC,qBAAmB,UAAS,GAC/B;AAGK,MAAM,yBAAyB,MAAM,WAAW,OAAO;","names":[]}

package/dist/esm/runtimes/react/server/components/slot.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { MakeswiftComponentType } from "../../../../components/builtin/constants";
+import { Slot as ClientSlot } from "../../components/Slot";
+import { RSCSnapshotRenderer } from "./snapshot-renderer";
+const Slot = ({ label, snapshot, fallback }) => /* @__PURE__ */ jsx(RSCSnapshotRenderer, { snapshot, label, type: MakeswiftComponentType.Slot, children: /* @__PURE__ */ jsx(ClientSlot, { ...{ label, snapshot, fallback } }) });
+export {
+  Slot
+};
+//# sourceMappingURL=slot.js.map

package/dist/esm/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":"AAcI;AAZJ,SAAS,8BAA8B;AAEvC,SAAS,QAAQ,kBAAkB;AAEnC,SAAS,2BAA2B;AAM7B,MAAM,OAAO,CAAC,EAAE,OAAO,UAAU,SAAS,MAC/C,oBAAC,uBAAoB,UAAoB,OAAc,MAAM,uBAAuB,MAClF,8BAAC,cAAY,GAAG,EAAE,OAAO,UAAU,SAAS,GAAG,GACjD;","names":[]}

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

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { componentDocumentToRootEmbeddedDocument } from "../../../../client/component-snapshot";
+import { getRenderContext } from "../render-context";
+import { RSCRenderer } from "./renderer";
+const RSCSnapshotRenderer = ({
+  snapshot,
+  label,
+  type,
+  description,
+  children
+}) => {
+  const rootDocument = componentDocumentToRootEmbeddedDocument({
+    document: snapshot.document,
+    documentKey: snapshot.key,
+    name: label,
+    type,
+    description,
+    meta: snapshot.meta
+  });
+  const context = getRenderContext();
+  return /* @__PURE__ */ jsx(RSCRenderer, { context, cacheData: snapshot.cacheData, document: rootDocument, children });
+};
+export {
+  RSCSnapshotRenderer
+};
+//# sourceMappingURL=snapshot-renderer.js.map

package/dist/esm/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":"AAkCI;AAhCJ,SAAS,+CAA+C;AAGxD,SAAS,wBAAwB;AAEjC,SAAS,mBAAmB;AAQrB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoE;AAClE,QAAM,eAAe,wCAAwC;AAAA,IAC3D,UAAU,SAAS;AAAA,IACnB,aAAa,SAAS;AAAA,IACtB,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,MAAM,SAAS;AAAA,EACjB,CAAC;AAED,QAAM,UAAU,iBAAiB;AAEjC,SACE,oBAAC,eAAY,SAAkB,WAAW,SAAS,WAAW,UAAU,cACrE,UACH;AAEJ;","names":[]}

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

@@ -0,0 +1,87 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useRef, useCallback } from "react";
+import { MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX } from "./css-runtime";
+const ClientCSSContext = 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 = useRef(/* @__PURE__ */ new Map());
+  const serverStylesRef = useRef(/* @__PURE__ */ new Map());
+  const dynamicStylesRef = useRef(/* @__PURE__ */ new Map());
+  const updateStyleElement = 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 = useCallback(
+    (styleElement) => {
+      const href = styleElement.dataset["href"];
+      if (href == null || !href.startsWith(MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX))
+        return;
+      const elementKey = href.substring(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]
+  );
+  useEffect(() => {
+    document.querySelectorAll(
+      `style[data-href^="${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 = 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__ */ jsx(ClientCSSContext.Provider, { value: { updateStyle }, children });
+}
+function useClientCSS() {
+  return useContext(ClientCSSContext);
+}
+export {
+  ClientCSSProvider,
+  useClientCSS
+};
+//# sourceMappingURL=client-css.js.map

package/dist/esm/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":";AAuGS;AArGT,SAAS,eAA0B,YAAY,WAAW,QAAQ,mBAAmB;AAErF,SAAS,yCAAyC;AAMlD,MAAM,mBAAmB,cAAqC;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,mBAAmB,OAAsC,oBAAI,IAAI,CAAC;AACxE,QAAM,kBAAkB,OAA4B,oBAAI,IAAI,CAAC;AAC7D,QAAM,mBAAmB,OAAyC,oBAAI,IAAI,CAAC;AAE3E,QAAM,qBAAqB;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,uBAAuB;AAAA,IAC3B,CAAC,iBAAmC;AAClC,YAAM,OAAO,aAAa,QAAQ,MAAM;AACxC,UAAI,QAAQ,QAAQ,CAAC,KAAK,WAAW,iCAAiC;AAAG;AAEzE,YAAM,aAAa,KAAK,UAAU,kCAAkC,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,YAAU,MAAM;AAId,aACG;AAAA,MACC,qBAAqB,iCAAiC;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,cAAc;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,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,YAAY,GAAI,UAAS;AACtE;AAEO,SAAS,eAAsC;AACpD,SAAO,WAAW,gBAAgB;AACpC;","names":[]}

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

@@ -0,0 +1,77 @@
+import { resolvedStyleToCss } from "../../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 = 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
+    );
+  }
+}
+export {
+  MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX,
+  StylesheetEngine
+};
+//# sourceMappingURL=css-runtime.js.map

package/dist/esm/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":"AAEA,SAAS,0BAA0B;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,YAAY,mBAAmB,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/esm/runtimes/react/server/css/server-css.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { StylesheetEngine, MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX } from "./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 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 = `${MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}${elementKey}`;
+  return (
+    // `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
+    /* @__PURE__ */ jsx("style", { href: styleTagId, precedence: styleTagId, children: css })
+  );
+}
+export {
+  InjectServerCSS,
+  ServerCSSCollector,
+  createCollectingServerStylesheet
+};
+//# sourceMappingURL=server-css.js.map

package/dist/esm/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":"AAmDI;AAjDJ,SAAS,kBAAkB,yCAAyC;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,iBAAiB,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,iCAAiC,GAAG,UAAU;AAEpE;AAAA;AAAA;AAAA;AAAA,IAIE,oBAAC,WAAM,MAAM,YAAY,YAAY,YAClC,eACH;AAAA;AAEJ;","names":[]}

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

@@ -0,0 +1,25 @@
+import { collectServerElements } from "./collect-server-elements";
+import { ServerElement } from "./components/element";
+import { MakeswiftComponent } from "./components/makeswift-component";
+import { Slot } from "./components/slot";
+import { RSCElementRenderer } from "./components/renderer";
+import { ServerCSSCollector } from "./css/server-css";
+import {
+  RenderContext,
+  setRenderContext,
+  getRenderContext
+} from "./render-context";
+import { RenderElementPayload } from "./render-element-payload";
+export {
+  MakeswiftComponent,
+  RSCElementRenderer,
+  RenderContext,
+  RenderElementPayload,
+  ServerCSSCollector,
+  ServerElement,
+  Slot,
+  collectServerElements,
+  getRenderContext,
+  setRenderContext
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;","names":[]}

package/dist/esm/runtimes/react/server/injectable-props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=injectable-props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,26 @@
+import { cache } from "react";
+const requestContext = 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;
+};
+export {
+  RenderContext,
+  getRenderContext,
+  getStore,
+  setRenderContext
+};
+//# sourceMappingURL=render-context.js.map

package/dist/esm/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,SAAS,aAAqC;AA0B9C,MAAM,iBAAiB,MAAM,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/esm/runtimes/react/server/render-element-payload.js

@@ -0,0 +1,21 @@
+import { z } from "zod";
+import { Schema } from "@makeswift/controls";
+const documentContext = z.object({
+  key: z.string(),
+  locale: z.string().optional()
+});
+const cacheData = z.object({
+  apiResources: z.custom(),
+  localizedResourcesMap: z.custom()
+});
+const RenderElementPayload = {
+  schema: z.object({
+    elementData: Schema.elementData,
+    cacheData,
+    documentContext
+  })
+};
+export {
+  RenderElementPayload
+};
+//# sourceMappingURL=render-element-payload.js.map

package/dist/esm/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,SAAS,SAAS;AAElB,SAAS,cAAc;AAIvB,MAAM,kBAAkB,EAAE,OAAO;AAAA,EAC/B,KAAK,EAAE,OAAO;AAAA,EACd,QAAQ,EAAE,OAAO,EAAE,SAAS;AAC9B,CAAC;AAED,MAAM,YAAY,EAAE,OAAO;AAAA,EACzB,cAAc,EAAE,OAAkC;AAAA,EAClD,uBAAuB,EAAE,OAA2C;AACtE,CAAC;AAKM,MAAM,uBAAuB;AAAA,EAClC,QAAQ,EAAE,OAAO;AAAA,IACf,aAAa,OAAO;AAAA,IACpB;AAAA,IACA;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/runtimes/react/server/resolve-props.js

@@ -0,0 +1,34 @@
+import { mapValues } from "@makeswift/controls";
+import { serverResourceResolver } from "./resource-resolver";
+import { propErrorHandlingProxy } from "../utils/prop-error-handling-proxy";
+async function resolveProps(context, element, documentKey, propDefs, stylesheet) {
+  const resourceResolver = serverResourceResolver({ ...context, documentKey });
+  const resolveProp = (def, propName) => {
+    const data = element.props[propName];
+    const control = def.createInstance({
+      // these are top-level controls, so passing `propName` for `propPath` is appropriate
+      instanceKey: { elementKey: element.key, propPath: propName },
+      sendMessage: () => {
+      }
+    });
+    return def.resolveValue(data, resourceResolver, stylesheet.child(propName), control);
+  };
+  const resolvables = mapValues(propDefs, (def, propName) => {
+    const defaultValue = def.config?.defaultValue;
+    return propErrorHandlingProxy(resolveProp(def, propName), defaultValue, (error) => {
+      console.warn(
+        `Error reading value for prop "${propName}", falling back to \`${defaultValue}\`.`,
+        { control: def, error }
+      );
+    });
+  });
+  await Promise.all(Object.entries(resolvables).map(([_, sub]) => sub.triggerResolve()));
+  return Object.entries(resolvables).reduce(
+    (result, [propName, subscription]) => ({ ...result, [propName]: subscription.readStable() }),
+    {}
+  );
+}
+export {
+  resolveProps
+};
+//# sourceMappingURL=resolve-props.js.map

package/dist/esm/runtimes/react/server/resolve-props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/resolve-props.ts"],"sourcesContent":["import { type ElementData, ControlDefinition, mapValues, Stylesheet } from '@makeswift/controls'\n\nimport { type ServerRenderContext } from './render-context'\nimport { serverResourceResolver } from './resource-resolver'\n\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\n\n/**\n * Server-side counterpart of the `useResolvedProps` hook.\n */\nexport async function resolveProps(\n  context: ServerRenderContext,\n  element: ElementData,\n  documentKey: string,\n  propDefs: Record<string, ControlDefinition>,\n  stylesheet: Stylesheet,\n): Promise<Record<string, unknown>> {\n  const resourceResolver = serverResourceResolver({ ...context, documentKey })\n\n  const resolveProp = (def: ControlDefinition, propName: string) => {\n    const data = element.props[propName]\n\n    // Create a \"placeholder\" control instance so that controls that resolve to\n    // React nodes can use `instanceKey` to reconstruct themselves on the client\n    // (see `react/controls/slot/render-slot.tsx`).\n    const control = def.createInstance({\n      // these are top-level controls, so passing `propName` for `propPath` is appropriate\n      instanceKey: { elementKey: element.key, propPath: propName },\n      sendMessage: () => {},\n    })\n\n    return def.resolveValue(data, resourceResolver, stylesheet.child(propName), control)\n  }\n\n  const resolvables = mapValues(propDefs, (def, propName) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const defaultValue = (def.config as any)?.defaultValue\n    return propErrorHandlingProxy(resolveProp(def, propName), defaultValue, error => {\n      console.warn(\n        `Error reading value for prop \"${propName}\", falling back to \\`${defaultValue}\\`.`,\n        { control: def, error },\n      )\n    })\n  })\n\n  // wait for side-effects (resource fetching, updating list child controls)\n  await Promise.all(Object.entries(resolvables).map(([_, sub]) => sub.triggerResolve()))\n\n  return Object.entries(resolvables).reduce<Record<string, unknown>>(\n    (result, [propName, subscription]) => ({ ...result, [propName]: subscription.readStable() }),\n    {},\n  )\n}\n"],"mappings":"AAAA,SAA8C,iBAA6B;AAG3E,SAAS,8BAA8B;AAEvC,SAAS,8BAA8B;AAKvC,eAAsB,aACpB,SACA,SACA,aACA,UACA,YACkC;AAClC,QAAM,mBAAmB,uBAAuB,EAAE,GAAG,SAAS,YAAY,CAAC;AAE3E,QAAM,cAAc,CAAC,KAAwB,aAAqB;AAChE,UAAM,OAAO,QAAQ,MAAM,QAAQ;AAKnC,UAAM,UAAU,IAAI,eAAe;AAAA;AAAA,MAEjC,aAAa,EAAE,YAAY,QAAQ,KAAK,UAAU,SAAS;AAAA,MAC3D,aAAa,MAAM;AAAA,MAAC;AAAA,IACtB,CAAC;AAED,WAAO,IAAI,aAAa,MAAM,kBAAkB,WAAW,MAAM,QAAQ,GAAG,OAAO;AAAA,EACrF;AAEA,QAAM,cAAc,UAAU,UAAU,CAAC,KAAK,aAAa;AAEzD,UAAM,eAAgB,IAAI,QAAgB;AAC1C,WAAO,uBAAuB,YAAY,KAAK,QAAQ,GAAG,cAAc,WAAS;AAC/E,cAAQ;AAAA,QACN,iCAAiC,QAAQ,wBAAwB,YAAY;AAAA,QAC7E,EAAE,SAAS,KAAK,MAAM;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAGD,QAAM,QAAQ,IAAI,OAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,CAAC;AAErF,SAAO,OAAO,QAAQ,WAAW,EAAE;AAAA,IACjC,CAAC,QAAQ,CAAC,UAAU,YAAY,OAAO,EAAE,GAAG,QAAQ,CAAC,QAAQ,GAAG,aAAa,WAAW,EAAE;AAAA,IAC1F,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/esm/runtimes/react/server/resource-resolver.js

@@ -0,0 +1,16 @@
+import { createResourceResolver } from "../resource-resolver";
+import { getStore } from "./render-context";
+function serverResourceResolver(context) {
+  const store = getStore(context);
+  const apiClient = store.apiResourcesClient;
+  return createResourceResolver({
+    store,
+    apiClient,
+    documentKey: context.documentKey,
+    locale: context.locale ?? null
+  });
+}
+export {
+  serverResourceResolver
+};
+//# sourceMappingURL=resource-resolver.js.map

package/dist/esm/runtimes/react/server/resource-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/resource-resolver.ts"],"sourcesContent":["import { type ResourceResolver, createResourceResolver } from '../resource-resolver'\n\nimport { type ServerRenderContext, getStore } from './render-context'\n\nexport function serverResourceResolver(\n  context: ServerRenderContext & { documentKey: string },\n): ResourceResolver {\n  const store = getStore(context)\n  const apiClient = store.apiResourcesClient\n\n  return createResourceResolver({\n    store,\n    apiClient,\n    documentKey: context.documentKey,\n    locale: context.locale ?? null,\n  })\n}\n"],"mappings":"AAAA,SAAgC,8BAA8B;AAE9D,SAAmC,gBAAgB;AAE5C,SAAS,uBACd,SACkB;AAClB,QAAM,QAAQ,SAAS,OAAO;AAC9B,QAAM,YAAY,MAAM;AAExB,SAAO,uBAAuB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,aAAa,QAAQ;AAAA,IACrB,QAAQ,QAAQ,UAAU;AAAA,EAC5B,CAAC;AACH;","names":[]}

package/dist/esm/runtimes/react/server/update-api-resource-cache.js

@@ -0,0 +1,8 @@
+import { updateAPIClientCache } from "../../../state/actions/internal/read-write-actions";
+function updateApiResourceCache(store, cacheData) {
+  store.apiResourcesClient.store.dispatch(updateAPIClientCache(cacheData));
+}
+export {
+  updateApiResourceCache
+};
+//# sourceMappingURL=update-api-resource-cache.js.map

package/dist/esm/runtimes/react/server/update-api-resource-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/update-api-resource-cache.ts"],"sourcesContent":["import { type CacheData } from '../../../api/api-resources-client'\n\nimport { updateAPIClientCache } from '../../../state/actions/internal/read-write-actions'\n\nimport { type Store } from '../../../state/store'\n\nexport function updateApiResourceCache(store: Store, cacheData: CacheData) {\n  store.apiResourcesClient.store.dispatch(updateAPIClientCache(cacheData))\n}\n"],"mappings":"AAEA,SAAS,4BAA4B;AAI9B,SAAS,uBAAuB,OAAc,WAAsB;AACzE,QAAM,mBAAmB,MAAM,SAAS,qBAAqB,SAAS,CAAC;AACzE;","names":[]}

package/dist/esm/runtimes/react/testing/react-runtime.js

@@ -1,11 +1,27 @@
 import { TestOrigins } from "../../../testing/fixtures";
 import { ReactRuntime } from "../react-runtime";
-function createReactRuntime({ breakpoints } = {}) {
-  return new ReactRuntime({
+class TestReactRuntime extends ReactRuntime {
+  env;
+  constructor({ env, ...args }) {
+    super(args);
+    this.env = env ?? "client";
+  }
+  isRSCEnv() {
+    return this.env === "rsc";
+  }
+}
+function createReactRuntime({
+  breakpoints,
+  requestKey,
+  env
+} = {}) {
+  return new TestReactRuntime({
     // Mock Service Worker patches global `fetch` for interception; make sure our test calls go
     // through the patched version instead of an eagerly captured reference to the original
     fetch: (...args) => globalThis.fetch(...args),
     breakpoints,
+    requestKey,
+    env,
     ...TestOrigins
   });
 }

package/dist/esm/runtimes/react/testing/react-runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/testing/react-runtime.tsx"],"sourcesContent":["import { type BreakpointsInput } from '../../../state/modules/breakpoints'\nimport { TestOrigins } from '../../../testing/fixtures'\nimport { ReactRuntime } from '../react-runtime'\n\nexport function createReactRuntime({ breakpoints }: { breakpoints?: BreakpointsInput } = {}) {\n  return new ReactRuntime({\n    // Mock Service Worker patches global `fetch` for interception; make sure our test calls go\n    // through the patched version instead of an eagerly captured reference to the original\n    fetch: (...args) => globalThis.fetch(...args),\n    breakpoints,\n    ...TestOrigins,\n  })\n}\n"],"mappings":"AACA,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAEtB,SAAS,mBAAmB,EAAE,YAAY,IAAwC,CAAC,GAAG;AAC3F,SAAO,IAAI,aAAa;AAAA;AAAA;AAAA,IAGtB,OAAO,IAAI,SAAS,WAAW,MAAM,GAAG,IAAI;AAAA,IAC5C;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/testing/react-runtime.tsx"],"sourcesContent":["import { TestOrigins } from '../../../testing/fixtures'\nimport { ReactRuntime } from '../react-runtime'\n\ntype RuntimeEnv = 'client' | 'ssr' | 'rsc'\ntype RuntimeArgs = ConstructorParameters<typeof ReactRuntime>[0]\n\nclass TestReactRuntime extends ReactRuntime {\n  readonly env: RuntimeEnv\n\n  constructor({ env, ...args }: RuntimeArgs & { env?: RuntimeEnv }) {\n    super(args)\n    this.env = env ?? 'client'\n  }\n\n  protected isRSCEnv() {\n    return this.env === 'rsc'\n  }\n}\n\nexport function createReactRuntime({\n  breakpoints,\n  requestKey,\n  env,\n}: {\n  breakpoints?: RuntimeArgs['breakpoints']\n  requestKey?: RuntimeArgs['requestKey']\n  env?: RuntimeEnv\n} = {}) {\n  return new TestReactRuntime({\n    // Mock Service Worker patches global `fetch` for interception; make sure our test calls go\n    // through the patched version instead of an eagerly captured reference to the original\n    fetch: (...args) => globalThis.fetch(...args),\n    breakpoints,\n    requestKey,\n    env,\n    ...TestOrigins,\n  })\n}\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAK7B,MAAM,yBAAyB,aAAa;AAAA,EACjC;AAAA,EAET,YAAY,EAAE,KAAK,GAAG,KAAK,GAAuC;AAChE,UAAM,IAAI;AACV,SAAK,MAAM,OAAO;AAAA,EACpB;AAAA,EAEU,WAAW;AACnB,WAAO,KAAK,QAAQ;AAAA,EACtB;AACF;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,IAII,CAAC,GAAG;AACN,SAAO,IAAI,iBAAiB;AAAA;AAAA;AAAA,IAG1B,OAAO,IAAI,SAAS,WAAW,MAAM,GAAG,IAAI;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/esm/runtimes/react/testing/render-to-string.js

@@ -0,0 +1,20 @@
+import { renderToReadableStream } from "react-dom/server";
+async function streamToString(stream) {
+  const reader = stream.getReader();
+  const decoder = new TextDecoder();
+  let result = "";
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done)
+      break;
+    result += decoder.decode(value, { stream: true });
+  }
+  return result;
+}
+async function renderToString(element) {
+  return await streamToString(await renderToReadableStream(element));
+}
+export {
+  renderToString
+};
+//# sourceMappingURL=render-to-string.js.map

package/dist/esm/runtimes/react/testing/render-to-string.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/testing/render-to-string.ts"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { renderToReadableStream } from 'react-dom/server'\n\nasync function streamToString(stream: ReadableStream) {\n  const reader = stream.getReader()\n  const decoder = new TextDecoder()\n\n  let result = ''\n\n  while (true) {\n    const { done, value } = await reader.read()\n    if (done) break\n    result += decoder.decode(value, { stream: true })\n  }\n\n  return result\n}\n\nexport async function renderToString(element: ReactNode) {\n  return await streamToString(await renderToReadableStream(element))\n}\n"],"mappings":"AACA,SAAS,8BAA8B;AAEvC,eAAe,eAAe,QAAwB;AACpD,QAAM,SAAS,OAAO,UAAU;AAChC,QAAM,UAAU,IAAI,YAAY;AAEhC,MAAI,SAAS;AAEb,SAAO,MAAM;AACX,UAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAC1C,QAAI;AAAM;AACV,cAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC;AAAA,EAClD;AAEA,SAAO;AACT;AAEA,eAAsB,eAAe,SAAoB;AACvD,SAAO,MAAM,eAAe,MAAM,uBAAuB,OAAO,CAAC;AACnE;","names":[]}

package/dist/esm/state/modules/components-meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/components-meta.ts"],"sourcesContent":["import { type Action, type UnknownAction, isKnownAction } from '../actions'\nimport { ReadOnlyActionTypes } from '../actions/internal/read-only-action-types'\n\nexport const ComponentIcon = {\n  Accordion: 'accordion',\n  Audio: 'audio',\n  Billing: 'billing',\n  Bolt: 'bolt',\n  Button: 'button',\n  Card: 'card',\n  Cards: 'cards',\n  Carousel: 'carousel',\n  Chats: 'chats',\n  Code: 'code',\n  Countdown: 'countdown',\n  Cube: 'cube',\n  Database: 'database',\n  Divider: 'divider',\n  Form: 'form',\n  Gallery: 'gallery',\n  Grid: 'grid',\n  Help: 'help',\n  Image: 'image',\n  Layout: 'layout',\n  Lock: 'lock',\n  Marker: 'marker',\n  Navigation: 'navigation',\n  Palette: 'palette',\n  SocialLinks: 'social-links',\n  Star: 'star',\n  Table: 'table',\n  Tabs: 'tabs',\n  Text: 'text',\n  Users: 'users',\n  Video: 'video',\n} as const\n\nexport type ComponentIcon = (typeof ComponentIcon)[keyof typeof ComponentIcon]\n\nexport type ComponentMeta = {\n  label: string\n  icon: ComponentIcon\n  hidden: boolean\n  description?: string\n  builtinSuspense?: boolean\n  unstable_migration?: {\n    replacementType: string\n  }\n}\n\nexport type State = Map<string, ComponentMeta>\n\nexport function getInitialState({\n  componentsMeta = new Map(),\n}: { componentsMeta?: Map<string, ComponentMeta> } = {}): State {\n  return componentsMeta\n}\n\nexport function getComponentsMeta(state: State): Map<string, ComponentMeta> {\n  return state\n}\n\nexport function getComponentMeta(state: State, type: string): ComponentMeta | null {\n  return getComponentsMeta(state).get(type) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ReadOnlyActionTypes.REGISTER_COMPONENT:\n      return new Map(state).set(action.payload.type, action.payload.meta)\n\n    case ReadOnlyActionTypes.UNREGISTER_COMPONENT: {\n      const nextState = new Map(state)\n\n      const deleted = nextState.delete(action.payload.type)\n\n      return deleted ? nextState : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AAAA,SAA0C,qBAAqB;AAC/D,SAAS,2BAA2B;AAE7B,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;AAiBO,SAAS,gBAAgB;AAAA,EAC9B,iBAAiB,oBAAI,IAAI;AAC3B,IAAqD,CAAC,GAAU;AAC9D,SAAO;AACT;AAEO,SAAS,kBAAkB,OAA0C;AAC1E,SAAO;AACT;AAEO,SAAS,iBAAiB,OAAc,MAAoC;AACjF,SAAO,kBAAkB,KAAK,EAAE,IAAI,IAAI,KAAK;AAC/C;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuC;AAC/F,MAAI,CAAC,cAAc,MAAM;AAAG,WAAO;AAEnC,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,oBAAoB;AACvB,aAAO,IAAI,IAAI,KAAK,EAAE,IAAI,OAAO,QAAQ,MAAM,OAAO,QAAQ,IAAI;AAAA,IAEpE,KAAK,oBAAoB,sBAAsB;AAC7C,YAAM,YAAY,IAAI,IAAI,KAAK;AAE/B,YAAM,UAAU,UAAU,OAAO,OAAO,QAAQ,IAAI;AAEpD,aAAO,UAAU,YAAY;AAAA,IAC/B;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/modules/components-meta.ts"],"sourcesContent":["import { InjectableProps } from '../../runtimes/react/server/injectable-props'\nimport { type Action, type UnknownAction, isKnownAction } from '../actions'\nimport { ReadOnlyActionTypes } from '../actions/internal/read-only-action-types'\n\nexport const ComponentIcon = {\n  Accordion: 'accordion',\n  Audio: 'audio',\n  Billing: 'billing',\n  Bolt: 'bolt',\n  Button: 'button',\n  Card: 'card',\n  Cards: 'cards',\n  Carousel: 'carousel',\n  Chats: 'chats',\n  Code: 'code',\n  Countdown: 'countdown',\n  Cube: 'cube',\n  Database: 'database',\n  Divider: 'divider',\n  Form: 'form',\n  Gallery: 'gallery',\n  Grid: 'grid',\n  Help: 'help',\n  Image: 'image',\n  Layout: 'layout',\n  Lock: 'lock',\n  Marker: 'marker',\n  Navigation: 'navigation',\n  Palette: 'palette',\n  SocialLinks: 'social-links',\n  Star: 'star',\n  Table: 'table',\n  Tabs: 'tabs',\n  Text: 'text',\n  Users: 'users',\n  Video: 'video',\n} as const\n\nexport type ComponentIcon = (typeof ComponentIcon)[keyof typeof ComponentIcon]\n\nexport type ComponentMeta = {\n  label: string\n  icon: ComponentIcon\n  hidden: boolean\n  description?: string\n  builtinSuspense?: boolean\n  unstable_migration?: {\n    replacementType: string\n  }\n  server?: boolean\n  injectedProps?: Record<string, keyof InjectableProps>\n}\n\nexport type State = Map<string, ComponentMeta>\n\nexport function getInitialState({\n  componentsMeta = new Map(),\n}: { componentsMeta?: Map<string, ComponentMeta> } = {}): State {\n  return componentsMeta\n}\n\nexport function getComponentsMeta(state: State): Map<string, ComponentMeta> {\n  return state\n}\n\nexport function getComponentMeta(state: State, type: string): ComponentMeta | null {\n  return getComponentsMeta(state).get(type) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ReadOnlyActionTypes.REGISTER_COMPONENT:\n      return new Map(state).set(action.payload.type, action.payload.meta)\n\n    case ReadOnlyActionTypes.UNREGISTER_COMPONENT: {\n      const nextState = new Map(state)\n\n      const deleted = nextState.delete(action.payload.type)\n\n      return deleted ? nextState : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AACA,SAA0C,qBAAqB;AAC/D,SAAS,2BAA2B;AAE7B,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;AAmBO,SAAS,gBAAgB;AAAA,EAC9B,iBAAiB,oBAAI,IAAI;AAC3B,IAAqD,CAAC,GAAU;AAC9D,SAAO;AACT;AAEO,SAAS,kBAAkB,OAA0C;AAC1E,SAAO;AACT;AAEO,SAAS,iBAAiB,OAAc,MAAoC;AACjF,SAAO,kBAAkB,KAAK,EAAE,IAAI,IAAI,KAAK;AAC/C;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuC;AAC/F,MAAI,CAAC,cAAc,MAAM;AAAG,WAAO;AAEnC,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,oBAAoB;AACvB,aAAO,IAAI,IAAI,KAAK,EAAE,IAAI,OAAO,QAAQ,MAAM,OAAO,QAAQ,IAAI;AAAA,IAEpE,KAAK,oBAAoB,sBAAsB;AAC7C,YAAM,YAAY,IAAI,IAAI,KAAK;AAE/B,YAAM,UAAU,UAAU,OAAO,OAAO,QAAQ,IAAI;AAEpD,aAAO,UAAU,YAAY;AAAA,IAC/B;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}