@makeswift/runtime 0.28.10-canary.9 → 0.29.0-canary.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.28.10-canary.9",
+  "version": "0.29.0-canary.19",
   "license": "MIT",
   "repository": {
     "url": "makeswift/makeswift",
@@ -190,11 +190,11 @@
   },
   "types": "./dist/types/index.d.ts",
   "peerDependencies": {
-    "@types/react": "^18.0.0 || ^19.0.0",
-    "@types/react-dom": "^18.0.0 || ^19.0.0",
-    "next": "^13.4.0 || ^14.0.0 || ^15.0.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "next": "^15.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -205,14 +205,10 @@
     }
   },
   "dependencies": {
-    "@emotion/cache": "^11.14.0",
-    "@emotion/css": "^11.13.5",
     "@emotion/serialize": "^1.3.3",
-    "@emotion/server": "^11.11.0",
-    "@emotion/sheet": "^1.4.0",
-    "@emotion/utils": "^1.4.2",
     "@reduxjs/toolkit": "^2.8.2",
     "@use-gesture/react": "^10.2.24",
+    "clsx": "^2.1.1",
     "color": "^3.1.3",
     "cookie": "^1.0.2",
     "corporate-ipsum": "^1.0.1",
@@ -229,6 +225,7 @@
     "js-base64": "^3.7.7",
     "jwt-decode": "^4.0.0",
     "ky": "^1.14.3",
+    "murmurhash-js": "^1.0.0",
     "ot-json0": "^1.1.0",
     "parse5": "^7.3.0",
     "path-to-regexp": "^6.2.1",
@@ -240,20 +237,21 @@
     "slate": "^0.91.4",
     "slate-hyperscript": "^0.77.0",
     "slate-react": "^0.91.7",
+    "stylis": "^4.4.0",
     "ts-pattern": "^5.0.5",
     "use-sync-external-store": "^1.5.0",
     "uuid": "^9.0.0",
     "zod": "^3.21.4",
-    "@makeswift/controls": "0.1.22-canary.1",
+    "@makeswift/controls": "0.1.22-canary.6",
     "@makeswift/next-plugin": "0.6.1",
-    "@makeswift/prop-controllers": "0.4.16-canary.1"
+    "@makeswift/prop-controllers": "0.4.16-canary.6"
   },
   "devDependencies": {
-    "@emotion/jest": "^11.11.0",
     "@graphql-codegen/add": "^3.1.0",
     "@graphql-codegen/cli": "2.6.2",
     "@graphql-codegen/typescript-document-nodes": "^2.3.12",
     "@graphql-codegen/typescript-operations": "2.3.4",
+    "@prettier/sync": "^0.6.1",
     "@swc/core": "^1.4.15",
     "@swc/jest": "^0.2.36",
     "@testing-library/jest-dom": "^6.4.2",
@@ -264,10 +262,12 @@
     "@types/is-hotkey": "^0.1.7",
     "@types/jest": "^29.5.12",
     "@types/jsdom": "^21.1.7",
+    "@types/murmurhash-js": "^1.0.7",
     "@types/node": "^20.14.8",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
     "@types/set-cookie-parser": "^2.4.10",
+    "@types/stylis": "^4.2.7",
     "@types/use-sync-external-store": "^1.5.0",
     "@types/uuid": "^9.0.1",
     "@typescript/lib-dom": "npm:@types/web@^0.0.243",

package/dist/cjs/runtimes/react/controls/rich-text-v2/rich-text-v2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/controls/rich-text-v2/rich-text-v2.tsx"],"sourcesContent":["import { ReactNode, lazy } from 'react'\n\nimport { type DataType } from '@makeswift/controls'\nimport {\n  RichTextV2Control,\n  RichTextV2Definition,\n  RichTextDataV2,\n} from '../../../../controls/rich-text-v2'\nimport { useIsReadOnly } from '../../hooks/use-is-read-only'\n\nexport type RichTextV2ControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextV2Definition }\n\nconst EditableText = lazy(() => import('./EditableTextV2'))\nconst ReadOnlyText = lazy(() => import('./ReadOnlyTextV2'))\n\nconst ReadOnlyTextV1 = lazy(() => import('../rich-text/ReadOnlyText'))\n\nexport function renderRichTextV2(\n  data: DataType<RichTextV2Definition> | undefined,\n  definition: RichTextV2Definition,\n  control: RichTextV2Control | null,\n): ReactNode {\n  return RichTextV2Definition.isV1Data(data) ? (\n    <ReadOnlyTextV1 text={data} />\n  ) : (\n    <RichTextV2 data={data} definition={definition} control={control} />\n  )\n}\n\nfunction RichTextV2({\n  data,\n  definition,\n  control,\n}: {\n  data: RichTextDataV2 | undefined\n  definition: RichTextV2Definition\n  control: RichTextV2Control | null\n}) {\n  return useIsReadOnly() ? (\n    <ReadOnlyText text={data} definition={definition} />\n  ) : (\n    <EditableText text={data} definition={definition} control={control} />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAzBJ,mBAAgC;AAGhC,0BAIO;AACP,8BAA8B;AAM9B,MAAM,mBAAe,mBAAK,MAAM,6CAAO,kBAAkB,GAAC;AAC1D,MAAM,mBAAe,mBAAK,MAAM,6CAAO,kBAAkB,GAAC;AAE1D,MAAM,qBAAiB,mBAAK,MAAM,6CAAO,2BAA2B,GAAC;AAE9D,SAAS,iBACd,MACA,YACA,SACW;AACX,SAAO,yCAAqB,SAAS,IAAI,IACvC,4CAAC,kBAAe,MAAM,MAAM,IAE5B,4CAAC,cAAW,MAAY,YAAwB,SAAkB;AAEtE;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,aAAO,uCAAc,IACnB,4CAAC,gBAAa,MAAM,MAAM,YAAwB,IAElD,4CAAC,gBAAa,MAAM,MAAM,YAAwB,SAAkB;AAExE;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-css-id.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-css-id.ts"],"sourcesContent":["import { useId } from 'react'\n\nexport function useCssId(): string {\n  return useId().replaceAll(':', '') // CSS class names prohibit colons\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsB;AAEf,SAAS,WAAmB;AACjC,aAAO,oBAAM,EAAE,WAAW,KAAK,EAAE;AACnC;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-editable-element-stylesheet-factory.js

@@ -1,58 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_editable_element_stylesheet_factory_exports = {};
-__export(use_editable_element_stylesheet_factory_exports, {
-  useEditableElementStylesheetFactory: () => useEditableElementStylesheetFactory
-});
-module.exports = __toCommonJS(use_editable_element_stylesheet_factory_exports);
-var import_react = require("react");
-var import_css_runtime = require("../server/css/css-runtime");
-var import_client_css = require("../server/css/client-css");
-var import_use_breakpoints = require("./use-breakpoints");
-const useEditableElementStylesheetFactory = ({
-  elementKey: baseElementKey
-}) => {
-  const { updateStyle } = (0, import_client_css.useClientCSS)();
-  const breakpoints = (0, import_use_breakpoints.useBreakpoints)();
-  const stylesheetEngine = (0, import_react.useMemo)(
-    () => new import_css_runtime.StylesheetEngine(
-      breakpoints,
-      baseElementKey,
-      void 0,
-      (_className, css, elementKey, propName) => {
-        if (elementKey && propName)
-          updateStyle(elementKey, propName, css);
-      }
-    ),
-    [breakpoints, baseElementKey, updateStyle]
-  );
-  return (0, import_react.useMemo)(
-    () => ({
-      get: (propName) => stylesheetEngine.child(propName),
-      useDefinedStyles: () => {
-      }
-    }),
-    [stylesheetEngine]
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useEditableElementStylesheetFactory
-});
-//# sourceMappingURL=use-editable-element-stylesheet-factory.js.map

package/dist/cjs/runtimes/react/hooks/use-editable-element-stylesheet-factory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-editable-element-stylesheet-factory.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { StylesheetEngine } from '../server/css/css-runtime'\nimport { useClientCSS } from '../server/css/client-css'\n\nimport { type StylesheetFactory } from '../stylesheet-factory'\n\nimport { useBreakpoints } from './use-breakpoints'\n\nexport const useEditableElementStylesheetFactory = ({\n  elementKey: baseElementKey,\n}: {\n  elementKey: string\n}): StylesheetFactory => {\n  const { updateStyle } = useClientCSS()\n  const breakpoints = useBreakpoints()\n\n  const stylesheetEngine = useMemo(\n    () =>\n      new StylesheetEngine(\n        breakpoints,\n        baseElementKey,\n        undefined,\n        (_className, css, elementKey, propName) => {\n          if (elementKey && propName) updateStyle(elementKey, propName, css)\n        },\n      ),\n    [breakpoints, baseElementKey, updateStyle],\n  )\n\n  return useMemo(\n    () => ({\n      get: (propName: string) => stylesheetEngine.child(propName),\n      useDefinedStyles: () => {\n        // No-op, the styles are updated as they are defined\n      },\n    }),\n    [stylesheetEngine],\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAExB,yBAAiC;AACjC,wBAA6B;AAI7B,6BAA+B;AAExB,MAAM,sCAAsC,CAAC;AAAA,EAClD,YAAY;AACd,MAEyB;AACvB,QAAM,EAAE,YAAY,QAAI,gCAAa;AACrC,QAAM,kBAAc,uCAAe;AAEnC,QAAM,uBAAmB;AAAA,IACvB,MACE,IAAI;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,YAAY,KAAK,YAAY,aAAa;AACzC,YAAI,cAAc;AAAU,sBAAY,YAAY,UAAU,GAAG;AAAA,MACnE;AAAA,IACF;AAAA,IACF,CAAC,aAAa,gBAAgB,WAAW;AAAA,EAC3C;AAEA,aAAO;AAAA,IACL,OAAO;AAAA,MACL,KAAK,CAAC,aAAqB,iBAAiB,MAAM,QAAQ;AAAA,MAC1D,kBAAkB,MAAM;AAAA,MAExB;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AACF;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-stylesheet-factory.js

@@ -1,87 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_stylesheet_factory_exports = {};
-__export(use_stylesheet_factory_exports, {
-  useStylesheetFactory: () => useStylesheetFactory
-});
-module.exports = __toCommonJS(use_stylesheet_factory_exports);
-var import_react = require("react");
-var import_serialize = require("@emotion/serialize");
-var import_controls = require("@makeswift/controls");
-var import_resolved_style_to_css = require("../lib/resolved-style-to-css");
-var import_poll_box_model = require("../poll-box-model");
-var import_root_style_registry = require("../root-style-registry");
-var import_use_style = require("../use-style");
-var import_use_breakpoints = require("./use-breakpoints");
-var import_use_css_id = require("./use-css-id");
-function useStylesheetFactory() {
-  const breakpoints = (0, import_use_breakpoints.useBreakpoints)();
-  const cache = (0, import_root_style_registry.useCache)();
-  const componentUid = (0, import_use_css_id.useCssId)();
-  const computedStyles = (0, import_react.useRef)({}).current;
-  const boxModelCallbacks = (0, import_react.useRef)(
-    {}
-  ).current;
-  return (0, import_react.useMemo)(() => {
-    const getStylesheet = (styleSheetId) => ({
-      breakpoints() {
-        return breakpoints;
-      },
-      defineStyle(style, onBoxModelChange) {
-        const serialized = serializeStyle(breakpoints, style, cache);
-        const uid = `u-${componentUid}-${styleSheetId}`;
-        computedStyles[uid] = serialized;
-        const className = (0, import_use_style.serializedStyleClassName)(cache, serialized);
-        if (!onBoxModelChange)
-          return className;
-        boxModelCallbacks[uid] = onBoxModelChange;
-        return `${className} ${uid}`;
-      },
-      child(id) {
-        return getStylesheet(`${styleSheetId}-${id}`);
-      }
-    });
-    return {
-      get(propName) {
-        return getStylesheet(propName);
-      },
-      useDefinedStyles() {
-        (0, import_use_style.useStyles)(cache, Object.values(computedStyles));
-        (0, import_react.useEffect)(() => {
-          const unsubscribes = Object.entries(boxModelCallbacks).map(
-            ([uid, callback]) => callback != null ? (0, import_poll_box_model.pollBoxModel)({
-              element: document.querySelector(`.${uid}`),
-              onBoxModelChange: callback
-            }) : void 0
-          ).filter(import_controls.isNotNil);
-          return () => unsubscribes.forEach((fn) => fn());
-        }, [Object.keys(boxModelCallbacks).join(" ")]);
-      }
-    };
-  }, [breakpoints, cache, componentUid]);
-}
-function serializeStyle(breakpoints, style, cache) {
-  const css = (0, import_resolved_style_to_css.resolvedStyleToCss)(breakpoints, style);
-  return (0, import_serialize.serializeStyles)([css], cache.registered);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStylesheetFactory
-});
-//# sourceMappingURL=use-stylesheet-factory.js.map

package/dist/cjs/runtimes/react/hooks/use-stylesheet-factory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-stylesheet-factory.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react'\nimport { serializeStyles } from '@emotion/serialize'\nimport { type EmotionCache } from '@emotion/cache'\nimport { type SerializedStyles } from '@emotion/utils'\n\nimport {\n  type BoxDisplayModel,\n  type Breakpoints,\n  type Stylesheet,\n  type ResolvedStyle,\n  isNotNil,\n} from '@makeswift/controls'\n\nimport { resolvedStyleToCss } from '../lib/resolved-style-to-css'\nimport { pollBoxModel } from '../poll-box-model'\nimport { useCache } from '../root-style-registry'\nimport { type StylesheetFactory } from '../stylesheet-factory'\nimport { useStyles, serializedStyleClassName } from '../use-style'\n\nimport { useBreakpoints } from './use-breakpoints'\nimport { useCssId } from './use-css-id'\n\nexport function useStylesheetFactory(): StylesheetFactory {\n  const breakpoints = useBreakpoints()\n  const cache = useCache()\n  const componentUid = useCssId()\n\n  const computedStyles = useRef<Record<string, SerializedStyles>>({}).current\n  const boxModelCallbacks = useRef<Record<string, (boxModel: BoxDisplayModel | null) => void>>(\n    {},\n  ).current\n\n  return useMemo(() => {\n    const getStylesheet = (styleSheetId: string): Stylesheet => ({\n      breakpoints(): Breakpoints {\n        return breakpoints\n      },\n\n      defineStyle(\n        style: ResolvedStyle,\n        onBoxModelChange?: (boxModel: BoxDisplayModel | null) => void,\n      ): string {\n        const serialized = serializeStyle(breakpoints, style, cache)\n        const uid = `u-${componentUid}-${styleSheetId}`\n        computedStyles[uid] = serialized\n\n        const className = serializedStyleClassName(cache, serialized)\n        if (!onBoxModelChange) return className\n\n        boxModelCallbacks[uid] = onBoxModelChange\n        return `${className} ${uid}`\n      },\n\n      child(id: string): Stylesheet {\n        return getStylesheet(`${styleSheetId}-${id}`)\n      },\n    })\n\n    return {\n      get(propName: string): Stylesheet {\n        return getStylesheet(propName)\n      },\n\n      useDefinedStyles() {\n        useStyles(cache, Object.values(computedStyles))\n\n        useEffect(() => {\n          const unsubscribes = Object.entries(boxModelCallbacks)\n            .map(([uid, callback]) =>\n              callback != null\n                ? pollBoxModel({\n                    element: document.querySelector(`.${uid}`),\n                    onBoxModelChange: callback,\n                  })\n                : undefined,\n            )\n            .filter(isNotNil)\n\n          return () => unsubscribes.forEach(fn => fn())\n        }, [Object.keys(boxModelCallbacks).join(' ')])\n      },\n    }\n  }, [breakpoints, cache, componentUid])\n}\n\nfunction serializeStyle(\n  breakpoints: Breakpoints,\n  style: ResolvedStyle,\n  cache: EmotionCache,\n): SerializedStyles {\n  const css = resolvedStyleToCss(breakpoints, style)\n  return serializeStyles([css], cache.registered)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,uBAAgC;AAIhC,sBAMO;AAEP,mCAAmC;AACnC,4BAA6B;AAC7B,iCAAyB;AAEzB,uBAAoD;AAEpD,6BAA+B;AAC/B,wBAAyB;AAElB,SAAS,uBAA0C;AACxD,QAAM,kBAAc,uCAAe;AACnC,QAAM,YAAQ,qCAAS;AACvB,QAAM,mBAAe,4BAAS;AAE9B,QAAM,qBAAiB,qBAAyC,CAAC,CAAC,EAAE;AACpE,QAAM,wBAAoB;AAAA,IACxB,CAAC;AAAA,EACH,EAAE;AAEF,aAAO,sBAAQ,MAAM;AACnB,UAAM,gBAAgB,CAAC,kBAAsC;AAAA,MAC3D,cAA2B;AACzB,eAAO;AAAA,MACT;AAAA,MAEA,YACE,OACA,kBACQ;AACR,cAAM,aAAa,eAAe,aAAa,OAAO,KAAK;AAC3D,cAAM,MAAM,KAAK,YAAY,IAAI,YAAY;AAC7C,uBAAe,GAAG,IAAI;AAEtB,cAAM,gBAAY,2CAAyB,OAAO,UAAU;AAC5D,YAAI,CAAC;AAAkB,iBAAO;AAE9B,0BAAkB,GAAG,IAAI;AACzB,eAAO,GAAG,SAAS,IAAI,GAAG;AAAA,MAC5B;AAAA,MAEA,MAAM,IAAwB;AAC5B,eAAO,cAAc,GAAG,YAAY,IAAI,EAAE,EAAE;AAAA,MAC9C;AAAA,IACF;AAEA,WAAO;AAAA,MACL,IAAI,UAA8B;AAChC,eAAO,cAAc,QAAQ;AAAA,MAC/B;AAAA,MAEA,mBAAmB;AACjB,wCAAU,OAAO,OAAO,OAAO,cAAc,CAAC;AAE9C,oCAAU,MAAM;AACd,gBAAM,eAAe,OAAO,QAAQ,iBAAiB,EAClD;AAAA,YAAI,CAAC,CAAC,KAAK,QAAQ,MAClB,YAAY,WACR,oCAAa;AAAA,cACX,SAAS,SAAS,cAAc,IAAI,GAAG,EAAE;AAAA,cACzC,kBAAkB;AAAA,YACpB,CAAC,IACD;AAAA,UACN,EACC,OAAO,wBAAQ;AAElB,iBAAO,MAAM,aAAa,QAAQ,QAAM,GAAG,CAAC;AAAA,QAC9C,GAAG,CAAC,OAAO,KAAK,iBAAiB,EAAE,KAAK,GAAG,CAAC,CAAC;AAAA,MAC/C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,YAAY,CAAC;AACvC;AAEA,SAAS,eACP,aACA,OACA,OACkB;AAClB,QAAM,UAAM,iDAAmB,aAAa,KAAK;AACjD,aAAO,kCAAgB,CAAC,GAAG,GAAG,MAAM,UAAU;AAChD;","names":[]}

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

@@ -1,112 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,102 +0,0 @@
-"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

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

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

@@ -1,71 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var server_css_exports = {};
-__export(server_css_exports, {
-  InjectServerCSS: () => InjectServerCSS,
-  ServerCSSCollector: () => ServerCSSCollector,
-  createCollectingServerStylesheet: () => createCollectingServerStylesheet
-});
-module.exports = __toCommonJS(server_css_exports);
-var import_jsx_runtime = (
-  // `precedence` and `href` props are required to opt the `<style>` element into React 19's stylesheet
-  // hoisting; `href` here serves as a unique identifier, and doesn't have to be a valid URL; React
-  // converts it to a `data-href` attribute in the actual HTML output
-  require("react/jsx-runtime")
-);
-var import_css_runtime = require("./css-runtime");
-class ServerCSSCollector {
-  styles = /* @__PURE__ */ new Map();
-  collect(className, css) {
-    if (this.styles.has(className))
-      return;
-    this.styles.set(className, css);
-  }
-  hasStyles() {
-    return this.styles.size > 0;
-  }
-  getAllStyles() {
-    return Array.from(this.styles.values()).join("\n");
-  }
-  clear() {
-    this.styles.clear();
-  }
-}
-function createCollectingServerStylesheet(collector, breakpoints, elementKey) {
-  return new import_css_runtime.StylesheetEngine(breakpoints, elementKey, void 0, (className, css) => {
-    collector.collect(className, css);
-  });
-}
-function InjectServerCSS({
-  collector,
-  elementKey
-}) {
-  if (!collector.hasStyles())
-    return null;
-  const css = collector.getAllStyles();
-  const styleTagId = `${import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}${elementKey}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { href: styleTagId, precedence: styleTagId, children: css });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  InjectServerCSS,
-  ServerCSSCollector,
-  createCollectingServerStylesheet
-});
-//# sourceMappingURL=server-css.js.map

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

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

package/dist/cjs/runtimes/react/stylesheet-factory.js

@@ -1,17 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stylesheet_factory_exports = {};
-module.exports = __toCommonJS(stylesheet_factory_exports);
-//# sourceMappingURL=stylesheet-factory.js.map

package/dist/cjs/runtimes/react/stylesheet-factory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/runtimes/react/stylesheet-factory.ts"],"sourcesContent":["import { type Stylesheet } from '@makeswift/controls'\n\nexport type StylesheetFactory = {\n  get(propName: string): Stylesheet\n  useDefinedStyles(): void\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}