@makeswift/runtime 0.21.3 → 0.22.0

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

@@ -1,53 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"]}

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

@@ -1,110 +0,0 @@
-"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 link_exports = {};
-__export(link_exports, {
-  useLinkControlValue: () => useLinkControlValue
-});
-module.exports = __toCommonJS(link_exports);
-var import_react = require("react");
-var import_scroll_into_view_if_needed = __toESM(require("scroll-into-view-if-needed"));
-var import__ = require("../");
-var import_makeswift_api = require("../hooks/makeswift-api");
-function useLinkControlValue(link, _definition) {
-  const pageId = link && link.type === "OPEN_PAGE" ? link.payload.pageId : null;
-  const page = (0, import_makeswift_api.usePagePathnameSlice)(pageId ?? null);
-  const elementKey = link?.type === "SCROLL_TO_ELEMENT" ? link.payload.elementIdConfig?.elementKey : null;
-  const elementId = (0, import__.useElementId)(elementKey);
-  let href = "#";
-  let target;
-  let block;
-  if (link) {
-    switch (link.type) {
-      case "OPEN_PAGE": {
-        if (page)
-          href = `/${page.localizedPathname ?? page.pathname}`;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "OPEN_URL": {
-        href = link.payload.url;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "SEND_EMAIL": {
-        const { to, subject = "", body = "" } = link.payload;
-        if (to != null)
-          href = `mailto:${to}?subject=${subject}&body=${body}`;
-        break;
-      }
-      case "CALL_PHONE": {
-        href = `tel:${link.payload.phoneNumber}`;
-        break;
-      }
-      case "SCROLL_TO_ELEMENT": {
-        href = `#${elementId ?? ""}`;
-        block = link.payload.block;
-        break;
-      }
-      default:
-        throw new RangeError(`Invalid link type "${link.type}."`);
-    }
-  }
-  const handleClick = (0, import_react.useCallback)(
-    (event) => {
-      if (event.defaultPrevented)
-        return;
-      if (link && link.type === "SCROLL_TO_ELEMENT") {
-        let hash;
-        try {
-          hash = new URL(`http://www.example.com/${href}`).hash;
-        } catch (error) {
-          console.error(`Link received invalid href: ${href}`, error);
-        }
-        if (href != null && href === hash) {
-          event.preventDefault();
-          const view = event.view;
-          (0, import_scroll_into_view_if_needed.default)(view.document.querySelector(hash), {
-            behavior: "smooth",
-            block
-          });
-          if (view.location.hash !== hash)
-            view.history.pushState({}, "", hash);
-        }
-      }
-    },
-    [link, href, block]
-  );
-  const res = (0, import_react.useMemo)(() => ({ href, target, onClick: handleClick }), [href, target, handleClick]);
-  return res;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useLinkControlValue
-});
-//# sourceMappingURL=link.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/controls/link.ts"],"sourcesContent":["import { MouseEvent, useCallback, useMemo } from 'react'\n\nimport { type DataType, type ResolvedValueType } from '@makeswift/controls'\n\nimport { LinkDefinition } from '../../../controls'\n\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport { useElementId } from '../'\nimport { usePagePathnameSlice } from '../hooks/makeswift-api'\n\nexport function useLinkControlValue(\n  link: DataType<LinkDefinition> | undefined,\n  _definition: LinkDefinition,\n): ResolvedValueType<LinkDefinition> {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  let href = '#'\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) href = `/${page.localizedPathname ?? page.pathname}`\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        href = `#${elementId ?? ''}`\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  const handleClick = useCallback(\n    (event: MouseEvent<Element>) => {\n      if (event.defaultPrevented) return\n\n      if (link && link.type === 'SCROLL_TO_ELEMENT') {\n        let hash: string | undefined\n\n        try {\n          hash = new URL(`http://www.example.com/${href}`).hash\n        } catch (error) {\n          console.error(`Link received invalid href: ${href}`, error)\n        }\n\n        if (href != null && href === hash) {\n          event.preventDefault()\n          const view = event.view as unknown as Window\n\n          scrollIntoView(view.document.querySelector(hash)!, {\n            behavior: 'smooth',\n            block,\n          })\n\n          if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n        }\n      }\n    },\n    [link, href, block],\n  )\n\n  const res = useMemo(() => ({ href, target, onClick: handleClick }), [href, target, handleClick])\n\n  return res\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiD;AAMjD,wCAA2B;AAC3B,eAA6B;AAC7B,2BAAqC;AAE9B,SAAS,oBACd,MACA,aACmC;AACnC,QAAM,SAAS,QAAQ,KAAK,SAAS,cAAc,KAAK,QAAQ,SAAS;AACzE,QAAM,WAAO,2CAAqB,UAAU,IAAI;AAEhD,QAAM,aACJ,MAAM,SAAS,sBAAsB,KAAK,QAAQ,iBAAiB,aAAa;AAClF,QAAM,gBAAY,uBAAa,UAAU;AAEzC,MAAI,OAAO;AACX,MAAI;AACJ,MAAI;AAEJ,MAAI,MAAM;AACR,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK,aAAa;AAChB,YAAI;AAAM,iBAAO,IAAI,KAAK,qBAAqB,KAAK,QAAQ;AAE5D,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,YAAY;AACf,eAAO,KAAK,QAAQ;AAEpB,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,cAAM,EAAE,IAAI,UAAU,IAAI,OAAO,GAAG,IAAI,KAAK;AAE7C,YAAI,MAAM;AAAM,iBAAO,UAAU,EAAE,YAAY,OAAO,SAAS,IAAI;AAEnE;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,eAAO,OAAO,KAAK,QAAQ,WAAW;AAEtC;AAAA,MACF;AAAA,MAEA,KAAK,qBAAqB;AACxB,eAAO,IAAI,aAAa,EAAE;AAC1B,gBAAQ,KAAK,QAAQ;AAErB;AAAA,MACF;AAAA,MAEA;AACE,cAAM,IAAI,WAAW,sBAAuB,KAAa,IAAI,IAAI;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,kBAAc;AAAA,IAClB,CAAC,UAA+B;AAC9B,UAAI,MAAM;AAAkB;AAE5B,UAAI,QAAQ,KAAK,SAAS,qBAAqB;AAC7C,YAAI;AAEJ,YAAI;AACF,iBAAO,IAAI,IAAI,0BAA0B,IAAI,EAAE,EAAE;AAAA,QACnD,SAAS,OAAO;AACd,kBAAQ,MAAM,+BAA+B,IAAI,IAAI,KAAK;AAAA,QAC5D;AAEA,YAAI,QAAQ,QAAQ,SAAS,MAAM;AACjC,gBAAM,eAAe;AACrB,gBAAM,OAAO,MAAM;AAEnB,gDAAAA,SAAe,KAAK,SAAS,cAAc,IAAI,GAAI;AAAA,YACjD,UAAU;AAAA,YACV;AAAA,UACF,CAAC;AAED,cAAI,KAAK,SAAS,SAAS;AAAM,iBAAK,QAAQ,UAAU,CAAC,GAAG,IAAI,IAAI;AAAA,QACtE;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,MAAM,KAAK;AAAA,EACpB;AAEA,QAAM,UAAM,sBAAQ,OAAO,EAAE,MAAM,QAAQ,SAAS,YAAY,IAAI,CAAC,MAAM,QAAQ,WAAW,CAAC;AAE/F,SAAO;AACT;","names":["scrollIntoView"]}

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

@@ -1,58 +0,0 @@
-"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 list_exports = {};
-__export(list_exports, {
-  ListControlValue: () => ListControlValue
-});
-module.exports = __toCommonJS(list_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_control = require("./control");
-function ListControlValue({
-  definition,
-  data,
-  children,
-  control
-}) {
-  const [controls, setControls] = (0, import_react.useState)(/* @__PURE__ */ new Map());
-  (0, import_react.useEffect)(() => {
-    if (control == null || data == null)
-      return;
-    const childControls = control.childControls(data.map((item) => item.id));
-    control.setChildControls(childControls);
-    setControls(childControls);
-  }, [data, control]);
-  return (data ?? []).reduce(
-    (renderFn, item) => (listControlValue) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_control.ControlValue,
-      {
-        definition: definition.config.type,
-        data: item.value,
-        control: controls?.get(item.id),
-        children: (value) => renderFn([value, ...listControlValue])
-      }
-    ),
-    children
-  )([]);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ListControlValue
-});
-//# sourceMappingURL=list.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/controls/list.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { ControlInstance, type DataType, type ResolvedValueType } from '@makeswift/controls'\n\nimport { ListDefinition, ListControl } from '../../../controls'\n\nimport { ControlValue } from './control'\n\ntype ListControlValueProps = {\n  definition: ListDefinition\n  data: DataType<ListDefinition> | undefined\n  children(value: ResolvedValueType<ListDefinition>): JSX.Element\n  control: ListControl\n}\n\nexport function ListControlValue({\n  definition,\n  data,\n  children,\n  control,\n}: ListControlValueProps): JSX.Element {\n  const [controls, setControls] = useState<Map<string, ControlInstance> | undefined>(new Map())\n\n  useEffect(() => {\n    if (control == null || data == null) return\n\n    // This is not ideal because we're setting the itemsControl from the ListControlValue.\n    // This is because right now we don't have a subscribeToValue function inside the control.\n    // We can improve this by adding the subscribeToValue to createPropController and by\n    // moving the setItemsControl to the control itself.\n    const childControls = control.childControls(data.map(item => item.id))\n    control.setChildControls(childControls)\n    setControls(childControls)\n  }, [data, control])\n\n  return (data ?? []).reduce(\n    (renderFn, item) => listControlValue => (\n      <ControlValue\n        definition={definition.config.type}\n        data={item.value}\n        control={controls?.get(item.id)}\n      >\n        {value => renderFn([value, ...listControlValue])}\n      </ControlValue>\n    ),\n    children,\n  )([])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCM;AArCN,mBAAoC;AAMpC,qBAA6B;AAStB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAmD,oBAAI,IAAI,CAAC;AAE5F,8BAAU,MAAM;AACd,QAAI,WAAW,QAAQ,QAAQ;AAAM;AAMrC,UAAM,gBAAgB,QAAQ,cAAc,KAAK,IAAI,UAAQ,KAAK,EAAE,CAAC;AACrE,YAAQ,iBAAiB,aAAa;AACtC,gBAAY,aAAa;AAAA,EAC3B,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,UAAQ,QAAQ,CAAC,GAAG;AAAA,IAClB,CAAC,UAAU,SAAS,sBAClB;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,WAAW,OAAO;AAAA,QAC9B,MAAM,KAAK;AAAA,QACX,SAAS,UAAU,IAAI,KAAK,EAAE;AAAA,QAE7B,qBAAS,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AAAA;AAAA,IACjD;AAAA,IAEF;AAAA,EACF,EAAE,CAAC,CAAC;AACN;","names":[]}

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

@@ -1,44 +0,0 @@
-"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 shape_exports = {};
-__export(shape_exports, {
-  ShapeControlValue: () => ShapeControlValue
-});
-module.exports = __toCommonJS(shape_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_control = require("./control");
-function ShapeControlValue({ definition, data, children, control }) {
-  return Object.entries(definition.config.type).reduceRight(
-    (renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_control.ControlValue,
-      {
-        definition: controlDefinition,
-        data: data?.[key],
-        control: control?.child(key),
-        children: (value) => renderFn({ ...shapeControlValue, [key]: value })
-      }
-    ),
-    children
-  )({});
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ShapeControlValue
-});
-//# sourceMappingURL=shape.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/controls/shape.tsx"],"sourcesContent":["import { type DataType, type ResolvedValueType } from '@makeswift/controls'\n\nimport { ShapeControl, ShapeDefinition } from '../../../controls'\n\nimport { ControlValue } from './control'\n\ntype ShapeControlValueProps = {\n  definition: ShapeDefinition\n  data: DataType<ShapeDefinition> | undefined\n  children(value: ResolvedValueType<ShapeDefinition>): JSX.Element\n  control: ShapeControl\n}\n\nexport function ShapeControlValue({ definition, data, children, control }: ShapeControlValueProps) {\n  return Object.entries(definition.config.type).reduceRight(\n    (renderFn, [key, controlDefinition]) =>\n      shapeControlValue => (\n        <ControlValue\n          definition={controlDefinition}\n          data={data?.[key]}\n          control={control?.child(key)}\n        >\n          {value => renderFn({ ...shapeControlValue, [key]: value })}\n        </ControlValue>\n      ),\n    children,\n  )({} as ResolvedValueType<ShapeDefinition>)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBQ;AAbR,qBAA6B;AAStB,SAAS,kBAAkB,EAAE,YAAY,MAAM,UAAU,QAAQ,GAA2B;AACjG,SAAO,OAAO,QAAQ,WAAW,OAAO,IAAI,EAAE;AAAA,IAC5C,CAAC,UAAU,CAAC,KAAK,iBAAiB,MAChC,uBACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,OAAO,GAAG;AAAA,QAChB,SAAS,SAAS,MAAM,GAAG;AAAA,QAE1B,qBAAS,SAAS,EAAE,GAAG,mBAAmB,CAAC,GAAG,GAAG,MAAM,CAAC;AAAA;AAAA,IAC3D;AAAA,IAEJ;AAAA,EACF,EAAE,CAAC,CAAuC;AAC5C;","names":[]}

package/dist/cjs/runtimes/react/controls/style-v2.js

@@ -1,92 +0,0 @@
-"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 style_v2_exports = {};
-__export(style_v2_exports, {
-  StyleV2ControlValue: () => StyleV2ControlValue,
-  useFormattedStyleV2: () => useFormattedStyleV2
-});
-module.exports = __toCommonJS(style_v2_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_use_style = require("../use-style");
-var import_breakpoints = require("../../../state/modules/breakpoints");
-var import_control = require("./control");
-var import_components = require("../components");
-var import_use_breakpoints = require("../hooks/use-breakpoints");
-function useStyleControlCssObject(styleControlData, controlDefinition) {
-  const breakpoints = (0, import_use_breakpoints.useBreakpoints)();
-  return {
-    ...controlDefinition.config.getStyle(
-      (0, import_breakpoints.findBreakpointOverride)(
-        breakpoints,
-        styleControlData,
-        (0, import_breakpoints.getBaseBreakpoint)(breakpoints).id,
-        import_breakpoints.mergeOrCoalesceFallbacks
-      )?.value
-    ),
-    ...breakpoints.reduce((styles, breakpoint) => {
-      return {
-        ...styles,
-        [(0, import_breakpoints.getBreakpointMediaQuery)(breakpoint)]: controlDefinition.config.getStyle(
-          (0, import_breakpoints.findBreakpointOverride)(
-            breakpoints,
-            styleControlData,
-            breakpoint.id,
-            import_breakpoints.mergeOrCoalesceFallbacks
-          )?.value
-        )
-      };
-    }, {})
-  };
-}
-function useFormattedStyleV2(styleControlData, controlDefinition) {
-  const styles = useStyleControlCssObject(styleControlData, controlDefinition);
-  return (0, import_use_style.useStyle)(styles);
-}
-function StyleV2ControlValue({
-  definition,
-  data,
-  children,
-  control
-}) {
-  return (data ?? []).reduceRight(
-    (renderFn, { deviceId, value }) => (responsiveValue) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_control.ControlValue, { definition: definition.config.type, data: value, control: control?.child(), children: (value2) => renderFn([
-        { deviceId, value: value2 },
-        ...responsiveValue
-      ]) });
-    },
-    (value) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_components.RenderHook,
-        {
-          hook: useFormattedStyleV2,
-          parameters: [value, definition],
-          children: (value2) => children(value2)
-        },
-        definition.controlType
-      );
-    }
-  )([]);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  StyleV2ControlValue,
-  useFormattedStyleV2
-});
-//# sourceMappingURL=style-v2.js.map

package/dist/cjs/runtimes/react/controls/style-v2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/controls/style-v2.tsx"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport {\n  type ResponsiveValue,\n  type ResolvedValueType,\n  type DataType,\n  type DeviceOverride,\n} from '@makeswift/controls'\n\nimport { StyleV2Definition, StyleV2Control } from '../../../controls/style-v2/style-v2'\n\nimport { useStyle } from '../use-style'\nimport {\n  findBreakpointOverride,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n  mergeOrCoalesceFallbacks,\n} from '../../../state/modules/breakpoints'\n\nimport { ControlValue } from './control'\nimport { RenderHook } from '../components'\nimport { useBreakpoints } from '../hooks/use-breakpoints'\n\nfunction useStyleControlCssObject(\n  styleControlData: ResponsiveValue<ResolvedValueType<StyleV2Definition>>,\n  controlDefinition: StyleV2Definition,\n): CSSObject {\n  const breakpoints = useBreakpoints()\n\n  return {\n    ...controlDefinition.config.getStyle(\n      findBreakpointOverride(\n        breakpoints,\n        styleControlData,\n        getBaseBreakpoint(breakpoints).id,\n        mergeOrCoalesceFallbacks,\n      )?.value,\n    ),\n    ...breakpoints.reduce((styles, breakpoint) => {\n      return {\n        ...styles,\n        [getBreakpointMediaQuery(breakpoint)]: controlDefinition.config.getStyle(\n          findBreakpointOverride(\n            breakpoints,\n            styleControlData,\n            breakpoint.id,\n            mergeOrCoalesceFallbacks,\n          )?.value,\n        ),\n      }\n    }, {}),\n  }\n}\n\nexport function useFormattedStyleV2(\n  styleControlData: ResponsiveValue<ResolvedValueType<StyleV2Definition>>,\n  controlDefinition: StyleV2Definition,\n): ResolvedValueType<StyleV2Definition> {\n  const styles = useStyleControlCssObject(styleControlData, controlDefinition)\n\n  return useStyle(styles)\n}\n\ntype ValueProps = {\n  definition: StyleV2Definition\n  data: DataType<StyleV2Definition> | undefined\n  children(value: string): JSX.Element\n  control?: StyleV2Control\n}\n\nexport function StyleV2ControlValue({\n  definition,\n  data,\n  children,\n  control,\n}: ValueProps): JSX.Element {\n  return (data ?? []).reduceRight(\n    (renderFn, { deviceId, value }: DeviceOverride<DataType<StyleV2Definition>>) =>\n      responsiveValue => {\n        return (\n          <ControlValue definition={definition.config.type} data={value} control={control?.child()}>\n            {value =>\n              renderFn([\n                { deviceId, value: value as ResolvedValueType<typeof definition.config.type> },\n                ...responsiveValue,\n              ])\n            }\n          </ControlValue>\n        )\n      },\n    (value: ResponsiveValue<ResolvedValueType<StyleV2Definition>>) => {\n      return (\n        <RenderHook\n          key={definition.controlType}\n          hook={useFormattedStyleV2}\n          parameters={[value, definition]}\n        >\n          {value => children(value)}\n        </RenderHook>\n      )\n    },\n  )([])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+EU;AArEV,uBAAyB;AACzB,yBAKO;AAEP,qBAA6B;AAC7B,wBAA2B;AAC3B,6BAA+B;AAE/B,SAAS,yBACP,kBACA,mBACW;AACX,QAAM,kBAAc,uCAAe;AAEnC,SAAO;AAAA,IACL,GAAG,kBAAkB,OAAO;AAAA,UAC1B;AAAA,QACE;AAAA,QACA;AAAA,YACA,sCAAkB,WAAW,EAAE;AAAA,QAC/B;AAAA,MACF,GAAG;AAAA,IACL;AAAA,IACA,GAAG,YAAY,OAAO,CAAC,QAAQ,eAAe;AAC5C,aAAO;AAAA,QACL,GAAG;AAAA,QACH,KAAC,4CAAwB,UAAU,CAAC,GAAG,kBAAkB,OAAO;AAAA,cAC9D;AAAA,YACE;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX;AAAA,UACF,GAAG;AAAA,QACL;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAAA,EACP;AACF;AAEO,SAAS,oBACd,kBACA,mBACsC;AACtC,QAAM,SAAS,yBAAyB,kBAAkB,iBAAiB;AAE3E,aAAO,2BAAS,MAAM;AACxB;AASO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,UAAQ,QAAQ,CAAC,GAAG;AAAA,IAClB,CAAC,UAAU,EAAE,UAAU,MAAM,MAC3B,qBAAmB;AACjB,aACE,4CAAC,+BAAa,YAAY,WAAW,OAAO,MAAM,MAAM,OAAO,SAAS,SAAS,MAAM,GACpF,WAAAA,WACC,SAAS;AAAA,QACP,EAAE,UAAU,OAAOA,OAA0D;AAAA,QAC7E,GAAG;AAAA,MACL,CAAC,GAEL;AAAA,IAEJ;AAAA,IACF,CAAC,UAAiE;AAChE,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM;AAAA,UACN,YAAY,CAAC,OAAO,UAAU;AAAA,UAE7B,WAAAA,WAAS,SAASA,MAAK;AAAA;AAAA,QAJnB,WAAW;AAAA,MAKlB;AAAA,IAEJ;AAAA,EACF,EAAE,CAAC,CAAC;AACN;","names":["value"]}

package/dist/cjs/utils/coalesce.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/utils/coalesce.ts"],"sourcesContent":["const coalesce = <T>(...args: Array<T>): T => {\n  let i: number\n\n  for (i = 0; i < args.length - 1; i += 1) {\n    if (args[i] != null) return args[i]\n  }\n\n  return args[i]\n}\n\nexport default coalesce\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,WAAW,IAAO,SAAsB;AAC5C,MAAI;AAEJ,OAAK,IAAI,GAAG,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG;AACvC,QAAI,KAAK,CAAC,KAAK;AAAM,aAAO,KAAK,CAAC;AAAA,EACpC;AAEA,SAAO,KAAK,CAAC;AACf;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/cjs/utils/shallowMerge.js

@@ -1,44 +0,0 @@
-"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 shallowMerge_exports = {};
-__export(shallowMerge_exports, {
-  default: () => shallowMerge
-});
-module.exports = __toCommonJS(shallowMerge_exports);
-var import_keys = __toESM(require("./keys"));
-var import_coalesce = __toESM(require("./coalesce"));
-function shallowMerge(a, b) {
-  const bKeys = (0, import_keys.default)(b);
-  const merged = { ...a };
-  bKeys.forEach((key) => {
-    merged[key] = (0, import_coalesce.default)(merged[key], b[key]);
-  });
-  return merged;
-}
-//# sourceMappingURL=shallowMerge.js.map

package/dist/cjs/utils/shallowMerge.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/utils/shallowMerge.ts"],"sourcesContent":["import keys from './keys'\nimport coalesce from './coalesce'\n\nexport default function shallowMerge<\n  A extends Record<string, unknown>,\n  B extends Record<string, unknown>,\n>(a: A, b: B): A & B {\n  const bKeys = keys(b)\n  const merged = { ...a } as A & B\n\n  bKeys.forEach(key => {\n    // @ts-expect-error: `coalesce` returns `null | undefined` regardless of input guarantees.\n    merged[key] = coalesce(merged[key], b[key])\n  })\n\n  return merged\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,sBAAqB;AAEN,SAAR,aAGL,GAAM,GAAa;AACnB,QAAM,YAAQ,YAAAA,SAAK,CAAC;AACpB,QAAM,SAAS,EAAE,GAAG,EAAE;AAEtB,QAAM,QAAQ,SAAO;AAEnB,WAAO,GAAG,QAAI,gBAAAC,SAAS,OAAO,GAAG,GAAG,EAAE,GAAG,CAAC;AAAA,EAC5C,CAAC;AAED,SAAO;AACT;","names":["keys","coalesce"]}

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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,OAAO,WAAW;AAMlB,SAAS,iBAAiB;AAEnB,SAAS,cACd,MACA,YACoC;AACpC,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/image.js

@@ -1,29 +0,0 @@
-import { P, match } from "ts-pattern";
-import { Image } from "../../../controls";
-import { useFile } from "../hooks/makeswift-api";
-function useImageControlValue(data, definition) {
-  const format = definition.config.format ?? Image.Format.URL;
-  const fileId = match(data).with(P.string, (id) => id).with({ type: "makeswift-file" }, ({ id }) => id).otherwise(() => null);
-  const file = useFile(fileId);
-  return match([file, data, format]).with([{ __typename: "File" }, P.any, Image.Format.URL], ([file2]) => file2.publicUrl).with(
-    [{ __typename: "File", dimensions: P.not(P.nullish) }, P.any, Image.Format.WithDimensions],
-    ([file2]) => ({
-      url: file2.publicUrl,
-      dimensions: file2.dimensions
-    })
-  ).with([P.any, { type: "external-file" }, Image.Format.URL], ([, d]) => d.url).with(
-    [
-      P.any,
-      { type: "external-file", width: P.number, height: P.number },
-      Image.Format.WithDimensions
-    ],
-    ([, d]) => ({
-      url: d.url,
-      dimensions: { width: d.width, height: d.height }
-    })
-  ).otherwise(() => void 0);
-}
-export {
-  useImageControlValue
-};
-//# sourceMappingURL=image.js.map

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

@@ -1 +0,0 @@
-{"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,SAAS,GAAG,aAAa;AAIzB,SAAS,aAA8B;AAEvC,SAAS,eAAe;AAEjB,SAAS,qBACd,MACA,YACoC;AACpC,QAAM,SAAS,WAAW,OAAO,UAAU,MAAM,OAAO;AAExD,QAAM,SAAS,MAAM,IAAI,EACtB,KAAK,EAAE,QAAQ,QAAM,EAAE,EACvB,KAAK,EAAE,MAAM,iBAAiB,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAC/C,UAAU,MAAM,IAAI;AAEvB,QAAM,OAAO,QAAQ,MAAM;AAE3B,SAAO,MAAM,CAAC,MAAM,MAAM,MAAM,CAAC,EAC9B,KAAK,CAAC,EAAE,YAAY,OAAO,GAAG,EAAE,KAAK,MAAM,OAAO,GAAG,GAAG,CAAC,CAACA,KAAI,MAAMA,MAAK,SAAS,EAClF;AAAA,IACC,CAAC,EAAE,YAAY,QAAQ,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,MAAM,OAAO,cAAc;AAAA,IACzF,CAAC,CAACA,KAAI,OAAO;AAAA,MACX,KAAKA,MAAK;AAAA,MACV,YAAYA,MAAK;AAAA,IACnB;AAAA,EACF,EACC,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,gBAAgB,GAAG,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAC3E;AAAA,IACC;AAAA,MACE,EAAE;AAAA,MACF,EAAE,MAAM,iBAAiB,OAAO,EAAE,QAAQ,QAAQ,EAAE,OAAO;AAAA,MAC3D,MAAM,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":["file"]}

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

@@ -1,76 +0,0 @@
-import { useCallback, useMemo } from "react";
-import scrollIntoView from "scroll-into-view-if-needed";
-import { useElementId } from "../";
-import { usePagePathnameSlice } from "../hooks/makeswift-api";
-function useLinkControlValue(link, _definition) {
-  const pageId = link && link.type === "OPEN_PAGE" ? link.payload.pageId : null;
-  const page = usePagePathnameSlice(pageId ?? null);
-  const elementKey = link?.type === "SCROLL_TO_ELEMENT" ? link.payload.elementIdConfig?.elementKey : null;
-  const elementId = useElementId(elementKey);
-  let href = "#";
-  let target;
-  let block;
-  if (link) {
-    switch (link.type) {
-      case "OPEN_PAGE": {
-        if (page)
-          href = `/${page.localizedPathname ?? page.pathname}`;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "OPEN_URL": {
-        href = link.payload.url;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "SEND_EMAIL": {
-        const { to, subject = "", body = "" } = link.payload;
-        if (to != null)
-          href = `mailto:${to}?subject=${subject}&body=${body}`;
-        break;
-      }
-      case "CALL_PHONE": {
-        href = `tel:${link.payload.phoneNumber}`;
-        break;
-      }
-      case "SCROLL_TO_ELEMENT": {
-        href = `#${elementId ?? ""}`;
-        block = link.payload.block;
-        break;
-      }
-      default:
-        throw new RangeError(`Invalid link type "${link.type}."`);
-    }
-  }
-  const handleClick = useCallback(
-    (event) => {
-      if (event.defaultPrevented)
-        return;
-      if (link && link.type === "SCROLL_TO_ELEMENT") {
-        let hash;
-        try {
-          hash = new URL(`http://www.example.com/${href}`).hash;
-        } catch (error) {
-          console.error(`Link received invalid href: ${href}`, error);
-        }
-        if (href != null && href === hash) {
-          event.preventDefault();
-          const view = event.view;
-          scrollIntoView(view.document.querySelector(hash), {
-            behavior: "smooth",
-            block
-          });
-          if (view.location.hash !== hash)
-            view.history.pushState({}, "", hash);
-        }
-      }
-    },
-    [link, href, block]
-  );
-  const res = useMemo(() => ({ href, target, onClick: handleClick }), [href, target, handleClick]);
-  return res;
-}
-export {
-  useLinkControlValue
-};
-//# sourceMappingURL=link.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/controls/link.ts"],"sourcesContent":["import { MouseEvent, useCallback, useMemo } from 'react'\n\nimport { type DataType, type ResolvedValueType } from '@makeswift/controls'\n\nimport { LinkDefinition } from '../../../controls'\n\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport { useElementId } from '../'\nimport { usePagePathnameSlice } from '../hooks/makeswift-api'\n\nexport function useLinkControlValue(\n  link: DataType<LinkDefinition> | undefined,\n  _definition: LinkDefinition,\n): ResolvedValueType<LinkDefinition> {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  let href = '#'\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) href = `/${page.localizedPathname ?? page.pathname}`\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        href = `#${elementId ?? ''}`\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  const handleClick = useCallback(\n    (event: MouseEvent<Element>) => {\n      if (event.defaultPrevented) return\n\n      if (link && link.type === 'SCROLL_TO_ELEMENT') {\n        let hash: string | undefined\n\n        try {\n          hash = new URL(`http://www.example.com/${href}`).hash\n        } catch (error) {\n          console.error(`Link received invalid href: ${href}`, error)\n        }\n\n        if (href != null && href === hash) {\n          event.preventDefault()\n          const view = event.view as unknown as Window\n\n          scrollIntoView(view.document.querySelector(hash)!, {\n            behavior: 'smooth',\n            block,\n          })\n\n          if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n        }\n      }\n    },\n    [link, href, block],\n  )\n\n  const res = useMemo(() => ({ href, target, onClick: handleClick }), [href, target, handleClick])\n\n  return res\n}\n"],"mappings":"AAAA,SAAqB,aAAa,eAAe;AAMjD,OAAO,oBAAoB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAE9B,SAAS,oBACd,MACA,aACmC;AACnC,QAAM,SAAS,QAAQ,KAAK,SAAS,cAAc,KAAK,QAAQ,SAAS;AACzE,QAAM,OAAO,qBAAqB,UAAU,IAAI;AAEhD,QAAM,aACJ,MAAM,SAAS,sBAAsB,KAAK,QAAQ,iBAAiB,aAAa;AAClF,QAAM,YAAY,aAAa,UAAU;AAEzC,MAAI,OAAO;AACX,MAAI;AACJ,MAAI;AAEJ,MAAI,MAAM;AACR,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK,aAAa;AAChB,YAAI;AAAM,iBAAO,IAAI,KAAK,qBAAqB,KAAK,QAAQ;AAE5D,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,YAAY;AACf,eAAO,KAAK,QAAQ;AAEpB,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,cAAM,EAAE,IAAI,UAAU,IAAI,OAAO,GAAG,IAAI,KAAK;AAE7C,YAAI,MAAM;AAAM,iBAAO,UAAU,EAAE,YAAY,OAAO,SAAS,IAAI;AAEnE;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,eAAO,OAAO,KAAK,QAAQ,WAAW;AAEtC;AAAA,MACF;AAAA,MAEA,KAAK,qBAAqB;AACxB,eAAO,IAAI,aAAa,EAAE;AAC1B,gBAAQ,KAAK,QAAQ;AAErB;AAAA,MACF;AAAA,MAEA;AACE,cAAM,IAAI,WAAW,sBAAuB,KAAa,IAAI,IAAI;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,UAA+B;AAC9B,UAAI,MAAM;AAAkB;AAE5B,UAAI,QAAQ,KAAK,SAAS,qBAAqB;AAC7C,YAAI;AAEJ,YAAI;AACF,iBAAO,IAAI,IAAI,0BAA0B,IAAI,EAAE,EAAE;AAAA,QACnD,SAAS,OAAO;AACd,kBAAQ,MAAM,+BAA+B,IAAI,IAAI,KAAK;AAAA,QAC5D;AAEA,YAAI,QAAQ,QAAQ,SAAS,MAAM;AACjC,gBAAM,eAAe;AACrB,gBAAM,OAAO,MAAM;AAEnB,yBAAe,KAAK,SAAS,cAAc,IAAI,GAAI;AAAA,YACjD,UAAU;AAAA,YACV;AAAA,UACF,CAAC;AAED,cAAI,KAAK,SAAS,SAAS;AAAM,iBAAK,QAAQ,UAAU,CAAC,GAAG,IAAI,IAAI;AAAA,QACtE;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,MAAM,KAAK;AAAA,EACpB;AAEA,QAAM,MAAM,QAAQ,OAAO,EAAE,MAAM,QAAQ,SAAS,YAAY,IAAI,CAAC,MAAM,QAAQ,WAAW,CAAC;AAE/F,SAAO;AACT;","names":[]}

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

@@ -1,34 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { ControlValue } from "./control";
-function ListControlValue({
-  definition,
-  data,
-  children,
-  control
-}) {
-  const [controls, setControls] = useState(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    if (control == null || data == null)
-      return;
-    const childControls = control.childControls(data.map((item) => item.id));
-    control.setChildControls(childControls);
-    setControls(childControls);
-  }, [data, control]);
-  return (data ?? []).reduce(
-    (renderFn, item) => (listControlValue) => /* @__PURE__ */ jsx(
-      ControlValue,
-      {
-        definition: definition.config.type,
-        data: item.value,
-        control: controls?.get(item.id),
-        children: (value) => renderFn([value, ...listControlValue])
-      }
-    ),
-    children
-  )([]);
-}
-export {
-  ListControlValue
-};
-//# sourceMappingURL=list.js.map