@makeswift/runtime 0.25.4-canary.3 → 0.25.4

package/dist/cjs/react/core/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var core_exports = {};
+__export(core_exports, {
+  ReactRuntimeCore: () => import_react_runtime_core.ReactRuntimeCore
+});
+module.exports = __toCommonJS(core_exports);
+var import_react_runtime_core = require("../../runtimes/react/react-runtime-core");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactRuntimeCore
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/react/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/core/index.ts"],"sourcesContent":["export { ReactRuntimeCore } from '../../runtimes/react/react-runtime-core'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAiC;","names":[]}

package/dist/cjs/react/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_exports = {};
+__export(react_exports, {
+  useIsInBuilder: () => import_use_is_in_builder.useIsInBuilder
+});
+module.exports = __toCommonJS(react_exports);
+var import_use_is_in_builder = require("../runtimes/react/hooks/use-is-in-builder");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsInBuilder
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/react/index.ts"],"sourcesContent":["export { useIsInBuilder } from '../runtimes/react/hooks/use-is-in-builder'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAA+B;","names":[]}

package/dist/cjs/runtimes/react/components/GoogleFontLink.js

@@ -0,0 +1,55 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var GoogleFontLink_exports = {};
+__export(GoogleFontLink_exports, {
+  GoogleFontLink: () => GoogleFontLink
+});
+module.exports = __toCommonJS(GoogleFontLink_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_use_is_in_builder = require("../hooks/use-is-in-builder");
+var import_host_api_client = require("../host-api-client");
+var import_google_fonts_url = require("../utils/google-fonts-url");
+var import_head_tags = require("./page/head-tags");
+function GoogleFontLink({ fonts, siteId }) {
+  const isInBuilder = (0, import_use_is_in_builder.useIsInBuilder)();
+  const site = useCachedSite(isInBuilder ? siteId : null);
+  const fontFamilyParamValue = (0, import_react.useMemo)(() => {
+    if (isInBuilder && site != null) {
+      return (0, import_google_fonts_url.getGoogleFontsParamFromSite)(site);
+    }
+    return (0, import_google_fonts_url.getGoogleFontsParamFromFonts)(fonts);
+  }, [isInBuilder, site, fonts]);
+  const url = (0, import_google_fonts_url.getGoogleFontsUrl)(fontFamilyParamValue);
+  if (url === "") {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head_tags.PageLink, { precedence: "medium", rel: "stylesheet", href: url });
+}
+function useCachedSite(siteId) {
+  const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
+  const getSnapshot = () => siteId == null ? null : client.readSite(siteId);
+  return (0, import_react.useSyncExternalStore)(client.subscribe, getSnapshot, getSnapshot);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GoogleFontLink
+});
+//# sourceMappingURL=GoogleFontLink.js.map

package/dist/cjs/runtimes/react/components/GoogleFontLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/GoogleFontLink.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, useSyncExternalStore } from 'react'\n\nimport { type Font } from '../../../client'\nimport { type Site } from '../../../api'\nimport { useIsInBuilder } from '../hooks/use-is-in-builder'\nimport { useMakeswiftHostApiClient } from '../host-api-client'\n\nimport {\n  getGoogleFontsParamFromFonts,\n  getGoogleFontsParamFromSite,\n  getGoogleFontsUrl,\n} from '../utils/google-fonts-url'\nimport { PageLink } from './page/head-tags'\n\ntype Props = {\n  fonts: Font[]\n  siteId: string | null\n}\n\n/**\n * This is experimental, and some of the logic here is duplicated in the `PageHead` component.\n * \n * For now we want to avoid putting this on the critical path for rendering Makeswift pages, so we haven't\n * deduplicated the two.\n */\nexport function GoogleFontLink({ fonts, siteId }: Props) {\n  const isInBuilder = useIsInBuilder()\n\n  const site = useCachedSite(isInBuilder ? siteId : null)\n\n  const fontFamilyParamValue = useMemo(() => {\n    if (isInBuilder && site != null) {\n      return getGoogleFontsParamFromSite(site)\n    }\n    return getGoogleFontsParamFromFonts(fonts)\n  }, [isInBuilder, site, fonts])\n\n  const url = getGoogleFontsUrl(fontFamilyParamValue)\n  if (url === '') {\n    return null\n  }\n\n  return (\n    <PageLink precedence=\"medium\" rel=\"stylesheet\" href={url} />\n  )\n}\n\nfunction useCachedSite(siteId: string | null): Site | null {\n  const client = useMakeswiftHostApiClient()\n  const getSnapshot = () => (siteId == null ? null : client.readSite(siteId))\n\n  return useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CI;AA3CJ,mBAA8C;AAI9C,+BAA+B;AAC/B,6BAA0C;AAE1C,8BAIO;AACP,uBAAyB;AAalB,SAAS,eAAe,EAAE,OAAO,OAAO,GAAU;AACvD,QAAM,kBAAc,yCAAe;AAEnC,QAAM,OAAO,cAAc,cAAc,SAAS,IAAI;AAEtD,QAAM,2BAAuB,sBAAQ,MAAM;AACzC,QAAI,eAAe,QAAQ,MAAM;AAC/B,iBAAO,qDAA4B,IAAI;AAAA,IACzC;AACA,eAAO,sDAA6B,KAAK;AAAA,EAC3C,GAAG,CAAC,aAAa,MAAM,KAAK,CAAC;AAE7B,QAAM,UAAM,2CAAkB,oBAAoB;AAClD,MAAI,QAAQ,IAAI;AACd,WAAO;AAAA,EACT;AAEA,SACE,4CAAC,6BAAS,YAAW,UAAS,KAAI,cAAa,MAAM,KAAK;AAE9D;AAEA,SAAS,cAAc,QAAoC;AACzD,QAAM,aAAS,kDAA0B;AACzC,QAAM,cAAc,MAAO,UAAU,OAAO,OAAO,OAAO,SAAS,MAAM;AAEzE,aAAO,mCAAqB,OAAO,WAAW,aAAa,WAAW;AACxE;","names":[]}

package/dist/cjs/runtimes/react/components/MakeswiftFonts.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MakeswiftFonts_exports = {};
+__export(MakeswiftFonts_exports, {
+  MakeswiftFonts: () => MakeswiftFonts
+});
+module.exports = __toCommonJS(MakeswiftFonts_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_GoogleFontLink = require("./GoogleFontLink");
+function MakeswiftFonts({ fonts }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GoogleFontLink.GoogleFontLink, { fonts: fonts.googleFonts, siteId: fonts.siteId });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MakeswiftFonts
+});
+//# sourceMappingURL=MakeswiftFonts.js.map

package/dist/cjs/runtimes/react/components/MakeswiftFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/MakeswiftFonts.tsx"],"sourcesContent":["import { type GetFontsAPI } from '../../../client'\nimport { GoogleFontLink } from './GoogleFontLink'\n\ntype Props = {\n  fonts: GetFontsAPI\n}\n\nexport function MakeswiftFonts({ fonts }: Props) {\n  return <GoogleFontLink fonts={fonts.googleFonts} siteId={fonts.siteId} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQS;AAPT,4BAA+B;AAMxB,SAAS,eAAe,EAAE,MAAM,GAAU;AAC/C,SAAO,4CAAC,wCAAe,OAAO,MAAM,aAAa,QAAQ,MAAM,QAAQ;AACzE;","names":[]}

package/dist/cjs/runtimes/react/components/activity-with-fallback.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var activity_with_fallback_exports = {};
+__export(activity_with_fallback_exports, {
+  ActivityOrFallback: () => ActivityOrFallback,
+  supportsActivity: () => supportsActivity
+});
+module.exports = __toCommonJS(activity_with_fallback_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_react = require("react");
+const ACTIVITY_KEY = "Activity";
+const Activity = React[ACTIVITY_KEY];
+function supportsActivity() {
+  return Activity != null;
+}
+function ActivityOrFallback({ suspenseFallback = true, children }) {
+  if (supportsActivity()) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Activity, { children });
+  }
+  return suspenseFallback ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActivityOrFallback,
+  supportsActivity
+});
+//# sourceMappingURL=activity-with-fallback.js.map

package/dist/cjs/runtimes/react/components/activity-with-fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/activity-with-fallback.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Suspense, type ReactNode } from 'react'\n\ntype Props = {\n  suspenseFallback?: boolean\n  children: ReactNode\n}\n\n// Activity is only available in React 19.2+. On Next.js <16, direct access like React['Activity'] or React.Activity\n// triggers bundler warnings about missing exports. Using a variable bypasses static analysis.\nconst ACTIVITY_KEY = 'Activity'\nconst Activity = React[ACTIVITY_KEY]\n\nexport function supportsActivity(): boolean {\n  return Activity != null\n}\n\n/**\n * Uses React.Activity if available, otherwise falls back to\n * Suspense (when suspenseFallback is true) or Fragment (when false).\n */\nexport function ActivityOrFallback({ suspenseFallback = true, children }: Props): ReactNode {\n  if (supportsActivity()) {\n    return <Activity>{children}</Activity>\n  }\n\n  return suspenseFallback ? <Suspense>{children}</Suspense> : <>{children}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBW;AAvBX,YAAuB;AACvB,mBAAyC;AASzC,MAAM,eAAe;AACrB,MAAM,WAAW,MAAM,YAAY;AAE5B,SAAS,mBAA4B;AAC1C,SAAO,YAAY;AACrB;AAMO,SAAS,mBAAmB,EAAE,mBAAmB,MAAM,SAAS,GAAqB;AAC1F,MAAI,iBAAiB,GAAG;AACtB,WAAO,4CAAC,YAAU,UAAS;AAAA,EAC7B;AAEA,SAAO,mBAAmB,4CAAC,yBAAU,UAAS,IAAc,2EAAG,UAAS;AAC1E;","names":[]}

package/dist/cjs/runtimes/react/components/page/index.js

@@ -23,18 +23,28 @@ __export(page_exports, {
 module.exports = __toCommonJS(page_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
+var import_use_dispatch = require("../../hooks/use-dispatch");
+var import_use_universal_dispatch = require("../../hooks/use-universal-dispatch");
 var import_use_cache_data = require("../../hooks/use-cache-data");
 var import_client = require("../../../../client");
+var import_actions = require("../../../../state/actions");
 var import_Page = require("./Page");
-var import_use_register_document = require("../../hooks/use-register-document");
+function useRegisterPageDocument(pageDocument) {
+  const dispatch = (0, import_use_dispatch.useDispatch)();
+  const rootDocuments = (0, import_react.useMemo)(
+    () => [(0, import_client.pageToRootDocument)(pageDocument)],
+    [pageDocument]
+  );
+  (0, import_use_universal_dispatch.useUniversalDispatch)(dispatch, import_actions.registerDocumentsEffect, [rootDocuments]);
+  return rootDocuments[0];
+}
 const Page = (0, import_react.memo)(
   ({
     snapshot,
     metadata = true
   }) => {
     (0, import_use_cache_data.useCacheData)(snapshot.cacheData);
-    const rootDocument = (0, import_react.useMemo)(() => (0, import_client.pageToRootDocument)(snapshot.document), [snapshot.document]);
-    (0, import_use_register_document.useRegisterDocument)(rootDocument);
+    const rootDocument = useRegisterPageDocument(snapshot.document);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Page.Page,
       {

package/dist/cjs/runtimes/react/components/page/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/index.tsx"],"sourcesContent":["import { Suspense, useMemo, memo, type ComponentProps } from 'react'\n\nimport { useCacheData } from '../../hooks/use-cache-data'\n\nimport { type MakeswiftPageSnapshot, pageToRootDocument } from '../../../../client'\n\nimport { type PageMetadataSettings } from './page-seo-settings'\nimport { Page as PageComponent } from './Page'\nimport { useRegisterDocument } from '../../hooks/use-register-document'\n\nexport { type PageMetadataSettings } from './page-seo-settings'\n\n/**\n * @param snapshot - The snapshot of the page to render, from\n * `client.getPageSnapshot()`.\n * @param metadata - Allows control over whether to use data from Makeswift for\n * rendering metadata tags in the `<head>` of the page. Pass `true` (default if\n * not provided) to render all metadata tags, or `false` to not render any. For\n * more granular control, pass an object with boolean values for specific\n * metadata fields. Valid fields include:\n *  - `title`\n *  - `description`\n *  - `keywords`\n *  - `socialImage`\n *  - `canonicalUrl`\n *  - `indexingBlocked`\n *  - `favicon`\n *\n * If a field is not provided, it will default to `false`.\n */\nexport const Page = memo(\n  ({\n    snapshot,\n    metadata = true,\n  }: {\n    snapshot: MakeswiftPageSnapshot\n    metadata?: boolean | PageMetadataSettings\n  }) => {\n    useCacheData(snapshot.cacheData)\n\n    const rootDocument = useMemo(() => pageToRootDocument(snapshot.document), [snapshot.document])\n    useRegisterDocument(rootDocument)\n\n    return (\n      <Suspense>\n        {/* We use a key here to reset the Snippets state in the PageMeta component */}\n        <PageComponent\n          key={snapshot.document.data.key}\n          page={snapshot.document}\n          rootDocument={rootDocument}\n          metadata={metadata}\n        />\n      </Suspense>\n    )\n  },\n)\n\nexport type PageProps = ComponentProps<typeof Page>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CQ;AA9CR,mBAA6D;AAE7D,4BAA6B;AAE7B,oBAA+D;AAG/D,kBAAsC;AACtC,mCAAoC;AAsB7B,MAAM,WAAO;AAAA,EAClB,CAAC;AAAA,IACC;AAAA,IACA,WAAW;AAAA,EACb,MAGM;AACJ,4CAAa,SAAS,SAAS;AAE/B,UAAM,mBAAe,sBAAQ,UAAM,kCAAmB,SAAS,QAAQ,GAAG,CAAC,SAAS,QAAQ,CAAC;AAC7F,0DAAoB,YAAY;AAEhC,WACE,4CAAC,yBAEC;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QAEC,MAAM,SAAS;AAAA,QACf;AAAA,QACA;AAAA;AAAA,MAHK,SAAS,SAAS,KAAK;AAAA,IAI9B,GACF;AAAA,EAEJ;AACF;","names":["PageComponent"]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/index.tsx"],"sourcesContent":["import { Suspense, useMemo, memo, type ComponentProps } from 'react'\n\nimport { useDispatch } from '../../hooks/use-dispatch'\nimport { useUniversalDispatch } from '../../hooks/use-universal-dispatch'\nimport { useCacheData } from '../../hooks/use-cache-data'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  pageToRootDocument,\n} from '../../../../client'\n\nimport * as ReactPage from '../../../../state/react-page'\nimport { registerDocumentsEffect } from '../../../../state/actions'\n\nimport { type PageMetadataSettings } from './page-seo-settings'\nimport { Page as PageComponent } from './Page'\n\nexport { type PageMetadataSettings } from './page-seo-settings'\n\nfunction useRegisterPageDocument(pageDocument: MakeswiftPageDocument): ReactPage.Document {\n  const dispatch = useDispatch()\n  const rootDocuments: [ReactPage.Document] = useMemo(\n    () => [pageToRootDocument(pageDocument)],\n    [pageDocument],\n  )\n\n  useUniversalDispatch(dispatch, registerDocumentsEffect, [rootDocuments])\n\n  return rootDocuments[0]\n}\n\n/**\n * @param snapshot - The snapshot of the page to render, from\n * `client.getPageSnapshot()`.\n * @param metadata - Allows control over whether to use data from Makeswift for\n * rendering metadata tags in the `<head>` of the page. Pass `true` (default if\n * not provided) to render all metadata tags, or `false` to not render any. For\n * more granular control, pass an object with boolean values for specific\n * metadata fields. Valid fields include:\n *  - `title`\n *  - `description`\n *  - `keywords`\n *  - `socialImage`\n *  - `canonicalUrl`\n *  - `indexingBlocked`\n *  - `favicon`\n *\n * If a field is not provided, it will default to `false`.\n */\nexport const Page = memo(\n  ({\n    snapshot,\n    metadata = true,\n  }: {\n    snapshot: MakeswiftPageSnapshot\n    metadata?: boolean | PageMetadataSettings\n  }) => {\n    useCacheData(snapshot.cacheData)\n\n    const rootDocument = useRegisterPageDocument(snapshot.document)\n\n    return (\n      <Suspense>\n        {/* We use a key here to reset the Snippets state in the PageMeta component */}\n        <PageComponent\n          key={snapshot.document.data.key}\n          page={snapshot.document}\n          rootDocument={rootDocument}\n          metadata={metadata}\n        />\n      </Suspense>\n    )\n  },\n)\n\nexport type PageProps = ComponentProps<typeof Page>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEQ;AAjER,mBAA6D;AAE7D,0BAA4B;AAC5B,oCAAqC;AACrC,4BAA6B;AAE7B,oBAIO;AAGP,qBAAwC;AAGxC,kBAAsC;AAItC,SAAS,wBAAwB,cAAyD;AACxF,QAAM,eAAW,iCAAY;AAC7B,QAAM,oBAAsC;AAAA,IAC1C,MAAM,KAAC,kCAAmB,YAAY,CAAC;AAAA,IACvC,CAAC,YAAY;AAAA,EACf;AAEA,0DAAqB,UAAU,wCAAyB,CAAC,aAAa,CAAC;AAEvE,SAAO,cAAc,CAAC;AACxB;AAoBO,MAAM,WAAO;AAAA,EAClB,CAAC;AAAA,IACC;AAAA,IACA,WAAW;AAAA,EACb,MAGM;AACJ,4CAAa,SAAS,SAAS;AAE/B,UAAM,eAAe,wBAAwB,SAAS,QAAQ;AAE9D,WACE,4CAAC,yBAEC;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QAEC,MAAM,SAAS;AAAA,QACf;AAAA,QACA;AAAA;AAAA,MAHK,SAAS,SAAS,KAAK;AAAA,IAI9B,GACF;AAAA,EAEJ;AACF;","names":["PageComponent"]}

package/dist/cjs/runtimes/react/hooks/use-async-effect.js

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_async_effect_exports = {};
+__export(use_async_effect_exports, {
+  useAsyncEffect: () => useAsyncEffect
+});
+module.exports = __toCommonJS(use_async_effect_exports);
+var import_react = require("react");
+function useAsyncEffect(effect, deps) {
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    let cleanup = null;
+    const runAsyncEffect = async () => {
+      try {
+        cleanup = await effect();
+        if (cancelled) {
+          cleanup?.();
+          cleanup = null;
+        }
+      } catch (error) {
+        console.error("Async effect error:", { error, deps });
+      }
+    };
+    runAsyncEffect();
+    return () => {
+      cancelled = true;
+      try {
+        cleanup?.();
+      } catch (error) {
+        console.error("Async effect cleanup error:", { error, deps });
+      }
+    };
+  }, deps);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAsyncEffect
+});
+//# sourceMappingURL=use-async-effect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-async-effect.ts"],"sourcesContent":["import { type DependencyList, useEffect } from 'react'\n\nexport function useAsyncEffect(effect: () => Promise<void | (() => void)>, deps: DependencyList) {\n  useEffect(() => {\n    let cancelled = false\n    let cleanup: void | (() => void) | null = null\n\n    const runAsyncEffect = async () => {\n      try {\n        cleanup = await effect()\n\n        if (cancelled) {\n          cleanup?.()\n          cleanup = null\n        }\n      } catch (error) {\n        console.error('Async effect error:', { error, deps })\n      }\n    }\n\n    runAsyncEffect()\n\n    return () => {\n      cancelled = true\n      try {\n        cleanup?.()\n      } catch (error) {\n        console.error('Async effect cleanup error:', { error, deps })\n      }\n    }\n  }, deps)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+C;AAExC,SAAS,eAAe,QAA4C,MAAsB;AAC/F,8BAAU,MAAM;AACd,QAAI,YAAY;AAChB,QAAI,UAAsC;AAE1C,UAAM,iBAAiB,YAAY;AACjC,UAAI;AACF,kBAAU,MAAM,OAAO;AAEvB,YAAI,WAAW;AACb,oBAAU;AACV,oBAAU;AAAA,QACZ;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,EAAE,OAAO,KAAK,CAAC;AAAA,MACtD;AAAA,IACF;AAEA,mBAAe;AAEf,WAAO,MAAM;AACX,kBAAY;AACZ,UAAI;AACF,kBAAU;AAAA,MACZ,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,EAAE,OAAO,KAAK,CAAC;AAAA,MAC9D;AAAA,IACF;AAAA,EACF,GAAG,IAAI;AACT;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-builtin-suspense.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_builtin_suspense_exports = {};
+__export(use_builtin_suspense_exports, {
+  useBuiltinSuspense: () => useBuiltinSuspense
+});
+module.exports = __toCommonJS(use_builtin_suspense_exports);
+var import_use_component = require("./use-component");
+function useBuiltinSuspense(type) {
+  const { builtinSuspense } = (0, import_use_component.useComponentMeta)(type) ?? {};
+  return builtinSuspense ?? true;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBuiltinSuspense
+});
+//# sourceMappingURL=use-builtin-suspense.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-builtin-suspense.ts"],"sourcesContent":["import { useComponentMeta } from './use-component'\n\nexport function useBuiltinSuspense(type: string): boolean {\n  const { builtinSuspense } = useComponentMeta(type) ?? {}\n  return builtinSuspense ?? true\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAiC;AAE1B,SAAS,mBAAmB,MAAuB;AACxD,QAAM,EAAE,gBAAgB,QAAI,uCAAiB,IAAI,KAAK,CAAC;AACvD,SAAO,mBAAmB;AAC5B;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-current-breakpoint.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_current_breakpoint_exports = {};
+__export(use_current_breakpoint_exports, {
+  useCurrentBreakpoint: () => useCurrentBreakpoint
+});
+module.exports = __toCommonJS(use_current_breakpoint_exports);
+var import_react = require("react");
+var import_read_only_state = require("../../../state/read-only-state");
+var import_use_store = require("./use-store");
+function useCurrentBreakpoint() {
+  const store = (0, import_use_store.useStore)();
+  return (0, import_react.useSyncExternalStore)(
+    store.subscribe,
+    () => (0, import_read_only_state.getClientBreakpoint)(store.getState()),
+    () => (0, import_read_only_state.getBaseBreakpoint)(store.getState())
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCurrentBreakpoint
+});
+//# sourceMappingURL=use-current-breakpoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-current-breakpoint.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { type BreakpointId } from '../../../state/modules/breakpoints'\nimport { getBaseBreakpoint, getClientBreakpoint } from '../../../state/read-only-state'\n\nimport { useStore } from './use-store'\n\nexport function useCurrentBreakpoint(): BreakpointId {\n  const store = useStore()\n\n  return useSyncExternalStore(\n    store.subscribe,\n    () => getClientBreakpoint(store.getState()),\n    () => getBaseBreakpoint(store.getState()),\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AAGrC,6BAAuD;AAEvD,uBAAyB;AAElB,SAAS,uBAAqC;AACnD,QAAM,YAAQ,2BAAS;AAEvB,aAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAM,4CAAoB,MAAM,SAAS,CAAC;AAAA,IAC1C,UAAM,0CAAkB,MAAM,SAAS,CAAC;AAAA,EAC1C;AACF;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-is-read-only.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_is_read_only_exports = {};
+__export(use_is_read_only_exports, {
+  useIsReadOnly: () => useIsReadOnly
+});
+module.exports = __toCommonJS(use_is_read_only_exports);
+var import_read_only_state = require("../../../state/read-only-state");
+var import_use_selector = require("./use-selector");
+function useIsReadOnly() {
+  return (0, import_use_selector.useSelector)((state) => (0, import_read_only_state.getIsReadOnly)(state));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsReadOnly
+});
+//# sourceMappingURL=use-is-read-only.js.map

package/dist/cjs/runtimes/react/hooks/use-is-read-only.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-read-only.ts"],"sourcesContent":["import { getIsReadOnly } from '../../../state/read-only-state'\nimport { useSelector } from './use-selector'\n\nexport function useIsReadOnly(): boolean {\n  return useSelector(state => getIsReadOnly(state))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA8B;AAC9B,0BAA4B;AAErB,SAAS,gBAAyB;AACvC,aAAO,iCAAY,eAAS,sCAAc,KAAK,CAAC;AAClD;","names":[]}

package/dist/cjs/runtimes/react/lib/resolved-style-to-css.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resolved_style_to_css_exports = {};
+__export(resolved_style_to_css_exports, {
+  resolvedStyleToCss: () => resolvedStyleToCss
+});
+module.exports = __toCommonJS(resolved_style_to_css_exports);
+var import_controls = require("@makeswift/controls");
+var import_style = require("../controls/style");
+var import_typography = require("../controls/typography");
+function isTypographyStyle(style) {
+  return Array.isArray(style);
+}
+function isStyleV2(style) {
+  return typeof style === "object" && "getStyle" in style && typeof style.getStyle === "function";
+}
+function styleV2Css(breakpoints, style) {
+  return {
+    ...style.getStyle((0, import_controls.getBaseBreakpoint)(breakpoints)),
+    ...breakpoints.reduce(
+      (styles, breakpoint) => ({
+        ...styles,
+        [(0, import_controls.getBreakpointMediaQuery)(breakpoint)]: style.getStyle(breakpoint)
+      }),
+      {}
+    )
+  };
+}
+function resolvedStyleToCss(breakpoints, style) {
+  if (isTypographyStyle(style)) {
+    return (0, import_typography.typographyCss)(breakpoints, style);
+  }
+  if (isStyleV2(style)) {
+    return styleV2Css(breakpoints, style);
+  }
+  const { properties, styleData } = style;
+  return (0, import_style.styleV1Css)(breakpoints, styleData, properties);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  resolvedStyleToCss
+});
+//# sourceMappingURL=resolved-style-to-css.js.map

package/dist/cjs/runtimes/react/lib/resolved-style-to-css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/lib/resolved-style-to-css.ts"],"sourcesContent":["import { type CSSObject } from '@emotion/serialize'\n\nimport {\n  type Breakpoints,\n  type ResolvedStyle,\n  type ResolvedStyleV2,\n  type ResolvedTypographyStyle,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '@makeswift/controls'\n\nimport { styleV1Css } from '../controls/style'\nimport { typographyCss } from '../controls/typography'\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\nexport function resolvedStyleToCss(breakpoints: Breakpoints, style: ResolvedStyle): CSSObject {\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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAOO;AAEP,mBAA2B;AAC3B,wBAA8B;AAE9B,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;AAEO,SAAS,mBAAmB,aAA0B,OAAiC;AAC5F,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;","names":[]}

package/dist/cjs/runtimes/react/react-runtime-core.js

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_runtime_core_exports = {};
+__export(react_runtime_core_exports, {
+  ReactRuntimeCore: () => ReactRuntimeCore
+});
+module.exports = __toCommonJS(react_runtime_core_exports);
+var import_activity_with_fallback = require("./components/activity-with-fallback");
+var import_read_only_actions = require("../../state/actions/internal/read-only-actions");
+var import_components_meta = require("../../state/modules/components-meta");
+var import_runtime_core = require("./runtime-core");
+function validateComponentType(type, component) {
+  const componentName = component?.name ?? "Component";
+  if (typeof type !== "string" || type === "") {
+    throw new Error(
+      `${componentName}: A non-empty string \`type\` is required for component registration, got ${type}`
+    );
+  }
+}
+class ReactRuntimeCore extends import_runtime_core.RuntimeCore {
+  registerComponent(component, {
+    type,
+    label,
+    icon = import_components_meta.ComponentIcon.Cube,
+    hidden = false,
+    description,
+    builtinSuspense,
+    props
+  }) {
+    validateComponentType(type, component);
+    const unregisterComponent = this.protoStore.dispatch(
+      (0, import_read_only_actions.registerComponentEffect)(
+        type,
+        { label, icon, hidden, description, builtinSuspense },
+        props ?? {}
+      )
+    );
+    if ((0, import_activity_with_fallback.supportsActivity)() && builtinSuspense !== void 0) {
+      console.warn(
+        "builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>."
+      );
+    }
+    const unregisterReactComponent = this.protoStore.dispatch(
+      (0, import_read_only_actions.registerReactComponentEffect)(type, component)
+    );
+    return () => {
+      unregisterComponent();
+      unregisterReactComponent();
+    };
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactRuntimeCore
+});
+//# sourceMappingURL=react-runtime-core.js.map

package/dist/cjs/runtimes/react/react-runtime-core.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtimes/react/react-runtime-core.ts"],"sourcesContent":["import { ControlDefinition as UnifiedControlDefinition } from '@makeswift/controls'\n\nimport { type LegacyDescriptor, type DescriptorValueType } from '../../prop-controllers/descriptors'\n\nimport { supportsActivity } from './components/activity-with-fallback'\n\nimport {\n  registerComponentEffect,\n  registerReactComponentEffect,\n} from '../../state/actions/internal/read-only-actions'\n\nimport { ComponentIcon } from '../../state/modules/components-meta'\nimport type { ComponentType } from '../../state/read-only-state'\n\nimport { RuntimeCore } from './runtime-core'\n\nfunction validateComponentType(type: string, component?: ComponentType): void {\n  const componentName = component?.name ?? 'Component'\n  if (typeof type !== 'string' || type === '') {\n    throw new Error(\n      `${componentName}: A non-empty string \\`type\\` is required for component registration, got ${type}`,\n    )\n  }\n}\n\nexport class ReactRuntimeCore extends RuntimeCore {\n  registerComponent<\n    ControlDef extends UnifiedControlDefinition,\n    P extends Record<string, LegacyDescriptor | ControlDef>,\n    C extends ComponentType<{ [K in keyof P]: DescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Cube,\n      hidden = false,\n      description,\n      builtinSuspense,\n      props,\n    }: {\n      type: string\n      label: string\n      icon?: ComponentIcon\n      hidden?: boolean\n      description?: string\n      /**\n       * In React <= 19.1, controls the default `<Suspense>` boundary.\n       * Ignored in React >= 19.2; components are always wrapped in `<Activity>`.\n       * Defaults to `true`.\n       */\n      builtinSuspense?: boolean\n      props?: P\n    },\n  ): () => void {\n    validateComponentType(type, component as unknown as ComponentType)\n\n    const unregisterComponent = this.protoStore.dispatch(\n      registerComponentEffect(\n        type,\n        { label, icon, hidden, description, builtinSuspense },\n        props ?? {},\n      ),\n    )\n\n    if (supportsActivity() && builtinSuspense !== undefined) {\n      console.warn(\n        'builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>.',\n      )\n    }\n\n    const unregisterReactComponent = this.protoStore.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,oCAAiC;AAEjC,+BAGO;AAEP,6BAA8B;AAG9B,0BAA4B;AAE5B,SAAS,sBAAsB,MAAc,WAAiC;AAC5E,QAAM,gBAAgB,WAAW,QAAQ;AACzC,MAAI,OAAO,SAAS,YAAY,SAAS,IAAI;AAC3C,UAAM,IAAI;AAAA,MACR,GAAG,aAAa,6EAA6E,IAAI;AAAA,IACnG;AAAA,EACF;AACF;AAEO,MAAM,yBAAyB,gCAAY;AAAA,EAChD,kBAKE,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,qCAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAcY;AACZ,0BAAsB,MAAM,SAAqC;AAEjE,UAAM,sBAAsB,KAAK,WAAW;AAAA,UAC1C;AAAA,QACE;AAAA,QACA,EAAE,OAAO,MAAM,QAAQ,aAAa,gBAAgB;AAAA,QACpD,SAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAEA,YAAI,gDAAiB,KAAK,oBAAoB,QAAW;AACvD,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,UAAM,2BAA2B,KAAK,WAAW;AAAA,UAC/C,uDAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AACF;","names":[]}