@makeswift/runtime 0.13.0 → 0.14.0

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

@@ -0,0 +1,126 @@
+import { useEffect, useRef } from "react";
+import { useSyncExternalStore } from "use-sync-external-store/shim";
+import { useMakeswiftClient } from "../../../api/react";
+function useSwatch(swatchId) {
+  const client = useMakeswiftClient();
+  const readSwatch = () => swatchId == null ? null : client.readSwatch(swatchId);
+  const swatch = useSyncExternalStore(client.subscribe, readSwatch, readSwatch);
+  useEffect(() => {
+    if (swatchId != null)
+      client.fetchSwatch(swatchId).catch(console.error);
+  }, [client, swatchId]);
+  return swatch;
+}
+function useSwatches(swatchIds) {
+  const client = useMakeswiftClient();
+  const lastSnapshot = useRef();
+  function getSnapshot() {
+    const swatches2 = swatchIds.map((swatchId) => client.readSwatch(swatchId));
+    if (lastSnapshot.current != null && lastSnapshot.current.length === swatches2.length && lastSnapshot.current.every((swatch, idx) => swatches2[idx] === swatch)) {
+      return lastSnapshot.current;
+    }
+    return lastSnapshot.current = swatches2;
+  }
+  const swatches = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
+  useEffect(() => {
+    Promise.all(swatchIds.map((swatchId) => client.fetchSwatch(swatchId))).catch(console.error);
+  }, [client, swatchIds]);
+  return swatches;
+}
+function useFile(fileId) {
+  const client = useMakeswiftClient();
+  const readFile = () => fileId == null ? null : client.readFile(fileId);
+  const file = useSyncExternalStore(client.subscribe, readFile, readFile);
+  useEffect(() => {
+    if (fileId != null)
+      client.fetchFile(fileId);
+  }, [client, fileId]);
+  return file;
+}
+function useFiles(fileIds) {
+  const client = useMakeswiftClient();
+  const lastSnapshot = useRef();
+  function getSnapshot() {
+    const files2 = fileIds.map((fileId) => client.readFile(fileId));
+    if (lastSnapshot.current != null && lastSnapshot.current.length === files2.length && lastSnapshot.current.every((file, idx) => files2[idx] === file)) {
+      return lastSnapshot.current;
+    }
+    return lastSnapshot.current = files2;
+  }
+  const files = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
+  useEffect(() => {
+    Promise.all(fileIds.map((fileId) => client.fetchFile(fileId))).catch(console.error);
+  }, [client, fileIds]);
+  return files;
+}
+function useTypography(typographyId) {
+  const client = useMakeswiftClient();
+  const readTypography = () => typographyId == null ? null : client.readTypography(typographyId);
+  const typography = useSyncExternalStore(client.subscribe, readTypography, readTypography);
+  useEffect(() => {
+    if (typographyId != null)
+      client.fetchTypography(typographyId).catch(console.error);
+  }, [client, typographyId]);
+  return typography;
+}
+function useGlobalElement(globalElementId) {
+  const client = useMakeswiftClient();
+  const readGlobalElement = () => globalElementId == null ? null : client.readGlobalElement(globalElementId);
+  const globalElement = useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement);
+  useEffect(() => {
+    if (globalElementId != null)
+      client.fetchGlobalElement(globalElementId).catch(console.error);
+  }, [client, globalElementId]);
+  return globalElement;
+}
+function useLocalizedGlobalElement(globalElementId) {
+  const client = useMakeswiftClient();
+  const readLocalizedGlobalElement = () => globalElementId == null ? null : client.readLocalizedGlobalElement(globalElementId);
+  const localizedGlobalElement = useSyncExternalStore(
+    client.subscribe,
+    readLocalizedGlobalElement,
+    readLocalizedGlobalElement
+  );
+  useEffect(() => {
+    if (globalElementId != null) {
+      client.fetchLocalizedGlobalElement(globalElementId).catch(console.error);
+    }
+  }, [client, globalElementId]);
+  return localizedGlobalElement;
+}
+function usePagePathnameSlice(pageId) {
+  const client = useMakeswiftClient();
+  const readPagePathnameSlice = () => pageId == null ? null : client.readPagePathnameSlice(pageId);
+  const pagePathnameSlice = useSyncExternalStore(
+    client.subscribe,
+    readPagePathnameSlice,
+    readPagePathnameSlice
+  );
+  useEffect(() => {
+    if (pageId != null)
+      client.fetchPagePathnameSlice(pageId).catch(console.error);
+  }, [client, pageId]);
+  return pagePathnameSlice;
+}
+function useTable(tableId) {
+  const client = useMakeswiftClient();
+  const readTable = () => tableId == null ? null : client.readTable(tableId);
+  const table = useSyncExternalStore(client.subscribe, readTable, readTable);
+  useEffect(() => {
+    if (tableId != null)
+      client.fetchTable(tableId).catch(console.error);
+  }, [client, tableId]);
+  return table;
+}
+export {
+  useFile,
+  useFiles,
+  useGlobalElement,
+  useLocalizedGlobalElement,
+  usePagePathnameSlice,
+  useSwatch,
+  useSwatches,
+  useTable,
+  useTypography
+};
+//# sourceMappingURL=makeswift-api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/makeswift-api.ts"],"sourcesContent":["import { 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'\nimport { useMakeswiftClient } from '../../../api/react'\n\nexport function useSwatch(swatchId: string | null): Swatch | null {\n  const client = useMakeswiftClient()\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 = useMakeswiftClient()\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 = useMakeswiftClient()\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 = useMakeswiftClient()\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 = useMakeswiftClient()\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 = useMakeswiftClient()\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  globalElementId: string | null,\n): LocalizedGlobalElement | null {\n  const client = useMakeswiftClient()\n  const readLocalizedGlobalElement = () =>\n    globalElementId == null ? null : client.readLocalizedGlobalElement(globalElementId)\n  const localizedGlobalElement = useSyncExternalStore(\n    client.subscribe,\n    readLocalizedGlobalElement,\n    readLocalizedGlobalElement,\n  )\n\n  useEffect(() => {\n    if (globalElementId != null) {\n      client.fetchLocalizedGlobalElement(globalElementId).catch(console.error)\n    }\n  }, [client, globalElementId])\n\n  return localizedGlobalElement\n}\n\nexport function usePagePathnameSlice(pageId: string | null): PagePathnameSlice | null {\n  const client = useMakeswiftClient()\n  const readPagePathnameSlice = () => (pageId == null ? null : client.readPagePathnameSlice(pageId))\n  const pagePathnameSlice = useSyncExternalStore(\n    client.subscribe,\n    readPagePathnameSlice,\n    readPagePathnameSlice,\n  )\n\n  useEffect(() => {\n    if (pageId != null) client.fetchPagePathnameSlice(pageId).catch(console.error)\n  }, [client, pageId])\n\n  return pagePathnameSlice\n}\n\nexport function useTable(tableId: string | null): Table | null {\n  const client = useMakeswiftClient()\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/esm/runtimes/react/hooks/use-breakpoints.js

@@ -0,0 +1,9 @@
+import { getBreakpoints } from "../../../state/react-page";
+import { useSelector } from "./use-selector";
+function useBreakpoints() {
+  return useSelector((state) => getBreakpoints(state));
+}
+export {
+  useBreakpoints
+};
+//# sourceMappingURL=use-breakpoints.js.map

package/dist/esm/runtimes/react/hooks/use-breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-breakpoints.ts"],"sourcesContent":["import { Breakpoints } from '../../../state/modules/breakpoints'\nimport { getBreakpoints } from '../../../state/react-page'\nimport { useSelector } from './use-selector'\n\nexport function useBreakpoints(): Breakpoints {\n  return useSelector(state => getBreakpoints(state))\n}\n"],"mappings":"AACA,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,SAAS,iBAA8B;AAC5C,SAAO,YAAY,WAAS,eAAe,KAAK,CAAC;AACnD;","names":[]}

package/dist/esm/runtimes/react/hooks/use-builder-edit-mode.js

@@ -0,0 +1,9 @@
+import { getBuilderEditMode } from "../../../state/react-page";
+import { useSelector } from "./use-selector";
+function useBuilderEditMode() {
+  return useSelector((state) => getBuilderEditMode(state));
+}
+export {
+  useBuilderEditMode
+};
+//# sourceMappingURL=use-builder-edit-mode.js.map

package/dist/esm/runtimes/react/hooks/use-builder-edit-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-builder-edit-mode.ts"],"sourcesContent":["import { BuilderEditMode } from '../../../state/modules/builder-edit-mode'\nimport { getBuilderEditMode } from '../../../state/react-page'\nimport { useSelector } from './use-selector'\n\nexport function useBuilderEditMode(): BuilderEditMode | null {\n  return useSelector(state => getBuilderEditMode(state))\n}\n"],"mappings":"AACA,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAErB,SAAS,qBAA6C;AAC3D,SAAO,YAAY,WAAS,mBAAmB,KAAK,CAAC;AACvD;","names":[]}

package/dist/esm/runtimes/react/hooks/use-component.js

@@ -0,0 +1,9 @@
+import { getReactComponent } from "../../../state/react-page";
+import { useSelector } from "./use-selector";
+function useComponent(type) {
+  return useSelector((state) => getReactComponent(state, type));
+}
+export {
+  useComponent
+};
+//# sourceMappingURL=use-component.js.map

package/dist/esm/runtimes/react/hooks/use-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-component.ts"],"sourcesContent":["import { ComponentType, getReactComponent } from '../../../state/react-page'\nimport { useSelector } from './use-selector'\n\nexport function useComponent(type: string): ComponentType | null {\n  return useSelector(state => getReactComponent(state, type))\n}\n"],"mappings":"AAAA,SAAwB,yBAAyB;AACjD,SAAS,mBAAmB;AAErB,SAAS,aAAa,MAAoC;AAC/D,SAAO,YAAY,WAAS,kBAAkB,OAAO,IAAI,CAAC;AAC5D;","names":[]}

package/dist/esm/runtimes/react/hooks/use-disable-register-element.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DisableRegisterElement = createContext(false);
+function useDisableRegisterElement() {
+  return useContext(DisableRegisterElement);
+}
+export {
+  DisableRegisterElement,
+  useDisableRegisterElement
+};
+//# sourceMappingURL=use-disable-register-element.js.map

package/dist/esm/runtimes/react/hooks/use-disable-register-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-disable-register-element.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport const DisableRegisterElement = createContext(false)\n\nexport function useDisableRegisterElement() {\n  return useContext(DisableRegisterElement)\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkB;AAEnC,MAAM,yBAAyB,cAAc,KAAK;AAElD,SAAS,4BAA4B;AAC1C,SAAO,WAAW,sBAAsB;AAC1C;","names":[]}

package/dist/esm/runtimes/react/hooks/use-dispatch.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { StoreContext } from "./use-store";
+function useDispatch() {
+  const store = useContext(StoreContext);
+  return store.dispatch;
+}
+export {
+  useDispatch
+};
+//# sourceMappingURL=use-dispatch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-dispatch.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { StoreContext } from './use-store'\nimport { Dispatch as ReactPageDispatch } from '../../../state/react-page'\nimport { Dispatch as ReactBuilderPreviewDispatch } from '../../../state/react-builder-preview'\n\ntype Dispatch = ReactPageDispatch & ReactBuilderPreviewDispatch\n\nexport function useDispatch(): Dispatch {\n  const store = useContext(StoreContext)\n\n  return store.dispatch\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAMtB,SAAS,cAAwB;AACtC,QAAM,QAAQ,WAAW,YAAY;AAErC,SAAO,MAAM;AACf;","names":[]}

package/dist/esm/runtimes/react/hooks/use-document-cycles.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DocumentCyclesContext = createContext([]);
+function useDocumentCycles() {
+  return useContext(DocumentCyclesContext);
+}
+export {
+  DocumentCyclesContext,
+  useDocumentCycles
+};
+//# sourceMappingURL=use-document-cycles.js.map

package/dist/esm/runtimes/react/hooks/use-document-cycles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-document-cycles.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport const DocumentCyclesContext = createContext<string[]>([])\n\nexport function useDocumentCycles() {\n  return useContext(DocumentCyclesContext)\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkB;AAEnC,MAAM,wBAAwB,cAAwB,CAAC,CAAC;AAExD,SAAS,oBAAoB;AAClC,SAAO,WAAW,qBAAqB;AACzC;","names":[]}

package/dist/esm/runtimes/react/hooks/use-document-key.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DocumentContext = createContext(null);
+function useDocumentKey() {
+  return useContext(DocumentContext);
+}
+export {
+  DocumentContext,
+  useDocumentKey
+};
+//# sourceMappingURL=use-document-key.js.map

package/dist/esm/runtimes/react/hooks/use-document-key.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-document-key.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport const DocumentContext = createContext<string | null>(null)\n\nexport function useDocumentKey(): string | null {\n  return useContext(DocumentContext)\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkB;AAEnC,MAAM,kBAAkB,cAA6B,IAAI;AAEzD,SAAS,iBAAgC;AAC9C,SAAO,WAAW,eAAe;AACnC;","names":[]}

package/dist/esm/runtimes/react/hooks/use-document.js

@@ -0,0 +1,9 @@
+import { getDocument } from "../../../state/react-page";
+import { useSelector } from "./use-selector";
+function useDocument(documentKey) {
+  return useSelector((state) => getDocument(state, documentKey));
+}
+export {
+  useDocument
+};
+//# sourceMappingURL=use-document.js.map

package/dist/esm/runtimes/react/hooks/use-document.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-document.ts"],"sourcesContent":["import { Document, getDocument } from '../../../state/react-page'\nimport { useSelector } from './use-selector'\n\nexport function useDocument(documentKey: string): Document | null {\n  return useSelector(state => getDocument(state, documentKey))\n}\n"],"mappings":"AAAA,SAAmB,mBAAmB;AACtC,SAAS,mBAAmB;AAErB,SAAS,YAAY,aAAsC;AAChE,SAAO,YAAY,WAAS,YAAY,OAAO,WAAW,CAAC;AAC7D;","names":[]}

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

@@ -0,0 +1,13 @@
+import { getElementId } from "../../../state/react-page";
+import { useDocumentKey } from "./use-document-key";
+import { useSelector } from "./use-selector";
+function useElementId(elementKey) {
+  const documentKey = useDocumentKey();
+  return useSelector(
+    (state) => documentKey == null || elementKey == null ? null : getElementId(state, documentKey, elementKey)
+  );
+}
+export {
+  useElementId
+};
+//# sourceMappingURL=use-element-id.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-element-id.ts"],"sourcesContent":["import { getElementId } from '../../../state/react-page'\nimport { useDocumentKey } from './use-document-key'\nimport { useSelector } from './use-selector'\n\nexport function useElementId(elementKey: string | null | undefined): string | null {\n  const documentKey = useDocumentKey()\n\n  return useSelector(state =>\n    documentKey == null || elementKey == null ? null : getElementId(state, documentKey, elementKey),\n  )\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,SAAS,aAAa,YAAsD;AACjF,QAAM,cAAc,eAAe;AAEnC,SAAO;AAAA,IAAY,WACjB,eAAe,QAAQ,cAAc,OAAO,OAAO,aAAa,OAAO,aAAa,UAAU;AAAA,EAChG;AACF;","names":[]}

package/dist/esm/runtimes/react/hooks/use-is-in-builder.js

@@ -0,0 +1,9 @@
+import { getIsInBuilder } from "../../../state/react-page";
+import { useSelector } from "./use-selector";
+function useIsInBuilder() {
+  return useSelector((state) => getIsInBuilder(state));
+}
+export {
+  useIsInBuilder
+};
+//# sourceMappingURL=use-is-in-builder.js.map

package/dist/esm/runtimes/react/hooks/use-is-in-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-in-builder.ts"],"sourcesContent":["import { getIsInBuilder } from '../../../state/react-page'\nimport { useSelector } from './use-selector'\n\nexport function useIsInBuilder(): boolean {\n  return useSelector(state => getIsInBuilder(state))\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,SAAS,iBAA0B;AACxC,SAAO,YAAY,WAAS,eAAe,KAAK,CAAC;AACnD;","names":[]}

package/dist/esm/runtimes/react/hooks/use-is-preview.js

@@ -0,0 +1,9 @@
+import { getIsPreview } from "../../../state/react-page";
+import { useSelector } from "./use-selector";
+function useIsPreview() {
+  return useSelector((state) => getIsPreview(state));
+}
+export {
+  useIsPreview
+};
+//# sourceMappingURL=use-is-preview.js.map

package/dist/esm/runtimes/react/hooks/use-is-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-preview.ts"],"sourcesContent":["import { getIsPreview } from '../../../state/react-page'\nimport { useSelector } from './use-selector'\n\nexport function useIsPreview(): boolean {\n  return useSelector(state => getIsPreview(state))\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAErB,SAAS,eAAwB;AACtC,SAAO,YAAY,WAAS,aAAa,KAAK,CAAC;AACjD;","names":[]}

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

@@ -0,0 +1,16 @@
+import { createContext, useContext } from "react";
+const PageContext = createContext(null);
+function usePageIdOrNull() {
+  return useContext(PageContext);
+}
+function usePageId() {
+  const pageIdOrNull = usePageIdOrNull();
+  if (pageIdOrNull == null)
+    throw new Error("`usePageId` must be used with `<PageProvider>`");
+  return pageIdOrNull;
+}
+export {
+  PageContext,
+  usePageId
+};
+//# sourceMappingURL=use-page-id.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-page-id.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport const PageContext = createContext<string | null>(null)\n\nfunction usePageIdOrNull(): string | null {\n  return useContext(PageContext)\n}\n\nexport function usePageId(): string {\n  const pageIdOrNull = usePageIdOrNull()\n\n  if (pageIdOrNull == null) throw new Error('`usePageId` must be used with `<PageProvider>`')\n\n  return pageIdOrNull\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkB;AAEnC,MAAM,cAAc,cAA6B,IAAI;AAE5D,SAAS,kBAAiC;AACxC,SAAO,WAAW,WAAW;AAC/B;AAEO,SAAS,YAAoB;AAClC,QAAM,eAAe,gBAAgB;AAErC,MAAI,gBAAgB;AAAM,UAAM,IAAI,MAAM,gDAAgD;AAE1F,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,10 @@
+import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
+import { useStore } from "./use-store";
+function useSelector(selector) {
+  const store = useStore();
+  return useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, selector);
+}
+export {
+  useSelector
+};
+//# sourceMappingURL=use-selector.js.map

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

@@ -0,0 +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,SAAS,wCAAwC;AACjD,SAAS,gBAAgB;AAMlB,SAAS,YAAe,UAAkC;AAC/D,QAAM,QAAQ,SAAS;AAEvB,SAAO,iCAAiC,MAAM,WAAW,MAAM,UAAU,MAAM,UAAU,QAAQ;AACnG;","names":[]}

package/dist/esm/runtimes/react/hooks/use-store.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from "react";
+import { ReactRuntime } from "../react-runtime";
+const StoreContext = createContext(ReactRuntime.store);
+function useStore() {
+  return useContext(StoreContext);
+}
+export {
+  StoreContext,
+  useStore
+};
+//# sourceMappingURL=use-store.js.map

package/dist/esm/runtimes/react/hooks/use-store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-store.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport { ReactRuntime } from '../react-runtime'\nimport { Store } from '../../../state/react-page'\n\nexport const StoreContext = createContext(ReactRuntime.store)\n\nexport function useStore(): Store {\n  return useContext(StoreContext)\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkB;AAC1C,SAAS,oBAAoB;AAGtB,MAAM,eAAe,cAAc,aAAa,KAAK;AAErD,SAAS,WAAkB;AAChC,SAAO,WAAW,YAAY;AAChC;","names":[]}

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

@@ -0,0 +1,32 @@
+import { ReactRuntime } from "./react-runtime";
+import { Element } from "./components/Element";
+import { DocumentReference } from "./components/DocumentReference";
+import { RuntimeProvider } from "./components/RuntimeProvider";
+import { PageProvider } from "./components/PageProvider";
+import { useBreakpoints } from "./hooks/use-breakpoints";
+import { useBuilderEditMode } from "./hooks/use-builder-edit-mode";
+import { useDocumentKey } from "./hooks/use-document-key";
+import { useElementId } from "./hooks/use-element-id";
+import { useIsInBuilder } from "./hooks/use-is-in-builder";
+import { useIsPreview } from "./hooks/use-is-preview";
+import { usePageId } from "./hooks/use-page-id";
+import { useSelector } from "./hooks/use-selector";
+import { StoreContext, useStore } from "./hooks/use-store";
+export {
+  DocumentReference,
+  Element,
+  PageProvider,
+  ReactRuntime,
+  RuntimeProvider,
+  StoreContext,
+  useBreakpoints,
+  useBuilderEditMode,
+  useDocumentKey,
+  useElementId,
+  useIsInBuilder,
+  useIsPreview,
+  usePageId,
+  useSelector,
+  useStore
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtimes/react/index.ts"],"sourcesContent":["export { ReactRuntime } from './react-runtime'\n\nexport { Element } from './components/Element'\nexport { DocumentReference } from './components/DocumentReference'\nexport { RuntimeProvider } from './components/RuntimeProvider'\nexport { PageProvider } from './components/PageProvider'\n\nexport { useBreakpoints } from './hooks/use-breakpoints'\nexport { useBuilderEditMode } from './hooks/use-builder-edit-mode'\nexport { useDocumentKey } from './hooks/use-document-key'\nexport { useElementId } from './hooks/use-element-id'\nexport { useIsInBuilder } from './hooks/use-is-in-builder'\nexport { useIsPreview } from './hooks/use-is-preview'\nexport { usePageId } from './hooks/use-page-id'\nexport { useSelector } from './hooks/use-selector'\nexport { StoreContext, useStore } from './hooks/use-store'\n"],"mappings":"AAAA,SAAS,oBAAoB;AAE7B,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAE7B,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,cAAc,gBAAgB;","names":[]}

package/dist/esm/runtimes/react/poll-box-model.js

@@ -0,0 +1,25 @@
+import { getBox } from "../../state/modules/box-models";
+import deepEqual from "../../utils/deepEqual";
+function pollBoxModel({
+  element,
+  onBoxModelChange
+}) {
+  let currentBoxModel = null;
+  const handleAnimationFrameRequest = () => {
+    const measuredBoxModel = getBox(element);
+    if (!deepEqual(currentBoxModel, measuredBoxModel)) {
+      currentBoxModel = measuredBoxModel;
+      onBoxModelChange(currentBoxModel);
+    }
+    animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+  };
+  let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+  return () => {
+    cancelAnimationFrame(animationFrameHandle);
+    onBoxModelChange(null);
+  };
+}
+export {
+  pollBoxModel
+};
+//# sourceMappingURL=poll-box-model.js.map

package/dist/esm/runtimes/react/poll-box-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtimes/react/poll-box-model.ts"],"sourcesContent":["import { BoxModel, getBox } from '../../state/modules/box-models'\nimport deepEqual from '../../utils/deepEqual'\n\nexport function pollBoxModel({\n  element,\n  onBoxModelChange,\n}: {\n  element: Element\n  onBoxModelChange(boxModel: BoxModel | null): void\n}): () => void {\n  let currentBoxModel: BoxModel | null = null\n\n  const handleAnimationFrameRequest = () => {\n    const measuredBoxModel = getBox(element)\n\n    if (!deepEqual(currentBoxModel, measuredBoxModel)) {\n      currentBoxModel = measuredBoxModel\n\n      onBoxModelChange(currentBoxModel)\n    }\n\n    animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n  }\n\n  let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n  return () => {\n    cancelAnimationFrame(animationFrameHandle)\n\n    onBoxModelChange(null)\n  }\n}\n"],"mappings":"AAAA,SAAmB,cAAc;AACjC,OAAO,eAAe;AAEf,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGe;AACb,MAAI,kBAAmC;AAEvC,QAAM,8BAA8B,MAAM;AACxC,UAAM,mBAAmB,OAAO,OAAO;AAEvC,QAAI,CAAC,UAAU,iBAAiB,gBAAgB,GAAG;AACjD,wBAAkB;AAElB,uBAAiB,eAAe;AAAA,IAClC;AAEA,2BAAuB,sBAAsB,2BAA2B;AAAA,EAC1E;AAEA,MAAI,uBAAuB,sBAAsB,2BAA2B;AAE5E,SAAO,MAAM;AACX,yBAAqB,oBAAoB;AAEzC,qBAAiB,IAAI;AAAA,EACvB;AACF;","names":[]}

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

@@ -0,0 +1,92 @@
+import { registerBuiltinComponents } from "../../components/builtin/register";
+import { registerComponentEffect, registerReactComponentEffect } from "../../state/actions";
+import {
+  parseBreakpointsInput
+} from "../../state/modules/breakpoints";
+import { ComponentIcon } from "../../state/modules/components-meta";
+import {
+  configureStore,
+  copyElementTree,
+  getBreakpoints,
+  getElementTreeTranslatableData,
+  mergeElementTreeTranslatedData
+} from "../../state/react-page";
+class ReactRuntime {
+  // TODO: the static methods here are deprecated and only keep here for backward-compatibility purpose.
+  // We will remove them when we release a new breaking change.
+  // ------------------ Deprecated API ------------------ //
+  static store = configureStore();
+  static registerComponent(component, {
+    type,
+    label,
+    icon = ComponentIcon.Code,
+    hidden = false,
+    props
+  }) {
+    const unregisterComponent = this.store.dispatch(
+      registerComponentEffect(type, { label, icon, hidden }, props ?? {})
+    );
+    const unregisterReactComponent = this.store.dispatch(
+      registerReactComponentEffect(type, component)
+    );
+    return () => {
+      unregisterComponent();
+      unregisterReactComponent();
+    };
+  }
+  static copyElementTree(elementTree, replacementContext) {
+    return copyElementTree(this.store.getState(), elementTree, replacementContext);
+  }
+  static getBreakpoints() {
+    return getBreakpoints(this.store.getState());
+  }
+  static getTranslatableData(elementTree) {
+    return getElementTreeTranslatableData(this.store.getState(), elementTree);
+  }
+  static mergeTranslatedData(elementTree, translatedData) {
+    return mergeElementTreeTranslatedData(this.store.getState(), elementTree, translatedData);
+  }
+  // ------------------ Deprecated API ends here ------------------ //
+  store;
+  registerComponent(component, {
+    type,
+    label,
+    icon = ComponentIcon.Cube,
+    hidden = false,
+    props
+  }) {
+    const unregisterComponent = this.store.dispatch(
+      registerComponentEffect(type, { label, icon, hidden }, props ?? {})
+    );
+    const unregisterReactComponent = this.store.dispatch(
+      registerReactComponentEffect(type, component)
+    );
+    return () => {
+      unregisterComponent();
+      unregisterReactComponent();
+    };
+  }
+  copyElementTree(elementTree, replacementContext) {
+    return copyElementTree(this.store.getState(), elementTree, replacementContext);
+  }
+  getBreakpoints() {
+    return getBreakpoints(this.store.getState());
+  }
+  constructor({ breakpoints } = {}) {
+    this.store = configureStore({
+      breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : void 0
+    });
+    registerBuiltinComponents(this);
+  }
+  getTranslatableData(elementTree) {
+    return getElementTreeTranslatableData(this.store.getState(), elementTree);
+  }
+  mergeTranslatedData(elementTree, translatedData) {
+    return mergeElementTreeTranslatedData(this.store.getState(), elementTree, translatedData);
+  }
+}
+registerBuiltinComponents(ReactRuntime);
+export {
+  ReactRuntime
+};
+//# sourceMappingURL=react-runtime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtimes/react/react-runtime.ts"],"sourcesContent":["import { registerBuiltinComponents } from '../../components/builtin/register'\nimport { PropControllerDescriptor, PropControllerDescriptorValueType } from '../../prop-controllers'\nimport { registerComponentEffect, registerReactComponentEffect } from '../../state/actions'\nimport {\n  Breakpoints,\n  BreakpointsInput,\n  parseBreakpointsInput,\n} from '../../state/modules/breakpoints'\nimport { ComponentIcon } from '../../state/modules/components-meta'\nimport type {\n  ComponentType,\n  Data,\n  Element,\n  ElementData,\n  SerializableReplacementContext,\n  Store,\n} from '../../state/react-page'\nimport {\n  configureStore,\n  copyElementTree,\n  getBreakpoints,\n  getElementTreeTranslatableData,\n  mergeElementTreeTranslatedData,\n} from '../../state/react-page'\n\nexport class ReactRuntime {\n  // TODO: the static methods here are deprecated and only keep here for backward-compatibility purpose.\n  // We will remove them when we release a new breaking change.\n  // ------------------ Deprecated API ------------------ //\n  static store = configureStore()\n  static registerComponent<\n    P extends Record<string, PropControllerDescriptor>,\n    C extends ComponentType<{ [K in keyof P]: PropControllerDescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Code,\n      hidden = false,\n      props,\n    }: { type: string; label: string; icon?: ComponentIcon; hidden?: boolean; props?: P },\n  ): () => void {\n    const unregisterComponent = this.store.dispatch(\n      registerComponentEffect(type, { label, icon, hidden }, props ?? {}),\n    )\n\n    const unregisterReactComponent = this.store.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n  static copyElementTree(\n    elementTree: ElementData,\n    replacementContext: SerializableReplacementContext,\n  ): Element {\n    return copyElementTree(this.store.getState(), elementTree, replacementContext)\n  }\n  static getBreakpoints(): Breakpoints {\n    return getBreakpoints(this.store.getState())\n  }\n\n  static getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return getElementTreeTranslatableData(this.store.getState(), elementTree)\n  }\n\n  static mergeTranslatedData(\n    elementTree: ElementData,\n    translatedData: Record<string, Data>,\n  ): Element {\n    return mergeElementTreeTranslatedData(this.store.getState(), elementTree, translatedData)\n  }\n  // ------------------ Deprecated API ends here ------------------ //\n\n  store: Store\n\n  registerComponent<\n    P extends Record<string, PropControllerDescriptor>,\n    C extends ComponentType<{ [K in keyof P]: PropControllerDescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Cube,\n      hidden = false,\n      props,\n    }: { type: string; label: string; icon?: ComponentIcon; hidden?: boolean; props?: P },\n  ): () => void {\n    const unregisterComponent = this.store.dispatch(\n      registerComponentEffect(type, { label, icon, hidden }, props ?? {}),\n    )\n\n    const unregisterReactComponent = this.store.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n  copyElementTree(\n    elementTree: ElementData,\n    replacementContext: SerializableReplacementContext,\n  ): Element {\n    return copyElementTree(this.store.getState(), elementTree, replacementContext)\n  }\n  getBreakpoints(): Breakpoints {\n    return getBreakpoints(this.store.getState())\n  }\n\n  constructor({ breakpoints }: { breakpoints?: BreakpointsInput } = {}) {\n    this.store = configureStore({\n      breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : undefined,\n    })\n\n    registerBuiltinComponents(this)\n  }\n\n  getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return getElementTreeTranslatableData(this.store.getState(), elementTree)\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return mergeElementTreeTranslatedData(this.store.getState(), elementTree, translatedData)\n  }\n}\n\n// TODO: We should delete this once we remove the static methods in ReactRuntime.\nregisterBuiltinComponents(ReactRuntime)\n"],"mappings":"AAAA,SAAS,iCAAiC;AAE1C,SAAS,yBAAyB,oCAAoC;AACtE;AAAA,EAGE;AAAA,OACK;AACP,SAAS,qBAAqB;AAS9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA,EAIxB,OAAO,QAAQ,eAAe;AAAA,EAC9B,OAAO,kBAIL,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,cAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,EACF,GACY;AACZ,UAAM,sBAAsB,KAAK,MAAM;AAAA,MACrC,wBAAwB,MAAM,EAAE,OAAO,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;AAAA,IACpE;AAEA,UAAM,2BAA2B,KAAK,MAAM;AAAA,MAC1C,6BAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EACA,OAAO,gBACL,aACA,oBACS;AACT,WAAO,gBAAgB,KAAK,MAAM,SAAS,GAAG,aAAa,kBAAkB;AAAA,EAC/E;AAAA,EACA,OAAO,iBAA8B;AACnC,WAAO,eAAe,KAAK,MAAM,SAAS,CAAC;AAAA,EAC7C;AAAA,EAEA,OAAO,oBAAoB,aAAgD;AACzE,WAAO,+BAA+B,KAAK,MAAM,SAAS,GAAG,WAAW;AAAA,EAC1E;AAAA,EAEA,OAAO,oBACL,aACA,gBACS;AACT,WAAO,+BAA+B,KAAK,MAAM,SAAS,GAAG,aAAa,cAAc;AAAA,EAC1F;AAAA;AAAA,EAGA;AAAA,EAEA,kBAIE,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,cAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,EACF,GACY;AACZ,UAAM,sBAAsB,KAAK,MAAM;AAAA,MACrC,wBAAwB,MAAM,EAAE,OAAO,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;AAAA,IACpE;AAEA,UAAM,2BAA2B,KAAK,MAAM;AAAA,MAC1C,6BAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EACA,gBACE,aACA,oBACS;AACT,WAAO,gBAAgB,KAAK,MAAM,SAAS,GAAG,aAAa,kBAAkB;AAAA,EAC/E;AAAA,EACA,iBAA8B;AAC5B,WAAO,eAAe,KAAK,MAAM,SAAS,CAAC;AAAA,EAC7C;AAAA,EAEA,YAAY,EAAE,YAAY,IAAwC,CAAC,GAAG;AACpE,SAAK,QAAQ,eAAe;AAAA,MAC1B,aAAa,cAAc,sBAAsB,WAAW,IAAI;AAAA,IAClE,CAAC;AAED,8BAA0B,IAAI;AAAA,EAChC;AAAA,EAEA,oBAAoB,aAAgD;AAClE,WAAO,+BAA+B,KAAK,MAAM,SAAS,GAAG,WAAW;AAAA,EAC1E;AAAA,EAEA,oBAAoB,aAA0B,gBAA+C;AAC3F,WAAO,+BAA+B,KAAK,MAAM,SAAS,GAAG,aAAa,cAAc;AAAA,EAC1F;AACF;AAGA,0BAA0B,YAAY;","names":[]}

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

@@ -0,0 +1,62 @@
+import * as React from "react";
+import { useRef } from "react";
+import { cache, injectGlobal } from "@emotion/css";
+import { serializeStyles } from "@emotion/serialize";
+import { insertStyles } from "@emotion/utils";
+const isServer = typeof window === "undefined";
+const useInsertionEffectSpecifier = "useInsertionEffect";
+const useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect;
+function useGlobalStyle(...args) {
+  if (isServer)
+    return injectGlobal(args);
+  const serialized = serializeStyles(args, cache.registered);
+  const sheetRef = useRef();
+  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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtimes/react/use-global-style.ts"],"sourcesContent":["import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  if (isServer) return injectGlobal(args)\n\n  const serialized = serializeStyles(args, cache.registered)\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,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB,SAAS,OAAO,oBAAoB;AACpC,SAA2B,uBAAuB;AAElD,SAAS,oBAAoB;AAE7B,MAAM,WAAW,OAAO,WAAW;AACnC,MAAM,8BAA8B;AACpC,MAAM,qBAAqB,MAAM,2BAA2B,KAAK,MAAM;AAEhE,SAAS,kBAAkB,MAAgC;AAChE,MAAI;AAAU,WAAO,aAAa,IAAI;AAEtC,QAAM,aAAa,gBAAgB,MAAM,MAAM,UAAU;AACzD,QAAM,WAAW,OAA8B;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,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":[]}