@kaizen/components 0.0.0-canary-bundler--fix-style-inject-20240522033251 → 0.0.0-canary-declare-inject-within-20240522052630

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.mjs

@@ -0,0 +1,38 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { createSchemaWithAll } from '../RichTextEditor/schema.mjs';
+import * as ProseMirrorState from 'prosemirror-state';
+import 'prosemirror-view';
+import { useRichTextEditor } from '../utils/core/hooks/useRichTextEditor.mjs';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import 'prosemirror-commands';
+import 'prosemirror-keymap';
+import 'prosemirror-history';
+import 'prosemirror-schema-list';
+import styles from './RichTextContent.module.scss.mjs';
+const RichTextContent = /*#__PURE__*/function () {
+  const RichTextContent = function (props) {
+    var content = props.content,
+      classNameOverride = props.classNameOverride,
+      restProps = __rest(props, ["content", "classNameOverride"]);
+    var schema = useState(createSchemaWithAll())[0];
+    var editorRef = useRichTextEditor(ProseMirrorState.EditorState.create({
+      doc: ProseMirrorModel.Node.fromJSON(schema, {
+        type: "doc",
+        content: content
+      }),
+      schema: schema
+    }), undefined, {
+      editable: false
+    })[0];
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: editorRef,
+      className: classnames(styles.content, classNameOverride)
+    }, restProps));
+  };
+  RichTextContent.displayName = "RichTextContent";
+  return RichTextContent;
+}();
+export { RichTextContent };

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.module.scss.mjs

@@ -0,0 +1,30 @@
+var css_248z = ".RichTextContent-module_content__vVcWj>.ProseMirror{box-sizing:content-box;font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:relative;white-space:pre-wrap}.RichTextContent-module_content__vVcWj>.ProseMirror>p{margin:0 0 var(--spacing-16,1rem)}.RichTextContent-module_content__vVcWj>.ProseMirror>:last-child,.RichTextContent-module_content__vVcWj>.ProseMirror>:last-child>li:last-of-type p{margin-bottom:0}.RichTextContent-module_content__vVcWj>.ProseMirror>:first-child,.RichTextContent-module_content__vVcWj>.ProseMirror>:first-child>li:first-of-type p{margin-top:0}.RichTextContent-module_content__vVcWj>.ProseMirror a{color:var(--color-blue-500,#0168b3)}.RichTextContent-module_content__vVcWj>.ProseMirror a:hover{text-decoration:none}.RichTextContent-module_content__vVcWj>.ProseMirror ol,.RichTextContent-module_content__vVcWj>.ProseMirror ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextContent-module_content__vVcWj>.ProseMirror ol{list-style-type:decimal}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol{list-style-type:lower-alpha}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol{list-style-type:lower-roman}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ol,.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ol{list-style-type:decimal}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ul{list-style-type:disc}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ul ul{list-style-type:circle}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ul ul ul{list-style-type:square}.RichTextContent-module_content__vVcWj>.ProseMirror ul{list-style-type:disc}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul{list-style-type:circle}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul{list-style-type:square}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ol,.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ol{list-style-type:decimal}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ol ol{list-style-type:lower-alpha}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ol ol ol{list-style-type:lower-roman}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ul{list-style-type:disc}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ul ul{list-style-type:circle}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ul ul ul{list-style-type:square}";
+var styles = {
+  "content": "RichTextContent-module_content__vVcWj"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs

@@ -0,0 +1,156 @@
+import { __rest, __assign, __spreadArray } from 'tslib';
+import React, { useId, useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { FieldMessage } from '../../FieldMessage/FieldMessage.mjs';
+import { Label } from '../../Label/Label.mjs';
+import { InlineNotification } from '../../Notification/InlineNotification/InlineNotification.mjs';
+import '../../Notification/GlobalNotification/GlobalNotification.mjs';
+import '../../Notification/ToastNotification/ToastNotification/ToastNotification.mjs';
+import '../../Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs';
+import '../../Notification/ToastNotification/context/ToastNotificationContext.mjs';
+import * as ProseMirrorState from 'prosemirror-state';
+import 'prosemirror-view';
+import { useRichTextEditor } from '../utils/core/hooks/useRichTextEditor.mjs';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import { createLinkManager } from '../utils/plugins/LinkManager/LinkManager.mjs';
+import '../utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs';
+import '../utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs';
+import '../utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs';
+import * as ProseMirrorCommands from 'prosemirror-commands';
+import * as ProseMirrorKeymap from 'prosemirror-keymap';
+import * as ProseMirrorHistory from 'prosemirror-history';
+import 'prosemirror-schema-list';
+import { createSchemaFromControls } from './schema.mjs';
+import { ToggleIconButton } from './subcomponents/ToggleIconButton/ToggleIconButton.mjs';
+import { Toolbar } from './subcomponents/Toolbar/Toolbar.mjs';
+import { ToolbarSection } from './subcomponents/ToolbarSection/ToolbarSection.mjs';
+import { buildControlMap } from './utils/controlmap.mjs';
+import { buildInputRules } from './utils/inputrules.mjs';
+import { buildKeymap } from './utils/keymap.mjs';
+import styles from './RichTextEditor.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
+ */
+const RichTextEditor = /*#__PURE__*/function () {
+  const RichTextEditor = function (_a) {
+    var id = _a.id,
+      onChange = _a.onChange,
+      defaultValue = _a.defaultValue,
+      labelText = _a.labelText,
+      labelledBy = _a["aria-labelledby"],
+      describedBy = _a["aria-describedby"],
+      classNameOverride = _a.classNameOverride,
+      controls = _a.controls,
+      _b = _a.rows,
+      rows = _b === void 0 ? 3 : _b,
+      dataError = _a.dataError,
+      onDataError = _a.onDataError,
+      validationMessage = _a.validationMessage,
+      description = _a.description,
+      _c = _a.status,
+      status = _c === void 0 ? "default" : _c,
+      restProps = __rest(_a, ["id", "onChange", "defaultValue", "labelText", "aria-labelledby", "aria-describedby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
+    var generatedId = useId();
+    var schema = useState(createSchemaFromControls(controls))[0];
+    var editorId = id || generatedId;
+    var labelId = labelledBy || "".concat(editorId, "-rte-label");
+    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
+    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
+    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
+    var useRichTextEditorResult = function () {
+      try {
+        return useRichTextEditor(ProseMirrorState.EditorState.create({
+          doc: ProseMirrorModel.Node.fromJSON(schema, {
+            type: "doc",
+            // we're converting empty arrays to the ProseMirror default "empty" state because when
+            // given an empty array ProseMirror returns undefined, breaking the type
+            content: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) > 0 ? defaultValue : [{
+              type: "paragraph"
+            }]
+          }),
+          schema: schema,
+          plugins: getPlugins(controls, schema)
+        }), {
+          "aria-labelledby": labelId,
+          role: "textbox",
+          "aria-describedby": ariaDescribedBy
+        });
+      } catch (_a) {
+        return new Error("Bad data error");
+      }
+    }();
+    if (useRichTextEditorResult instanceof Error) {
+      onDataError && onDataError();
+      return /*#__PURE__*/React.createElement(InlineNotification, {
+        headingProps: {
+          children: "Error",
+          variant: "heading-6"
+        },
+        type: "negative",
+        persistent: true
+      }, dataError || "Something went wrong");
+    }
+    var editorRef = useRichTextEditorResult[0],
+      editorState = useRichTextEditorResult[1],
+      dispatchTransaction = useRichTextEditorResult[2];
+    var controlMap = buildControlMap(schema, editorState, controls);
+    useEffect(function () {
+      onChange(editorState);
+      // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
+    }, [editorState]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && /*#__PURE__*/React.createElement(Label, {
+      id: labelId,
+      labelText: labelText
+    }), /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.editorWrapper, styles[status])
+    }, controls && ( /*#__PURE__*/React.createElement(Toolbar, {
+      "aria-controls": editorId,
+      "aria-label": "Text formatting",
+      classNameOverride: styles.toolbar
+    }, controlMap.map(function (section, index) {
+      return /*#__PURE__*/React.createElement(ToolbarSection, {
+        key: index
+      }, section.map(function (controlConfig, controlKeyIndex) {
+        return /*#__PURE__*/React.createElement(ToggleIconButton, {
+          key: controlKeyIndex,
+          icon: controlConfig.icon,
+          disabled: controlConfig.disabled,
+          label: controlConfig.label,
+          isActive: controlConfig.isActive,
+          onClick: function () {
+            return dispatchTransaction(controlConfig.action);
+          }
+        });
+      }));
+    }))), /*#__PURE__*/React.createElement("div", __assign({
+      id: editorId,
+      ref: editorRef,
+      className: classnames(styles.editor, styles["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && styles.hasToolbar)
+    }, restProps))), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+      id: validationMessageAria,
+      message: validationMessage,
+      status: status
+    })), description && ( /*#__PURE__*/React.createElement(FieldMessage, {
+      id: descriptionAria,
+      message: description
+    })));
+  };
+  RichTextEditor.displayName = "RichTextEditor";
+  return RichTextEditor;
+}();
+function getPlugins(controls, schema) {
+  var allControlNames = controls ? controls.reduce(function (acc, c) {
+    return __spreadArray(__spreadArray([], acc, true), [c.name], false);
+  }, []) : [];
+  var plugins = [ProseMirrorHistory.history(), ProseMirrorKeymap.keymap(buildKeymap(schema)), ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap), buildInputRules(schema)];
+  if (allControlNames.includes("link")) {
+    plugins.push(createLinkManager({
+      markType: schema.marks.link
+    }));
+  }
+  return plugins;
+}
+export { RichTextEditor };

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.module.scss.mjs

@@ -0,0 +1,55 @@
+var css_248z = ".RichTextEditor-module_editor__pVKqW>.ProseMirror{border-radius:var(--border-solid-border-radius,7px);box-sizing:content-box;font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:var(--spacing-sm,.75rem) calc(var(--spacing-xs, .375rem)*3);position:relative;transition:background-color var(--animation-duration-immediate,.1s),border-color var(--animation-duration-immediate,.1s);white-space:pre-wrap}.RichTextEditor-module_editor__pVKqW>.ProseMirror>p{margin:0 0 var(--spacing-16,1rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror>:last-child,.RichTextEditor-module_editor__pVKqW>.ProseMirror>:last-child>li:last-of-type p{margin-bottom:0}.RichTextEditor-module_editor__pVKqW>.ProseMirror>:first-child,.RichTextEditor-module_editor__pVKqW>.ProseMirror>:first-child>li:first-of-type p{margin-top:0}.RichTextEditor-module_editor__pVKqW>.ProseMirror a{color:var(--color-blue-500,#0168b3)}.RichTextEditor-module_editor__pVKqW>.ProseMirror a:hover{text-decoration:none}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus,.RichTextEditor-module_editor__pVKqW>.ProseMirror:hover{background:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus{outline:none}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:2px 2px var(--border-focus-ring-border-radius,10px) var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:\"\";inset:-5px;pointer-events:none;position:absolute}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_hasToolbar__EBxnG>.ProseMirror{border-top-left-radius:0;border-top-right-radius:0}.RichTextEditor-module_editorWrapper__5q3mG{word-wrap:break-word;background:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px);position:relative}.RichTextEditor-module_editorWrapper__5q3mG:focus-within,.RichTextEditor-module_editorWrapper__5q3mG:hover{border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editorWrapper__5q3mG:focus-within .RichTextEditor-module_toolbar__ceLvw,.RichTextEditor-module_editorWrapper__5q3mG:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8 .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-red-500,#c93b55)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-red-600,#a82433)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6 .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-yellow-600,#c68600)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-yellow-700,#876400)}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows1__DDEf4>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*1 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows2__kzYgh>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*2 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows3__SA7Zu>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*3 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows4__gkZry>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*4 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows5__4Rq2z>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*5 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows6__SH-4R>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*6 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows7__z02vY>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*7 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows8__4j-9e>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*8 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows9__67hDj>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*9 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows10__qysh1>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*10 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows11__o5iYX>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*11 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows12__ug-Nv>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*12 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows13__tFBG7>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*13 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows14__xqS6h>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*14 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows15__dzeUM>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*15 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows16__GyRco>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*16 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows17__GyNby>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*17 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows18__fe-Rb>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*18 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows19__fc0-T>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*19 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows20__p9rwF>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*20 - var(--spacing-16, 1rem))}";
+var styles = {
+  "editor": "RichTextEditor-module_editor__pVKqW",
+  "hasToolbar": "RichTextEditor-module_hasToolbar__EBxnG",
+  "editorWrapper": "RichTextEditor-module_editorWrapper__5q3mG",
+  "toolbar": "RichTextEditor-module_toolbar__ceLvw",
+  "error": "RichTextEditor-module_error__Xugz8",
+  "caution": "RichTextEditor-module_caution__6q0z6",
+  "rows1": "RichTextEditor-module_rows1__DDEf4",
+  "rows2": "RichTextEditor-module_rows2__kzYgh",
+  "rows3": "RichTextEditor-module_rows3__SA7Zu",
+  "rows4": "RichTextEditor-module_rows4__gkZry",
+  "rows5": "RichTextEditor-module_rows5__4Rq2z",
+  "rows6": "RichTextEditor-module_rows6__SH-4R",
+  "rows7": "RichTextEditor-module_rows7__z02vY",
+  "rows8": "RichTextEditor-module_rows8__4j-9e",
+  "rows9": "RichTextEditor-module_rows9__67hDj",
+  "rows10": "RichTextEditor-module_rows10__qysh1",
+  "rows11": "RichTextEditor-module_rows11__o5iYX",
+  "rows12": "RichTextEditor-module_rows12__ug-Nv",
+  "rows13": "RichTextEditor-module_rows13__tFBG7",
+  "rows14": "RichTextEditor-module_rows14__xqS6h",
+  "rows15": "RichTextEditor-module_rows15__dzeUM",
+  "rows16": "RichTextEditor-module_rows16__GyRco",
+  "rows17": "RichTextEditor-module_rows17__GyNby",
+  "rows18": "RichTextEditor-module_rows18__fe-Rb",
+  "rows19": "RichTextEditor-module_rows19__fc0-T",
+  "rows20": "RichTextEditor-module_rows20__p9rwF"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/RichTextEditor/RichTextEditor/schema.mjs

@@ -0,0 +1,65 @@
+import { __spreadArray, __assign } from 'tslib';
+import { TOOLBAR_CONTROLS } from '../constants.mjs';
+import 'prosemirror-commands';
+import 'prosemirror-keymap';
+import 'prosemirror-history';
+import 'prosemirror-state';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import 'prosemirror-schema-list';
+import { getMarks } from '../utils/schema/marks.mjs';
+import { getNodes } from '../utils/schema/nodes.mjs';
+var createSchemaFromControls = function (controls) {
+  if (!controls) {
+    return createSchema();
+  }
+  var namesFromControls = controls.reduce(function (acc, c) {
+    return __spreadArray(__spreadArray([], acc, true), [c.name], false);
+  }, []);
+  return createSchema(namesFromControls);
+};
+var createSchemaWithAll = function () {
+  return createSchema(TOOLBAR_CONTROLS);
+};
+var createSchema = function (controls) {
+  var nodes = getNodes();
+  var marks = getMarks();
+  var defaultNodes = {
+    doc: nodes.doc,
+    paragraph: nodes.paragraph,
+    text: nodes.text,
+    hardBreak: nodes.hardBreak
+  };
+  if (!controls) {
+    return new ProseMirrorModel.Schema({
+      nodes: defaultNodes
+    });
+  }
+  var newNodes = __assign({}, defaultNodes);
+  var newMarks = {};
+  if (controls.includes("bold")) {
+    newMarks["strong"] = marks.strong;
+  }
+  if (controls.includes("italic")) {
+    newMarks["em"] = marks.em;
+  }
+  if (controls.includes("underline")) {
+    newMarks["underline"] = marks.underline;
+  }
+  if (controls.includes("bulletList")) {
+    newNodes["bulletList"] = nodes.bulletList;
+    newNodes["listItem"] = nodes.listItem;
+  }
+  if (controls.includes("orderedList")) {
+    newNodes["orderedList"] = nodes.orderedList;
+    newNodes["listItem"] = nodes.listItem;
+  }
+  if (controls.includes("link")) {
+    newMarks["link"] = marks.link;
+  }
+  return new ProseMirrorModel.Schema({
+    nodes: newNodes,
+    marks: newMarks
+  });
+};
+export { createSchemaFromControls, createSchemaWithAll };

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Tooltip } from '../../../../Tooltip/Tooltip.mjs';
+import styles from './ToggleIconButton.module.scss.mjs';
+const ToggleIconButton = /*#__PURE__*/function () {
+  const ToggleIconButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var label = props.label,
+      icon = props.icon,
+      _a = props.isActive,
+      isActive = _a === void 0 ? false : _a,
+      _b = props.mood,
+      mood = _b === void 0 ? "default" : _b,
+      _c = props.disabled,
+      disabled = _c === void 0 ? false : _c,
+      classNameOverride = props.classNameOverride,
+      onClick = props.onClick,
+      nativeButtonProps = __rest(props, ["label", "icon", "isActive", "mood", "disabled", "classNameOverride", "onClick"]);
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      text: label,
+      display: "inline-block",
+      position: "above",
+      animationDuration: 5
+    }, /*#__PURE__*/React.createElement("button", __assign({
+      ref: ref,
+      type: "button",
+      "aria-pressed": isActive,
+      "aria-label": label,
+      "aria-disabled": disabled,
+      onMouseDown: function (e) {
+        return e.preventDefault();
+      },
+      onClick: !disabled ? onClick : undefined,
+      className: classnames(styles.button, classNameOverride, styles[mood], isActive && styles.active, disabled && styles.disabled)
+    }, nativeButtonProps), icon));
+  });
+  ToggleIconButton.displayName = "ToggleIconButton";
+  return ToggleIconButton;
+}();
+export { ToggleIconButton };

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.module.scss.mjs

@@ -0,0 +1,37 @@
+var css_248z = ".ToggleIconButton-module_button__86Iau{align-items:center;background-color:var(--color-white,#fff);border:none;border-radius:var(--border-solid-border-radius,7px);display:flex;height:3rem;justify-content:center;position:relative;transition:background-color var(--animation-duration-immediate,.1s);width:3rem}.ToggleIconButton-module_button__86Iau:focus{outline:none}.ToggleIconButton-module_button__86Iau:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:\"\";inset:-3px;position:absolute}.ToggleIconButton-module_button__86Iau.ToggleIconButton-module_disabled__rwpBC{opacity:30%}.ToggleIconButton-module_button__86Iau.ToggleIconButton-module_disabled__rwpBC:focus-visible:after{background-color:transparent;border-color:transparent;color:rgba(var(--color-purple-800-rgb,47,36,56),.3);opacity:100%;outline:var(--color-purple-800,#2f2438) var(--border-dashed-border-style,dashed) var(--border-focus-ring-border-width,2px);outline-offset:-2px}.ToggleIconButton-module_default__2fWS1{background-color:var(--color-white,#fff);color:var(--color-purple-800,#2f2438)}.ToggleIconButton-module_default__2fWS1:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_default__2fWS1:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-gray-200,#f4f4f5)}.ToggleIconButton-module_default__2fWS1:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.ToggleIconButton-module_secondary__2bzRa{background-color:var(--color-white,#fff);color:var(--color-blue-500,#0168b3)}.ToggleIconButton-module_secondary__2bzRa:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_secondary__2bzRa:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-blue-100,#e6f6ff)}.ToggleIconButton-module_secondary__2bzRa:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-blue-200,#bde2f5)}.ToggleIconButton-module_primary__-y-0m{background-color:var(--color-blue-500,#0168b3);color:var(--color-white,#fff)}.ToggleIconButton-module_primary__-y-0m:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_primary__-y-0m:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-blue-600,#004970)}.ToggleIconButton-module_primary__-y-0m:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-blue-700,#003157)}.ToggleIconButton-module_destructive__-PY2A{background-color:var(--color-red-500,#c93b55);color:var(--color-white,#fff)}.ToggleIconButton-module_destructive__-PY2A:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_destructive__-PY2A:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-red-600,#a82433)}.ToggleIconButton-module_destructive__-PY2A:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-red-700,#6c1e20)}.ToggleIconButton-module_secondary-destructive__t6UEj{background-color:var(--color-white,#fff);color:var(--color-red-600,#a82433)}.ToggleIconButton-module_secondary-destructive__t6UEj:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_secondary-destructive__t6UEj:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-red-100,#fdeaee)}.ToggleIconButton-module_secondary-destructive__t6UEj:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-red-200,#f9c2cb)}";
+var styles = {
+  "button": "ToggleIconButton-module_button__86Iau",
+  "disabled": "ToggleIconButton-module_disabled__rwpBC",
+  "default": "ToggleIconButton-module_default__2fWS1",
+  "active": "ToggleIconButton-module_active__YLYx9",
+  "secondary": "ToggleIconButton-module_secondary__2bzRa",
+  "primary": "ToggleIconButton-module_primary__-y-0m",
+  "destructive": "ToggleIconButton-module_destructive__-PY2A",
+  "secondary-destructive": "ToggleIconButton-module_secondary-destructive__t6UEj"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.mjs

@@ -0,0 +1,68 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Toolbar.module.scss.mjs';
+var determineValidKeypress = function (event) {
+  var validKeys = {
+    left: "ArrowLeft",
+    right: "ArrowRight"
+  };
+  return Object.values(validKeys).includes(event.key);
+};
+var handleKeyDown = function (e, buttonIndex, buttonFocusIndex, setFocusIndex, toolbarButtons) {
+  if (!determineValidKeypress(e)) return;
+  var newFocusIndex;
+  var lastButtonIndex = toolbarButtons.current.length - 1;
+  if (e.key === "ArrowLeft") {
+    newFocusIndex = buttonIndex === 0 ? lastButtonIndex : buttonFocusIndex - 1;
+  } else {
+    newFocusIndex = buttonIndex === lastButtonIndex ? 0 : buttonFocusIndex + 1;
+  }
+  setFocusIndex(newFocusIndex);
+  toolbarButtons.current[newFocusIndex].focus();
+};
+const Toolbar = /*#__PURE__*/function () {
+  const Toolbar = function (props) {
+    var toolbarChildren = props.children,
+      classNameOverride = props.classNameOverride,
+      toolbarProps = __rest(props, ["children", "classNameOverride"]);
+    var _a = React.useState(0),
+      buttonFocusIndex = _a[0],
+      setButtonFocusIndex = _a[1];
+    var toolbarButtonsRef = React.useRef([]);
+    var buttonCount = 0;
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.toolbar, classNameOverride),
+      role: "toolbar"
+    }, toolbarProps), React.Children.map(toolbarChildren, function (toolbarSection, sectionIndex) {
+      if (! /*#__PURE__*/React.isValidElement(toolbarSection)) {
+        return toolbarChildren;
+      }
+      var _a = toolbarSection.props,
+        sectionChildren = _a.children,
+        toolbarSectionProps = __rest(_a, ["children"]);
+      return /*#__PURE__*/React.createElement(toolbarSection.type, __assign({}, toolbarSectionProps, {
+        key: "rte-section-".concat(sectionIndex)
+      }), React.Children.map(sectionChildren, function (toolbarButton) {
+        if (! /*#__PURE__*/React.isValidElement(toolbarButton)) {
+          return;
+        }
+        var buttonIndex = buttonCount;
+        buttonCount += 1;
+        return /*#__PURE__*/React.createElement(toolbarButton.type, __assign({}, toolbarButton.props, {
+          key: "rte-button-".concat(buttonIndex),
+          tabIndex: buttonIndex === buttonFocusIndex ? 0 : -1,
+          onKeyDown: function (e) {
+            return handleKeyDown(e, buttonIndex, buttonFocusIndex, setButtonFocusIndex, toolbarButtonsRef);
+          },
+          ref: function (ref) {
+            return toolbarButtonsRef.current[buttonIndex] = ref;
+          }
+        }));
+      }));
+    }));
+  };
+  Toolbar.displayName = "Toolbar";
+  return Toolbar;
+}();
+export { Toolbar };

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.module.scss.mjs

@@ -0,0 +1,30 @@
+var css_248z = ".Toolbar-module_toolbar__ooRzV{border-bottom:2px solid var(--color-gray-500,#878792);display:block}";
+var styles = {
+  "toolbar": "Toolbar-module_toolbar__ooRzV"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.mjs

@@ -0,0 +1,13 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import styles from './ToolbarSection.module.scss.mjs';
+const ToolbarSection = /*#__PURE__*/function () {
+  const ToolbarSection = function (props) {
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: styles.toolbarSection
+    }, props));
+  };
+  ToolbarSection.displayName = "ToolbarSection";
+  return ToolbarSection;
+}();
+export { ToolbarSection };

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.module.scss.mjs

@@ -0,0 +1,30 @@
+var css_248z = ".ToolbarSection-module_toolbarSection__nCI0O{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs,.375rem);margin:var(--spacing-xs,.375rem) 0;padding:0 var(--spacing-xs,.375rem)}.ToolbarSection-module_toolbarSection__nCI0O+.ToolbarSection-module_toolbarSection__nCI0O{border-inline-start:1px solid rgba(var(--color-gray-600-rgb,82,78,86),.1)}";
+var styles = {
+  "toolbarSection": "ToolbarSection-module_toolbarSection__nCI0O"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };