@makeswift/runtime 0.26.3 → 0.26.4-canary.1

package/dist/esm/next/components/tests/makeswift-component/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/tests/makeswift-component/fixtures.tsx"],"sourcesContent":["import { Suspense, act } from 'react'\nimport { render } from '@testing-library/react'\n\nimport { ReactRuntime } from '../../../../react'\nimport * as Testing from '../../../testing'\nimport { MakeswiftComponent } from '../../../../runtimes/react/components/MakeswiftComponent'\nimport { type MakeswiftComponentSnapshot } from '../../../../client'\n\nimport { Checkbox, TextInput } from '@makeswift/controls'\nimport { ComponentType } from '../../../../state/react-page'\n\nexport const CustomComponentType = 'CustomComponent'\nexport const componentId = 'component-id'\nexport const containerId = 'container-id'\nexport const fallbackId = 'fallback-id'\n\nexport type ComponentProps = {\n  text: string\n  suspend: boolean\n}\n\nexport function CustomComponent({ text, suspend }: ComponentProps) {\n  if (suspend) {\n    throw new Promise(() => {}) // suspend indefinitely\n  }\n\n  return <div data-testid={componentId}>{text}</div>\n}\n\nexport function CustomComponentWithFallback(props: ComponentProps) {\n  return (\n    <Suspense fallback={<div data-testid={fallbackId}>Loading...</div>}>\n      <CustomComponent {...props} />\n    </Suspense>\n  )\n}\n\nexport const elementData = (props: { text: string; suspend?: boolean }) => ({\n  type: CustomComponentType,\n  key: '0000-0000-0000-0000',\n  props,\n})\n\nexport async function renderComponentSnapshot(\n  snapshot: MakeswiftComponentSnapshot,\n  component: ComponentType<ComponentProps> = CustomComponent,\n  { builtinSuspense }: { builtinSuspense?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  runtime.registerComponent(component, {\n    type: CustomComponentType,\n    label: 'Custom Component',\n    builtinSuspense,\n    props: {\n      text: TextInput({ defaultValue: 'Default Text' }),\n      suspend: Checkbox({ defaultValue: false, label: 'Suspend' }),\n    },\n  })\n\n  await act(async () =>\n    render(\n      <Testing.ReactProvider runtime={runtime} siteVersion={null}>\n        <div data-testid={containerId}>\n          <MakeswiftComponent\n            label=\"Embedded Component\"\n            type={CustomComponentType}\n            snapshot={snapshot}\n          />\n        </div>\n      </Testing.ReactProvider>,\n    ),\n  )\n}\n"],"mappings":"AA0BS;AA1BT,SAAS,UAAU,WAAW;AAC9B,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,YAAY,aAAa;AACzB,SAAS,0BAA0B;AAGnC,SAAS,UAAU,iBAAiB;AAG7B,MAAM,sBAAsB;AAC5B,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,aAAa;AAOnB,SAAS,gBAAgB,EAAE,MAAM,QAAQ,GAAmB;AACjE,MAAI,SAAS;AACX,UAAM,IAAI,QAAQ,MAAM;AAAA,IAAC,CAAC;AAAA,EAC5B;AAEA,SAAO,oBAAC,SAAI,eAAa,aAAc,gBAAK;AAC9C;AAEO,SAAS,4BAA4B,OAAuB;AACjE,SACE,oBAAC,YAAS,UAAU,oBAAC,SAAI,eAAa,YAAY,wBAAU,GAC1D,8BAAC,mBAAiB,GAAG,OAAO,GAC9B;AAEJ;AAEO,MAAM,cAAc,CAAC,WAAgD;AAAA,EAC1E,MAAM;AAAA,EACN,KAAK;AAAA,EACL;AACF;AAEA,eAAsB,wBACpB,UACA,YAA2C,iBAC3C,EAAE,gBAAgB,IAAmC,CAAC,GACtD;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,UAAQ,kBAAkB,WAAW;AAAA,IACnC,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACL,MAAM,UAAU,EAAE,cAAc,eAAe,CAAC;AAAA,MAChD,SAAS,SAAS,EAAE,cAAc,OAAO,OAAO,UAAU,CAAC;AAAA,IAC7D;AAAA,EACF,CAAC;AAED,QAAM;AAAA,IAAI,YACR;AAAA,MACE,oBAAC,QAAQ,eAAR,EAAsB,SAAkB,aAAa,MACpD,8BAAC,SAAI,eAAa,aAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA;AAAA,MACF,GACF,GACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/components/tests/makeswift-component/fixtures.tsx"],"sourcesContent":["import { Suspense, act } from 'react'\nimport { render } from '@testing-library/react'\n\nimport * as Testing from '../../../testing'\nimport { MakeswiftComponent } from '../../../../runtimes/react/components/MakeswiftComponent'\nimport { type MakeswiftComponentSnapshot } from '../../../../client'\n\nimport { Checkbox, TextInput } from '@makeswift/controls'\nimport { type ComponentType } from '../../../../state/read-only-state'\n\nexport const CustomComponentType = 'CustomComponent'\nexport const componentId = 'component-id'\nexport const containerId = 'container-id'\nexport const fallbackId = 'fallback-id'\n\nexport type ComponentProps = {\n  text: string\n  suspend: boolean\n}\n\nexport function CustomComponent({ text, suspend }: ComponentProps) {\n  if (suspend) {\n    throw new Promise(() => {}) // suspend indefinitely\n  }\n\n  return <div data-testid={componentId}>{text}</div>\n}\n\nexport function CustomComponentWithFallback(props: ComponentProps) {\n  return (\n    <Suspense fallback={<div data-testid={fallbackId}>Loading...</div>}>\n      <CustomComponent {...props} />\n    </Suspense>\n  )\n}\n\nexport const elementData = (props: { text: string; suspend?: boolean }) => ({\n  type: CustomComponentType,\n  key: '0000-0000-0000-0000',\n  props,\n})\n\nexport async function renderComponentSnapshot(\n  snapshot: MakeswiftComponentSnapshot,\n  component: ComponentType<ComponentProps> = CustomComponent,\n  { builtinSuspense }: { builtinSuspense?: boolean } = {},\n) {\n  const runtime = Testing.createReactRuntime()\n\n  runtime.registerComponent(component, {\n    type: CustomComponentType,\n    label: 'Custom Component',\n    builtinSuspense,\n    props: {\n      text: TextInput({ defaultValue: 'Default Text' }),\n      suspend: Checkbox({ defaultValue: false, label: 'Suspend' }),\n    },\n  })\n\n  await act(async () =>\n    render(\n      <Testing.ReactProvider runtime={runtime} siteVersion={null}>\n        <div data-testid={containerId}>\n          <MakeswiftComponent\n            label=\"Embedded Component\"\n            type={CustomComponentType}\n            snapshot={snapshot}\n          />\n        </div>\n      </Testing.ReactProvider>,\n    ),\n  )\n}\n"],"mappings":"AAyBS;AAzBT,SAAS,UAAU,WAAW;AAC9B,SAAS,cAAc;AAEvB,YAAY,aAAa;AACzB,SAAS,0BAA0B;AAGnC,SAAS,UAAU,iBAAiB;AAG7B,MAAM,sBAAsB;AAC5B,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,aAAa;AAOnB,SAAS,gBAAgB,EAAE,MAAM,QAAQ,GAAmB;AACjE,MAAI,SAAS;AACX,UAAM,IAAI,QAAQ,MAAM;AAAA,IAAC,CAAC;AAAA,EAC5B;AAEA,SAAO,oBAAC,SAAI,eAAa,aAAc,gBAAK;AAC9C;AAEO,SAAS,4BAA4B,OAAuB;AACjE,SACE,oBAAC,YAAS,UAAU,oBAAC,SAAI,eAAa,YAAY,wBAAU,GAC1D,8BAAC,mBAAiB,GAAG,OAAO,GAC9B;AAEJ;AAEO,MAAM,cAAc,CAAC,WAAgD;AAAA,EAC1E,MAAM;AAAA,EACN,KAAK;AAAA,EACL;AACF;AAEA,eAAsB,wBACpB,UACA,YAA2C,iBAC3C,EAAE,gBAAgB,IAAmC,CAAC,GACtD;AACA,QAAM,UAAU,QAAQ,mBAAmB;AAE3C,UAAQ,kBAAkB,WAAW;AAAA,IACnC,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACL,MAAM,UAAU,EAAE,cAAc,eAAe,CAAC;AAAA,MAChD,SAAS,SAAS,EAAE,cAAc,OAAO,OAAO,UAAU,CAAC;AAAA,IAC7D;AAAA,EACF,CAAC;AAED,QAAM;AAAA,IAAI,YACR;AAAA,MACE,oBAAC,QAAQ,eAAR,EAAsB,SAAkB,aAAa,MACpD,8BAAC,SAAI,eAAa,aAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA;AAAA,MACF,GACF,GACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -7,7 +7,6 @@ import {
 import { randomUUID } from "crypto";
 import { Page } from "../../page";
 import { act } from "react";
-import { ReactRuntime } from "../../../../react";
 import * as Testing from "../../../testing";
 const pagePropControllerTest = (propDef, value, component, assert, options) => describe("Page", () => {
   test(`can render ${propDef.type} v0 data`, async () => {
@@ -27,7 +26,7 @@ const pagePropControllerTest = (propDef, value, component, assert, options) => d
       }
     ]);
     const snapshot = Testing.createMakeswiftPageSnapshot(elementData);
-    const runtime = new ReactRuntime();
+    const runtime = Testing.createReactRuntime();
     runtime.registerComponent(component(testId), {
       type: TestComponentType,
       label: "TestComponent",
@@ -60,7 +59,7 @@ const pagePropControllerTest = (propDef, value, component, assert, options) => d
       }
     ]);
     const snapshot = Testing.createMakeswiftPageSnapshot(elementData);
-    const runtime = new ReactRuntime();
+    const runtime = Testing.createReactRuntime();
     runtime.registerComponent(component(testId), {
       type: TestComponentType,
       label: "TestComponent",

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

@@ -1 +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\";\nimport { ReactRuntime } from '../../../../react'\nimport * as Testing from '../../../testing'\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 = Testing.createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = Testing.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          <Testing.ReactProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </Testing.ReactProvider>,\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 = Testing.createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = Testing.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          <Testing.ReactProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </Testing.ReactProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":"AAiEY;AA/DZ,SAAS,QAAQ,cAAc;AAC/B,OAAO;AAEP;AAAA,EAEE;AAAA,OAIK;AAGP,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,oBAAoB;AAC7B,YAAY,aAAa;AAElB,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,QAAQ,oBAAoB;AAAA,MAC3D;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,QAAQ,4BAA4B,WAAW;AAChE,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,QAAQ,eAAR,EAAsB,SACrB,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,QAAQ,oBAAoB;AAAA,MAC3D;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,QAAQ,4BAA4B,WAAW;AAChE,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,QAAQ,eAAR,EAAsB,SACrB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":[]}
+{"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/read-only-state'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../../page'\nimport { act } from 'react'\nimport * as Testing from '../../../testing'\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 = Testing.createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = Testing.createMakeswiftPageSnapshot(elementData)\n      const runtime = Testing.createReactRuntime()\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          <Testing.ReactProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </Testing.ReactProvider>,\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 = Testing.createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = Testing.createMakeswiftPageSnapshot(elementData)\n      const runtime = Testing.createReactRuntime()\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          <Testing.ReactProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </Testing.ReactProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":"AAgEY;AA9DZ,SAAS,QAAQ,cAAc;AAC/B,OAAO;AAEP;AAAA,EAEE;AAAA,OAIK;AAGP,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,YAAY,aAAa;AAElB,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,QAAQ,oBAAoB;AAAA,MAC3D;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,QAAQ,4BAA4B,WAAW;AAChE,UAAM,UAAU,QAAQ,mBAAmB;AAE3C,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,QAAQ,eAAR,EAAsB,SACrB,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,QAAQ,oBAAoB;AAAA,MAC3D;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,QAAQ,4BAA4B,WAAW;AAChE,UAAM,UAAU,QAAQ,mBAAmB;AAE3C,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,QAAQ,eAAR,EAAsB,SACrB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":[]}

package/dist/esm/next/testing/element-data.js

@@ -1,5 +1,5 @@
 import { randomUUID } from "crypto";
-import { CacheData } from "../../api/react";
+import { CacheData } from "../../api/client";
 import { MakeswiftComponentType } from "../../components/builtin/constants";
 function createRootComponent(elements, rootId) {
   return {

package/dist/esm/next/testing/element-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  type MakeswiftComponentSnapshot,\n} from '../../client'\nimport { CacheData } from '../../api/react'\nimport { type ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components/builtin/constants'\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\nconst isDocument = (\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n): elementDataOrDocument is MakeswiftPageDocument =>\n  'snippets' in elementDataOrDocument ||\n  'fonts' in elementDataOrDocument ||\n  'meta' in elementDataOrDocument ||\n  'seo' in elementDataOrDocument\n\nexport function createMakeswiftPageSnapshot(\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: isDocument(elementDataOrDocument)\n      ? elementDataOrDocument\n      : {\n          id: 'test-page-id',\n          site: { id: 'test-site-id' },\n          data: elementDataOrDocument,\n          snippets: [],\n          fonts: [],\n          meta: {},\n          seo: {},\n          localizedPages: [],\n          locale,\n        },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData | null,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAO3B,SAAS,iBAAiB;AAE1B,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;AAEA,MAAM,aAAa,CACjB,0BAEA,cAAc,yBACd,WAAW,yBACX,UAAU,yBACV,SAAS;AAEJ,SAAS,4BACd,uBACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU,WAAW,qBAAqB,IACtC,wBACA;AAAA,MACE,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;AAAA,IACF;AAAA,IACJ,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,KAAK,WAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  type MakeswiftComponentSnapshot,\n} from '../../client'\nimport { CacheData } from '../../api/client'\nimport { type ElementData } from '../../state/read-only-state'\nimport { MakeswiftComponentType } from '../../components/builtin/constants'\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\nconst isDocument = (\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n): elementDataOrDocument is MakeswiftPageDocument =>\n  'snippets' in elementDataOrDocument ||\n  'fonts' in elementDataOrDocument ||\n  'meta' in elementDataOrDocument ||\n  'seo' in elementDataOrDocument\n\nexport function createMakeswiftPageSnapshot(\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: isDocument(elementDataOrDocument)\n      ? elementDataOrDocument\n      : {\n          id: 'test-page-id',\n          site: { id: 'test-site-id' },\n          data: elementDataOrDocument,\n          snippets: [],\n          fonts: [],\n          meta: {},\n          seo: {},\n          localizedPages: [],\n          locale,\n        },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData | null,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAO3B,SAAS,iBAAiB;AAE1B,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;AAEA,MAAM,aAAa,CACjB,0BAEA,cAAc,yBACd,WAAW,yBACX,UAAU,yBACV,SAAS;AAEJ,SAAS,4BACd,uBACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU,WAAW,qBAAqB,IACtC,wBACA;AAAA,MACE,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;AAAA,IACF;AAAA,IACJ,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,KAAK,WAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}

package/dist/esm/next/testing/index.js

@@ -1,5 +1,6 @@
 export * from "./breakpoints";
 export * from "./element-data";
 export * from "./react-provider";
+export * from "./react-runtime";
 export * from "./page-rendering";
 //# sourceMappingURL=index.js.map

package/dist/esm/next/testing/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/index.ts"],"sourcesContent":["export * from './breakpoints'\nexport * from './element-data'\nexport * from './react-provider'\nexport * from './page-rendering'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/index.ts"],"sourcesContent":["export * from './breakpoints'\nexport * from './element-data'\nexport * from './react-provider'\nexport * from './react-runtime'\nexport * from './page-rendering'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/next/testing/page-rendering.js

@@ -2,12 +2,12 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import { act } from "react";
 import "@testing-library/jest-dom";
 import { render } from "@testing-library/react";
-import { ReactRuntime } from "../../runtimes/react/react-runtime";
 import { MakeswiftComponentType } from "../../components/builtin/constants";
 import { Page as MakeswiftPage } from "../components/page";
 import { ReactProvider } from "./react-provider";
+import { createReactRuntime } from "./react-runtime";
 async function testMakeswiftPageHeadRendering(props, { forcePagesRouter = false } = {}) {
-  const runtime = new ReactRuntime();
+  const runtime = createReactRuntime();
   runtime.registerComponent(() => /* @__PURE__ */ jsx(Fragment, {}), {
     type: MakeswiftComponentType.Root,
     label: "Root",
@@ -23,7 +23,7 @@ async function testMakeswiftPageHeadRendering(props, { forcePagesRouter = false
   );
 }
 async function testMakeswiftPageRendering(props, { forcePagesRouter = false } = {}) {
-  const runtime = new ReactRuntime();
+  const runtime = createReactRuntime();
   return await act(
     async () => render(
       /* @__PURE__ */ jsx(ReactProvider, { runtime, siteVersion: null, forcePagesRouter, children: /* @__PURE__ */ jsx(MakeswiftPage, { ...props }) }),

package/dist/esm/next/testing/page-rendering.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/page-rendering.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, act } from 'react';\n\nimport '@testing-library/jest-dom'\nimport { render } from '@testing-library/react'\n\nimport { ReactRuntime } from '../../runtimes/react/react-runtime'\nimport { MakeswiftComponentType } from '../../components/builtin/constants'\n\nimport { Page as MakeswiftPage } from '../components/page'\n\nimport { ReactProvider } from './react-provider'\n\nexport async function testMakeswiftPageHeadRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  runtime.registerComponent(() => <></>, {\n    type: MakeswiftComponentType.Root,\n    label: 'Root',\n    props: {},\n  })\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('head')),\n      },\n    ),\n  )\n}\n\nexport async function testMakeswiftPageRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('div')),\n      },\n    ),\n  )\n}\n"],"mappings":"AAkBkC;AAlBlC,SAAwC,WAAW;AAEnD,OAAO;AACP,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAEvC,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,qBAAqB;AAE9B,eAAsB,+BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,UAAQ,kBAAkB,MAAM,gCAAE,GAAK;AAAA,IACrC,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,IACP,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,MAAM,CAAC;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AACF;AAEA,eAAsB,2BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAAA,MACpE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/page-rendering.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, act } from 'react'\n\nimport '@testing-library/jest-dom'\nimport { render } from '@testing-library/react'\n\nimport { MakeswiftComponentType } from '../../components/builtin/constants'\n\nimport { Page as MakeswiftPage } from '../components/page'\n\nimport { ReactProvider } from './react-provider'\nimport { createReactRuntime } from './react-runtime'\n\nexport async function testMakeswiftPageHeadRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = createReactRuntime()\n\n  runtime.registerComponent(() => <></>, {\n    type: MakeswiftComponentType.Root,\n    label: 'Root',\n    props: {},\n  })\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('head')),\n      },\n    ),\n  )\n}\n\nexport async function testMakeswiftPageRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = createReactRuntime()\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('div')),\n      },\n    ),\n  )\n}\n"],"mappings":"AAkBkC;AAlBlC,SAAwC,WAAW;AAEnD,OAAO;AACP,SAAS,cAAc;AAEvB,SAAS,8BAA8B;AAEvC,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AAEnC,eAAsB,+BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,mBAAmB;AAEnC,UAAQ,kBAAkB,MAAM,gCAAE,GAAK;AAAA,IACrC,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,IACP,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,MAAM,CAAC;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AACF;AAEA,eAAsB,2BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,mBAAmB;AAEnC,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAAA,MACpE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/next/testing/react-runtime.js

@@ -0,0 +1,5 @@
+import { createReactRuntime } from "../../runtimes/react/testing/react-runtime";
+export {
+  createReactRuntime
+};
+//# sourceMappingURL=react-runtime.js.map

package/dist/esm/next/testing/react-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/testing/react-runtime.tsx"],"sourcesContent":["export { createReactRuntime } from '../../runtimes/react/testing/react-runtime'\n"],"mappings":"AAAA,SAAS,0BAA0B;","names":[]}

package/dist/esm/prop-controllers/descriptors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import {\n  type ResolvedValueType,\n  ControlDefinition as UnifiedControlDefinition,\n} from '@makeswift/controls'\n\nimport { type ResponsiveColor } from '../components/utils/types'\nimport type { Data } from '../state/react-page'\nimport {\n  BorderDescriptor,\n  CheckboxDescriptor,\n  LinkDescriptor,\n  ResolveLinkPropControllerValue,\n  Types as PropControllerTypes,\n  ShadowsDescriptor,\n  ResolveShadowsPropControllerValue,\n  ResponsiveLengthDescriptor,\n  ResolveResponsiveLengthPropControllerValue,\n  NumberDescriptor,\n  ResolveNumberPropControllerValue,\n  ResponsiveColorDescriptor,\n  ResolveCheckboxPropControllerValue,\n  BorderRadiusDescriptor,\n  ResolveBorderPropControllerValue,\n  ResolveBorderRadiusPropControllerValue,\n  DateDescriptor,\n  ResolveDatePropControllerValue,\n  FontDescriptor,\n  ResolveFontPropControllerValue,\n  VideoDescriptor,\n  ResolveVideoPropControllerValue,\n  TableDescriptor,\n  ResolveTablePropControllerValue,\n  MarginDescriptor,\n  ResolveMarginPropControllerValue,\n  PaddingDescriptor,\n  ResolvePaddingPropControllerValue,\n  WidthDescriptor,\n  ResolveWidthPropControllerValue,\n  TextStyleDescriptor,\n  ResolveTextStylePropControllerValue,\n  NavigationLinksDescriptor,\n  ResolveNavigationLinksPropControllerValue,\n  TextAreaDescriptor,\n  ResolveTextAreaPropControllerValue,\n  GapX,\n  ResponsiveNumber,\n  ResponsiveSelect,\n  ResolveGapYPropControllerValue,\n  GapYDescriptor,\n  ElementIDDescriptor,\n  ResolveElementIDPropControllerValue,\n  TableFormFieldsDescriptor,\n  ResolveTableFormFieldsPropControllerValue,\n  GridDescriptor,\n  ResolveGridPropControllerValue,\n  ImageDescriptor,\n  ResolveImagePropControllerValue,\n  ImagesDescriptor,\n  ResolveImagesPropControllerValue,\n  BackgroundsDescriptor,\n  ResolveBackgroundsPropControllerValue,\n  ResponsiveOpacity,\n  ResponsiveIconRadioGroup,\n  ResolveSocialLinksPropControllerValue,\n  SocialLinksDescriptor,\n  TextInputDescriptor,\n  ResolveTextInputPropControllerValue,\n  type Descriptor as PropDescriptor,\n  type Value as PropValue,\n} from '@makeswift/prop-controllers'\n\nimport { DeletedPropControllerDescriptor } from './deleted'\n\nexport type { Data }\n\nexport type Gap = { value: number; unit: 'px' }\n\ntype PropControllerDescriptor<T extends Data = Data> =\n  | DeletedPropControllerDescriptor<T>\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | PropDescriptor<typeof GapX>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveLengthDescriptor<T>\n  | PropDescriptor<typeof ResponsiveIconRadioGroup>\n  | PropDescriptor<typeof ResponsiveNumber>\n  | PropDescriptor<typeof ResponsiveOpacity>\n  | PropDescriptor<typeof ResponsiveSelect>\n  | ShadowsDescriptor<T>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n\nexport type LegacyDescriptor<T extends Data = Data> = PropControllerDescriptor<T>\n\nexport type Descriptor<T extends Data = Data> = LegacyDescriptor<T> | UnifiedControlDefinition\n\nexport function isLegacyDescriptor<T extends Data>(\n  control: Descriptor<T>,\n): control is LegacyDescriptor<T> {\n  return !(control instanceof UnifiedControlDefinition)\n}\n\nexport type PanelDescriptorType =\n  | typeof PropControllerTypes.Backgrounds\n  | typeof PropControllerTypes.ResponsiveIconRadioGroup\n  | typeof PropControllerTypes.Margin\n  | typeof PropControllerTypes.Padding\n  | typeof PropControllerTypes.Shadows\n  | typeof PropControllerTypes.Border\n  | typeof PropControllerTypes.GapY\n  | typeof PropControllerTypes.GapX\n  | typeof PropControllerTypes.BorderRadius\n  | typeof PropControllerTypes.Checkbox\n  | typeof PropControllerTypes.TextInput\n  | typeof PropControllerTypes.Link\n  | typeof PropControllerTypes.ResponsiveSelect\n  | typeof PropControllerTypes.ResponsiveColor\n  | typeof PropControllerTypes.TextStyle\n  | typeof PropControllerTypes.Images\n  | typeof PropControllerTypes.ResponsiveNumber\n  | typeof PropControllerTypes.Number\n  | typeof PropControllerTypes.Date\n  | typeof PropControllerTypes.Font\n  | typeof PropControllerTypes.TextArea\n  | typeof PropControllerTypes.Table\n  | typeof PropControllerTypes.Image\n  | typeof PropControllerTypes.ResponsiveOpacity\n  | typeof PropControllerTypes.SocialLinks\n  | typeof PropControllerTypes.Video\n  | typeof PropControllerTypes.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\n// see https://github.com/prettier/prettier/issues/7940#issuecomment-2074455883\n// prettier-ignore\nexport type PropControllerDescriptorValueType<T extends PropControllerDescriptor> = T['type'] extends typeof PropControllerTypes.ResponsiveColor\n  ? // TODO(miguel): We're not importing a resolver type from `@makeswift/prop-controllers` because\n    // the resolved type is tightly coupled with the runtime (i.e., it's the result of an API call).\n    // This means that we probably want to rethink how types are resolved and where that lives.\n    ResponsiveColor | null | undefined\n  : T['type'] extends typeof PropControllerTypes.Backgrounds\n  ? ResolveBackgroundsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.Backgrounds }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Checkbox\n  ? ResolveCheckboxPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Checkbox }>>\n  : T['type'] extends typeof PropControllerTypes.Date\n  ? ResolveDatePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Date }>>\n  : T['type'] extends typeof PropControllerTypes.ElementID\n  ? ResolveElementIDPropControllerValue<Extract<T, { type: typeof PropControllerTypes.ElementID }>>\n  : T['type'] extends typeof PropControllerTypes.Font\n  ? ResolveFontPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Font }>>\n  : T['type'] extends typeof PropControllerTypes.GapX\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.GapY\n  ? ResolveGapYPropControllerValue<Extract<T, { type: typeof PropControllerTypes.GapY }>>\n  : T['type'] extends typeof PropControllerTypes.Grid\n  ? ResolveGridPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Grid }>>\n  : T['type'] extends typeof PropControllerTypes.Image\n  ? ResolveImagePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Image }>>\n  : T['type'] extends typeof PropControllerTypes.Images\n  ? ResolveImagesPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Images }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveIconRadioGroup\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveNumber\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveOpacity\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveSelect\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.Link\n  ? ResolveLinkPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Link }>>\n  : T['type'] extends typeof PropControllerTypes.Width\n  ? ResolveWidthPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Width }>>\n  : T['type'] extends typeof PropControllerTypes.Padding\n  ? ResolvePaddingPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Padding }>>\n  : T['type'] extends typeof PropControllerTypes.Margin\n  ? ResolveMarginPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Margin }>>\n  : T['type'] extends typeof PropControllerTypes.NavigationLinks\n  ? ResolveNavigationLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.NavigationLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.BorderRadius\n  ? ResolveBorderRadiusPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.BorderRadius }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Shadows\n  ? ResolveShadowsPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Shadows }>>\n  : T['type'] extends typeof PropControllerTypes.SocialLinks\n  ? ResolveSocialLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.SocialLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.ResponsiveLength\n  ? ResolveResponsiveLengthPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.ResponsiveLength }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Border\n  ? ResolveBorderPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Border }>>\n  : T['type'] extends typeof PropControllerTypes.Number\n  ? ResolveNumberPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Number }>>\n  : T['type'] extends typeof PropControllerTypes.Table\n  ? ResolveTablePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Table }>>\n  : T['type'] extends typeof PropControllerTypes.TableFormFields\n  ? ResolveTableFormFieldsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.TableFormFields }>\n    >\n  : T['type'] extends typeof PropControllerTypes.TextStyle\n  ? ResolveTextStylePropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextStyle }>>\n  : T['type'] extends typeof PropControllerTypes.TextArea\n  ? ResolveTextAreaPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextArea }>>\n  : T['type'] extends typeof PropControllerTypes.TextInput\n  ? ResolveTextInputPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextInput }>>\n  : T['type'] extends typeof PropControllerTypes.Video\n  ? ResolveVideoPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Video }>>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type DescriptorValueType<T extends Descriptor> = T extends PropControllerDescriptor\n  ? PropControllerDescriptorValueType<T>\n  : T extends UnifiedControlDefinition\n    ? ResolvedValueType<T>\n    : T extends Descriptor<infer U>\n      ? U | undefined\n      : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> =\n  T extends PanelDescriptor<infer U> ? U : never\n"],"mappings":"AAAA;AAAA,EAEE,qBAAqB;AAAA,OAChB;AAiHA,SAAS,mBACd,SACgC;AAChC,SAAO,EAAE,mBAAmB;AAC9B;","names":[]}
+{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import {\n  type ResolvedValueType,\n  ControlDefinition as UnifiedControlDefinition,\n} from '@makeswift/controls'\n\nimport { type ResponsiveColor } from '../components/utils/types'\nimport type { Data } from '../state/read-only-state'\nimport {\n  BorderDescriptor,\n  CheckboxDescriptor,\n  LinkDescriptor,\n  ResolveLinkPropControllerValue,\n  Types as PropControllerTypes,\n  ShadowsDescriptor,\n  ResolveShadowsPropControllerValue,\n  ResponsiveLengthDescriptor,\n  ResolveResponsiveLengthPropControllerValue,\n  NumberDescriptor,\n  ResolveNumberPropControllerValue,\n  ResponsiveColorDescriptor,\n  ResolveCheckboxPropControllerValue,\n  BorderRadiusDescriptor,\n  ResolveBorderPropControllerValue,\n  ResolveBorderRadiusPropControllerValue,\n  DateDescriptor,\n  ResolveDatePropControllerValue,\n  FontDescriptor,\n  ResolveFontPropControllerValue,\n  VideoDescriptor,\n  ResolveVideoPropControllerValue,\n  TableDescriptor,\n  ResolveTablePropControllerValue,\n  MarginDescriptor,\n  ResolveMarginPropControllerValue,\n  PaddingDescriptor,\n  ResolvePaddingPropControllerValue,\n  WidthDescriptor,\n  ResolveWidthPropControllerValue,\n  TextStyleDescriptor,\n  ResolveTextStylePropControllerValue,\n  NavigationLinksDescriptor,\n  ResolveNavigationLinksPropControllerValue,\n  TextAreaDescriptor,\n  ResolveTextAreaPropControllerValue,\n  GapX,\n  ResponsiveNumber,\n  ResponsiveSelect,\n  ResolveGapYPropControllerValue,\n  GapYDescriptor,\n  ElementIDDescriptor,\n  ResolveElementIDPropControllerValue,\n  TableFormFieldsDescriptor,\n  ResolveTableFormFieldsPropControllerValue,\n  GridDescriptor,\n  ResolveGridPropControllerValue,\n  ImageDescriptor,\n  ResolveImagePropControllerValue,\n  ImagesDescriptor,\n  ResolveImagesPropControllerValue,\n  BackgroundsDescriptor,\n  ResolveBackgroundsPropControllerValue,\n  ResponsiveOpacity,\n  ResponsiveIconRadioGroup,\n  ResolveSocialLinksPropControllerValue,\n  SocialLinksDescriptor,\n  TextInputDescriptor,\n  ResolveTextInputPropControllerValue,\n  type Descriptor as PropDescriptor,\n  type Value as PropValue,\n} from '@makeswift/prop-controllers'\n\nimport { DeletedPropControllerDescriptor } from './deleted'\n\nexport type { Data }\n\nexport type Gap = { value: number; unit: 'px' }\n\ntype PropControllerDescriptor<T extends Data = Data> =\n  | DeletedPropControllerDescriptor<T>\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | PropDescriptor<typeof GapX>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveLengthDescriptor<T>\n  | PropDescriptor<typeof ResponsiveIconRadioGroup>\n  | PropDescriptor<typeof ResponsiveNumber>\n  | PropDescriptor<typeof ResponsiveOpacity>\n  | PropDescriptor<typeof ResponsiveSelect>\n  | ShadowsDescriptor<T>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n\nexport type LegacyDescriptor<T extends Data = Data> = PropControllerDescriptor<T>\n\nexport type Descriptor<T extends Data = Data> = LegacyDescriptor<T> | UnifiedControlDefinition\n\nexport function isLegacyDescriptor<T extends Data>(\n  control: Descriptor<T>,\n): control is LegacyDescriptor<T> {\n  return !(control instanceof UnifiedControlDefinition)\n}\n\nexport type PanelDescriptorType =\n  | typeof PropControllerTypes.Backgrounds\n  | typeof PropControllerTypes.ResponsiveIconRadioGroup\n  | typeof PropControllerTypes.Margin\n  | typeof PropControllerTypes.Padding\n  | typeof PropControllerTypes.Shadows\n  | typeof PropControllerTypes.Border\n  | typeof PropControllerTypes.GapY\n  | typeof PropControllerTypes.GapX\n  | typeof PropControllerTypes.BorderRadius\n  | typeof PropControllerTypes.Checkbox\n  | typeof PropControllerTypes.TextInput\n  | typeof PropControllerTypes.Link\n  | typeof PropControllerTypes.ResponsiveSelect\n  | typeof PropControllerTypes.ResponsiveColor\n  | typeof PropControllerTypes.TextStyle\n  | typeof PropControllerTypes.Images\n  | typeof PropControllerTypes.ResponsiveNumber\n  | typeof PropControllerTypes.Number\n  | typeof PropControllerTypes.Date\n  | typeof PropControllerTypes.Font\n  | typeof PropControllerTypes.TextArea\n  | typeof PropControllerTypes.Table\n  | typeof PropControllerTypes.Image\n  | typeof PropControllerTypes.ResponsiveOpacity\n  | typeof PropControllerTypes.SocialLinks\n  | typeof PropControllerTypes.Video\n  | typeof PropControllerTypes.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\n// see https://github.com/prettier/prettier/issues/7940#issuecomment-2074455883\n// prettier-ignore\nexport type PropControllerDescriptorValueType<T extends PropControllerDescriptor> = T['type'] extends typeof PropControllerTypes.ResponsiveColor\n  ? // TODO(miguel): We're not importing a resolver type from `@makeswift/prop-controllers` because\n    // the resolved type is tightly coupled with the runtime (i.e., it's the result of an API call).\n    // This means that we probably want to rethink how types are resolved and where that lives.\n    ResponsiveColor | null | undefined\n  : T['type'] extends typeof PropControllerTypes.Backgrounds\n  ? ResolveBackgroundsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.Backgrounds }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Checkbox\n  ? ResolveCheckboxPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Checkbox }>>\n  : T['type'] extends typeof PropControllerTypes.Date\n  ? ResolveDatePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Date }>>\n  : T['type'] extends typeof PropControllerTypes.ElementID\n  ? ResolveElementIDPropControllerValue<Extract<T, { type: typeof PropControllerTypes.ElementID }>>\n  : T['type'] extends typeof PropControllerTypes.Font\n  ? ResolveFontPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Font }>>\n  : T['type'] extends typeof PropControllerTypes.GapX\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.GapY\n  ? ResolveGapYPropControllerValue<Extract<T, { type: typeof PropControllerTypes.GapY }>>\n  : T['type'] extends typeof PropControllerTypes.Grid\n  ? ResolveGridPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Grid }>>\n  : T['type'] extends typeof PropControllerTypes.Image\n  ? ResolveImagePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Image }>>\n  : T['type'] extends typeof PropControllerTypes.Images\n  ? ResolveImagesPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Images }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveIconRadioGroup\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveNumber\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveOpacity\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveSelect\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.Link\n  ? ResolveLinkPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Link }>>\n  : T['type'] extends typeof PropControllerTypes.Width\n  ? ResolveWidthPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Width }>>\n  : T['type'] extends typeof PropControllerTypes.Padding\n  ? ResolvePaddingPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Padding }>>\n  : T['type'] extends typeof PropControllerTypes.Margin\n  ? ResolveMarginPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Margin }>>\n  : T['type'] extends typeof PropControllerTypes.NavigationLinks\n  ? ResolveNavigationLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.NavigationLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.BorderRadius\n  ? ResolveBorderRadiusPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.BorderRadius }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Shadows\n  ? ResolveShadowsPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Shadows }>>\n  : T['type'] extends typeof PropControllerTypes.SocialLinks\n  ? ResolveSocialLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.SocialLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.ResponsiveLength\n  ? ResolveResponsiveLengthPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.ResponsiveLength }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Border\n  ? ResolveBorderPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Border }>>\n  : T['type'] extends typeof PropControllerTypes.Number\n  ? ResolveNumberPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Number }>>\n  : T['type'] extends typeof PropControllerTypes.Table\n  ? ResolveTablePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Table }>>\n  : T['type'] extends typeof PropControllerTypes.TableFormFields\n  ? ResolveTableFormFieldsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.TableFormFields }>\n    >\n  : T['type'] extends typeof PropControllerTypes.TextStyle\n  ? ResolveTextStylePropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextStyle }>>\n  : T['type'] extends typeof PropControllerTypes.TextArea\n  ? ResolveTextAreaPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextArea }>>\n  : T['type'] extends typeof PropControllerTypes.TextInput\n  ? ResolveTextInputPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextInput }>>\n  : T['type'] extends typeof PropControllerTypes.Video\n  ? ResolveVideoPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Video }>>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type DescriptorValueType<T extends Descriptor> = T extends PropControllerDescriptor\n  ? PropControllerDescriptorValueType<T>\n  : T extends UnifiedControlDefinition\n    ? ResolvedValueType<T>\n    : T extends Descriptor<infer U>\n      ? U | undefined\n      : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> =\n  T extends PanelDescriptor<infer U> ? U : never\n"],"mappings":"AAAA;AAAA,EAEE,qBAAqB;AAAA,OAChB;AAiHA,SAAS,mBACd,SACgC;AAChC,SAAO,EAAE,mBAAmB;AAC9B;","names":[]}

package/dist/esm/prop-controllers/instances.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/instances.ts"],"sourcesContent":["import { type Descriptor, isLegacyDescriptor } from './descriptors'\nimport { type BoxModel } from '../state/modules/box-models'\nimport { Types as PropControllerTypes } from '@makeswift/prop-controllers'\n\nimport {\n  type ControlMessage,\n  type SendMessage,\n  type InstanceType,\n  ControlInstance,\n  DefaultControlInstance,\n} from '@makeswift/controls'\n\nexport type PropControllerMessage = ControlMessage\n\nexport const TableFormFieldsMessageType = {\n  TABLE_FORM_LAYOUT_CHANGE: 'TABLE_FORM_LAYOUT_CHANGE',\n  TABLE_FORM_FIELD_LAYOUT_CHANGE: 'TABLE_FORM_FIELD_LAYOUT_CHANGE',\n} as const\n\ntype TableLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE\n  payload: { layout: BoxModel }\n}\n\ntype TableFieldLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE\n  payload: { layout: BoxModel; index: number }\n}\n\nexport type TableFormFieldsMessage =\n  | TableLayoutTableFormFieldsMessage\n  | TableFieldLayoutTableFormFieldsMessage\n\nexport class TableFormFieldsPropController extends ControlInstance<TableFormFieldsMessage> {\n  recv = () => {}\n  child(_key: string): ControlInstance | undefined {\n    return undefined\n  }\n\n  tableFormLayoutChange(payload: { layout: BoxModel }) {\n    this.sendMessage({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload })\n  }\n\n  tableFormFieldLayoutChange(payload: { layout: BoxModel; index: number }) {\n    this.sendMessage({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends {\n  type: typeof PropControllerTypes.TableFormFields\n}\n  ? TableFormFieldsPropController\n  : InstanceType<T>\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport type AnyPropController = ControlInstance<any> | TableFormFieldsPropController\n\nexport function createPropController(\n  descriptor: Descriptor,\n  send: SendMessage<PropControllerMessage>,\n): AnyPropController {\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.createInstance(send)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.TableFormFields:\n      return new TableFormFieldsPropController(send as SendMessage<TableFormFieldsMessage>)\n\n    default:\n      return new DefaultControlInstance(send as SendMessage)\n  }\n}\n"],"mappings":"AAAA,SAA0B,0BAA0B;AAEpD,SAAS,SAAS,2BAA2B;AAE7C;AAAA,EAIE;AAAA,EACA;AAAA,OACK;AAIA,MAAM,6BAA6B;AAAA,EACxC,0BAA0B;AAAA,EAC1B,gCAAgC;AAClC;AAgBO,MAAM,sCAAsC,gBAAwC;AAAA,EACzF,OAAO,MAAM;AAAA,EAAC;AAAA,EACd,MAAM,MAA2C;AAC/C,WAAO;AAAA,EACT;AAAA,EAEA,sBAAsB,SAA+B;AACnD,SAAK,YAAY,EAAE,MAAM,2BAA2B,0BAA0B,QAAQ,CAAC;AAAA,EACzF;AAAA,EAEA,2BAA2B,SAA8C;AACvE,SAAK,YAAY,EAAE,MAAM,2BAA2B,gCAAgC,QAAQ,CAAC;AAAA,EAC/F;AACF;AAgBO,SAAS,qBACd,YACA,MACmB;AACnB,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,eAAe,IAAI;AAAA,EACvC;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,oBAAoB;AACvB,aAAO,IAAI,8BAA8B,IAA2C;AAAA,IAEtF;AACE,aAAO,IAAI,uBAAuB,IAAmB;AAAA,EACzD;AACF;","names":[]}
+{"version":3,"sources":["../../../src/prop-controllers/instances.ts"],"sourcesContent":["import { type Descriptor, isLegacyDescriptor } from './descriptors'\nimport { type BoxModel } from '../state/modules/read-write/box-models'\nimport { Types as PropControllerTypes } from '@makeswift/prop-controllers'\n\nimport {\n  type ControlMessage,\n  type SendMessage,\n  type InstanceType,\n  ControlInstance,\n  DefaultControlInstance,\n} from '@makeswift/controls'\n\nexport type PropControllerMessage = ControlMessage\n\nexport const TableFormFieldsMessageType = {\n  TABLE_FORM_LAYOUT_CHANGE: 'TABLE_FORM_LAYOUT_CHANGE',\n  TABLE_FORM_FIELD_LAYOUT_CHANGE: 'TABLE_FORM_FIELD_LAYOUT_CHANGE',\n} as const\n\ntype TableLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE\n  payload: { layout: BoxModel }\n}\n\ntype TableFieldLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE\n  payload: { layout: BoxModel; index: number }\n}\n\nexport type TableFormFieldsMessage =\n  | TableLayoutTableFormFieldsMessage\n  | TableFieldLayoutTableFormFieldsMessage\n\nexport class TableFormFieldsPropController extends ControlInstance<TableFormFieldsMessage> {\n  recv = () => {}\n  child(_key: string): ControlInstance | undefined {\n    return undefined\n  }\n\n  tableFormLayoutChange(payload: { layout: BoxModel }) {\n    this.sendMessage({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload })\n  }\n\n  tableFormFieldLayoutChange(payload: { layout: BoxModel; index: number }) {\n    this.sendMessage({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends {\n  type: typeof PropControllerTypes.TableFormFields\n}\n  ? TableFormFieldsPropController\n  : InstanceType<T>\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport type AnyPropController = ControlInstance<any> | TableFormFieldsPropController\n\nexport function createPropController(\n  descriptor: Descriptor,\n  send: SendMessage<PropControllerMessage>,\n): AnyPropController {\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.createInstance(send)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.TableFormFields:\n      return new TableFormFieldsPropController(send as SendMessage<TableFormFieldsMessage>)\n\n    default:\n      return new DefaultControlInstance(send as SendMessage)\n  }\n}\n"],"mappings":"AAAA,SAA0B,0BAA0B;AAEpD,SAAS,SAAS,2BAA2B;AAE7C;AAAA,EAIE;AAAA,EACA;AAAA,OACK;AAIA,MAAM,6BAA6B;AAAA,EACxC,0BAA0B;AAAA,EAC1B,gCAAgC;AAClC;AAgBO,MAAM,sCAAsC,gBAAwC;AAAA,EACzF,OAAO,MAAM;AAAA,EAAC;AAAA,EACd,MAAM,MAA2C;AAC/C,WAAO;AAAA,EACT;AAAA,EAEA,sBAAsB,SAA+B;AACnD,SAAK,YAAY,EAAE,MAAM,2BAA2B,0BAA0B,QAAQ,CAAC;AAAA,EACzF;AAAA,EAEA,2BAA2B,SAA8C;AACvE,SAAK,YAAY,EAAE,MAAM,2BAA2B,gCAAgC,QAAQ,CAAC;AAAA,EAC/F;AACF;AAgBO,SAAS,qBACd,YACA,MACmB;AACnB,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,eAAe,IAAI;AAAA,EACvC;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,oBAAoB;AACvB,aAAO,IAAI,8BAA8B,IAA2C;AAAA,IAEtF;AACE,aAAO,IAAI,uBAAuB,IAAmB;AAAA,EACzD;AACF;","names":[]}

package/dist/esm/runtimes/react/components/Document.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, memo } from "react";
-import { getRootElement } from "../../../state/react-page";
+import { getRootElement } from "../../../state/read-only-state";
 import { DocumentKeyContext, DocumentLocaleContext } from "../hooks/use-document-context";
 import { Element } from "./Element";
 const Document = memo(

package/dist/esm/runtimes/react/components/Document.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/Document.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, ReactNode } from 'react'\nimport { type Document as ReactPageDocument, getRootElement } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { DocumentKeyContext, DocumentLocaleContext } from '../hooks/use-document-context'\nimport { Element } from './Element'\n\ntype DocumentProps = {\n  document: ReactPageDocument\n}\n\nexport const Document = memo(\n  forwardRef(function Document(\n    { document }: DocumentProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): ReactNode {\n    return (\n      <DocumentKeyContext.Provider value={document.key}>\n        <DocumentLocaleContext.Provider value={document.locale}>\n          <Element ref={ref} element={getRootElement(document)} />\n        </DocumentLocaleContext.Provider>\n      </DocumentKeyContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAkBU;AAlBV,SAAc,YAAY,YAAuB;AACjD,SAA6C,sBAAsB;AAEnE,SAAS,oBAAoB,6BAA6B;AAC1D,SAAS,eAAe;AAMjB,MAAM,WAAW;AAAA,EACtB,WAAW,SAASA,UAClB,EAAE,SAAS,GACX,KACW;AACX,WACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,SAAS,KAC3C,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,SAAS,QAC9C,8BAAC,WAAQ,KAAU,SAAS,eAAe,QAAQ,GAAG,GACxD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["Document"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Document.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, ReactNode } from 'react'\n\nimport { type Document as ReactPageDocument, getRootElement } from '../../../state/read-only-state'\n\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { DocumentKeyContext, DocumentLocaleContext } from '../hooks/use-document-context'\nimport { Element } from './Element'\n\ntype DocumentProps = {\n  document: ReactPageDocument\n}\n\nexport const Document = memo(\n  forwardRef(function Document(\n    { document }: DocumentProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): ReactNode {\n    return (\n      <DocumentKeyContext.Provider value={document.key}>\n        <DocumentLocaleContext.Provider value={document.locale}>\n          <Element ref={ref} element={getRootElement(document)} />\n        </DocumentLocaleContext.Provider>\n      </DocumentKeyContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAoBU;AApBV,SAAc,YAAY,YAAuB;AAEjD,SAA6C,sBAAsB;AAGnE,SAAS,oBAAoB,6BAA6B;AAC1D,SAAS,eAAe;AAMjB,MAAM,WAAW;AAAA,EACtB,WAAW,SAASA,UAClB,EAAE,SAAS,GACX,KACW;AACX,WACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,SAAS,KAC3C,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,SAAS,QAC9C,8BAAC,WAAQ,KAAU,SAAS,eAAe,QAAQ,GAAG,GACxD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["Document"]}

package/dist/esm/runtimes/react/components/DocumentRoot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/DocumentRoot.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, ReactNode } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDocument } from '../hooks/use-document'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Document as DocumentComponent } from './Document'\n\ntype Props = {\n  rootDocument: Document\n}\n\nexport const DocumentRoot = memo(\n  forwardRef(function DocumentRoot(\n    { rootDocument }: Props,\n    ref: Ref<ElementImperativeHandle>,\n  ): ReactNode {\n    const document = useDocument(rootDocument.key) ?? rootDocument\n\n    if (document == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Document not found\" />\n    }\n\n    return <DocumentComponent ref={ref} document={document} />\n  }),\n)\n"],"mappings":"AAmBa;AAnBb,SAAc,YAAY,YAAuB;AAGjD,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,YAAY,yBAAyB;AAMvC,MAAM,eAAe;AAAA,EAC1B,WAAW,SAASA,cAClB,EAAE,aAAa,GACf,KACW;AACX,UAAM,WAAW,YAAY,aAAa,GAAG,KAAK;AAElD,QAAI,YAAY,MAAM;AACpB,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,sBAAqB;AAAA,IACvF;AAEA,WAAO,oBAAC,qBAAkB,KAAU,UAAoB;AAAA,EAC1D,CAAC;AACH;","names":["DocumentRoot"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/DocumentRoot.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, ReactNode } from 'react'\n\nimport { type Document } from '../../../state/read-only-state'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDocument } from '../hooks/use-document'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Document as DocumentComponent } from './Document'\n\ntype Props = {\n  rootDocument: Document\n}\n\nexport const DocumentRoot = memo(\n  forwardRef(function DocumentRoot(\n    { rootDocument }: Props,\n    ref: Ref<ElementImperativeHandle>,\n  ): ReactNode {\n    const document = useDocument(rootDocument.key) ?? rootDocument\n\n    if (document == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Document not found\" />\n    }\n\n    return <DocumentComponent ref={ref} document={document} />\n  }),\n)\n"],"mappings":"AAoBa;AApBb,SAAc,YAAY,YAAuB;AAIjD,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,YAAY,yBAAyB;AAMvC,MAAM,eAAe;AAAA,EAC1B,WAAW,SAASA,cAClB,EAAE,aAAa,GACf,KACW;AACX,UAAM,WAAW,YAAY,aAAa,GAAG,KAAK;AAElD,QAAI,YAAY,MAAM;AACpB,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,sBAAqB;AAAA,IACvF;AAEA,WAAO,oBAAC,qBAAkB,KAAU,UAAoB;AAAA,EAC1D,CAAC;AACH;","names":["DocumentRoot"]}

package/dist/esm/runtimes/react/components/Element.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, memo, useCallback, useImperativeHandle, useRef } from "react";
-import { isElementReference } from "../../../state/react-page";
+import {
+  isElementReference
+} from "../../../state/read-only-state";
 import { ElementRegistration } from "./ElementRegistration";
 import { ElementReference } from "./ElementReference";
 import { ElementData } from "./ElementData";

package/dist/esm/runtimes/react/components/Element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, memo, Ref, useCallback, useImperativeHandle, useRef, ReactNode } from 'react'\nimport { isElementReference, type Element as ElementDataOrRef } from '../../../state/react-page'\nimport { ElementRegistration } from './ElementRegistration'\nimport { ElementReference } from './ElementReference'\nimport { ElementData } from './ElementData'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { FindDomNode } from '../find-dom-node'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ErrorBoundary } from '../../../components/shared/ErrorBoundary'\n\ntype Props = {\n  element: ElementDataOrRef\n}\n\nexport const Element = memo(\n  forwardRef(function Element(\n    { element }: Props,\n    ref: Ref<ElementImperativeHandle>,\n  ): ReactNode | null {\n    const useFindDomNodeRef = useRef(true)\n    const imperativeHandleRef = useRef(new ElementImperativeHandle())\n\n    const findDomNodeCallbackRef = useCallback((current: (() => Element | Text | null) | null) => {\n      if (useFindDomNodeRef.current === true) {\n        imperativeHandleRef.current.callback(() => current?.() ?? null)\n      }\n    }, [])\n\n    const elementCallbackRef = useCallback((current: unknown | null) => {\n      useFindDomNodeRef.current = false\n\n      imperativeHandleRef.current.callback(() => current)\n    }, [])\n\n    useImperativeHandle(ref, () => imperativeHandleRef.current, [])\n\n    return (\n      <ElementRegistration componentHandle={imperativeHandleRef.current} elementKey={element.key}>\n        <FindDomNode ref={findDomNodeCallbackRef}>\n          <ErrorBoundary FallbackComponent={ErrorFallback}>\n            {isElementReference(element) ? (\n              <ElementReference\n                key={element.key}\n                ref={elementCallbackRef}\n                elementReference={element}\n              />\n            ) : (\n              <ElementData key={element.key} ref={elementCallbackRef} elementData={element} />\n            )}\n          </ErrorBoundary>\n        </FindDomNode>\n      </ElementRegistration>\n    )\n  }),\n)\n\nfunction ErrorFallback() {\n  return <FallbackComponent text={`Error rendering component`} />\n}\n"],"mappings":";AA2Cc;AAzCd,SAAS,YAAY,MAAW,aAAa,qBAAqB,cAAyB;AAC3F,SAAS,0BAA4D;AACrE,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAMvB,MAAM,UAAU;AAAA,EACrB,WAAW,SAASA,SAClB,EAAE,QAAQ,GACV,KACkB;AAClB,UAAM,oBAAoB,OAAO,IAAI;AACrC,UAAM,sBAAsB,OAAO,IAAI,wBAAwB,CAAC;AAEhE,UAAM,yBAAyB,YAAY,CAAC,YAAkD;AAC5F,UAAI,kBAAkB,YAAY,MAAM;AACtC,4BAAoB,QAAQ,SAAS,MAAM,UAAU,KAAK,IAAI;AAAA,MAChE;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,UAAM,qBAAqB,YAAY,CAAC,YAA4B;AAClE,wBAAkB,UAAU;AAE5B,0BAAoB,QAAQ,SAAS,MAAM,OAAO;AAAA,IACpD,GAAG,CAAC,CAAC;AAEL,wBAAoB,KAAK,MAAM,oBAAoB,SAAS,CAAC,CAAC;AAE9D,WACE,oBAAC,uBAAoB,iBAAiB,oBAAoB,SAAS,YAAY,QAAQ,KACrF,8BAAC,eAAY,KAAK,wBAChB,8BAAC,iBAAc,mBAAmB,eAC/B,6BAAmB,OAAO,IACzB;AAAA,MAAC;AAAA;AAAA,QAEC,KAAK;AAAA,QACL,kBAAkB;AAAA;AAAA,MAFb,QAAQ;AAAA,IAGf,IAEA,oBAAC,eAA8B,KAAK,oBAAoB,aAAa,WAAnD,QAAQ,GAAoD,GAElF,GACF,GACF;AAAA,EAEJ,CAAC;AACH;AAEA,SAAS,gBAAgB;AACvB,SAAO,oBAAC,qBAAkB,MAAM,6BAA6B;AAC/D;","names":["Element"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, memo, Ref, useCallback, useImperativeHandle, useRef, ReactNode } from 'react'\nimport {\n  isElementReference,\n  type Element as ElementDataOrRef,\n} from '../../../state/read-only-state'\nimport { ElementRegistration } from './ElementRegistration'\nimport { ElementReference } from './ElementReference'\nimport { ElementData } from './ElementData'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { FindDomNode } from '../find-dom-node'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ErrorBoundary } from '../../../components/shared/ErrorBoundary'\n\ntype Props = {\n  element: ElementDataOrRef\n}\n\nexport const Element = memo(\n  forwardRef(function Element(\n    { element }: Props,\n    ref: Ref<ElementImperativeHandle>,\n  ): ReactNode | null {\n    const useFindDomNodeRef = useRef(true)\n    const imperativeHandleRef = useRef(new ElementImperativeHandle())\n\n    const findDomNodeCallbackRef = useCallback((current: (() => Element | Text | null) | null) => {\n      if (useFindDomNodeRef.current === true) {\n        imperativeHandleRef.current.callback(() => current?.() ?? null)\n      }\n    }, [])\n\n    const elementCallbackRef = useCallback((current: unknown | null) => {\n      useFindDomNodeRef.current = false\n\n      imperativeHandleRef.current.callback(() => current)\n    }, [])\n\n    useImperativeHandle(ref, () => imperativeHandleRef.current, [])\n\n    return (\n      <ElementRegistration componentHandle={imperativeHandleRef.current} elementKey={element.key}>\n        <FindDomNode ref={findDomNodeCallbackRef}>\n          <ErrorBoundary FallbackComponent={ErrorFallback}>\n            {isElementReference(element) ? (\n              <ElementReference\n                key={element.key}\n                ref={elementCallbackRef}\n                elementReference={element}\n              />\n            ) : (\n              <ElementData key={element.key} ref={elementCallbackRef} elementData={element} />\n            )}\n          </ErrorBoundary>\n        </FindDomNode>\n      </ElementRegistration>\n    )\n  }),\n)\n\nfunction ErrorFallback() {\n  return <FallbackComponent text={`Error rendering component`} />\n}\n"],"mappings":";AA8Cc;AA5Cd,SAAS,YAAY,MAAW,aAAa,qBAAqB,cAAyB;AAC3F;AAAA,EACE;AAAA,OAEK;AACP,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAMvB,MAAM,UAAU;AAAA,EACrB,WAAW,SAASA,SAClB,EAAE,QAAQ,GACV,KACkB;AAClB,UAAM,oBAAoB,OAAO,IAAI;AACrC,UAAM,sBAAsB,OAAO,IAAI,wBAAwB,CAAC;AAEhE,UAAM,yBAAyB,YAAY,CAAC,YAAkD;AAC5F,UAAI,kBAAkB,YAAY,MAAM;AACtC,4BAAoB,QAAQ,SAAS,MAAM,UAAU,KAAK,IAAI;AAAA,MAChE;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,UAAM,qBAAqB,YAAY,CAAC,YAA4B;AAClE,wBAAkB,UAAU;AAE5B,0BAAoB,QAAQ,SAAS,MAAM,OAAO;AAAA,IACpD,GAAG,CAAC,CAAC;AAEL,wBAAoB,KAAK,MAAM,oBAAoB,SAAS,CAAC,CAAC;AAE9D,WACE,oBAAC,uBAAoB,iBAAiB,oBAAoB,SAAS,YAAY,QAAQ,KACrF,8BAAC,eAAY,KAAK,wBAChB,8BAAC,iBAAc,mBAAmB,eAC/B,6BAAmB,OAAO,IACzB;AAAA,MAAC;AAAA;AAAA,QAEC,KAAK;AAAA,QACL,kBAAkB;AAAA;AAAA,MAFb,QAAQ;AAAA,IAGf,IAEA,oBAAC,eAA8B,KAAK,oBAAoB,aAAa,WAAnD,QAAQ,GAAoD,GAElF,GACF,GACF;AAAA,EAEJ,CAAC;AACH;AAEA,SAAS,gBAAgB;AACvB,SAAO,oBAAC,qBAAkB,MAAM,6BAA6B;AAC/D;","names":["Element"]}

package/dist/esm/runtimes/react/components/ElementData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, ReactNode } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useBuiltinSuspense } from '../hooks/use-builtin-suspense'\nimport { useComponent } from '../hooks/use-component'\nimport { canAcceptRef } from '../utils/can-accept-ref'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ResolveProps } from '../controls'\nimport { ActivityOrFallback } from './activity-with-fallback'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData({ elementData }: ElementDataProps, ref: Ref<unknown>): ReactNode {\n    const Component = useComponent(elementData.type)\n    const builtinSuspense = useBuiltinSuspense(elementData.type)\n\n    if (Component == null) {\n      console.warn(`Unknown component '${elementData.type}'`, { elementData })\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    const forwardRef = canAcceptRef(Component)\n\n    return (\n      <ActivityOrFallback suspenseFallback={builtinSuspense}>\n        <ResolveProps element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </ResolveProps>\n      </ActivityOrFallback>\n    )\n  }),\n)\n"],"mappings":"AAoBa;AAUC;AA9Bd,SAAc,YAAY,YAAuB;AAEjD,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAM5B,MAAM,cAAc;AAAA,EACzB,WAAW,SAASA,aAAY,EAAE,YAAY,GAAqB,KAA8B;AAC/F,UAAM,YAAY,aAAa,YAAY,IAAI;AAC/C,UAAM,kBAAkB,mBAAmB,YAAY,IAAI;AAE3D,QAAI,aAAa,MAAM;AACrB,cAAQ,KAAK,sBAAsB,YAAY,IAAI,KAAK,EAAE,YAAY,CAAC;AACvE,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,UAAMC,cAAa,aAAa,SAAS;AAEzC,WACE,oBAAC,sBAAmB,kBAAkB,iBACpC,8BAAC,gBAAa,SAAS,aACpB,qBACCA,cACE,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["ElementData","forwardRef"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, ReactNode } from 'react'\n\nimport { ElementData as ReactPageElementData } from '../../../state/read-only-state'\nimport { useBuiltinSuspense } from '../hooks/use-builtin-suspense'\nimport { useComponent } from '../hooks/use-component'\nimport { canAcceptRef } from '../utils/can-accept-ref'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ResolveProps } from '../controls'\nimport { ActivityOrFallback } from './activity-with-fallback'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData({ elementData }: ElementDataProps, ref: Ref<unknown>): ReactNode {\n    const Component = useComponent(elementData.type)\n    const builtinSuspense = useBuiltinSuspense(elementData.type)\n\n    if (Component == null) {\n      console.warn(`Unknown component '${elementData.type}'`, { elementData })\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    const forwardRef = canAcceptRef(Component)\n\n    return (\n      <ActivityOrFallback suspenseFallback={builtinSuspense}>\n        <ResolveProps element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </ResolveProps>\n      </ActivityOrFallback>\n    )\n  }),\n)\n"],"mappings":"AAqBa;AAUC;AA/Bd,SAAc,YAAY,YAAuB;AAGjD,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAM5B,MAAM,cAAc;AAAA,EACzB,WAAW,SAASA,aAAY,EAAE,YAAY,GAAqB,KAA8B;AAC/F,UAAM,YAAY,aAAa,YAAY,IAAI;AAC/C,UAAM,kBAAkB,mBAAmB,YAAY,IAAI;AAE3D,QAAI,aAAa,MAAM;AACrB,cAAQ,KAAK,sBAAsB,YAAY,IAAI,KAAK,EAAE,YAAY,CAAC;AACvE,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,UAAMC,cAAa,aAAa,SAAS;AAEzC,WACE,oBAAC,sBAAmB,kBAAkB,iBACpC,8BAAC,gBAAa,SAAS,aACpB,qBACCA,cACE,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["ElementData","forwardRef"]}

package/dist/esm/runtimes/react/components/ElementReference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useMemo, ReactNode } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useGlobalElement, useLocalizedGlobalElement } from '../hooks/makeswift-api'\nimport { useDocument } from '../hooks/use-document'\nimport { DocumentCyclesContext, useDocumentCycles } from '../hooks/use-document-cycles'\nimport {\n  ElementData as ReactPageElementData,\n  ElementReference as ReactPageElementReference,\n} from '../../../state/react-page'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Element } from './Element'\nimport { Document } from './Document'\nimport { DisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { useDocumentLocale } from '../hooks/use-document-context'\n\ntype ElementRefereceProps = {\n  elementReference: ReactPageElementReference\n}\n\nexport const ElementReference = memo(\n  forwardRef(function ElementReference(\n    { elementReference }: ElementRefereceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): ReactNode {\n    const globalElement = useGlobalElement(elementReference.value)\n    const locale = useDocumentLocale()\n    // Update the logic here when we can merge element trees\n    const localizedGlobalElement = useLocalizedGlobalElement(locale, elementReference.value)\n    const globalElementData = (localizedGlobalElement?.data ?? globalElement?.data) as\n      | ReactPageElementData\n      | undefined\n    const elementReferenceDocument = useDocument(elementReference.key)\n    const documentKey = elementReference.key\n    const documentKeys = useDocumentCycles()\n    const providedDocumentKeys = useMemo(\n      () => [...documentKeys, documentKey],\n      [documentKeys, documentKey],\n    )\n\n    if (globalElementData == null) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component doesn't exist\"\n        />\n      )\n    }\n\n    if (documentKeys.includes(documentKey)) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component contains itself!\"\n        />\n      )\n    }\n\n    return (\n      <DocumentCyclesContext.Provider value={providedDocumentKeys}>\n        {elementReferenceDocument != null ? (\n          <Document document={elementReferenceDocument} ref={ref} />\n        ) : (\n          <DisableRegisterElement.Provider value={true}>\n            {/* We render Element instead of ElementData because we rely on the FindDomNode */}\n            <Element element={globalElementData} ref={ref} />\n          </DisableRegisterElement.Provider>\n        )}\n      </DocumentCyclesContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAyCQ;AAzCR,SAAc,YAAY,MAAM,eAA0B;AAE1D,SAAS,kBAAkB,iCAAiC;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB,yBAAyB;AAKzD,SAAS,yBAAyB;AAClC,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAM3B,MAAM,mBAAmB;AAAA,EAC9B,WAAW,SAASA,kBAClB,EAAE,iBAAiB,GACnB,KACW;AACX,UAAM,gBAAgB,iBAAiB,iBAAiB,KAAK;AAC7D,UAAM,SAAS,kBAAkB;AAEjC,UAAM,yBAAyB,0BAA0B,QAAQ,iBAAiB,KAAK;AACvF,UAAM,oBAAqB,wBAAwB,QAAQ,eAAe;AAG1E,UAAM,2BAA2B,YAAY,iBAAiB,GAAG;AACjE,UAAM,cAAc,iBAAiB;AACrC,UAAM,eAAe,kBAAkB;AACvC,UAAM,uBAAuB;AAAA,MAC3B,MAAM,CAAC,GAAG,cAAc,WAAW;AAAA,MACnC,CAAC,cAAc,WAAW;AAAA,IAC5B;AAEA,QAAI,qBAAqB,MAAM;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,QAAI,aAAa,SAAS,WAAW,GAAG;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,sBACpC,sCAA4B,OAC3B,oBAAC,YAAS,UAAU,0BAA0B,KAAU,IAExD,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAEtC,8BAAC,WAAQ,SAAS,mBAAmB,KAAU,GACjD,GAEJ;AAAA,EAEJ,CAAC;AACH;","names":["ElementReference"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useMemo, ReactNode } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useGlobalElement, useLocalizedGlobalElement } from '../hooks/makeswift-api'\nimport { useDocument } from '../hooks/use-document'\nimport { DocumentCyclesContext, useDocumentCycles } from '../hooks/use-document-cycles'\nimport {\n  ElementData as ReactPageElementData,\n  ElementReference as ReactPageElementReference,\n} from '../../../state/read-only-state'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Element } from './Element'\nimport { Document } from './Document'\nimport { DisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { useDocumentLocale } from '../hooks/use-document-context'\n\ntype ElementRefereceProps = {\n  elementReference: ReactPageElementReference\n}\n\nexport const ElementReference = memo(\n  forwardRef(function ElementReference(\n    { elementReference }: ElementRefereceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): ReactNode {\n    const globalElement = useGlobalElement(elementReference.value)\n    const locale = useDocumentLocale()\n    // Update the logic here when we can merge element trees\n    const localizedGlobalElement = useLocalizedGlobalElement(locale, elementReference.value)\n    const globalElementData = (localizedGlobalElement?.data ?? globalElement?.data) as\n      | ReactPageElementData\n      | undefined\n    const elementReferenceDocument = useDocument(elementReference.key)\n    const documentKey = elementReference.key\n    const documentKeys = useDocumentCycles()\n    const providedDocumentKeys = useMemo(\n      () => [...documentKeys, documentKey],\n      [documentKeys, documentKey],\n    )\n\n    if (globalElementData == null) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component doesn't exist\"\n        />\n      )\n    }\n\n    if (documentKeys.includes(documentKey)) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component contains itself!\"\n        />\n      )\n    }\n\n    return (\n      <DocumentCyclesContext.Provider value={providedDocumentKeys}>\n        {elementReferenceDocument != null ? (\n          <Document document={elementReferenceDocument} ref={ref} />\n        ) : (\n          <DisableRegisterElement.Provider value={true}>\n            {/* We render Element instead of ElementData because we rely on the FindDomNode */}\n            <Element element={globalElementData} ref={ref} />\n          </DisableRegisterElement.Provider>\n        )}\n      </DocumentCyclesContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAyCQ;AAzCR,SAAc,YAAY,MAAM,eAA0B;AAE1D,SAAS,kBAAkB,iCAAiC;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB,yBAAyB;AAKzD,SAAS,yBAAyB;AAClC,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAM3B,MAAM,mBAAmB;AAAA,EAC9B,WAAW,SAASA,kBAClB,EAAE,iBAAiB,GACnB,KACW;AACX,UAAM,gBAAgB,iBAAiB,iBAAiB,KAAK;AAC7D,UAAM,SAAS,kBAAkB;AAEjC,UAAM,yBAAyB,0BAA0B,QAAQ,iBAAiB,KAAK;AACvF,UAAM,oBAAqB,wBAAwB,QAAQ,eAAe;AAG1E,UAAM,2BAA2B,YAAY,iBAAiB,GAAG;AACjE,UAAM,cAAc,iBAAiB;AACrC,UAAM,eAAe,kBAAkB;AACvC,UAAM,uBAAuB;AAAA,MAC3B,MAAM,CAAC,GAAG,cAAc,WAAW;AAAA,MACnC,CAAC,cAAc,WAAW;AAAA,IAC5B;AAEA,QAAI,qBAAqB,MAAM;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,QAAI,aAAa,SAAS,WAAW,GAAG;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,sBACpC,sCAA4B,OAC3B,oBAAC,YAAS,UAAU,0BAA0B,KAAU,IAExD,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAEtC,8BAAC,WAAQ,SAAS,mBAAmB,KAAU,GACjD,GAEJ;AAAA,EAEJ,CAAC;AACH;","names":["ElementReference"]}

package/dist/esm/runtimes/react/components/ElementRegistration.js

@@ -5,7 +5,7 @@ import { useDispatch } from "../hooks/use-dispatch";
 import { useDocumentKey } from "../hooks/use-document-context";
 import { useDisableRegisterElement } from "../hooks/use-disable-register-element";
 import { mountComponentEffect } from "../../../state/builder-api/actions";
-import { registerComponentHandleEffect } from "../../../state/actions/internal";
+import { registerComponentHandleEffect } from "../../../state/actions/internal/read-only-actions";
 const ElementRegistration = memo(function ElementRegistration2({
   elementKey,
   componentHandle,

package/dist/esm/runtimes/react/components/ElementRegistration.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementRegistration.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, memo, useEffect } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDispatch } from '../hooks/use-dispatch'\nimport { useDocumentKey } from '../hooks/use-document-context'\nimport { useDisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { mountComponentEffect } from '../../../state/builder-api/actions'\nimport { registerComponentHandleEffect } from '../../../state/actions/internal'\n\ntype RegisterChildrenAsElementProps = {\n  elementKey: string\n  componentHandle: ElementImperativeHandle\n  children?: ReactNode\n}\n\nexport const ElementRegistration = memo(function ElementRegistration({\n  elementKey,\n  componentHandle,\n  children,\n}: RegisterChildrenAsElementProps): ReactNode {\n  const dispatch = useDispatch()\n  const documentKey = useDocumentKey()\n\n  const isRegisterElementDisabled = useDisableRegisterElement()\n\n  useEffect(() => {\n    if (documentKey == null || isRegisterElementDisabled) return\n\n    return dispatch(registerComponentHandleEffect(documentKey, elementKey, componentHandle))\n  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n  useEffect(() => {\n    if (documentKey == null || isRegisterElementDisabled) return\n\n    return dispatch(mountComponentEffect(documentKey, elementKey))\n  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n  return <>{children}</>\n})\n"],"mappings":";AAsCS;AApCT,SAAoB,MAAM,iBAAiB;AAE3C,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AACrC,SAAS,qCAAqC;AAQvC,MAAM,sBAAsB,KAAK,SAASA,qBAAoB;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,QAAM,WAAW,YAAY;AAC7B,QAAM,cAAc,eAAe;AAEnC,QAAM,4BAA4B,0BAA0B;AAE5D,YAAU,MAAM;AACd,QAAI,eAAe,QAAQ;AAA2B;AAEtD,WAAO,SAAS,8BAA8B,aAAa,YAAY,eAAe,CAAC;AAAA,EACzF,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,YAAU,MAAM;AACd,QAAI,eAAe,QAAQ;AAA2B;AAEtD,WAAO,SAAS,qBAAqB,aAAa,UAAU,CAAC;AAAA,EAC/D,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,SAAO,gCAAG,UAAS;AACrB,CAAC;","names":["ElementRegistration"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementRegistration.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, memo, useEffect } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDispatch } from '../hooks/use-dispatch'\nimport { useDocumentKey } from '../hooks/use-document-context'\nimport { useDisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { mountComponentEffect } from '../../../state/builder-api/actions'\nimport { registerComponentHandleEffect } from '../../../state/actions/internal/read-only-actions'\n\ntype RegisterChildrenAsElementProps = {\n  elementKey: string\n  componentHandle: ElementImperativeHandle\n  children?: ReactNode\n}\n\nexport const ElementRegistration = memo(function ElementRegistration({\n  elementKey,\n  componentHandle,\n  children,\n}: RegisterChildrenAsElementProps): ReactNode {\n  const dispatch = useDispatch()\n  const documentKey = useDocumentKey()\n\n  const isRegisterElementDisabled = useDisableRegisterElement()\n\n  useEffect(() => {\n    if (documentKey == null || isRegisterElementDisabled) return\n\n    return dispatch(registerComponentHandleEffect(documentKey, elementKey, componentHandle))\n  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n  useEffect(() => {\n    if (documentKey == null || isRegisterElementDisabled) return\n\n    return dispatch(mountComponentEffect(documentKey, elementKey))\n  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n  return <>{children}</>\n})\n"],"mappings":";AAsCS;AApCT,SAAoB,MAAM,iBAAiB;AAE3C,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AACrC,SAAS,qCAAqC;AAQvC,MAAM,sBAAsB,KAAK,SAASA,qBAAoB;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,QAAM,WAAW,YAAY;AAC7B,QAAM,cAAc,eAAe;AAEnC,QAAM,4BAA4B,0BAA0B;AAE5D,YAAU,MAAM;AACd,QAAI,eAAe,QAAQ;AAA2B;AAEtD,WAAO,SAAS,8BAA8B,aAAa,YAAY,eAAe,CAAC;AAAA,EACzF,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,YAAU,MAAM;AACd,QAAI,eAAe,QAAQ;AAA2B;AAEtD,WAAO,SAAS,qBAAqB,aAAa,UAAU,CAAC;AAAA,EAC/D,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,SAAO,gCAAG,UAAS;AACrB,CAAC;","names":["ElementRegistration"]}

package/dist/esm/runtimes/react/components/MakeswiftComponent.js

@@ -4,7 +4,7 @@ import { memo, useMemo } from "react";
 import {
   componentDocumentToRootEmbeddedDocument
 } from "../../../client";
-import { getRootElement } from "../../../state/react-page";
+import { getRootElement } from "../../../state/read-only-state";
 import { useCacheData } from "../hooks/use-cache-data";
 import { useRegisterDocument } from "../hooks/use-register-document";
 import { useBuiltinSuspense } from "../hooks/use-builtin-suspense";

package/dist/esm/runtimes/react/components/MakeswiftComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/MakeswiftComponent.tsx"],"sourcesContent":["'use client'\n\nimport { memo, useMemo } from 'react'\n\nimport {\n  componentDocumentToRootEmbeddedDocument,\n  MakeswiftComponentSnapshot,\n} from '../../../client'\nimport { getRootElement } from '../../../state/react-page'\n\nimport { useCacheData } from '../hooks/use-cache-data'\nimport { useRegisterDocument } from '../hooks/use-register-document'\nimport { useBuiltinSuspense } from '../hooks/use-builtin-suspense'\nimport { ActivityOrFallback } from './activity-with-fallback'\n\nimport { DocumentRoot } from './DocumentRoot'\n\ntype Props = {\n  snapshot: MakeswiftComponentSnapshot\n  label: string\n  type: string\n  description?: string\n}\n\nexport const MakeswiftComponent = memo(({ snapshot, label, type, description }: Props) => {\n  useCacheData(snapshot.cacheData)\n\n  const rootDocument = useMemo(\n    () =>\n      componentDocumentToRootEmbeddedDocument({\n        document: snapshot.document,\n        documentKey: snapshot.key,\n        name: label,\n        type,\n        description,\n        meta: snapshot.meta,\n      }),\n    [snapshot, label, type, description],\n  )\n\n  useRegisterDocument(rootDocument)\n\n  const builtinSuspense = useBuiltinSuspense(getRootElement(rootDocument).type)\n\n  return (\n    <ActivityOrFallback suspenseFallback={builtinSuspense}>\n      <DocumentRoot rootDocument={rootDocument} />\n    </ActivityOrFallback>\n  )\n})\n"],"mappings":";AA8CM;AA5CN,SAAS,MAAM,eAAe;AAE9B;AAAA,EACE;AAAA,OAEK;AACP,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AAEnC,SAAS,oBAAoB;AAStB,MAAM,qBAAqB,KAAK,CAAC,EAAE,UAAU,OAAO,MAAM,YAAY,MAAa;AACxF,eAAa,SAAS,SAAS;AAE/B,QAAM,eAAe;AAAA,IACnB,MACE,wCAAwC;AAAA,MACtC,UAAU,SAAS;AAAA,MACnB,aAAa,SAAS;AAAA,MACtB,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAM,SAAS;AAAA,IACjB,CAAC;AAAA,IACH,CAAC,UAAU,OAAO,MAAM,WAAW;AAAA,EACrC;AAEA,sBAAoB,YAAY;AAEhC,QAAM,kBAAkB,mBAAmB,eAAe,YAAY,EAAE,IAAI;AAE5E,SACE,oBAAC,sBAAmB,kBAAkB,iBACpC,8BAAC,gBAAa,cAA4B,GAC5C;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/MakeswiftComponent.tsx"],"sourcesContent":["'use client'\n\nimport { memo, useMemo } from 'react'\n\nimport {\n  componentDocumentToRootEmbeddedDocument,\n  MakeswiftComponentSnapshot,\n} from '../../../client'\nimport { getRootElement } from '../../../state/read-only-state'\n\nimport { useCacheData } from '../hooks/use-cache-data'\nimport { useRegisterDocument } from '../hooks/use-register-document'\nimport { useBuiltinSuspense } from '../hooks/use-builtin-suspense'\nimport { ActivityOrFallback } from './activity-with-fallback'\n\nimport { DocumentRoot } from './DocumentRoot'\n\ntype Props = {\n  snapshot: MakeswiftComponentSnapshot\n  label: string\n  type: string\n  description?: string\n}\n\nexport const MakeswiftComponent = memo(({ snapshot, label, type, description }: Props) => {\n  useCacheData(snapshot.cacheData)\n\n  const rootDocument = useMemo(\n    () =>\n      componentDocumentToRootEmbeddedDocument({\n        document: snapshot.document,\n        documentKey: snapshot.key,\n        name: label,\n        type,\n        description,\n        meta: snapshot.meta,\n      }),\n    [snapshot, label, type, description],\n  )\n\n  useRegisterDocument(rootDocument)\n\n  const builtinSuspense = useBuiltinSuspense(getRootElement(rootDocument).type)\n\n  return (\n    <ActivityOrFallback suspenseFallback={builtinSuspense}>\n      <DocumentRoot rootDocument={rootDocument} />\n    </ActivityOrFallback>\n  )\n})\n"],"mappings":";AA8CM;AA5CN,SAAS,MAAM,eAAe;AAE9B;AAAA,EACE;AAAA,OAEK;AACP,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AAEnC,SAAS,oBAAoB;AAStB,MAAM,qBAAqB,KAAK,CAAC,EAAE,UAAU,OAAO,MAAM,YAAY,MAAa;AACxF,eAAa,SAAS,SAAS;AAE/B,QAAM,eAAe;AAAA,IACnB,MACE,wCAAwC;AAAA,MACtC,UAAU,SAAS;AAAA,MACnB,aAAa,SAAS;AAAA,MACtB,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAM,SAAS;AAAA,IACjB,CAAC;AAAA,IACH,CAAC,UAAU,OAAO,MAAM,WAAW;AAAA,EACrC;AAEA,sBAAoB,YAAY;AAEhC,QAAM,kBAAkB,mBAAmB,eAAe,YAAY,EAAE,IAAI;AAE5E,SACE,oBAAC,sBAAmB,kBAAkB,iBACpC,8BAAC,gBAAa,cAA4B,GAC5C;AAEJ,CAAC;","names":[]}

package/dist/esm/runtimes/react/components/RuntimeProvider.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, lazy } from "react";
-import { MakeswiftHostApiClient } from "../../../api/react";
+import { MakeswiftHostApiClient } from "../../../api/client";
 import { ReactRuntimeContext } from "../hooks/use-react-runtime";
 import { MakeswiftHostApiClientProvider } from "../host-api-client";
 import { PreviewSwitcher } from "./preview-switcher/preview-switcher";
@@ -17,14 +17,15 @@ function RuntimeProvider({
   apiOrigin = "https://api.makeswift.com",
   locale = void 0
 }) {
-  const { versionedFetch } = useFrameworkContext();
+  const { fetch } = useFrameworkContext();
   const client = useMemo(
     () => new MakeswiftHostApiClient({
       uri: new URL("graphql", apiOrigin).href,
       locale,
-      fetch: versionedFetch(siteVersion)
+      fetch,
+      siteVersion: siteVersion ?? null
     }),
-    [apiOrigin, locale, siteVersion, versionedFetch]
+    [apiOrigin, locale, siteVersion, fetch]
   );
   const isPreview = siteVersion != null;
   const StoreProvider = isPreview ? PreviewProvider : LiveProvider;

package/dist/esm/runtimes/react/components/RuntimeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo, lazy } from 'react'\n\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { type ReactRuntimeCore } from '../react-runtime-core'\nimport { MakeswiftHostApiClientProvider } from '../host-api-client'\nimport { type SiteVersion } from '../../../api/site-version'\nimport { PreviewSwitcher } from './preview-switcher/preview-switcher'\nimport { useBuilderConnectionPing } from './hooks/use-builder-connection-ping'\nimport { useFrameworkContext } from './hooks/use-framework-context'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function RuntimeProvider({\n  children,\n  runtime,\n  siteVersion,\n  appOrigin = 'https://app.makeswift.com',\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntimeCore\n  siteVersion: SiteVersion | null\n  apiOrigin?: string\n  appOrigin?: string\n  locale?: string\n}) {\n  const { versionedFetch } = useFrameworkContext()\n\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n        fetch: versionedFetch(siteVersion),\n      }),\n    [apiOrigin, locale, siteVersion, versionedFetch],\n  )\n\n  const isPreview = siteVersion != null\n  const StoreProvider = isPreview ? PreviewProvider : LiveProvider\n\n  useBuilderConnectionPing({ appOrigin })\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider appOrigin={appOrigin}>\n          {children}\n          <PreviewSwitcher isPreview={isPreview} />\n        </StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AAmDQ,SAEE,KAFF;AAjDR,SAAoB,SAAS,YAAY;AAEzC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAEpC,SAAS,sCAAsC;AAE/C,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AAEpC,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAEvD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GAOG;AACD,QAAM,EAAE,eAAe,IAAI,oBAAoB;AAE/C,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,EAAE;AAAA,MACnC;AAAA,MACA,OAAO,eAAe,WAAW;AAAA,IACnC,CAAC;AAAA,IACH,CAAC,WAAW,QAAQ,aAAa,cAAc;AAAA,EACjD;AAEA,QAAM,YAAY,eAAe;AACjC,QAAM,gBAAgB,YAAY,kBAAkB;AAEpD,2BAAyB,EAAE,UAAU,CAAC;AAEtC,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SACnC,8BAAC,kCAA+B,QAC9B,+BAAC,iBAAc,WACZ;AAAA;AAAA,IACD,oBAAC,mBAAgB,WAAsB;AAAA,KACzC,GACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo, lazy } from 'react'\n\nimport { MakeswiftHostApiClient } from '../../../api/client'\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { type ReactRuntimeCore } from '../react-runtime-core'\nimport { MakeswiftHostApiClientProvider } from '../host-api-client'\nimport { type SiteVersion } from '../../../api/site-version'\nimport { PreviewSwitcher } from './preview-switcher/preview-switcher'\nimport { useBuilderConnectionPing } from './hooks/use-builder-connection-ping'\nimport { useFrameworkContext } from './hooks/use-framework-context'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function RuntimeProvider({\n  children,\n  runtime,\n  siteVersion,\n  appOrigin = 'https://app.makeswift.com',\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntimeCore\n  siteVersion: SiteVersion | null | undefined\n  apiOrigin?: string\n  appOrigin?: string\n  locale?: string\n}) {\n  const { fetch } = useFrameworkContext()\n\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n        fetch,\n        siteVersion: siteVersion ?? null,\n      }),\n    [apiOrigin, locale, siteVersion, fetch],\n  )\n\n  const isPreview = siteVersion != null\n  const StoreProvider = isPreview ? PreviewProvider : LiveProvider\n\n  useBuilderConnectionPing({ appOrigin })\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider appOrigin={appOrigin}>\n          {children}\n          <PreviewSwitcher isPreview={isPreview} />\n        </StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AAoDQ,SAEE,KAFF;AAlDR,SAAoB,SAAS,YAAY;AAEzC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAEpC,SAAS,sCAAsC;AAE/C,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AAEpC,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAEvD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GAOG;AACD,QAAM,EAAE,MAAM,IAAI,oBAAoB;AAEtC,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,EAAE;AAAA,MACnC;AAAA,MACA;AAAA,MACA,aAAa,eAAe;AAAA,IAC9B,CAAC;AAAA,IACH,CAAC,WAAW,QAAQ,aAAa,KAAK;AAAA,EACxC;AAEA,QAAM,YAAY,eAAe;AACjC,QAAM,gBAAgB,YAAY,kBAAkB;AAEpD,2BAAyB,EAAE,UAAU,CAAC;AAEtC,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SACnC,8BAAC,kCAA+B,QAC9B,+BAAC,iBAAc,WACZ;AAAA;AAAA,IACD,oBAAC,mBAAgB,WAAsB;AAAA,KACzC,GACF,GACF;AAEJ;","names":[]}

package/dist/esm/runtimes/react/components/framework-context.js

@@ -3,10 +3,6 @@ import {
   createContext,
   forwardRef
 } from "react";
-import {
-  ApiHandlerHeaders,
-  serializeSiteVersion
-} from "../../../api/site-version";
 import { BaseHeadSnippet } from "./page/HeadSnippet";
 const DefaultHead = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
 const DefaultHeadSnippet = BaseHeadSnippet;
@@ -28,26 +24,18 @@ const DefaultImage = ({ priority, fill, style, ...props }) => /* @__PURE__ */ js
 const DefaultLink = forwardRef(
   ({ linkType, ...props }, ref) => /* @__PURE__ */ jsx("a", { ...props, ref })
 );
-const versionedFetch = (siteVersion) => (url, init) => fetch(url, {
-  ...init,
-  headers: {
-    ...init?.headers,
-    ...siteVersion != null ? { [ApiHandlerHeaders.SiteVersion]: serializeSiteVersion(siteVersion) } : {}
-  }
-});
 const FrameworkContext = createContext({
   Head: DefaultHead,
   HeadSnippet: DefaultHeadSnippet,
   Image: DefaultImage,
   Link: DefaultLink,
-  versionedFetch
+  fetch: globalThis.fetch
 });
 export {
   DefaultHead,
   DefaultHeadSnippet,
   DefaultImage,
   DefaultLink,
-  FrameworkContext,
-  versionedFetch
+  FrameworkContext
 };
 //# sourceMappingURL=framework-context.js.map

package/dist/esm/runtimes/react/components/framework-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/framework-context.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  type PropsWithChildren,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  forwardRef,\n} from 'react'\n\nimport { type LinkData } from '@makeswift/prop-controllers'\n\nimport { type Snippet } from '../../../client'\nimport { type HttpFetch } from '../../../state/makeswift-api-client'\nimport {\n  ApiHandlerHeaders,\n  serializeSiteVersion,\n  type SiteVersion,\n} from '../../../api/site-version'\n\nimport { BaseHeadSnippet } from './page/HeadSnippet'\n\ntype HeadComponent = (props: { children: ReactNode }) => ReactNode\ntype HeadSnippet = (props: { snippet: Snippet }) => ReactNode\ntype ImageComponent = (props: {\n  src: string\n  alt: string\n  sizes?: string\n  width?: number\n  height?: number\n  priority?: boolean\n  fill?: boolean\n  style?: CSSProperties\n}) => ReactNode\n\ntype LinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick'> & {\n  linkType?: LinkData['type']\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype LinkComponent = ForwardRefExoticComponent<RefAttributes<HTMLAnchorElement> & LinkProps>\n\nexport type FrameworkContext = {\n  Head: HeadComponent\n  HeadSnippet: HeadSnippet\n  Image: ImageComponent\n  Link: LinkComponent\n  versionedFetch: (siteVersion: SiteVersion | null) => HttpFetch\n}\n\n// React 19 automatically hoists metadata tags to the <head>\nexport const DefaultHead = ({ children }: PropsWithChildren) => <>{children}</>\n\nexport const DefaultHeadSnippet = BaseHeadSnippet\n\nexport const DefaultImage: ImageComponent = ({ priority, fill, style, ...props }) => (\n  <img\n    {...props}\n    style={{\n      ...(fill\n        ? {\n            height: '100%',\n            width: '100%',\n            objectFit: 'cover',\n          }\n        : {}),\n      ...style,\n    }}\n    loading={priority ? 'eager' : 'lazy'}\n  />\n)\n\nexport const DefaultLink: LinkComponent = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ linkType, ...props }, ref) => <a {...props} ref={ref} />,\n)\n\nexport const versionedFetch: FrameworkContext['versionedFetch'] = siteVersion => (url, init) =>\n  fetch(url, {\n    ...init,\n    headers: {\n      ...init?.headers,\n      ...(siteVersion != null\n        ? { [ApiHandlerHeaders.SiteVersion]: serializeSiteVersion(siteVersion) }\n        : {}),\n    },\n  })\n\nexport const FrameworkContext = createContext<FrameworkContext>({\n  Head: DefaultHead,\n  HeadSnippet: DefaultHeadSnippet,\n  Image: DefaultImage,\n  Link: DefaultLink,\n  versionedFetch,\n})\n"],"mappings":"AAqDgE;AArDhE;AAAA,EACE;AAAA,EAQA;AAAA,OACK;AAMP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,uBAAuB;AA+BzB,MAAM,cAAc,CAAC,EAAE,SAAS,MAAyB,gCAAG,UAAS;AAErE,MAAM,qBAAqB;AAE3B,MAAM,eAA+B,CAAC,EAAE,UAAU,MAAM,OAAO,GAAG,MAAM,MAC7E;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,OAAO;AAAA,MACL,GAAI,OACA;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,MACb,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL;AAAA,IACA,SAAS,WAAW,UAAU;AAAA;AAChC;AAGK,MAAM,cAA6B;AAAA,EACxC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,oBAAC,OAAG,GAAG,OAAO,KAAU;AAC3D;AAEO,MAAM,iBAAqD,iBAAe,CAAC,KAAK,SACrF,MAAM,KAAK;AAAA,EACT,GAAG;AAAA,EACH,SAAS;AAAA,IACP,GAAG,MAAM;AAAA,IACT,GAAI,eAAe,OACf,EAAE,CAAC,kBAAkB,WAAW,GAAG,qBAAqB,WAAW,EAAE,IACrE,CAAC;AAAA,EACP;AACF,CAAC;AAEI,MAAM,mBAAmB,cAAgC;AAAA,EAC9D,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/framework-context.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  type PropsWithChildren,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  forwardRef,\n} from 'react'\n\nimport { type LinkData } from '@makeswift/prop-controllers'\n\nimport { type HttpFetch } from '../../../state/makeswift-api-client'\nimport { type Snippet } from '../../../client'\n\nimport { BaseHeadSnippet } from './page/HeadSnippet'\n\ntype HeadComponent = (props: { children: ReactNode }) => ReactNode\ntype HeadSnippet = (props: { snippet: Snippet }) => ReactNode\ntype ImageComponent = (props: {\n  src: string\n  alt: string\n  sizes?: string\n  width?: number\n  height?: number\n  priority?: boolean\n  fill?: boolean\n  style?: CSSProperties\n}) => ReactNode\n\ntype LinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick'> & {\n  linkType?: LinkData['type']\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype LinkComponent = ForwardRefExoticComponent<RefAttributes<HTMLAnchorElement> & LinkProps>\n\nexport type FrameworkContext = {\n  Head: HeadComponent\n  HeadSnippet: HeadSnippet\n  Image: ImageComponent\n  Link: LinkComponent\n  fetch: HttpFetch\n}\n\n// React 19 automatically hoists metadata tags to the <head>\nexport const DefaultHead = ({ children }: PropsWithChildren) => <>{children}</>\n\nexport const DefaultHeadSnippet = BaseHeadSnippet\n\nexport const DefaultImage: ImageComponent = ({ priority, fill, style, ...props }) => (\n  <img\n    {...props}\n    style={{\n      ...(fill\n        ? {\n            height: '100%',\n            width: '100%',\n            objectFit: 'cover',\n          }\n        : {}),\n      ...style,\n    }}\n    loading={priority ? 'eager' : 'lazy'}\n  />\n)\n\nexport const DefaultLink: LinkComponent = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ linkType, ...props }, ref) => <a {...props} ref={ref} />,\n)\n\nexport const FrameworkContext = createContext<FrameworkContext>({\n  Head: DefaultHead,\n  HeadSnippet: DefaultHeadSnippet,\n  Image: DefaultImage,\n  Link: DefaultLink,\n  fetch: globalThis.fetch,\n})\n"],"mappings":"AAgDgE;AAhDhE;AAAA,EACE;AAAA,EAQA;AAAA,OACK;AAOP,SAAS,uBAAuB;AA+BzB,MAAM,cAAc,CAAC,EAAE,SAAS,MAAyB,gCAAG,UAAS;AAErE,MAAM,qBAAqB;AAE3B,MAAM,eAA+B,CAAC,EAAE,UAAU,MAAM,OAAO,GAAG,MAAM,MAC7E;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,OAAO;AAAA,MACL,GAAI,OACA;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,MACb,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL;AAAA,IACA,SAAS,WAAW,UAAU;AAAA;AAChC;AAGK,MAAM,cAA6B;AAAA,EACxC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,oBAAC,OAAG,GAAG,OAAO,KAAU;AAC3D;AAEO,MAAM,mBAAmB,cAAgC;AAAA,EAC9D,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO,WAAW;AACpB,CAAC;","names":[]}

package/dist/esm/runtimes/react/components/page/Page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/Page.tsx"],"sourcesContent":["import { useMemo, ReactNode } from 'react'\n\nimport { DocumentRoot } from '../DocumentRoot'\nimport { type Document } from '../../../../state/react-page'\nimport { MakeswiftPageDocument } from '../../../../client'\nimport { usePageSnippets } from '../hooks/use-page-snippets'\n\nimport { BodySnippet } from './BodySnippet'\nimport { PageHead } from './PageHead'\nimport { flattenMetadataSettings, type PageMetadataSettings } from './page-seo-settings'\n\ntype Props = {\n  page: MakeswiftPageDocument\n  rootDocument: Document\n  metadata?: boolean | PageMetadataSettings\n}\n\nexport function Page({ page, rootDocument, metadata = true }: Props): ReactNode {\n  const { bodySnippets } = usePageSnippets({ page })\n  const pageMetadataSettings = useMemo(() => flattenMetadataSettings(metadata), [metadata])\n\n  return (\n    <>\n      <PageHead document={page} metadata={pageMetadataSettings} />\n\n      <DocumentRoot rootDocument={rootDocument} />\n\n      {bodySnippets.map(snippet => (\n        <BodySnippet key={snippet.id} code={snippet.code} cleanup={snippet.cleanup} />\n      ))}\n    </>\n  )\n}\n"],"mappings":"AAsBI,mBACE,KADF;AAtBJ,SAAS,eAA0B;AAEnC,SAAS,oBAAoB;AAG7B,SAAS,uBAAuB;AAEhC,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,+BAA0D;AAQ5D,SAAS,KAAK,EAAE,MAAM,cAAc,WAAW,KAAK,GAAqB;AAC9E,QAAM,EAAE,aAAa,IAAI,gBAAgB,EAAE,KAAK,CAAC;AACjD,QAAM,uBAAuB,QAAQ,MAAM,wBAAwB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAExF,SACE,iCACE;AAAA,wBAAC,YAAS,UAAU,MAAM,UAAU,sBAAsB;AAAA,IAE1D,oBAAC,gBAAa,cAA4B;AAAA,IAEzC,aAAa,IAAI,aAChB,oBAAC,eAA6B,MAAM,QAAQ,MAAM,SAAS,QAAQ,WAAjD,QAAQ,EAAkD,CAC7E;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/Page.tsx"],"sourcesContent":["import { useMemo, ReactNode } from 'react'\n\nimport { DocumentRoot } from '../DocumentRoot'\nimport { type Document } from '../../../../state/read-only-state'\nimport { MakeswiftPageDocument } from '../../../../client'\nimport { usePageSnippets } from '../hooks/use-page-snippets'\n\nimport { BodySnippet } from './BodySnippet'\nimport { PageHead } from './PageHead'\nimport { flattenMetadataSettings, type PageMetadataSettings } from './page-seo-settings'\n\ntype Props = {\n  page: MakeswiftPageDocument\n  rootDocument: Document\n  metadata?: boolean | PageMetadataSettings\n}\n\nexport function Page({ page, rootDocument, metadata = true }: Props): ReactNode {\n  const { bodySnippets } = usePageSnippets({ page })\n  const pageMetadataSettings = useMemo(() => flattenMetadataSettings(metadata), [metadata])\n\n  return (\n    <>\n      <PageHead document={page} metadata={pageMetadataSettings} />\n\n      <DocumentRoot rootDocument={rootDocument} />\n\n      {bodySnippets.map(snippet => (\n        <BodySnippet key={snippet.id} code={snippet.code} cleanup={snippet.cleanup} />\n      ))}\n    </>\n  )\n}\n"],"mappings":"AAsBI,mBACE,KADF;AAtBJ,SAAS,eAA0B;AAEnC,SAAS,oBAAoB;AAG7B,SAAS,uBAAuB;AAEhC,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,+BAA0D;AAQ5D,SAAS,KAAK,EAAE,MAAM,cAAc,WAAW,KAAK,GAAqB;AAC9E,QAAM,EAAE,aAAa,IAAI,gBAAgB,EAAE,KAAK,CAAC;AACjD,QAAM,uBAAuB,QAAQ,MAAM,wBAAwB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAExF,SACE,iCACE;AAAA,wBAAC,YAAS,UAAU,MAAM,UAAU,sBAAsB;AAAA,IAE1D,oBAAC,gBAAa,cAA4B;AAAA,IAEzC,aAAa,IAAI,aAChB,oBAAC,eAA6B,MAAM,QAAQ,MAAM,SAAS,QAAQ,WAAjD,QAAQ,EAAkD,CAC7E;AAAA,KACH;AAEJ;","names":[]}

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

@@ -3,7 +3,7 @@ import { lazy, useCallback } from "react";
 import {
   isPropControllersHandle
 } from "../../../../state/modules/prop-controller-handles";
-import { useIsPreview } from "../../hooks/use-is-preview";
+import { useIsReadOnly } from "../../hooks/use-is-read-only";
 const EditableText = lazy(() => import("./EditableText"));
 const ReadOnlyText = lazy(() => import("./ReadOnlyText"));
 function renderRichText(data, control) {
@@ -20,8 +20,7 @@ function RichText({
     },
     [control]
   );
-  const isPreview = useIsPreview();
-  return isPreview ? /* @__PURE__ */ jsx(EditableText, { text: data, ref: textCallbackRef }) : /* @__PURE__ */ jsx(ReadOnlyText, { text: data, ref: textCallbackRef });
+  return useIsReadOnly() ? /* @__PURE__ */ jsx(ReadOnlyText, { text: data, ref: textCallbackRef }) : /* @__PURE__ */ jsx(EditableText, { text: data, ref: textCallbackRef });
 }
 export {
   renderRichText

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/controls/rich-text/rich-text.tsx"],"sourcesContent":["import { ReactNode, lazy, useCallback } from 'react'\n\nimport { type DataType } from '@makeswift/controls'\nimport { RichTextV1Control, RichTextV1Definition } from '../../../../controls/rich-text'\n\nimport {\n  isPropControllersHandle,\n  PropControllersHandle,\n} from '../../../../state/modules/prop-controller-handles'\n\nimport { useIsPreview } from '../../hooks/use-is-preview'\n\nconst EditableText = lazy(() => import('./EditableText'))\nconst ReadOnlyText = lazy(() => import('./ReadOnlyText'))\n\nexport type RichTextControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextV1Definition }\n\nexport function renderRichText(\n  data: DataType<RichTextV1Definition> | undefined,\n  control: RichTextV1Control | null,\n) {\n  return <RichText data={data} control={control} />\n}\n\nfunction RichText({\n  data,\n  control,\n}: {\n  data: DataType<RichTextV1Definition> | undefined\n  control: RichTextV1Control | null\n}) {\n  const textCallbackRef = useCallback(\n    (handle: PropControllersHandle<Descriptors> | HTMLDivElement | null) => {\n      if (isPropControllersHandle(handle))\n        handle?.setPropControllers?.(control == null ? null : { text: control })\n    },\n    [control],\n  )\n\n  const isPreview = useIsPreview()\n\n  return isPreview ? (\n    <EditableText text={data} ref={textCallbackRef} />\n  ) : (\n    <ReadOnlyText text={data} ref={textCallbackRef} />\n  )\n}\n"],"mappings":"AAuBS;AAvBT,SAAoB,MAAM,mBAAmB;AAK7C;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,oBAAoB;AAE7B,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AAMjD,SAAS,eACd,MACA,SACA;AACA,SAAO,oBAAC,YAAS,MAAY,SAAkB;AACjD;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AACF,GAGG;AACD,QAAM,kBAAkB;AAAA,IACtB,CAAC,WAAuE;AACtE,UAAI,wBAAwB,MAAM;AAChC,gBAAQ,qBAAqB,WAAW,OAAO,OAAO,EAAE,MAAM,QAAQ,CAAC;AAAA,IAC3E;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,YAAY,aAAa;AAE/B,SAAO,YACL,oBAAC,gBAAa,MAAM,MAAM,KAAK,iBAAiB,IAEhD,oBAAC,gBAAa,MAAM,MAAM,KAAK,iBAAiB;AAEpD;","names":[]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/controls/rich-text/rich-text.tsx"],"sourcesContent":["import { ReactNode, lazy, useCallback } from 'react'\n\nimport { type DataType } from '@makeswift/controls'\nimport { RichTextV1Control, RichTextV1Definition } from '../../../../controls/rich-text'\n\nimport {\n  isPropControllersHandle,\n  PropControllersHandle,\n} from '../../../../state/modules/prop-controller-handles'\n\nimport { useIsReadOnly } from '../../hooks/use-is-read-only'\n\nconst EditableText = lazy(() => import('./EditableText'))\nconst ReadOnlyText = lazy(() => import('./ReadOnlyText'))\n\nexport type RichTextControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextV1Definition }\n\nexport function renderRichText(\n  data: DataType<RichTextV1Definition> | undefined,\n  control: RichTextV1Control | null,\n) {\n  return <RichText data={data} control={control} />\n}\n\nfunction RichText({\n  data,\n  control,\n}: {\n  data: DataType<RichTextV1Definition> | undefined\n  control: RichTextV1Control | null\n}) {\n  const textCallbackRef = useCallback(\n    (handle: PropControllersHandle<Descriptors> | HTMLDivElement | null) => {\n      if (isPropControllersHandle(handle))\n        handle?.setPropControllers?.(control == null ? null : { text: control })\n    },\n    [control],\n  )\n\n  return useIsReadOnly() ? (\n    <ReadOnlyText text={data} ref={textCallbackRef} />\n  ) : (\n    <EditableText text={data} ref={textCallbackRef} />\n  )\n}\n"],"mappings":"AAuBS;AAvBT,SAAoB,MAAM,mBAAmB;AAK7C;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,qBAAqB;AAE9B,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AAMjD,SAAS,eACd,MACA,SACA;AACA,SAAO,oBAAC,YAAS,MAAY,SAAkB;AACjD;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AACF,GAGG;AACD,QAAM,kBAAkB;AAAA,IACtB,CAAC,WAAuE;AACtE,UAAI,wBAAwB,MAAM;AAChC,gBAAQ,qBAAqB,WAAW,OAAO,OAAO,EAAE,MAAM,QAAQ,CAAC;AAAA,IAC3E;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO,cAAc,IACnB,oBAAC,gBAAa,MAAM,MAAM,KAAK,iBAAiB,IAEhD,oBAAC,gBAAa,MAAM,MAAM,KAAK,iBAAiB;AAEpD;","names":[]}

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

@@ -3,7 +3,7 @@ import { lazy } from "react";
 import {
   RichTextV2Definition
 } from "../../../../controls/rich-text-v2";
-import { useIsPreview } from "../../../react/hooks/use-is-preview";
+import { useIsReadOnly } from "../../hooks/use-is-read-only";
 const EditableText = lazy(() => import("./EditableTextV2"));
 const ReadOnlyText = lazy(() => import("./ReadOnlyTextV2"));
 const ReadOnlyTextV1 = lazy(() => import("../rich-text/ReadOnlyText"));
@@ -15,7 +15,7 @@ function RichTextV2({
   definition,
   control
 }) {
-  return useIsPreview() ? /* @__PURE__ */ jsx(EditableText, { text: data, definition, control }) : /* @__PURE__ */ jsx(ReadOnlyText, { text: data, definition });
+  return useIsReadOnly() ? /* @__PURE__ */ jsx(ReadOnlyText, { text: data, definition }) : /* @__PURE__ */ jsx(EditableText, { text: data, definition, control });
 }
 export {
   renderRichTextV2