@makeswift/runtime 0.0.0-e0c0445 → 0.0.0-e5fb3bd

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'\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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,2BAA0B;AAKnB,SAAS,cACd,MACA,YACwB;AACxB,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/control.js

@@ -0,0 +1,246 @@
+"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 control_exports = {};
+__export(control_exports, {
+  ControlValue: () => ControlValue
+});
+module.exports = __toCommonJS(control_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_controls = require("../../../controls");
+var import_icon_radio_group = require("../../../controls/icon-radio-group");
+var import_components = require("../components");
+var import_checkbox = require("./checkbox");
+var import_color = require("./color");
+var import_combobox = require("./combobox");
+var import_icon_radio_group2 = require("./icon-radio-group");
+var import_image = require("./image");
+var import_link = require("./link");
+var import_list = require("./list");
+var import_number = require("./number");
+var import_rich_text = require("./rich-text/rich-text");
+var import_rich_text_v2 = require("./rich-text-v2");
+var import_select = require("./select");
+var import_shape = require("./shape");
+var import_slot = require("./slot");
+var import_style = require("./style");
+var import_style_v2 = require("./style-v2");
+var import_text_area = require("./text-area");
+var import_text_input = require("./text-input");
+var import_typography = require("./typography");
+function ControlValue({
+  data,
+  definition,
+  children,
+  control
+}) {
+  switch (definition.type) {
+    case import_controls.CheckboxControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_checkbox.useCheckboxControlValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.NumberControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_number.useNumber,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.TextInputControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_text_input.useTextInputValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.TextAreaControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_text_area.useTextAreaValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.SelectControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_select.useSelectControlValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.ColorControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_color.useColorValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_icon_radio_group.IconRadioGroupControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_icon_radio_group2.useIconRadioGroupValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.ImageControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_image.useImageControlValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.LinkControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_link.useLinkControlValue,
+          parameters: [data, definition],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.ComboboxControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_combobox.useComboboxControlValue,
+          parameters: [data],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.ShapeControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_shape.ShapeControlValue,
+        {
+          definition,
+          data,
+          control,
+          children: (value) => children(value)
+        }
+      );
+    case import_controls.ListControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_list.ListControlValue,
+        {
+          definition,
+          data,
+          control,
+          children: (value) => children(value)
+        }
+      );
+    case import_controls.StyleV2ControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_style_v2.StyleV2ControlValue,
+        {
+          data,
+          definition,
+          control,
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.SlotControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_slot.useSlot,
+          parameters: [data, control],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.RichTextControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_rich_text.useRichText,
+          parameters: [data, control],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.RichTextV2ControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_rich_text_v2.useRichTextV2,
+          parameters: [
+            data,
+            definition,
+            control
+          ],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.StyleControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_style.useFormattedStyle,
+          parameters: [data, definition, control],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    case import_controls.TypographyControlType:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_typography.useTypographyValue,
+          parameters: [data],
+          children: (value) => children(value)
+        },
+        definition.type
+      );
+    default:
+      return children(data);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ControlValue
+});
+//# sourceMappingURL=control.js.map

package/dist/cjs/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":["import_icon_radio_group"]}

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 {\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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,SAAS,uBACd,2BACA,mBAC+B;AAC/B,SAAQ,6BACN,kBAAkB,OAAO;AAC7B;","names":[]}

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

@@ -0,0 +1,57 @@
+"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_controls = require("../../../controls");
+var import_makeswift_api = require("../hooks/makeswift-api");
+function useImageControlValue(data, definition) {
+  const format = definition.config.format ?? import_controls.ImageControlValueFormat.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_controls.ImageControlValueFormat.URL], ([file2]) => file2.publicUrl).with(
+    [
+      { __typename: "File", dimensions: import_ts_pattern.P.not(import_ts_pattern.P.nullish) },
+      import_ts_pattern.P.any,
+      import_controls.ImageControlValueFormat.WithDimensions
+    ],
+    ([file2]) => ({
+      url: file2.publicUrl,
+      dimensions: file2.dimensions
+    })
+  ).with([import_ts_pattern.P.any, { type: "external-file" }, import_controls.ImageControlValueFormat.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_controls.ImageControlValueFormat.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'\nimport {\n  ControlDefinition,\n  ImageControlData,\n  ImageControlDefinition,\n  ImageControlValueFormat,\n} from '../../../controls'\nimport { useFile } from '../hooks/makeswift-api'\n\ntype ImageWithDimensions = {\n  url: string\n  dimensions: { width: number; height: number }\n}\n\nexport type ImageControlValue = string | ImageWithDimensions | undefined\n\nexport function useImageControlValue(\n  data: ImageControlData | undefined,\n  definition: ImageControlDefinition,\n): ImageControlValue {\n  const format = definition.config.format ?? ImageControlValueFormat.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, ImageControlValueFormat.URL], ([file]) => file.publicUrl)\n    .with(\n      [\n        { __typename: 'File', dimensions: P.not(P.nullish) },\n        P.any,\n        ImageControlValueFormat.WithDimensions,\n      ],\n      ([file]) => ({\n        url: file.publicUrl,\n        dimensions: file.dimensions,\n      }),\n    )\n    .with([P.any, { type: 'external-file' }, ImageControlValueFormat.URL], ([, d]) => d.url)\n    .with(\n      [\n        P.any,\n        { type: 'external-file', width: P.number, height: P.number },\n        ImageControlValueFormat.WithDimensions,\n      ],\n      ([, d]) => ({\n        url: d.url,\n        dimensions: { width: d.width, height: d.height },\n      }),\n    )\n    .otherwise(() => undefined)\n}\n\nexport type ResolveImageControlValue<T extends ControlDefinition> = T extends ImageControlDefinition\n  ? undefined extends T['config']['format']\n    ? string | undefined\n    : T['config']['format'] extends typeof ImageControlValueFormat.URL\n    ? string | undefined\n    : T['config']['format'] extends typeof ImageControlValueFormat.WithDimensions\n    ? ImageWithDimensions | undefined\n    : never\n  : never\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAyB;AACzB,sBAKO;AACP,2BAAwB;AASjB,SAAS,qBACd,MACA,YACmB;AACnB,QAAM,SAAS,WAAW,OAAO,UAAU,wCAAwB;AAEnE,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,wCAAwB,GAAG,GAAG,CAAC,CAACA,KAAI,MAAMA,MAAK,SAAS,EAC7F;AAAA,IACC;AAAA,MACE,EAAE,YAAY,QAAQ,YAAY,oBAAE,IAAI,oBAAE,OAAO,EAAE;AAAA,MACnD,oBAAE;AAAA,MACF,wCAAwB;AAAA,IAC1B;AAAA,IACA,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,wCAAwB,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EACtF;AAAA,IACC;AAAA,MACE,oBAAE;AAAA,MACF,EAAE,MAAM,iBAAiB,OAAO,oBAAE,QAAQ,QAAQ,oBAAE,OAAO;AAAA,MAC3D,wCAAwB;AAAA,IAC1B;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/cjs/runtimes/react/controls/link.js

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/link.ts"],"sourcesContent":["import { MouseEvent, useCallback, useMemo } from 'react'\n\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport { useElementId } from '../'\nimport { LinkControlData, LinkControlDefinition } from '../../../controls'\nimport { usePagePathnameSlice } from '../hooks/makeswift-api'\n\ntype LinkValue = {\n  href: string\n  target: '_blank' | '_self' | undefined\n  onClick: (event: MouseEvent<HTMLElement>) => void\n}\n\nexport type LinkControlValue<_T extends LinkControlDefinition> = LinkValue | undefined\n\nexport function useLinkControlValue<T extends LinkControlDefinition>(\n  link: LinkControlData | undefined,\n  _definition: T,\n): LinkControlValue<T> {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\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.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<HTMLElement>) => {\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;AAEjD,wCAA2B;AAC3B,eAA6B;AAE7B,2BAAqC;AAU9B,SAAS,oBACd,MACA,aACqB;AACrB,QAAM,SAAS,QAAQ,KAAK,SAAS,cAAc,KAAK,QAAQ,SAAS;AACzE,QAAM,WAAO,2CAAqB,UAAU,IAAI;AAChD,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,QAAQ;AAElC,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,UAAmC;AAClC,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

@@ -0,0 +1,56 @@
+"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;
+    setControls(control.setItemsControl(data));
+  }, [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