@makeswift/runtime 0.25.0-canary.8 → 0.25.0

package/dist/cjs/runtimes/react/controls/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/controls/style.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport {\n  Style,\n  type StyleProperty,\n  type ResolvedBorderSideData,\n  type FontSizePropertyData,\n  type WidthPropertyData,\n  type ResolvedStyleData,\n} from '@makeswift/controls'\n\nimport { colorToString } from '../../../components/utils/colorToString'\nimport { responsiveStyle } from '../../../components/utils/responsive-style'\n\nimport { BorderRadiusLonghandPropertyData } from '../../../css/border-radius'\nimport { lengthPercentageDataToString } from '../../../css/length-percentage'\nimport { marginPropertyDataToStyle } from '../../../css/margin'\nimport { paddingPropertyDataToStyle } from '../../../css/padding'\nimport { Breakpoints } from '../../../state/modules/breakpoints'\n\nconst defaultMargin = {\n  marginTop: 0,\n  marginRight: 'auto',\n  marginBottom: 0,\n  marginLeft: 'auto',\n}\n\nconst defaultPadding = {\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n}\n\nexport function styleV1Css(\n  breakpoints: Breakpoints,\n  style: ResolvedStyleData | undefined,\n  properties: StyleProperty[],\n): CSSObject {\n  return {\n    ...(properties.includes(Style.Width) && {\n      maxWidth: '100%',\n    }),\n    ...responsiveStyle(\n      breakpoints,\n      [\n        style?.width,\n        style?.margin,\n        style?.padding,\n        style?.border,\n        style?.borderRadius,\n        style?.textStyle,\n      ] as const,\n      ([width, margin, padding, border, borderRadius, textStyle]) => ({\n        ...(properties.includes(Style.Width) && {\n          width: widthToString(width) ?? '100%',\n        }),\n        ...(properties.includes(Style.Margin) &&\n          marginPropertyDataToStyle(margin ?? defaultMargin, defaultMargin)),\n        ...(properties.includes(Style.Padding) &&\n          paddingPropertyDataToStyle(padding ?? defaultPadding, defaultPadding)),\n        ...(properties.includes(Style.Border) && {\n          borderTop: borderSideToString(border?.borderTop) ?? '0 solid black',\n          borderRight: borderSideToString(border?.borderRight) ?? '0 solid black',\n          borderBottom: borderSideToString(border?.borderBottom) ?? '0 solid black',\n          borderLeft: borderSideToString(border?.borderLeft) ?? '0 solid black',\n        }),\n        ...(properties.includes(Style.BorderRadius) && {\n          borderTopLeftRadius: borderRadiusToString(borderRadius?.borderTopLeftRadius) ?? 0,\n          borderTopRightRadius: borderRadiusToString(borderRadius?.borderTopRightRadius) ?? 0,\n          borderBottomRightRadius: borderRadiusToString(borderRadius?.borderBottomRightRadius) ?? 0,\n          borderBottomLeftRadius: borderRadiusToString(borderRadius?.borderBottomLeftRadius) ?? 0,\n        }),\n        ...(properties.includes(Style.TextStyle) && {\n          ...(textStyle?.fontFamily && { fontFamily: `\"${textStyle.fontFamily}\"` }),\n          ...(textStyle?.letterSpacing && { letterSpacing: textStyle.letterSpacing }),\n          ...(textStyle?.fontSize && { fontSize: fontSizeToString(textStyle.fontSize) }),\n          ...(textStyle?.fontWeight && { fontWeight: textStyle.fontWeight }),\n          textTransform: textStyle?.textTransform ?? [],\n          fontStyle: textStyle?.fontStyle ?? [],\n        }),\n      }),\n    ),\n  }\n\n  function widthToString(widthProperty: WidthPropertyData | undefined): string | null {\n    if (widthProperty == null) return null\n\n    return lengthPercentageDataToString(widthProperty)\n  }\n\n  function borderSideToString(\n    borderSide: ResolvedBorderSideData | null | undefined,\n  ): string | null {\n    if (borderSide == null) return null\n\n    const { width, color, style } = borderSide\n    return `${width != null ? width : 0}px ${style} ${\n      color != null ? colorToString(color) : 'black'\n    }`\n  }\n\n  function borderRadiusToString(\n    borderRadius: BorderRadiusLonghandPropertyData | null | undefined,\n  ): string | null {\n    if (borderRadius == null) return null\n\n    return lengthPercentageDataToString(borderRadius)\n  }\n\n  function fontSizeToString(fontSize: NonNullable<FontSizePropertyData>) {\n    return `${fontSize.value}${fontSize.unit}`\n  }\n}\n"],"mappings":"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","names":["style"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/style.ts"],"sourcesContent":["import { type CSSObject } from '@emotion/serialize'\nimport {\n  Style,\n  type StyleProperty,\n  type ResolvedBorderSideData,\n  type FontSizePropertyData,\n  type WidthPropertyData,\n  type ResolvedStyleData,\n} from '@makeswift/controls'\n\nimport { colorToString } from '../../../components/utils/colorToString'\nimport { responsiveStyle } from '../../../components/utils/responsive-style'\n\nimport { BorderRadiusLonghandPropertyData } from '../../../css/border-radius'\nimport { lengthPercentageDataToString } from '../../../css/length-percentage'\nimport { marginPropertyDataToStyle } from '../../../css/margin'\nimport { paddingPropertyDataToStyle } from '../../../css/padding'\nimport { Breakpoints } from '../../../state/modules/breakpoints'\n\nconst defaultMargin = {\n  marginTop: 0,\n  marginRight: 'auto',\n  marginBottom: 0,\n  marginLeft: 'auto',\n}\n\nconst defaultPadding = {\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n}\n\nexport function styleV1Css(\n  breakpoints: Breakpoints,\n  style: ResolvedStyleData | undefined,\n  properties: StyleProperty[],\n): CSSObject {\n  return {\n    ...(properties.includes(Style.Width) && {\n      maxWidth: '100%',\n    }),\n    ...responsiveStyle(\n      breakpoints,\n      [\n        style?.width,\n        style?.margin,\n        style?.padding,\n        style?.border,\n        style?.borderRadius,\n        style?.textStyle,\n      ] as const,\n      ([width, margin, padding, border, borderRadius, textStyle]) => ({\n        ...(properties.includes(Style.Width) && {\n          width: widthToString(width) ?? '100%',\n        }),\n        ...(properties.includes(Style.Margin) &&\n          marginPropertyDataToStyle(margin ?? defaultMargin, defaultMargin)),\n        ...(properties.includes(Style.Padding) &&\n          paddingPropertyDataToStyle(padding ?? defaultPadding, defaultPadding)),\n        ...(properties.includes(Style.Border) && {\n          borderTop: borderSideToString(border?.borderTop) ?? '0 solid black',\n          borderRight: borderSideToString(border?.borderRight) ?? '0 solid black',\n          borderBottom: borderSideToString(border?.borderBottom) ?? '0 solid black',\n          borderLeft: borderSideToString(border?.borderLeft) ?? '0 solid black',\n        }),\n        ...(properties.includes(Style.BorderRadius) && {\n          borderTopLeftRadius: borderRadiusToString(borderRadius?.borderTopLeftRadius) ?? 0,\n          borderTopRightRadius: borderRadiusToString(borderRadius?.borderTopRightRadius) ?? 0,\n          borderBottomRightRadius: borderRadiusToString(borderRadius?.borderBottomRightRadius) ?? 0,\n          borderBottomLeftRadius: borderRadiusToString(borderRadius?.borderBottomLeftRadius) ?? 0,\n        }),\n        ...(properties.includes(Style.TextStyle) && {\n          ...(textStyle?.fontFamily && { fontFamily: `\"${textStyle.fontFamily}\"` }),\n          ...(textStyle?.letterSpacing && { letterSpacing: textStyle.letterSpacing }),\n          ...(textStyle?.fontSize && { fontSize: fontSizeToString(textStyle.fontSize) }),\n          ...(textStyle?.fontWeight && { fontWeight: textStyle.fontWeight }),\n          textTransform: textStyle?.textTransform ?? [],\n          fontStyle: textStyle?.fontStyle ?? [],\n        }),\n      }),\n    ),\n  }\n\n  function widthToString(widthProperty: WidthPropertyData | undefined): string | null {\n    if (widthProperty == null) return null\n\n    return lengthPercentageDataToString(widthProperty)\n  }\n\n  function borderSideToString(\n    borderSide: ResolvedBorderSideData | null | undefined,\n  ): string | null {\n    if (borderSide == null) return null\n\n    const { width, color, style } = borderSide\n    return `${width != null ? width : 0}px ${style} ${\n      color != null ? colorToString(color) : 'black'\n    }`\n  }\n\n  function borderRadiusToString(\n    borderRadius: BorderRadiusLonghandPropertyData | null | undefined,\n  ): string | null {\n    if (borderRadius == null) return null\n\n    return lengthPercentageDataToString(borderRadius)\n  }\n\n  function fontSizeToString(fontSize: NonNullable<FontSizePropertyData>) {\n    return `${fontSize.value}${fontSize.unit}`\n  }\n}\n"],"mappings":"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","names":["style"]}

package/dist/cjs/runtimes/react/hooks/makeswift-api.js

@@ -31,13 +31,12 @@ __export(makeswift_api_exports, {
 });
 module.exports = __toCommonJS(makeswift_api_exports);
 var import_react = require("react");
-var import_shim = require("use-sync-external-store/shim");
 var import_host_api_client = require("../host-api-client");
 var import_use_document_context = require("./use-document-context");
 function useSwatch(swatchId) {
   const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
   const readSwatch = () => swatchId == null ? null : client.readSwatch(swatchId);
-  const swatch = (0, import_shim.useSyncExternalStore)(client.subscribe, readSwatch, readSwatch);
+  const swatch = (0, import_react.useSyncExternalStore)(client.subscribe, readSwatch, readSwatch);
   (0, import_react.useEffect)(() => {
     if (swatchId != null)
       client.fetchSwatch(swatchId).catch(console.error);
@@ -54,7 +53,7 @@ function useSwatches(swatchIds) {
     }
     return lastSnapshot.current = swatches2;
   }
-  const swatches = (0, import_shim.useSyncExternalStore)(client.subscribe, getSnapshot, getSnapshot);
+  const swatches = (0, import_react.useSyncExternalStore)(client.subscribe, getSnapshot, getSnapshot);
   (0, import_react.useEffect)(() => {
     Promise.all(swatchIds.map((swatchId) => client.fetchSwatch(swatchId))).catch(console.error);
   }, [client, swatchIds]);
@@ -63,7 +62,7 @@ function useSwatches(swatchIds) {
 function useFile(fileId) {
   const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
   const readFile = () => fileId == null ? null : client.readFile(fileId);
-  const file = (0, import_shim.useSyncExternalStore)(client.subscribe, readFile, readFile);
+  const file = (0, import_react.useSyncExternalStore)(client.subscribe, readFile, readFile);
   (0, import_react.useEffect)(() => {
     if (fileId != null)
       client.fetchFile(fileId);
@@ -80,7 +79,7 @@ function useFiles(fileIds) {
     }
     return lastSnapshot.current = files2;
   }
-  const files = (0, import_shim.useSyncExternalStore)(client.subscribe, getSnapshot, getSnapshot);
+  const files = (0, import_react.useSyncExternalStore)(client.subscribe, getSnapshot, getSnapshot);
   (0, import_react.useEffect)(() => {
     Promise.all(fileIds.map((fileId) => client.fetchFile(fileId))).catch(console.error);
   }, [client, fileIds]);
@@ -89,7 +88,7 @@ function useFiles(fileIds) {
 function useTypography(typographyId) {
   const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
   const readTypography = () => typographyId == null ? null : client.readTypography(typographyId);
-  const typography = (0, import_shim.useSyncExternalStore)(client.subscribe, readTypography, readTypography);
+  const typography = (0, import_react.useSyncExternalStore)(client.subscribe, readTypography, readTypography);
   (0, import_react.useEffect)(() => {
     if (typographyId != null)
       client.fetchTypography(typographyId).catch(console.error);
@@ -99,7 +98,7 @@ function useTypography(typographyId) {
 function useGlobalElement(globalElementId) {
   const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
   const readGlobalElement = () => globalElementId == null ? null : client.readGlobalElement(globalElementId);
-  const globalElement = (0, import_shim.useSyncExternalStore)(client.subscribe, readGlobalElement, readGlobalElement);
+  const globalElement = (0, import_react.useSyncExternalStore)(client.subscribe, readGlobalElement, readGlobalElement);
   (0, import_react.useEffect)(() => {
     if (globalElementId != null)
       client.fetchGlobalElement(globalElementId).catch(console.error);
@@ -109,7 +108,7 @@ function useGlobalElement(globalElementId) {
 function useLocalizedGlobalElement(locale, globalElementId) {
   const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
   const readLocalizedGlobalElement = () => locale == null || globalElementId == null ? null : client.readLocalizedGlobalElement({ globalElementId, locale });
-  const localizedGlobalElement = (0, import_shim.useSyncExternalStore)(
+  const localizedGlobalElement = (0, import_react.useSyncExternalStore)(
     client.subscribe,
     readLocalizedGlobalElement,
     readLocalizedGlobalElement
@@ -125,7 +124,7 @@ function usePagePathnameSlice(pageId) {
   const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
   const locale = (0, import_use_document_context.useDocumentLocale)();
   const readPagePathnameSlice = () => pageId == null ? null : client.readPagePathnameSlice({ pageId, locale });
-  const pagePathnameSlice = (0, import_shim.useSyncExternalStore)(
+  const pagePathnameSlice = (0, import_react.useSyncExternalStore)(
     client.subscribe,
     readPagePathnameSlice,
     readPagePathnameSlice
@@ -139,7 +138,7 @@ function usePagePathnameSlice(pageId) {
 function useTable(tableId) {
   const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
   const readTable = () => tableId == null ? null : client.readTable(tableId);
-  const table = (0, import_shim.useSyncExternalStore)(client.subscribe, readTable, readTable);
+  const table = (0, import_react.useSyncExternalStore)(client.subscribe, readTable, readTable);
   (0, import_react.useEffect)(() => {
     if (tableId != null)
       client.fetchTable(tableId).catch(console.error);

package/dist/cjs/runtimes/react/hooks/makeswift-api.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/makeswift-api.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef } from 'react'\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport {\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  PagePathnameSlice,\n  Swatch,\n  Table,\n  Typography,\n} from '../../../api'\n\nimport { useMakeswiftHostApiClient } from '../host-api-client'\nimport { useDocumentLocale } from './use-document-context'\n\nexport function useSwatch(swatchId: string | null): Swatch | null {\n  const client = useMakeswiftHostApiClient()\n  const readSwatch = () => (swatchId == null ? null : client.readSwatch(swatchId))\n  const swatch = useSyncExternalStore(client.subscribe, readSwatch, readSwatch)\n\n  useEffect(() => {\n    if (swatchId != null) client.fetchSwatch(swatchId).catch(console.error)\n  }, [client, swatchId])\n\n  return swatch\n}\n\nexport function useSwatches(swatchIds: string[]): (Swatch | null)[] {\n  const client = useMakeswiftHostApiClient()\n  const lastSnapshot = useRef<(Swatch | null)[]>()\n\n  function getSnapshot() {\n    const swatches = swatchIds.map(swatchId => client.readSwatch(swatchId))\n\n    if (\n      lastSnapshot.current != null &&\n      lastSnapshot.current.length === swatches.length &&\n      lastSnapshot.current.every((swatch, idx) => swatches[idx] === swatch)\n    ) {\n      return lastSnapshot.current\n    }\n\n    return (lastSnapshot.current = swatches)\n  }\n\n  const swatches = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  useEffect(() => {\n    Promise.all(swatchIds.map(swatchId => client.fetchSwatch(swatchId))).catch(console.error)\n  }, [client, swatchIds])\n\n  return swatches\n}\n\nexport function useFile(fileId: string | null): File | null {\n  const client = useMakeswiftHostApiClient()\n  const readFile = () => (fileId == null ? null : client.readFile(fileId))\n  const file = useSyncExternalStore(client.subscribe, readFile, readFile)\n\n  useEffect(() => {\n    if (fileId != null) client.fetchFile(fileId)\n  }, [client, fileId])\n\n  return file\n}\n\nexport function useFiles(fileIds: string[]): (File | null)[] {\n  const client = useMakeswiftHostApiClient()\n  const lastSnapshot = useRef<(File | null)[]>()\n\n  function getSnapshot() {\n    const files = fileIds.map(fileId => client.readFile(fileId))\n\n    if (\n      lastSnapshot.current != null &&\n      lastSnapshot.current.length === files.length &&\n      lastSnapshot.current.every((file, idx) => files[idx] === file)\n    ) {\n      return lastSnapshot.current\n    }\n\n    return (lastSnapshot.current = files)\n  }\n\n  const files = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  useEffect(() => {\n    Promise.all(fileIds.map(fileId => client.fetchFile(fileId))).catch(console.error)\n  }, [client, fileIds])\n\n  return files\n}\n\nexport function useTypography(typographyId: string | null): Typography | null {\n  const client = useMakeswiftHostApiClient()\n  const readTypography = () => (typographyId == null ? null : client.readTypography(typographyId))\n  const typography = useSyncExternalStore(client.subscribe, readTypography, readTypography)\n\n  useEffect(() => {\n    if (typographyId != null) client.fetchTypography(typographyId).catch(console.error)\n  }, [client, typographyId])\n\n  return typography\n}\n\nexport function useGlobalElement(globalElementId: string | null): GlobalElement | null {\n  const client = useMakeswiftHostApiClient()\n  const readGlobalElement = () =>\n    globalElementId == null ? null : client.readGlobalElement(globalElementId)\n  const globalElement = useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement)\n\n  useEffect(() => {\n    if (globalElementId != null) client.fetchGlobalElement(globalElementId).catch(console.error)\n  }, [client, globalElementId])\n\n  return globalElement\n}\n\nexport function useLocalizedGlobalElement(\n  locale: string | null,\n  globalElementId: string | null,\n): LocalizedGlobalElement | null {\n  const client = useMakeswiftHostApiClient()\n  const readLocalizedGlobalElement = () =>\n    locale == null || globalElementId == null\n      ? null\n      : client.readLocalizedGlobalElement({ globalElementId, locale })\n\n  const localizedGlobalElement = useSyncExternalStore(\n    client.subscribe,\n    readLocalizedGlobalElement,\n    readLocalizedGlobalElement,\n  )\n\n  useEffect(() => {\n    if (locale != null && globalElementId != null) {\n      client.fetchLocalizedGlobalElement({ globalElementId, locale }).catch(console.error)\n    }\n  }, [client, locale, globalElementId])\n\n  return localizedGlobalElement\n}\n\nexport function usePagePathnameSlice(pageId: string | null): PagePathnameSlice | null {\n  const client = useMakeswiftHostApiClient()\n  const locale = useDocumentLocale()\n\n  const readPagePathnameSlice = () =>\n    pageId == null ? null : client.readPagePathnameSlice({ pageId, locale })\n\n  const pagePathnameSlice = useSyncExternalStore(\n    client.subscribe,\n    readPagePathnameSlice,\n    readPagePathnameSlice,\n  )\n\n  useEffect(() => {\n    if (pageId != null) client.fetchPagePathnameSlice({ pageId, locale }).catch(console.error)\n  }, [client, pageId, locale])\n\n  return pagePathnameSlice\n}\n\nexport function useTable(tableId: string | null): Table | null {\n  const client = useMakeswiftHostApiClient()\n  const readTable = () => (tableId == null ? null : client.readTable(tableId))\n  const table = useSyncExternalStore(client.subscribe, readTable, readTable)\n\n  useEffect(() => {\n    if (tableId != null) client.fetchTable(tableId).catch(console.error)\n  }, [client, tableId])\n\n  return table\n}\n"],"mappings":"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","names":["swatches","files"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/makeswift-api.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useSyncExternalStore } from 'react'\nimport {\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  PagePathnameSlice,\n  Swatch,\n  Table,\n  Typography,\n} from '../../../api'\n\nimport { useMakeswiftHostApiClient } from '../host-api-client'\nimport { useDocumentLocale } from './use-document-context'\n\nexport function useSwatch(swatchId: string | null): Swatch | null {\n  const client = useMakeswiftHostApiClient()\n  const readSwatch = () => (swatchId == null ? null : client.readSwatch(swatchId))\n  const swatch = useSyncExternalStore(client.subscribe, readSwatch, readSwatch)\n\n  useEffect(() => {\n    if (swatchId != null) client.fetchSwatch(swatchId).catch(console.error)\n  }, [client, swatchId])\n\n  return swatch\n}\n\nexport function useSwatches(swatchIds: string[]): (Swatch | null)[] {\n  const client = useMakeswiftHostApiClient()\n  const lastSnapshot = useRef<(Swatch | null)[]>()\n\n  function getSnapshot() {\n    const swatches = swatchIds.map(swatchId => client.readSwatch(swatchId))\n\n    if (\n      lastSnapshot.current != null &&\n      lastSnapshot.current.length === swatches.length &&\n      lastSnapshot.current.every((swatch, idx) => swatches[idx] === swatch)\n    ) {\n      return lastSnapshot.current\n    }\n\n    return (lastSnapshot.current = swatches)\n  }\n\n  const swatches = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  useEffect(() => {\n    Promise.all(swatchIds.map(swatchId => client.fetchSwatch(swatchId))).catch(console.error)\n  }, [client, swatchIds])\n\n  return swatches\n}\n\nexport function useFile(fileId: string | null): File | null {\n  const client = useMakeswiftHostApiClient()\n  const readFile = () => (fileId == null ? null : client.readFile(fileId))\n  const file = useSyncExternalStore(client.subscribe, readFile, readFile)\n\n  useEffect(() => {\n    if (fileId != null) client.fetchFile(fileId)\n  }, [client, fileId])\n\n  return file\n}\n\nexport function useFiles(fileIds: string[]): (File | null)[] {\n  const client = useMakeswiftHostApiClient()\n  const lastSnapshot = useRef<(File | null)[]>()\n\n  function getSnapshot() {\n    const files = fileIds.map(fileId => client.readFile(fileId))\n\n    if (\n      lastSnapshot.current != null &&\n      lastSnapshot.current.length === files.length &&\n      lastSnapshot.current.every((file, idx) => files[idx] === file)\n    ) {\n      return lastSnapshot.current\n    }\n\n    return (lastSnapshot.current = files)\n  }\n\n  const files = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  useEffect(() => {\n    Promise.all(fileIds.map(fileId => client.fetchFile(fileId))).catch(console.error)\n  }, [client, fileIds])\n\n  return files\n}\n\nexport function useTypography(typographyId: string | null): Typography | null {\n  const client = useMakeswiftHostApiClient()\n  const readTypography = () => (typographyId == null ? null : client.readTypography(typographyId))\n  const typography = useSyncExternalStore(client.subscribe, readTypography, readTypography)\n\n  useEffect(() => {\n    if (typographyId != null) client.fetchTypography(typographyId).catch(console.error)\n  }, [client, typographyId])\n\n  return typography\n}\n\nexport function useGlobalElement(globalElementId: string | null): GlobalElement | null {\n  const client = useMakeswiftHostApiClient()\n  const readGlobalElement = () =>\n    globalElementId == null ? null : client.readGlobalElement(globalElementId)\n  const globalElement = useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement)\n\n  useEffect(() => {\n    if (globalElementId != null) client.fetchGlobalElement(globalElementId).catch(console.error)\n  }, [client, globalElementId])\n\n  return globalElement\n}\n\nexport function useLocalizedGlobalElement(\n  locale: string | null,\n  globalElementId: string | null,\n): LocalizedGlobalElement | null {\n  const client = useMakeswiftHostApiClient()\n  const readLocalizedGlobalElement = () =>\n    locale == null || globalElementId == null\n      ? null\n      : client.readLocalizedGlobalElement({ globalElementId, locale })\n\n  const localizedGlobalElement = useSyncExternalStore(\n    client.subscribe,\n    readLocalizedGlobalElement,\n    readLocalizedGlobalElement,\n  )\n\n  useEffect(() => {\n    if (locale != null && globalElementId != null) {\n      client.fetchLocalizedGlobalElement({ globalElementId, locale }).catch(console.error)\n    }\n  }, [client, locale, globalElementId])\n\n  return localizedGlobalElement\n}\n\nexport function usePagePathnameSlice(pageId: string | null): PagePathnameSlice | null {\n  const client = useMakeswiftHostApiClient()\n  const locale = useDocumentLocale()\n\n  const readPagePathnameSlice = () =>\n    pageId == null ? null : client.readPagePathnameSlice({ pageId, locale })\n\n  const pagePathnameSlice = useSyncExternalStore(\n    client.subscribe,\n    readPagePathnameSlice,\n    readPagePathnameSlice,\n  )\n\n  useEffect(() => {\n    if (pageId != null) client.fetchPagePathnameSlice({ pageId, locale }).catch(console.error)\n  }, [client, pageId, locale])\n\n  return pagePathnameSlice\n}\n\nexport function useTable(tableId: string | null): Table | null {\n  const client = useMakeswiftHostApiClient()\n  const readTable = () => (tableId == null ? null : client.readTable(tableId))\n  const table = useSyncExternalStore(client.subscribe, readTable, readTable)\n\n  useEffect(() => {\n    if (tableId != null) client.fetchTable(tableId).catch(console.error)\n  }, [client, tableId])\n\n  return table\n}\n"],"mappings":"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","names":["swatches","files"]}

package/dist/cjs/runtimes/react/hooks/use-selector.js

@@ -21,7 +21,7 @@ __export(use_selector_exports, {
   useSelector: () => useSelector
 });
 module.exports = __toCommonJS(use_selector_exports);
-var import_with_selector = require("use-sync-external-store/shim/with-selector");
+var import_with_selector = require("use-sync-external-store/with-selector");
 var import_use_store = require("./use-store");
 function useSelector(selector) {
   const store = (0, import_use_store.useStore)();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-selector.ts"],"sourcesContent":["import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\nimport { useStore } from './use-store'\nimport { State as ReactPageState } from '../../../state/react-page'\nimport { State as ReactBuilderPreviewState } from '../../../state/react-builder-preview'\n\ntype State = ReactPageState | ReactBuilderPreviewState\n\nexport function useSelector<R>(selector: (state: State) => R): R {\n  const store = useStore()\n\n  return useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, selector)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAiD;AACjD,uBAAyB;AAMlB,SAAS,YAAe,UAAkC;AAC/D,QAAM,YAAQ,2BAAS;AAEvB,aAAO,uDAAiC,MAAM,WAAW,MAAM,UAAU,MAAM,UAAU,QAAQ;AACnG;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-selector.ts"],"sourcesContent":["import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector'\n\nimport { useStore } from './use-store'\nimport { State as ReactPageState } from '../../../state/react-page'\nimport { State as ReactBuilderPreviewState } from '../../../state/react-builder-preview'\n\ntype State = ReactPageState | ReactBuilderPreviewState\n\nexport function useSelector<R>(selector: (state: State) => R): R {\n  const store = useStore()\n\n  return useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, selector)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAiD;AAEjD,uBAAyB;AAMlB,SAAS,YAAe,UAAkC;AAC/D,QAAM,YAAQ,2BAAS;AAEvB,aAAO,uDAAiC,MAAM,WAAW,MAAM,UAAU,MAAM,UAAU,QAAQ;AACnG;","names":[]}

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

@@ -24,7 +24,7 @@ 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_root_style_registry = require("../../../next/root-style-registry");
+var import_root_style_registry = require("../root-style-registry");
 var import_style = require("../controls/style");
 var import_typography = require("../controls/typography");
 var import_use_breakpoints = require("./use-breakpoints");

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-stylesheet-factory.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react'\nimport { type CSSObject, serializeStyles } from '@emotion/serialize'\nimport { type EmotionCache } from '@emotion/cache'\nimport { type SerializedStyles } from '@emotion/utils'\n\nimport {\n  type Breakpoints,\n  type BoxModel,\n  type Stylesheet,\n  type ResolvedStyle,\n  type ResolvedStyleV2,\n  type ResolvedTypographyStyle,\n  isNotNil,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '@makeswift/controls'\n\nimport { useCache } from '../../../next/root-style-registry'\n\nimport { styleV1Css } from '../controls/style'\nimport { typographyCss } from '../controls/typography'\n\nimport { useBreakpoints } from './use-breakpoints'\nimport { useCssId } from './use-css-id'\nimport { useStyles, serializedStyleClassName } from '../use-style'\nimport { pollBoxModel } from '../poll-box-model'\n\nexport type StylesheetFactory = {\n  get(propName: string): Stylesheet\n  useDefinedStyles(): void\n}\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: BoxModel | null) => void>>({}).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: BoxModel | 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 isTypographyStyle(style: ResolvedStyle): style is ResolvedTypographyStyle {\n  return Array.isArray(style)\n}\n\nfunction isStyleV2(style: ResolvedStyle): style is ResolvedStyleV2 {\n  return typeof style === 'object' && 'getStyle' in style && typeof style.getStyle === 'function'\n}\n\nfunction styleV2Css(breakpoints: Breakpoints, style: ResolvedStyleV2<CSSObject>): CSSObject {\n  return {\n    ...style.getStyle(getBaseBreakpoint(breakpoints)),\n    ...breakpoints.reduce(\n      (styles, breakpoint) => ({\n        ...styles,\n        [getBreakpointMediaQuery(breakpoint)]: style.getStyle(breakpoint),\n      }),\n      {},\n    ),\n  }\n}\n\nfunction resolvedStyleToCss(breakpoints: Breakpoints, style: ResolvedStyle) {\n  if (isTypographyStyle(style)) {\n    return typographyCss(breakpoints, style)\n  }\n\n  if (isStyleV2(style)) {\n    return styleV2Css(breakpoints, style as ResolvedStyleV2<CSSObject>)\n  }\n\n  const { properties, styleData } = style\n  return styleV1Css(breakpoints, styleData, properties)\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,uBAAgD;AAIhD,sBAUO;AAEP,iCAAyB;AAEzB,mBAA2B;AAC3B,wBAA8B;AAE9B,6BAA+B;AAC/B,wBAAyB;AACzB,uBAAoD;AACpD,4BAA6B;AAOtB,SAAS,uBAA0C;AACxD,QAAM,kBAAc,uCAAe;AACnC,QAAM,YAAQ,qCAAS;AACvB,QAAM,mBAAe,4BAAS;AAE9B,QAAM,qBAAiB,qBAAyC,CAAC,CAAC,EAAE;AACpE,QAAM,wBAAoB,qBAA4D,CAAC,CAAC,EAAE;AAE1F,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,kBAAkB,OAAwD;AACjF,SAAO,MAAM,QAAQ,KAAK;AAC5B;AAEA,SAAS,UAAU,OAAgD;AACjE,SAAO,OAAO,UAAU,YAAY,cAAc,SAAS,OAAO,MAAM,aAAa;AACvF;AAEA,SAAS,WAAW,aAA0B,OAA8C;AAC1F,SAAO;AAAA,IACL,GAAG,MAAM,aAAS,mCAAkB,WAAW,CAAC;AAAA,IAChD,GAAG,YAAY;AAAA,MACb,CAAC,QAAQ,gBAAgB;AAAA,QACvB,GAAG;AAAA,QACH,KAAC,yCAAwB,UAAU,CAAC,GAAG,MAAM,SAAS,UAAU;AAAA,MAClE;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,SAAS,mBAAmB,aAA0B,OAAsB;AAC1E,MAAI,kBAAkB,KAAK,GAAG;AAC5B,eAAO,iCAAc,aAAa,KAAK;AAAA,EACzC;AAEA,MAAI,UAAU,KAAK,GAAG;AACpB,WAAO,WAAW,aAAa,KAAmC;AAAA,EACpE;AAEA,QAAM,EAAE,YAAY,UAAU,IAAI;AAClC,aAAO,yBAAW,aAAa,WAAW,UAAU;AACtD;AAEA,SAAS,eACP,aACA,OACA,OACkB;AAClB,QAAM,MAAM,mBAAmB,aAAa,KAAK;AACjD,aAAO,kCAAgB,CAAC,GAAG,GAAG,MAAM,UAAU;AAChD;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-stylesheet-factory.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react'\nimport { type CSSObject, serializeStyles } from '@emotion/serialize'\nimport { type EmotionCache } from '@emotion/cache'\nimport { type SerializedStyles } from '@emotion/utils'\n\nimport {\n  type Breakpoints,\n  type BoxModel,\n  type Stylesheet,\n  type ResolvedStyle,\n  type ResolvedStyleV2,\n  type ResolvedTypographyStyle,\n  isNotNil,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '@makeswift/controls'\n\nimport { useCache } from '../root-style-registry'\nimport { styleV1Css } from '../controls/style'\nimport { typographyCss } from '../controls/typography'\n\nimport { useBreakpoints } from './use-breakpoints'\nimport { useCssId } from './use-css-id'\nimport { useStyles, serializedStyleClassName } from '../use-style'\nimport { pollBoxModel } from '../poll-box-model'\n\nexport type StylesheetFactory = {\n  get(propName: string): Stylesheet\n  useDefinedStyles(): void\n}\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: BoxModel | null) => void>>({}).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: BoxModel | 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 isTypographyStyle(style: ResolvedStyle): style is ResolvedTypographyStyle {\n  return Array.isArray(style)\n}\n\nfunction isStyleV2(style: ResolvedStyle): style is ResolvedStyleV2 {\n  return typeof style === 'object' && 'getStyle' in style && typeof style.getStyle === 'function'\n}\n\nfunction styleV2Css(breakpoints: Breakpoints, style: ResolvedStyleV2<CSSObject>): CSSObject {\n  return {\n    ...style.getStyle(getBaseBreakpoint(breakpoints)),\n    ...breakpoints.reduce(\n      (styles, breakpoint) => ({\n        ...styles,\n        [getBreakpointMediaQuery(breakpoint)]: style.getStyle(breakpoint),\n      }),\n      {},\n    ),\n  }\n}\n\nfunction resolvedStyleToCss(breakpoints: Breakpoints, style: ResolvedStyle) {\n  if (isTypographyStyle(style)) {\n    return typographyCss(breakpoints, style)\n  }\n\n  if (isStyleV2(style)) {\n    return styleV2Css(breakpoints, style as ResolvedStyleV2<CSSObject>)\n  }\n\n  const { properties, styleData } = style\n  return styleV1Css(breakpoints, styleData, properties)\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,uBAAgD;AAIhD,sBAUO;AAEP,iCAAyB;AACzB,mBAA2B;AAC3B,wBAA8B;AAE9B,6BAA+B;AAC/B,wBAAyB;AACzB,uBAAoD;AACpD,4BAA6B;AAOtB,SAAS,uBAA0C;AACxD,QAAM,kBAAc,uCAAe;AACnC,QAAM,YAAQ,qCAAS;AACvB,QAAM,mBAAe,4BAAS;AAE9B,QAAM,qBAAiB,qBAAyC,CAAC,CAAC,EAAE;AACpE,QAAM,wBAAoB,qBAA4D,CAAC,CAAC,EAAE;AAE1F,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,kBAAkB,OAAwD;AACjF,SAAO,MAAM,QAAQ,KAAK;AAC5B;AAEA,SAAS,UAAU,OAAgD;AACjE,SAAO,OAAO,UAAU,YAAY,cAAc,SAAS,OAAO,MAAM,aAAa;AACvF;AAEA,SAAS,WAAW,aAA0B,OAA8C;AAC1F,SAAO;AAAA,IACL,GAAG,MAAM,aAAS,mCAAkB,WAAW,CAAC;AAAA,IAChD,GAAG,YAAY;AAAA,MACb,CAAC,QAAQ,gBAAgB;AAAA,QACvB,GAAG;AAAA,QACH,KAAC,yCAAwB,UAAU,CAAC,GAAG,MAAM,SAAS,UAAU;AAAA,MAClE;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,SAAS,mBAAmB,aAA0B,OAAsB;AAC1E,MAAI,kBAAkB,KAAK,GAAG;AAC5B,eAAO,iCAAc,aAAa,KAAK;AAAA,EACzC;AAEA,MAAI,UAAU,KAAK,GAAG;AACpB,WAAO,WAAW,aAAa,KAAmC;AAAA,EACpE;AAEA,QAAM,EAAE,YAAY,UAAU,IAAI;AAClC,aAAO,yBAAW,aAAa,WAAW,UAAU;AACtD;AAEA,SAAS,eACP,aACA,OACA,OACkB;AAClB,QAAM,MAAM,mBAAmB,aAAa,KAAK;AACjD,aAAO,kCAAgB,CAAC,GAAG,GAAG,MAAM,UAAU;AAChD;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-universal-dispatch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-universal-dispatch.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { ThunkAction } from 'redux-thunk'\n\nimport { type Dispatch } from '../../../state/react-page'\nimport { type Action } from '../../../state/actions'\n\nimport { isServer } from '../../../utils/is-server'\n\n// overloaded signatures\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => A,\n  args: Args,\n): void\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => ThunkAction<() => void, any, any, A>,\n  args: Args,\n): void\n// implementation\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => ThunkAction<() => void, any, any, A>,\n  args: Args,\n) {\n  if (isServer()) {\n    dispatch(action(...args))\n  }\n\n  useEffect(() => {\n    dispatch(action(...args))\n  }, [dispatch, action, ...args])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAM1B,uBAAyB;AAclB,SAAS,qBACd,UACA,QACA,MACA;AACA,UAAI,2BAAS,GAAG;AACd,aAAS,OAAO,GAAG,IAAI,CAAC;AAAA,EAC1B;AAEA,8BAAU,MAAM;AACd,aAAS,OAAO,GAAG,IAAI,CAAC;AAAA,EAC1B,GAAG,CAAC,UAAU,QAAQ,GAAG,IAAI,CAAC;AAChC;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-universal-dispatch.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { ThunkAction } from '@reduxjs/toolkit'\n\nimport { type Dispatch } from '../../../state/react-page'\nimport { type Action } from '../../../state/actions'\n\nimport { isServer } from '../../../utils/is-server'\n\n// overloaded signatures\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => A,\n  args: Args,\n): void\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => ThunkAction<() => void, any, any, A>,\n  args: Args,\n): void\n// implementation\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => ThunkAction<() => void, any, any, A>,\n  args: Args,\n) {\n  if (isServer()) {\n    dispatch(action(...args))\n  }\n\n  useEffect(() => {\n    dispatch(action(...args))\n  }, [dispatch, action, ...args])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAM1B,uBAAyB;AAclB,SAAS,qBACd,UACA,QACA,MACA;AACA,UAAI,2BAAS,GAAG;AACd,aAAS,OAAO,GAAG,IAAI,CAAC;AAAA,EAC1B;AAEA,8BAAU,MAAM;AACd,aAAS,OAAO,GAAG,IAAI,CAAC;AAAA,EAC1B,GAAG,CAAC,UAAU,QAAQ,GAAG,IAAI,CAAC;AAChC;","names":[]}

package/dist/cjs/runtimes/react/host-api-client.js

@@ -26,11 +26,16 @@ module.exports = __toCommonJS(host_api_client_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react2 = require("../../api/react");
-var import_site_version = require("../../api/site-version");
 const Context = (0, import_react.createContext)(
   new import_react2.MakeswiftHostApiClient({
     uri: "https://api.makeswift.com/graphql",
-    siteVersion: import_site_version.MakeswiftSiteVersion.Live
+    fetch: async (url, init) => {
+      console.warn(
+        "Using fallback `fetch` implementation, resource revalidation may not work as expected.",
+        { url }
+      );
+      return fetch(url, init);
+    }
   })
 );
 function useMakeswiftHostApiClient() {

package/dist/cjs/runtimes/react/host-api-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, createContext, useContext } from 'react'\nimport { MakeswiftHostApiClient } from '../../api/react'\nimport { MakeswiftSiteVersion } from '../../api/site-version'\n\nconst Context = createContext(\n  new MakeswiftHostApiClient({\n    uri: 'https://api.makeswift.com/graphql',\n    siteVersion: MakeswiftSiteVersion.Live,\n  }),\n)\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useContext(Context)\n}\n\nexport function MakeswiftHostApiClientProvider({\n  client,\n  children,\n}: {\n  client: MakeswiftHostApiClient\n  children: ReactNode\n}) {\n  return <Context.Provider value={client}>{children}</Context.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBS;AAtBT,mBAAqD;AACrD,IAAAA,gBAAuC;AACvC,0BAAqC;AAErC,MAAM,cAAU;AAAA,EACd,IAAI,qCAAuB;AAAA,IACzB,KAAK;AAAA,IACL,aAAa,yCAAqB;AAAA,EACpC,CAAC;AACH;AAEO,SAAS,4BAAoD;AAClE,aAAO,yBAAW,OAAO;AAC3B;AAEO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAGG;AACD,SAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAO,QAAS,UAAS;AACpD;","names":["import_react"]}
+{"version":3,"sources":["../../../../src/runtimes/react/host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, createContext, useContext } from 'react'\nimport { MakeswiftHostApiClient } from '../../api/react'\n\nconst Context = createContext(\n  new MakeswiftHostApiClient({\n    uri: 'https://api.makeswift.com/graphql',\n    fetch: async (url, init) => {\n      console.warn(\n        'Using fallback `fetch` implementation, resource revalidation may not work as expected.',\n        { url },\n      )\n      return fetch(url, init)\n    },\n  }),\n)\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useContext(Context)\n}\n\nexport function MakeswiftHostApiClientProvider({\n  client,\n  children,\n}: {\n  client: MakeswiftHostApiClient\n  children: ReactNode\n}) {\n  return <Context.Provider value={client}>{children}</Context.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BS;AA3BT,mBAAqD;AACrD,IAAAA,gBAAuC;AAEvC,MAAM,cAAU;AAAA,EACd,IAAI,qCAAuB;AAAA,IACzB,KAAK;AAAA,IACL,OAAO,OAAO,KAAK,SAAS;AAC1B,cAAQ;AAAA,QACN;AAAA,QACA,EAAE,IAAI;AAAA,MACR;AACA,aAAO,MAAM,KAAK,IAAI;AAAA,IACxB;AAAA,EACF,CAAC;AACH;AAEO,SAAS,4BAAoD;AAClE,aAAO,yBAAW,OAAO;AAC3B;AAEO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAGG;AACD,SAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAO,QAAS,UAAS;AACpD;","names":["import_react"]}

package/dist/cjs/runtimes/react/root-style-registry.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -29,7 +30,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var root_style_registry_exports = {};
 __export(root_style_registry_exports, {
   RootStyleRegistry: () => RootStyleRegistry,
+  StyleTagSSR: () => StyleTagSSR,
   createRootStyleCache: () => createRootStyleCache,
+  styleTagHtml: () => styleTagHtml,
   useCSSResetEnabled: () => useCSSResetEnabled,
   useCache: () => useCache
 });
@@ -44,23 +47,44 @@ const CSSResetEnabledContext = (0, import_react.createContext)(DEFAULT_CSS_RESET
 const createRootStyleCache = ({ key } = {}) => {
   const cache2 = (0, import_cache.default)({ key: key ?? "mswft" });
   cache2.compat = true;
-  const prevInsert = cache2.insert;
   let inserted = [];
-  cache2.insert = (...args) => {
-    const serialized = args[1];
-    if (cache2.inserted[serialized.name] === void 0) {
-      inserted.push(serialized.name);
+  return {
+    ...cache2,
+    // override the `insert` method to track inserted names
+    insert(...args) {
+      const serialized = args[1];
+      if (cache2.inserted[serialized.name] === void 0) {
+        inserted.push(serialized.name);
+      }
+      return cache2.insert(...args);
+    },
+    flush() {
+      const classNames = inserted;
+      inserted = [];
+      return {
+        classNames,
+        css: classNames.reduce((css, name) => {
+          return css + cache2.inserted[name];
+        }, "")
+      };
     }
-    return prevInsert(...args);
   };
-  const flush = () => {
-    const prevInserted = inserted;
-    inserted = [];
-    return prevInserted;
-  };
-  return { cache: cache2, flush };
 };
-function RootStyleRegistry({ children, cache: cache2, enableCssReset }) {
+const StyleTagSSR = ({ cacheKey, classNames, css }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "style",
+  {
+    "data-emotion": `${cacheKey} ${classNames.join(" ")}`,
+    dangerouslySetInnerHTML: {
+      __html: css
+    }
+  }
+);
+const styleTagHtml = ({ cacheKey, classNames, css }) => `<style data-emotion="${cacheKey} ${classNames.join(" ")}">${css}</style>`;
+function RootStyleRegistry({
+  children,
+  cache: cache2,
+  enableCssReset
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CacheContext.Provider, { value: cache2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CSSResetEnabledContext.Provider, { value: enableCssReset ?? DEFAULT_CSS_RESET_ENABLED, children }) });
 }
 function useCache() {
@@ -72,7 +96,9 @@ function useCSSResetEnabled() {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   RootStyleRegistry,
+  StyleTagSSR,
   createRootStyleCache,
+  styleTagHtml,
   useCSSResetEnabled,
   useCache
 });

package/dist/cjs/runtimes/react/root-style-registry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/root-style-registry.tsx"],"sourcesContent":["import createCache, { EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { ReactNode, createContext, useContext } from 'react'\n\nconst CacheContext = createContext(cache)\n\nconst DEFAULT_CSS_RESET_ENABLED = true\nconst CSSResetEnabledContext = createContext(DEFAULT_CSS_RESET_ENABLED)\n\nexport const createRootStyleCache = ({ key }: { key?: string } = {}) => {\n  const cache = createCache({ key: key ?? 'mswft' })\n  cache.compat = true\n\n  const prevInsert = cache.insert\n  let inserted: string[] = []\n\n  cache.insert = (...args) => {\n    const serialized = args[1]\n    if (cache.inserted[serialized.name] === undefined) {\n      inserted.push(serialized.name)\n    }\n    return prevInsert(...args)\n  }\n\n  const flush = () => {\n    const prevInserted = inserted\n    inserted = []\n    return prevInserted\n  }\n\n  return { cache, flush }\n}\n\ntype Props = {\n  children: ReactNode\n  cache: EmotionCache\n  /**\n   * Toggle the built-in CSS reset.\n   * Set to `false` when using `@layer`-based CSS frameworks like Tailwind.\n   */\n  enableCssReset?: boolean\n}\n\nexport function RootStyleRegistry({ children, cache, enableCssReset }: Props) {\n  return (\n    <CacheContext.Provider value={cache}>\n      <CSSResetEnabledContext.Provider value={enableCssReset ?? DEFAULT_CSS_RESET_ENABLED}>\n        {children}\n      </CSSResetEnabledContext.Provider>\n    </CacheContext.Provider>\n  )\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n\nexport function useCSSResetEnabled(): boolean {\n  return useContext(CSSResetEnabledContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CM;AA9CN,mBAA0C;AAC1C,iBAAsB;AACtB,mBAAqD;AAErD,MAAM,mBAAe,4BAAc,gBAAK;AAExC,MAAM,4BAA4B;AAClC,MAAM,6BAAyB,4BAAc,yBAAyB;AAE/D,MAAM,uBAAuB,CAAC,EAAE,IAAI,IAAsB,CAAC,MAAM;AACtE,QAAMA,aAAQ,aAAAC,SAAY,EAAE,KAAK,OAAO,QAAQ,CAAC;AACjD,EAAAD,OAAM,SAAS;AAEf,QAAM,aAAaA,OAAM;AACzB,MAAI,WAAqB,CAAC;AAE1B,EAAAA,OAAM,SAAS,IAAI,SAAS;AAC1B,UAAM,aAAa,KAAK,CAAC;AACzB,QAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,eAAS,KAAK,WAAW,IAAI;AAAA,IAC/B;AACA,WAAO,WAAW,GAAG,IAAI;AAAA,EAC3B;AAEA,QAAM,QAAQ,MAAM;AAClB,UAAM,eAAe;AACrB,eAAW,CAAC;AACZ,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,OAAAA,QAAO,MAAM;AACxB;AAYO,SAAS,kBAAkB,EAAE,UAAU,OAAAA,QAAO,eAAe,GAAU;AAC5E,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAOA,QAC5B,sDAAC,uBAAuB,UAAvB,EAAgC,OAAO,kBAAkB,2BACvD,UACH,GACF;AAEJ;AAEO,SAAS,WAAyB;AACvC,aAAO,yBAAW,YAAY;AAChC;AAEO,SAAS,qBAA8B;AAC5C,aAAO,yBAAW,sBAAsB;AAC1C;","names":["cache","createCache"]}
+{"version":3,"sources":["../../../../src/runtimes/react/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport createCache, { type EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { type PropsWithChildren, createContext, useContext } from 'react'\n\nconst CacheContext = createContext(cache)\n\nconst DEFAULT_CSS_RESET_ENABLED = true\nconst CSSResetEnabledContext = createContext(DEFAULT_CSS_RESET_ENABLED)\n\nexport type StyleCache = EmotionCache & {\n  /**\n   * Flush the inserted styles.\n   * @returns A list of class names and the corresponding CSS rules that were flushed.\n   */\n  flush: () => { classNames: string[]; css: string }\n}\n\nexport const createRootStyleCache = ({ key }: { key?: string } = {}): StyleCache => {\n  const cache = createCache({ key: key ?? 'mswft' })\n  cache.compat = true\n\n  // additional state to track inserted style names\n  let inserted: string[] = []\n\n  return {\n    ...cache,\n\n    // override the `insert` method to track inserted names\n    insert(...args) {\n      const serialized = args[1]\n      if (cache.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name)\n      }\n      return cache.insert(...args)\n    },\n\n    flush() {\n      const classNames = inserted\n      // reset our own state, leave `cache.inserted` intact\n      inserted = []\n\n      return {\n        classNames,\n        css: classNames.reduce((css, name) => {\n          return css + cache.inserted[name]\n        }, ''),\n      }\n    },\n  }\n}\n\ntype StyleTagProps = {\n  cacheKey: string\n  classNames: string[]\n  css: string\n}\n\nexport const StyleTagSSR = ({ cacheKey, classNames, css }: StyleTagProps) => (\n  <style\n    data-emotion={`${cacheKey} ${classNames.join(' ')}`}\n    dangerouslySetInnerHTML={{\n      __html: css,\n    }}\n  />\n)\n\nexport const styleTagHtml = ({ cacheKey, classNames, css }: StyleTagProps): string =>\n  `<style data-emotion=\"${cacheKey} ${classNames.join(' ')}\">${css}</style>`\n\nexport type RootStyleProps = {\n  /**\n   * The key used to prefix generated class names.\n   * If not provided, a default key will be used.\n   */\n  cacheKey?: string\n  /**\n   * Toggle the built-in CSS reset.\n   * Set to `false` when using `@layer`-based CSS frameworks like Tailwind.\n   */\n  enableCssReset?: boolean\n}\n\nexport function RootStyleRegistry({\n  children,\n  cache,\n  enableCssReset,\n}: PropsWithChildren<{\n  cache: StyleCache\n  enableCssReset?: boolean\n}>) {\n  return (\n    <CacheContext.Provider value={cache}>\n      <CSSResetEnabledContext.Provider value={enableCssReset ?? DEFAULT_CSS_RESET_ENABLED}>\n        {children}\n      </CSSResetEnabledContext.Provider>\n    </CacheContext.Provider>\n  )\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n\nexport function useCSSResetEnabled(): boolean {\n  return useContext(CSSResetEnabledContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4DE;AA1DF,mBAA+C;AAC/C,iBAAsB;AACtB,mBAAkE;AAElE,MAAM,mBAAe,4BAAc,gBAAK;AAExC,MAAM,4BAA4B;AAClC,MAAM,6BAAyB,4BAAc,yBAAyB;AAU/D,MAAM,uBAAuB,CAAC,EAAE,IAAI,IAAsB,CAAC,MAAkB;AAClF,QAAMA,aAAQ,aAAAC,SAAY,EAAE,KAAK,OAAO,QAAQ,CAAC;AACjD,EAAAD,OAAM,SAAS;AAGf,MAAI,WAAqB,CAAC;AAE1B,SAAO;AAAA,IACL,GAAGA;AAAA;AAAA,IAGH,UAAU,MAAM;AACd,YAAM,aAAa,KAAK,CAAC;AACzB,UAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,iBAAS,KAAK,WAAW,IAAI;AAAA,MAC/B;AACA,aAAOA,OAAM,OAAO,GAAG,IAAI;AAAA,IAC7B;AAAA,IAEA,QAAQ;AACN,YAAM,aAAa;AAEnB,iBAAW,CAAC;AAEZ,aAAO;AAAA,QACL;AAAA,QACA,KAAK,WAAW,OAAO,CAAC,KAAK,SAAS;AACpC,iBAAO,MAAMA,OAAM,SAAS,IAAI;AAAA,QAClC,GAAG,EAAE;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;AAQO,MAAM,cAAc,CAAC,EAAE,UAAU,YAAY,IAAI,MACtD;AAAA,EAAC;AAAA;AAAA,IACC,gBAAc,GAAG,QAAQ,IAAI,WAAW,KAAK,GAAG,CAAC;AAAA,IACjD,yBAAyB;AAAA,MACvB,QAAQ;AAAA,IACV;AAAA;AACF;AAGK,MAAM,eAAe,CAAC,EAAE,UAAU,YAAY,IAAI,MACvD,wBAAwB,QAAQ,IAAI,WAAW,KAAK,GAAG,CAAC,KAAK,GAAG;AAe3D,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,OAAAA;AAAA,EACA;AACF,GAGI;AACF,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAOA,QAC5B,sDAAC,uBAAuB,UAAvB,EAAgC,OAAO,kBAAkB,2BACvD,UACH,GACF;AAEJ;AAEO,SAAS,WAAyB;AACvC,aAAO,yBAAW,YAAY;AAChC;AAEO,SAAS,qBAA8B;AAC5C,aAAO,yBAAW,sBAAsB;AAC1C;","names":["cache","createCache"]}

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

@@ -36,7 +36,7 @@ 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("../../next/root-style-registry");
+var import_root_style_registry = require("./root-style-registry");
 const isServer = typeof window === "undefined";
 const useInsertionEffectSpecifier = "useInsertionEffect";
 const useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect;

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

@@ -1 +1 @@
-{"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'\nimport { useCache } from '../../next/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]>()\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;AAC7B,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,qBAA8B;AAG/C,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":[]}
+{"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]>()\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,qBAA8B;AAG/C,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

@@ -34,15 +34,15 @@ __export(use_style_exports, {
 });
 module.exports = __toCommonJS(use_style_exports);
 var import_react = __toESM(require("react"));
-var import_serialize = require("@emotion/serialize");
+var import_serialize2 = require("@emotion/serialize");
 var import_utils = require("@emotion/utils");
-var import_root_style_registry = require("../../next/root-style-registry");
 var import_is_server = require("../../utils/is-server");
+var import_root_style_registry = require("./root-style-registry");
 const useInsertionEffectSpecifier = "useInsertionEffect";
 const useInsertionEffect = import_react.default[useInsertionEffectSpecifier] ?? import_react.default.useLayoutEffect;
 function useStyle(style) {
   const cache = (0, import_root_style_registry.useCache)();
-  const serialized = (0, import_serialize.serializeStyles)([style], cache.registered);
+  const serialized = (0, import_serialize2.serializeStyles)([style], cache.registered);
   (0, import_utils.registerStyles)(cache, serialized, false);
   useUniversalInsertionEffect(() => {
     (0, import_utils.insertStyles)(cache, serialized, false);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/use-style.ts"],"sourcesContent":["import React from 'react'\nimport { CSSObject } from '@emotion/css'\nimport { EmotionCache } from '@emotion/cache'\nimport { serializeStyles } from '@emotion/serialize'\nimport { registerStyles, insertStyles, type SerializedStyles } from '@emotion/utils'\n\nimport { useCache } from '../../next/root-style-registry'\nimport { isServer } from '../../utils/is-server'\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,uBAAgC;AAChC,mBAAoE;AAEpE,iCAAyB;AACzB,uBAAyB;AAEzB,MAAM,8BAA8B;AACpC,MAAM,qBAAqB,aAAAA,QAAM,2BAA2B,KAAK,aAAAA,QAAM;AAEhE,SAAS,SAAS,OAA0B;AACjD,QAAM,YAAQ,qCAAS;AACvB,QAAM,iBAAa,kCAAgB,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":["React"]}
+{"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/cjs/state/actions.js

@@ -35,6 +35,7 @@ __export(actions_exports, {
   handlePointerMove: () => handlePointerMove,
   handleWheel: () => handleWheel,
   init: () => init,
+  isKnownAction: () => isKnownAction,
   messageBuilderPropController: () => messageBuilderPropController,
   messageHostPropController: () => messageHostPropController,
   mountComponent: () => mountComponent,
@@ -70,6 +71,7 @@ __export(actions_exports, {
   updateAPIClientCache: () => updateAPIClientCache
 });
 module.exports = __toCommonJS(actions_exports);
+var import_toolkit = require("@reduxjs/toolkit");
 var import_locale = require("../locale");
 const ActionTypes = {
   INIT: "INIT",
@@ -361,6 +363,9 @@ function setLocalizedResourceId({
 function updateAPIClientCache(payload) {
   return { type: ActionTypes.UPDATE_API_CLIENT_CACHE, payload };
 }
+function isKnownAction(action) {
+  return (0, import_toolkit.isAction)(action) && Object.hasOwn(ActionTypes, action.type);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionTypes,
@@ -380,6 +385,7 @@ function updateAPIClientCache(payload) {
   handlePointerMove,
   handleWheel,
   init,
+  isKnownAction,
   messageBuilderPropController,
   messageHostPropController,
   mountComponent,