@makeswift/runtime 0.9.12 → 0.10.0

package/dist/index.cjs3.js

@@ -30,117 +30,31 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var React = require("react");
-var scrollIntoView = require("scroll-into-view-if-needed");
-var NextLink = require("next/link");
+var css = require("@emotion/css");
+var reactPage = require("./react-page.cjs.js");
 var next = require("./index.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
-function _interopDefaultLegacy(e) {
-  return e && typeof e === "object" && "default" in e ? e : { "default": e };
-}
-var scrollIntoView__default = /* @__PURE__ */ _interopDefaultLegacy(scrollIntoView);
-var NextLink__default = /* @__PURE__ */ _interopDefaultLegacy(NextLink);
-const Link = React.forwardRef(function Link2(_a, ref) {
+function GutterContainer(_a) {
   var _b = _a, {
-    link,
-    onClick = () => {
-    }
+    className,
+    gutter,
+    first,
+    last
   } = _b, restOfProps = __objRest(_b, [
-    "link",
-    "onClick"
+    "className",
+    "gutter",
+    "first",
+    "last"
   ]);
-  var _a2;
-  const pageId = link && link.type === "OPEN_PAGE" ? link.payload.pageId : null;
-  const page = next.usePagePathnameSlice(pageId != null ? pageId : null);
-  const elementKey = (link == null ? void 0 : link.type) === "SCROLL_TO_ELEMENT" ? (_a2 = link.payload.elementIdConfig) == null ? void 0 : _a2.elementKey : null;
-  const elementId = next.useElementId(elementKey);
-  let useNextLink;
-  let href;
-  let target;
-  let block;
-  if (link) {
-    switch (link.type) {
-      case "OPEN_PAGE": {
-        if (page) {
-          useNextLink = true;
-          href = `/${page.pathname}`;
-        }
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "OPEN_URL": {
-        useNextLink = true;
-        href = link.payload.url;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "SEND_EMAIL": {
-        useNextLink = false;
-        const {
-          to,
-          subject = "",
-          body = ""
-        } = link.payload;
-        if (to != null)
-          href = `mailto:${to}?subject=${subject}&body=${body}`;
-        break;
-      }
-      case "CALL_PHONE": {
-        useNextLink = false;
-        href = `tel:${link.payload.phoneNumber}`;
-        break;
-      }
-      case "SCROLL_TO_ELEMENT": {
-        useNextLink = false;
-        href = `#${elementId != null ? elementId : ""}`;
-        block = link.payload.block;
-        break;
-      }
-      default:
-        throw new RangeError(`Invalid link type "${link.type}."`);
-    }
-  }
-  function handleClick(event) {
-    onClick(event);
-    if (event.defaultPrevented)
-      return;
-    if (event.currentTarget.isContentEditable)
-      return event.preventDefault();
-    if (link && link.type === "SCROLL_TO_ELEMENT") {
-      let hash;
-      try {
-        if (href != null)
-          hash = new URL(`http://www.example.com/${href}`).hash;
-      } catch (error) {
-        console.error(`Link received invalid href: ${href}`, error);
-      }
-      if (href != null && hash != null && href === hash) {
-        event.preventDefault();
-        const view = event.view;
-        scrollIntoView__default["default"](view.document.querySelector(hash), {
-          behavior: "smooth",
-          block
-        });
-        if (view.location.hash !== hash)
-          view.history.pushState({}, "", hash);
-      }
-    }
-  }
-  if (useNextLink && href != null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(NextLink__default["default"], __spreadProps(__spreadValues({}, restOfProps), {
-      ref,
-      target,
-      onClick: handleClick,
-      href,
-      legacyBehavior: false
-    }));
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, restOfProps), {
-    ref,
-    href,
-    target,
-    onClick: handleClick
+  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
+    className: css.cx(reactPage.useStyle(next.useResponsiveStyle([gutter], ([gutter2 = {
+      value: 0,
+      unit: "px"
+    }]) => ({
+      paddingLeft: first ? "0px" : `${gutter2.value / 2}${gutter2.unit}`,
+      paddingRight: last ? "0px" : `${gutter2.value / 2}${gutter2.unit}`
+    }))), className)
   }));
-});
-exports.Link = Link;
+}
+exports.GutterContainer = GutterContainer;
 //# sourceMappingURL=index.cjs3.js.map

package/dist/index.cjs3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs3.js","sources":["../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkValue as LinkPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { useElementId } from '../../../runtimes/react'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkPropControllerValue\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = true\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"names":["Link","forwardRef","ref","link","onClick","restOfProps","pageId","type","payload","page","usePagePathnameSlice","elementKey","elementIdConfig","elementId","useElementId","useNextLink","href","target","block","pathname","openInNewTab","url","to","subject","body","phoneNumber","RangeError","handleClick","event","defaultPrevented","currentTarget","isContentEditable","preventDefault","hash","URL","error","view","scrollIntoView","document","querySelector","behavior","location","history","pushState","NextLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeaA,MAAAA,OAAOC,MAAAA,WAAqC,eACvD,IACAC,KACA;AAFA,eAAEC;AAAAA;AAAAA,IAAMC,UAAU,MAAM;AAAA,IAAE;AAAA,MAA1B,IAA+BC,wBAA/B,IAA+BA;AAAAA,IAA7BF;AAAAA,IAAMC;AAAAA;;AAGR,QAAME,SAASH,QAAQA,KAAKI,SAAS,cAAcJ,KAAKK,QAAQF,SAAS;AACnEG,QAAAA,OAAOC,KAAAA,qBAAqBJ,0BAAU,IAAX;AACjC,QAAMK,aACJR,8BAAMI,UAAS,sBAAsBJ,YAAKK,QAAQI,oBAAbT,oBAA8BQ,aAAa;AAC5EE,QAAAA,YAAYC,kBAAaH,UAAD;AAI1BI,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AAEJ,MAAIf,MAAM;AACAA,YAAAA,KAAKI;AAAAA,WACN,aAAa;AAChB,YAAIE,MAAM;AACM,wBAAA;AAEdO,iBAAQ,IAAGP,KAAKU;AAAAA,QACjB;AAEQhB,iBAAAA,KAAKK,QAAQY,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,YAAY;AACD,sBAAA;AAEdJ,eAAOb,KAAKK,QAAQa;AAEXlB,iBAAAA,KAAKK,QAAQY,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,cAAc;AACH,sBAAA;AAER,cAAA;AAAA,UAAEE;AAAAA,UAAIC,UAAU;AAAA,UAAIC,OAAO;AAAA,YAAOrB,KAAKK;AAE7C,YAAIc,MAAM;AAAc,iBAAA,UAASA,cAAcC,gBAAgBC;AAE/D;AAAA,MACD;AAAA,WAEI,cAAc;AACH,sBAAA;AAEN,eAAA,OAAMrB,KAAKK,QAAQiB;AAE3B;AAAA,MACD;AAAA,WAEI,qBAAqB;AACV,sBAAA;AAEdT,eAAQ,IAAGH,gCAAa;AAExBK,gBAAQf,KAAKK,QAAQU;AAErB;AAAA,MACD;AAAA;AAGO,cAAA,IAAIQ,WAAY,sBAAsBvB,KAAaI,QAAnD;AAAA;AAAA,EAEX;AAEQoB,uBAAYC,OAAsC;AACzDxB,YAAQwB,KAAD;AAEHA,QAAAA,MAAMC;AAAkB;AAOxBD,QAAAA,MAAME,cAAcC;AAAmB,aAAOH,MAAMI;AAEpD7B,QAAAA,QAAQA,KAAKI,SAAS,qBAAqB;AACzC0B,UAAAA;AAEA,UAAA;AACF,YAAIjB,QAAQ;AAAMiB,iBAAO,IAAIC,IAAK,0BAAyBlB,MAAlC,EAA0CiB;AAAAA,eAC5DE;AACCA,gBAAAA,MAAO,+BAA8BnB,QAAQmB,KAArD;AAAA,MACD;AAEGnB,UAAAA,QAAQ,QAAQiB,QAAQ,QAAQjB,SAASiB,MAAM;AACjDL,cAAMI,eAAN;AACMI,cAAAA,OAAOR,MAAMQ;AAEnBC,gCAAAA,WAAeD,KAAKE,SAASC,cAAcN,IAA5B,GAAoC;AAAA,UACjDO,UAAU;AAAA,UACVtB;AAAAA,QAAAA,CAFY;AAKVkB,YAAAA,KAAKK,SAASR,SAASA;AAAMG,eAAKM,QAAQC,UAAU,IAAI,IAAIV,IAA/B;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAEGlB,MAAAA,eAAeC,QAAQ,MAAM;AAE7B,0CAAC4B,kBAAAA,YAAD,iCACMvC,cADN;AAAA,MAEE;AAAA,MACA;AAAA,MACA,SAASsB;AAAAA,MACT;AAAA,MAEA,gBAAgB;AAAA,IAAA,EARpB;AAAA,EAWD;AAGD,8EAActB;IAAa;AAAA,IAAU;AAAA,IAAY;AAAA,IAAgB,SAASsB;AAAAA,EAAAA,EAA1E;AACD,CA7H6B;;"}
+{"version":3,"file":"index.cjs3.js","sources":["../src/components/shared/GutterContainer/index.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { ResponsiveValue, Length } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\n\ntype BaseProps = {\n  className?: string\n  gutter?: ResponsiveValue<Length>\n  first: boolean\n  last: boolean\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport default function GutterContainer({ className, gutter, first, last, ...restOfProps }: Props) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle(\n          useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n            paddingLeft: first ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n            paddingRight: last ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"names":["className","gutter","first","last","restOfProps","cx","useStyle","useResponsiveStyle","value","unit","paddingLeft","paddingRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAewC,yBAAA,IAA2D;AAA3D,eAAEA;AAAAA;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,MAA5B,IAAqCC,wBAArC,IAAqCA;AAAAA,IAAnCJ;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA;AAClE,gFAEQC;IACJ,WAAWC,OACTC,mBACEC,KAAAA,mBAAmB,CAACN,MAAD,GAAmB,CAAC,CAACA,UAAS;AAAA,MAAEO,OAAO;AAAA,MAAGC,MAAM;AAAA,IAAA,OAAa;AAAA,MAC9EC,aAAaR,QAAQ,QAAS,GAAED,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,MAC1DE,cAAcR,OAAO,QAAS,GAAEF,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,IAAAA,EAF1C,CADZ,GAMRT,SAPW;AAAA,EAAA,EAHjB;AAcD;;"}

package/dist/index.cjs4.js

@@ -1,60 +1,19 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var css = require("@emotion/css");
-var reactPage = require("./react-page.cjs.js");
-var next = require("./index.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-function GutterContainer(_a) {
-  var _b = _a, {
-    className,
-    gutter,
-    first,
-    last
-  } = _b, restOfProps = __objRest(_b, [
-    "className",
-    "gutter",
-    "first",
-    "last"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle(next.useResponsiveStyle([gutter], ([gutter2 = {
-      value: 0,
-      unit: "px"
-    }]) => ({
-      paddingLeft: first ? "0px" : `${gutter2.value / 2}${gutter2.unit}`,
-      paddingRight: last ? "0px" : `${gutter2.value / 2}${gutter2.unit}`
-    }))), className)
-  }));
+var slate = require("slate");
+var slateReact = require("slate-react");
+function withBuilder(editor) {
+  editor.deselectAndBlur = function() {
+    slateReact.ReactEditor.deselect(editor);
+    slateReact.ReactEditor.blur(editor);
+  };
+  editor.focusAndSelectAll = function() {
+    slateReact.ReactEditor.focus(editor);
+    slate.Transforms.select(editor, {
+      anchor: slate.Editor.start(editor, []),
+      focus: slate.Editor.end(editor, [])
+    });
+  };
+  return editor;
 }
-exports.GutterContainer = GutterContainer;
+exports.withBuilder = withBuilder;
 //# sourceMappingURL=index.cjs4.js.map

package/dist/index.cjs4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs4.js","sources":["../src/components/shared/GutterContainer/index.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { ResponsiveValue, Length } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\n\ntype BaseProps = {\n  className?: string\n  gutter?: ResponsiveValue<Length>\n  first: boolean\n  last: boolean\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport default function GutterContainer({ className, gutter, first, last, ...restOfProps }: Props) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle(\n          useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n            paddingLeft: first ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n            paddingRight: last ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"names":["className","gutter","first","last","restOfProps","cx","useStyle","useResponsiveStyle","value","unit","paddingLeft","paddingRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAewC,yBAAA,IAA2D;AAA3D,eAAEA;AAAAA;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,MAA5B,IAAqCC,wBAArC,IAAqCA;AAAAA,IAAnCJ;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA;AAClE,gFAEQC;IACJ,WAAWC,OACTC,mBACEC,KAAAA,mBAAmB,CAACN,MAAD,GAAmB,CAAC,CAACA,UAAS;AAAA,MAAEO,OAAO;AAAA,MAAGC,MAAM;AAAA,IAAA,OAAa;AAAA,MAC9EC,aAAaR,QAAQ,QAAS,GAAED,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,MAC1DE,cAAcR,OAAO,QAAS,GAAEF,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,IAAAA,EAF1C,CADZ,GAMRT,SAPW;AAAA,EAAA,EAHjB;AAcD;;"}
+{"version":3,"file":"index.cjs4.js","sources":["../src/slate/BuilderPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Editor, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nexport interface BuilderEditor extends BaseEditor {\n  focusAndSelectAll: () => void\n  deselectAndBlur: () => void\n}\n\nexport function withBuilder(editor: Editor) {\n  editor.deselectAndBlur = function () {\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n  }\n\n  editor.focusAndSelectAll = function () {\n    ReactEditor.focus(editor)\n    Transforms.select(editor, {\n      anchor: Editor.start(editor, []),\n      focus: Editor.end(editor, []),\n    })\n  }\n\n  return editor\n}\n"],"names":["ReactEditor","Transforms","Editor"],"mappings":";;;AAQO,qBAAqB,QAAgB;AAC1C,SAAO,kBAAkB,WAAY;AACnCA,2BAAY,SAAS,MAAM;AAC3BA,2BAAY,KAAK,MAAM;AAAA,EAAA;AAGzB,SAAO,oBAAoB,WAAY;AACrCA,2BAAY,MAAM,MAAM;AACxBC,UAAA,WAAW,OAAO,QAAQ;AAAA,MACxB,QAAQC,MAAA,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,MAC/B,OAAOA,MAAA,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,IAAA,CAC7B;AAAA,EAAA;AAGI,SAAA;AACT;;"}

package/dist/index.cjs5.js

@@ -18,259 +18,70 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var slate = require("slate");
-var state_breakpoints = require("./state/breakpoints.cjs.js");
 var reactPage = require("./react-page.cjs.js");
-require("./actions.cjs.js");
-var types = require("./types.cjs2.js");
-function clearActiveTypographyStyle(editor, options) {
-  slate.Editor.withoutNormalizing(editor, () => {
-    var _a;
-    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
-    if (!at)
-      return;
-    const atRef = slate.Editor.rangeRef(editor, at);
-    if (atRef.current) {
-      slate.Transforms.setNodes(editor, {
-        slice: true
-      }, {
-        at: atRef.current,
-        match: (node) => slate.Text.isText(node),
-        split: slate.Range.isExpanded(atRef.current)
-      });
-    }
-    if (atRef.current) {
-      const textNodes = Array.from(slate.Editor.nodes(editor, {
-        at: atRef.current,
-        match: (node) => slate.Text.isText(node) && node.slice === true
-      }));
-      for (const [node, path] of textNodes) {
-        if (slate.Text.isText(node)) {
-          const typography = __spreadProps(__spreadValues({}, node.typography), {
-            style: []
-          });
-          slate.Transforms.setNodes(editor, {
-            typography
-          }, { at: path });
-        }
-      }
-    }
-    atRef.unref();
-  });
-}
-function clearDeviceActiveTypography(editor, currentDeviceId, options) {
-  slate.Editor.withoutNormalizing(editor, () => {
-    var _a, _b, _c;
-    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
-    if (!at)
-      return;
-    const atRef = slate.Editor.rangeRef(editor, at);
-    if (atRef.current) {
-      slate.Transforms.setNodes(editor, {
-        slice: true
-      }, {
-        at: atRef.current,
-        match: (node) => slate.Text.isText(node),
-        split: slate.Range.isExpanded(atRef.current)
-      });
-    }
-    if (atRef.current) {
-      const textNodes = Array.from(slate.Editor.nodes(editor, {
-        at: atRef.current,
-        match: (node) => slate.Text.isText(node) && node.slice === true
-      }));
-      for (const [node, path] of textNodes) {
-        if (slate.Text.isText(node)) {
-          const typography = __spreadProps(__spreadValues({}, node.typography), {
-            style: (_c = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style.filter(({ deviceId }) => deviceId !== currentDeviceId)) != null ? _c : []
-          });
-          slate.Transforms.setNodes(editor, {
-            typography
-          }, { at: path });
-        }
-      }
-    }
-    atRef.unref();
-  });
-}
-function detachActiveTypography(editor, value, options) {
-  slate.Editor.withoutNormalizing(editor, () => {
-    var _a;
-    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
-    if (!at)
-      return;
-    const atRef = slate.Editor.rangeRef(editor, at);
-    if (atRef.current) {
-      slate.Transforms.setNodes(editor, {
-        slice: true
-      }, {
-        at: atRef.current,
-        match: (node) => slate.Text.isText(node),
-        split: slate.Range.isExpanded(atRef.current)
-      });
-    }
-    if (atRef.current) {
-      const textNodes = Array.from(slate.Editor.nodes(editor, {
-        at: atRef.current,
-        match: (node) => slate.Text.isText(node) && node.slice === true
-      }));
-      for (const [node, path] of textNodes) {
-        if (slate.Text.isText(node)) {
-          slate.Transforms.setNodes(editor, {
-            typography: {
-              style: value
-            }
-          }, { at: path });
-        }
-      }
-    }
-    atRef.unref();
-  });
-}
-function setActiveTypographyId(editor, id, options) {
+var next = require("./index.cjs.js");
+var css = require("@emotion/css");
+var jsxRuntime = require("react/jsx-runtime");
+const withLink = (editor) => {
+  const {
+    isInline
+  } = editor;
+  editor.isInline = (entry) => {
+    return reactPage.ElementUtils.isInline(entry) && isInline(entry);
+  };
+  return editor;
+};
+function InlinePluginComponent({
+  element,
+  attributes,
+  children,
+  renderElement
+}) {
   var _a;
-  const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
-  if (!at)
-    return;
-  slate.Transforms.setNodes(editor, {
-    typography: {
-      id,
-      style: []
-    }
-  }, {
-    at,
-    match: (node) => slate.Text.isText(node),
-    split: slate.Range.isExpanded(at)
+  const linkStyle = reactPage.useStyle({
+    textDecoration: "none"
   });
-}
-function setActiveTypographyStyle(editor, breakpoints, deviceId, prop, value, options) {
-  slate.Editor.withoutNormalizing(editor, () => {
-    var _a, _b, _c;
-    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
-    if (!at)
-      return;
-    const atRef = slate.Editor.rangeRef(editor, at);
-    if (atRef.current) {
-      slate.Transforms.setNodes(editor, {
-        slice: true
-      }, {
-        at: atRef.current,
-        match: (node) => slate.Text.isText(node),
-        split: slate.Range.isExpanded(atRef.current)
-      });
-    }
-    if (atRef.current) {
-      const textNodes = Array.from(slate.Editor.nodes(editor, {
-        at: atRef.current,
-        match: (node) => slate.Text.isText(node) && node.slice === true
+  switch (element.type) {
+    case reactPage.InlineType.Link:
+      return /* @__PURE__ */ jsxRuntime.jsx(next.Link, __spreadProps(__spreadValues({}, attributes), {
+        link: (_a = element.link) != null ? _a : void 0,
+        className: css.cx(linkStyle, element.className),
+        children: renderElement({
+          element,
+          attributes,
+          children
+        })
       }));
-      for (const [node, path] of textNodes) {
-        if (slate.Text.isText(node)) {
-          const deviceOverrides = (_c = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style) != null ? _c : [];
-          const deviceStyle = state_breakpoints.findBreakpointOverride(breakpoints, deviceOverrides, deviceId, (v) => v) || {
-            value: {}
-          };
-          const nextDeviceStyle = {
-            deviceId,
-            value: __spreadProps(__spreadValues({}, deviceStyle.value), { [prop]: value })
-          };
-          const nextTypography = __spreadProps(__spreadValues({}, node.typography), {
-            style: [...deviceOverrides.filter((v) => v.deviceId !== deviceId), nextDeviceStyle]
-          });
-          slate.Transforms.setNodes(editor, {
-            typography: nextTypography
-          }, { at: path });
-        }
-      }
-    }
-    atRef.unref();
-  });
-}
-function getValue(editor) {
-  const matchingValues = Array.from(slate.Editor.nodes(editor, {
-    at: types.getSelection(editor),
-    match: slate.Text.isText
-  })).map(([node]) => node["typography"]);
-  return matchingValues;
-}
-const TypographyActions = {
-  setActiveTypographyId,
-  setActiveTypographyStyle,
-  clearActiveTypographyStyle,
-  clearDeviceActiveTypography,
-  detachActiveTypography
-};
-const TYPOGRAPHY_KEY = "typography";
-function withTypography(editor) {
-  const { normalizeNode } = editor;
-  editor.normalizeNode = (entry) => {
-    var _a, _b;
-    const [normalizationNode, normalizationPath] = entry;
-    if (slate.Text.isText(normalizationNode) && ((_a = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _a.id) == null && ((_b = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _b.style.length) === 0) {
-      slate.Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath });
-      return;
-    }
-    if (slate.Text.isText(normalizationNode) && (normalizationNode == null ? void 0 : normalizationNode.slice) != null) {
-      slate.Transforms.unsetNodes(editor, "slice", { at: normalizationPath });
-      return;
-    }
-    normalizeNode(entry);
-  };
-  return editor;
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: renderElement({
+          element,
+          attributes,
+          children
+        })
+      });
+  }
 }
-function TypographyPlugin() {
+function LinkPlugin() {
   return reactPage.createRichTextV2Plugin({
-    withPlugin: withTypography,
     control: {
-      definition: reactPage.unstable_Typography(),
-      onChange: (editor, value) => {
-        slate.Editor.withoutNormalizing(editor, () => {
-          const at = types.getSelection(editor);
-          if (!at)
-            return;
-          const atRef = slate.Editor.rangeRef(editor, at);
-          if (atRef.current) {
-            slate.Transforms.setNodes(editor, {
-              slice: true
-            }, {
-              at: atRef.current,
-              match: slate.Text.isText,
-              split: true
-            });
-          }
-          if (atRef.current) {
-            const nodesToUpdate = Array.from(slate.Editor.nodes(editor, {
-              at: atRef.current,
-              match: (node) => slate.Text.isText(node) && node.slice === true
-            }));
-            if (nodesToUpdate.length !== (value == null ? void 0 : value.length))
-              return console.error(`TypographyControl.onChange received the wrong number of arguments.
-Called with ${value == null ? void 0 : value.length} values mapping to ${nodesToUpdate.length} nodes.`);
-            for (const [index, [, path]] of nodesToUpdate.entries()) {
-              slate.Transforms.setNodes(editor, {
-                typography: value == null ? void 0 : value.at(index)
-              }, { at: path, match: slate.Text.isText });
-            }
-          }
-          atRef.unref();
-        });
-      },
-      getValue: (editor) => getValue(editor),
-      getLeafValue: (text) => {
-        return slate.Text.isText(text) ? text.typography : void 0;
+      definition: reactPage.Link$1({
+        label: "On Click"
+      }),
+      onChange: reactPage.onChange,
+      getValue: reactPage.getValue,
+      getElementValue: (element) => {
+        return reactPage.ElementUtils.isInline(element) && reactPage.isLinkElement(element) ? element.link : void 0;
       }
     },
-    renderLeaf: (renderLeaf, className) => (props) => {
-      return renderLeaf(__spreadProps(__spreadValues({}, props), {
-        leaf: __spreadProps(__spreadValues({}, props.leaf), {
-          className: `${props.leaf.className} ${className}`
-        })
+    withPlugin: withLink,
+    renderElement: (renderElement) => (props) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(InlinePluginComponent, __spreadProps(__spreadValues({}, props), {
+        renderElement
       }));
     }
   });
 }
-exports.TYPOGRAPHY_KEY = TYPOGRAPHY_KEY;
-exports.TypographyActions = TypographyActions;
-exports.TypographyPlugin = TypographyPlugin;
-exports.withTypography = withTypography;
+exports.LinkPlugin = LinkPlugin;
+exports.withLink = withLink;
 //# sourceMappingURL=index.cjs5.js.map

package/dist/index.cjs5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs5.js","sources":["../src/slate/TypographyPlugin/clearActiveTypographyStyle.ts","../src/slate/TypographyPlugin/clearDeviceActiveTypography.ts","../src/slate/TypographyPlugin/detachActiveTypography.ts","../src/slate/TypographyPlugin/setActiveTypographyId.ts","../src/slate/TypographyPlugin/setActiveTypographyStyle.ts","../src/slate/TypographyPlugin/getValue.tsx","../src/slate/TypographyPlugin/index.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","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","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","import { Editor, Transforms, Text, Range } from 'slate'\n\ntype SetActiveTypographyIdOptions = {\n  at?: Range\n}\n\nexport function setActiveTypographyId(\n  editor: Editor,\n  id?: string,\n  options?: SetActiveTypographyIdOptions,\n) {\n  const at = options?.at ?? editor.selection\n  if (!at) return\n  Transforms.setNodes(\n    editor,\n    {\n      typography: {\n        id,\n        style: [],\n      },\n    },\n    {\n      at,\n      match: node => Text.isText(node),\n      split: Range.isExpanded(at),\n    },\n  )\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\nimport { Breakpoints, findBreakpointOverride, BreakpointId } from '../../state/modules/breakpoints'\nimport { RichTextTypography } from '../types'\n\ntype SetActiveTypographyStyleOptions = {\n  at?: Range\n}\n\nexport function setActiveTypographyStyle(\n  editor: Editor,\n  breakpoints: Breakpoints,\n  deviceId: string,\n  prop: string,\n  value?: unknown,\n  options?: SetActiveTypographyStyleOptions,\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 deviceOverrides = node?.typography?.style ?? []\n          const deviceStyle = findBreakpointOverride(\n            breakpoints,\n            deviceOverrides,\n            deviceId as BreakpointId,\n            v => v,\n          ) || {\n            value: {},\n          }\n          const nextDeviceStyle = {\n            deviceId,\n            value: { ...deviceStyle.value, [prop]: value },\n          }\n\n          const nextTypography: RichTextTypography = {\n            ...node.typography,\n            style: [...deviceOverrides.filter(v => v.deviceId !== deviceId), nextDeviceStyle],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography: nextTypography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","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","import { 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 { createRichTextV2Plugin, unstable_Typography } from '../../controls'\nimport { getValue } from './getValue'\nimport { getSelection } from '../selectors'\n\nexport const TypographyActions = {\n  setActiveTypographyId,\n  setActiveTypographyStyle,\n  clearActiveTypographyStyle,\n  clearDeviceActiveTypography,\n  detachActiveTypography,\n}\n\nexport const TYPOGRAPHY_KEY = 'typography'\n\nexport function withTypography(editor: Editor) {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n    if (\n      Text.isText(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 (Text.isText(normalizationNode) && normalizationNode?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: normalizationPath })\n      return\n    }\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"],"names":["Editor","Transforms","Text","Range","findBreakpointOverride","editor","matchingValues","Array","from","nodes","at","getSelection","match","isText","map","node","createRichTextV2Plugin","unstable_Typography"],"mappings":"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"}
+{"version":3,"file":"index.cjs5.js","sources":["../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\nimport { Link } from '../../controls/link'\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"],"names":["withLink","editor","isInline","entry","ElementUtils","element","attributes","children","renderElement","linkStyle","useStyle","textDecoration","type","InlineType","Link","LinkComponent","link","undefined","cx","className","_Fragment","createRichTextV2Plugin","control","definition","label","onChange","getValue","getElementValue","isLinkElement","withPlugin","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaaA,MAAAA,WAAW,CAACC,WAAmB;AACpC,QAAA;AAAA,IAAEC;AAAAA,MAAaD;AAErBA,SAAOC,WAAWC,CAAS,UAAA;AAClBC,WAAAA,UAAAA,aAAaF,SAASC,KAAtB,KAAgCD,SAASC,KAAD;AAAA,EAAA;AAG1CF,SAAAA;AACR;AAED,+BAA+B;AAAA,EAC7BI;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,GACwD;;AAClDC,QAAAA,YAAYC,UAAAA,SAAS;AAAA,IAAEC,gBAAgB;AAAA,EAAA,CAAnB;AAClBN,UAAAA,QAAQO;AAAAA,SACTC,UAAWC,WAAAA;AAEZ,4CAACC,KAAAA,MAAD,iCACMT,aADN;AAAA,QAEE,MAAMD,cAAQW,SAARX,YAAgBY;AAAAA,QACtB,WAAWC,IAAAA,GAAGT,WAAWJ,QAAQc,SAApB;AAAA,QAHf,UAKGX,cAAc;AAAA,UACbH;AAAAA,UACAC;AAAAA,UACAC;AAAAA,QAAAA,CAHY;AAAA,MAAA,EANlB;AAAA;AAgBE,4CAAAa,WAAAA,UAAA;AAAA,QAAA,UACGZ,cAAc;AAAA,UACbH;AAAAA,UACAC;AAAAA,UACAC;AAAAA,QAAAA,CAHY;AAAA,MAAA,CAFlB;AAAA;AAUL;AAE4B,sBAAA;AAC3B,SAAOc,iCAAuB;AAAA,IAC5BC,SAAS;AAAA,MACPC,YAAYT,UAAAA,OAAK;AAAA,QACfU,OAAO;AAAA,MAAA,CADO;AAAA,MAAA,UAGhBC,UAAAA;AAAAA,MAAAA,UACAC,UAAAA;AAAAA,MACAC,iBAAiB,CAACtB,YAAqB;AAC9BD,eAAAA,UAAAA,aAAaF,SAASG,OAAtB,KAAkCuB,UAAAA,cAAcvB,OAAD,IAAYA,QAAQW,OAAOC;AAAAA,MAClF;AAAA,IATyB;AAAA,IAW5BY,YAAY7B;AAAAA,IACZQ,eAAeA,mBAAiBsB,CAAS,UAAA;AAChC,4CAAC,uBAAD,iCAA2BA,QAA3B;AAAA,QAAkC;AAAA,MAAA,EAAzC;AAAA,IACD;AAAA,EAAA,CAd0B;AAgB9B;;;"}