@makeswift/runtime 0.9.3 → 0.9.4

package/dist/Box.cjs.js

@@ -42,7 +42,7 @@ var boxModels = require("./box-models.cjs.js");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
 require("./actions.cjs.js");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("slate");
 require("use-sync-external-store/shim");

package/dist/Box.es.js

@@ -33,14 +33,14 @@ import { forwardRef, useRef, useCallback, useImperativeHandle, useState, useEffe
 import { cx } from "@emotion/css";
 import { v4 } from "uuid";
 import { n as useResponsiveStyle, E as Element } from "./index.es.js";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import { jsx } from "react/jsx-runtime";
 import { a as useBoxAnimation, b as areBoxAnimationPropsEqual, B as BackgroundsContainer, G as GridItem } from "./index.es2.js";
 import { p as parse, c as createBox } from "./box-models.es.js";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
 import "./actions.es.js";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "slate";
 import "use-sync-external-store/shim";

package/dist/Button.cjs.js

@@ -41,7 +41,7 @@ var jsxRuntime = require("react/jsx-runtime");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
 require("./actions.cjs.js");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("slate");
 require("use-sync-external-store/shim");

package/dist/Button.es.js

@@ -33,13 +33,13 @@ import { forwardRef } from "react";
 import ColorHelper from "color";
 import { o as useResponsiveWidth, n as useResponsiveStyle, p as useResponsiveTextStyle, q as colorToString } from "./index.es.js";
 import { L as Link } from "./index.es3.js";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
 import "./actions.es.js";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "slate";
 import "use-sync-external-store/shim";

package/dist/Carousel.cjs.js

@@ -47,7 +47,7 @@ var jsxRuntime = require("react/jsx-runtime");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
 require("./actions.cjs.js");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("redux");
 require("redux-thunk");

package/dist/Carousel.es.js

@@ -35,7 +35,7 @@ import { useGesture } from "@use-gesture/react";
 import { wrap } from "@popmotion/popcorn";
 import { r as useBreakpoints, n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import "use-sync-external-store/shim";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import "slate";
 import { u as useMediaQuery } from "./useMediaQuery.es.js";
 import ImageComponent from "./Image.es.js";
@@ -45,7 +45,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
 import "./actions.es.js";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "redux";
 import "redux-thunk";

package/dist/Countdown.cjs.js

@@ -45,7 +45,7 @@ require("@emotion/utils");
 require("slate");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");

package/dist/Countdown.es.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import { cx } from "@emotion/css";
 import { forwardRef, useState, useEffect } from "react";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import { n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import "redux";
@@ -43,7 +43,7 @@ import "@emotion/utils";
 import "slate";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";

package/dist/Divider.cjs.js

@@ -8,7 +8,7 @@ var jsxRuntime = require("react/jsx-runtime");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
 require("./actions.cjs.js");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("slate");
 require("use-sync-external-store/shim");

package/dist/Divider.es.js

@@ -1,12 +1,12 @@
 import { forwardRef } from "react";
 import { n as useResponsiveStyle, q as colorToString } from "./index.es.js";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
 import "./actions.es.js";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "slate";
 import "use-sync-external-store/shim";

package/dist/Embed.es.js

@@ -1,6 +1,6 @@
 import { forwardRef, useState, useImperativeHandle, useEffect } from "react";
 import { u as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.es.js";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
 import "redux";

package/dist/Form.cjs.js

@@ -50,7 +50,7 @@ require("@emotion/utils");
 require("slate");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");

package/dist/Form.es.js

@@ -33,7 +33,7 @@ import * as React from "react";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect, useMemo } from "react";
 import { Field as Field$1, getIn, Formik } from "formik";
 import { cx, keyframes } from "@emotion/css";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import { n as useResponsiveStyle, S as Shapes, s as Sizes, C as Contrasts, q as colorToString, t as useFormContext, p as useResponsiveTextStyle, u as useIsInBuilder, v as useResponsiveGridItem, w as useTable, x as useMakeswiftClient, y as Provider, A as Alignments } from "./index.es.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import ColorHelper from "color";
@@ -49,7 +49,7 @@ import "@emotion/utils";
 import "slate";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";

package/dist/Image.cjs.js

@@ -20,7 +20,7 @@ require("@emotion/utils");
 require("slate");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");

package/dist/Image.es.js

@@ -4,7 +4,7 @@ import { findBreakpointOverride } from "./state/breakpoints.es.js";
 import { p as placeholders } from "./placeholders.es.js";
 import { L as Link } from "./index.es3.js";
 import { cx } from "@emotion/css";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import { z as useFile, r as useBreakpoints, o as useResponsiveWidth, n as useResponsiveStyle } from "./index.es.js";
 import { m as major } from "./next-version.es.js";
 import { jsx } from "react/jsx-runtime";
@@ -18,7 +18,7 @@ import "@emotion/utils";
 import "slate";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";

package/dist/LiveProvider.cjs.js

@@ -7,7 +7,7 @@ var jsxRuntime = require("react/jsx-runtime");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
 require("./actions.cjs.js");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("slate");
 require("use-sync-external-store/shim");

package/dist/LiveProvider.es.js

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
 import "./actions.es.js";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "slate";
 import "use-sync-external-store/shim";

package/dist/Navigation.cjs.js

@@ -57,7 +57,7 @@ require("@emotion/serialize");
 require("@emotion/utils");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("./types.cjs.js");
 require("./box-models.cjs.js");

package/dist/Navigation.es.js

@@ -34,7 +34,7 @@ import { forwardRef, useRef, useState, createElement, Fragment as Fragment$1 } f
 import { G as GutterContainer } from "./index.es4.js";
 import ImageComponent from "./Image.es.js";
 import Button from "./Button.es.js";
-import { Z as useStyle } from "./react-page.es.js";
+import { U as useStyle } from "./react-page.es.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { l as useResponsiveColor, p as useResponsiveTextStyle, n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import "use-sync-external-store/shim";
@@ -56,7 +56,7 @@ import "@emotion/serialize";
 import "@emotion/utils";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "./types.es.js";
 import "./box-models.es.js";

package/dist/PreviewProvider.cjs.js

@@ -33,7 +33,7 @@ var controlSerialization = require("./control-serialization.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("slate");
 require("use-sync-external-store/shim");

package/dist/PreviewProvider.es.js

@@ -24,7 +24,7 @@ import { createStore, applyMiddleware, combineReducers } from "redux";
 import thunk from "redux-thunk";
 import Router from "next/router";
 import { removeIn, setIn } from "immutable";
-import { be as getInitialState$3, bf as reducer$4, bg as getDocument$1, c as createDocument, bh as getComponentsMeta$1, bi as getComponentPropControllerDescriptors$1, an as getBreakpoints, bj as getLocales, at as getBuilderEditMode, bk as BuilderEditMode, bl as getDocumentKeysSortedByDepth, bm as getPropController, bn as getPropControllersHandle, bo as getElement, bp as getElementPropControllerDescriptors, bq as createPropController, b as isElementReference, a4 as isPropControllersHandle, br as reducer$5, bs as reducer$7, bt as reducer$8, bu as reducer$9, bv as reducer$a, bw as reducer$b, bx as reducer$c, by as reducer$e, bz as getInitialState$4 } from "./react-page.es.js";
+import { bg as getInitialState$3, bh as reducer$4, bi as getDocument$1, c as createDocument, bj as getComponentsMeta$1, bk as getComponentPropControllerDescriptors$1, an as getBreakpoints, bl as getLocales, at as getBuilderEditMode, bm as BuilderEditMode, bn as getDocumentKeysSortedByDepth, bo as getPropController, bp as getPropControllersHandle, bq as getElement, br as getElementPropControllerDescriptors, bs as createPropController, b as isElementReference, a1 as isPropControllersHandle, bt as reducer$5, bu as reducer$7, bv as reducer$8, bw as reducer$9, bx as reducer$a, by as reducer$b, bz as reducer$c, bA as reducer$e, bB as getInitialState$4 } from "./react-page.es.js";
 import { A as ActionTypes, v as unregisterMeasurable, w as registerMeasurable, x as registerBuilderComponent, j as setBreakpoints, l as setLocales, y as setDefaultLocale, k as setLocale, z as changePathnameStart, B as changePathnameComplete, C as changeElementBoxModels, D as changeDocumentElementSize, E as handleWheel, F as handlePointerMove, G as elementFromPointChange, H as setIsInBuilder, I as unregisterBuilderComponent, J as unregisterPropControllers, K as registerPropControllers, L as registerPropControllersHandle, r as registerDocument, M as registerComponentHandle, N as messageBuilderPropController, O as registerDocumentEffect } from "./actions.es.js";
 import { i as isMeasurable, a as getMeasurables$1, b as getBoxModels$1, m as measure, d as getBoxModel$1, r as reducer$6 } from "./box-models.es.js";
 import { reducer as reducer$d } from "./state/breakpoints.es.js";
@@ -32,7 +32,7 @@ import { a as serializeControls } from "./control-serialization.es.js";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "slate";
 import "use-sync-external-store/shim";

package/dist/ReadOnlyText.cjs.js

@@ -11,7 +11,6 @@ require("./types.cjs2.js");
 require("is-hotkey");
 require("slate-react");
 var jsxRuntime = require("react/jsx-runtime");
-var leaf = require("./leaf.cjs.js");
 require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
@@ -21,7 +20,7 @@ require("scroll-into-view-if-needed");
 require("next/link");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");
@@ -77,8 +76,8 @@ function Placeholder({
 function TextElement({
   descendant
 }) {
-  const enhancedTypography = leaf.useEnhancedTypography(descendant.typography);
-  const typographyClassName = leaf.useTypographyClassName(enhancedTypography);
+  const enhancedTypography = next.useEnhancedTypography(descendant.typography);
+  const typographyClassName = next.useTypographyClassName(enhancedTypography);
   return /* @__PURE__ */ jsxRuntime.jsx("span", {
     className: typographyClassName,
     children: descendant.text === "" ? "\uFEFF" : descendant.text

package/dist/ReadOnlyText.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyText.cjs.js","sources":["../src/components/builtin/Text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\n\nimport type { ElementIDValue, RichTextValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { Link } from '../../shared/Link'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { useTypographyClassName } from './components'\nimport useEnhancedTypography from './components/Leaf/leaf'\nimport { Inline, InlineType, Block, BlockType } from '../../../slate'\nimport { richTextDTOtoDAO } from '../../../controls'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div ref={ref} id={id} className={cx(width, margin)}>\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  switch (descendant.type) {\n    case BlockType.Text:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.BlockQuote:\n          case BlockType.Text:\n          case BlockType.Paragraph:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","cx","_jsx","useStyle","display","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","useResponsiveStyle","textAlign","quoteStyle","padding","fontSize","fontWeight","borderLeft","BlockType","Text","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":"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"}
+{"version":3,"file":"ReadOnlyText.cjs.js","sources":["../src/components/builtin/Text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\n\nimport type { ElementIDValue, RichTextValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { Link } from '../../shared/Link'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { Inline, InlineType, Block, BlockType } from '../../../slate'\nimport { richTextDTOtoDAO } from '../../../controls'\nimport useEnhancedTypography, {\n  useTypographyClassName,\n} from '../../../runtimes/react/controls/typography'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div ref={ref} id={id} className={cx(width, margin)}>\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  switch (descendant.type) {\n    case BlockType.Text:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.BlockQuote:\n          case BlockType.Text:\n          case BlockType.Paragraph:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","cx","_jsx","useStyle","display","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","useResponsiveStyle","textAlign","quoteStyle","padding","fontSize","fontWeight","borderLeft","BlockType","Text","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":"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"}

package/dist/ReadOnlyText.es.js

@@ -1,15 +1,14 @@
 import { cx } from "@emotion/css";
 import { forwardRef } from "react";
-import { b2 as richTextDTOtoDAO, Z as useStyle, bc as BlockType, ba as InlineType } from "./react-page.es.js";
+import { b4 as richTextDTOtoDAO, U as useStyle, be as BlockType, bc as InlineType } from "./react-page.es.js";
 import { L as Link } from "./index.es3.js";
-import { n as useResponsiveStyle } from "./index.es.js";
+import { U as useEnhancedTypography, V as useTypographyClassName, n as useResponsiveStyle } from "./index.es.js";
 import "slate";
 import "./state/breakpoints.es.js";
 import "./types.es2.js";
 import "is-hotkey";
 import "slate-react";
 import { jsx, Fragment } from "react/jsx-runtime";
-import { u as useEnhancedTypography, a as useTypographyClassName } from "./leaf.es.js";
 import "redux";
 import "redux-thunk";
 import "./actions.es.js";
@@ -19,7 +18,7 @@ import "scroll-into-view-if-needed";
 import "next/link";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";

package/dist/ReadOnlyText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyText.es.js","sources":["../src/components/builtin/Text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\n\nimport type { ElementIDValue, RichTextValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { Link } from '../../shared/Link'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { useTypographyClassName } from './components'\nimport useEnhancedTypography from './components/Leaf/leaf'\nimport { Inline, InlineType, Block, BlockType } from '../../../slate'\nimport { richTextDTOtoDAO } from '../../../controls'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div ref={ref} id={id} className={cx(width, margin)}>\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  switch (descendant.type) {\n    case BlockType.Text:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.BlockQuote:\n          case BlockType.Text:\n          case BlockType.Paragraph:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","cx","_jsx","useStyle","display","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","useResponsiveStyle","textAlign","quoteStyle","padding","fontSize","fontWeight","borderLeft","BlockType","Text","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":"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"}
+{"version":3,"file":"ReadOnlyText.es.js","sources":["../src/components/builtin/Text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\n\nimport type { ElementIDValue, RichTextValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { Link } from '../../shared/Link'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { Inline, InlineType, Block, BlockType } from '../../../slate'\nimport { richTextDTOtoDAO } from '../../../controls'\nimport useEnhancedTypography, {\n  useTypographyClassName,\n} from '../../../runtimes/react/controls/typography'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div ref={ref} id={id} className={cx(width, margin)}>\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  switch (descendant.type) {\n    case BlockType.Text:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.BlockQuote:\n          case BlockType.Text:\n          case BlockType.Paragraph:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","cx","_jsx","useStyle","display","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","useResponsiveStyle","textAlign","quoteStyle","padding","fontSize","fontWeight","borderLeft","BlockType","Text","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":"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"}

package/dist/ReadOnlyTextV2.cjs.js

@@ -2,30 +2,29 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var css = require("@emotion/css");
 var React = require("react");
-var reactPage = require("./react-page.cjs.js");
 var next = require("./index.cjs.js");
+var reactPage = require("./react-page.cjs.js");
+var index = require("./index.cjs3.js");
 require("slate");
 require("./state/breakpoints.cjs.js");
 require("./types.cjs2.js");
 require("is-hotkey");
 require("slate-react");
 var jsxRuntime = require("react/jsx-runtime");
-var index = require("./index.cjs3.js");
-var leaf = require("./leaf.cjs.js");
-require("redux");
-require("redux-thunk");
-require("./actions.cjs.js");
-require("@emotion/serialize");
-require("@emotion/utils");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
-require("./text-input.cjs.js");
+require("./actions.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
+require("redux");
+require("redux-thunk");
 require("./types.cjs.js");
 require("./box-models.cjs.js");
 require("css-box-model");
 require("color");
+require("@emotion/serialize");
+require("@emotion/utils");
 require("scroll-into-view-if-needed");
 require("react-dom");
 require("html-react-parser");
@@ -75,8 +74,8 @@ function Placeholder({
 function TextElement({
   descendant
 }) {
-  const enhancedTypography = leaf.useEnhancedTypography(descendant.typography);
-  const typographyClassName = leaf.useTypographyClassName(enhancedTypography);
+  const enhancedTypography = next.useEnhancedTypography(descendant.typography);
+  const typographyClassName = next.useTypographyClassName(enhancedTypography);
   return /* @__PURE__ */ jsxRuntime.jsx("span", {
     className: typographyClassName,
     children: descendant.text === "" ? "\uFEFF" : descendant.text