@makeswift/runtime 0.9.2 → 0.9.4

package/dist/react.cjs.js

@@ -14,12 +14,10 @@ require("@emotion/serialize");
 require("@emotion/utils");
 require("slate");
 require("react/jsx-runtime");
-require("./text-input.cjs.js");
+require("./typography.cjs.js");
 require("./combobox.cjs.js");
-require("./select.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");
-require("./deepEqual.cjs.js");
 require("./box-models.cjs.js");
 require("css-box-model");
 require("color");

package/dist/react.cjs.js.map

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

package/dist/react.es.js

@@ -12,12 +12,10 @@ import "@emotion/serialize";
 import "@emotion/utils";
 import "slate";
 import "react/jsx-runtime";
-import "./text-input.es.js";
+import "./typography.es.js";
 import "./combobox.es.js";
-import "./select.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";
-import "./deepEqual.es.js";
 import "./box-models.es.js";
 import "css-box-model";
 import "color";

package/dist/react.es.js.map

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

package/dist/slate.cjs.js

@@ -20,100 +20,84 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var index = require("./index.cjs5.js");
+var types = require("./types.cjs2.js");
 var index$1 = require("./index.cjs6.js");
 var index$2 = require("./index.cjs7.js");
-var index$3 = require("./index.cjs8.js");
 var reactPage = require("./react-page.cjs.js");
-var select = require("./select.cjs.js");
+var typography = require("./typography.cjs.js");
 var slate = require("slate");
-var deepEqual = require("./deepEqual.cjs.js");
+require("react");
+var css = require("@emotion/css");
+require("@emotion/serialize");
+require("@emotion/utils");
+var next = require("./index.cjs.js");
+var jsxRuntime = require("react/jsx-runtime");
+var index$3 = require("./index.cjs3.js");
 require("./state/breakpoints.cjs.js");
 require("./actions.cjs.js");
 require("is-hotkey");
-require("@emotion/css");
-require("react/jsx-runtime");
 require("slate-react");
 require("redux");
 require("redux-thunk");
-require("react");
-require("@emotion/serialize");
-require("@emotion/utils");
-function setResponsiveValue(editor, key, value, options) {
-  slate.Editor.withoutNormalizing(editor, () => {
-    const at = index$1.getSelection(editor);
-    if (!at)
+require("use-sync-external-store/shim/with-selector");
+require("next/dynamic");
+require("./combobox.cjs.js");
+require("use-sync-external-store/shim");
+require("./types.cjs.js");
+require("./box-models.cjs.js");
+require("css-box-model");
+require("color");
+require("scroll-into-view-if-needed");
+require("react-dom");
+require("html-react-parser");
+require("next/head");
+require("zod");
+require("@emotion/server/create-instance");
+require("next/document");
+require("cors");
+require("path-to-regexp");
+require("cookie");
+require("http-proxy");
+require("set-cookie-parser");
+require("./constants.cjs.js");
+require("uuid");
+require("corporate-ipsum");
+require("next/link");
+const TEXT_ALIGN_KEY = "textAlign";
+const withTextAlign = (editor) => {
+  const {
+    normalizeNode
+  } = editor;
+  editor.normalizeNode = (entry) => {
+    if (index.normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, {
+      match: types.ElementUtils.isRootBlock
+    })(entry)) {
       return;
-    const atRef = slate.Editor.rangeRef(editor, at);
-    if (atRef.current) {
-      slate.Transforms.setNodes(editor, {
-        slice: true
-      }, {
-        at: atRef.current,
-        match: options.match,
-        split: options.split
-      });
     }
-    if (atRef.current) {
-      const nodesToUpdate = Array.from(slate.Editor.nodes(editor, {
-        at: atRef.current,
-        match: (node, path) => options.match(node, path) && node.slice === true
-      }));
-      for (const [, path] of nodesToUpdate) {
-        slate.Transforms.setNodes(editor, {
-          [key]: value
-        }, { at: path });
-      }
-    }
-    atRef.unref();
-  });
-}
-function getResponsiveValue(editor, key, options) {
-  const matchingValues = Array.from(slate.Editor.nodes(editor, {
-    at: index$1.getSelection(editor),
-    match: options == null ? void 0 : options.match
-  })).filter(([node, path]) => options.match(node, path)).map(([node]) => node[key]);
-  const value = matchingValues.length === 0 ? void 0 : matchingValues.reduce((a, b) => deepEqual.deepEqual(a, b) ? b : void 0);
-  return value;
-}
-function normalizeResponsiveValue(editor, key, options) {
-  return (entry) => {
-    const [node, path] = entry;
-    if (!options.match(node, path)) {
-      return false;
-    }
-    const responsiveValue = node == null ? void 0 : node[key];
-    if (Array.isArray(responsiveValue) && responsiveValue.length === 0) {
-      slate.Transforms.unsetNodes(editor, key, { at: path });
-      return true;
-    }
-    if ((node == null ? void 0 : node.slice) != null) {
-      slate.Transforms.unsetNodes(editor, "slice", { at: path });
-      return true;
-    }
-    return false;
+    normalizeNode(entry);
   };
-}
-const TEXT_ALIGN_KEY = "textAlign";
+  return editor;
+};
 function TextAlignPlugin() {
   return reactPage.createRichTextV2Plugin({
     control: {
       definition: reactPage.unstable_StyleV2({
-        type: select.unstable_IconRadioGroup({
+        type: typography.unstable_IconRadioGroup({
           label: "Alignment",
           options: [{
-            icon: select.unstable_IconRadioGroupIcon.TextAlignLeft,
+            icon: typography.unstable_IconRadioGroupIcon.TextAlignLeft,
             label: "Left Align",
             value: "left"
           }, {
-            icon: select.unstable_IconRadioGroupIcon.TextAlignCenter,
+            icon: typography.unstable_IconRadioGroupIcon.TextAlignCenter,
             label: "Center Align",
             value: "center"
           }, {
-            icon: select.unstable_IconRadioGroupIcon.TextAlignRight,
+            icon: typography.unstable_IconRadioGroupIcon.TextAlignRight,
             label: "Right Align",
             value: "right"
           }, {
-            icon: select.unstable_IconRadioGroupIcon.TextAlignJustify,
+            icon: typography.unstable_IconRadioGroupIcon.TextAlignJustify,
             label: "Justify",
             value: "justify"
           }],
@@ -125,31 +109,18 @@ function TextAlignPlugin() {
           };
         }
       }),
-      onChange: (editor, value) => setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {
-        match: index$1.ElementUtils.isRootBlock,
+      onChange: (editor, value) => index.setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {
+        match: types.ElementUtils.isRootBlock,
         split: false
       }),
-      getValue: (editor) => getResponsiveValue(editor, TEXT_ALIGN_KEY, {
-        match: index$1.ElementUtils.isRootBlock
+      getValue: (editor) => index.getResponsiveValue(editor, TEXT_ALIGN_KEY, {
+        match: types.ElementUtils.isRootBlock
       }),
       getElementValue: (element) => {
-        return index$1.ElementUtils.isRootBlock(element) ? element.textAlign : void 0;
+        return types.ElementUtils.isRootBlock(element) ? element.textAlign : void 0;
       }
     },
-    withPlugin: (editor) => {
-      const {
-        normalizeNode
-      } = editor;
-      editor.normalizeNode = (entry) => {
-        if (normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, {
-          match: index$1.ElementUtils.isRootBlock
-        })(entry)) {
-          return;
-        }
-        normalizeNode(entry);
-      };
-      return editor;
-    },
+    withPlugin: withTextAlign,
     renderElement: (renderElement, className) => (props) => {
       return renderElement(__spreadProps(__spreadValues({}, props), {
         element: __spreadProps(__spreadValues({}, props.element), {
@@ -174,12 +145,12 @@ function ColorPlugin() {
         }
       }),
       onChange: (editor, value) => {
-        setResponsiveValue(editor, COLOR_KEY, value, {
+        index.setResponsiveValue(editor, COLOR_KEY, value, {
           match: slate.Text.isText,
           split: true
         });
       },
-      getValue: (editor) => getResponsiveValue(editor, COLOR_KEY, {
+      getValue: (editor) => index.getResponsiveValue(editor, COLOR_KEY, {
         match: slate.Text.isText
       }),
       getLeafValue: (text) => {
@@ -191,7 +162,7 @@ function ColorPlugin() {
         normalizeNode
       } = editor;
       editor.normalizeNode = (entry) => {
-        if (normalizeResponsiveValue(editor, COLOR_KEY, {
+        if (index.normalizeResponsiveValue(editor, COLOR_KEY, {
           match: slate.Text.isText
         })(entry)) {
           return;
@@ -203,27 +174,219 @@ function ColorPlugin() {
     renderLeaf: (renderLeaf, className) => (props) => {
       return renderLeaf(__spreadProps(__spreadValues({}, props), {
         leaf: __spreadProps(__spreadValues({}, props.leaf), {
-          className
+          className: `${props.leaf.className} ${className}`
         })
       }));
     }
   });
 }
+function getSupportedInlinesAndTextInSelection(editor) {
+  return Array.from(slate.Editor.nodes(editor, {
+    at: types.getSelection(editor),
+    match: (node) => types.ElementUtils.isInline(node) && types.isSupportedInlineType(node.type) || slate.Text.isText(node)
+  }));
+}
+const getValue$1 = (editor) => {
+  var _a;
+  const roots = types.filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor));
+  const areAllRootsSupportedInlineTypesOrText = roots.every((entry) => types.isSupportedInlineEntry(entry) || slate.Text.isText(entry[0]));
+  if (!areAllRootsSupportedInlineTypesOrText)
+    return void 0;
+  const matchingValues = roots.filter(types.isSupportedInlineEntry).map(([node]) => node);
+  return (_a = matchingValues.reduce((a, b) => next.deepEqual(a, b) ? b : void 0, matchingValues.at(0))) == null ? void 0 : _a.type;
+};
+const onChange$1 = (editor, value) => {
+  function unwrapAllSupportedTypes() {
+    types.supportedInlineOptions.forEach(({ value: optionValue }) => types.unwrapInline(editor, optionValue));
+  }
+  function unwrapAllInlines() {
+    slate.Transforms.unwrapNodes(editor, {
+      match: (node) => types.ElementUtils.isInline(node),
+      at: types.getSelection(editor)
+    });
+  }
+  if (value == null)
+    return unwrapAllSupportedTypes();
+  if (!types.isSupportedInlineType(value))
+    return;
+  const roots = types.filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor));
+  const root = roots.at(0);
+  if (roots.length === 1 && root != null && types.isSupportedInlineEntry(root) && root[0].type === value) {
+    types.unwrapInline(editor, value);
+  } else {
+    unwrapAllInlines();
+    types.wrapInline(editor, { type: value, children: [] });
+  }
+};
+const withInline = (editor) => {
+  const {
+    isInline
+  } = editor;
+  editor.isInline = (entry) => {
+    return types.ElementUtils.isInline(entry) && isInline(entry);
+  };
+  return editor;
+};
+function InlinePlugin() {
+  return reactPage.createRichTextV2Plugin({
+    control: {
+      definition: typography.unstable_IconRadioGroup({
+        label: "Inline",
+        options: types.supportedInlineOptions
+      }),
+      onChange: onChange$1,
+      getValue: getValue$1,
+      getElementValue: (element) => {
+        return types.ElementUtils.isInline(element) ? element.type : void 0;
+      }
+    },
+    withPlugin: withInline,
+    renderElement: (renderElement) => (props) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(InlinePluginComponent$1, __spreadProps(__spreadValues({}, props), {
+        renderElement
+      }));
+    }
+  });
+}
+function InlinePluginComponent$1({
+  element,
+  attributes,
+  children,
+  renderElement
+}) {
+  switch (element.type) {
+    case reactPage.InlineType.Code:
+      return /* @__PURE__ */ jsxRuntime.jsx("code", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    case reactPage.InlineType.SuperScript:
+      return /* @__PURE__ */ jsxRuntime.jsx("sup", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    case reactPage.InlineType.SubScript:
+      return /* @__PURE__ */ jsxRuntime.jsx("sub", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: renderElement({
+          element,
+          attributes,
+          children
+        })
+      });
+  }
+}
+function isLinkElement(node) {
+  return types.ElementUtils.isInline(node) && node.type === reactPage.InlineType.Link;
+}
+function isLinkEntry(inline) {
+  return types.ElementUtils.isInline(inline[0]) && inline[0].type === reactPage.InlineType.Link;
+}
+function getLinksAndTextInSelection(editor) {
+  return Array.from(slate.Editor.nodes(editor, {
+    at: types.getSelection(editor),
+    match: (node) => types.ElementUtils.isInline(node) && isLinkElement(node) || slate.Text.isText(node)
+  }));
+}
+const getValue = (editor) => {
+  var _a;
+  const roots = types.filterForSubtreeRoots(getLinksAndTextInSelection(editor));
+  const areAllRootsLinks = roots.every(([root]) => isLinkElement(root) || slate.Text.isText(root));
+  if (!areAllRootsLinks)
+    return void 0;
+  const matchingValues = roots.map(([node]) => node).filter(isLinkElement);
+  return (_a = matchingValues.reduce((a, b) => next.deepEqual(a, b) ? b : void 0, matchingValues.at(0))) == null ? void 0 : _a.link;
+};
+const onChange = (editor, value) => {
+  if (value == null)
+    return types.unwrapInline(editor, reactPage.InlineType.Link);
+  const roots = types.filterForSubtreeRoots(getLinksAndTextInSelection(editor));
+  const root = roots.at(0);
+  if (roots.length === 1 && root != null && isLinkEntry(root)) {
+    slate.Transforms.setNodes(editor, {
+      link: value
+    }, { at: root[1] });
+  } else {
+    types.unwrapInline(editor, reactPage.InlineType.Link);
+    types.wrapInline(editor, { type: reactPage.InlineType.Link, link: value, children: [] });
+  }
+};
+const withLink = (editor) => {
+  const {
+    isInline
+  } = editor;
+  editor.isInline = (entry) => {
+    return types.ElementUtils.isInline(entry) && isInline(entry);
+  };
+  return editor;
+};
+function InlinePluginComponent({
+  element,
+  attributes,
+  children,
+  renderElement
+}) {
+  const linkStyle = reactPage.useStyle({
+    textDecoration: "none"
+  });
+  switch (element.type) {
+    case reactPage.InlineType.Link:
+      return /* @__PURE__ */ jsxRuntime.jsx(index$3.Link, __spreadProps(__spreadValues({}, attributes), {
+        link: element.link,
+        className: css.cx(linkStyle, element.className),
+        children
+      }));
+    default:
+      return renderElement({
+        element,
+        attributes,
+        children
+      });
+  }
+}
+function LinkPlugin() {
+  return reactPage.createRichTextV2Plugin({
+    control: {
+      definition: reactPage.Link$1({
+        label: "On Click"
+      }),
+      onChange,
+      getValue,
+      getElementValue: (element) => {
+        return types.ElementUtils.isInline(element) && isLinkElement(element) ? element.link : void 0;
+      }
+    },
+    withPlugin: withLink,
+    renderElement: (renderElement) => (props) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(InlinePluginComponent, __spreadProps(__spreadValues({}, props), {
+        renderElement
+      }));
+    }
+  });
+}
+exports.TYPOGRAPHY_KEY = index.TYPOGRAPHY_KEY;
 exports.TypographyActions = index.TypographyActions;
+exports.TypographyPlugin = index.TypographyPlugin;
 exports.withTypography = index.withTypography;
-exports.BlockActions = index$1.BlockActions;
-exports.BlockPlugin = index$1.BlockPlugin;
-exports.ListActions = index$1.ListActions;
-exports.onKeyDown = index$1.onKeyDown;
-exports.withBlock = index$1.withBlock;
-exports.InlineModePlugin = index$2.InlineModePlugin;
-exports.withInlineMode = index$2.withInlineMode;
-exports.withBuilder = index$3.withBuilder;
+exports.BlockActions = types.BlockActions;
+exports.BlockPlugin = types.BlockPlugin;
+exports.ListActions = types.ListActions;
+exports.onKeyDown = types.onKeyDown;
+exports.withBlock = types.withBlock;
+exports.InlineModePlugin = index$1.InlineModePlugin;
+exports.withInlineMode = index$1.withInlineMode;
+exports.withBuilder = index$2.withBuilder;
 exports.BlockTextAlignment = reactPage.BlockTextAlignment;
 exports.BlockType = reactPage.BlockType;
 exports.InlineType = reactPage.InlineType;
 exports.RootBlockType = reactPage.RootBlockType;
 exports.COLOR_KEY = COLOR_KEY;
 exports.ColorPlugin = ColorPlugin;
+exports.InlinePlugin = InlinePlugin;
+exports.LinkPlugin = LinkPlugin;
 exports.TextAlignPlugin = TextAlignPlugin;
+exports.withInline = withInline;
+exports.withLink = withLink;
+exports.withTextAlign = withTextAlign;
 //# sourceMappingURL=slate.cjs.js.map

package/dist/slate.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"slate.cjs.js","sources":["../src/slate/utils/responsive.ts","../src/slate/TextAlignPlugin/index.tsx","../src/slate/ColorPlugin/index.tsx"],"sourcesContent":["import { Editor, Transforms, NodeMatch, Descendant, NodeEntry } from 'slate'\nimport { getSelection } from '../selectors'\nimport deepEqual from '../../utils/deepEqual'\n\ntype SetResponsiveValueOptions<T extends Descendant> = {\n  match: NodeMatch<T>\n  split: boolean\n}\n\nexport function setResponsiveValue<T extends Descendant, K extends keyof T>(\n  editor: Editor,\n  key: K,\n  value: T[K] | undefined,\n  options: SetResponsiveValueOptions<T>,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = getSelection(editor)\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes<Descendant>(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: options.match,\n          split: options.split,\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const nodesToUpdate = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: (node, path) => options.match(node, path) && node.slice === true,\n        }),\n      )\n\n      for (const [, path] of nodesToUpdate) {\n        Transforms.setNodes(\n          editor,\n          {\n            [key]: value,\n          },\n          { at: path },\n        )\n      }\n    }\n\n    atRef.unref()\n  })\n}\n\ntype GetResponsiveValueOptions<T extends Descendant> = {\n  match: NodeMatch<T>\n}\n\nexport function getResponsiveValue<T extends Descendant, K extends keyof T>(\n  editor: Editor,\n  key: K,\n  options: GetResponsiveValueOptions<T>,\n): T[K] | undefined {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: options?.match,\n    }),\n  )\n    .filter(([node, path]) => options.match(node, path))\n    .map(([node]) => node[key]) as (T[K] | undefined)[]\n\n  const value =\n    matchingValues.length === 0\n      ? undefined\n      : matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined))\n\n  return value\n}\n\ntype NormalizeResponsiveValueOptions<T extends Descendant> = {\n  match: NodeMatch<T>\n}\n\nexport function normalizeResponsiveValue<T extends Descendant, K extends keyof T & string>(\n  editor: Editor,\n  key: K,\n  options: NormalizeResponsiveValueOptions<T>,\n) {\n  return (entry: NodeEntry) => {\n    const [node, path] = entry\n\n    if (!options.match(node, path)) {\n      return false\n    }\n\n    const responsiveValue = node?.[key]\n\n    if (Array.isArray(responsiveValue) && responsiveValue.length === 0) {\n      Transforms.unsetNodes(editor, key, { at: path })\n      return true\n    }\n\n    if (node?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: path })\n      return true\n    }\n\n    return false\n  }\n}\n","import { Editor, Element } from 'slate'\nimport {\n  createRichTextV2Plugin,\n  unstable_IconRadioGroup,\n  unstable_IconRadioGroupIcon,\n  unstable_StyleV2,\n} from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { TextAlignProperty } from 'csstype'\nimport {\n  getResponsiveValue,\n  normalizeResponsiveValue,\n  setResponsiveValue,\n} from '../utils/responsive'\n\nconst TEXT_ALIGN_KEY = 'textAlign'\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: TextAlignProperty) {\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 =>\n        getResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock }),\n      getElementValue: (element: Element) => {\n        return ElementUtils.isRootBlock(element) ? element.textAlign : undefined\n      },\n    },\n    withPlugin: (editor: Editor) => {\n      const { normalizeNode } = editor\n      editor.normalizeNode = entry => {\n        if (\n          normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock })(\n            entry,\n          )\n        ) {\n          return\n        }\n        normalizeNode(entry)\n      }\n\n      return editor\n    },\n    renderElement: (renderElement, className) => props => {\n      return renderElement({\n        ...props,\n        element: {\n          ...props.element,\n          className,\n        },\n      })\n    },\n  })\n}\n","import { Editor, Text } from 'slate'\nimport {\n  Color,\n  createRichTextV2Plugin,\n  unstable_StyleV2,\n  ColorControlDefinition,\n} from '../../controls'\nimport { ControlDefinitionValue } from '../../runtimes/react/controls/control'\nimport {\n  getResponsiveValue,\n  normalizeResponsiveValue,\n  setResponsiveValue,\n} from '../utils/responsive'\n\nexport const COLOR_KEY = 'color'\n\nexport function ColorPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: Color({\n          label: 'Color',\n        }),\n        getStyle(color: ControlDefinitionValue<ColorControlDefinition>) {\n          return { color }\n        },\n      }),\n      onChange: (editor, value) => {\n        setResponsiveValue(editor, COLOR_KEY, value, {\n          match: Text.isText,\n          split: true,\n        })\n      },\n      getValue: editor => getResponsiveValue(editor, COLOR_KEY, { match: Text.isText }),\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text?.color : undefined\n      },\n    },\n    withPlugin: (editor: Editor) => {\n      const { normalizeNode } = editor\n      editor.normalizeNode = entry => {\n        if (normalizeResponsiveValue(editor, COLOR_KEY, { match: Text.isText })(entry)) {\n          return\n        }\n\n        normalizeNode(entry)\n      }\n\n      return editor\n    },\n    renderLeaf: (renderLeaf, className) => props => {\n      return renderLeaf({\n        ...props,\n        leaf: {\n          ...props.leaf,\n          className,\n        },\n      })\n    },\n  })\n}\n"],"names":["Editor","getSelection","Transforms","deepEqual","TEXT_ALIGN_KEY","createRichTextV2Plugin","control","definition","unstable_StyleV2","type","unstable_IconRadioGroup","label","options","icon","unstable_IconRadioGroupIcon","TextAlignLeft","value","TextAlignCenter","TextAlignRight","TextAlignJustify","defaultValue","getStyle","textAlign","onChange","editor","setResponsiveValue","match","ElementUtils","isRootBlock","split","getValue","getResponsiveValue","getElementValue","element","undefined","withPlugin","normalizeNode","entry","normalizeResponsiveValue","renderElement","className","props","COLOR_KEY","Color","color","Text","isText","getLeafValue","text","renderLeaf","leaf"],"mappings":"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"}
+{"version":3,"file":"slate.cjs.js","sources":["../src/slate/TextAlignPlugin/index.tsx","../src/slate/ColorPlugin/index.tsx","../src/slate/InlinePlugin/getValue.ts","../src/slate/InlinePlugin/onChange.ts","../src/slate/InlinePlugin/index.tsx","../src/slate/LinkPlugin/types.ts","../src/slate/LinkPlugin/getValue.ts","../src/slate/LinkPlugin/onChange.ts","../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor, Element } from 'slate'\nimport {\n  createRichTextV2Plugin,\n  unstable_IconRadioGroup,\n  unstable_IconRadioGroupIcon,\n  unstable_StyleV2,\n} from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { TextAlignProperty } from 'csstype'\nimport {\n  getResponsiveValue,\n  normalizeResponsiveValue,\n  setResponsiveValue,\n} from '../utils/responsive'\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 })(entry)\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: TextAlignProperty) {\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 =>\n        getResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock }),\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","import { Editor, Text } from 'slate'\nimport {\n  Color,\n  createRichTextV2Plugin,\n  unstable_StyleV2,\n  ColorControlDefinition,\n} from '../../controls'\nimport { ControlDefinitionValue } from '../../runtimes/react/controls/control'\nimport {\n  getResponsiveValue,\n  normalizeResponsiveValue,\n  setResponsiveValue,\n} from '../utils/responsive'\n\nexport const COLOR_KEY = 'color'\n\nexport function ColorPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: Color({\n          label: 'Color',\n        }),\n        getStyle(color: ControlDefinitionValue<ColorControlDefinition>) {\n          return { color }\n        },\n      }),\n      onChange: (editor, value) => {\n        setResponsiveValue(editor, COLOR_KEY, value, {\n          match: Text.isText,\n          split: true,\n        })\n      },\n      getValue: editor => getResponsiveValue(editor, COLOR_KEY, { match: Text.isText }),\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text?.color : undefined\n      },\n    },\n    withPlugin: (editor: Editor) => {\n      const { normalizeNode } = editor\n      editor.normalizeNode = entry => {\n        if (normalizeResponsiveValue(editor, COLOR_KEY, { match: Text.isText })(entry)) {\n          return\n        }\n\n        normalizeNode(entry)\n      }\n\n      return editor\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","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport deepEqual from '../../utils/deepEqual'\nimport { SupportedInline, isSupportedInlineType, isSupportedInlineEntry } from './types'\n\nexport function getSupportedInlinesAndTextInSelection(\n  editor: Editor,\n): NodeEntry<SupportedInline | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node =>\n        (ElementUtils.isInline(node) && isSupportedInlineType(node.type)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | SupportedInline>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n\n  const areAllRootsSupportedInlineTypesOrText = roots.every(\n    entry => isSupportedInlineEntry(entry) || Text.isText(entry[0]),\n  )\n\n  if (!areAllRootsSupportedInlineTypesOrText) return undefined\n\n  const matchingValues = roots.filter(isSupportedInlineEntry).map(([node]) => node)\n\n  return matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined), matchingValues.at(0))\n    ?.type\n}\n","import { getSupportedInlinesAndTextInSelection } from './getValue'\nimport { Editor, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport {\n  SupportedInlineType,\n  isSupportedInlineEntry,\n  isSupportedInlineType,\n  supportedInlineOptions,\n} from './types'\n\nexport const onChange = (editor: Editor, value: SupportedInlineType) => {\n  function unwrapAllSupportedTypes() {\n    supportedInlineOptions.forEach(({ value: optionValue }) => unwrapInline(editor, optionValue))\n  }\n\n  function unwrapAllInlines() {\n    Transforms.unwrapNodes(editor, {\n      match: node => ElementUtils.isInline(node),\n      at: getSelection(editor),\n    })\n  }\n\n  if (value == null) return unwrapAllSupportedTypes()\n\n  if (!isSupportedInlineType(value)) return\n\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  if (\n    roots.length === 1 &&\n    root != null &&\n    isSupportedInlineEntry(root) &&\n    root[0].type === value\n  ) {\n    unwrapInline(editor, value)\n  } else {\n    unwrapAllInlines()\n    wrapInline(editor, { type: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin, unstable_IconRadioGroup } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { supportedInlineOptions } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withInline = (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\nexport function InlinePlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_IconRadioGroup({\n        label: 'Inline',\n        options: supportedInlineOptions,\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) ? element.type : undefined\n      },\n    },\n    withPlugin: withInline,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  switch (element.type) {\n    case InlineType.Code:\n      return <code {...attributes}>{children}</code>\n    case InlineType.SuperScript:\n      return <sup {...attributes}>{children}</sup>\n    case InlineType.SubScript:\n      return <sub {...attributes}>{children}</sub>\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n","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","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { LinkElement } from '../types'\nimport deepEqual from '../../utils/deepEqual'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkElement } from './types'\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)\n\n  return matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined), matchingValues.at(0))\n    ?.link\n}\n","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","import { Editor, Element } from 'slate'\nimport { Link, RenderElement, createRichTextV2Plugin } from '../../controls'\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}\n          className={cx(linkStyle, element.className)}\n        >\n          {children}\n        </LinkComponent>\n      )\n\n    default:\n      return renderElement({\n        element,\n        attributes,\n        children,\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"],"names":["TEXT_ALIGN_KEY","withTextAlign","editor","normalizeNode","entry","normalizeResponsiveValue","match","ElementUtils","isRootBlock","createRichTextV2Plugin","control","definition","unstable_StyleV2","type","unstable_IconRadioGroup","label","options","icon","unstable_IconRadioGroupIcon","TextAlignLeft","value","TextAlignCenter","TextAlignRight","TextAlignJustify","defaultValue","getStyle","textAlign","onChange","setResponsiveValue","split","getValue","getResponsiveValue","getElementValue","element","undefined","withPlugin","renderElement","className","props","COLOR_KEY","Color","color","Text","isText","getLeafValue","text","renderLeaf","leaf","Editor","getSelection","isSupportedInlineType","filterForSubtreeRoots","isSupportedInlineEntry","deepEqual","supportedInlineOptions","unwrapInline","Transforms","wrapInline","withInline","isInline","InlinePluginComponent","attributes","children","InlineType","Code","SuperScript","SubScript","_Fragment","withLink","linkStyle","useStyle","textDecoration","Link","LinkComponent","link","cx","isLinkElement"],"mappings":"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"}