@makeswift/runtime 0.13.1 → 0.14.0

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

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from "react";
+import { isElementReference } from "../../../state/react-page";
+import { ElementImperativeHandle } from "../element-imperative-handle";
+import { useDispatch } from "../hooks/use-dispatch";
+import { useDocumentKey } from "../hooks/use-document-key";
+import { useDisableRegisterElement } from "../hooks/use-disable-register-element";
+import { mountComponentEffect, registerComponentHandleEffect } from "../../../state/actions";
+import { ElementReference } from "./ElementReference";
+import { ElementData } from "./ElementData";
+import { FindDomNode } from "../find-dom-node";
+const Element = memo(
+  forwardRef(function Element2({ element }, ref) {
+    const elementKey = element.key;
+    const dispatch = useDispatch();
+    const documentKey = useDocumentKey();
+    const useFindDomNodeRef = useRef(true);
+    const imperativeHandleRef = useRef(new ElementImperativeHandle());
+    const findDomNodeCallbackRef = useCallback((current) => {
+      if (useFindDomNodeRef.current === true) {
+        imperativeHandleRef.current.callback(() => current?.() ?? null);
+      }
+    }, []);
+    const elementCallbackRef = useCallback((current) => {
+      useFindDomNodeRef.current = false;
+      imperativeHandleRef.current.callback(() => current);
+    }, []);
+    const isRegisterElementDisabled = useDisableRegisterElement();
+    useImperativeHandle(ref, () => imperativeHandleRef.current, []);
+    useEffect(() => {
+      if (documentKey == null || isRegisterElementDisabled)
+        return;
+      return dispatch(
+        registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current)
+      );
+    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
+    useEffect(() => {
+      if (documentKey == null || isRegisterElementDisabled)
+        return;
+      return dispatch(mountComponentEffect(documentKey, elementKey));
+    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
+    return /* @__PURE__ */ jsx(FindDomNode, { ref: findDomNodeCallbackRef, children: isElementReference(element) ? /* @__PURE__ */ jsx(ElementReference, { ref: elementCallbackRef, elementReference: element }, elementKey) : /* @__PURE__ */ jsx(ElementData, { ref: elementCallbackRef, elementData: element }, elementKey) });
+  })
+);
+export {
+  Element
+};
+//# sourceMappingURL=Element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react'\nimport { Element as ReactPageElement, isElementReference } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDispatch } from '../hooks/use-dispatch'\nimport { useDocumentKey } from '../hooks/use-document-key'\nimport { useDisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { mountComponentEffect, registerComponentHandleEffect } from '../../../state/actions'\nimport { ElementReference } from './ElementReference'\nimport { ElementData } from './ElementData'\nimport { FindDomNode } from '../find-dom-node'\n\ntype ElementProps = {\n  element: ReactPageElement\n}\n\nexport const Element = memo(\n  forwardRef(function Element(\n    { element }: ElementProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const elementKey = element.key\n    const dispatch = useDispatch()\n    const documentKey = useDocumentKey()\n    const useFindDomNodeRef = useRef(true)\n    const imperativeHandleRef = useRef(new ElementImperativeHandle())\n    const findDomNodeCallbackRef = useCallback((current: (() => Element | Text | null) | null) => {\n      if (useFindDomNodeRef.current === true) {\n        imperativeHandleRef.current.callback(() => current?.() ?? null)\n      }\n    }, [])\n    const elementCallbackRef = useCallback((current: unknown | null) => {\n      useFindDomNodeRef.current = false\n\n      imperativeHandleRef.current.callback(() => current)\n    }, [])\n    const isRegisterElementDisabled = useDisableRegisterElement()\n\n    useImperativeHandle(ref, () => imperativeHandleRef.current, [])\n\n    useEffect(() => {\n      if (documentKey == null || isRegisterElementDisabled) return\n\n      return dispatch(\n        registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current),\n      )\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 (\n      <FindDomNode ref={findDomNodeCallbackRef}>\n        {isElementReference(element) ? (\n          <ElementReference key={elementKey} ref={elementCallbackRef} elementReference={element} />\n        ) : (\n          <ElementData key={elementKey} ref={elementCallbackRef} elementData={element} />\n        )}\n      </FindDomNode>\n    )\n  }),\n)\n"],"mappings":"AAwDU;AAxDV,SAAc,YAAY,MAAM,aAAa,WAAW,qBAAqB,cAAc;AAC3F,SAAsC,0BAA0B;AAChE,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB,qCAAqC;AACpE,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAMrB,MAAM,UAAU;AAAA,EACrB,WAAW,SAASA,SAClB,EAAE,QAAQ,GACV,KACa;AACb,UAAM,aAAa,QAAQ;AAC3B,UAAM,WAAW,YAAY;AAC7B,UAAM,cAAc,eAAe;AACnC,UAAM,oBAAoB,OAAO,IAAI;AACrC,UAAM,sBAAsB,OAAO,IAAI,wBAAwB,CAAC;AAChE,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;AACL,UAAM,qBAAqB,YAAY,CAAC,YAA4B;AAClE,wBAAkB,UAAU;AAE5B,0BAAoB,QAAQ,SAAS,MAAM,OAAO;AAAA,IACpD,GAAG,CAAC,CAAC;AACL,UAAM,4BAA4B,0BAA0B;AAE5D,wBAAoB,KAAK,MAAM,oBAAoB,SAAS,CAAC,CAAC;AAE9D,cAAU,MAAM;AACd,UAAI,eAAe,QAAQ;AAA2B;AAEtD,aAAO;AAAA,QACL,8BAA8B,aAAa,YAAY,oBAAoB,OAAO;AAAA,MACpF;AAAA,IACF,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,cAAU,MAAM;AACd,UAAI,eAAe,QAAQ;AAA2B;AAEtD,aAAO,SAAS,qBAAqB,aAAa,UAAU,CAAC;AAAA,IAC/D,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,WACE,oBAAC,eAAY,KAAK,wBACf,6BAAmB,OAAO,IACzB,oBAAC,oBAAkC,KAAK,oBAAoB,kBAAkB,WAAvD,UAAgE,IAEvF,oBAAC,eAA6B,KAAK,oBAAoB,aAAa,WAAlD,UAA2D,GAEjF;AAAA,EAEJ,CAAC;AACH;","names":["Element"]}

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

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
+import { Suspense, forwardRef, memo } from "react";
+import { useComponent } from "../hooks/use-component";
+import { suppressRefWarning } from "../utils/suppress-ref-warning";
+import { FallbackComponent } from "../../../components/shared/FallbackComponent";
+import { PropsValue } from "../controls";
+const ElementData = memo(
+  forwardRef(function ElementData2({ elementData }, ref) {
+    const Component = useComponent(elementData.type);
+    suppressRefWarning(`\`ForwardRef(${ElementData2.name})\``);
+    if (Component == null) {
+      return /* @__PURE__ */ jsx(FallbackComponent, { ref, text: "Component not found" });
+    }
+    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(PropsValue, { element: elementData, children: (props) => /* @__PURE__ */ createElement(Component, { ...props, key: elementData.key, ref }) }) });
+  })
+);
+export {
+  ElementData
+};
+//# sourceMappingURL=ElementData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { suppressRefWarning } from '../utils/suppress-ref-warning'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { PropsValue } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n\n    suppressRefWarning(`\\`ForwardRef(${ElementData.name})\\``)\n\n    if (Component == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    return (\n      <Suspense>\n        <PropsValue element={elementData}>\n          {props => <Component {...props} key={elementData.key} ref={ref} />}\n        </PropsValue>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":"AAqBa;AAMO;AA3BpB,SAAc,UAAU,YAAY,YAAY;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAMpB,MAAM,cAAc;AAAA,EACzB,WAAW,SAASA,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,YAAY,aAAa,YAAY,IAAI;AAE/C,uBAAmB,gBAAgBA,aAAY,IAAI,KAAK;AAExD,QAAI,aAAa,MAAM;AACrB,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,WACE,oBAAC,YACC,8BAAC,cAAW,SAAS,aAClB,qBAAS,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,GAClE,GACF;AAAA,EAEJ,CAAC;AACH;","names":["ElementData"]}

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

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo, useMemo } from "react";
+import { useGlobalElement, useLocalizedGlobalElement } from "../hooks/makeswift-api";
+import { useDocument } from "../hooks/use-document";
+import { DocumentCyclesContext, useDocumentCycles } from "../hooks/use-document-cycles";
+import { FallbackComponent } from "../../../components/shared/FallbackComponent";
+import { ElementData } from "./ElementData";
+import { Document } from "./Document";
+import { DisableRegisterElement } from "../hooks/use-disable-register-element";
+const ElementReference = memo(
+  forwardRef(function ElementReference2({ elementReference }, ref) {
+    const globalElement = useGlobalElement(elementReference.value);
+    const localizedGlobalElement = useLocalizedGlobalElement(elementReference.value);
+    const globalElementData = localizedGlobalElement?.data ?? globalElement?.data;
+    const elementReferenceDocument = useDocument(elementReference.key);
+    const documentKey = elementReference.key;
+    const documentKeys = useDocumentCycles();
+    const providedDocumentKeys = useMemo(
+      () => [...documentKeys, documentKey],
+      [documentKeys, documentKey]
+    );
+    if (globalElementData == null) {
+      return /* @__PURE__ */ jsx(
+        FallbackComponent,
+        {
+          ref,
+          text: "This global component doesn't exist"
+        }
+      );
+    }
+    if (documentKeys.includes(documentKey)) {
+      return /* @__PURE__ */ jsx(
+        FallbackComponent,
+        {
+          ref,
+          text: "This global component contains itself!"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(DocumentCyclesContext.Provider, { value: providedDocumentKeys, children: elementReferenceDocument != null ? /* @__PURE__ */ jsx(Document, { document: elementReferenceDocument, ref }) : /* @__PURE__ */ jsx(DisableRegisterElement.Provider, { value: true, children: /* @__PURE__ */ jsx(ElementData, { elementData: globalElementData, ref }) }) });
+  })
+);
+export {
+  ElementReference
+};
+//# sourceMappingURL=ElementReference.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useMemo } 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 { ElementData } from './ElementData'\nimport { Document } from './Document'\nimport { DisableRegisterElement } from '../hooks/use-disable-register-element'\n\ntype ElementRefereceProps = {\n  elementReference: ReactPageElementReference\n}\n\nexport const ElementReference = memo(\n  forwardRef(function ElementReference(\n    { elementReference }: ElementRefereceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const globalElement = useGlobalElement(elementReference.value)\n    // Update the logic here when we can merge element trees\n    const localizedGlobalElement = useLocalizedGlobalElement(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            <ElementData elementData={globalElementData} ref={ref} />\n          </DisableRegisterElement.Provider>\n        )}\n      </DocumentCyclesContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAuCQ;AAvCR,SAAc,YAAY,MAAM,eAAe;AAE/C,SAAS,kBAAkB,iCAAiC;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB,yBAAyB;AAKzD,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AAMhC,MAAM,mBAAmB;AAAA,EAC9B,WAAW,SAASA,kBAClB,EAAE,iBAAiB,GACnB,KACa;AACb,UAAM,gBAAgB,iBAAiB,iBAAiB,KAAK;AAE7D,UAAM,yBAAyB,0BAA0B,iBAAiB,KAAK;AAC/E,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,MACtC,8BAAC,eAAY,aAAa,mBAAmB,KAAU,GACzD,GAEJ;AAAA,EAEJ,CAAC;AACH;","names":["ElementReference"]}

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

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ReactRuntime } from "../react-runtime";
+import { StoreContext } from "../hooks/use-store";
+import * as ReactPage from "../../../state/react-page";
+import { MakeswiftProvider } from "../../../api/react";
+function LiveProvider({
+  client,
+  children,
+  rootElements,
+  runtime
+}) {
+  const store = useMemo(
+    () => ReactPage.configureStore({
+      preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),
+      rootElements
+    }),
+    [rootElements, runtime]
+  );
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx(MakeswiftProvider, { client, children }) });
+}
+export {
+  LiveProvider as default
+};
+//# sourceMappingURL=LiveProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\n\nimport { ReactRuntime } from '../react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function LiveProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n      }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":"AA+BM;AA/BN,SAAoB,eAAe;AAEnC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,YAAY,eAAe;AAC3B,SAAS,yBAA0C;AASpC,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,QAAQ;AAAA,IACZ,MACE,UAAU,eAAe;AAAA,MACvB,gBAAgB,UAAU,QAAQ,MAAM,SAAS,IAAI,aAAa,MAAM,SAAS;AAAA,MACjF;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,OAAO;AAAA,EACxB;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,qBAAkB,QAAiB,UAAS,GAC/C;AAEJ;","names":[]}

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

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { PageContext } from "../hooks/use-page-id";
+function PageProvider({ id, children }) {
+  return /* @__PURE__ */ jsx(PageContext.Provider, { value: id, children });
+}
+export {
+  PageProvider
+};
+//# sourceMappingURL=PageProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/PageProvider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\nimport { PageContext } from '../hooks/use-page-id'\n\ntype PageProviderProps = {\n  id: string\n  children: ComponentPropsWithoutRef<typeof PageContext['Provider']>['children']\n}\n\nexport function PageProvider({ id, children }: PageProviderProps) {\n  return <PageContext.Provider value={id}>{children}</PageContext.Provider>\n}\n"],"mappings":"AASS;AART,SAAS,mBAAmB;AAOrB,SAAS,aAAa,EAAE,IAAI,SAAS,GAAsB;AAChE,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,IAAK,UAAS;AACpD;","names":[]}

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

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { ReactRuntime } from "../react-runtime";
+import { StoreContext } from "../hooks/use-store";
+import * as ReactBuilderPreview from "../../../state/react-builder-preview";
+import * as ReactPage from "../../../state/react-page";
+import { MakeswiftProvider } from "../../../api/react";
+import { registerDocumentEffect } from "../../../state/actions";
+function PreviewProvider({
+  client,
+  children,
+  rootElements,
+  runtime
+}) {
+  const store = useMemo(
+    () => ReactBuilderPreview.configureStore({
+      preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),
+      rootElements,
+      client
+    }),
+    [client, rootElements, runtime]
+  );
+  useEffect(() => {
+    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(
+      ([documentKey, rootElement]) => store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement)))
+    );
+    return () => {
+      unregisterDocuments.forEach((unregisterDocument) => {
+        unregisterDocument();
+      });
+    };
+  }, [store, rootElements]);
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx(MakeswiftProvider, { client, children }) });
+}
+export {
+  PreviewProvider as default
+};
+//# sourceMappingURL=PreviewProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["import { ReactNode, useEffect, useMemo } from 'react'\n\nimport { ReactRuntime } from '../react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\nimport { registerDocumentEffect } from '../../../state/actions'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function PreviewProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n        client,\n      }),\n    [client, rootElements, runtime],\n  )\n\n  useEffect(() => {\n    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(\n      ([documentKey, rootElement]) =>\n        store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement))),\n    )\n\n    return () => {\n      unregisterDocuments.forEach(unregisterDocument => {\n        unregisterDocument()\n      })\n    }\n  }, [store, rootElements])\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":"AA+CM;AA/CN,SAAoB,WAAW,eAAe;AAE9C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,YAAY,yBAAyB;AACrC,YAAY,eAAe;AAC3B,SAAS,yBAA0C;AACnD,SAAS,8BAA8B;AASxB,SAAR,gBAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,QAAQ;AAAA,IACZ,MACE,oBAAoB,eAAe;AAAA,MACjC,gBAAgB,UAAU,QAAQ,MAAM,SAAS,IAAI,aAAa,MAAM,SAAS;AAAA,MACjF;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ,cAAc,OAAO;AAAA,EAChC;AAEA,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM,KAAK,cAAc,QAAQ,KAAK,CAAC,CAAC,EAAE;AAAA,MACpE,CAAC,CAAC,aAAa,WAAW,MACxB,MAAM,SAAS,uBAAuB,UAAU,eAAe,aAAa,WAAW,CAAC,CAAC;AAAA,IAC7F;AAEA,WAAO,MAAM;AACX,0BAAoB,QAAQ,wBAAsB;AAChD,2BAAmB;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,qBAAkB,QAAiB,UAAS,GAC/C;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+const PreviewProvider = dynamic(() => import("./PreviewProvider"));
+const LiveProvider = dynamic(() => import("./LiveProvider"));
+function RuntimeProvider({ preview, ...props }) {
+  return preview ? /* @__PURE__ */ jsx(PreviewProvider, { ...props }) : /* @__PURE__ */ jsx(LiveProvider, { ...props });
+}
+export {
+  RuntimeProvider
+};
+//# sourceMappingURL=RuntimeProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { MakeswiftClient } from '../../../api/react'\nimport { Element as ReactPageElement } from '../../../state/react-page'\nimport { ReactRuntime } from '../react-runtime'\nimport dynamic from 'next/dynamic'\n\ntype RuntimeProviderProps = {\n  client: MakeswiftClient\n  preview: boolean\n  rootElements?: Map<string, ReactPageElement>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nconst PreviewProvider = dynamic(() => import('./PreviewProvider'))\nconst LiveProvider = dynamic(() => import('./LiveProvider'))\n\nexport function RuntimeProvider({ preview, ...props }: RuntimeProviderProps): JSX.Element {\n  return preview ? <PreviewProvider {...props} /> : <LiveProvider {...props} />\n}\n"],"mappings":"AAkBmB;AAdnB,OAAO,aAAa;AAUpB,MAAM,kBAAkB,QAAQ,MAAM,OAAO,mBAAmB,CAAC;AACjE,MAAM,eAAe,QAAQ,MAAM,OAAO,gBAAgB,CAAC;AAEpD,SAAS,gBAAgB,EAAE,SAAS,GAAG,MAAM,GAAsC;AACxF,SAAO,UAAU,oBAAC,mBAAiB,GAAG,OAAO,IAAK,oBAAC,gBAAc,GAAG,OAAO;AAC7E;","names":[]}

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

@@ -0,0 +1,2 @@
+export * from "./render-hook";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/index.ts"],"sourcesContent":["export * from './render-hook'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/esm/runtimes/react/components/render-hook.js

@@ -0,0 +1,11 @@
+function RenderHook({
+  hook: useHook,
+  parameters,
+  children
+}) {
+  return children(useHook(...parameters));
+}
+export {
+  RenderHook
+};
+//# sourceMappingURL=render-hook.js.map

package/dist/esm/runtimes/react/components/render-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/render-hook.ts"],"sourcesContent":["type Props<H extends (...args: any[]) => any> = {\n  /**\n   * `<RenderHook>` requires key that changes whenever the `hook` prop changes to ensure the rules of\n   * hooks are followed.\n   */\n  key: string\n\n  hook: H\n  parameters: Parameters<H>\n  children(result: ReturnType<H>): JSX.Element\n}\n\nexport function RenderHook<H extends (...args: any[]) => any>({\n  hook: useHook,\n  parameters,\n  children,\n}: Props<H>) {\n  return children(useHook(...parameters))\n}\n"],"mappings":"AAYO,SAAS,WAA8C;AAAA,EAC5D,MAAM;AAAA,EACN;AAAA,EACA;AACF,GAAa;AACX,SAAO,SAAS,QAAQ,GAAG,UAAU,CAAC;AACxC;","names":[]}

package/dist/esm/runtimes/react/controls/checkbox.js

@@ -0,0 +1,13 @@
+import { match } from "ts-pattern";
+import {
+  CheckboxControlDataTypeKey,
+  CheckboxControlDataTypeValueV1
+} from "../../../controls";
+function useCheckboxControlValue(data, definition) {
+  const value = match(data).with({ [CheckboxControlDataTypeKey]: CheckboxControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val) ?? definition.config.defaultValue;
+  return value;
+}
+export {
+  useCheckboxControlValue
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/esm/runtimes/react/controls/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/checkbox.ts"],"sourcesContent":["import { match } from 'ts-pattern'\nimport {\n  CheckboxControlData,\n  CheckboxControlDataTypeKey,\n  CheckboxControlDataTypeValueV1,\n  CheckboxControlDefinition,\n} from '../../../controls'\n\nexport type CheckboxControlValue<T extends CheckboxControlDefinition> =\n  undefined extends T['config']['defaultValue'] ? boolean | undefined : boolean\n\nexport function useCheckboxControlValue<T extends CheckboxControlDefinition>(\n  data: CheckboxControlData | undefined,\n  definition: T,\n): CheckboxControlValue<T> {\n  const value: boolean | undefined =\n    match(data)\n      .with({ [CheckboxControlDataTypeKey]: CheckboxControlDataTypeValueV1 }, val => val.value)\n      .otherwise(val => val) ?? definition.config.defaultValue\n\n  return value as CheckboxControlValue<T>\n}\n"],"mappings":"AAAA,SAAS,aAAa;AACtB;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAKA,SAAS,wBACd,MACA,YACyB;AACzB,QAAM,QACJ,MAAM,IAAI,EACP,KAAK,EAAE,CAAC,0BAA0B,GAAG,+BAA+B,GAAG,SAAO,IAAI,KAAK,EACvF,UAAU,SAAO,GAAG,KAAK,WAAW,OAAO;AAEhD,SAAO;AACT;","names":[]}

package/dist/esm/runtimes/react/controls/color.js

@@ -0,0 +1,24 @@
+import Color from "color";
+import { useSwatch } from "../hooks/makeswift-api";
+function useColorValue(data, definition) {
+  const swatchId = data?.swatchId ?? null;
+  const swatch = useSwatch(swatchId);
+  const alpha = data?.alpha ?? 1;
+  if (swatch == null) {
+    const { defaultValue } = definition.config;
+    if (defaultValue === void 0)
+      return void 0;
+    let defaultColor;
+    try {
+      defaultColor = Color(definition.config.defaultValue);
+    } catch {
+      defaultColor = Color();
+    }
+    return defaultColor.rgb().string();
+  }
+  return Color({ h: swatch.hue, s: swatch.saturation, l: swatch.lightness }).alpha(alpha).rgb().string();
+}
+export {
+  useColorValue
+};
+//# sourceMappingURL=color.js.map

package/dist/esm/runtimes/react/controls/color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/color.ts"],"sourcesContent":["import Color from 'color'\nimport { ColorControlData, ColorControlDefinition } from '../../../controls/color'\nimport { useSwatch } from '../hooks/makeswift-api'\n\nexport type ColorControlValue<T extends ColorControlDefinition> =\n  undefined extends T['config']['defaultValue'] ? string | undefined : string\n\nexport function useColorValue<T extends ColorControlDefinition>(\n  data: ColorControlData | undefined,\n  definition: T,\n): ColorControlValue<any> {\n  const swatchId = data?.swatchId ?? null\n  const swatch = useSwatch(swatchId)\n  const alpha = data?.alpha ?? 1\n\n  if (swatch == null) {\n    const { defaultValue } = definition.config\n\n    if (defaultValue === undefined) return undefined as ColorControlValue<T>\n\n    let defaultColor\n    try {\n      defaultColor = Color(definition.config.defaultValue)\n    } catch {\n      defaultColor = Color()\n    }\n\n    return defaultColor.rgb().string()\n  }\n\n  return Color({ h: swatch.hue, s: swatch.saturation, l: swatch.lightness })\n    .alpha(alpha)\n    .rgb()\n    .string()\n}\n"],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,iBAAiB;AAKnB,SAAS,cACd,MACA,YACwB;AACxB,QAAM,WAAW,MAAM,YAAY;AACnC,QAAM,SAAS,UAAU,QAAQ;AACjC,QAAM,QAAQ,MAAM,SAAS;AAE7B,MAAI,UAAU,MAAM;AAClB,UAAM,EAAE,aAAa,IAAI,WAAW;AAEpC,QAAI,iBAAiB;AAAW,aAAO;AAEvC,QAAI;AACJ,QAAI;AACF,qBAAe,MAAM,WAAW,OAAO,YAAY;AAAA,IACrD,QAAQ;AACN,qBAAe,MAAM;AAAA,IACvB;AAEA,WAAO,aAAa,IAAI,EAAE,OAAO;AAAA,EACnC;AAEA,SAAO,MAAM,EAAE,GAAG,OAAO,KAAK,GAAG,OAAO,YAAY,GAAG,OAAO,UAAU,CAAC,EACtE,MAAM,KAAK,EACX,IAAI,EACJ,OAAO;AACZ;","names":[]}

package/dist/esm/runtimes/react/controls/combobox.js

@@ -0,0 +1,7 @@
+function useComboboxControlValue(data) {
+  return data?.value;
+}
+export {
+  useComboboxControlValue
+};
+//# sourceMappingURL=combobox.js.map

package/dist/esm/runtimes/react/controls/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/combobox.ts"],"sourcesContent":["import {\n  ComboboxControlData,\n  ComboboxControlDefinition,\n  ComboboxControlDefinitionOption,\n} from '../../../controls'\n\nexport type ComboboxControlValue<T extends ComboboxControlDefinition> =\n  | ComboboxControlDefinitionOption<T>\n  | undefined\n\nexport function useComboboxControlValue<T extends ComboboxControlDefinition>(\n  data: ComboboxControlData<T> | undefined,\n): ComboboxControlValue<T> {\n  return data?.value\n}\n"],"mappings":"AAUO,SAAS,wBACd,MACyB;AACzB,SAAO,MAAM;AACf;","names":[]}

package/dist/esm/runtimes/react/controls/control.js

@@ -0,0 +1,242 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  CheckboxControlType,
+  ColorControlType,
+  ComboboxControlType,
+  ImageControlType,
+  LinkControlType,
+  ListControlType,
+  NumberControlType,
+  RichTextControlType,
+  RichTextV2ControlType,
+  SelectControlType,
+  ShapeControlType,
+  SlotControlType,
+  StyleControlType,
+  StyleV2ControlType,
+  TextAreaControlType,
+  TextInputControlType,
+  TypographyControlType
+} from "../../../controls";
+import {
+  IconRadioGroupControlType
+} from "../../../controls/icon-radio-group";
+import { RenderHook } from "../components";
+import { useCheckboxControlValue } from "./checkbox";
+import { useColorValue } from "./color";
+import { useComboboxControlValue } from "./combobox";
+import { useIconRadioGroupValue } from "./icon-radio-group";
+import { useImageControlValue } from "./image";
+import { useLinkControlValue } from "./link";
+import { ListControlValue } from "./list";
+import { useNumber } from "./number";
+import { useRichText } from "./rich-text/rich-text";
+import { useRichTextV2 } from "./rich-text-v2";
+import { useSelectControlValue } from "./select";
+import { ShapeControlValue } from "./shape";
+import { useSlot } from "./slot";
+import { useFormattedStyle } from "./style";
+import { StyleV2ControlValue } from "./style-v2";
+import { useTextAreaValue } from "./text-area";
+import { useTextInputValue } from "./text-input";
+import { useTypographyValue } from "./typography";
+function ControlValue({
+  data,
+  definition,
+  children,
+  control
+}) {
+  switch (definition.type) {
+    case CheckboxControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useCheckboxControlValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case NumberControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useNumber,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case TextInputControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useTextInputValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case TextAreaControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useTextAreaValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case SelectControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useSelectControlValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case ColorControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useColorValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case IconRadioGroupControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useIconRadioGroupValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case ImageControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useImageControlValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case LinkControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useLinkControlValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case ComboboxControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useComboboxControlValue,
+          parameters: [data],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case ShapeControlType:
+      return /* @__PURE__ */ jsx(
+        ShapeControlValue,
+        {
+          definition,
+          data,
+          control,
+          children: (value) => children(value)
+        }
+      );
+    case ListControlType:
+      return /* @__PURE__ */ jsx(
+        ListControlValue,
+        {
+          definition,
+          data,
+          control,
+          children: (value) => children(value)
+        }
+      );
+    case StyleV2ControlType:
+      return /* @__PURE__ */ jsx(
+        StyleV2ControlValue,
+        {
+          data,
+          definition,
+          control,
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case SlotControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useSlot,
+          parameters: [data, control],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case RichTextControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useRichText,
+          parameters: [data, control],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case RichTextV2ControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useRichTextV2,
+          parameters: [
+            data,
+            definition,
+            control
+          ],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case StyleControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useFormattedStyle,
+          parameters: [data, definition, control],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case TypographyControlType:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useTypographyValue,
+          parameters: [data],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    default:
+      return children(data);
+  }
+}
+export {
+  ControlValue
+};
+//# sourceMappingURL=control.js.map

package/dist/esm/runtimes/react/controls/control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/control.tsx"],"sourcesContent":["import {\n  CheckboxControlData,\n  CheckboxControlDefinition,\n  CheckboxControlType,\n  ColorControlData,\n  ColorControlDefinition,\n  ColorControlType,\n  ComboboxControlData,\n  ComboboxControlDefinition,\n  ComboboxControlType,\n  ControlDefinition,\n  ControlDefinitionData,\n  ImageControlData,\n  ImageControlDefinition,\n  ImageControlType,\n  LinkControlData,\n  LinkControlDefinition,\n  LinkControlType,\n  ListControl,\n  ListControlData,\n  ListControlDefinition,\n  ListControlType,\n  NumberControlData,\n  NumberControlDefinition,\n  NumberControlType,\n  RichTextControl,\n  RichTextControlData,\n  RichTextControlDefinition,\n  RichTextControlType,\n  RichTextV2Control,\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  SelectControlData,\n  SelectControlDefinition,\n  SelectControlType,\n  ShapeControl,\n  ShapeControlData,\n  ShapeControlDefinition,\n  ShapeControlType,\n  SlotControl,\n  SlotControlData,\n  SlotControlDefinition,\n  SlotControlType,\n  StyleControl,\n  StyleControlData,\n  StyleControlDefinition,\n  StyleControlType,\n  StyleV2Control,\n  StyleV2ControlData,\n  StyleV2ControlDefinition,\n  StyleV2ControlType,\n  TextAreaControlData,\n  TextAreaControlDefinition,\n  TextAreaControlType,\n  TextInputControlData,\n  TextInputControlDefinition,\n  TextInputControlType,\n  TypographyControlData,\n  TypographyControlDefinition,\n  TypographyControlType,\n} from '../../../controls'\nimport {\n  IconRadioGroupControlData,\n  IconRadioGroupControlDefinition,\n  IconRadioGroupControlType,\n} from '../../../controls/icon-radio-group'\nimport { AnyPropController } from '../../../prop-controllers/instances'\nimport { RenderHook } from '../components'\nimport { CheckboxControlValue, useCheckboxControlValue } from './checkbox'\nimport { ColorControlValue, useColorValue } from './color'\nimport { ComboboxControlValue, useComboboxControlValue } from './combobox'\nimport { IconRadioGroupControlValue, useIconRadioGroupValue } from './icon-radio-group'\nimport { ResolveImageControlValue, useImageControlValue } from './image'\nimport { LinkControlValue, useLinkControlValue } from './link'\nimport { ListControlValue } from './list'\nimport { NumberControlValue, useNumber } from './number'\nimport { RichTextControlValue, useRichText } from './rich-text/rich-text'\nimport { RichTextV2ControlValue, useRichTextV2 } from './rich-text-v2'\nimport { SelectControlValue, useSelectControlValue } from './select'\nimport { ShapeControlValue } from './shape'\nimport { SlotControlValue, useSlot } from './slot'\nimport { StyleControlFormattedValue, useFormattedStyle } from './style'\nimport { StyleV2ControlFormattedValue, StyleV2ControlValue } from './style-v2'\nimport { TextAreaControlValue, useTextAreaValue } from './text-area'\nimport { TextInputControlValue, useTextInputValue } from './text-input'\nimport { TypographyControlValue, useTypographyValue } from './typography'\n\nexport type ControlDefinitionValue<T extends ControlDefinition> =\n  T extends CheckboxControlDefinition\n    ? CheckboxControlValue<T>\n    : T extends NumberControlDefinition\n    ? NumberControlValue<T>\n    : T extends TextInputControlDefinition\n    ? TextInputControlValue<T>\n    : T extends TextAreaControlDefinition\n    ? TextAreaControlValue<T>\n    : T extends SelectControlDefinition\n    ? SelectControlValue<T>\n    : T extends ColorControlDefinition\n    ? ColorControlValue<T>\n    : T extends ImageControlDefinition\n    ? ResolveImageControlValue<T>\n    : T extends IconRadioGroupControlDefinition\n    ? IconRadioGroupControlValue<T>\n    : T extends LinkControlDefinition\n    ? LinkControlValue<T>\n    : T extends ComboboxControlDefinition\n    ? ComboboxControlValue<T>\n    : T extends ShapeControlDefinition\n    ? ShapeControlValue<T>\n    : T extends ListControlDefinition\n    ? ListControlValue<T>\n    : T extends SlotControlDefinition\n    ? SlotControlValue\n    : T extends RichTextControlDefinition\n    ? RichTextControlValue\n    : T extends RichTextV2ControlDefinition\n    ? RichTextV2ControlValue\n    : T extends StyleControlDefinition\n    ? StyleControlFormattedValue\n    : T extends StyleV2ControlDefinition\n    ? StyleV2ControlFormattedValue\n    : T extends TypographyControlDefinition\n    ? TypographyControlValue\n    : never\n\ntype ControlValueProps<T extends ControlDefinition> = {\n  definition: T\n  data: ControlDefinitionData<T> | undefined\n  children(value: ControlDefinitionValue<T>): JSX.Element\n  control?: AnyPropController\n}\n\nexport function ControlValue<T extends ControlDefinition>({\n  data,\n  definition,\n  children,\n  control,\n}: ControlValueProps<T>): JSX.Element {\n  switch (definition.type) {\n    case CheckboxControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useCheckboxControlValue}\n          parameters={[data as CheckboxControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case NumberControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useNumber}\n          parameters={[data as NumberControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case TextInputControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useTextInputValue}\n          parameters={[data as TextInputControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case TextAreaControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useTextAreaValue}\n          parameters={[data as TextAreaControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case SelectControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useSelectControlValue}\n          parameters={[data as SelectControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case ColorControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useColorValue}\n          parameters={[data as ColorControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case IconRadioGroupControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useIconRadioGroupValue}\n          parameters={[data as IconRadioGroupControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case ImageControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useImageControlValue}\n          parameters={[data as ImageControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case LinkControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useLinkControlValue}\n          parameters={[data as LinkControlData, definition]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case ComboboxControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useComboboxControlValue}\n          parameters={[data as ComboboxControlData]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case ShapeControlType:\n      return (\n        <ShapeControlValue\n          definition={definition}\n          data={data as ShapeControlData}\n          control={control as ShapeControl}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </ShapeControlValue>\n      )\n\n    case ListControlType:\n      return (\n        <ListControlValue\n          definition={definition}\n          data={data as ListControlData}\n          control={control as ListControl}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </ListControlValue>\n      )\n\n    case StyleV2ControlType:\n      return (\n        <StyleV2ControlValue\n          key={definition.type}\n          data={data as StyleV2ControlData}\n          definition={definition}\n          control={control as StyleV2Control}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </StyleV2ControlValue>\n      )\n\n    case SlotControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useSlot}\n          parameters={[data as unknown as SlotControlData, control as SlotControl]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case RichTextControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useRichText}\n          parameters={[data as unknown as RichTextControlData, control as RichTextControl]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case RichTextV2ControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useRichTextV2}\n          parameters={[\n            data as unknown as RichTextV2ControlData,\n            definition,\n            control as RichTextV2Control,\n          ]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case StyleControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useFormattedStyle}\n          parameters={[data as unknown as StyleControlData, definition, control as StyleControl]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    case TypographyControlType:\n      return (\n        <RenderHook\n          key={definition.type}\n          hook={useTypographyValue}\n          parameters={[data as unknown as TypographyControlData[number]]}\n        >\n          {value => children(value as ControlDefinitionValue<T>)}\n        </RenderHook>\n      )\n\n    default:\n      return children(data as ControlDefinitionValue<T>)\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/runtimes/react/controls/icon-radio-group.js

@@ -0,0 +1,7 @@
+function useIconRadioGroupValue(iconRadioGroupControlData, controlDefinition) {
+  return iconRadioGroupControlData ?? controlDefinition.config.defaultValue;
+}
+export {
+  useIconRadioGroupValue
+};
+//# sourceMappingURL=icon-radio-group.js.map

package/dist/esm/runtimes/react/controls/icon-radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/icon-radio-group.ts"],"sourcesContent":["import {\n  IconRadioGroupControlData,\n  IconRadioGroupControlDefinition,\n} from '../../../controls/icon-radio-group'\n\nexport type IconRadioGroupControlValue<T extends IconRadioGroupControlDefinition> =\n  undefined extends T['config']['defaultValue']\n    ? IconRadioGroupControlData | undefined\n    : IconRadioGroupControlData\n\nexport function useIconRadioGroupValue<T extends IconRadioGroupControlDefinition>(\n  iconRadioGroupControlData: IconRadioGroupControlData | undefined,\n  controlDefinition: T,\n): IconRadioGroupControlValue<T> {\n  return (iconRadioGroupControlData ??\n    controlDefinition.config.defaultValue) as IconRadioGroupControlValue<T>\n}\n"],"mappings":"AAUO,SAAS,uBACd,2BACA,mBAC+B;AAC/B,SAAQ,6BACN,kBAAkB,OAAO;AAC7B;","names":[]}