@makeswift/runtime 0.7.12 → 0.7.14

package/dist/introspection.es.js

@@ -0,0 +1,317 @@
+import { S as ShapeControlType, L as ListControlType, b as SlotControlType, T as Types, C as ColorControlType, I as ImageControlType } from "./rich-text.es.js";
+import "slate";
+import "slate-react";
+function isNonNullable(value) {
+  return value != null;
+}
+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: {
+      const shapeControlData = prop;
+      return Object.keys(shapeControlData).flatMap((key) => getElementChildren(descriptor.config.type[key], shapeControlData[key]));
+    }
+    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) {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
+    var _a2;
+    switch (backgroundItem.type) {
+      case "color":
+        return ((_a2 = backgroundItem.payload) == null ? void 0 : _a2.swatchId) == null ? [] : [backgroundItem.payload.swatchId];
+      case "gradient":
+        return backgroundItem.payload.stops.flatMap((stop) => stop.color == null ? [] : stop.color.swatchId);
+      default:
+        return [];
+    }
+  })) != null ? _a : [];
+}
+function getBorderSwatchIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((borderValue) => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    return [
+      (_b = (_a2 = borderValue.borderTop) == null ? void 0 : _a2.color) == null ? void 0 : _b.swatchId,
+      (_d = (_c = borderValue.borderRight) == null ? void 0 : _c.color) == null ? void 0 : _d.swatchId,
+      (_f = (_e = borderValue.borderBottom) == null ? void 0 : _e.color) == null ? void 0 : _f.swatchId,
+      (_h = (_g = borderValue.borderLeft) == null ? void 0 : _g.color) == null ? void 0 : _h.swatchId
+    ].filter((swatchId) => swatchId != null);
+  })) != null ? _a : [];
+}
+function getBoxShadowsSwatchIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).map((item) => {
+    var _a2;
+    return (_a2 = item.payload.color) == null ? void 0 : _a2.swatchId;
+  }).filter((swatchId) => swatchId != null)) != null ? _a : [];
+}
+function getResponsiveColorSwatchIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.map((override) => override.value).map((color) => color.swatchId)) != null ? _a : [];
+}
+function getTypographyStyleSwatchIds(style) {
+  var _a;
+  return (_a = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
+    var _a2;
+    return (_a2 = typographyStyle.color) == null ? void 0 : _a2.swatchId;
+  }).filter(isNonNullable)) != null ? _a : [];
+}
+function getElementSwatchIds(descriptor, prop) {
+  var _a;
+  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 (_a = value == null ? void 0 : value.flatMap((item) => {
+        var _a2, _b, _c, _d;
+        switch (item.type) {
+          case "button":
+          case "dropdown":
+            return [
+              ...(_b = (_a2 = item.payload.color) == null ? void 0 : _a2.map((override) => override.value).map((color) => color.swatchId)) != null ? _b : [],
+              ...(_d = (_c = item.payload.textColor) == null ? void 0 : _c.map((override) => override.value).map((color) => color.swatchId)) != null ? _d : []
+            ];
+        }
+      })) != null ? _a : [];
+    }
+    case Types.ResponsiveColor:
+      return getResponsiveColorSwatchIds(prop);
+    case Types.Shadows:
+      return getBoxShadowsSwatchIds(prop);
+    case Types.RichText: {
+      let getNodeSwatchIds = function(node) {
+        var _a2, _b, _c, _d;
+        switch (node.object) {
+          case "document":
+          case "block":
+          case "inline":
+            return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeSwatchIds)) != null ? _b : [];
+          case "text":
+            return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
+          default:
+            return [];
+        }
+      }, getMarkSwatchIds = function(mark) {
+        var _a2, _b;
+        return getTypographyStyleSwatchIds((_b = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b.style);
+      };
+      const value = prop;
+      if (value == null || value.document == null)
+        return [];
+      return getNodeSwatchIds(value.document);
+    }
+    case ColorControlType: {
+      const value = prop;
+      return (value == null ? void 0 : value.swatchId) == null ? [] : [value.swatchId];
+    }
+    default:
+      return [];
+  }
+}
+function getBackgroundsFileIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
+    switch (backgroundItem.type) {
+      case "image":
+        return [backgroundItem.payload.imageId];
+      default:
+        return [];
+    }
+  })) != null ? _a : [];
+}
+function getFileIds(descriptor, prop) {
+  var _a;
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Backgrounds:
+      return getBackgroundsFileIds(prop);
+    case Types.Image: {
+      const value = prop;
+      return value == null ? [] : [value];
+    }
+    case Types.Images: {
+      const value = prop;
+      return (_a = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a : [];
+    }
+    case ImageControlType: {
+      const value = prop;
+      return value == null ? [] : [value];
+    }
+    default:
+      return [];
+  }
+}
+function getTypographyIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.RichText: {
+      let getNodeTypographyIds = function(node) {
+        var _a, _b, _c, _d;
+        switch (node.object) {
+          case "document":
+          case "block":
+          case "inline":
+            return (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(getNodeTypographyIds)) != null ? _b : [];
+          case "text":
+            return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkTypographyIds)) != null ? _d : [];
+          default:
+            return [];
+        }
+      }, getMarkTypographyIds = function(mark) {
+        var _a, _b;
+        return [(_b = (_a = mark.data) == null ? void 0 : _a.value) == null ? void 0 : _b.id].filter((id) => id != null);
+      };
+      const value = prop;
+      if (value == null || value.document == null)
+        return [];
+      return getNodeTypographyIds(value.document);
+    }
+    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) {
+  var _a;
+  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 Types.NavigationLinks: {
+      const value = prop;
+      if (value == null)
+        return [];
+      return (_a = value == null ? void 0 : value.flatMap((item) => {
+        var _a2, _b;
+        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 (_b = (_a2 = item.payload.links) == null ? void 0 : _a2.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 [];
+              }
+            })) != null ? _b : [];
+          }
+        }
+      })) != null ? _a : [];
+    }
+    case Types.RichText: {
+      let getNodePageIds = function(node) {
+        var _a2, _b;
+        switch (node.object) {
+          case "document":
+          case "block":
+            return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+          case "inline":
+            return getInlinePageIds(node);
+          default:
+            return [];
+        }
+      }, getInlinePageIds = function(inline) {
+        var _a2, _b, _c, _d;
+        switch (inline.type) {
+          case "link": {
+            const nodePageIds = (_b = (_a2 = inline.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+            const dataPageIds = inline.data ? getLinkDataPageIds(inline.data) : [];
+            return [...nodePageIds, ...dataPageIds];
+          }
+          default:
+            return (_d = (_c = inline.nodes) == null ? void 0 : _c.flatMap(getNodePageIds)) != null ? _d : [];
+        }
+      }, getLinkDataPageIds = function(link) {
+        switch (link.type) {
+          case "OPEN_PAGE":
+            return link.payload.pageId == null ? [] : [link.payload.pageId];
+          default:
+            return [];
+        }
+      };
+      const value = prop;
+      if (value == null || value.document == null)
+        return [];
+      return getNodePageIds(value.document);
+    }
+    default:
+      return [];
+  }
+}
+var introspection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getElementChildren,
+  getElementId,
+  getBackgroundsSwatchIds,
+  getBorderSwatchIds,
+  getBoxShadowsSwatchIds,
+  getResponsiveColorSwatchIds,
+  getTypographyStyleSwatchIds,
+  getElementSwatchIds,
+  getBackgroundsFileIds,
+  getFileIds,
+  getTypographyIds,
+  getTableIds,
+  getPageIds
+}, Symbol.toStringTag, { value: "Module" }));
+export { getElementChildren as a, getElementSwatchIds as b, getFileIds as c, getTypographyIds as d, getTableIds as e, getPageIds as f, getElementId as g, getBorderSwatchIds as h, introspection as i, isNonNullable as j, getBoxShadowsSwatchIds as k, getResponsiveColorSwatchIds as l, getBackgroundsFileIds as m, getBackgroundsSwatchIds as n };
+//# sourceMappingURL=introspection.es.js.map

package/dist/introspection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"introspection.es.js","sources":["../src/components/utils/isNonNullable.ts","../src/prop-controllers/introspection.ts"],"sourcesContent":["export function isNonNullable<T>(value: T): value is NonNullable<T> {\n  return value != null\n}\n","import {\n  BackgroundsValue,\n  BorderValue,\n  Descriptor,\n  ElementIDValue,\n  GridValue,\n  ImagesValue,\n  ImageValue,\n  LinkValue,\n  NavigationLinksValue,\n  ResponsiveColorValue,\n  RichTextValue,\n  ShadowsValue,\n  TableValue,\n  Types,\n} from './descriptors'\nimport { Data, Element } from '../state/react-page'\nimport {\n  ColorControlData,\n  ColorControlType,\n  ImageControlData,\n  ImageControlType,\n  InlineJSON,\n  ListControlData,\n  ListControlType,\n  MarkJSON,\n  NodeJSON,\n  ShapeControlData,\n  ShapeControlType,\n  SlotControlData,\n  SlotControlType,\n} from '../controls'\nimport { Typography } from '../api'\nimport { isNonNullable } from '../components/utils/isNonNullable'\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      const shapeControlData = prop as ShapeControlData\n\n      return Object.keys(shapeControlData).flatMap(key =>\n        getElementChildren(descriptor.config.type[key], shapeControlData[key]),\n      )\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 getTypographyStyleSwatchIds(\n  style: Typography['style'] | null | undefined,\n): string[] {\n  return (\n    style\n      ?.map(override => override.value)\n      .flatMap(typographyStyle => typographyStyle.color?.swatchId)\n      .filter(isNonNullable) ?? []\n  )\n}\n\nexport function getElementSwatchIds<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 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\n    case Types.ResponsiveColor:\n      return getResponsiveColorSwatchIds(prop as ResponsiveColorValue)\n\n    case Types.Shadows:\n      return getBoxShadowsSwatchIds(prop as ShadowsValue)\n\n    case Types.RichText: {\n      const value = prop as RichTextValue\n\n      if (value == null || value.document == null) return []\n\n      return getNodeSwatchIds(value.document)\n\n      function getNodeSwatchIds(node: NodeJSON): string[] {\n        switch (node.object) {\n          case 'document':\n          case 'block':\n          case 'inline':\n            return node.nodes?.flatMap(getNodeSwatchIds) ?? []\n\n          case 'text':\n            return node.marks?.flatMap(getMarkSwatchIds) ?? []\n\n          default:\n            return []\n        }\n      }\n\n      function getMarkSwatchIds(mark: MarkJSON): string[] {\n        return getTypographyStyleSwatchIds(mark.data?.value?.style)\n      }\n    }\n\n    case ColorControlType: {\n      const value = prop as ColorControlData\n      return value?.swatchId == null ? [] : [value.swatchId]\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        switch (backgroundItem.type) {\n          case 'image':\n            return [backgroundItem.payload.imageId]\n\n          default:\n            return []\n        }\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      const value = prop as ImageValue\n      return value == null ? [] : [value]\n    }\n\n    case Types.Images: {\n      const value = prop as ImagesValue\n      return value?.flatMap(item => (item.props.file == null ? [] : [item.props.file])) ?? []\n    }\n\n    case ImageControlType: {\n      const value = prop as ImageControlData\n      return value == null ? [] : [value]\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 Types.RichText: {\n      const value = prop as RichTextValue\n      if (value == null || value.document == null) return []\n\n      return getNodeTypographyIds(value.document)\n\n      function getNodeTypographyIds(node: NodeJSON): string[] {\n        switch (node.object) {\n          case 'document':\n          case 'block':\n          case 'inline':\n            return node.nodes?.flatMap(getNodeTypographyIds) ?? []\n\n          case 'text':\n            return node.marks?.flatMap(getMarkTypographyIds) ?? []\n\n          default:\n            return []\n        }\n      }\n\n      function getMarkTypographyIds(mark: MarkJSON): string[] {\n        return [mark.data?.value?.id].filter(id => id != null)\n      }\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 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 Types.RichText: {\n      const value = prop as RichTextValue\n      if (value == null || value.document == null) return []\n\n      return getNodePageIds(value.document)\n\n      function getNodePageIds(node: NodeJSON): string[] {\n        switch (node.object) {\n          case 'document':\n          case 'block':\n            return node.nodes?.flatMap(getNodePageIds) ?? []\n\n          case 'inline':\n            return getInlinePageIds(node)\n\n          default:\n            return []\n        }\n      }\n\n      function getInlinePageIds(inline: InlineJSON): string[] {\n        switch (inline.type) {\n          case 'link': {\n            const nodePageIds = inline.nodes?.flatMap(getNodePageIds) ?? []\n            const dataPageIds = inline.data ? getLinkDataPageIds(inline.data as LinkValue) : []\n\n            return [...nodePageIds, ...dataPageIds]\n          }\n\n          default:\n            return inline.nodes?.flatMap(getNodePageIds) ?? []\n        }\n      }\n\n      function getLinkDataPageIds(link: LinkValue): string[] {\n        switch (link.type) {\n          case 'OPEN_PAGE':\n            return link.payload.pageId == null ? [] : [link.payload.pageId]\n\n          default:\n            return []\n        }\n      }\n    }\n\n    default:\n      return []\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/{typography.cjs.js → leaf.cjs.js}

@@ -30,12 +30,48 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var constants = require("./constants.cjs.js");
 var next = require("./index.cjs.js");
+var introspection = require("./introspection.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
+function typographyFragementToRichTextTypography(typography) {
+  if (typography == null)
+    return void 0;
+  return {
+    id: typography.id,
+    style: typography.style.map(({
+      deviceId,
+      value
+    }) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      return {
+        deviceId,
+        value: {
+          fontFamily: (_a = value.fontFamily) != null ? _a : void 0,
+          lineHeight: (_b = value.lineHeight) != null ? _b : void 0,
+          letterSpacing: (_c = value.letterSpacing) != null ? _c : void 0,
+          fontWeight: (_d = value.fontWeight) != null ? _d : void 0,
+          textAlign: (_e = value.textAlign) != null ? _e : void 0,
+          uppercase: (_f = value.uppercase) != null ? _f : void 0,
+          underline: (_g = value.underline) != null ? _g : void 0,
+          strikethrough: (_h = value.strikethrough) != null ? _h : void 0,
+          italic: (_i = value.italic) != null ? _i : void 0,
+          fontSize: (_j = value.fontSize) != null ? _j : void 0,
+          color: (_k = value.color) != null ? _k : void 0
+        }
+      };
+    })
+  };
+}
 function isDeviceOverride(value) {
   return value.deviceId === "desktop" || value.deviceId === "tablet" || value.deviceId === "mobile";
 }
+function getTypographyStyleSwatchIds(style) {
+  var _a;
+  return (_a = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
+    var _a2;
+    return (_a2 = typographyStyle.color) == null ? void 0 : _a2.swatchId;
+  }).filter(introspection.isNonNullable)) != null ? _a : [];
+}
 const withColor = (swatches) => (deviceRawTypographyValue) => {
   var _b, _c;
   const {
@@ -71,11 +107,11 @@ const getDeviceId = ({
 }) => deviceId;
 function useEnhancedTypography(value) {
   var _a, _b, _c;
-  const typography = next.useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null);
+  const typography = typographyFragementToRichTextTypography(next.useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null));
   const source = (_b = typography == null ? void 0 : typography.style.filter(isDeviceOverride)) != null ? _b : [];
   const override = (_c = value == null ? void 0 : value.style.filter(isDeviceOverride)) != null ? _c : [];
-  const swatchIds = [...constants.getTypographyStyleSwatchIds(value == null ? void 0 : value.style), ...constants.getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)];
-  const swatches = next.useSwatches(swatchIds).filter(constants.isNonNullable);
+  const swatchIds = [...getTypographyStyleSwatchIds(value == null ? void 0 : value.style), ...getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)];
+  const swatches = next.useSwatches(swatchIds).filter(introspection.isNonNullable);
   const enhancedSource = source.map(withColor(swatches));
   const enhancedOverride = override.map(withColor(swatches));
   const devices = [...new Set(enhancedSource.map(getDeviceId).concat(enhancedOverride.map(getDeviceId)))];
@@ -100,7 +136,7 @@ function useEnhancedTypography(value) {
       };
     }
     return null;
-  }).filter(constants.isNonNullable);
+  }).filter(introspection.isNonNullable);
 }
 function useTypographyClassName(value) {
   return next.useStyle(next.responsiveStyle([value], ([value2]) => {
@@ -128,19 +164,20 @@ function useTypographyClassName(value) {
     return styles;
   }, next.shallowMergeFallbacks));
 }
-function TypographyLeaf({
-  leaf,
-  children,
-  attributes
-}) {
+function Leaf(_a) {
+  var _b = _a, {
+    leaf
+  } = _b, props = __objRest(_b, [
+    "leaf"
+  ]);
   const enhancedTypography = useEnhancedTypography(leaf.typography);
   const typographyClassName = useTypographyClassName(enhancedTypography);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, attributes), {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
     className: typographyClassName,
-    children
+    children: props.children
   }));
 }
-exports.TypographyLeaf = TypographyLeaf;
+exports.Leaf = Leaf;
 exports.useEnhancedTypography = useEnhancedTypography;
 exports.useTypographyClassName = useTypographyClassName;
-//# sourceMappingURL=typography.cjs.js.map
+//# sourceMappingURL=leaf.cjs.js.map

package/dist/leaf.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaf.cjs.js","sources":["../src/components/builtin/Text/components/Leaf/leaf.tsx"],"sourcesContent":["import { RenderLeafProps } from 'slate-react'\nimport { CSSObject } from '@emotion/serialize'\nimport { Swatch, Typography } from '../../../../../api'\nimport { DeviceOverride, ResponsiveValue } from '../../../../../prop-controllers'\nimport { useTypography, useSwatches } from '../../../../../runtimes/react/hooks/makeswift-api'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { findDeviceOverride, shallowMergeFallbacks } from '../../../../utils/devices'\nimport { isNonNullable } from '../../../../utils/isNonNullable'\nimport { responsiveStyle } from '../../../../utils/responsive-style'\nimport { ColorValue } from '../../../../utils/types'\nimport { RichTextTypography } from '../../../../../controls'\n\nexport type RichTextTypographyValue = RichTextTypography['style'][number]['value']\n\nfunction typographyFragementToRichTextTypography(\n  typography: Typography | null,\n): RichTextTypography | undefined {\n  if (typography == null) return undefined\n  return {\n    id: typography.id,\n    style: typography.style.map(({ deviceId, value }) => ({\n      deviceId,\n      value: {\n        fontFamily: value.fontFamily ?? undefined,\n        lineHeight: value.lineHeight ?? undefined,\n        letterSpacing: value.letterSpacing ?? undefined,\n        fontWeight: value.fontWeight ?? undefined,\n        textAlign: value.textAlign ?? undefined,\n        uppercase: value.uppercase ?? undefined,\n        underline: value.underline ?? undefined,\n        strikethrough: value.strikethrough ?? undefined,\n        italic: value.italic ?? undefined,\n        fontSize: value.fontSize ?? undefined,\n        color: value.color ?? undefined,\n      },\n    })),\n  }\n}\n\ntype EnhancedColor = {\n  color?: ColorValue\n}\n\ntype EnhancedTypographyValue = Omit<RichTextTypographyValue, keyof EnhancedColor> & EnhancedColor\n\nexport type EnhancedTypography = Array<DeviceOverride<EnhancedTypographyValue>>\n\nexport function isDeviceOverride(value: {\n  deviceId: string\n  value: RichTextTypographyValue\n}): value is DeviceOverride<RichTextTypographyValue> {\n  return value.deviceId === 'desktop' || value.deviceId === 'tablet' || value.deviceId === 'mobile'\n}\n\nexport function getTypographyStyleSwatchIds(\n  style: RichTextTypography['style'] | Typography['style'] | null | undefined,\n): string[] {\n  return (\n    style\n      ?.map(override => override.value)\n      .flatMap(typographyStyle => typographyStyle.color?.swatchId)\n      .filter(isNonNullable) ?? []\n  )\n}\n\nconst withColor =\n  (swatches: Swatch[]) =>\n  (\n    deviceRawTypographyValue: DeviceOverride<RichTextTypographyValue>,\n  ): DeviceOverride<EnhancedTypographyValue> => {\n    const { value, deviceId } = deviceRawTypographyValue\n\n    if (value.color == null) {\n      const { color, ...nextValue } = value\n      return {\n        deviceId,\n        value: nextValue,\n      }\n    }\n    return {\n      deviceId,\n      value: {\n        ...value,\n        color: {\n          swatch: swatches.find(s => s && s.id === value.color?.swatchId),\n          alpha: value.color?.alpha ?? undefined,\n        },\n      },\n    }\n  }\n\nconst getDeviceId = ({ deviceId }: DeviceOverride<unknown>) => deviceId\n\n/**\n * `enhanced` here just means typography ids have been replaced with the related entity.\n */\nexport default function useEnhancedTypography(value?: RichTextTypography): EnhancedTypography {\n  const typography = typographyFragementToRichTextTypography(useTypography(value?.id ?? null))\n  const source = typography?.style.filter(isDeviceOverride) ?? []\n  const override = value?.style.filter(isDeviceOverride) ?? []\n\n  const swatchIds = [\n    ...getTypographyStyleSwatchIds(value?.style),\n    ...getTypographyStyleSwatchIds(typography?.style),\n  ]\n  const swatches = useSwatches(swatchIds).filter(isNonNullable)\n\n  const enhancedSource = source.map(withColor(swatches))\n  const enhancedOverride = override.map(withColor(swatches))\n\n  const devices = [\n    ...new Set(enhancedSource.map(getDeviceId).concat(enhancedOverride.map(getDeviceId))),\n  ]\n\n  return devices\n    .map(deviceId => {\n      const deviceSource = findDeviceOverride(enhancedSource, deviceId)?.value\n      const deviceOverride = findDeviceOverride(enhancedOverride, deviceId)?.value\n\n      if (deviceSource && deviceOverride) {\n        return {\n          deviceId,\n          value: { ...deviceSource, ...deviceOverride },\n        }\n      } else if (deviceOverride) {\n        return {\n          deviceId,\n          value: deviceOverride,\n        }\n      } else if (deviceSource) {\n        return {\n          deviceId,\n          value: deviceSource,\n        }\n      }\n      return null\n    })\n    .filter(isNonNullable)\n}\n\nexport function useTypographyClassName(value: EnhancedTypography): string {\n  return useStyle(\n    responsiveStyle<\n      EnhancedTypographyValue,\n      [ResponsiveValue<EnhancedTypographyValue> | null | undefined]\n    >(\n      [value],\n      ([value]) => {\n        if (value === undefined) return {}\n\n        let styles: CSSObject = {}\n        if (value.color != null) styles.color = colorToString(value.color)\n        if (value.fontFamily != null) styles.fontFamily = value.fontFamily\n        if (value.fontSize != null && value.fontSize.value != null && value.fontSize.unit != null)\n          styles.fontSize = `${value.fontSize.value}${value.fontSize.unit}`\n        if (value.fontWeight != null) styles.fontWeight = value.fontWeight\n        if (value.lineHeight != null) styles.lineHeight = value.lineHeight\n        if (value.letterSpacing != null) styles.letterSpacing = `${value.letterSpacing / 10}em`\n        if (value.uppercase != null)\n          styles.textTransform = value.uppercase === true ? 'uppercase' : 'initial'\n        if (value.underline != null || value.strikethrough != null)\n          styles.textDecoration = [\n            Boolean(value.underline) && 'underline',\n            Boolean(value.strikethrough) && 'line-through',\n          ]\n            .filter(Boolean)\n            .join(' ')\n        if (value.italic != null) styles.fontStyle = value.italic === true ? 'italic' : 'initial'\n\n        return styles\n      },\n      shallowMergeFallbacks,\n    ),\n  )\n}\n\nexport function Leaf({ leaf, ...props }: RenderLeafProps) {\n  const enhancedTypography = useEnhancedTypography(leaf.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span {...props.attributes} className={typographyClassName}>\n      {props.children}\n    </span>\n  )\n}\n"],"names":["typography","undefined","id","style","map","deviceId","value","fontFamily","lineHeight","letterSpacing","fontWeight","textAlign","uppercase","underline","strikethrough","italic","fontSize","color","override","flatMap","typographyStyle","swatchId","filter","isNonNullable","withColor","swatches","deviceRawTypographyValue","nextValue","swatch","find","s","alpha","getDeviceId","typographyFragementToRichTextTypography","useTypography","source","isDeviceOverride","swatchIds","getTypographyStyleSwatchIds","useSwatches","enhancedSource","enhancedOverride","devices","Set","concat","deviceSource","findDeviceOverride","deviceOverride","useStyle","responsiveStyle","styles","colorToString","unit","textTransform","textDecoration","Boolean","join","fontStyle","shallowMergeFallbacks","leaf","props","enhancedTypography","useEnhancedTypography","typographyClassName","useTypographyClassName","attributes","children"],"mappings":"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"}

package/dist/{typography.es.js → leaf.es.js}

@@ -29,12 +29,48 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { T as getTypographyStyleSwatchIds, l as isNonNullable } from "./constants.es.js";
-import { W as useTypography, K as useSwatches, G as findDeviceOverride, o as useStyle, r as responsiveStyle, X as shallowMergeFallbacks, s as colorToString } from "./index.es.js";
+import { X as useTypography, K as useSwatches, G as findDeviceOverride, o as useStyle, r as responsiveStyle, Y as shallowMergeFallbacks, s as colorToString } from "./index.es.js";
+import { j as isNonNullable } from "./introspection.es.js";
 import { jsx } from "react/jsx-runtime";
+function typographyFragementToRichTextTypography(typography) {
+  if (typography == null)
+    return void 0;
+  return {
+    id: typography.id,
+    style: typography.style.map(({
+      deviceId,
+      value
+    }) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      return {
+        deviceId,
+        value: {
+          fontFamily: (_a = value.fontFamily) != null ? _a : void 0,
+          lineHeight: (_b = value.lineHeight) != null ? _b : void 0,
+          letterSpacing: (_c = value.letterSpacing) != null ? _c : void 0,
+          fontWeight: (_d = value.fontWeight) != null ? _d : void 0,
+          textAlign: (_e = value.textAlign) != null ? _e : void 0,
+          uppercase: (_f = value.uppercase) != null ? _f : void 0,
+          underline: (_g = value.underline) != null ? _g : void 0,
+          strikethrough: (_h = value.strikethrough) != null ? _h : void 0,
+          italic: (_i = value.italic) != null ? _i : void 0,
+          fontSize: (_j = value.fontSize) != null ? _j : void 0,
+          color: (_k = value.color) != null ? _k : void 0
+        }
+      };
+    })
+  };
+}
 function isDeviceOverride(value) {
   return value.deviceId === "desktop" || value.deviceId === "tablet" || value.deviceId === "mobile";
 }
+function getTypographyStyleSwatchIds(style) {
+  var _a;
+  return (_a = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
+    var _a2;
+    return (_a2 = typographyStyle.color) == null ? void 0 : _a2.swatchId;
+  }).filter(isNonNullable)) != null ? _a : [];
+}
 const withColor = (swatches) => (deviceRawTypographyValue) => {
   var _b, _c;
   const {
@@ -70,7 +106,7 @@ const getDeviceId = ({
 }) => deviceId;
 function useEnhancedTypography(value) {
   var _a, _b, _c;
-  const typography = useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null);
+  const typography = typographyFragementToRichTextTypography(useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null));
   const source = (_b = typography == null ? void 0 : typography.style.filter(isDeviceOverride)) != null ? _b : [];
   const override = (_c = value == null ? void 0 : value.style.filter(isDeviceOverride)) != null ? _c : [];
   const swatchIds = [...getTypographyStyleSwatchIds(value == null ? void 0 : value.style), ...getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)];
@@ -127,17 +163,18 @@ function useTypographyClassName(value) {
     return styles;
   }, shallowMergeFallbacks));
 }
-function TypographyLeaf({
-  leaf,
-  children,
-  attributes
-}) {
+function Leaf(_a) {
+  var _b = _a, {
+    leaf
+  } = _b, props = __objRest(_b, [
+    "leaf"
+  ]);
   const enhancedTypography = useEnhancedTypography(leaf.typography);
   const typographyClassName = useTypographyClassName(enhancedTypography);
-  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
+  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
     className: typographyClassName,
-    children
+    children: props.children
   }));
 }
-export { TypographyLeaf as T, useTypographyClassName as a, useEnhancedTypography as u };
-//# sourceMappingURL=typography.es.js.map
+export { Leaf as L, useTypographyClassName as a, useEnhancedTypography as u };
+//# sourceMappingURL=leaf.es.js.map

package/dist/leaf.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaf.es.js","sources":["../src/components/builtin/Text/components/Leaf/leaf.tsx"],"sourcesContent":["import { RenderLeafProps } from 'slate-react'\nimport { CSSObject } from '@emotion/serialize'\nimport { Swatch, Typography } from '../../../../../api'\nimport { DeviceOverride, ResponsiveValue } from '../../../../../prop-controllers'\nimport { useTypography, useSwatches } from '../../../../../runtimes/react/hooks/makeswift-api'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { findDeviceOverride, shallowMergeFallbacks } from '../../../../utils/devices'\nimport { isNonNullable } from '../../../../utils/isNonNullable'\nimport { responsiveStyle } from '../../../../utils/responsive-style'\nimport { ColorValue } from '../../../../utils/types'\nimport { RichTextTypography } from '../../../../../controls'\n\nexport type RichTextTypographyValue = RichTextTypography['style'][number]['value']\n\nfunction typographyFragementToRichTextTypography(\n  typography: Typography | null,\n): RichTextTypography | undefined {\n  if (typography == null) return undefined\n  return {\n    id: typography.id,\n    style: typography.style.map(({ deviceId, value }) => ({\n      deviceId,\n      value: {\n        fontFamily: value.fontFamily ?? undefined,\n        lineHeight: value.lineHeight ?? undefined,\n        letterSpacing: value.letterSpacing ?? undefined,\n        fontWeight: value.fontWeight ?? undefined,\n        textAlign: value.textAlign ?? undefined,\n        uppercase: value.uppercase ?? undefined,\n        underline: value.underline ?? undefined,\n        strikethrough: value.strikethrough ?? undefined,\n        italic: value.italic ?? undefined,\n        fontSize: value.fontSize ?? undefined,\n        color: value.color ?? undefined,\n      },\n    })),\n  }\n}\n\ntype EnhancedColor = {\n  color?: ColorValue\n}\n\ntype EnhancedTypographyValue = Omit<RichTextTypographyValue, keyof EnhancedColor> & EnhancedColor\n\nexport type EnhancedTypography = Array<DeviceOverride<EnhancedTypographyValue>>\n\nexport function isDeviceOverride(value: {\n  deviceId: string\n  value: RichTextTypographyValue\n}): value is DeviceOverride<RichTextTypographyValue> {\n  return value.deviceId === 'desktop' || value.deviceId === 'tablet' || value.deviceId === 'mobile'\n}\n\nexport function getTypographyStyleSwatchIds(\n  style: RichTextTypography['style'] | Typography['style'] | null | undefined,\n): string[] {\n  return (\n    style\n      ?.map(override => override.value)\n      .flatMap(typographyStyle => typographyStyle.color?.swatchId)\n      .filter(isNonNullable) ?? []\n  )\n}\n\nconst withColor =\n  (swatches: Swatch[]) =>\n  (\n    deviceRawTypographyValue: DeviceOverride<RichTextTypographyValue>,\n  ): DeviceOverride<EnhancedTypographyValue> => {\n    const { value, deviceId } = deviceRawTypographyValue\n\n    if (value.color == null) {\n      const { color, ...nextValue } = value\n      return {\n        deviceId,\n        value: nextValue,\n      }\n    }\n    return {\n      deviceId,\n      value: {\n        ...value,\n        color: {\n          swatch: swatches.find(s => s && s.id === value.color?.swatchId),\n          alpha: value.color?.alpha ?? undefined,\n        },\n      },\n    }\n  }\n\nconst getDeviceId = ({ deviceId }: DeviceOverride<unknown>) => deviceId\n\n/**\n * `enhanced` here just means typography ids have been replaced with the related entity.\n */\nexport default function useEnhancedTypography(value?: RichTextTypography): EnhancedTypography {\n  const typography = typographyFragementToRichTextTypography(useTypography(value?.id ?? null))\n  const source = typography?.style.filter(isDeviceOverride) ?? []\n  const override = value?.style.filter(isDeviceOverride) ?? []\n\n  const swatchIds = [\n    ...getTypographyStyleSwatchIds(value?.style),\n    ...getTypographyStyleSwatchIds(typography?.style),\n  ]\n  const swatches = useSwatches(swatchIds).filter(isNonNullable)\n\n  const enhancedSource = source.map(withColor(swatches))\n  const enhancedOverride = override.map(withColor(swatches))\n\n  const devices = [\n    ...new Set(enhancedSource.map(getDeviceId).concat(enhancedOverride.map(getDeviceId))),\n  ]\n\n  return devices\n    .map(deviceId => {\n      const deviceSource = findDeviceOverride(enhancedSource, deviceId)?.value\n      const deviceOverride = findDeviceOverride(enhancedOverride, deviceId)?.value\n\n      if (deviceSource && deviceOverride) {\n        return {\n          deviceId,\n          value: { ...deviceSource, ...deviceOverride },\n        }\n      } else if (deviceOverride) {\n        return {\n          deviceId,\n          value: deviceOverride,\n        }\n      } else if (deviceSource) {\n        return {\n          deviceId,\n          value: deviceSource,\n        }\n      }\n      return null\n    })\n    .filter(isNonNullable)\n}\n\nexport function useTypographyClassName(value: EnhancedTypography): string {\n  return useStyle(\n    responsiveStyle<\n      EnhancedTypographyValue,\n      [ResponsiveValue<EnhancedTypographyValue> | null | undefined]\n    >(\n      [value],\n      ([value]) => {\n        if (value === undefined) return {}\n\n        let styles: CSSObject = {}\n        if (value.color != null) styles.color = colorToString(value.color)\n        if (value.fontFamily != null) styles.fontFamily = value.fontFamily\n        if (value.fontSize != null && value.fontSize.value != null && value.fontSize.unit != null)\n          styles.fontSize = `${value.fontSize.value}${value.fontSize.unit}`\n        if (value.fontWeight != null) styles.fontWeight = value.fontWeight\n        if (value.lineHeight != null) styles.lineHeight = value.lineHeight\n        if (value.letterSpacing != null) styles.letterSpacing = `${value.letterSpacing / 10}em`\n        if (value.uppercase != null)\n          styles.textTransform = value.uppercase === true ? 'uppercase' : 'initial'\n        if (value.underline != null || value.strikethrough != null)\n          styles.textDecoration = [\n            Boolean(value.underline) && 'underline',\n            Boolean(value.strikethrough) && 'line-through',\n          ]\n            .filter(Boolean)\n            .join(' ')\n        if (value.italic != null) styles.fontStyle = value.italic === true ? 'italic' : 'initial'\n\n        return styles\n      },\n      shallowMergeFallbacks,\n    ),\n  )\n}\n\nexport function Leaf({ leaf, ...props }: RenderLeafProps) {\n  const enhancedTypography = useEnhancedTypography(leaf.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span {...props.attributes} className={typographyClassName}>\n      {props.children}\n    </span>\n  )\n}\n"],"names":["typography","undefined","id","style","map","deviceId","value","fontFamily","lineHeight","letterSpacing","fontWeight","textAlign","uppercase","underline","strikethrough","italic","fontSize","color","override","flatMap","typographyStyle","swatchId","filter","isNonNullable","withColor","swatches","deviceRawTypographyValue","nextValue","swatch","find","s","alpha","getDeviceId","typographyFragementToRichTextTypography","useTypography","source","isDeviceOverride","swatchIds","getTypographyStyleSwatchIds","useSwatches","enhancedSource","enhancedOverride","devices","Set","concat","deviceSource","findDeviceOverride","deviceOverride","useStyle","responsiveStyle","styles","colorToString","unit","textTransform","textDecoration","Boolean","join","fontStyle","shallowMergeFallbacks","leaf","props","enhancedTypography","useEnhancedTypography","typographyClassName","useTypographyClassName","attributes","children"],"mappings":"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"}

package/dist/main.cjs.js

@@ -7,6 +7,7 @@ require("redux-thunk");
 require("./rich-text.cjs.js");
 require("slate");
 require("slate-react");
+require("./introspection.cjs.js");
 exports.ActionTypes = actions.ActionTypes;
 exports.builderPointerMove = actions.builderPointerMove;
 exports.changeApiResource = actions.changeApiResource;

package/dist/main.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"main.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/main.es.js

@@ -5,4 +5,5 @@ import "redux-thunk";
 import "./rich-text.es.js";
 import "slate";
 import "slate-react";
+import "./introspection.es.js";
 //# sourceMappingURL=main.es.js.map

package/dist/main.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"main.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/next.cjs.js

@@ -12,6 +12,7 @@ require("./actions.cjs.js");
 require("./rich-text.cjs.js");
 require("slate");
 require("slate-react");
+require("./introspection.cjs.js");
 require("@emotion/css");
 require("@emotion/serialize");
 require("@emotion/utils");

package/dist/next.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"next.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}