@makeswift/runtime 0.19.4 → 0.20.0-canary.0

package/dist/cjs/slate/InlinePlugin/types.js

@@ -19,25 +19,25 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var types_exports = {};
 __export(types_exports, {
   isSupportedInlineEntry: () => isSupportedInlineEntry,
+  isSupportedInlineNode: () => isSupportedInlineNode,
   isSupportedInlineType: () => isSupportedInlineType,
   supportedInlineOptions: () => supportedInlineOptions
 });
 module.exports = __toCommonJS(types_exports);
 var import_controls = require("@makeswift/controls");
-var import_element = require("../utils/element");
 const supportedInlineOptions = [
   {
-    icon: import_controls.unstable_IconRadioGroupIcon.Superscript,
+    icon: import_controls.unstable_IconRadioGroup.Icon.Superscript,
     label: "Superscript",
     value: "superscript"
   },
   {
-    icon: import_controls.unstable_IconRadioGroupIcon.Subscript,
+    icon: import_controls.unstable_IconRadioGroup.Icon.Subscript,
     label: "Subscript",
     value: "subscript"
   },
   {
-    icon: import_controls.unstable_IconRadioGroupIcon.Code,
+    icon: import_controls.unstable_IconRadioGroup.Icon.Code,
     label: "Code",
     value: "code"
   }
@@ -45,13 +45,16 @@ const supportedInlineOptions = [
 function isSupportedInlineType(inline) {
   return supportedInlineOptions.findIndex((option) => option.value === inline) !== -1;
 }
+function isSupportedInlineNode(node) {
+  return import_controls.Slate.isInline(node) && isSupportedInlineType(node.type);
+}
 function isSupportedInlineEntry(entry) {
-  const node = entry[0];
-  return import_element.ElementUtils.isInline(node) && supportedInlineOptions.findIndex((option) => option.value === node.type) !== -1;
+  return isSupportedInlineNode(entry[0]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   isSupportedInlineEntry,
+  isSupportedInlineNode,
   isSupportedInlineType,
   supportedInlineOptions
 });

package/dist/cjs/slate/InlinePlugin/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/InlinePlugin/types.ts"],"sourcesContent":["import { IconRadioGroupOption, unstable_IconRadioGroupIcon } from '@makeswift/controls'\nimport { Node, NodeEntry } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { Inline, InlineType, LinkElement } from '../types'\n\nexport type SupportedInlineType = Exclude<InlineType, 'link'>\nexport type SupportedInline = Exclude<Inline, LinkElement>\n\nexport const supportedInlineOptions: IconRadioGroupOption<SupportedInlineType>[] = [\n  {\n    icon: unstable_IconRadioGroupIcon.Superscript,\n    label: 'Superscript',\n    value: 'superscript',\n  },\n  {\n    icon: unstable_IconRadioGroupIcon.Subscript,\n    label: 'Subscript',\n    value: 'subscript',\n  },\n  {\n    icon: unstable_IconRadioGroupIcon.Code,\n    label: 'Code',\n    value: 'code',\n  },\n]\n\nexport function isSupportedInlineType(inline: InlineType): inline is SupportedInlineType {\n  return supportedInlineOptions.findIndex(option => option.value === inline) !== -1\n}\n\nexport function isSupportedInlineEntry(\n  entry: NodeEntry<Node>,\n): entry is NodeEntry<SupportedInline> {\n  const node = entry[0]\n  return (\n    ElementUtils.isInline(node) &&\n    supportedInlineOptions.findIndex(option => option.value === node.type) !== -1\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAkE;AAElE,qBAA6B;AAMtB,MAAM,yBAAsE;AAAA,EACjF;AAAA,IACE,MAAM,4CAA4B;AAAA,IAClC,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM,4CAA4B;AAAA,IAClC,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM,4CAA4B;AAAA,IAClC,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEO,SAAS,sBAAsB,QAAmD;AACvF,SAAO,uBAAuB,UAAU,YAAU,OAAO,UAAU,MAAM,MAAM;AACjF;AAEO,SAAS,uBACd,OACqC;AACrC,QAAM,OAAO,MAAM,CAAC;AACpB,SACE,4BAAa,SAAS,IAAI,KAC1B,uBAAuB,UAAU,YAAU,OAAO,UAAU,KAAK,IAAI,MAAM;AAE/E;","names":[]}
+{"version":3,"sources":["../../../../src/slate/InlinePlugin/types.ts"],"sourcesContent":["import { Slate, unstable_IconRadioGroup } from '@makeswift/controls'\nimport { Node, NodeEntry } from 'slate'\n\nexport type SupportedInlineType = Exclude<Slate.InlineType, 'link'>\nexport type SupportedInline = Exclude<Slate.Inline, Slate.LinkElement>\n\nexport const supportedInlineOptions = [\n  {\n    icon: unstable_IconRadioGroup.Icon.Superscript,\n    label: 'Superscript',\n    value: 'superscript',\n  },\n  {\n    icon: unstable_IconRadioGroup.Icon.Subscript,\n    label: 'Subscript',\n    value: 'subscript',\n  },\n  {\n    icon: unstable_IconRadioGroup.Icon.Code,\n    label: 'Code',\n    value: 'code',\n  },\n] as const\n\nexport function isSupportedInlineType(inline: Slate.InlineType): inline is SupportedInlineType {\n  return supportedInlineOptions.findIndex(option => option.value === inline) !== -1\n}\n\nexport function isSupportedInlineNode(node: Node): node is SupportedInline {\n  return Slate.isInline(node) && isSupportedInlineType(node.type)\n}\n\nexport function isSupportedInlineEntry(\n  entry: NodeEntry<Node>,\n): entry is NodeEntry<SupportedInline> {\n  return isSupportedInlineNode(entry[0])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA+C;AAMxC,MAAM,yBAAyB;AAAA,EACpC;AAAA,IACE,MAAM,wCAAwB,KAAK;AAAA,IACnC,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM,wCAAwB,KAAK;AAAA,IACnC,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM,wCAAwB,KAAK;AAAA,IACnC,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEO,SAAS,sBAAsB,QAAyD;AAC7F,SAAO,uBAAuB,UAAU,YAAU,OAAO,UAAU,MAAM,MAAM;AACjF;AAEO,SAAS,sBAAsB,MAAqC;AACzE,SAAO,sBAAM,SAAS,IAAI,KAAK,sBAAsB,KAAK,IAAI;AAChE;AAEO,SAAS,uBACd,OACqC;AACrC,SAAO,sBAAsB,MAAM,CAAC,CAAC;AACvC;","names":[]}

package/dist/cjs/slate/LinkPlugin/getValue.js

@@ -33,25 +33,24 @@ __export(getValue_exports, {
 });
 module.exports = __toCommonJS(getValue_exports);
 var import_slate = require("slate");
-var import_element = require("../utils/element");
+var import_controls = require("@makeswift/controls");
 var import_selectors = require("../selectors");
 var import_filterForSubtreeRoots = require("../BlockPlugin/utils/filterForSubtreeRoots");
-var import_types2 = require("./types");
 var import_deepEqual = __toESM(require("../../utils/deepEqual"));
 function getLinksAndTextInSelection(editor) {
   return Array.from(
     import_slate.Editor.nodes(editor, {
       at: (0, import_selectors.getSelection)(editor),
-      match: (node) => import_element.ElementUtils.isInline(node) && (0, import_types2.isLinkElement)(node) || import_slate.Text.isText(node)
+      match: (node) => import_controls.Slate.isInline(node) && import_controls.Slate.isLink(node) || import_slate.Text.isText(node)
     })
   );
 }
 const getValue = (editor) => {
   const roots = (0, import_filterForSubtreeRoots.filterForSubtreeRoots)(getLinksAndTextInSelection(editor));
-  const areAllRootsLinks = roots.every(([root]) => (0, import_types2.isLinkElement)(root) || import_slate.Text.isText(root));
+  const areAllRootsLinks = roots.every(([root]) => import_controls.Slate.isLink(root) || import_slate.Text.isText(root));
   if (!areAllRootsLinks)
     return void 0;
-  const matchingValues = roots.map(([node]) => node).filter(import_types2.isLinkElement);
+  const matchingValues = roots.map(([node]) => node).filter(import_controls.Slate.isLink);
   const match = matchingValues.reduce(
     (a, b) => (0, import_deepEqual.default)(a?.link, b?.link) ? b : null,
     matchingValues.at(0) ?? void 0

package/dist/cjs/slate/LinkPlugin/getValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/LinkPlugin/getValue.ts"],"sourcesContent":["import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { LinkElement } from '../types'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkElement } from './types'\nimport deepEqual from '../../utils/deepEqual'\n\nexport function getLinksAndTextInSelection(editor: Editor): NodeEntry<LinkElement | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node => (ElementUtils.isInline(node) && isLinkElement(node)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | LinkElement>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n\n  const areAllRootsLinks = roots.every(([root]) => isLinkElement(root) || Text.isText(root))\n\n  if (!areAllRootsLinks) return undefined\n\n  const matchingValues = roots.map(([node]) => node).filter(isLinkElement) as (\n    | LinkElement\n    | null\n    | undefined\n  )[]\n\n  const match = matchingValues.reduce(\n    (a, b) => (deepEqual(a?.link, b?.link) ? b : null),\n    matchingValues.at(0) ?? undefined,\n  )\n\n  return match == null ? match : match.link\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AACxC,qBAA6B;AAE7B,uBAA6B;AAC7B,mCAAsC;AACtC,IAAAA,gBAA8B;AAC9B,uBAAsB;AAEf,SAAS,2BAA2B,QAAiD;AAC1F,SAAO,MAAM;AAAA,IACX,oBAAO,MAAM,QAAQ;AAAA,MACnB,QAAI,+BAAa,MAAM;AAAA,MACvB,OAAO,UAAS,4BAAa,SAAS,IAAI,SAAK,6BAAc,IAAI,KAAM,kBAAK,OAAO,IAAI;AAAA,IACzF,CAAC;AAAA,EACH;AACF;AAEO,MAAM,WAAW,CAAC,WAAmB;AAC1C,QAAM,YAAQ,oDAAsB,2BAA2B,MAAM,CAAC;AAEtE,QAAM,mBAAmB,MAAM,MAAM,CAAC,CAAC,IAAI,UAAM,6BAAc,IAAI,KAAK,kBAAK,OAAO,IAAI,CAAC;AAEzF,MAAI,CAAC;AAAkB,WAAO;AAE9B,QAAM,iBAAiB,MAAM,IAAI,CAAC,CAAC,IAAI,MAAM,IAAI,EAAE,OAAO,2BAAa;AAMvE,QAAM,QAAQ,eAAe;AAAA,IAC3B,CAAC,GAAG,UAAO,iBAAAC,SAAU,GAAG,MAAM,GAAG,IAAI,IAAI,IAAI;AAAA,IAC7C,eAAe,GAAG,CAAC,KAAK;AAAA,EAC1B;AAEA,SAAO,SAAS,OAAO,QAAQ,MAAM;AACvC;","names":["import_types","deepEqual"]}
+{"version":3,"sources":["../../../../src/slate/LinkPlugin/getValue.ts"],"sourcesContent":["import { Editor, NodeEntry, Text } from 'slate'\nimport { Slate } from '@makeswift/controls'\n\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport deepEqual from '../../utils/deepEqual'\n\nexport function getLinksAndTextInSelection(editor: Editor): NodeEntry<Slate.LinkElement | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node => (Slate.isInline(node) && Slate.isLink(node)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | Slate.LinkElement>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n\n  const areAllRootsLinks = roots.every(([root]) => Slate.isLink(root) || Text.isText(root))\n\n  if (!areAllRootsLinks) return undefined\n\n  const matchingValues = roots.map(([node]) => node).filter(Slate.isLink) as (\n    | Slate.LinkElement\n    | null\n    | undefined\n  )[]\n\n  const match = matchingValues.reduce(\n    (a, b) => (deepEqual(a?.link, b?.link) ? b : null),\n    matchingValues.at(0) ?? undefined,\n  )\n\n  return match == null ? match : match.link\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AACxC,sBAAsB;AAEtB,uBAA6B;AAC7B,mCAAsC;AACtC,uBAAsB;AAEf,SAAS,2BAA2B,QAAuD;AAChG,SAAO,MAAM;AAAA,IACX,oBAAO,MAAM,QAAQ;AAAA,MACnB,QAAI,+BAAa,MAAM;AAAA,MACvB,OAAO,UAAS,sBAAM,SAAS,IAAI,KAAK,sBAAM,OAAO,IAAI,KAAM,kBAAK,OAAO,IAAI;AAAA,IACjF,CAAC;AAAA,EACH;AACF;AAEO,MAAM,WAAW,CAAC,WAAmB;AAC1C,QAAM,YAAQ,oDAAsB,2BAA2B,MAAM,CAAC;AAEtE,QAAM,mBAAmB,MAAM,MAAM,CAAC,CAAC,IAAI,MAAM,sBAAM,OAAO,IAAI,KAAK,kBAAK,OAAO,IAAI,CAAC;AAExF,MAAI,CAAC;AAAkB,WAAO;AAE9B,QAAM,iBAAiB,MAAM,IAAI,CAAC,CAAC,IAAI,MAAM,IAAI,EAAE,OAAO,sBAAM,MAAM;AAMtE,QAAM,QAAQ,eAAe;AAAA,IAC3B,CAAC,GAAG,UAAO,iBAAAA,SAAU,GAAG,MAAM,GAAG,IAAI,IAAI,IAAI;AAAA,IAC7C,eAAe,GAAG,CAAC,KAAK;AAAA,EAC1B;AAEA,SAAO,SAAS,OAAO,QAAQ,MAAM;AACvC;","names":["deepEqual"]}

package/dist/cjs/slate/LinkPlugin/index.js

@@ -23,20 +23,18 @@ __export(LinkPlugin_exports, {
 });
 module.exports = __toCommonJS(LinkPlugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_css = require("@emotion/css");
 var import_controls = require("@makeswift/controls");
-var import_plugin = require("../../controls/rich-text-v2/plugin");
-var import_element = require("../utils/element");
-var import_types = require("../types");
+var import_link = require("../../controls/link");
 var import_use_style = require("../../runtimes/react/use-style");
 var import_Link = require("../../components/shared/Link");
-var import_css = require("@emotion/css");
-var import_types2 = require("./types");
+var import_plugin = require("../../controls/rich-text-v2/plugin");
 var import_onChange = require("./onChange");
 var import_getValue = require("./getValue");
 const withLink = (editor) => {
   const { isInline } = editor;
   editor.isInline = (entry) => {
-    return import_element.ElementUtils.isInline(entry) && isInline(entry);
+    return import_controls.Slate.isInline(entry) && isInline(entry);
   };
   return editor;
 };
@@ -48,7 +46,7 @@ function InlinePluginComponent({
 }) {
   const linkStyle = (0, import_use_style.useStyle)({ textDecoration: "none" });
   switch (element.type) {
-    case import_types.InlineType.Link:
+    case import_controls.Slate.InlineType.Link:
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_Link.Link,
         {
@@ -71,15 +69,15 @@ function InlinePluginComponent({
   }
 }
 function LinkPlugin() {
-  return (0, import_plugin.createRichTextV2Plugin)({
+  return (0, import_plugin.Plugin)({
     control: {
-      definition: (0, import_controls.Link)({
+      definition: (0, import_link.Link)({
         label: "On Click"
       }),
       onChange: import_onChange.onChange,
       getValue: import_getValue.getValue,
       getElementValue: (element) => {
-        return import_element.ElementUtils.isInline(element) && (0, import_types2.isLinkElement)(element) ? element.link : void 0;
+        return import_controls.Slate.isLink(element) ? element.link : void 0;
       }
     },
     withPlugin: withLink,

package/dist/cjs/slate/LinkPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor, Element } from 'slate'\nimport { Link } from '@makeswift/controls'\nimport { RenderElement, createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { cx } from '@emotion/css'\nimport { isLinkElement } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link ?? undefined}\n          className={cx(linkStyle, element.className)}\n        >\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </LinkComponent>\n      )\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n\nexport function LinkPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCQ;AAhCR,sBAAqB;AACrB,oBAAsD;AACtD,qBAA6B;AAC7B,mBAA2B;AAE3B,uBAAyB;AACzB,kBAAsC;AACtC,iBAAmB;AACnB,IAAAA,gBAA8B;AAC9B,sBAAyB;AACzB,sBAAyB;AAElB,MAAM,WAAW,CAAC,WAAmB;AAC1C,QAAM,EAAE,SAAS,IAAI;AAErB,SAAO,WAAW,WAAS;AACzB,WAAO,4BAAa,SAAS,KAAK,KAAK,SAAS,KAAK;AAAA,EACvD;AAEA,SAAO;AACT;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0D;AACxD,QAAM,gBAAY,2BAAS,EAAE,gBAAgB,OAAO,CAAC;AACrD,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,wBAAW;AACd,aACE;AAAA,QAAC,YAAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,MAAM,QAAQ,QAAQ;AAAA,UACtB,eAAW,eAAG,WAAW,QAAQ,SAAS;AAAA,UAEzC,wBAAc;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC;AAAA;AAAA,MACH;AAAA,IAGJ;AACE,aACE,2EACG,wBAAc;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GACH;AAAA,EAEN;AACF;AAEO,SAAS,aAAa;AAC3B,aAAO,sCAAuB;AAAA,IAC5B,SAAS;AAAA,MACP,gBAAY,sBAAK;AAAA,QACf,OAAO;AAAA,MACT,CAAC;AAAA,MACD;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,YAAqB;AACrC,eAAO,4BAAa,SAAS,OAAO,SAAK,6BAAc,OAAO,IAAI,QAAQ,OAAO;AAAA,MACnF;AAAA,IACF;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,mBAAiB,WAAS;AACvC,aAAO,4CAAC,yBAAuB,GAAG,OAAO,eAA8B;AAAA,IACzE;AAAA,EACF,CAAC;AACH;","names":["import_types","LinkComponent"]}
+{"version":3,"sources":["../../../../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { type Editor, Element } from 'slate'\nimport { type RenderElementProps } from 'slate-react'\nimport { Slate } from '@makeswift/controls'\n\nimport { Link } from '../../controls/link'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { type RenderElement, Plugin } from '../../controls/rich-text-v2/plugin'\n\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return Slate.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case Slate.InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link ?? undefined}\n          className={cx(linkStyle, element.className)}\n        >\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </LinkComponent>\n      )\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n\nexport function LinkPlugin() {\n  return Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return Slate.isLink(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCQ;AAjCR,iBAAmB;AAGnB,sBAAsB;AAEtB,kBAAqB;AACrB,uBAAyB;AACzB,kBAAsC;AACtC,oBAA2C;AAE3C,sBAAyB;AACzB,sBAAyB;AAElB,MAAM,WAAW,CAAC,WAAmB;AAC1C,QAAM,EAAE,SAAS,IAAI;AAErB,SAAO,WAAW,WAAS;AACzB,WAAO,sBAAM,SAAS,KAAK,KAAK,SAAS,KAAK;AAAA,EAChD;AAEA,SAAO;AACT;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0D;AACxD,QAAM,gBAAY,2BAAS,EAAE,gBAAgB,OAAO,CAAC;AACrD,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,sBAAM,WAAW;AACpB,aACE;AAAA,QAAC,YAAAA;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,MAAM,QAAQ,QAAQ;AAAA,UACtB,eAAW,eAAG,WAAW,QAAQ,SAAS;AAAA,UAEzC,wBAAc;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC;AAAA;AAAA,MACH;AAAA,IAGJ;AACE,aACE,2EACG,wBAAc;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GACH;AAAA,EAEN;AACF;AAEO,SAAS,aAAa;AAC3B,aAAO,sBAAO;AAAA,IACZ,SAAS;AAAA,MACP,gBAAY,kBAAK;AAAA,QACf,OAAO;AAAA,MACT,CAAC;AAAA,MACD;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,YAAqB;AACrC,eAAO,sBAAM,OAAO,OAAO,IAAI,QAAQ,OAAO;AAAA,MAChD;AAAA,IACF;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,mBAAiB,WAAS;AACvC,aAAO,4CAAC,yBAAuB,GAAG,OAAO,eAA8B;AAAA,IACzE;AAAA,EACF,CAAC;AACH;","names":["LinkComponent"]}

package/dist/cjs/slate/LinkPlugin/onChange.js

@@ -22,18 +22,18 @@ __export(onChange_exports, {
 });
 module.exports = __toCommonJS(onChange_exports);
 var import_slate = require("slate");
+var import_controls = require("@makeswift/controls");
 var import_unwrapInline = require("../BlockPlugin/unwrapInline");
 var import_wrapInline = require("../BlockPlugin/wrapInline");
-var import_types = require("../types");
 var import_filterForSubtreeRoots = require("../BlockPlugin/utils/filterForSubtreeRoots");
-var import_types2 = require("./types");
+var import_types = require("./types");
 var import_getValue = require("./getValue");
 const onChange = (editor, value) => {
   if (value == null)
-    return (0, import_unwrapInline.unwrapInline)(editor, import_types.InlineType.Link);
+    return (0, import_unwrapInline.unwrapInline)(editor, import_controls.Slate.InlineType.Link);
   const roots = (0, import_filterForSubtreeRoots.filterForSubtreeRoots)((0, import_getValue.getLinksAndTextInSelection)(editor));
   const root = roots.at(0);
-  if (roots.length === 1 && root != null && (0, import_types2.isLinkEntry)(root)) {
+  if (roots.length === 1 && root != null && (0, import_types.isLinkEntry)(root)) {
     import_slate.Transforms.setNodes(
       editor,
       {
@@ -42,8 +42,8 @@ const onChange = (editor, value) => {
       { at: root[1] }
     );
   } else {
-    (0, import_unwrapInline.unwrapInline)(editor, import_types.InlineType.Link);
-    (0, import_wrapInline.wrapInline)(editor, { type: import_types.InlineType.Link, link: value, children: [] });
+    (0, import_unwrapInline.unwrapInline)(editor, import_controls.Slate.InlineType.Link);
+    (0, import_wrapInline.wrapInline)(editor, { type: import_controls.Slate.InlineType.Link, link: value, children: [] });
   }
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/slate/LinkPlugin/onChange.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/LinkPlugin/onChange.ts"],"sourcesContent":["import { Editor, Transforms } from 'slate'\nimport { LinkControlData } from '../../controls'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { InlineType } from '../types'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkEntry } from './types'\nimport { getLinksAndTextInSelection } from './getValue'\n\nexport const onChange = (editor: Editor, value: LinkControlData) => {\n  if (value == null) return unwrapInline(editor, InlineType.Link)\n\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  // If the root of our selection is a link we just want to modify it\n  if (roots.length === 1 && root != null && isLinkEntry(root)) {\n    Transforms.setNodes(\n      editor,\n      {\n        link: value,\n      },\n      { at: root[1] },\n    )\n  }\n  // In all other cases we want to remove all existing links and wrap the current selection in a new link\n  else {\n    unwrapInline(editor, InlineType.Link)\n    wrapInline(editor, { type: InlineType.Link, link: value, children: [] })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAEnC,0BAA6B;AAC7B,wBAA2B;AAC3B,mBAA2B;AAC3B,mCAAsC;AACtC,IAAAA,gBAA4B;AAC5B,sBAA2C;AAEpC,MAAM,WAAW,CAAC,QAAgB,UAA2B;AAClE,MAAI,SAAS;AAAM,eAAO,kCAAa,QAAQ,wBAAW,IAAI;AAE9D,QAAM,YAAQ,wDAAsB,4CAA2B,MAAM,CAAC;AACtE,QAAM,OAAO,MAAM,GAAG,CAAC;AAGvB,MAAI,MAAM,WAAW,KAAK,QAAQ,YAAQ,2BAAY,IAAI,GAAG;AAC3D,4BAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,MACR;AAAA,MACA,EAAE,IAAI,KAAK,CAAC,EAAE;AAAA,IAChB;AAAA,EACF,OAEK;AACH,0CAAa,QAAQ,wBAAW,IAAI;AACpC,sCAAW,QAAQ,EAAE,MAAM,wBAAW,MAAM,MAAM,OAAO,UAAU,CAAC,EAAE,CAAC;AAAA,EACzE;AACF;","names":["import_types"]}
+{"version":3,"sources":["../../../../src/slate/LinkPlugin/onChange.ts"],"sourcesContent":["import { type Editor, Transforms } from 'slate'\nimport { type DataType, Slate } from '@makeswift/controls'\n\nimport { LinkDefinition } from '../../controls/link'\n\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\n\nimport { isLinkEntry } from './types'\nimport { getLinksAndTextInSelection } from './getValue'\n\nexport const onChange = (editor: Editor, value: DataType<LinkDefinition>) => {\n  if (value == null) return unwrapInline(editor, Slate.InlineType.Link)\n\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  // If the root of our selection is a link we just want to modify it\n  if (roots.length === 1 && root != null && isLinkEntry(root)) {\n    Transforms.setNodes(\n      editor,\n      {\n        link: value,\n      },\n      { at: root[1] },\n    )\n  }\n  // In all other cases we want to remove all existing links and wrap the current selection in a new link\n  else {\n    unwrapInline(editor, Slate.InlineType.Link)\n    wrapInline(editor, { type: Slate.InlineType.Link, link: value, children: [] })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AACxC,sBAAqC;AAIrC,0BAA6B;AAC7B,wBAA2B;AAC3B,mCAAsC;AAEtC,mBAA4B;AAC5B,sBAA2C;AAEpC,MAAM,WAAW,CAAC,QAAgB,UAAoC;AAC3E,MAAI,SAAS;AAAM,eAAO,kCAAa,QAAQ,sBAAM,WAAW,IAAI;AAEpE,QAAM,YAAQ,wDAAsB,4CAA2B,MAAM,CAAC;AACtE,QAAM,OAAO,MAAM,GAAG,CAAC;AAGvB,MAAI,MAAM,WAAW,KAAK,QAAQ,YAAQ,0BAAY,IAAI,GAAG;AAC3D,4BAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,MACR;AAAA,MACA,EAAE,IAAI,KAAK,CAAC,EAAE;AAAA,IAChB;AAAA,EACF,OAEK;AACH,0CAAa,QAAQ,sBAAM,WAAW,IAAI;AAC1C,sCAAW,QAAQ,EAAE,MAAM,sBAAM,WAAW,MAAM,MAAM,OAAO,UAAU,CAAC,EAAE,CAAC;AAAA,EAC/E;AACF;","names":[]}

package/dist/cjs/slate/LinkPlugin/types.js

@@ -18,21 +18,16 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var types_exports = {};
 __export(types_exports, {
-  isLinkElement: () => isLinkElement,
   isLinkEntry: () => isLinkEntry
 });
 module.exports = __toCommonJS(types_exports);
-var import_element = require("../utils/element");
-var import_types = require("../types");
-function isLinkElement(node) {
-  return import_element.ElementUtils.isInline(node) && node.type === import_types.InlineType.Link;
-}
+var import_slate = require("slate");
+var import_controls = require("@makeswift/controls");
 function isLinkEntry(inline) {
-  return import_element.ElementUtils.isInline(inline[0]) && inline[0].type === import_types.InlineType.Link;
+  return import_controls.Slate.isInline(inline[0]) && import_slate.Element.isElementType(inline[0], import_controls.Slate.InlineType.Link);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  isLinkElement,
   isLinkEntry
 });
 //# sourceMappingURL=types.js.map

package/dist/cjs/slate/LinkPlugin/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/LinkPlugin/types.ts"],"sourcesContent":["import { Node, NodeEntry } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType, LinkElement } from '../types'\n\nexport function isLinkElement(node: Node): node is LinkElement {\n  return ElementUtils.isInline(node) && node.type === InlineType.Link\n}\n\nexport function isLinkEntry(inline: NodeEntry<Node>): inline is NodeEntry<LinkElement> {\n  return ElementUtils.isInline(inline[0]) && inline[0].type === InlineType.Link\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA6B;AAC7B,mBAAwC;AAEjC,SAAS,cAAc,MAAiC;AAC7D,SAAO,4BAAa,SAAS,IAAI,KAAK,KAAK,SAAS,wBAAW;AACjE;AAEO,SAAS,YAAY,QAA2D;AACrF,SAAO,4BAAa,SAAS,OAAO,CAAC,CAAC,KAAK,OAAO,CAAC,EAAE,SAAS,wBAAW;AAC3E;","names":[]}
+{"version":3,"sources":["../../../../src/slate/LinkPlugin/types.ts"],"sourcesContent":["import { type Node, type NodeEntry, Element } from 'slate'\nimport { Slate } from '@makeswift/controls'\n\nexport function isLinkEntry(inline: NodeEntry<Node>): inline is NodeEntry<Slate.LinkElement> {\n  return Slate.isInline(inline[0]) && Element.isElementType(inline[0], Slate.InlineType.Link)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AACnD,sBAAsB;AAEf,SAAS,YAAY,QAAiE;AAC3F,SAAO,sBAAM,SAAS,OAAO,CAAC,CAAC,KAAK,qBAAQ,cAAc,OAAO,CAAC,GAAG,sBAAM,WAAW,IAAI;AAC5F;","names":[]}

package/dist/cjs/slate/TextAlignPlugin/getValue.js

@@ -22,14 +22,14 @@ __export(getValue_exports, {
 });
 module.exports = __toCommonJS(getValue_exports);
 var import_slate = require("slate");
-var import_element = require("../utils/element");
+var import_controls = require("@makeswift/controls");
 var import_selectors = require("../selectors");
 var import_responsive = require("../utils/responsive");
 function getValue(editor) {
   const matchingValues = Array.from(
     import_slate.Editor.nodes(editor, {
       at: (0, import_selectors.getSelection)(editor),
-      match: import_element.ElementUtils.isRootBlock
+      match: import_controls.Slate.isRootBlock
     })
   ).map(([node]) => node["textAlign"]);
   return matchingValues.length === 0 ? void 0 : matchingValues.reduce((a, b) => {

package/dist/cjs/slate/TextAlignPlugin/getValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TextAlignPlugin/getValue.ts"],"sourcesContent":["import { Editor } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { ResponsiveBlockTextAlignment } from '../types'\nimport { getSelection } from '../selectors'\nimport { responsiveShallowEqual } from '../utils/responsive'\n\nexport function getValue(editor: Editor): ResponsiveBlockTextAlignment | undefined {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: ElementUtils.isRootBlock,\n    }),\n  ).map(([node]) => node['textAlign']) as (ResponsiveBlockTextAlignment | undefined)[]\n\n  return matchingValues.length === 0\n    ? undefined\n    : matchingValues.reduce((a, b) => {\n        return responsiveShallowEqual(a, b)\n      })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuB;AACvB,qBAA6B;AAE7B,uBAA6B;AAC7B,wBAAuC;AAEhC,SAAS,SAAS,QAA0D;AACjF,QAAM,iBAAiB,MAAM;AAAA,IAC3B,oBAAO,MAAM,QAAQ;AAAA,MACnB,QAAI,+BAAa,MAAM;AAAA,MACvB,OAAO,4BAAa;AAAA,IACtB,CAAC;AAAA,EACH,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,KAAK,WAAW,CAAC;AAEnC,SAAO,eAAe,WAAW,IAC7B,SACA,eAAe,OAAO,CAAC,GAAG,MAAM;AAC9B,eAAO,0CAAuB,GAAG,CAAC;AAAA,EACpC,CAAC;AACP;","names":[]}
+{"version":3,"sources":["../../../../src/slate/TextAlignPlugin/getValue.ts"],"sourcesContent":["import { Editor } from 'slate'\nimport { Slate } from '@makeswift/controls'\n\nimport { getSelection } from '../selectors'\nimport { responsiveShallowEqual } from '../utils/responsive'\n\nexport function getValue(editor: Editor): Slate.ResponsiveBlockTextAlignment | undefined {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: Slate.isRootBlock,\n    }),\n  ).map(([node]) => node['textAlign']) as (Slate.ResponsiveBlockTextAlignment | undefined)[]\n\n  return matchingValues.length === 0\n    ? undefined\n    : matchingValues.reduce((a, b) => {\n        return responsiveShallowEqual(a, b)\n      })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuB;AACvB,sBAAsB;AAEtB,uBAA6B;AAC7B,wBAAuC;AAEhC,SAAS,SAAS,QAAgE;AACvF,QAAM,iBAAiB,MAAM;AAAA,IAC3B,oBAAO,MAAM,QAAQ;AAAA,MACnB,QAAI,+BAAa,MAAM;AAAA,MACvB,OAAO,sBAAM;AAAA,IACf,CAAC;AAAA,EACH,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,KAAK,WAAW,CAAC;AAEnC,SAAO,eAAe,WAAW,IAC7B,SACA,eAAe,OAAO,CAAC,GAAG,MAAM;AAC9B,eAAO,0CAAuB,GAAG,CAAC;AAAA,EACpC,CAAC;AACP;","names":[]}

package/dist/cjs/slate/TextAlignPlugin/index.js

@@ -22,8 +22,8 @@ __export(TextAlignPlugin_exports, {
   withTextAlign: () => withTextAlign
 });
 module.exports = __toCommonJS(TextAlignPlugin_exports);
-var import_controls = require("../../controls");
-var import_element = require("../utils/element");
+var import_controls = require("@makeswift/controls");
+var import_style_v2 = require("../../controls/style-v2/style-v2");
 var import_responsive = require("../utils/responsive");
 var import_getValue = require("./getValue");
 var import_plugin = require("../../controls/rich-text-v2/plugin");
@@ -31,7 +31,7 @@ const TEXT_ALIGN_KEY = "textAlign";
 const withTextAlign = (editor) => {
   const { normalizeNode } = editor;
   editor.normalizeNode = (entry) => {
-    if ((0, import_responsive.normalizeResponsiveValue)(editor, TEXT_ALIGN_KEY, { match: import_element.ElementUtils.isRootBlock })(
+    if ((0, import_responsive.normalizeResponsiveValue)(editor, TEXT_ALIGN_KEY, { match: import_controls.Slate.isRootBlock })(
       entry
     )) {
       return;
@@ -41,29 +41,29 @@ const withTextAlign = (editor) => {
   return editor;
 };
 function TextAlignPlugin() {
-  return (0, import_plugin.createRichTextV2Plugin)({
+  return (0, import_plugin.Plugin)({
     control: {
-      definition: (0, import_controls.unstable_StyleV2)({
+      definition: (0, import_style_v2.unstable_StyleV2)({
         type: (0, import_controls.unstable_IconRadioGroup)({
           label: "Alignment",
           options: [
             {
-              icon: import_controls.unstable_IconRadioGroupIcon.TextAlignLeft,
+              icon: import_controls.unstable_IconRadioGroup.Icon.TextAlignLeft,
               label: "Left Align",
               value: "left"
             },
             {
-              icon: import_controls.unstable_IconRadioGroupIcon.TextAlignCenter,
+              icon: import_controls.unstable_IconRadioGroup.Icon.TextAlignCenter,
               label: "Center Align",
               value: "center"
             },
             {
-              icon: import_controls.unstable_IconRadioGroupIcon.TextAlignRight,
+              icon: import_controls.unstable_IconRadioGroup.Icon.TextAlignRight,
               label: "Right Align",
               value: "right"
             },
             {
-              icon: import_controls.unstable_IconRadioGroupIcon.TextAlignJustify,
+              icon: import_controls.unstable_IconRadioGroup.Icon.TextAlignJustify,
               label: "Justify",
               value: "justify"
             }
@@ -75,12 +75,12 @@ function TextAlignPlugin() {
         }
       }),
       onChange: (editor, value) => (0, import_responsive.setResponsiveValue)(editor, TEXT_ALIGN_KEY, value, {
-        match: import_element.ElementUtils.isRootBlock,
+        match: import_controls.Slate.isRootBlock,
         split: false
       }),
-      getValue: (editor) => (0, import_getValue.getValue)(editor),
+      getValue: import_getValue.getValue,
       getElementValue: (element) => {
-        return import_element.ElementUtils.isRootBlock(element) ? element.textAlign : void 0;
+        return import_controls.Slate.isRootBlock(element) ? element.textAlign : void 0;
       }
     },
     withPlugin: withTextAlign,

package/dist/cjs/slate/TextAlignPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TextAlignPlugin/index.tsx"],"sourcesContent":["import { Editor, Element, NodeEntry } from 'slate'\nimport {\n  unstable_IconRadioGroup,\n  unstable_IconRadioGroupIcon,\n  unstable_StyleV2,\n} from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { normalizeResponsiveValue, setResponsiveValue } from '../utils/responsive'\nimport { getValue } from './getValue'\nimport { RootBlock } from '../types'\nimport { createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\n\nconst TEXT_ALIGN_KEY = 'textAlign'\n\nexport const withTextAlign = (editor: Editor) => {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    if (\n      normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock })(\n        entry as NodeEntry<RootBlock>,\n      )\n    ) {\n      return\n    }\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TextAlignPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: unstable_IconRadioGroup({\n          label: 'Alignment',\n          options: [\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignLeft,\n              label: 'Left Align',\n              value: 'left',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignCenter,\n              label: 'Center Align',\n              value: 'center',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignRight,\n              label: 'Right Align',\n              value: 'right',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignJustify,\n              label: 'Justify',\n              value: 'justify',\n            },\n          ],\n          defaultValue: 'left',\n        }),\n        getStyle(textAlign: 'left' | 'center' | 'right' | 'justify' | undefined) {\n          return { textAlign }\n        },\n      }),\n      onChange: (editor, value) =>\n        setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {\n          match: ElementUtils.isRootBlock,\n          split: false,\n        }),\n      getValue: editor => getValue(editor),\n      getElementValue: (element: Element) => {\n        return ElementUtils.isRootBlock(element) ? element.textAlign : undefined\n      },\n    },\n    withPlugin: withTextAlign,\n    renderElement: (renderElement, className) => props => {\n      return renderElement({\n        ...props,\n        element: {\n          ...props.element,\n          className,\n        },\n      })\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAIO;AACP,qBAA6B;AAC7B,wBAA6D;AAC7D,sBAAyB;AAEzB,oBAAuC;AAEvC,MAAM,iBAAiB;AAEhB,MAAM,gBAAgB,CAAC,WAAmB;AAC/C,QAAM,EAAE,cAAc,IAAI;AAC1B,SAAO,gBAAgB,WAAS;AAC9B,YACE,4CAAyB,QAAQ,gBAAgB,EAAE,OAAO,4BAAa,YAAY,CAAC;AAAA,MAClF;AAAA,IACF,GACA;AACA;AAAA,IACF;AACA,kBAAc,KAAK;AAAA,EACrB;AAEA,SAAO;AACT;AAEO,SAAS,kBAAkB;AAChC,aAAO,sCAAuB;AAAA,IAC5B,SAAS;AAAA,MACP,gBAAY,kCAAiB;AAAA,QAC3B,UAAM,yCAAwB;AAAA,UAC5B,OAAO;AAAA,UACP,SAAS;AAAA,YACP;AAAA,cACE,MAAM,4CAA4B;AAAA,cAClC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,4CAA4B;AAAA,cAClC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,4CAA4B;AAAA,cAClC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,4CAA4B;AAAA,cAClC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACA,cAAc;AAAA,QAChB,CAAC;AAAA,QACD,SAAS,WAAgE;AACvE,iBAAO,EAAE,UAAU;AAAA,QACrB;AAAA,MACF,CAAC;AAAA,MACD,UAAU,CAAC,QAAQ,cACjB,sCAAmB,QAAQ,gBAAgB,OAAO;AAAA,QAChD,OAAO,4BAAa;AAAA,QACpB,OAAO;AAAA,MACT,CAAC;AAAA,MACH,UAAU,gBAAU,0BAAS,MAAM;AAAA,MACnC,iBAAiB,CAAC,YAAqB;AACrC,eAAO,4BAAa,YAAY,OAAO,IAAI,QAAQ,YAAY;AAAA,MACjE;AAAA,IACF;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,CAAC,eAAe,cAAc,WAAS;AACpD,aAAO,cAAc;AAAA,QACnB,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/slate/TextAlignPlugin/index.tsx"],"sourcesContent":["import { Editor, Element, NodeEntry } from 'slate'\nimport { unstable_IconRadioGroup, Slate } from '@makeswift/controls'\n\nimport { unstable_StyleV2 } from '../../controls/style-v2/style-v2'\nimport { normalizeResponsiveValue, setResponsiveValue } from '../utils/responsive'\nimport { getValue } from './getValue'\nimport { Plugin } from '../../controls/rich-text-v2/plugin'\n\nconst TEXT_ALIGN_KEY = 'textAlign'\n\nexport const withTextAlign = (editor: Editor) => {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    if (\n      normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: Slate.isRootBlock })(\n        entry as NodeEntry<Slate.RootBlock>,\n      )\n    ) {\n      return\n    }\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TextAlignPlugin() {\n  return Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: unstable_IconRadioGroup({\n          label: 'Alignment',\n          options: [\n            {\n              icon: unstable_IconRadioGroup.Icon.TextAlignLeft,\n              label: 'Left Align',\n              value: 'left',\n            },\n            {\n              icon: unstable_IconRadioGroup.Icon.TextAlignCenter,\n              label: 'Center Align',\n              value: 'center',\n            },\n            {\n              icon: unstable_IconRadioGroup.Icon.TextAlignRight,\n              label: 'Right Align',\n              value: 'right',\n            },\n            {\n              icon: unstable_IconRadioGroup.Icon.TextAlignJustify,\n              label: 'Justify',\n              value: 'justify',\n            },\n          ],\n          defaultValue: 'left',\n        }),\n        getStyle(textAlign) {\n          return { textAlign }\n        },\n      }),\n      onChange: (editor, value) =>\n        setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {\n          match: Slate.isRootBlock,\n          split: false,\n        }),\n      getValue,\n      getElementValue: (element: Element) => {\n        return Slate.isRootBlock(element) ? element.textAlign : undefined\n      },\n    },\n    withPlugin: withTextAlign,\n    renderElement: (renderElement, className) => props => {\n      return renderElement({\n        ...props,\n        element: {\n          ...props.element,\n          className,\n        },\n      })\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAA+C;AAE/C,sBAAiC;AACjC,wBAA6D;AAC7D,sBAAyB;AACzB,oBAAuB;AAEvB,MAAM,iBAAiB;AAEhB,MAAM,gBAAgB,CAAC,WAAmB;AAC/C,QAAM,EAAE,cAAc,IAAI;AAC1B,SAAO,gBAAgB,WAAS;AAC9B,YACE,4CAAyB,QAAQ,gBAAgB,EAAE,OAAO,sBAAM,YAAY,CAAC;AAAA,MAC3E;AAAA,IACF,GACA;AACA;AAAA,IACF;AACA,kBAAc,KAAK;AAAA,EACrB;AAEA,SAAO;AACT;AAEO,SAAS,kBAAkB;AAChC,aAAO,sBAAO;AAAA,IACZ,SAAS;AAAA,MACP,gBAAY,kCAAiB;AAAA,QAC3B,UAAM,yCAAwB;AAAA,UAC5B,OAAO;AAAA,UACP,SAAS;AAAA,YACP;AAAA,cACE,MAAM,wCAAwB,KAAK;AAAA,cACnC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,wCAAwB,KAAK;AAAA,cACnC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,wCAAwB,KAAK;AAAA,cACnC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,wCAAwB,KAAK;AAAA,cACnC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACA,cAAc;AAAA,QAChB,CAAC;AAAA,QACD,SAAS,WAAW;AAClB,iBAAO,EAAE,UAAU;AAAA,QACrB;AAAA,MACF,CAAC;AAAA,MACD,UAAU,CAAC,QAAQ,cACjB,sCAAmB,QAAQ,gBAAgB,OAAO;AAAA,QAChD,OAAO,sBAAM;AAAA,QACb,OAAO;AAAA,MACT,CAAC;AAAA,MACH;AAAA,MACA,iBAAiB,CAAC,YAAqB;AACrC,eAAO,sBAAM,YAAY,OAAO,IAAI,QAAQ,YAAY;AAAA,MAC1D;AAAA,IACF;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,CAAC,eAAe,cAAc,WAAS;AACpD,aAAO,cAAc;AAAA,QACnB,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/cjs/slate/TypographyPlugin/clearActiveTypographyStyle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TypographyPlugin/clearActiveTypographyStyle.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype ClearActiveTypographyStyleOptions = {\n  at?: Range\n}\n\nexport function clearActiveTypographyStyle(\n  editor: Editor,\n  options?: ClearActiveTypographyStyleOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style: [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAOzC,SAAS,2BACd,QACA,SACA;AACA,sBAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,oBAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,8BAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,mBAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,oBAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,kBAAK,OAAO,IAAI,GAAG;AACrB,gBAAM,aAAiC;AAAA,YACrC,GAAG,KAAK;AAAA,YACR,OAAO,CAAC;AAAA,UACV;AAEA,kCAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/clearActiveTypographyStyle.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '@makeswift/controls'\n\ntype ClearActiveTypographyStyleOptions = {\n  at?: Range\n}\n\nexport function clearActiveTypographyStyle(\n  editor: Editor,\n  options?: ClearActiveTypographyStyleOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style: [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAOzC,SAAS,2BACd,QACA,SACA;AACA,sBAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,oBAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,8BAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,mBAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,oBAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,kBAAK,OAAO,IAAI,GAAG;AACrB,gBAAM,aAAiC;AAAA,YACrC,GAAG,KAAK;AAAA,YACR,OAAO,CAAC;AAAA,UACV;AAEA,kCAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}

package/dist/cjs/slate/TypographyPlugin/clearDeviceActiveTypography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TypographyPlugin/clearDeviceActiveTypography.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype ClearDeviceActiveTypographyOptions = {\n  at?: Range\n}\n\nexport function clearDeviceActiveTypography(\n  editor: Editor,\n  currentDeviceId: string,\n  options?: ClearDeviceActiveTypographyOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style:\n              node?.typography?.style.filter(({ deviceId }) => deviceId !== currentDeviceId) ?? [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAOzC,SAAS,4BACd,QACA,iBACA,SACA;AACA,sBAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,oBAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,8BAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,mBAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,oBAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,kBAAK,OAAO,IAAI,GAAG;AACrB,gBAAM,aAAiC;AAAA,YACrC,GAAG,KAAK;AAAA,YACR,OACE,MAAM,YAAY,MAAM,OAAO,CAAC,EAAE,SAAS,MAAM,aAAa,eAAe,KAAK,CAAC;AAAA,UACvF;AAEA,kCAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/clearDeviceActiveTypography.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '@makeswift/controls'\n\ntype ClearDeviceActiveTypographyOptions = {\n  at?: Range\n}\n\nexport function clearDeviceActiveTypography(\n  editor: Editor,\n  currentDeviceId: string,\n  options?: ClearDeviceActiveTypographyOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style:\n              node?.typography?.style.filter(({ deviceId }) => deviceId !== currentDeviceId) ?? [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAOzC,SAAS,4BACd,QACA,iBACA,SACA;AACA,sBAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,oBAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,8BAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,mBAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,oBAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,kBAAK,OAAO,IAAI,GAAG;AACrB,gBAAM,aAAiC;AAAA,YACrC,GAAG,KAAK;AAAA,YACR,OACE,MAAM,YAAY,MAAM,OAAO,CAAC,EAAE,SAAS,MAAM,aAAa,eAAe,KAAK,CAAC;AAAA,UACvF;AAEA,kCAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}

package/dist/cjs/slate/TypographyPlugin/detachActiveTypography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TypographyPlugin/detachActiveTypography.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype SetActiveTypographyIdOptions = {\n  at?: Range\n}\n\nexport function detachActiveTypography(\n  editor: Editor,\n  value: RichTextTypography['style'],\n  options?: SetActiveTypographyIdOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          Transforms.setNodes(\n            editor,\n            {\n              typography: {\n                style: value,\n              },\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAOzC,SAAS,uBACd,QACA,OACA,SACA;AACA,sBAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,oBAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,8BAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,mBAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,oBAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,kBAAK,OAAO,IAAI,GAAG;AACrB,kCAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,YAAY;AAAA,gBACV,OAAO;AAAA,cACT;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/detachActiveTypography.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '@makeswift/controls'\n\ntype SetActiveTypographyIdOptions = {\n  at?: Range\n}\n\nexport function detachActiveTypography(\n  editor: Editor,\n  value: RichTextTypography['style'],\n  options?: SetActiveTypographyIdOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          Transforms.setNodes(\n            editor,\n            {\n              typography: {\n                style: value,\n              },\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAOzC,SAAS,uBACd,QACA,OACA,SACA;AACA,sBAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,oBAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,8BAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,mBAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,oBAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,kBAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,kBAAK,OAAO,IAAI,GAAG;AACrB,kCAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,YAAY;AAAA,gBACV,OAAO;AAAA,cACT;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}

package/dist/cjs/slate/TypographyPlugin/getValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TypographyPlugin/getValue.tsx"],"sourcesContent":["import { Editor, Text } from 'slate'\nimport { RichTextTypography } from '../types'\nimport { getSelection } from '../selectors'\n\nexport function getValue(editor: Editor) {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: Text.isText,\n    }),\n  ).map(([node]) => node['typography']) as (RichTextTypography | undefined)[]\n\n  return matchingValues\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAE7B,uBAA6B;AAEtB,SAAS,SAAS,QAAgB;AACvC,QAAM,iBAAiB,MAAM;AAAA,IAC3B,oBAAO,MAAM,QAAQ;AAAA,MACnB,QAAI,+BAAa,MAAM;AAAA,MACvB,OAAO,kBAAK;AAAA,IACd,CAAC;AAAA,EACH,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,KAAK,YAAY,CAAC;AAEpC,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/getValue.tsx"],"sourcesContent":["import { Editor, Text } from 'slate'\nimport { RichTextTypography } from '@makeswift/controls'\n\nimport { getSelection } from '../selectors'\n\nexport function getValue(editor: Editor) {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: Text.isText,\n    }),\n  ).map(([node]) => node['typography']) as (RichTextTypography | undefined)[]\n\n  return matchingValues\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAG7B,uBAA6B;AAEtB,SAAS,SAAS,QAAgB;AACvC,QAAM,iBAAiB,MAAM;AAAA,IAC3B,oBAAO,MAAM,QAAQ;AAAA,MACnB,QAAI,+BAAa,MAAM;AAAA,MACvB,OAAO,kBAAK;AAAA,IACd,CAAC;AAAA,EACH,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,KAAK,YAAY,CAAC;AAEpC,SAAO;AACT;","names":[]}

package/dist/cjs/slate/TypographyPlugin/index.js

@@ -25,12 +25,12 @@ __export(TypographyPlugin_exports, {
 });
 module.exports = __toCommonJS(TypographyPlugin_exports);
 var import_slate = require("slate");
+var import_controls = require("@makeswift/controls");
 var import_clearActiveTypographyStyle = require("./clearActiveTypographyStyle");
 var import_clearDeviceActiveTypography = require("./clearDeviceActiveTypography");
 var import_detachActiveTypography = require("./detachActiveTypography");
 var import_setActiveTypographyId = require("./setActiveTypographyId");
 var import_setActiveTypographyStyle = require("./setActiveTypographyStyle");
-var import_controls = require("../../controls");
 var import_getValue = require("./getValue");
 var import_selectors = require("../selectors");
 var import_plugin = require("../../controls/rich-text-v2/plugin");
@@ -68,7 +68,7 @@ function withTypography(editor) {
   return editor;
 }
 function TypographyPlugin() {
-  return (0, import_plugin.createRichTextV2Plugin)({
+  return (0, import_plugin.Plugin)({
     withPlugin: withTypography,
     control: {
       definition: (0, import_controls.unstable_Typography)(),
@@ -101,7 +101,7 @@ function TypographyPlugin() {
             if (nodesToUpdate.length !== value?.length)
               return console.error(
                 `TypographyControl.onChange received the wrong number of arguments.
-Called with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`
+            Called with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`
               );
             for (const [index, [, path]] of nodesToUpdate.entries()) {
               import_slate.Transforms.setNodes(
@@ -116,7 +116,7 @@ Called with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`
           atRef.unref();
         });
       },
-      getValue: (editor) => (0, import_getValue.getValue)(editor),
+      getValue: import_getValue.getValue,
       getLeafValue: (text) => {
         return import_slate.Text.isText(text) ? text.typography : void 0;
       }

package/dist/cjs/slate/TypographyPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TypographyPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Descendant, Editor, NodeEntry, Text, Transforms } from 'slate'\nimport { clearActiveTypographyStyle } from './clearActiveTypographyStyle'\nimport { clearDeviceActiveTypography } from './clearDeviceActiveTypography'\nimport { detachActiveTypography } from './detachActiveTypography'\nimport { setActiveTypographyId } from './setActiveTypographyId'\nimport { setActiveTypographyStyle } from './setActiveTypographyStyle'\nimport { unstable_Typography } from '../../controls'\nimport { getValue } from './getValue'\nimport { getSelection } from '../selectors'\nimport { createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\nimport { normalizeTypographyUp } from './normalizeTypographyUp'\nimport { normalizeTypographyDown } from './normalizeTypographyDown'\nimport { normalizeSimilarText } from './normalizeSimilarText'\n\nexport const TypographyActions = {\n  setActiveTypographyId,\n  setActiveTypographyStyle,\n  clearActiveTypographyStyle,\n  clearDeviceActiveTypography,\n  detachActiveTypography,\n}\n\nexport const TYPOGRAPHY_KEY = 'typography'\n\nexport interface TypographyEditor extends BaseEditor {\n  typographyNormalizationDirection?: 'up' | 'neutral' | 'down'\n}\n\nexport function withTypography(editor: Editor) {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n\n    if (\n      'typography' in normalizationNode &&\n      normalizationNode?.typography?.id == null &&\n      normalizationNode?.typography?.style.length === 0\n    ) {\n      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath })\n      return\n    }\n\n    if ('slice' in normalizationNode && normalizationNode?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: normalizationPath })\n      return\n    }\n\n    if (normalizeSimilarText(editor, entry)) return\n\n    if (editor.typographyNormalizationDirection === 'up' && normalizeTypographyUp(editor, entry))\n      return\n\n    if (\n      (editor.typographyNormalizationDirection === 'down' ||\n        editor.typographyNormalizationDirection == null) &&\n      normalizeTypographyDown(editor, entry)\n    )\n      return\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TypographyPlugin() {\n  return createRichTextV2Plugin({\n    withPlugin: withTypography,\n    control: {\n      definition: unstable_Typography(),\n      onChange: (editor, value) => {\n        Editor.withoutNormalizing(editor, () => {\n          const at = getSelection(editor)\n          if (!at) return\n          const atRef = Editor.rangeRef(editor, at)\n          if (atRef.current) {\n            Transforms.setNodes<Descendant>(\n              editor,\n              {\n                slice: true,\n              },\n              {\n                at: atRef.current,\n                match: Text.isText,\n                split: true,\n              },\n            )\n          }\n\n          if (atRef.current) {\n            const nodesToUpdate = Array.from(\n              Editor.nodes(editor, {\n                at: atRef.current,\n                match: node => Text.isText(node) && node.slice === true,\n              }),\n            ) as NodeEntry<Text>[]\n\n            if (nodesToUpdate.length !== value?.length)\n              return console.error(\n                `TypographyControl.onChange received the wrong number of arguments.\nCalled with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`,\n              )\n\n            for (const [index, [, path]] of nodesToUpdate.entries()) {\n              Transforms.setNodes(\n                editor,\n                {\n                  typography: value?.at(index),\n                },\n                { at: path, match: Text.isText },\n              )\n            }\n          }\n\n          atRef.unref()\n        })\n      },\n      getValue: editor => getValue(editor),\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text.typography : undefined\n      },\n    },\n    renderLeaf: (renderLeaf, className) => props => {\n      return renderLeaf({\n        ...props,\n        leaf: {\n          ...props.leaf,\n          className: `${props.leaf.className} ${className}`,\n        },\n      })\n    },\n  })\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Descendant, Editor, NodeEntry, Text, Transforms } from 'slate'\nimport { unstable_Typography } from '@makeswift/controls'\n\nimport { clearActiveTypographyStyle } from './clearActiveTypographyStyle'\nimport { clearDeviceActiveTypography } from './clearDeviceActiveTypography'\nimport { detachActiveTypography } from './detachActiveTypography'\nimport { setActiveTypographyId } from './setActiveTypographyId'\nimport { setActiveTypographyStyle } from './setActiveTypographyStyle'\nimport { getValue } from './getValue'\nimport { getSelection } from '../selectors'\nimport { Plugin } from '../../controls/rich-text-v2/plugin'\nimport { normalizeTypographyUp } from './normalizeTypographyUp'\nimport { normalizeTypographyDown } from './normalizeTypographyDown'\nimport { normalizeSimilarText } from './normalizeSimilarText'\n\nexport const TypographyActions = {\n  setActiveTypographyId,\n  setActiveTypographyStyle,\n  clearActiveTypographyStyle,\n  clearDeviceActiveTypography,\n  detachActiveTypography,\n}\n\nexport const TYPOGRAPHY_KEY = 'typography'\n\nexport interface TypographyEditor extends BaseEditor {\n  typographyNormalizationDirection?: 'up' | 'neutral' | 'down'\n}\n\nexport function withTypography(editor: Editor) {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n\n    if (\n      'typography' in normalizationNode &&\n      normalizationNode?.typography?.id == null &&\n      normalizationNode?.typography?.style.length === 0\n    ) {\n      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath })\n      return\n    }\n\n    if ('slice' in normalizationNode && normalizationNode?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: normalizationPath })\n      return\n    }\n\n    if (normalizeSimilarText(editor, entry)) return\n\n    if (editor.typographyNormalizationDirection === 'up' && normalizeTypographyUp(editor, entry))\n      return\n\n    if (\n      (editor.typographyNormalizationDirection === 'down' ||\n        editor.typographyNormalizationDirection == null) &&\n      normalizeTypographyDown(editor, entry)\n    )\n      return\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TypographyPlugin() {\n  return Plugin({\n    withPlugin: withTypography,\n    control: {\n      definition: unstable_Typography(),\n      onChange: (editor, value) => {\n        Editor.withoutNormalizing(editor, () => {\n          const at = getSelection(editor)\n          if (!at) return\n          const atRef = Editor.rangeRef(editor, at)\n          if (atRef.current) {\n            Transforms.setNodes<Descendant>(\n              editor,\n              {\n                slice: true,\n              },\n              {\n                at: atRef.current,\n                match: Text.isText,\n                split: true,\n              },\n            )\n          }\n\n          if (atRef.current) {\n            const nodesToUpdate = Array.from(\n              Editor.nodes(editor, {\n                at: atRef.current,\n                match: node => Text.isText(node) && node.slice === true,\n              }),\n            ) as NodeEntry<Text>[]\n\n            if (nodesToUpdate.length !== value?.length)\n              return console.error(\n                `TypographyControl.onChange received the wrong number of arguments.\n            Called with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`,\n              )\n\n            for (const [index, [, path]] of nodesToUpdate.entries()) {\n              Transforms.setNodes(\n                editor,\n                {\n                  typography: value?.at(index),\n                },\n                { at: path, match: Text.isText },\n              )\n            }\n          }\n\n          atRef.unref()\n        })\n      },\n      getValue,\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text.typography : undefined\n      },\n    },\n    renderLeaf: (renderLeaf, className) => props => {\n      return renderLeaf({\n        ...props,\n        leaf: {\n          ...props.leaf,\n          className: `${props.leaf.className} ${className}`,\n        },\n      })\n    },\n  })\n}\n"],"mappings":"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","names":[]}

package/dist/cjs/slate/TypographyPlugin/normalizeTypographyDown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TypographyPlugin/normalizeTypographyDown.ts"],"sourcesContent":["import { Editor, Element, NodeEntry, Transforms } from 'slate'\nimport { MakeswiftEditor, RichTextTypography } from '../types'\nimport shallowMerge from '../../utils/shallowMerge'\nimport { TYPOGRAPHY_KEY } from '.'\n\nexport function shallowMergeTypographies(\n  commonTypography?: RichTextTypography,\n  typography?: RichTextTypography,\n) {\n  const devices = [\n    ...new Set(\n      commonTypography?.style\n        .map(node => node.deviceId)\n        .concat(typography?.style.map(node => node.deviceId) ?? []),\n    ),\n  ]\n\n  return {\n    id: commonTypography?.id ?? typography?.id,\n    style: devices.map(deviceId => {\n      const commonDevice = commonTypography?.style.find(s => s.deviceId === deviceId)\n      const existingDeviceStyle = typography?.style.find(s => s.deviceId === deviceId)\n\n      return {\n        deviceId,\n        value: shallowMerge(existingDeviceStyle?.value ?? {}, commonDevice?.value ?? {}),\n      }\n    }),\n  }\n}\n\nexport function normalizeTypographyDown(editor: MakeswiftEditor, entry: NodeEntry): boolean {\n  const [normalizationNode, normalizationPath] = entry\n\n  if (\n    Element.isElement(normalizationNode) &&\n    normalizationNode.typography != null &&\n    normalizationNode.children.length\n  ) {\n    Editor.withoutNormalizing(editor, () => {\n      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath })\n      for (let i = 0; i < normalizationNode.children.length; i++) {\n        const resultingTypography = shallowMergeTypographies(\n          normalizationNode.typography,\n          normalizationNode.children.at(i)?.typography,\n        )\n        Transforms.setNodes(\n          editor,\n          { typography: resultingTypography },\n          { at: [...normalizationPath, i] },\n        )\n      }\n    })\n    return true\n  }\n\n  return false\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuD;AAEvD,0BAAyB;AACzB,eAA+B;AAExB,SAAS,yBACd,kBACA,YACA;AACA,QAAM,UAAU;AAAA,IACd,GAAG,IAAI;AAAA,MACL,kBAAkB,MACf,IAAI,UAAQ,KAAK,QAAQ,EACzB,OAAO,YAAY,MAAM,IAAI,UAAQ,KAAK,QAAQ,KAAK,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AAEA,SAAO;AAAA,IACL,IAAI,kBAAkB,MAAM,YAAY;AAAA,IACxC,OAAO,QAAQ,IAAI,cAAY;AAC7B,YAAM,eAAe,kBAAkB,MAAM,KAAK,OAAK,EAAE,aAAa,QAAQ;AAC9E,YAAM,sBAAsB,YAAY,MAAM,KAAK,OAAK,EAAE,aAAa,QAAQ;AAE/E,aAAO;AAAA,QACL;AAAA,QACA,WAAO,oBAAAA,SAAa,qBAAqB,SAAS,CAAC,GAAG,cAAc,SAAS,CAAC,CAAC;AAAA,MACjF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,SAAS,wBAAwB,QAAyB,OAA2B;AAC1F,QAAM,CAAC,mBAAmB,iBAAiB,IAAI;AAE/C,MACE,qBAAQ,UAAU,iBAAiB,KACnC,kBAAkB,cAAc,QAChC,kBAAkB,SAAS,QAC3B;AACA,wBAAO,mBAAmB,QAAQ,MAAM;AACtC,8BAAW,WAAW,QAAQ,yBAAgB,EAAE,IAAI,kBAAkB,CAAC;AACvE,eAAS,IAAI,GAAG,IAAI,kBAAkB,SAAS,QAAQ,KAAK;AAC1D,cAAM,sBAAsB;AAAA,UAC1B,kBAAkB;AAAA,UAClB,kBAAkB,SAAS,GAAG,CAAC,GAAG;AAAA,QACpC;AACA,gCAAW;AAAA,UACT;AAAA,UACA,EAAE,YAAY,oBAAoB;AAAA,UAClC,EAAE,IAAI,CAAC,GAAG,mBAAmB,CAAC,EAAE;AAAA,QAClC;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAEA,SAAO;AACT;","names":["shallowMerge"]}
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/normalizeTypographyDown.ts"],"sourcesContent":["import { Editor, Element, NodeEntry, Transforms } from 'slate'\nimport { RichTextTypography } from '@makeswift/controls'\n\nimport { MakeswiftEditor } from '../types'\nimport shallowMerge from '../../utils/shallowMerge'\nimport { TYPOGRAPHY_KEY } from '.'\n\nexport function shallowMergeTypographies(\n  commonTypography?: RichTextTypography,\n  typography?: RichTextTypography,\n) {\n  const devices = [\n    ...new Set(\n      commonTypography?.style\n        .map(node => node.deviceId)\n        .concat(typography?.style.map(node => node.deviceId) ?? []),\n    ),\n  ]\n\n  return {\n    id: commonTypography?.id ?? typography?.id,\n    style: devices.map(deviceId => {\n      const commonDevice = commonTypography?.style.find(s => s.deviceId === deviceId)\n      const existingDeviceStyle = typography?.style.find(s => s.deviceId === deviceId)\n\n      return {\n        deviceId,\n        value: shallowMerge(existingDeviceStyle?.value ?? {}, commonDevice?.value ?? {}),\n      }\n    }),\n  }\n}\n\nexport function normalizeTypographyDown(editor: MakeswiftEditor, entry: NodeEntry): boolean {\n  const [normalizationNode, normalizationPath] = entry\n\n  if (\n    Element.isElement(normalizationNode) &&\n    normalizationNode.typography != null &&\n    normalizationNode.children.length\n  ) {\n    Editor.withoutNormalizing(editor, () => {\n      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath })\n      for (let i = 0; i < normalizationNode.children.length; i++) {\n        const resultingTypography = shallowMergeTypographies(\n          normalizationNode.typography,\n          normalizationNode.children.at(i)?.typography,\n        )\n        Transforms.setNodes(\n          editor,\n          { typography: resultingTypography },\n          { at: [...normalizationPath, i] },\n        )\n      }\n    })\n    return true\n  }\n\n  return false\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuD;AAIvD,0BAAyB;AACzB,eAA+B;AAExB,SAAS,yBACd,kBACA,YACA;AACA,QAAM,UAAU;AAAA,IACd,GAAG,IAAI;AAAA,MACL,kBAAkB,MACf,IAAI,UAAQ,KAAK,QAAQ,EACzB,OAAO,YAAY,MAAM,IAAI,UAAQ,KAAK,QAAQ,KAAK,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AAEA,SAAO;AAAA,IACL,IAAI,kBAAkB,MAAM,YAAY;AAAA,IACxC,OAAO,QAAQ,IAAI,cAAY;AAC7B,YAAM,eAAe,kBAAkB,MAAM,KAAK,OAAK,EAAE,aAAa,QAAQ;AAC9E,YAAM,sBAAsB,YAAY,MAAM,KAAK,OAAK,EAAE,aAAa,QAAQ;AAE/E,aAAO;AAAA,QACL;AAAA,QACA,WAAO,oBAAAA,SAAa,qBAAqB,SAAS,CAAC,GAAG,cAAc,SAAS,CAAC,CAAC;AAAA,MACjF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,SAAS,wBAAwB,QAAyB,OAA2B;AAC1F,QAAM,CAAC,mBAAmB,iBAAiB,IAAI;AAE/C,MACE,qBAAQ,UAAU,iBAAiB,KACnC,kBAAkB,cAAc,QAChC,kBAAkB,SAAS,QAC3B;AACA,wBAAO,mBAAmB,QAAQ,MAAM;AACtC,8BAAW,WAAW,QAAQ,yBAAgB,EAAE,IAAI,kBAAkB,CAAC;AACvE,eAAS,IAAI,GAAG,IAAI,kBAAkB,SAAS,QAAQ,KAAK;AAC1D,cAAM,sBAAsB;AAAA,UAC1B,kBAAkB;AAAA,UAClB,kBAAkB,SAAS,GAAG,CAAC,GAAG;AAAA,QACpC;AACA,gCAAW;AAAA,UACT;AAAA,UACA,EAAE,YAAY,oBAAoB;AAAA,UAClC,EAAE,IAAI,CAAC,GAAG,mBAAmB,CAAC,EAAE;AAAA,QAClC;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAEA,SAAO;AACT;","names":["shallowMerge"]}

package/dist/cjs/slate/TypographyPlugin/normalizeTypographyUp.js

@@ -58,9 +58,12 @@ function shallowAndTypographies(...typographies) {
       );
       if (typographies.length !== stylesForThisDevice.length)
         return [];
-      const value = stylesForThisDevice.reduce((acc, curr) => {
-        return shallowAnd(acc, curr);
-      }, stylesForThisDevice.at(0));
+      const value = stylesForThisDevice.reduce(
+        (acc, curr) => {
+          return shallowAnd(acc, curr);
+        },
+        stylesForThisDevice.at(0)
+      );
       if (value == null || Object.keys(value).length === 0) {
         return [];
       }

package/dist/cjs/slate/TypographyPlugin/normalizeTypographyUp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/slate/TypographyPlugin/normalizeTypographyUp.ts"],"sourcesContent":["import { MakeswiftEditor } from '../types'\nimport { Editor, Element, NodeEntry, Transforms, Node, Text } from 'slate'\nimport { RichTextTypography } from '../types'\nimport keys from '../../utils/keys'\nimport deepEqual from '../../utils/deepEqual'\nimport { shallowMergeTypographies } from './normalizeTypographyDown'\n\nfunction shallowAnd<A extends Record<string, unknown>, B extends Record<string, unknown>>(\n  a: A,\n  b: B,\n): A & B {\n  const bKeys = keys(b)\n  const aPrime = { ...a } as A & B\n  const and = {} as A & B\n\n  bKeys.forEach(key => {\n    if (deepEqual(aPrime[key], b[key])) and[key] = aPrime[key]\n  })\n\n  return and\n}\n\nfunction shallowAndTypographies(...typographies: RichTextTypography[]): RichTextTypography {\n  return {\n    id: typographies.every(typography => typography?.id === typographies.at(0)?.id)\n      ? typographies.at(0)?.id\n      : undefined,\n    style: [\n      ...new Set(\n        typographies.flatMap(typography => typography?.style.map(node => node.deviceId) ?? []),\n      ),\n    ].flatMap(deviceId => {\n      const stylesForThisDevice = typographies\n        .map(typography => typography.style.find(s => s.deviceId === deviceId)?.value)\n        .filter((typography): typography is RichTextTypography['style'][number]['value'] =>\n          Boolean(typography),\n        )\n\n      if (typographies.length !== stylesForThisDevice.length) return []\n\n      const value = stylesForThisDevice.reduce((acc, curr) => {\n        return shallowAnd(acc, curr)\n      }, stylesForThisDevice.at(0) as RichTextTypography['style'][number]['value'])\n\n      if (value == null || Object.keys(value).length === 0) {\n        return []\n      }\n\n      return [\n        {\n          deviceId,\n          value,\n        },\n      ]\n    }),\n  }\n}\n\nfunction shallowInverseAnd<A extends Record<string, unknown>, B extends Record<string, unknown>>(\n  a: A,\n  b: B,\n): A & B {\n  const bKeys = Array.from(new Set([...keys(b), ...keys(a)]))\n  const aPrime = { ...a } as A & B\n  const bPrime = { ...b } as A & B\n  const xor = {} as A & B\n\n  bKeys.forEach(key => {\n    if (!deepEqual(aPrime[key], bPrime[key as any])) xor[key] = aPrime[key]\n  })\n\n  return xor\n}\n\nfunction shallowInverseAndTypographies(\n  a: RichTextTypography,\n  b: RichTextTypography,\n): RichTextTypography {\n  const typography = { style: [] } as RichTextTypography\n  if (a?.id !== b.id) {\n    typography.id = a?.id\n  }\n\n  if (a && a.style.length > 0) {\n    const styles: RichTextTypography['style'] = []\n    for (const style of a.style) {\n      const bDeviceTypography = b.style.find(s => s.deviceId === style.deviceId)\n      if (bDeviceTypography == null) {\n        styles.push(style)\n      } else {\n        const uniquePropertiesOfA = shallowInverseAnd(style.value, bDeviceTypography.value)\n\n        if (Object.keys(uniquePropertiesOfA).length > 0) {\n          styles.push({\n            deviceId: style.deviceId,\n            value: uniquePropertiesOfA,\n          })\n        }\n      }\n    }\n    typography.style = styles\n  }\n\n  return typography\n}\n\n/**\n * If a text is empty then don't include it in our comparison.\n */\nfunction isException(node: Node): boolean {\n  return Text.isText(node) && node.text === ''\n}\n\nexport function normalizeTypographyUp(editor: MakeswiftEditor, entry: NodeEntry): boolean {\n  const [node, path] = entry\n  if (Element.isElement(node) && node.children.length) {\n    const typographiesOfChildren = node.children\n      .filter(child => !isException(child))\n      .map(child => child.typography)\n\n    const definedTypographiesOfChildren = typographiesOfChildren.filter(\n      (typography): typography is RichTextTypography => Boolean(typography),\n    )\n    if (typographiesOfChildren.length === definedTypographiesOfChildren.length) {\n      let sharedTypography: RichTextTypography = shallowAndTypographies(\n        ...definedTypographiesOfChildren,\n      )\n\n      if (sharedTypography.style.length > 0 || sharedTypography.id != null) {\n        const rootTypography: RichTextTypography = shallowMergeTypographies(\n          sharedTypography,\n          node.typography,\n        )\n        Editor.withoutNormalizing(editor, () => {\n          Transforms.setNodes(editor, { typography: rootTypography }, { at: path })\n          for (let i = 0; i < node.children.length; i++) {\n            const typography: RichTextTypography = shallowInverseAndTypographies(\n              node.children.at(i)?.typography ?? { style: [] },\n              sharedTypography,\n            )\n\n            Transforms.setNodes(editor, { typography }, { at: [...path, i] })\n          }\n        })\n        return true\n      }\n    }\n  }\n  return false\n}\n"],"mappings":"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","names":["keys","deepEqual"]}
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/normalizeTypographyUp.ts"],"sourcesContent":["import { Editor, Element, NodeEntry, Transforms, Node, Text } from 'slate'\nimport { RichTextTypography } from '@makeswift/controls'\n\nimport { MakeswiftEditor } from '../types'\nimport keys from '../../utils/keys'\nimport deepEqual from '../../utils/deepEqual'\nimport { shallowMergeTypographies } from './normalizeTypographyDown'\n\nfunction shallowAnd<A extends Record<string, unknown>, B extends Record<string, unknown>>(\n  a: A,\n  b: B,\n): A & B {\n  const bKeys = keys(b)\n  const aPrime = { ...a } as A & B\n  const and = {} as A & B\n\n  bKeys.forEach(key => {\n    if (deepEqual(aPrime[key], b[key])) and[key] = aPrime[key]\n  })\n\n  return and\n}\n\nfunction shallowAndTypographies(...typographies: RichTextTypography[]): RichTextTypography {\n  return {\n    id: typographies.every(typography => typography?.id === typographies.at(0)?.id)\n      ? typographies.at(0)?.id\n      : undefined,\n    style: [\n      ...new Set(\n        typographies.flatMap(typography => typography?.style.map(node => node.deviceId) ?? []),\n      ),\n    ].flatMap(deviceId => {\n      const stylesForThisDevice = typographies\n        .map(typography => typography.style.find(s => s.deviceId === deviceId)?.value)\n        .filter((typography): typography is RichTextTypography['style'][number]['value'] =>\n          Boolean(typography),\n        )\n\n      if (typographies.length !== stylesForThisDevice.length) return []\n\n      const value = stylesForThisDevice.reduce(\n        (acc, curr) => {\n          return shallowAnd(acc, curr)\n        },\n        stylesForThisDevice.at(0) as RichTextTypography['style'][number]['value'],\n      )\n\n      if (value == null || Object.keys(value).length === 0) {\n        return []\n      }\n\n      return [\n        {\n          deviceId,\n          value,\n        },\n      ]\n    }),\n  }\n}\n\nfunction shallowInverseAnd<A extends Record<string, unknown>, B extends Record<string, unknown>>(\n  a: A,\n  b: B,\n): A & B {\n  const bKeys = Array.from(new Set([...keys(b), ...keys(a)]))\n  const aPrime = { ...a } as A & B\n  const bPrime = { ...b } as A & B\n  const xor = {} as A & B\n\n  bKeys.forEach(key => {\n    if (!deepEqual(aPrime[key], bPrime[key as any])) xor[key] = aPrime[key]\n  })\n\n  return xor\n}\n\nfunction shallowInverseAndTypographies(\n  a: RichTextTypography,\n  b: RichTextTypography,\n): RichTextTypography {\n  const typography = { style: [] } as RichTextTypography\n  if (a?.id !== b.id) {\n    typography.id = a?.id\n  }\n\n  if (a && a.style.length > 0) {\n    const styles: RichTextTypography['style'] = []\n    for (const style of a.style) {\n      const bDeviceTypography = b.style.find(s => s.deviceId === style.deviceId)\n      if (bDeviceTypography == null) {\n        styles.push(style)\n      } else {\n        const uniquePropertiesOfA = shallowInverseAnd(style.value, bDeviceTypography.value)\n\n        if (Object.keys(uniquePropertiesOfA).length > 0) {\n          styles.push({\n            deviceId: style.deviceId,\n            value: uniquePropertiesOfA,\n          })\n        }\n      }\n    }\n    typography.style = styles\n  }\n\n  return typography\n}\n\n/**\n * If a text is empty then don't include it in our comparison.\n */\nfunction isException(node: Node): boolean {\n  return Text.isText(node) && node.text === ''\n}\n\nexport function normalizeTypographyUp(editor: MakeswiftEditor, entry: NodeEntry): boolean {\n  const [node, path] = entry\n  if (Element.isElement(node) && node.children.length) {\n    const typographiesOfChildren = node.children\n      .filter(child => !isException(child))\n      .map(child => child.typography)\n\n    const definedTypographiesOfChildren = typographiesOfChildren.filter(\n      (typography): typography is RichTextTypography => Boolean(typography),\n    )\n    if (typographiesOfChildren.length === definedTypographiesOfChildren.length) {\n      let sharedTypography: RichTextTypography = shallowAndTypographies(\n        ...definedTypographiesOfChildren,\n      )\n\n      if (sharedTypography.style.length > 0 || sharedTypography.id != null) {\n        const rootTypography: RichTextTypography = shallowMergeTypographies(\n          sharedTypography,\n          node.typography,\n        )\n        Editor.withoutNormalizing(editor, () => {\n          Transforms.setNodes(editor, { typography: rootTypography }, { at: path })\n          for (let i = 0; i < node.children.length; i++) {\n            const typography: RichTextTypography = shallowInverseAndTypographies(\n              node.children.at(i)?.typography ?? { style: [] },\n              sharedTypography,\n            )\n\n            Transforms.setNodes(editor, { typography }, { at: [...path, i] })\n          }\n        })\n        return true\n      }\n    }\n  }\n  return false\n}\n"],"mappings":"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","names":["keys","deepEqual"]}