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

package/dist/cjs/runtimes/react/use-global-style.js

@@ -1,101 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_global_style_exports = {};
-__export(use_global_style_exports, {
-  useGlobalStyle: () => useGlobalStyle
-});
-module.exports = __toCommonJS(use_global_style_exports);
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_serialize = require("@emotion/serialize");
-var import_utils = require("@emotion/utils");
-var import_root_style_registry = require("./root-style-registry");
-const isServer = typeof window === "undefined";
-const useInsertionEffectSpecifier = "useInsertionEffect";
-const useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect;
-function useGlobalStyle(...args) {
-  const cache = (0, import_root_style_registry.useCache)();
-  const serialized = (0, import_serialize.serializeStyles)(args, cache.registered);
-  if (isServer) {
-    if (cache.inserted[serialized.name] === void 0) {
-      cache.insert("", serialized, cache.sheet, true);
-    }
-  }
-  const sheetRef = (0, import_react.useRef)(null);
-  useInsertionEffect(() => {
-    const key = `${cache.key}-global`;
-    const cacheSheet = cache.sheet;
-    const sheet = new cacheSheet.constructor({
-      key,
-      nonce: cacheSheet.nonce,
-      container: cacheSheet.container,
-      speedy: cacheSheet.isSpeedy
-    });
-    const node = document.querySelector(
-      `style[data-emotion="${key} ${serialized.name}"]`
-    );
-    if (cache.sheet.tags.length > 0) {
-      sheet.before = cache.sheet.tags[0];
-    }
-    let rehydrating = false;
-    if (node != null) {
-      rehydrating = true;
-      node.setAttribute("data-emotion", key);
-      sheet.hydrate([node]);
-    }
-    sheetRef.current = [sheet, rehydrating];
-    return () => {
-      sheet.flush();
-    };
-  });
-  useInsertionEffect(() => {
-    const [sheet, rehydrating] = sheetRef.current ?? [];
-    if (sheet == null || rehydrating == null)
-      return;
-    if (rehydrating) {
-      sheetRef.current = [sheet, false];
-      return;
-    }
-    if (serialized.next != null) {
-      (0, import_utils.insertStyles)(cache, serialized.next, true);
-    }
-    if (sheet.tags.length > 0) {
-      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
-      sheet.before = element;
-      sheet.flush();
-    }
-    cache.insert("", serialized, sheet, false);
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useGlobalStyle
-});
-//# sourceMappingURL=use-global-style.js.map

package/dist/cjs/runtimes/react/use-global-style.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/runtimes/react/use-global-style.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useRef } from 'react'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nimport { useCache } from './root-style-registry'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  const cache = useCache()\n  const serialized = serializeStyles(args, cache.registered)\n\n  if (isServer) {\n    if (cache.inserted[serialized.name] === undefined) {\n      cache.insert('', serialized, cache.sheet, true)\n    }\n  }\n\n  const sheetRef = useRef<[StyleSheet, boolean] | null>(null)\n\n  // Hydration\n  useInsertionEffect(() => {\n    const key = `${cache.key}-global`\n\n    const cacheSheet = cache.sheet as StyleSheet\n    const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n      key,\n      nonce: cacheSheet.nonce,\n      container: cacheSheet.container,\n      speedy: cacheSheet.isSpeedy,\n    })\n\n    const node = document.querySelector<HTMLStyleElement>(\n      `style[data-emotion=\"${key} ${serialized.name}\"]`,\n    )\n\n    if (cache.sheet.tags.length > 0) {\n      sheet.before = cache.sheet.tags[0]\n    }\n\n    let rehydrating = false\n\n    if (node != null) {\n      rehydrating = true\n      node.setAttribute('data-emotion', key)\n      sheet.hydrate([node])\n    }\n\n    sheetRef.current = [sheet, rehydrating]\n\n    return () => {\n      sheet.flush()\n    }\n  })\n\n  // Insertion\n  useInsertionEffect(() => {\n    const [sheet, rehydrating] = sheetRef.current ?? []\n\n    if (sheet == null || rehydrating == null) return\n\n    if (rehydrating) {\n      sheetRef.current = [sheet, false]\n\n      return\n    }\n\n    if (serialized.next != null) {\n      insertStyles(cache, serialized.next, true)\n    }\n\n    if (sheet.tags.length > 0) {\n      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n      sheet.before = element\n\n      sheet.flush()\n    }\n\n    cache.insert('', serialized, sheet, false)\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,mBAAuB;AACvB,uBAAkD;AAElD,mBAA6B;AAE7B,iCAAyB;AAEzB,MAAM,WAAW,OAAO,WAAW;AACnC,MAAM,8BAA8B;AACpC,MAAM,qBAAqB,MAAM,2BAA2B,KAAK,MAAM;AAEhE,SAAS,kBAAkB,MAAgC;AAChE,QAAM,YAAQ,qCAAS;AACvB,QAAM,iBAAa,kCAAgB,MAAM,MAAM,UAAU;AAEzD,MAAI,UAAU;AACZ,QAAI,MAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,YAAM,OAAO,IAAI,YAAY,MAAM,OAAO,IAAI;AAAA,IAChD;AAAA,EACF;AAEA,QAAM,eAAW,qBAAqC,IAAI;AAG1D,qBAAmB,MAAM;AACvB,UAAM,MAAM,GAAG,MAAM,GAAG;AAExB,UAAM,aAAa,MAAM;AACzB,UAAM,QAAQ,IAAK,WAAW,YAAkC;AAAA,MAC9D;AAAA,MACA,OAAO,WAAW;AAAA,MAClB,WAAW,WAAW;AAAA,MACtB,QAAQ,WAAW;AAAA,IACrB,CAAC;AAED,UAAM,OAAO,SAAS;AAAA,MACpB,uBAAuB,GAAG,IAAI,WAAW,IAAI;AAAA,IAC/C;AAEA,QAAI,MAAM,MAAM,KAAK,SAAS,GAAG;AAC/B,YAAM,SAAS,MAAM,MAAM,KAAK,CAAC;AAAA,IACnC;AAEA,QAAI,cAAc;AAElB,QAAI,QAAQ,MAAM;AAChB,oBAAc;AACd,WAAK,aAAa,gBAAgB,GAAG;AACrC,YAAM,QAAQ,CAAC,IAAI,CAAC;AAAA,IACtB;AAEA,aAAS,UAAU,CAAC,OAAO,WAAW;AAEtC,WAAO,MAAM;AACX,YAAM,MAAM;AAAA,IACd;AAAA,EACF,CAAC;AAGD,qBAAmB,MAAM;AACvB,UAAM,CAAC,OAAO,WAAW,IAAI,SAAS,WAAW,CAAC;AAElD,QAAI,SAAS,QAAQ,eAAe;AAAM;AAE1C,QAAI,aAAa;AACf,eAAS,UAAU,CAAC,OAAO,KAAK;AAEhC;AAAA,IACF;AAEA,QAAI,WAAW,QAAQ,MAAM;AAC3B,qCAAa,OAAO,WAAW,MAAM,IAAI;AAAA,IAC3C;AAEA,QAAI,MAAM,KAAK,SAAS,GAAG;AACzB,YAAM,UAAU,MAAM,KAAK,MAAM,KAAK,SAAS,CAAC,EAAE;AAElD,YAAM,SAAS;AAEf,YAAM,MAAM;AAAA,IACd;AAEA,UAAM,OAAO,IAAI,YAAY,OAAO,KAAK;AAAA,EAC3C,CAAC;AACH;","names":[]}

package/dist/cjs/runtimes/react/use-style.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/runtimes/react/use-style.ts"],"sourcesContent":["import React from 'react'\nimport { type CSSObject } from '@emotion/serialize'\nimport { EmotionCache } from '@emotion/cache'\nimport { serializeStyles } from '@emotion/serialize'\nimport { registerStyles, insertStyles, type SerializedStyles } from '@emotion/utils'\n\nimport { isServer } from '../../utils/is-server'\n\nimport { useCache } from './root-style-registry'\n\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useStyle(style: CSSObject): string {\n  const cache = useCache()\n  const serialized = serializeStyles([style], cache.registered)\n\n  registerStyles(cache, serialized, false)\n\n  useUniversalInsertionEffect(() => {\n    insertStyles(cache, serialized, false)\n  })\n\n  return serializedStyleClassName(cache, serialized)\n}\n\nexport function useStyles(cache: EmotionCache, styles: SerializedStyles[]) {\n  styles.forEach(s => registerStyles(cache, s, false))\n\n  useUniversalInsertionEffect(() => {\n    styles.forEach(s => insertStyles(cache, s, false))\n  })\n}\n\nfunction useUniversalInsertionEffect(effect: () => void) {\n  useInsertionEffect(effect)\n  if (isServer()) effect()\n}\n\nexport function serializedStyleClassName(\n  cache: EmotionCache,\n  serialized: SerializedStyles,\n): string {\n  // see https://github.com/emotion-js/emotion/blob/main/packages/utils/src/index.ts#L26\n  return `${cache.key}-${serialized.name}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,IAAAA,oBAAgC;AAChC,mBAAoE;AAEpE,uBAAyB;AAEzB,iCAAyB;AAEzB,MAAM,8BAA8B;AACpC,MAAM,qBAAqB,aAAAC,QAAM,2BAA2B,KAAK,aAAAA,QAAM;AAEhE,SAAS,SAAS,OAA0B;AACjD,QAAM,YAAQ,qCAAS;AACvB,QAAM,iBAAa,mCAAgB,CAAC,KAAK,GAAG,MAAM,UAAU;AAE5D,mCAAe,OAAO,YAAY,KAAK;AAEvC,8BAA4B,MAAM;AAChC,mCAAa,OAAO,YAAY,KAAK;AAAA,EACvC,CAAC;AAED,SAAO,yBAAyB,OAAO,UAAU;AACnD;AAEO,SAAS,UAAU,OAAqB,QAA4B;AACzE,SAAO,QAAQ,WAAK,6BAAe,OAAO,GAAG,KAAK,CAAC;AAEnD,8BAA4B,MAAM;AAChC,WAAO,QAAQ,WAAK,2BAAa,OAAO,GAAG,KAAK,CAAC;AAAA,EACnD,CAAC;AACH;AAEA,SAAS,4BAA4B,QAAoB;AACvD,qBAAmB,MAAM;AACzB,UAAI,2BAAS;AAAG,WAAO;AACzB;AAEO,SAAS,yBACd,OACA,YACQ;AAER,SAAO,GAAG,MAAM,GAAG,IAAI,WAAW,IAAI;AACxC;","names":["import_serialize","React"]}

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

@@ -1,23 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { lazy } from "react";
-import {
-  RichTextV2Definition
-} from "../../../../controls/rich-text-v2";
-import { useIsReadOnly } from "../../hooks/use-is-read-only";
-const EditableText = lazy(() => import("./EditableTextV2"));
-const ReadOnlyText = lazy(() => import("./ReadOnlyTextV2"));
-const ReadOnlyTextV1 = lazy(() => import("../rich-text/ReadOnlyText"));
-function renderRichTextV2(data, definition, control) {
-  return RichTextV2Definition.isV1Data(data) ? /* @__PURE__ */ jsx(ReadOnlyTextV1, { text: data }) : /* @__PURE__ */ jsx(RichTextV2, { data, definition, control });
-}
-function RichTextV2({
-  data,
-  definition,
-  control
-}) {
-  return useIsReadOnly() ? /* @__PURE__ */ jsx(ReadOnlyText, { text: data, definition }) : /* @__PURE__ */ jsx(EditableText, { text: data, definition, control });
-}
-export {
-  renderRichTextV2
-};
-//# sourceMappingURL=rich-text-v2.js.map

package/dist/esm/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":"AAyBI;AAzBJ,SAAoB,YAAY;AAGhC;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,qBAAqB;AAM9B,MAAM,eAAe,KAAK,MAAM,OAAO,kBAAkB,CAAC;AAC1D,MAAM,eAAe,KAAK,MAAM,OAAO,kBAAkB,CAAC;AAE1D,MAAM,iBAAiB,KAAK,MAAM,OAAO,2BAA2B,CAAC;AAE9D,SAAS,iBACd,MACA,YACA,SACW;AACX,SAAO,qBAAqB,SAAS,IAAI,IACvC,oBAAC,kBAAe,MAAM,MAAM,IAE5B,oBAAC,cAAW,MAAY,YAAwB,SAAkB;AAEtE;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SAAO,cAAc,IACnB,oBAAC,gBAAa,MAAM,MAAM,YAAwB,IAElD,oBAAC,gBAAa,MAAM,MAAM,YAAwB,SAAkB;AAExE;","names":[]}

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

@@ -1,8 +0,0 @@
-import { useId } from "react";
-function useCssId() {
-  return useId().replaceAll(":", "");
-}
-export {
-  useCssId
-};
-//# sourceMappingURL=use-css-id.js.map

package/dist/esm/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,SAAS,aAAa;AAEf,SAAS,WAAmB;AACjC,SAAO,MAAM,EAAE,WAAW,KAAK,EAAE;AACnC;","names":[]}

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

@@ -1,34 +0,0 @@
-import { useMemo } from "react";
-import { StylesheetEngine } from "../server/css/css-runtime";
-import { useClientCSS } from "../server/css/client-css";
-import { useBreakpoints } from "./use-breakpoints";
-const useEditableElementStylesheetFactory = ({
-  elementKey: baseElementKey
-}) => {
-  const { updateStyle } = useClientCSS();
-  const breakpoints = useBreakpoints();
-  const stylesheetEngine = useMemo(
-    () => new StylesheetEngine(
-      breakpoints,
-      baseElementKey,
-      void 0,
-      (_className, css, elementKey, propName) => {
-        if (elementKey && propName)
-          updateStyle(elementKey, propName, css);
-      }
-    ),
-    [breakpoints, baseElementKey, updateStyle]
-  );
-  return useMemo(
-    () => ({
-      get: (propName) => stylesheetEngine.child(propName),
-      useDefinedStyles: () => {
-      }
-    }),
-    [stylesheetEngine]
-  );
-};
-export {
-  useEditableElementStylesheetFactory
-};
-//# sourceMappingURL=use-editable-element-stylesheet-factory.js.map

package/dist/esm/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,SAAS,eAAe;AAExB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAI7B,SAAS,sBAAsB;AAExB,MAAM,sCAAsC,CAAC;AAAA,EAClD,YAAY;AACd,MAEyB;AACvB,QAAM,EAAE,YAAY,IAAI,aAAa;AACrC,QAAM,cAAc,eAAe;AAEnC,QAAM,mBAAmB;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,SAAO;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/esm/runtimes/react/hooks/use-stylesheet-factory.js

@@ -1,65 +0,0 @@
-import { useMemo, useEffect, useRef } from "react";
-import { serializeStyles } from "@emotion/serialize";
-import {
-  isNotNil
-} from "@makeswift/controls";
-import { resolvedStyleToCss } from "../lib/resolved-style-to-css";
-import { pollBoxModel } from "../poll-box-model";
-import { useCache } from "../root-style-registry";
-import { useStyles, serializedStyleClassName } from "../use-style";
-import { useBreakpoints } from "./use-breakpoints";
-import { useCssId } from "./use-css-id";
-function useStylesheetFactory() {
-  const breakpoints = useBreakpoints();
-  const cache = useCache();
-  const componentUid = useCssId();
-  const computedStyles = useRef({}).current;
-  const boxModelCallbacks = useRef(
-    {}
-  ).current;
-  return 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 = 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() {
-        useStyles(cache, Object.values(computedStyles));
-        useEffect(() => {
-          const unsubscribes = Object.entries(boxModelCallbacks).map(
-            ([uid, callback]) => callback != null ? pollBoxModel({
-              element: document.querySelector(`.${uid}`),
-              onBoxModelChange: callback
-            }) : void 0
-          ).filter(isNotNil);
-          return () => unsubscribes.forEach((fn) => fn());
-        }, [Object.keys(boxModelCallbacks).join(" ")]);
-      }
-    };
-  }, [breakpoints, cache, componentUid]);
-}
-function serializeStyle(breakpoints, style, cache) {
-  const css = resolvedStyleToCss(breakpoints, style);
-  return serializeStyles([css], cache.registered);
-}
-export {
-  useStylesheetFactory
-};
-//# sourceMappingURL=use-stylesheet-factory.js.map

package/dist/esm/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,SAAS,SAAS,WAAW,cAAc;AAC3C,SAAS,uBAAuB;AAIhC;AAAA,EAKE;AAAA,OACK;AAEP,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAEzB,SAAS,WAAW,gCAAgC;AAEpD,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAElB,SAAS,uBAA0C;AACxD,QAAM,cAAc,eAAe;AACnC,QAAM,QAAQ,SAAS;AACvB,QAAM,eAAe,SAAS;AAE9B,QAAM,iBAAiB,OAAyC,CAAC,CAAC,EAAE;AACpE,QAAM,oBAAoB;AAAA,IACxB,CAAC;AAAA,EACH,EAAE;AAEF,SAAO,QAAQ,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,YAAY,yBAAyB,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,kBAAU,OAAO,OAAO,OAAO,cAAc,CAAC;AAE9C,kBAAU,MAAM;AACd,gBAAM,eAAe,OAAO,QAAQ,iBAAiB,EAClD;AAAA,YAAI,CAAC,CAAC,KAAK,QAAQ,MAClB,YAAY,OACR,aAAa;AAAA,cACX,SAAS,SAAS,cAAc,IAAI,GAAG,EAAE;AAAA,cACzC,kBAAkB;AAAA,YACpB,CAAC,IACD;AAAA,UACN,EACC,OAAO,QAAQ;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,MAAM,mBAAmB,aAAa,KAAK;AACjD,SAAO,gBAAgB,CAAC,GAAG,GAAG,MAAM,UAAU;AAChD;","names":[]}

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

@@ -1,87 +0,0 @@
-"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.head.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.head, { childList: 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

@@ -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":";AAsGS;AApGT,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;AAGd,aAAS,KACN;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,SAAS,MAAM,EAAE,WAAW,KAAK,CAAC;AAEnD,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

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

@@ -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":"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

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

@@ -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":"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/stylesheet-factory.js

@@ -1 +0,0 @@
-//# sourceMappingURL=stylesheet-factory.js.map

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

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

package/dist/esm/runtimes/react/use-global-style.js

@@ -1,67 +0,0 @@
-"use client";
-import * as React from "react";
-import { useRef } from "react";
-import { serializeStyles } from "@emotion/serialize";
-import { insertStyles } from "@emotion/utils";
-import { useCache } from "./root-style-registry";
-const isServer = typeof window === "undefined";
-const useInsertionEffectSpecifier = "useInsertionEffect";
-const useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect;
-function useGlobalStyle(...args) {
-  const cache = useCache();
-  const serialized = serializeStyles(args, cache.registered);
-  if (isServer) {
-    if (cache.inserted[serialized.name] === void 0) {
-      cache.insert("", serialized, cache.sheet, true);
-    }
-  }
-  const sheetRef = useRef(null);
-  useInsertionEffect(() => {
-    const key = `${cache.key}-global`;
-    const cacheSheet = cache.sheet;
-    const sheet = new cacheSheet.constructor({
-      key,
-      nonce: cacheSheet.nonce,
-      container: cacheSheet.container,
-      speedy: cacheSheet.isSpeedy
-    });
-    const node = document.querySelector(
-      `style[data-emotion="${key} ${serialized.name}"]`
-    );
-    if (cache.sheet.tags.length > 0) {
-      sheet.before = cache.sheet.tags[0];
-    }
-    let rehydrating = false;
-    if (node != null) {
-      rehydrating = true;
-      node.setAttribute("data-emotion", key);
-      sheet.hydrate([node]);
-    }
-    sheetRef.current = [sheet, rehydrating];
-    return () => {
-      sheet.flush();
-    };
-  });
-  useInsertionEffect(() => {
-    const [sheet, rehydrating] = sheetRef.current ?? [];
-    if (sheet == null || rehydrating == null)
-      return;
-    if (rehydrating) {
-      sheetRef.current = [sheet, false];
-      return;
-    }
-    if (serialized.next != null) {
-      insertStyles(cache, serialized.next, true);
-    }
-    if (sheet.tags.length > 0) {
-      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
-      sheet.before = element;
-      sheet.flush();
-    }
-    cache.insert("", serialized, sheet, false);
-  });
-}
-export {
-  useGlobalStyle
-};
-//# sourceMappingURL=use-global-style.js.map

package/dist/esm/runtimes/react/use-global-style.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/runtimes/react/use-global-style.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useRef } from 'react'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nimport { useCache } from './root-style-registry'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  const cache = useCache()\n  const serialized = serializeStyles(args, cache.registered)\n\n  if (isServer) {\n    if (cache.inserted[serialized.name] === undefined) {\n      cache.insert('', serialized, cache.sheet, true)\n    }\n  }\n\n  const sheetRef = useRef<[StyleSheet, boolean] | null>(null)\n\n  // Hydration\n  useInsertionEffect(() => {\n    const key = `${cache.key}-global`\n\n    const cacheSheet = cache.sheet as StyleSheet\n    const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n      key,\n      nonce: cacheSheet.nonce,\n      container: cacheSheet.container,\n      speedy: cacheSheet.isSpeedy,\n    })\n\n    const node = document.querySelector<HTMLStyleElement>(\n      `style[data-emotion=\"${key} ${serialized.name}\"]`,\n    )\n\n    if (cache.sheet.tags.length > 0) {\n      sheet.before = cache.sheet.tags[0]\n    }\n\n    let rehydrating = false\n\n    if (node != null) {\n      rehydrating = true\n      node.setAttribute('data-emotion', key)\n      sheet.hydrate([node])\n    }\n\n    sheetRef.current = [sheet, rehydrating]\n\n    return () => {\n      sheet.flush()\n    }\n  })\n\n  // Insertion\n  useInsertionEffect(() => {\n    const [sheet, rehydrating] = sheetRef.current ?? []\n\n    if (sheet == null || rehydrating == null) return\n\n    if (rehydrating) {\n      sheetRef.current = [sheet, false]\n\n      return\n    }\n\n    if (serialized.next != null) {\n      insertStyles(cache, serialized.next, true)\n    }\n\n    if (sheet.tags.length > 0) {\n      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n      sheet.before = element\n\n      sheet.flush()\n    }\n\n    cache.insert('', serialized, sheet, false)\n  })\n}\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB,SAA2B,uBAAuB;AAElD,SAAS,oBAAoB;AAE7B,SAAS,gBAAgB;AAEzB,MAAM,WAAW,OAAO,WAAW;AACnC,MAAM,8BAA8B;AACpC,MAAM,qBAAqB,MAAM,2BAA2B,KAAK,MAAM;AAEhE,SAAS,kBAAkB,MAAgC;AAChE,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,gBAAgB,MAAM,MAAM,UAAU;AAEzD,MAAI,UAAU;AACZ,QAAI,MAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,YAAM,OAAO,IAAI,YAAY,MAAM,OAAO,IAAI;AAAA,IAChD;AAAA,EACF;AAEA,QAAM,WAAW,OAAqC,IAAI;AAG1D,qBAAmB,MAAM;AACvB,UAAM,MAAM,GAAG,MAAM,GAAG;AAExB,UAAM,aAAa,MAAM;AACzB,UAAM,QAAQ,IAAK,WAAW,YAAkC;AAAA,MAC9D;AAAA,MACA,OAAO,WAAW;AAAA,MAClB,WAAW,WAAW;AAAA,MACtB,QAAQ,WAAW;AAAA,IACrB,CAAC;AAED,UAAM,OAAO,SAAS;AAAA,MACpB,uBAAuB,GAAG,IAAI,WAAW,IAAI;AAAA,IAC/C;AAEA,QAAI,MAAM,MAAM,KAAK,SAAS,GAAG;AAC/B,YAAM,SAAS,MAAM,MAAM,KAAK,CAAC;AAAA,IACnC;AAEA,QAAI,cAAc;AAElB,QAAI,QAAQ,MAAM;AAChB,oBAAc;AACd,WAAK,aAAa,gBAAgB,GAAG;AACrC,YAAM,QAAQ,CAAC,IAAI,CAAC;AAAA,IACtB;AAEA,aAAS,UAAU,CAAC,OAAO,WAAW;AAEtC,WAAO,MAAM;AACX,YAAM,MAAM;AAAA,IACd;AAAA,EACF,CAAC;AAGD,qBAAmB,MAAM;AACvB,UAAM,CAAC,OAAO,WAAW,IAAI,SAAS,WAAW,CAAC;AAElD,QAAI,SAAS,QAAQ,eAAe;AAAM;AAE1C,QAAI,aAAa;AACf,eAAS,UAAU,CAAC,OAAO,KAAK;AAEhC;AAAA,IACF;AAEA,QAAI,WAAW,QAAQ,MAAM;AAC3B,mBAAa,OAAO,WAAW,MAAM,IAAI;AAAA,IAC3C;AAEA,QAAI,MAAM,KAAK,SAAS,GAAG;AACzB,YAAM,UAAU,MAAM,KAAK,MAAM,KAAK,SAAS,CAAC,EAAE;AAElD,YAAM,SAAS;AAEf,YAAM,MAAM;AAAA,IACd;AAEA,UAAM,OAAO,IAAI,YAAY,OAAO,KAAK;AAAA,EAC3C,CAAC;AACH;","names":[]}