@makeswift/runtime 0.13.0 → 0.14.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/prop-controllers/index.ts"],"sourcesContent":["export type {\n  CheckboxDescriptor,\n  CheckboxOptions,\n  CheckboxValue,\n  Data,\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  Device,\n  DeviceOverride,\n  Gap,\n  DateDescriptor,\n  DateValue,\n  GapXDescriptor,\n  GapXOptions,\n  GapXValue,\n  GapYDescriptor,\n  GapYOptions,\n  GapYValue,\n  NumberDescriptor,\n  NumberValue,\n  ResponsiveColorDescriptor,\n  ResponsiveColorValue,\n  ResponsiveNumberDescriptor,\n  ResponsiveNumberOptions,\n  ResponsiveNumberValue,\n  ResponsiveIconRadioGroupDescriptor,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveSelectDescriptor,\n  ResponsiveSelectValue,\n  ResponsiveLengthDescriptor,\n  ResponsiveLengthValue,\n  Length,\n  ImageDescriptor,\n  ImageValue,\n  ImageValueV0,\n  ImageValueV1,\n  ImagesDescriptor,\n  ImagesValueV0Item,\n  ImagesValueV1Item,\n  ImagesValueItem,\n  ImagesValue,\n  ImageBackground,\n  BackgroundsDescriptor,\n  BackgroundImage,\n  LinkDescriptor,\n  LinkValue,\n  ListDescriptor,\n  ListValue,\n  ListOptions,\n  RichTextDescriptor,\n  RichTextValue,\n  ShapeDescriptor,\n  ShapeValue,\n  TextInputDescriptor,\n  TextInputValue,\n  TextStyleDescriptor,\n  TextStyleValue,\n  TypeaheadDescriptor,\n  TypeaheadValue,\n  TypeaheadOptions,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n  ResponsiveValue,\n  ResponsiveValueType,\n} from './descriptors'\nexport * as Props from './descriptors'\nexport type {\n  PropControllerMessage,\n  RichTextPropControllerMessage,\n  TableFormFieldsMessage,\n} from './instances'\nexport { RichTextPropControllerMessageType, TableFormFieldsMessageType } from './instances'\nexport * as Introspection from './introspection'\nexport { copy as imageCopy } from './copy/image'\nexport { copy as imagesCopy } from './copy/images'\nexport { copy as backgroundsCopy } from './copy/backgrounds'\n"],"mappings":"AAkEA,YAAY,WAAW;AAMvB,SAAS,mCAAmC,kCAAkC;AAC9E,YAAY,mBAAmB;AAC/B,SAAiB,YAAiB;AAClC,SAAiB,QAARA,aAA0B;AACnC,SAAiB,QAARA,aAA+B;","names":["copy"]}

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

@@ -0,0 +1,132 @@
+import { Types } from "./descriptors";
+import { BuilderEditMode } from "../state/modules/builder-edit-mode";
+import {
+  ListControl,
+  ListControlType,
+  RichTextControl,
+  RichTextControlType,
+  ShapeControl,
+  ShapeControlType,
+  richTextDAOToDTO,
+  SlotControl,
+  SlotControlType,
+  StyleControl,
+  StyleControlType,
+  RichTextV2ControlType,
+  RichTextV2Control,
+  StyleV2Control,
+  StyleV2ControlType
+} from "../controls";
+import { PropController } from "./base";
+const RichTextPropControllerMessageType = {
+  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
+  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
+  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
+  FOCUS: "FOCUS",
+  BLUR: "BLUR",
+  UNDO: "UNDO",
+  REDO: "REDO",
+  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
+};
+class DefaultPropController extends PropController {
+  recv = (_message) => {
+  };
+}
+class RichTextPropController extends PropController {
+  editor = null;
+  recv = (message) => {
+    if (!this.editor)
+      return;
+    switch (message.type) {
+      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {
+        switch (message.editMode) {
+          case BuilderEditMode.BUILD:
+          case BuilderEditMode.INTERACT:
+            this.editor.deselectAndBlur();
+        }
+        break;
+      }
+      case RichTextPropControllerMessageType.FOCUS: {
+        this.editor.focusAndSelectAll();
+        break;
+      }
+    }
+  };
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,
+      value: richTextDAOToDTO(editor.children, editor.selection)
+    });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      if (options?.operation != null) {
+        this.send({
+          type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,
+          value: richTextDAOToDTO(editor.children, editor.selection)
+        });
+      }
+    };
+  }
+  focus() {
+    this.send({ type: RichTextPropControllerMessageType.FOCUS });
+  }
+  blur() {
+    this.send({ type: RichTextPropControllerMessageType.BLUR });
+  }
+  undo() {
+    this.send({ type: RichTextPropControllerMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextPropControllerMessageType.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: RichTextPropControllerMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+}
+const TableFormFieldsMessageType = {
+  TABLE_FORM_LAYOUT_CHANGE: "TABLE_FORM_LAYOUT_CHANGE",
+  TABLE_FORM_FIELD_LAYOUT_CHANGE: "TABLE_FORM_FIELD_LAYOUT_CHANGE"
+};
+class TableFormFieldsPropController extends PropController {
+  recv = () => {
+  };
+  tableFormLayoutChange(payload) {
+    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload });
+  }
+  tableFormFieldLayoutChange(payload) {
+    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload });
+  }
+}
+function createPropController(descriptor, send) {
+  switch (descriptor.type) {
+    case Types.RichText:
+      return new RichTextPropController(send);
+    case Types.TableFormFields:
+      return new TableFormFieldsPropController(send);
+    case SlotControlType:
+      return new SlotControl(send);
+    case RichTextControlType:
+      return new RichTextControl(send);
+    case RichTextV2ControlType:
+      return new RichTextV2Control(send, descriptor);
+    case ListControlType:
+      return new ListControl(send, descriptor);
+    case ShapeControlType:
+      return new ShapeControl(send, descriptor);
+    case StyleControlType:
+      return new StyleControl(send);
+    case StyleV2ControlType:
+      return new StyleV2Control(send, descriptor);
+    default:
+      return new DefaultPropController(send);
+  }
+}
+export {
+  RichTextPropControllerMessageType,
+  TableFormFieldsMessageType,
+  TableFormFieldsPropController,
+  createPropController
+};
+//# sourceMappingURL=instances.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/prop-controllers/instances.ts"],"sourcesContent":["import { Editor } from 'slate'\nimport { Descriptor, RichTextDescriptor, TableFormFieldsDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../state/modules/builder-edit-mode'\nimport { BoxModel } from '../state/modules/box-models'\nimport {\n  ListControl,\n  ListControlMessage,\n  ListControlType,\n  RichTextControl,\n  RichTextControlMessage,\n  RichTextControlType,\n  ShapeControl,\n  ShapeControlMessage,\n  ShapeControlType,\n  richTextDAOToDTO,\n  RichTextDTO,\n  SlotControl,\n  SlotControlMessage,\n  SlotControlType,\n  StyleControl,\n  StyleControlType,\n  StyleControlMessage,\n  RichTextV2ControlMessage,\n  RichTextV2ControlType,\n  RichTextV2Control,\n  StyleV2Control,\n  StyleV2ControlType,\n  StyleV2ControlMessage,\n} from '../controls'\nimport { PropController } from './base'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n  CHANGE_BOX_MODEL: 'CHANGE_BOX_MODEL',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: RichTextDTO\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: RichTextDTO\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\ntype ChangeBoxModelRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n  | ChangeBoxModelRichTextPropControllerMessage\n\nexport type PropControllerMessage =\n  | RichTextPropControllerMessage\n  | TableFormFieldsMessage\n  | SlotControlMessage\n  | RichTextControlMessage\n  | RichTextV2ControlMessage\n  | ListControlMessage\n  | ShapeControlMessage\n  | StyleControlMessage\n\nexport type Send<T = PropControllerMessage> = (message: T) => void\n\nclass DefaultPropController extends PropController {\n  recv = (_message: PropControllerMessage) => {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv = (message: RichTextPropControllerMessage) => {\n    if (!this.editor) return\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n          case BuilderEditMode.INTERACT:\n            this.editor.deselectAndBlur()\n        }\n        break\n      }\n      case RichTextPropControllerMessageType.FOCUS: {\n        this.editor.focusAndSelectAll()\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: richTextDAOToDTO(editor.children, editor.selection),\n    })\n\n    const _onChange = editor.onChange\n    this.editor.onChange = options => {\n      _onChange(options)\n\n      // if onChange is local then it will include an operation(s)\n      // that is the only case in which we want to push updates\n      // this prevent infinite loops that can occur when collaborating\n      if (options?.operation != null) {\n        this.send({\n          type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n          value: richTextDAOToDTO(editor.children, editor.selection),\n        })\n      }\n    }\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: RichTextPropControllerMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n}\n\nexport const TableFormFieldsMessageType = {\n  TABLE_FORM_LAYOUT_CHANGE: 'TABLE_FORM_LAYOUT_CHANGE',\n  TABLE_FORM_FIELD_LAYOUT_CHANGE: 'TABLE_FORM_FIELD_LAYOUT_CHANGE',\n} as const\n\ntype TableLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE\n  payload: { layout: BoxModel }\n}\n\ntype TableFieldLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE\n  payload: { layout: BoxModel; index: number }\n}\n\nexport type TableFormFieldsMessage =\n  | TableLayoutTableFormFieldsMessage\n  | TableFieldLayoutTableFormFieldsMessage\n\nexport class TableFormFieldsPropController extends PropController<TableFormFieldsMessage> {\n  recv = () => {}\n\n  tableFormLayoutChange(payload: { layout: BoxModel }) {\n    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload })\n  }\n\n  tableFormFieldLayoutChange(payload: { layout: BoxModel; index: number }) {\n    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : T extends { type: typeof RichTextControlType }\n  ? RichTextControl\n  : T extends { type: typeof RichTextV2ControlType }\n  ? RichTextV2Control\n  : T extends { type: typeof Types.TableFormFields }\n  ? TableFormFieldsPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport type AnyPropController =\n  | DefaultPropController\n  | RichTextPropController\n  | TableFormFieldsPropController\n  | SlotControl\n  | RichTextControl\n  | RichTextV2Control\n  | ListControl\n  | ShapeControl\n  | StyleControl\n  | StyleV2Control\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(\n  descriptor: TableFormFieldsDescriptor,\n  send: Send<TableFormFieldsMessage>,\n): TableFormFieldsPropController\nexport function createPropController(descriptor: Descriptor, send: Send): DefaultPropController\nexport function createPropController<T extends PropControllerMessage>(\n  descriptor: Descriptor,\n  send: Send<T>,\n): AnyPropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send as Send<RichTextPropControllerMessage>)\n\n    case Types.TableFormFields:\n      return new TableFormFieldsPropController(send as Send<TableFormFieldsMessage>)\n\n    case SlotControlType:\n      return new SlotControl(send as Send<SlotControlMessage>)\n\n    case RichTextControlType:\n      return new RichTextControl(send as Send<RichTextControlMessage>)\n\n    case RichTextV2ControlType:\n      return new RichTextV2Control(send as Send<RichTextV2ControlMessage>, descriptor)\n\n    case ListControlType:\n      return new ListControl(send as Send<ListControlMessage>, descriptor)\n\n    case ShapeControlType:\n      return new ShapeControl(send as Send<ShapeControlMessage>, descriptor)\n\n    case StyleControlType:\n      return new StyleControl(send as Send<StyleControlMessage>)\n\n    case StyleV2ControlType:\n      return new StyleV2Control(send as Send<StyleV2ControlMessage>, descriptor)\n\n    default:\n      return new DefaultPropController(send as Send)\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/prop-controllers/introspection.js

@@ -0,0 +1,366 @@
+import {
+  getListPropControllerElementChildren,
+  getListPropControllerFileIds,
+  getListPropControllerPageIds,
+  getListPropControllerSwatchIds,
+  getListPropControllerTypographyIds,
+  getShapePropControllerElementChildren,
+  getShapePropControllerFileIds,
+  getShapePropControllerPageIds,
+  getShapePropControllerSwatchIds,
+  getShapePropControllerTypographyIds,
+  Types
+} from "./descriptors";
+import {
+  ColorControlType,
+  getListElementChildren,
+  getListFileIds,
+  getListPageIds,
+  getListSwatchIds,
+  getListTypographyIds,
+  getShapeElementChildren,
+  getShapeFileIds,
+  getShapePageIds,
+  getShapeSwatchIds,
+  getShapeTypographyIds,
+  getTypographySwatchIds,
+  getTypographyTypographyIds,
+  ImageControlType,
+  LinkControlType,
+  ListControlType,
+  RichTextControlType,
+  ShapeControlType,
+  SlotControlType,
+  StyleV2ControlType,
+  TypographyControlType
+} from "../controls";
+import {
+  getRichTextPageIds,
+  getRichTextSwatchIds,
+  getRichTextTypographyIds
+} from "../controls/rich-text/introspection";
+import {
+  getRichTextV2PageIds,
+  getRichTextV2SwatchIds,
+  getRichTextV2TypographyIds
+} from "../controls/rich-text-v2/introspection";
+import {
+  RichTextV2ControlType,
+  isRichTextV1Data
+} from "../controls/rich-text-v2/rich-text-v2";
+import { match, P } from "ts-pattern";
+function getElementChildren(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Grid:
+      return prop.elements;
+    case SlotControlType:
+      return prop.elements;
+    case ListControlType:
+      return prop.flatMap(
+        ({ value }) => getElementChildren(descriptor.config.type, value)
+      );
+    case ShapeControlType: {
+      return getShapeElementChildren(descriptor, prop);
+    }
+    case ListControlType: {
+      return getListElementChildren(descriptor, prop);
+    }
+    case Types.Shape: {
+      return getShapePropControllerElementChildren(descriptor, prop);
+    }
+    case Types.List: {
+      return getListPropControllerElementChildren(descriptor, prop);
+    }
+    default:
+      return [];
+  }
+}
+function getElementId(descriptor, prop) {
+  if (prop == null)
+    return null;
+  switch (descriptor.type) {
+    case Types.ElementID:
+      return prop;
+    default:
+      return null;
+  }
+}
+function getBackgroundsSwatchIds(value) {
+  return value?.flatMap((override) => override.value).flatMap((backgroundItem) => {
+    switch (backgroundItem.type) {
+      case "color":
+        return backgroundItem.payload?.swatchId == null ? [] : [backgroundItem.payload.swatchId];
+      case "gradient":
+        return backgroundItem.payload.stops.flatMap(
+          (stop) => stop.color == null ? [] : stop.color.swatchId
+        );
+      default:
+        return [];
+    }
+  }) ?? [];
+}
+function getBorderSwatchIds(value) {
+  return value?.flatMap((override) => override.value).flatMap((borderValue) => {
+    return [
+      borderValue.borderTop?.color?.swatchId,
+      borderValue.borderRight?.color?.swatchId,
+      borderValue.borderBottom?.color?.swatchId,
+      borderValue.borderLeft?.color?.swatchId
+    ].filter((swatchId) => swatchId != null);
+  }) ?? [];
+}
+function getBoxShadowsSwatchIds(value) {
+  return value?.flatMap((override) => override.value).map((item) => item.payload.color?.swatchId).filter((swatchId) => swatchId != null) ?? [];
+}
+function getResponsiveColorSwatchIds(value) {
+  return value?.map((override) => override.value).map((color) => color.swatchId) ?? [];
+}
+function getSwatchIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Backgrounds:
+      return getBackgroundsSwatchIds(prop);
+    case Types.Border:
+      return getBorderSwatchIds(prop);
+    case Types.NavigationLinks: {
+      const value = prop;
+      return value?.flatMap((item) => {
+        switch (item.type) {
+          case "button":
+          case "dropdown":
+            return [
+              ...item.payload.color?.map((override) => override.value).map((color) => color.swatchId) ?? [],
+              ...item.payload.textColor?.map((override) => override.value).map((color) => color.swatchId) ?? []
+            ];
+        }
+      }) ?? [];
+    }
+    case Types.ResponsiveColor:
+      return getResponsiveColorSwatchIds(prop);
+    case Types.Shadows:
+      return getBoxShadowsSwatchIds(prop);
+    case RichTextControlType:
+    case Types.RichText: {
+      return getRichTextSwatchIds(prop);
+    }
+    case ColorControlType: {
+      const value = prop;
+      return value?.swatchId == null ? [] : [value.swatchId];
+    }
+    case TypographyControlType: {
+      return getTypographySwatchIds(prop);
+    }
+    case StyleV2ControlType: {
+      const value = prop;
+      return value?.flatMap((value2) => getSwatchIds(descriptor.config.type, value2.value)) ?? [];
+    }
+    case RichTextV2ControlType: {
+      const data = prop;
+      if (isRichTextV1Data(data))
+        return getRichTextSwatchIds(data);
+      return getRichTextV2SwatchIds(descriptor, data);
+    }
+    case ShapeControlType: {
+      return getShapeSwatchIds(descriptor, prop);
+    }
+    case ListControlType: {
+      return getListSwatchIds(descriptor, prop);
+    }
+    case Types.Shape: {
+      return getShapePropControllerSwatchIds(descriptor, prop);
+    }
+    case Types.List: {
+      return getListPropControllerSwatchIds(descriptor, prop);
+    }
+    default:
+      return [];
+  }
+}
+function getBackgroundsFileIds(value) {
+  return value?.flatMap((override) => override.value).flatMap((backgroundItem) => {
+    return match(backgroundItem).with({ type: "image-v1", payload: { image: { type: "makeswift-file" } } }, (item) => [
+      item.payload.image.id
+    ]).with({ type: "image", payload: { imageId: P.string } }, (item) => [item.payload.imageId]).otherwise(() => []);
+  }) ?? [];
+}
+function getFileIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Backgrounds:
+      return getBackgroundsFileIds(prop);
+    case Types.Image: {
+      return match(prop).with(P.string, (v) => [v]).with({ type: "makeswift-file", version: 1 }, (v) => [v.id]).with({ type: "external-file", version: 1 }, () => []).exhaustive();
+    }
+    case Types.Images: {
+      const value = prop;
+      return value?.flatMap(
+        (item) => match(item.props.file).with(P.string, (f) => [f]).with({ type: "makeswift-file", version: 1 }, (f) => [f.id]).with({ type: "external-file", version: 1 }, () => []).with(P.nullish, () => []).otherwise(() => [])
+      ) ?? [];
+    }
+    case ImageControlType: {
+      const value = prop;
+      return match(value).with(P.string, (f) => [f]).with({ type: "makeswift-file" }, (f) => [f.id]).with({ type: "external-file" }, () => []).otherwise(() => []);
+    }
+    case ShapeControlType: {
+      return getShapeFileIds(descriptor, prop);
+    }
+    case ListControlType: {
+      return getListFileIds(descriptor, prop);
+    }
+    case Types.Shape: {
+      return getShapePropControllerFileIds(descriptor, prop);
+    }
+    case Types.List: {
+      return getListPropControllerFileIds(descriptor, prop);
+    }
+    default:
+      return [];
+  }
+}
+function getTypographyIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case TypographyControlType: {
+      return getTypographyTypographyIds(prop);
+    }
+    case RichTextControlType:
+    case Types.RichText: {
+      return getRichTextTypographyIds(prop);
+    }
+    case RichTextV2ControlType: {
+      const data = prop;
+      if (isRichTextV1Data(data))
+        return getRichTextTypographyIds(data);
+      return getRichTextV2TypographyIds(descriptor, data);
+    }
+    case ShapeControlType: {
+      return getShapeTypographyIds(descriptor, prop);
+    }
+    case ListControlType: {
+      return getListTypographyIds(descriptor, prop);
+    }
+    case Types.Shape: {
+      return getShapePropControllerTypographyIds(descriptor, prop);
+    }
+    case Types.List: {
+      return getListPropControllerTypographyIds(descriptor, prop);
+    }
+    default:
+      return [];
+  }
+}
+function getTableIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Table: {
+      const value = prop;
+      return value == null ? [] : [value];
+    }
+    default:
+      return [];
+  }
+}
+function getPageIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Link: {
+      const value = prop;
+      if (value == null)
+        return [];
+      switch (value.type) {
+        case "OPEN_PAGE":
+          return value.payload.pageId == null ? [] : [value.payload.pageId];
+        default:
+          return [];
+      }
+    }
+    case LinkControlType: {
+      const value = prop;
+      if (value == null)
+        return [];
+      switch (value.type) {
+        case "OPEN_PAGE":
+          return value.payload.pageId == null ? [] : [value.payload.pageId];
+        default:
+          return [];
+      }
+    }
+    case Types.NavigationLinks: {
+      const value = prop;
+      if (value == null)
+        return [];
+      return value?.flatMap((item) => {
+        switch (item.type) {
+          case "button": {
+            if (item.payload.link == null)
+              return [];
+            switch (item.payload.link.type) {
+              case "OPEN_PAGE":
+                return item.payload.link.payload.pageId == null ? [] : [item.payload.link.payload.pageId];
+              default:
+                return [];
+            }
+          }
+          case "dropdown": {
+            return item.payload.links?.flatMap((link) => {
+              if (link.payload.link == null)
+                return [];
+              switch (link.payload.link.type) {
+                case "OPEN_PAGE":
+                  return link.payload.link.payload.pageId == null ? [] : [link.payload.link.payload.pageId];
+                default:
+                  return [];
+              }
+            }) ?? [];
+          }
+        }
+      }) ?? [];
+    }
+    case RichTextControlType:
+    case Types.RichText: {
+      return getRichTextPageIds(prop);
+    }
+    case RichTextV2ControlType: {
+      const data = prop;
+      if (isRichTextV1Data(data))
+        return getRichTextPageIds(data);
+      return getRichTextV2PageIds(descriptor, data);
+    }
+    case ShapeControlType: {
+      return getShapePageIds(descriptor, prop);
+    }
+    case ListControlType: {
+      return getListPageIds(descriptor, prop);
+    }
+    case Types.Shape: {
+      return getShapePropControllerPageIds(descriptor, prop);
+    }
+    case Types.List: {
+      return getListPropControllerPageIds(descriptor, prop);
+    }
+    default:
+      return [];
+  }
+}
+export {
+  getBackgroundsFileIds,
+  getBackgroundsSwatchIds,
+  getBorderSwatchIds,
+  getBoxShadowsSwatchIds,
+  getElementChildren,
+  getElementId,
+  getFileIds,
+  getPageIds,
+  getResponsiveColorSwatchIds,
+  getSwatchIds,
+  getTableIds,
+  getTypographyIds
+};
+//# sourceMappingURL=introspection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/prop-controllers/introspection.ts"],"sourcesContent":["import {\n  BackgroundsValue,\n  BorderValue,\n  Descriptor,\n  ElementIDValue,\n  getListPropControllerElementChildren,\n  getListPropControllerFileIds,\n  getListPropControllerPageIds,\n  getListPropControllerSwatchIds,\n  getListPropControllerTypographyIds,\n  getShapePropControllerElementChildren,\n  getShapePropControllerFileIds,\n  getShapePropControllerPageIds,\n  getShapePropControllerSwatchIds,\n  getShapePropControllerTypographyIds,\n  GridValue,\n  ImagesValue,\n  ImageValue,\n  LinkValue,\n  ListValue,\n  NavigationLinksValue,\n  ResponsiveColorValue,\n  RichTextValue,\n  ShadowsValue,\n  ShapeValue,\n  TableValue,\n  Types,\n} from './descriptors'\nimport { Data, Element } from '../state/react-page'\nimport {\n  ColorControlData,\n  ColorControlType,\n  getListElementChildren,\n  getListFileIds,\n  getListPageIds,\n  getListSwatchIds,\n  getListTypographyIds,\n  getShapeElementChildren,\n  getShapeFileIds,\n  getShapePageIds,\n  getShapeSwatchIds,\n  getShapeTypographyIds,\n  getTypographySwatchIds,\n  getTypographyTypographyIds,\n  ImageControlData,\n  ImageControlType,\n  LinkControlData,\n  LinkControlType,\n  ListControlData,\n  ListControlType,\n  RichTextControlData,\n  RichTextControlType,\n  ShapeControlData,\n  ShapeControlType,\n  SlotControlData,\n  SlotControlType,\n  StyleV2ControlData,\n  StyleV2ControlType,\n  TypographyControlData,\n  TypographyControlType,\n} from '../controls'\nimport {\n  getRichTextPageIds,\n  getRichTextSwatchIds,\n  getRichTextTypographyIds,\n} from '../controls/rich-text/introspection'\nimport {\n  getRichTextV2PageIds,\n  getRichTextV2SwatchIds,\n  getRichTextV2TypographyIds,\n} from '../controls/rich-text-v2/introspection'\nimport {\n  RichTextV2ControlType,\n  RichTextV2ControlData,\n  isRichTextV1Data,\n} from '../controls/rich-text-v2/rich-text-v2'\nimport { match, P } from 'ts-pattern'\n\nexport function getElementChildren<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): Element[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Grid:\n      return (prop as GridValue).elements\n\n    case SlotControlType:\n      return (prop as SlotControlData).elements\n\n    case ListControlType:\n      return (prop as ListControlData).flatMap(({ value }) =>\n        getElementChildren(descriptor.config.type, value),\n      )\n\n    case ShapeControlType: {\n      return getShapeElementChildren(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListElementChildren(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerElementChildren(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerElementChildren(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getElementId<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string | null {\n  if (prop == null) return null\n\n  switch (descriptor.type) {\n    case Types.ElementID:\n      return prop as ElementIDValue\n\n    default:\n      return null\n  }\n}\n\nexport function getBackgroundsSwatchIds(value: BackgroundsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(backgroundItem => {\n        switch (backgroundItem.type) {\n          case 'color':\n            return backgroundItem.payload?.swatchId == null ? [] : [backgroundItem.payload.swatchId]\n\n          case 'gradient':\n            return backgroundItem.payload.stops.flatMap(stop =>\n              stop.color == null ? [] : stop.color.swatchId,\n            )\n\n          default:\n            return []\n        }\n      }) ?? []\n  )\n}\n\nexport function getBorderSwatchIds(value: BorderValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(borderValue => {\n        return [\n          borderValue.borderTop?.color?.swatchId,\n          borderValue.borderRight?.color?.swatchId,\n          borderValue.borderBottom?.color?.swatchId,\n          borderValue.borderLeft?.color?.swatchId,\n        ].filter((swatchId): swatchId is NonNullable<typeof swatchId> => swatchId != null)\n      }) ?? []\n  )\n}\n\nexport function getBoxShadowsSwatchIds(value: ShadowsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .map(item => item.payload.color?.swatchId)\n      .filter((swatchId): swatchId is NonNullable<typeof swatchId> => swatchId != null) ?? []\n  )\n}\n\nexport function getResponsiveColorSwatchIds(\n  value: ResponsiveColorValue | null | undefined,\n): string[] {\n  return value?.map(override => override.value).map(color => color.swatchId) ?? []\n}\n\nexport function getSwatchIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n  switch (descriptor.type) {\n    case Types.Backgrounds:\n      return getBackgroundsSwatchIds(prop as BackgroundsValue)\n\n    case Types.Border:\n      return getBorderSwatchIds(prop as BorderValue)\n\n    case Types.NavigationLinks: {\n      const value = prop as NavigationLinksValue\n      return (\n        value?.flatMap(item => {\n          switch (item.type) {\n            case 'button':\n            case 'dropdown':\n              return [\n                ...(item.payload.color\n                  ?.map(override => override.value)\n                  .map(color => color.swatchId) ?? []),\n                ...(item.payload.textColor\n                  ?.map(override => override.value)\n                  .map(color => color.swatchId) ?? []),\n              ]\n          }\n        }) ?? []\n      )\n    }\n    case Types.ResponsiveColor:\n      return getResponsiveColorSwatchIds(prop as ResponsiveColorValue)\n\n    case Types.Shadows:\n      return getBoxShadowsSwatchIds(prop as ShadowsValue)\n\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextSwatchIds(prop as RichTextValue)\n    }\n\n    case ColorControlType: {\n      const value = prop as ColorControlData\n      return value?.swatchId == null ? [] : [value.swatchId]\n    }\n\n    case TypographyControlType: {\n      return getTypographySwatchIds(prop as TypographyControlData[number])\n    }\n\n    case StyleV2ControlType: {\n      const value = prop as StyleV2ControlData\n\n      return value?.flatMap(value => getSwatchIds(descriptor.config.type, value.value)) ?? []\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextSwatchIds(data)\n\n      return getRichTextV2SwatchIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapeSwatchIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListSwatchIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerSwatchIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerSwatchIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getBackgroundsFileIds(value: BackgroundsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(backgroundItem => {\n        return match(backgroundItem)\n          .with({ type: 'image-v1', payload: { image: { type: 'makeswift-file' } } }, item => [\n            item.payload.image.id,\n          ])\n          .with({ type: 'image', payload: { imageId: P.string } }, item => [item.payload.imageId])\n          .otherwise(() => [])\n      }) ?? []\n  )\n}\n\nexport function getFileIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Backgrounds:\n      return getBackgroundsFileIds(prop as BackgroundsValue)\n\n    case Types.Image: {\n      return match(prop as ImageValue)\n        .with(P.string, v => [v])\n        .with({ type: 'makeswift-file', version: 1 }, v => [v.id])\n        .with({ type: 'external-file', version: 1 }, () => [])\n        .exhaustive()\n    }\n\n    case Types.Images: {\n      const value = prop as ImagesValue\n      return (\n        value?.flatMap(item =>\n          match(item.props.file)\n            .with(P.string, f => [f])\n            .with({ type: 'makeswift-file', version: 1 }, f => [f.id])\n            .with({ type: 'external-file', version: 1 }, () => [])\n            .with(P.nullish, () => [])\n            .otherwise(() => []),\n        ) ?? []\n      )\n    }\n\n    case ImageControlType: {\n      const value = prop as ImageControlData\n      return match(value)\n        .with(P.string, f => [f])\n        .with({ type: 'makeswift-file' }, f => [f.id])\n        .with({ type: 'external-file' }, () => [])\n        .otherwise(() => [])\n    }\n\n    case ShapeControlType: {\n      return getShapeFileIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListFileIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerFileIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerFileIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTypographyIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case TypographyControlType: {\n      return getTypographyTypographyIds(prop as TypographyControlData[number])\n    }\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextTypographyIds(prop as RichTextControlData)\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextTypographyIds(data)\n\n      return getRichTextV2TypographyIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapeTypographyIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListTypographyIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerTypographyIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerTypographyIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTableIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Table: {\n      const value = prop as TableValue\n      return value == null ? [] : [value]\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getPageIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Link: {\n      const value = prop as LinkValue\n      if (value == null) return []\n\n      switch (value.type) {\n        case 'OPEN_PAGE':\n          return value.payload.pageId == null ? [] : [value.payload.pageId]\n\n        default:\n          return []\n      }\n    }\n\n    case LinkControlType: {\n      const value = prop as LinkControlData\n\n      if (value == null) return []\n\n      switch (value.type) {\n        case 'OPEN_PAGE':\n          return value.payload.pageId == null ? [] : [value.payload.pageId]\n\n        default:\n          return []\n      }\n    }\n\n    case Types.NavigationLinks: {\n      const value = prop as NavigationLinksValue\n      if (value == null) return []\n\n      return (\n        value?.flatMap(item => {\n          switch (item.type) {\n            case 'button': {\n              if (item.payload.link == null) return []\n\n              switch (item.payload.link.type) {\n                case 'OPEN_PAGE':\n                  return item.payload.link.payload.pageId == null\n                    ? []\n                    : [item.payload.link.payload.pageId]\n\n                default:\n                  return []\n              }\n            }\n\n            case 'dropdown': {\n              return (\n                item.payload.links?.flatMap(link => {\n                  if (link.payload.link == null) return []\n\n                  switch (link.payload.link.type) {\n                    case 'OPEN_PAGE':\n                      return link.payload.link.payload.pageId == null\n                        ? []\n                        : [link.payload.link.payload.pageId]\n\n                    default:\n                      return []\n                  }\n                }) ?? []\n              )\n            }\n          }\n        }) ?? []\n      )\n    }\n\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextPageIds(prop as RichTextControlData)\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextPageIds(data)\n\n      return getRichTextV2PageIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapePageIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListPageIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerPageIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerPageIds(descriptor, prop as ListValue)\n    }\n    default:\n      return []\n  }\n}\n"],"mappings":"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","names":["value"]}

package/dist/esm/react.js

@@ -0,0 +1,22 @@
+import { ActionTypes, changeDocument } from "./state/actions";
+import {
+  Element,
+  RuntimeProvider,
+  ReactRuntime,
+  useIsInBuilder,
+  DocumentReference,
+  PageProvider,
+  usePageId
+} from "./runtimes/react";
+export {
+  ActionTypes,
+  DocumentReference,
+  Element,
+  PageProvider,
+  ReactRuntime,
+  RuntimeProvider,
+  changeDocument,
+  useIsInBuilder,
+  usePageId
+};
+//# sourceMappingURL=react.js.map

package/dist/esm/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react.ts"],"sourcesContent":["export type { Action } from './state/actions'\nexport { ActionTypes, changeDocument } from './state/actions'\nexport {\n  Element,\n  RuntimeProvider,\n  ReactRuntime,\n  useIsInBuilder,\n  DocumentReference,\n  PageProvider,\n  usePageId,\n} from './runtimes/react'\n"],"mappings":"AACA,SAAS,aAAa,sBAAsB;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

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

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import { DocumentContext } from "../hooks/use-document-key";
+import { Element } from "./Element";
+const Document = memo(
+  forwardRef(function Document2({ document }, ref) {
+    return /* @__PURE__ */ jsx(DocumentContext.Provider, { value: document.key, children: /* @__PURE__ */ jsx(Element, { ref, element: document.rootElement }) });
+  })
+);
+export {
+  Document
+};
+//# sourceMappingURL=Document.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Document.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { Document as ReactPageDocument } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { DocumentContext } from '../hooks/use-document-key'\nimport { Element } from './Element'\n\ntype DocumentProps = {\n  document: ReactPageDocument\n}\n\nexport const Document = memo(\n  forwardRef(function Document(\n    { document }: DocumentProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    return (\n      <DocumentContext.Provider value={document.key}>\n        <Element ref={ref} element={document.rootElement} />\n      </DocumentContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAiBQ;AAjBR,SAAc,YAAY,YAAY;AAGtC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAMjB,MAAM,WAAW;AAAA,EACtB,WAAW,SAASA,UAClB,EAAE,SAAS,GACX,KACa;AACb,WACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAAS,KACxC,8BAAC,WAAQ,KAAU,SAAS,SAAS,aAAa,GACpD;AAAA,EAEJ,CAAC;AACH;","names":["Document"]}

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import { useDocument } from "../hooks/use-document";
+import { FallbackComponent } from "../../../components/shared/FallbackComponent";
+import { Document } from "./Document";
+const DocumentReference = memo(
+  forwardRef(function DocumentReference2({ documentReference }, ref) {
+    const document = useDocument(documentReference.key);
+    if (document == null) {
+      return /* @__PURE__ */ jsx(FallbackComponent, { ref, text: "Document not found" });
+    }
+    return /* @__PURE__ */ jsx(Document, { ref, document });
+  })
+);
+export {
+  DocumentReference
+};
+//# sourceMappingURL=DocumentReference.js.map

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

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