@makeswift/runtime 0.23.12 → 0.23.14

package/dist/cjs/prop-controllers/copy/table.js

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

package/dist/cjs/prop-controllers/copy/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/prop-controllers/copy/table.ts"],"sourcesContent":["import { CopyContext } from '../../state/react-page'\nimport { TableValue } from '../descriptors'\n\nexport function copy(value: TableValue | undefined, context: CopyContext): TableValue | undefined {\n  if (value == null) return value\n\n  return context.replacementContext.tableIds.get(value) ?? value\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,SAAS,KAAK,OAA+B,SAA8C;AAChG,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,QAAQ,mBAAmB,SAAS,IAAI,KAAK,KAAK;AAC3D;","names":[]}

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

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DocumentReference_exports = {};
+__export(DocumentReference_exports, {
+  DocumentReference: () => DocumentReference
+});
+module.exports = __toCommonJS(DocumentReference_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_use_document = require("../hooks/use-document");
+var import_FallbackComponent = require("../../../components/shared/FallbackComponent");
+var import_Document = require("./Document");
+const DocumentReference = (0, import_react.memo)(
+  (0, import_react.forwardRef)(function DocumentReference2({ documentReference }, ref) {
+    const document = (0, import_use_document.useDocument)(documentReference.key);
+    if (document == null) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FallbackComponent.FallbackComponent, { ref, text: "Document not found" });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Document.Document, { ref, document });
+  })
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DocumentReference
+});
+//# sourceMappingURL=DocumentReference.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/DocumentReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { DocumentReference as ReactPageDocumentReference } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDocument } from '../hooks/use-document'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Document } from './Document'\n\ntype DocumentReferenceProps = {\n  documentReference: ReactPageDocumentReference\n}\n\nexport const DocumentReference = memo(\n  forwardRef(function DocumentReference(\n    { documentReference }: DocumentReferenceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const document = useDocument(documentReference.key)\n\n    if (document == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Document not found\" />\n    }\n\n    return <Document ref={ref} document={document} />\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBa;AAnBb,mBAAsC;AAGtC,0BAA4B;AAC5B,+BAAkC;AAClC,sBAAyB;AAMlB,MAAM,wBAAoB;AAAA,MAC/B,yBAAW,SAASA,mBAClB,EAAE,kBAAkB,GACpB,KACa;AACb,UAAM,eAAW,iCAAY,kBAAkB,GAAG;AAElD,QAAI,YAAY,MAAM;AACpB,aAAO,4CAAC,8CAAkB,KAAiC,MAAK,sBAAqB;AAAA,IACvF;AAEA,WAAO,4CAAC,4BAAS,KAAU,UAAoB;AAAA,EACjD,CAAC;AACH;","names":["DocumentReference"]}

package/dist/cjs/runtimes/react/components/draft-switcher/draft-switcher.js

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var draft_switcher_exports = {};
+__export(draft_switcher_exports, {
+  DraftSwitcher: () => DraftSwitcher
+});
+module.exports = __toCommonJS(draft_switcher_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_use_is_in_builder = require("../../hooks/use-is-in-builder");
+var import_draft_toolbar = require("./draft-toolbar");
+const ClearDraftModeRequestPath = "/api/makeswift/clear-draft";
+async function exitDraftMode() {
+  try {
+    await fetch(ClearDraftModeRequestPath);
+    window.location.reload();
+  } catch (err) {
+    console.error("Could not clear Makeswift cookies. Please report this error to your developer.");
+    console.error(err);
+  }
+}
+function DraftSwitcher({ isDraft }) {
+  const shadowContainerRef = (0, import_react.useRef)(null);
+  const [shadowRoot, setShadowRoot] = (0, import_react.useState)(null);
+  const isInBuilder = (0, import_use_is_in_builder.useIsInBuilder)();
+  const showToolbar = !isInBuilder && isDraft;
+  (0, import_react.useEffect)(() => {
+    if (!showToolbar)
+      return;
+    if (shadowContainerRef.current && shadowContainerRef.current.shadowRoot == null && shadowRoot == null) {
+      const root = shadowContainerRef.current.attachShadow({ mode: "open" });
+      setShadowRoot(root);
+    }
+  }, [showToolbar, shadowRoot, setShadowRoot]);
+  if (!showToolbar)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    showToolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "makeswift-draft-switcher", ref: shadowContainerRef, children: shadowRoot ? (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_draft_toolbar.DraftToolbar, { onExitDraft: exitDraftMode }), shadowRoot) : null }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "script",
+      {
+        type: "application/json",
+        id: "makeswift-draft-info",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })
+        }
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DraftSwitcher
+});
+//# sourceMappingURL=draft-switcher.js.map

package/dist/cjs/runtimes/react/components/draft-switcher/draft-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useIsInBuilder } from '../../hooks/use-is-in-builder'\nimport { DraftToolbar } from './draft-toolbar'\n\nconst ClearDraftModeRequestPath = '/api/makeswift/clear-draft'\n\nasync function exitDraftMode() {\n  try {\n    await fetch(ClearDraftModeRequestPath)\n    window.location.reload()\n  } catch (err) {\n    console.error('Could not clear Makeswift cookies. Please report this error to your developer.')\n    console.error(err)\n  }\n}\n\nexport function DraftSwitcher({ isDraft }: { isDraft: boolean }) {\n  const shadowContainerRef = useRef<HTMLSpanElement | null>(null)\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  const showToolbar = !isInBuilder && isDraft\n\n  useEffect(() => {\n    if (!showToolbar) return\n    if (\n      shadowContainerRef.current &&\n      shadowContainerRef.current.shadowRoot == null &&\n      shadowRoot == null\n    ) {\n      const root = shadowContainerRef.current.attachShadow({ mode: 'open' })\n      setShadowRoot(root)\n    }\n  }, [showToolbar, shadowRoot, setShadowRoot])\n\n  if (!showToolbar) return null\n\n  return (\n    <>\n      {showToolbar && (\n        <span id=\"makeswift-draft-switcher\" ref={shadowContainerRef}>\n          {shadowRoot\n            ? createPortal(<DraftToolbar onExitDraft={exitDraftMode} />, shadowRoot)\n            : null}\n        </span>\n      )}\n      <script\n        type=\"application/json\"\n        id=\"makeswift-draft-info\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder }),\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCI;AAxCJ,mBAA4C;AAC5C,uBAA6B;AAE7B,+BAA+B;AAC/B,2BAA6B;AAE7B,MAAM,4BAA4B;AAElC,eAAe,gBAAgB;AAC7B,MAAI;AACF,UAAM,MAAM,yBAAyB;AACrC,WAAO,SAAS,OAAO;AAAA,EACzB,SAAS,KAAK;AACZ,YAAQ,MAAM,gFAAgF;AAC9F,YAAQ,MAAM,GAAG;AAAA,EACnB;AACF;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,yBAAqB,qBAA+B,IAAI;AAC9D,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B,IAAI;AACpE,QAAM,kBAAc,yCAAe;AAEnC,QAAM,cAAc,CAAC,eAAe;AAEpC,8BAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,QACE,mBAAmB,WACnB,mBAAmB,QAAQ,cAAc,QACzC,cAAc,MACd;AACA,YAAM,OAAO,mBAAmB,QAAQ,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,aAAa,CAAC;AAE3C,MAAI,CAAC;AAAa,WAAO;AAEzB,SACE,4EACG;AAAA,mBACC,4CAAC,UAAK,IAAG,4BAA2B,KAAK,oBACtC,2BACG,+BAAa,4CAAC,qCAAa,aAAa,eAAe,GAAI,UAAU,IACrE,MACN;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ,KAAK,UAAU,EAAE,OAAO,SAAS,WAAW,YAAY,CAAC;AAAA,QACnE;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/components/draft-switcher/draft-toolbar.js

@@ -0,0 +1,79 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var draft_toolbar_exports = {};
+__export(draft_toolbar_exports, {
+  DraftToolbar: () => DraftToolbar
+});
+module.exports = __toCommonJS(draft_toolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const makeswiftIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC";
+const styles = `
+.exit-preview-container {
+  position: fixed;
+  bottom: 16px;
+  right: 16px;
+  z-index: 2147483647;
+}
+
+.exit-preview-button {
+  background: #2e2e2e;
+  padding: 10px 18px 10px 14px;
+  border: 0px;
+  border-radius: 32px;
+  color: #efefef;
+  box-shadow:
+    0 11px 40px 0 rgba(0, 0, 0, 0.25),
+    0 2px 10px 0 rgba(0, 0, 0, 0.12);
+  transition: 150ms;
+
+  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji';
+  font-size: 14px;
+  cursor: pointer;
+
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.exit-preview-button > .label {
+  transform: translateY(-1px);
+}
+
+.exit-preview-container:hover > .exit-preview-button {
+  transform: translateY(-2px);
+  box-shadow:
+    0 15px 40px 0 rgba(0, 0, 0, 0.3),
+    0 6px 10px 0 rgba(0, 0, 0, 0.15);
+}
+`;
+function DraftToolbar({ onExitDraft }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: styles } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "exit-preview-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: "exit-preview-button", onClick: onExitDraft, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: makeswiftIcon, alt: "Makeswift Logo", width: 18, height: 18 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "label", children: "Exit Preview" })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DraftToolbar
+});
+//# sourceMappingURL=draft-toolbar.js.map

package/dist/cjs/runtimes/react/components/draft-switcher/draft-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-toolbar.tsx"],"sourcesContent":["const makeswiftIcon =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC'\n\nconst styles = `\n.exit-preview-container {\n  position: fixed;\n  bottom: 16px;\n  right: 16px;\n  z-index: 2147483647;\n}\n\n.exit-preview-button {\n  background: #2e2e2e;\n  padding: 10px 18px 10px 14px;\n  border: 0px;\n  border-radius: 32px;\n  color: #efefef;\n  box-shadow:\n    0 11px 40px 0 rgba(0, 0, 0, 0.25),\n    0 2px 10px 0 rgba(0, 0, 0, 0.12);\n  transition: 150ms;\n\n  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n    'Segoe UI Emoji';\n  font-size: 14px;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.exit-preview-button > .label {\n  transform: translateY(-1px);\n}\n\n.exit-preview-container:hover > .exit-preview-button {\n  transform: translateY(-2px);\n  box-shadow:\n    0 15px 40px 0 rgba(0, 0, 0, 0.3),\n    0 6px 10px 0 rgba(0, 0, 0, 0.15);\n}\n`\n\ntype Props = {\n  onExitDraft: () => void\n}\n\nexport function DraftToolbar({ onExitDraft }: Props) {\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: styles }} />\n      <div className=\"exit-preview-container\">\n        <button className=\"exit-preview-button\" onClick={onExitDraft}>\n          <img src={makeswiftIcon} alt=\"Makeswift Logo\" width={18} height={18} />\n          <span className=\"label\">Exit Preview</span>\n        </button>\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkDI;AAlDJ,MAAM,gBACJ;AAEF,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CR,SAAS,aAAa,EAAE,YAAY,GAAU;AACnD,SACE,4EACE;AAAA,gDAAC,WAAM,yBAAyB,EAAE,QAAQ,OAAO,GAAG;AAAA,IACpD,4CAAC,SAAI,WAAU,0BACb,uDAAC,YAAO,WAAU,uBAAsB,SAAS,aAC/C;AAAA,kDAAC,SAAI,KAAK,eAAe,KAAI,kBAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,MACrE,4CAAC,UAAK,WAAU,SAAQ,0BAAY;AAAA,OACtC,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/components/hooks/use-builder-connection-ping.js

@@ -0,0 +1,67 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_builder_connection_ping_exports = {};
+__export(use_builder_connection_ping_exports, {
+  useBuilderConnectionPing: () => useBuilderConnectionPing
+});
+module.exports = __toCommonJS(use_builder_connection_ping_exports);
+var import_react = require("react");
+var import_react2 = require("../../../../react");
+const CONNECTION_PING_INTERVAL_MS = 20;
+function useBuilderConnectionPing({ appOrigin }) {
+  (0, import_react.useEffect)(() => {
+    let connectionInterval;
+    if (window.parent !== window) {
+      window.addEventListener("message", messageHandler);
+      window.parent.postMessage(
+        { type: import_react2.ActionTypes.MAKESWIFT_CONNECTION_INIT },
+        { targetOrigin: appOrigin }
+      );
+    }
+    return () => {
+      window.removeEventListener("message", messageHandler);
+      if (connectionInterval != null) {
+        window.clearInterval(connectionInterval);
+        connectionInterval = null;
+      }
+    };
+    function messageHandler(event) {
+      if (event.origin === appOrigin && event.data.type === import_react2.ActionTypes.MAKESWIFT_CONNECTION_INIT) {
+        if (connectionInterval != null) {
+          window.clearInterval(connectionInterval);
+          connectionInterval = null;
+        }
+        connectionInterval = window.setInterval(() => {
+          window.parent.postMessage(
+            {
+              type: import_react2.ActionTypes.MAKESWIFT_CONNECTION_CHECK,
+              payload: { currentUrl: window.location.href }
+            },
+            { targetOrigin: appOrigin }
+          );
+        }, CONNECTION_PING_INTERVAL_MS);
+      }
+    }
+  }, [appOrigin]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBuilderConnectionPing
+});
+//# sourceMappingURL=use-builder-connection-ping.js.map

package/dist/cjs/runtimes/react/components/hooks/use-builder-connection-ping.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/hooks/use-builder-connection-ping.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { ActionTypes } from '../../../../react'\n\nconst CONNECTION_PING_INTERVAL_MS = 20\n\nexport function useBuilderConnectionPing({ appOrigin }: { appOrigin: string }) {\n  useEffect(() => {\n    let connectionInterval: number | null\n\n    if (window.parent !== window) {\n      window.addEventListener('message', messageHandler)\n      window.parent.postMessage(\n        { type: ActionTypes.MAKESWIFT_CONNECTION_INIT },\n        { targetOrigin: appOrigin },\n      )\n    }\n\n    return () => {\n      window.removeEventListener('message', messageHandler)\n      if (connectionInterval != null) {\n        window.clearInterval(connectionInterval)\n        connectionInterval = null\n      }\n    }\n\n    function messageHandler(event: MessageEvent): void {\n      if (event.origin === appOrigin && event.data.type === ActionTypes.MAKESWIFT_CONNECTION_INIT) {\n        if (connectionInterval != null) {\n          window.clearInterval(connectionInterval)\n          connectionInterval = null\n        }\n\n        connectionInterval = window.setInterval(() => {\n          window.parent.postMessage(\n            {\n              type: ActionTypes.MAKESWIFT_CONNECTION_CHECK,\n              payload: { currentUrl: window.location.href },\n            },\n            { targetOrigin: appOrigin },\n          )\n        }, CONNECTION_PING_INTERVAL_MS)\n      }\n    }\n  }, [appOrigin])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,IAAAA,gBAA4B;AAE5B,MAAM,8BAA8B;AAE7B,SAAS,yBAAyB,EAAE,UAAU,GAA0B;AAC7E,8BAAU,MAAM;AACd,QAAI;AAEJ,QAAI,OAAO,WAAW,QAAQ;AAC5B,aAAO,iBAAiB,WAAW,cAAc;AACjD,aAAO,OAAO;AAAA,QACZ,EAAE,MAAM,0BAAY,0BAA0B;AAAA,QAC9C,EAAE,cAAc,UAAU;AAAA,MAC5B;AAAA,IACF;AAEA,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AACpD,UAAI,sBAAsB,MAAM;AAC9B,eAAO,cAAc,kBAAkB;AACvC,6BAAqB;AAAA,MACvB;AAAA,IACF;AAEA,aAAS,eAAe,OAA2B;AACjD,UAAI,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,0BAAY,2BAA2B;AAC3F,YAAI,sBAAsB,MAAM;AAC9B,iBAAO,cAAc,kBAAkB;AACvC,+BAAqB;AAAA,QACvB;AAEA,6BAAqB,OAAO,YAAY,MAAM;AAC5C,iBAAO,OAAO;AAAA,YACZ;AAAA,cACE,MAAM,0BAAY;AAAA,cAClB,SAAS,EAAE,YAAY,OAAO,SAAS,KAAK;AAAA,YAC9C;AAAA,YACA,EAAE,cAAc,UAAU;AAAA,UAC5B;AAAA,QACF,GAAG,2BAA2B;AAAA,MAChC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAChB;","names":["import_react"]}

package/dist/cjs/runtimes/react/components/hooks/use-builder-handshake.js

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_builder_handshake_exports = {};
+__export(use_builder_handshake_exports, {
+  useBuilderHandshake: () => useBuilderHandshake
+});
+module.exports = __toCommonJS(use_builder_handshake_exports);
+var import_react = require("react");
+var import_use_is_pages_router = require("../../../../next/hooks/use-is-pages-router");
+const PAGES_ROUTER_HANDSHAKE_MESSAGE = "makeswift_preview_mode";
+const APP_ROUTER_HANDSHAKE_MESSAGE = "makeswift_draft_mode";
+function useBuilderHandshake({ appOrigin }) {
+  const isPagesRouter = (0, import_use_is_pages_router.useIsPagesRouter)();
+  const handshakeInitiationMessage = (0, import_react.useMemo)(() => {
+    if (isPagesRouter)
+      return PAGES_ROUTER_HANDSHAKE_MESSAGE;
+    return APP_ROUTER_HANDSHAKE_MESSAGE;
+  }, [isPagesRouter]);
+  (0, import_react.useEffect)(() => {
+    if (window.parent !== window) {
+      window.parent.postMessage({ type: handshakeInitiationMessage }, { targetOrigin: appOrigin });
+    }
+  }, [appOrigin, handshakeInitiationMessage]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBuilderHandshake
+});
+//# sourceMappingURL=use-builder-handshake.js.map

package/dist/cjs/runtimes/react/components/hooks/use-builder-handshake.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/hooks/use-builder-handshake.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useIsPagesRouter } from '../../../../next/hooks/use-is-pages-router'\n\nconst PAGES_ROUTER_HANDSHAKE_MESSAGE = 'makeswift_preview_mode'\nconst APP_ROUTER_HANDSHAKE_MESSAGE = 'makeswift_draft_mode'\n\nexport function useBuilderHandshake({ appOrigin }: { appOrigin: string }) {\n  const isPagesRouter = useIsPagesRouter()\n\n  const handshakeInitiationMessage = useMemo(() => {\n    if (isPagesRouter) return PAGES_ROUTER_HANDSHAKE_MESSAGE\n    return APP_ROUTER_HANDSHAKE_MESSAGE\n  }, [isPagesRouter])\n\n  useEffect(() => {\n    if (window.parent !== window) {\n      window.parent.postMessage({ type: handshakeInitiationMessage }, { targetOrigin: appOrigin })\n    }\n  }, [appOrigin, handshakeInitiationMessage])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,iCAAiC;AAEjC,MAAM,iCAAiC;AACvC,MAAM,+BAA+B;AAE9B,SAAS,oBAAoB,EAAE,UAAU,GAA0B;AACxE,QAAM,oBAAgB,6CAAiB;AAEvC,QAAM,iCAA6B,sBAAQ,MAAM;AAC/C,QAAI;AAAe,aAAO;AAC1B,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,CAAC;AAElB,8BAAU,MAAM;AACd,QAAI,OAAO,WAAW,QAAQ;AAC5B,aAAO,OAAO,YAAY,EAAE,MAAM,2BAA2B,GAAG,EAAE,cAAc,UAAU,CAAC;AAAA,IAC7F;AAAA,EACF,GAAG,CAAC,WAAW,0BAA0B,CAAC;AAC5C;","names":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  useCheckboxControlValue: () => useCheckboxControlValue
+});
+module.exports = __toCommonJS(checkbox_exports);
+var import_ts_pattern = require("ts-pattern");
+var import_controls = require("@makeswift/controls");
+function useCheckboxControlValue(data, definition) {
+  const value = (0, import_ts_pattern.match)(data).with({ [import_controls.CheckboxControlDataTypeKey]: import_controls.CheckboxControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val) ?? definition.config.defaultValue;
+  return value;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCheckboxControlValue
+});
+//# sourceMappingURL=checkbox.js.map

package/dist/cjs/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 '@makeswift/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;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAsB;AACtB,sBAKO;AAKA,SAAS,wBACd,MACA,YACyB;AACzB,QAAM,YACJ,yBAAM,IAAI,EACP,KAAK,EAAE,CAAC,0CAA0B,GAAG,+CAA+B,GAAG,SAAO,IAAI,KAAK,EACvF,UAAU,SAAO,GAAG,KAAK,WAAW,OAAO;AAEhD,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var color_exports = {};
+__export(color_exports, {
+  useColorValue: () => useColorValue
+});
+module.exports = __toCommonJS(color_exports);
+var import_color = __toESM(require("color"));
+var import_makeswift_api = require("../hooks/makeswift-api");
+function useColorValue(data, definition) {
+  const swatchId = data?.swatchId ?? null;
+  const swatch = (0, import_makeswift_api.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 = (0, import_color.default)(definition.config.defaultValue);
+    } catch {
+      defaultColor = (0, import_color.default)();
+    }
+    return defaultColor.rgb().string();
+  }
+  return (0, import_color.default)({ h: swatch.hue, s: swatch.saturation, l: swatch.lightness }).alpha(alpha).rgb().string();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useColorValue
+});
+//# sourceMappingURL=color.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/color.ts"],"sourcesContent":["import Color from 'color'\n\nimport { type DataType, type ResolvedValueType } from '@makeswift/controls'\n\nimport { ColorDefinition } from '../../../controls'\n\nimport { useSwatch } from '../hooks/makeswift-api'\n\nexport function useColorValue(\n  data: DataType<ColorDefinition> | undefined,\n  definition: ColorDefinition,\n): ResolvedValueType<ColorDefinition> {\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\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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAMlB,2BAA0B;AAEnB,SAAS,cACd,MACA,YACoC;AACpC,QAAM,WAAW,MAAM,YAAY;AACnC,QAAM,aAAS,gCAAU,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,yBAAe,aAAAA,SAAM,WAAW,OAAO,YAAY;AAAA,IACrD,QAAQ;AACN,yBAAe,aAAAA,SAAM;AAAA,IACvB;AAEA,WAAO,aAAa,IAAI,EAAE,OAAO;AAAA,EACnC;AAEA,aAAO,aAAAA,SAAM,EAAE,GAAG,OAAO,KAAK,GAAG,OAAO,YAAY,GAAG,OAAO,UAAU,CAAC,EACtE,MAAM,KAAK,EACX,IAAI,EACJ,OAAO;AACZ;","names":["Color"]}

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

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

package/dist/cjs/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,SAAS,wBACd,MACyB;AACzB,SAAO,MAAM;AACf;","names":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var icon_radio_group_exports = {};
+__export(icon_radio_group_exports, {
+  useIconRadioGroupValue: () => useIconRadioGroupValue
+});
+module.exports = __toCommonJS(icon_radio_group_exports);
+function useIconRadioGroupValue(iconRadioGroupControlData, controlDefinition) {
+  return iconRadioGroupControlData ?? controlDefinition.config.defaultValue;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIconRadioGroupValue
+});
+//# sourceMappingURL=icon-radio-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/icon-radio-group.ts"],"sourcesContent":["import { IconRadioGroupControlData, IconRadioGroupControlDefinition } from '@makeswift/controls'\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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,uBACd,2BACA,mBAC+B;AAC/B,SAAQ,6BACN,kBAAkB,OAAO;AAC7B;","names":[]}

package/dist/cjs/runtimes/react/controls/image.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var image_exports = {};
+__export(image_exports, {
+  useImageControlValue: () => useImageControlValue
+});
+module.exports = __toCommonJS(image_exports);
+var import_ts_pattern = require("ts-pattern");
+var import_controls2 = require("../../../controls");
+var import_makeswift_api = require("../hooks/makeswift-api");
+function useImageControlValue(data, definition) {
+  const format = definition.config.format ?? import_controls2.Image.Format.URL;
+  const fileId = (0, import_ts_pattern.match)(data).with(import_ts_pattern.P.string, (id) => id).with({ type: "makeswift-file" }, ({ id }) => id).otherwise(() => null);
+  const file = (0, import_makeswift_api.useFile)(fileId);
+  return (0, import_ts_pattern.match)([file, data, format]).with([{ __typename: "File" }, import_ts_pattern.P.any, import_controls2.Image.Format.URL], ([file2]) => file2.publicUrl).with(
+    [{ __typename: "File", dimensions: import_ts_pattern.P.not(import_ts_pattern.P.nullish) }, import_ts_pattern.P.any, import_controls2.Image.Format.WithDimensions],
+    ([file2]) => ({
+      url: file2.publicUrl,
+      dimensions: file2.dimensions
+    })
+  ).with([import_ts_pattern.P.any, { type: "external-file" }, import_controls2.Image.Format.URL], ([, d]) => d.url).with(
+    [
+      import_ts_pattern.P.any,
+      { type: "external-file", width: import_ts_pattern.P.number, height: import_ts_pattern.P.number },
+      import_controls2.Image.Format.WithDimensions
+    ],
+    ([, d]) => ({
+      url: d.url,
+      dimensions: { width: d.width, height: d.height }
+    })
+  ).otherwise(() => void 0);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useImageControlValue
+});
+//# sourceMappingURL=image.js.map

package/dist/cjs/runtimes/react/controls/image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/image.ts"],"sourcesContent":["import { P, match } from 'ts-pattern'\n\nimport { type DataType, type ResolvedValueType } from '@makeswift/controls'\n\nimport { Image, ImageDefinition } from '../../../controls'\n\nimport { useFile } from '../hooks/makeswift-api'\n\nexport function useImageControlValue(\n  data: DataType<ImageDefinition> | undefined,\n  definition: ImageDefinition,\n): ResolvedValueType<ImageDefinition> {\n  const format = definition.config.format ?? Image.Format.URL\n\n  const fileId = match(data)\n    .with(P.string, id => id)\n    .with({ type: 'makeswift-file' }, ({ id }) => id)\n    .otherwise(() => null)\n\n  const file = useFile(fileId)\n\n  return match([file, data, format])\n    .with([{ __typename: 'File' }, P.any, Image.Format.URL], ([file]) => file.publicUrl)\n    .with(\n      [{ __typename: 'File', dimensions: P.not(P.nullish) }, P.any, Image.Format.WithDimensions],\n      ([file]) => ({\n        url: file.publicUrl,\n        dimensions: file.dimensions,\n      }),\n    )\n    .with([P.any, { type: 'external-file' }, Image.Format.URL], ([, d]) => d.url)\n    .with(\n      [\n        P.any,\n        { type: 'external-file', width: P.number, height: P.number },\n        Image.Format.WithDimensions,\n      ],\n      ([, d]) => ({\n        url: d.url,\n        dimensions: { width: d.width, height: d.height },\n      }),\n    )\n    .otherwise(() => undefined)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAyB;AAIzB,IAAAA,mBAAuC;AAEvC,2BAAwB;AAEjB,SAAS,qBACd,MACA,YACoC;AACpC,QAAM,SAAS,WAAW,OAAO,UAAU,uBAAM,OAAO;AAExD,QAAM,aAAS,yBAAM,IAAI,EACtB,KAAK,oBAAE,QAAQ,QAAM,EAAE,EACvB,KAAK,EAAE,MAAM,iBAAiB,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAC/C,UAAU,MAAM,IAAI;AAEvB,QAAM,WAAO,8BAAQ,MAAM;AAE3B,aAAO,yBAAM,CAAC,MAAM,MAAM,MAAM,CAAC,EAC9B,KAAK,CAAC,EAAE,YAAY,OAAO,GAAG,oBAAE,KAAK,uBAAM,OAAO,GAAG,GAAG,CAAC,CAACC,KAAI,MAAMA,MAAK,SAAS,EAClF;AAAA,IACC,CAAC,EAAE,YAAY,QAAQ,YAAY,oBAAE,IAAI,oBAAE,OAAO,EAAE,GAAG,oBAAE,KAAK,uBAAM,OAAO,cAAc;AAAA,IACzF,CAAC,CAACA,KAAI,OAAO;AAAA,MACX,KAAKA,MAAK;AAAA,MACV,YAAYA,MAAK;AAAA,IACnB;AAAA,EACF,EACC,KAAK,CAAC,oBAAE,KAAK,EAAE,MAAM,gBAAgB,GAAG,uBAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAC3E;AAAA,IACC;AAAA,MACE,oBAAE;AAAA,MACF,EAAE,MAAM,iBAAiB,OAAO,oBAAE,QAAQ,QAAQ,oBAAE,OAAO;AAAA,MAC3D,uBAAM,OAAO;AAAA,IACf;AAAA,IACA,CAAC,CAAC,EAAE,CAAC,OAAO;AAAA,MACV,KAAK,EAAE;AAAA,MACP,YAAY,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,OAAO;AAAA,IACjD;AAAA,EACF,EACC,UAAU,MAAM,MAAS;AAC9B;","names":["import_controls","file"]}