@makeswift/runtime 0.19.1 → 0.19.2-canary.0

package/dist/cjs/next/api-handler/handlers/manifest.js

@@ -36,7 +36,7 @@ async function handler(...args) {
   const supportsPreviewMode = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => false).with(apiRoutePattern, () => true).exhaustive();
   const supportsDraftMode = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const body = {
-    version: "0.19.1",
+    version: "0.19.2-canary.0",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/cjs/next/components/tests/{page-prop-controller.js → prop-controllers/page-prop-controller.js}

@@ -26,11 +26,11 @@ var import_react = require("@testing-library/react");
 var import_jest_dom = require("@testing-library/jest-dom");
 var import_prop_controllers = require("@makeswift/prop-controllers");
 var import_crypto = require("crypto");
-var import_page = require("../page");
+var import_page = require("../../page");
 var import_test_utils = require("react-dom/test-utils");
-var import_react_runtime = require("../../context/react-runtime");
-var import_react2 = require("../../../react");
-var import_element_data_test_test = require("../../../utils/tests/element-data-test-test");
+var import_react_runtime = require("../../../context/react-runtime");
+var import_react2 = require("../../../../react");
+var import_element_data_test_test = require("../../../../utils/tests/element-data-test-test");
 const pagePropControllerTest = (propDef, value, component, assert, options) => describe("Page", () => {
   test(`can render ${propDef.type} v0 data`, async () => {
     const descriptorV0 = {

package/dist/cjs/next/components/tests/prop-controllers/page-prop-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/components/tests/prop-controllers/page-prop-controller.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport {\n  type OptionsType,\n  Types,\n  type Descriptor,\n  type PropDef,\n  type Value,\n} from '@makeswift/prop-controllers'\n\nimport { type ElementData, type ComponentType } from '../../../../state/react-page'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../../page'\nimport { act } from 'react-dom/test-utils'\nimport { ReactRuntimeProvider } from '../../../context/react-runtime'\nimport { ReactRuntime } from '../../../../react'\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nexport const pagePropControllerTest = <\n  P extends PropDef & ((options?: any) => any),\n  C extends ComponentType<{ propKey: Value<P> | undefined }>,\n>(\n  propDef: P,\n  value: Value<typeof propDef>,\n  component: (testId: string) => C,\n  assert: (element: HTMLElement) => void,\n  options?: OptionsType<P>,\n) =>\n  describe('Page', () => {\n    test(`can render ${propDef.type} v0 data`, async () => {\n      // Arrange\n      const descriptorV0: Descriptor<typeof propDef> = {\n        type: propDef.type,\n        options,\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n\n    test(`can render ${propDef.type} v1 data`, async () => {\n      // Arrange\n      const gapXDefinitionV1: Descriptor<typeof propDef> = {\n        type: Types.GapX,\n        version: 1,\n        options: {},\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEY;AAnEZ,mBAA+B;AAC/B,sBAAO;AAEP,8BAMO;AAGP,oBAA2B;AAE3B,kBAAqB;AACrB,wBAAoB;AACpB,2BAAqC;AACrC,IAAAA,gBAA6B;AAC7B,oCAGO;AAEA,MAAM,yBAAyB,CAIpC,SACA,OACA,WACA,QACA,YAEA,SAAS,QAAQ,MAAM;AACrB,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,eAA2C;AAAA,MAC/C,MAAM,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AAEf,UAAM,kBAA2B,mDAAoB;AAAA,MACnD;AAAA,QACE,SAAK,0BAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,YAAY;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,eAAW,2DAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,2BAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,cAAM;AAAA,MAAI,gBACR;AAAA,QACE,4CAAC,6CAAqB,SACpB,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,oBAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AAED,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,mBAA+C;AAAA,MACnD,MAAM,8BAAM;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AACf,UAAM,kBAA2B,mDAAoB;AAAA,MACnD;AAAA,QACE,SAAK,0BAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,gBAAgB;AAAA,QACrD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,eAAW,2DAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,2BAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,cAAM;AAAA,MAAI,gBACR;AAAA,QACE,4CAAC,6CAAqB,SACpB,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,oBAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":["import_react"]}

package/dist/cjs/utils/tests/element-data-test-test.js

@@ -24,9 +24,9 @@ __export(element_data_test_test_exports, {
 module.exports = __toCommonJS(element_data_test_test_exports);
 var import_crypto = require("crypto");
 var import_components = require("../../components");
-function createRootComponent(elements) {
+function createRootComponent(elements, rootId) {
   return {
-    key: (0, import_crypto.randomUUID)(),
+    key: rootId ?? (0, import_crypto.randomUUID)(),
     type: import_components.MakeswiftComponentType.Root,
     props: {
       children: {

package/dist/cjs/utils/tests/element-data-test-test.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/utils/tests/element-data-test-test.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\nimport { MakeswiftPageSnapshot } from '../../next'\nimport { ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[]) {\n  return {\n    key: randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nexport function createMakeswiftPageSnapshot(\n  elementData: ElementData,\n  partialSnapshot: Partial<MakeswiftPageSnapshot> = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: {\n      id: 'test-page-id',\n      site: { id: 'test-site-id' },\n      data: elementData,\n      snippets: [],\n      fonts: [],\n      meta: {},\n      seo: {},\n      localizedPages: [],\n      locale: null,\n      ...partialSnapshot.document,\n    },\n    apiOrigin: 'https://test-api-origin.com',\n    cacheData: {},\n    preview: false,\n    localizedResourcesMap: {},\n    locale: null,\n    ...partialSnapshot,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2B;AAG3B,wBAAuC;AAEhC,SAAS,oBAAoB,UAAyB;AAC3D,SAAO;AAAA,IACL,SAAK,0BAAW;AAAA,IAChB,MAAM,yCAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,4BACd,aACA,kBAAkD,CAAC,GAC5B;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,QAAQ;AAAA,MACR,GAAG,gBAAgB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,WAAW,CAAC;AAAA,IACZ,SAAS;AAAA,IACT,uBAAuB,CAAC;AAAA,IACxB,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/utils/tests/element-data-test-test.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\nimport { MakeswiftPageSnapshot } from '../../next'\nimport { ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nexport function createMakeswiftPageSnapshot(\n  elementData: ElementData,\n  partialSnapshot: Partial<MakeswiftPageSnapshot> = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: {\n      id: 'test-page-id',\n      site: { id: 'test-site-id' },\n      data: elementData,\n      snippets: [],\n      fonts: [],\n      meta: {},\n      seo: {},\n      localizedPages: [],\n      locale: null,\n      ...partialSnapshot.document,\n    },\n    apiOrigin: 'https://test-api-origin.com',\n    cacheData: {},\n    preview: false,\n    localizedResourcesMap: {},\n    locale: null,\n    ...partialSnapshot,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2B;AAG3B,wBAAuC;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,cAAU,0BAAW;AAAA,IAC1B,MAAM,yCAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,4BACd,aACA,kBAAkD,CAAC,GAC5B;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,QAAQ;AAAA,MACR,GAAG,gBAAgB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,WAAW,CAAC;AAAA,IACZ,SAAS;AAAA,IACT,uBAAuB,CAAC;AAAA,IACxB,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/esm/next/api-handler/handlers/manifest.js

@@ -13,7 +13,7 @@ async function handler(...args) {
   const supportsPreviewMode = match(args).with(routeHandlerPattern, () => false).with(apiRoutePattern, () => true).exhaustive();
   const supportsDraftMode = match(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const body = {
-    version: "0.19.1",
+    version: "0.19.2-canary.0",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/esm/next/components/tests/{page-prop-controller.js → prop-controllers/page-prop-controller.js}

@@ -5,14 +5,14 @@ import {
   Types
 } from "@makeswift/prop-controllers";
 import { randomUUID } from "crypto";
-import { Page } from "../page";
+import { Page } from "../../page";
 import { act } from "react-dom/test-utils";
-import { ReactRuntimeProvider } from "../../context/react-runtime";
-import { ReactRuntime } from "../../../react";
+import { ReactRuntimeProvider } from "../../../context/react-runtime";
+import { ReactRuntime } from "../../../../react";
 import {
   createMakeswiftPageSnapshot,
   createRootComponent
-} from "../../../utils/tests/element-data-test-test";
+} from "../../../../utils/tests/element-data-test-test";
 const pagePropControllerTest = (propDef, value, component, assert, options) => describe("Page", () => {
   test(`can render ${propDef.type} v0 data`, async () => {
     const descriptorV0 = {

package/dist/esm/next/components/tests/prop-controllers/page-prop-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/components/tests/prop-controllers/page-prop-controller.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport {\n  type OptionsType,\n  Types,\n  type Descriptor,\n  type PropDef,\n  type Value,\n} from '@makeswift/prop-controllers'\n\nimport { type ElementData, type ComponentType } from '../../../../state/react-page'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../../page'\nimport { act } from 'react-dom/test-utils'\nimport { ReactRuntimeProvider } from '../../../context/react-runtime'\nimport { ReactRuntime } from '../../../../react'\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nexport const pagePropControllerTest = <\n  P extends PropDef & ((options?: any) => any),\n  C extends ComponentType<{ propKey: Value<P> | undefined }>,\n>(\n  propDef: P,\n  value: Value<typeof propDef>,\n  component: (testId: string) => C,\n  assert: (element: HTMLElement) => void,\n  options?: OptionsType<P>,\n) =>\n  describe('Page', () => {\n    test(`can render ${propDef.type} v0 data`, async () => {\n      // Arrange\n      const descriptorV0: Descriptor<typeof propDef> = {\n        type: propDef.type,\n        options,\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n\n    test(`can render ${propDef.type} v1 data`, async () => {\n      // Arrange\n      const gapXDefinitionV1: Descriptor<typeof propDef> = {\n        type: Types.GapX,\n        version: 1,\n        options: {},\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":"AAqEY;AAnEZ,SAAS,QAAQ,cAAc;AAC/B,OAAO;AAEP;AAAA,EAEE;AAAA,OAIK;AAGP,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,yBAAyB,CAIpC,SACA,OACA,WACA,QACA,YAEA,SAAS,QAAQ,MAAM;AACrB,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,eAA2C;AAAA,MAC/C,MAAM,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AAEf,UAAM,cAA2B,oBAAoB;AAAA,MACnD;AAAA,QACE,KAAK,WAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,YAAY;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,4BAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,aAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,wBAAqB,SACpB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AAED,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,mBAA+C;AAAA,MACnD,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AACf,UAAM,cAA2B,oBAAoB;AAAA,MACnD;AAAA,QACE,KAAK,WAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,gBAAgB;AAAA,QACrD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,4BAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,aAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,wBAAqB,SACpB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":[]}

package/dist/esm/utils/tests/element-data-test-test.js

@@ -1,8 +1,8 @@
 import { randomUUID } from "crypto";
 import { MakeswiftComponentType } from "../../components";
-function createRootComponent(elements) {
+function createRootComponent(elements, rootId) {
   return {
-    key: randomUUID(),
+    key: rootId ?? randomUUID(),
     type: MakeswiftComponentType.Root,
     props: {
       children: {

package/dist/esm/utils/tests/element-data-test-test.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/utils/tests/element-data-test-test.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\nimport { MakeswiftPageSnapshot } from '../../next'\nimport { ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[]) {\n  return {\n    key: randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nexport function createMakeswiftPageSnapshot(\n  elementData: ElementData,\n  partialSnapshot: Partial<MakeswiftPageSnapshot> = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: {\n      id: 'test-page-id',\n      site: { id: 'test-site-id' },\n      data: elementData,\n      snippets: [],\n      fonts: [],\n      meta: {},\n      seo: {},\n      localizedPages: [],\n      locale: null,\n      ...partialSnapshot.document,\n    },\n    apiOrigin: 'https://test-api-origin.com',\n    cacheData: {},\n    preview: false,\n    localizedResourcesMap: {},\n    locale: null,\n    ...partialSnapshot,\n  }\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAG3B,SAAS,8BAA8B;AAEhC,SAAS,oBAAoB,UAAyB;AAC3D,SAAO;AAAA,IACL,KAAK,WAAW;AAAA,IAChB,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,4BACd,aACA,kBAAkD,CAAC,GAC5B;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,QAAQ;AAAA,MACR,GAAG,gBAAgB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,WAAW,CAAC;AAAA,IACZ,SAAS;AAAA,IACT,uBAAuB,CAAC;AAAA,IACxB,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/utils/tests/element-data-test-test.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\nimport { MakeswiftPageSnapshot } from '../../next'\nimport { ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nexport function createMakeswiftPageSnapshot(\n  elementData: ElementData,\n  partialSnapshot: Partial<MakeswiftPageSnapshot> = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: {\n      id: 'test-page-id',\n      site: { id: 'test-site-id' },\n      data: elementData,\n      snippets: [],\n      fonts: [],\n      meta: {},\n      seo: {},\n      localizedPages: [],\n      locale: null,\n      ...partialSnapshot.document,\n    },\n    apiOrigin: 'https://test-api-origin.com',\n    cacheData: {},\n    preview: false,\n    localizedResourcesMap: {},\n    locale: null,\n    ...partialSnapshot,\n  }\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAG3B,SAAS,8BAA8B;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,UAAU,WAAW;AAAA,IAC1B,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,4BACd,aACA,kBAAkD,CAAC,GAC5B;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,QAAQ;AAAA,MACR,GAAG,gBAAgB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,WAAW,CAAC;AAAA,IACZ,SAAS;AAAA,IACT,uBAAuB,CAAC;AAAA,IACxB,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/types/next/components/tests/controls/checkbox-control.test.d.ts

@@ -0,0 +1,3 @@
+/** @jest-environment jsdom */
+import '@testing-library/jest-dom';
+//# sourceMappingURL=checkbox-control.test.d.ts.map

package/dist/types/next/components/tests/controls/checkbox-control.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-control.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/controls/checkbox-control.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-backgrounds-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-backgrounds-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-backgrounds-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-border-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-border-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-border-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-date-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-date-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-date-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-element-id-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-element-id-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-element-id-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-font-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-font-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-font-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-gap-x-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-gap-x-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-gap-x-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/prop-controllers/page-gap-y-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-gap-y-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-gap-y-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-grid-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-grid-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-grid-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-image-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-image-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-image-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-images-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-images-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-images-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-link-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-link-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-link-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-margin-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-margin-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-margin-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-navigation-links-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-navigation-links-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-navigation-links-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-padding-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-padding-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-padding-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/{page-prop-controller.d.ts → prop-controllers/page-prop-controller.d.ts}

@@ -1,7 +1,7 @@
 /** @jest-environment jsdom */
 import '@testing-library/jest-dom';
 import { type OptionsType, type PropDef, type Value } from '@makeswift/prop-controllers';
-import { type ComponentType } from '../../../state/react-page';
+import { type ComponentType } from '../../../../state/react-page';
 export declare const pagePropControllerTest: <P extends PropDef<string, any, any, import("@makeswift/prop-controllers").VersionedDescriptor<import("@makeswift/prop-controllers").VersionDiscriminator<number, string>, string, any>> & ((options?: any) => any), C extends ComponentType<{
     propKey: Value<P> | undefined;
 }>>(propDef: P, value: Value<P>, component: (testId: string) => C, assert: (element: HTMLElement) => void, options?: OptionsType<P> | undefined) => void;

package/dist/types/next/components/tests/prop-controllers/page-prop-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-prop-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-prop-controller.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA;AAElC,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,OAAO,EACZ,KAAK,KAAK,EACX,MAAM,6BAA6B,CAAA;AAEpC,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAYnF,eAAO,MAAM,sBAAsB,yMACD,GAAG,KAAK,GAAG;;qDAKvB,MAAM,0BACR,WAAW,KAAK,IAAI,+CAqFpC,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-responsive-icon-radio-group-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-responsive-icon-radio-group-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-responsive-icon-radio-group-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/prop-controllers/page-responsive-number-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-responsive-number-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-responsive-number-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/prop-controllers/page-responsive-opacity-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-responsive-opacity-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-responsive-opacity-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/prop-controllers/page-responsive-select-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-responsive-select-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-responsive-select-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/prop-controllers/page-social-links-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-social-links-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-social-links-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-table-form-fields-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-table-form-fields-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-table-form-fields-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-table-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-table-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-table-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-text-area-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-text-area-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-text-area-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-text-input-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-text-input-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-text-input-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-text-style-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-text-style-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-text-style-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-video-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-video-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-video-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/prop-controllers/page-width-prop-controller.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-width-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/prop-controllers/page-width-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/utils/tests/element-data-test-test.d.ts

@@ -1,6 +1,6 @@
 import { MakeswiftPageSnapshot } from '../../next';
 import { ElementData } from '../../state/react-page';
-export declare function createRootComponent(elements: ElementData[]): {
+export declare function createRootComponent(elements: ElementData[], rootId?: string): {
     key: string;
     type: "./components/Root/index.js";
     props: {

package/dist/types/utils/tests/element-data-test-test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-data-test-test.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/element-data-test-test.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGpD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,WAAW,EAAE;;;;;;;;;;;;;;;EAmB1D;AAED,wBAAgB,2BAA2B,CACzC,WAAW,EAAE,WAAW,EACxB,eAAe,GAAE,OAAO,CAAC,qBAAqB,CAAM,GACnD,qBAAqB,CAqBvB"}
+{"version":3,"file":"element-data-test-test.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/element-data-test-test.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGpD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;EAmB3E;AAED,wBAAgB,2BAA2B,CACzC,WAAW,EAAE,WAAW,EACxB,eAAe,GAAE,OAAO,CAAC,qBAAqB,CAAM,GACnD,qBAAqB,CAqBvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.19.1",
+  "version": "0.19.2-canary.0",
   "license": "MIT",
   "files": [
     "dist",
@@ -139,8 +139,8 @@
     "uuid": "^9.0.0",
     "zod": "^3.21.4",
     "@makeswift/controls": "0.0.1",
-    "@makeswift/next-plugin": "0.3.0",
-    "@makeswift/prop-controllers": "0.3.0"
+    "@makeswift/prop-controllers": "0.3.0",
+    "@makeswift/next-plugin": "0.3.0"
   },
   "devDependencies": {
     "@emotion/jest": "^11.11.0",

package/dist/cjs/next/components/tests/page-prop-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/next/components/tests/page-prop-controller.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport {\n  type OptionsType,\n  Types,\n  type Descriptor,\n  type PropDef,\n  type Value,\n} from '@makeswift/prop-controllers'\n\nimport { type ElementData, type ComponentType } from '../../../state/react-page'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../page'\nimport { act } from 'react-dom/test-utils'\nimport { ReactRuntimeProvider } from '../../context/react-runtime'\nimport { ReactRuntime } from '../../../react'\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../utils/tests/element-data-test-test'\n\nexport const pagePropControllerTest = <\n  P extends PropDef & ((options?: any) => any),\n  C extends ComponentType<{ propKey: Value<P> | undefined }>,\n>(\n  propDef: P,\n  value: Value<typeof propDef>,\n  component: (testId: string) => C,\n  assert: (element: HTMLElement) => void,\n  options?: OptionsType<P>,\n) =>\n  describe('Page', () => {\n    test(`can render ${propDef.type} v0 data`, async () => {\n      // Arrange\n      const descriptorV0: Descriptor<typeof propDef> = {\n        type: propDef.type,\n        options,\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n\n    test(`can render ${propDef.type} v1 data`, async () => {\n      // Arrange\n      const gapXDefinitionV1: Descriptor<typeof propDef> = {\n        type: Types.GapX,\n        version: 1,\n        options: {},\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEY;AAnEZ,mBAA+B;AAC/B,sBAAO;AAEP,8BAMO;AAGP,oBAA2B;AAE3B,kBAAqB;AACrB,wBAAoB;AACpB,2BAAqC;AACrC,IAAAA,gBAA6B;AAC7B,oCAGO;AAEA,MAAM,yBAAyB,CAIpC,SACA,OACA,WACA,QACA,YAEA,SAAS,QAAQ,MAAM;AACrB,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,eAA2C;AAAA,MAC/C,MAAM,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AAEf,UAAM,kBAA2B,mDAAoB;AAAA,MACnD;AAAA,QACE,SAAK,0BAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,YAAY;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,eAAW,2DAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,2BAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,cAAM;AAAA,MAAI,gBACR;AAAA,QACE,4CAAC,6CAAqB,SACpB,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,oBAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AAED,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,mBAA+C;AAAA,MACnD,MAAM,8BAAM;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AACf,UAAM,kBAA2B,mDAAoB;AAAA,MACnD;AAAA,QACE,SAAK,0BAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,gBAAgB;AAAA,QACrD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,eAAW,2DAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,2BAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,cAAM;AAAA,MAAI,gBACR;AAAA,QACE,4CAAC,6CAAqB,SACpB,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,oBAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":["import_react"]}

package/dist/esm/next/components/tests/page-prop-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/next/components/tests/page-prop-controller.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport {\n  type OptionsType,\n  Types,\n  type Descriptor,\n  type PropDef,\n  type Value,\n} from '@makeswift/prop-controllers'\n\nimport { type ElementData, type ComponentType } from '../../../state/react-page'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../page'\nimport { act } from 'react-dom/test-utils'\nimport { ReactRuntimeProvider } from '../../context/react-runtime'\nimport { ReactRuntime } from '../../../react'\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../utils/tests/element-data-test-test'\n\nexport const pagePropControllerTest = <\n  P extends PropDef & ((options?: any) => any),\n  C extends ComponentType<{ propKey: Value<P> | undefined }>,\n>(\n  propDef: P,\n  value: Value<typeof propDef>,\n  component: (testId: string) => C,\n  assert: (element: HTMLElement) => void,\n  options?: OptionsType<P>,\n) =>\n  describe('Page', () => {\n    test(`can render ${propDef.type} v0 data`, async () => {\n      // Arrange\n      const descriptorV0: Descriptor<typeof propDef> = {\n        type: propDef.type,\n        options,\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n\n    test(`can render ${propDef.type} v1 data`, async () => {\n      // Arrange\n      const gapXDefinitionV1: Descriptor<typeof propDef> = {\n        type: Types.GapX,\n        version: 1,\n        options: {},\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":"AAqEY;AAnEZ,SAAS,QAAQ,cAAc;AAC/B,OAAO;AAEP;AAAA,EAEE;AAAA,OAIK;AAGP,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,yBAAyB,CAIpC,SACA,OACA,WACA,QACA,YAEA,SAAS,QAAQ,MAAM;AACrB,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,eAA2C;AAAA,MAC/C,MAAM,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AAEf,UAAM,cAA2B,oBAAoB;AAAA,MACnD;AAAA,QACE,KAAK,WAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,YAAY;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,4BAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,aAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,wBAAqB,SACpB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AAED,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,mBAA+C;AAAA,MACnD,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AACf,UAAM,cAA2B,oBAAoB;AAAA,MACnD;AAAA,QACE,KAAK,WAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,gBAAgB;AAAA,QACrD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,4BAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,aAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,wBAAqB,SACpB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":[]}

package/dist/types/next/components/tests/page-backgrounds-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-backgrounds-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-backgrounds-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-border-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-border-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-border-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-date-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-date-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-date-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-element-id-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-element-id-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-element-id-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-font-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-font-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-font-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-gap-x-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-gap-x-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-gap-x-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/page-gap-y-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-gap-y-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-gap-y-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-grid-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-grid-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-grid-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-image-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-image-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-image-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-images-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-images-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-images-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-link-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-link-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-link-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-margin-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-margin-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-margin-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-navigation-links-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-navigation-links-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-navigation-links-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-padding-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-padding-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-padding-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-prop-controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-prop-controller.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-prop-controller.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA;AAElC,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,OAAO,EACZ,KAAK,KAAK,EACX,MAAM,6BAA6B,CAAA;AAEpC,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAYhF,eAAO,MAAM,sBAAsB,yMACD,GAAG,KAAK,GAAG;;qDAKvB,MAAM,0BACR,WAAW,KAAK,IAAI,+CAqFpC,CAAA"}

package/dist/types/next/components/tests/page-responsive-icon-radio-group-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-responsive-icon-radio-group-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-responsive-icon-radio-group-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/page-responsive-number-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-responsive-number-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-responsive-number-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/page-responsive-opacity-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-responsive-opacity-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-responsive-opacity-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/page-responsive-select-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-responsive-select-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-responsive-select-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B"}

package/dist/types/next/components/tests/page-social-links-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-social-links-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-social-links-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-table-form-fields-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-table-form-fields-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-table-form-fields-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-table-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-table-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-table-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-text-area-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-text-area-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-text-area-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-text-input-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-text-input-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-text-input-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-text-style-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-text-style-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-text-style-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-video-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-video-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-video-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/components/tests/page-width-prop-controller.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-width-prop-controller.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/page-width-prop-controller.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAG9B,OAAO,2BAA2B,CAAA"}