@cyberyozh/text-editor 0.1.1

package/src/icons/menu/AlignRight.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgAlignRight = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M2 3.333V2h12v1.333zM6 6V4.667h8V6zM2 8.667V7.333h12v1.334zm4 2.666V10h8v1.333zM2 14v-1.333h12V14z"
+    />
+  </svg>
+);
+export default SvgAlignRight;

package/src/icons/menu/ArrowDown.tsx

@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M12 5v14m0 0 7-7m-7 7-7-7"
+    />
+  </svg>
+);
+export default SvgArrowDown;

package/src/icons/menu/ArrowLeft.tsx

@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+const SvgArrowLeft = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="m12 19-7-7m0 0 7-7m-7 7h14"
+    />
+  </svg>
+);
+export default SvgArrowLeft;

package/src/icons/menu/ArrowRight.tsx

@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+const SvgArrowRight = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M5 12h14m0 0-7-7m7 7-7 7"
+    />
+  </svg>
+);
+export default SvgArrowRight;

package/src/icons/menu/ArrowUp.tsx

@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+const SvgArrowUp = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="m5 12 7-7m0 0 7 7m-7-7v14"
+    />
+  </svg>
+);
+export default SvgArrowUp;

package/src/icons/menu/Blockquote.tsx

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const SvgBlockquote = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path fill="currentColor" d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" />
+  </svg>
+);
+export default SvgBlockquote;

package/src/icons/menu/Bold.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgBold = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M10.134 7.827c.646-.447 1.1-1.18 1.1-1.86 0-1.507-1.167-2.667-2.667-2.667H4.4v9.333h4.694c1.393 0 2.473-1.133 2.473-2.526a2.49 2.49 0 0 0-1.433-2.28M6.4 4.967h2c.554 0 1 .446 1 1 0 .553-.446 1-1 1h-2zm2.334 6H6.4v-2h2.334c.553 0 1 .446 1 1 0 .553-.447 1-1 1"
+    />
+  </svg>
+);
+export default SvgBold;

package/src/icons/menu/BulletList.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgBulletList = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z"
+    />
+  </svg>
+);
+export default SvgBulletList;

package/src/icons/menu/CalloutError.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgCalloutError = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M8 1.333A6.66 6.66 0 0 0 1.333 8 6.66 6.66 0 0 0 8 14.667 6.66 6.66 0 0 0 14.667 8 6.66 6.66 0 0 0 8 1.333m3.333 9.06-.94.94L8 8.94l-2.393 2.393-.94-.94L7.06 8 4.667 5.607l.94-.94L8 7.06l2.393-2.393.94.94L8.94 8z"
+    />
+  </svg>
+);
+export default SvgCalloutError;

package/src/icons/menu/CalloutInfo.tsx

@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+const SvgCalloutInfo = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 14.667A6.667 6.667 0 1 1 8 1.333a6.667 6.667 0 0 1 0 13.334m0-1.334A5.334 5.334 0 1 0 8 2.666a5.334 5.334 0 0 0 0 10.667m-.667-2.666h1.334V12H7.333zm0-1.328s1.334-.006 1.334 0c0-.668 2-1.34 2-2.672A2.657 2.657 0 0 0 8.006 4a2.667 2.667 0 0 0-2.673 2.667h1.334c0-.734.6-1.334 1.333-1.334s1.333.6 1.333 1.334c0 .6-2 1.578-2 2.672"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCalloutInfo;

package/src/icons/menu/CalloutSuccess.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgCalloutSuccess = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M11.667 3c-1.3 0-2.7.267-3.667 1-.967-.733-2.367-1-3.667-1s-2.7.267-3.666 1v9.767c0 .433.486.3.5.3.9-.434 2.2-.734 3.166-.734 1.3 0 2.7.267 3.667 1 .9-.566 2.533-1 3.667-1 1.1 0 2.233.2 3.166.7.274.14.5-.126.5-.3V4c-.993-.747-2.42-1-3.666-1M14 12.333C13.267 12.1 12.467 12 11.667 12 10.533 12 8.9 12.433 8 13V5.333c.9-.566 2.533-1 3.667-1 .8 0 1.6.1 2.333.334z"
+    />
+  </svg>
+);
+export default SvgCalloutSuccess;

package/src/icons/menu/CalloutWarning.tsx

@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+const SvgCalloutWarning = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      stroke="currentColor"
+      strokeWidth={0.2}
+      d="M9.6 13.9v1.2H6.4v-1.2zm1-2v1.2H5.4v-1.2zM8 .9a5.1 5.1 0 0 1 4.712 3.148 5.1 5.1 0 0 1 .388 1.947 4.7 4.7 0 0 1-.415 2.157 4.7 4.7 0 0 1-1.348 1.725c-.51.477-.737.713-.737 1.123v.1H9.4V11c0-.979.59-1.506 1.121-2.003l.008-.007.166-.135a3.5 3.5 0 0 0 1.205-2.85V6a3.9 3.9 0 0 0-7.8 0v.006A3.5 3.5 0 0 0 5.466 8.99l.007.006.203.189c.473.447.924.968.924 1.815v.1H5.4V11c0-.408-.229-.643-.732-1.111l-.213-.18A4.7 4.7 0 0 1 2.9 5.995 5.1 5.1 0 0 1 8 .9Z"
+    />
+  </svg>
+);
+export default SvgCalloutWarning;

package/src/icons/menu/ClearFormatting.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgClearFormatting = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="m2.18 3.334-.847.847L5.98 8.827l-1.647 3.84h2l1.047-2.44 3.773 3.774.847-.847-9.634-9.64zm1.82 0v.12l1.88 1.88h1.6L7 6.454l1.4 1.4 1.073-2.52h3.86v-2z"
+    />
+  </svg>
+);
+export default SvgClearFormatting;

package/src/icons/menu/Code.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgCode = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="m8 18-6-6 6-6 1.425 1.425-4.6 4.6L9.4 16.6zm8 0-1.425-1.425 4.6-4.6L14.6 7.4 16 6l6 6z"
+    />
+  </svg>
+);
+export default SvgCode;

package/src/icons/menu/CodeBlock.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgCodeBlock = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="m8 18-6-6 6-6 1.425 1.425-4.6 4.6L9.4 16.6zm8 0-1.425-1.425 4.6-4.6L14.6 7.4 16 6l6 6z"
+    />
+  </svg>
+);
+export default SvgCodeBlock;

package/src/icons/menu/Copyable.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgCopyable = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M12 1.333H6c-.733 0-1.333.6-1.333 1.334v8C4.667 11.4 5.267 12 6 12h6c.733 0 1.333-.6 1.333-1.333v-8c0-.734-.6-1.334-1.333-1.334m0 9.334H6v-8h6zM2 10V8.667h1.333V10zm0-3.667h1.333v1.334H2zm4.667 7H8v1.334H6.667zm-4.667-1V11h1.333v1.333zm1.333 2.334c-.733 0-1.333-.6-1.333-1.334h1.333zm2.334 0H4.333v-1.334h1.334zm3.333 0v-1.334h1.333c0 .734-.6 1.334-1.333 1.334M3.333 4v1.333H2C2 4.6 2.6 4 3.333 4"
+    />
+  </svg>
+);
+export default SvgCopyable;

package/src/icons/menu/CustomQuote.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from 'react';
+const SvgCustomQuote = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <g clipPath="url(#custom-quote_svg__a)">
+      <path
+        fill="currentColor"
+        d="M8 6h3v5c0 2.206-1.794 4-4 4v-2c1.103 0 2-.897 2-2H6V8c0-1.103.897-2 2-2m5 2v3h3c0 1.103-.897 2-2 2v2c2.206 0 4-1.794 4-4V6h-3c-1.103 0-2 .897-2 2m11-5v17h-6.853L13.3 23.18a1.94 1.94 0 0 1-1.292.484c-.476 0-.955-.168-1.337-.508L6.922 20H0V3c0-1.654 1.346-3 3-3h18c1.654 0 3 1.346 3 3m-2 0a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v15h5.653l4.327 3.645L16.428 18h5.571z"
+      />
+    </g>
+    <defs>
+      <clipPath id="custom-quote_svg__a">
+        <path fill="currentColor" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgCustomQuote;

package/src/icons/menu/DeleteColumn.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from 'react';
+const SvgDeleteColumn = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M9 20h1v2H9zm-3 1v1H5v-1zM6 3H5V2h1zm6 0V2h1v1zm1 8v1h-2v-1zM9 22H8v-2h1zm-1 0H6v-2h2zm-3-1V5h2v16zM5 5V3h2v2zm1-3h4v2H6zm4 0h2v2h-2zm3 1v8h-2V3z"
+    />
+    <path
+      stroke="currentColor"
+      strokeLinecap="square"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M18 17h-6"
+    />
+  </svg>
+);
+export default SvgDeleteColumn;

package/src/icons/menu/DeleteRow.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from 'react';
+const SvgDeleteRow = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M20 13v1h2v-1zm1-3h1V9h-1zM3 10V9H2v1zm0 6H2v1h1zm8 1h1v-2h-1zm11-4v-1h-2v1zm0-1v-2h-2v2zm-1-3H5v2h16zM5 9H3v2h2zm-3 1v4h2v-4zm0 4v2h2v-2zm1 3h8v-2H3z"
+    />
+    <path
+      stroke="currentColor"
+      strokeLinecap="square"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M15 20h6"
+    />
+  </svg>
+);
+export default SvgDeleteRow;

package/src/icons/menu/Details.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgDetails = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M20 7.001H4v-2h16zm0 4h-8v-2h8zm-8 4h8v-2h-8zm-8 0 5-3-5-3zm0 2v2h16v-2z"
+    />
+  </svg>
+);
+export default SvgDetails;

package/src/icons/menu/H2.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgH2 = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M4.503 16.5V7.773h1.845v3.6h3.746v-3.6h1.84V16.5h-1.84v-3.605H6.348V16.5zm8.902 0v-1.33l3.106-2.876q.396-.384.665-.69a2.6 2.6 0 0 0 .413-.601q.14-.299.14-.644 0-.383-.174-.66a1.15 1.15 0 0 0-.477-.43 1.5 1.5 0 0 0-.686-.154q-.4 0-.699.162a1.1 1.1 0 0 0-.46.464 1.5 1.5 0 0 0-.162.72h-1.752q0-.855.388-1.487A2.6 2.6 0 0 1 14.794 8q.7-.346 1.61-.346.939 0 1.633.333a2.6 2.6 0 0 1 1.086.912q.388.584.388 1.338 0 .495-.196.976-.192.48-.686 1.07-.495.583-1.393 1.401l-1.275 1.249v.06h3.665V16.5z"
+    />
+  </svg>
+);
+export default SvgH2;

package/src/icons/menu/H3.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgH3 = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M4.327 16.5V7.773h1.845v3.6h3.746v-3.6h1.84V16.5h-1.84v-3.605H6.172V16.5zm12.128.12q-.955 0-1.7-.329-.743-.331-1.172-.912a2.3 2.3 0 0 1-.44-1.346h1.859a.97.97 0 0 0 .208.562q.196.24.52.37.325.133.729.133.422 0 .746-.15.324-.148.507-.412.183-.265.183-.61a1.02 1.02 0 0 0-.196-.618 1.25 1.25 0 0 0-.554-.426 2.2 2.2 0 0 0-.852-.153h-.814v-1.355h.814q.417 0 .737-.145.324-.145.503-.4a1.04 1.04 0 0 0 .179-.606 1.05 1.05 0 0 0-.593-.967q-.276-.14-.647-.14-.375 0-.686.135a1.2 1.2 0 0 0-.499.38 1 1 0 0 0-.2.58h-1.769q.013-.756.43-1.33a2.8 2.8 0 0 1 1.126-.9q.711-.327 1.606-.328.904 0 1.581.329.678.327 1.053.886.38.554.375 1.244.004.733-.456 1.223-.456.49-1.19.622v.069q.965.123 1.467.669.507.54.503 1.355a2.13 2.13 0 0 1-.43 1.325q-.432.579-1.19.912t-1.738.332"
+    />
+  </svg>
+);
+export default SvgH3;

package/src/icons/menu/H4.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgH4 = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M4.216 16.5V7.773H6.06v3.6h3.745v-3.6h1.841V16.5h-1.84v-3.605H6.06V16.5zm8.77-1.534v-1.453l3.643-5.74h1.253v2.011h-.742l-2.297 3.635v.068h5.178v1.479zm4.188 1.534v-1.977l.035-.644V7.773h1.73V16.5z"
+    />
+  </svg>
+);
+export default SvgH4;

package/src/icons/menu/H5.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgH5 = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M4.415 16.5V7.773H6.26v3.6h3.746v-3.6h1.84V16.5h-1.84v-3.605H6.26V16.5zm12.09.12q-.904 0-1.611-.333a2.8 2.8 0 0 1-1.117-.916 2.35 2.35 0 0 1-.43-1.338h1.79q.03.507.425.822.398.316.942.316.435 0 .767-.192.338-.196.524-.541.192-.35.192-.802 0-.459-.196-.81a1.4 1.4 0 0 0-.532-.545 1.57 1.57 0 0 0-.78-.2 1.85 1.85 0 0 0-.746.158 1.35 1.35 0 0 0-.558.43l-1.64-.294.412-4.602h5.336V9.28h-3.814l-.226 2.186h.051q.23-.324.695-.537t1.04-.213q.788 0 1.406.371.618.37.976 1.019.357.643.353 1.483.005.881-.409 1.568a2.9 2.9 0 0 1-1.146 1.074q-.733.387-1.705.387"
+    />
+  </svg>
+);
+export default SvgH5;

package/src/icons/menu/H6.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgH6 = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M4.321 16.5V7.773h1.845v3.6h3.746v-3.6h1.84V16.5h-1.84v-3.605H6.166V16.5zm12.251.12a4 4 0 0 1-1.3-.227 2.96 2.96 0 0 1-1.116-.72q-.494-.498-.784-1.32-.285-.823-.285-2.02.003-1.1.251-1.965.252-.87.716-1.475.47-.605 1.12-.92.653-.32 1.462-.32.874 0 1.543.341.669.337 1.074.917.409.58.494 1.3h-1.82a1.22 1.22 0 0 0-.447-.717q-.34-.26-.844-.26-.852 0-1.295.742-.44.741-.447 2.015h.06q.195-.387.527-.66a2.4 2.4 0 0 1 .763-.422q.43-.15.908-.15.776 0 1.38.367.606.363.955.998.35.634.35 1.453 0 .885-.414 1.576-.408.69-1.146 1.083-.733.387-1.705.383m-.008-1.45a1.44 1.44 0 0 0 1.291-.758q.192-.35.192-.784t-.192-.78a1.417 1.417 0 0 0-1.278-.754q-.319 0-.593.12-.268.119-.473.332a1.6 1.6 0 0 0-.43 1.086q0 .422.192.771.195.35.528.559.337.209.763.209"
+    />
+  </svg>
+);
+export default SvgH6;

package/src/icons/menu/Highlight.tsx

@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+const SvgHighlight = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 23 22" {...props}>
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="m8.056 9.927 8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08m-6.03-1.01c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02"
+    />
+  </svg>
+);
+export default SvgHighlight;

package/src/icons/menu/HorizontalRule.tsx

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const SvgHorizontalRule = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path stroke="currentColor" d="M4.5 12h15" />
+  </svg>
+);
+export default SvgHorizontalRule;

package/src/icons/menu/Italic.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgItalic = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M6.667 3.3v2H8.14l-2.28 5.333H4v2h5.333v-2H7.86L10.14 5.3H12v-2z"
+    />
+  </svg>
+);
+export default SvgItalic;

package/src/icons/menu/Link.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgLink = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M11.333 13.333v-2h-2V9.999h2V8h1.333v2h2v1.334h-2v2zm-4-2H4.666a3.21 3.21 0 0 1-2.358-.976A3.2 3.2 0 0 1 1.333 8q0-1.383.975-2.358a3.2 3.2 0 0 1 2.358-.975h2.667v1.333H4.666q-.832 0-1.416.584a1.93 1.93 0 0 0-.584 1.416q0 .834.584 1.417.583.583 1.416.583h2.667zm-2-2.667V7.333h5.333v1.333zm9.333-.667h-1.333q0-.832-.583-1.416a1.93 1.93 0 0 0-1.417-.584H8.666V4.666h2.667q1.383 0 2.359.975.975.976.974 2.358"
+    />
+  </svg>
+);
+export default SvgLink;

package/src/icons/menu/LinkOff.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgLinkOff = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M17 7h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.43-.98 2.63-2.31 2.98l1.46 1.46C20.88 15.61 22 13.95 22 12c0-2.76-2.24-5-5-5m-1 4h-2.19l2 2H16zM2 4.27l3.11 3.11A4.99 4.99 0 0 0 2 12c0 2.76 2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1 0-1.59 1.21-2.9 2.76-3.07L8.73 11H8v2h2.73L13 15.27V17h1.73l4.01 4L20 19.74 3.27 3z"
+    />
+  </svg>
+);
+export default SvgLinkOff;

package/src/icons/menu/Math.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgMath = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M12.352 2.952c.078-.522.437-1.077.948-1.077.517 0 .937.42.937.938h1.875A2.816 2.816 0 0 0 13.3 0c-1.577 0-2.603 1.345-2.803 2.675L9.895 6.75H7.019v1.875h2.598L7.78 21.05l-.006.044c-.05.498-.44 1.031-.942 1.031a.94.94 0 0 1-.937-.937H4.019A2.816 2.816 0 0 0 6.83 24c1.578 0 2.661-1.366 2.805-2.695l1.877-12.68h2.818V6.75H11.79zm7.63 8.673H17.73l-1.218 1.832-.812-1.832h-2.051l1.632 3.683-2.6 3.91h2.251l1.25-1.878.833 1.879h2.05l-1.653-3.73z"
+    />
+  </svg>
+);
+export default SvgMath;

package/src/icons/menu/MergeCells.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgMergeCells = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M6.41 21 5 19.59l4.83-4.83c.75-.75 1.17-1.77 1.17-2.83v-5.1L9.41 8.41 8 7l4-4 4 4-1.41 1.41L13 6.83v5.1c0 1.06.42 2.08 1.17 2.83L19 19.59 17.59 21 12 15.41z"
+    />
+  </svg>
+);
+export default SvgMergeCells;

package/src/icons/menu/MythReality.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgMythReality = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M4 6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm0 7a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zm6-6a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1zm1 6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1z"
+    />
+  </svg>
+);
+export default SvgMythReality;

package/src/icons/menu/OrderedList.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgOrderedList = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M2 16.999h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1v-4H2v1h1zm-1 3h1.8l-1.8 2.1v.9h3v-1H3.2l1.8-2.1v-.9H2zm5-6v2h14v-2zm0 14h14v-2H7zm0-6h14v-2H7z"
+    />
+  </svg>
+);
+export default SvgOrderedList;

package/src/icons/menu/Prompt.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from 'react';
+const SvgPrompt = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      stroke="currentColor"
+      strokeWidth={0.1}
+      d="M13.59 2.45a1.466 1.466 0 0 1 1.46 1.46v8.18a1.466 1.466 0 0 1-1.46 1.46H2.41a1.466 1.466 0 0 1-1.46-1.46V3.91a1.466 1.466 0 0 1 1.46-1.46zM2.41 3.55a.36.36 0 0 0-.36.36v8.18a.36.36 0 0 0 .36.36h11.18a.36.36 0 0 0 .36-.36V3.91a.36.36 0 0 0-.36-.36z"
+    />
+    <path
+      fill="currentColor"
+      stroke="currentColor"
+      strokeWidth={0.1}
+      d="M4 4.948a.55.55 0 0 1 .39.161l2.5 2.5a.553.553 0 0 1 0 .782l-2.5 2.5a.55.55 0 0 1-.943-.391.55.55 0 0 1 .162-.39L5.724 8 3.609 5.89A.553.553 0 0 1 4 4.949Zm8 5.002a.55.55 0 0 1 0 1.1H7.5a.55.55 0 0 1 0-1.1z"
+    />
+  </svg>
+);
+export default SvgPrompt;

package/src/icons/menu/Redo.tsx

@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+const SvgRedo = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M21.328 13.496H15.43a.375.375 0 0 0-.288.615l2.95 3.54a.375.375 0 0 0 .575 0l2.95-3.54a.375.375 0 0 0-.289-.615"
+    />
+    <path
+      fill="currentColor"
+      d="M17.48 13.496a7.503 7.503 0 0 0-13.136-3.273.75.75 0 1 1-1.157-.954 9.003 9.003 0 0 1 15.818 4.227z"
+    />
+  </svg>
+);
+export default SvgRedo;

package/src/icons/menu/SplitCells.tsx

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const SvgSplitCells = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path fill="currentColor" d="M3 15h8v-2H3zm0 4h8v-2H3zm0-8h8V9H3zm0-6v2h8V5zm10 0h8v14h-8z" />
+  </svg>
+);
+export default SvgSplitCells;

package/src/icons/menu/Strikethrough.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgStrikethrough = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M4.567 5.72C4.567 3.913 6.3 3 8.16 3c1.093 0 2 .327 2.6.853.513.434.973 1.154.973 2.16H9.727q0-.308-.1-.566c-.194-.574-.8-.854-1.5-.854-1.24 0-1.56.68-1.56 1.134 0 .32.166.586.493.806.253.167.513.32.94.467H4.927c-.14-.227-.36-.593-.36-1.28M14 9V7.667H2V9h6.413c.767.3 1.307.5 1.307 1.313 0 .667-.54 1.114-1.52 1.114-1.027 0-1.953-.36-1.953-1.674h-1.98c0 .367.053.754.16 1.054.54 1.526 2.193 2.2 3.78 2.2 1.513 0 3.533-.594 3.533-2.7 0-.2-.007-.774-.32-1.294H14z"
+    />
+  </svg>
+);
+export default SvgStrikethrough;

package/src/icons/menu/Subscript.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgSubscript = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M16.796 8.156V6.094q0-.438.302-.736.303-.297.749-.295h2.102V4.03h-3.153V3h3.153q.446 0 .75.297a.98.98 0 0 1 .301.734v1.032q0 .438-.303.735a1.02 1.02 0 0 1-.748.296h-2.102v1.031H21v1.031zM3 19.5l4.861-7.502-4.52-6.935h2.786l3.258 5.156h.106l3.232-5.156h2.811l-4.546 6.935 4.888 7.502h-2.812l-3.573-5.594h-.106L5.812 19.5z"
+    />
+  </svg>
+);
+export default SvgSubscript;

package/src/icons/menu/Superscript.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgSuperscript = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M16.796 8.156V6.094q0-.438.302-.736.303-.297.749-.295h2.102V4.03h-3.153V3h3.153q.446 0 .75.297a.98.98 0 0 1 .301.734v1.032q0 .438-.303.735a1.02 1.02 0 0 1-.748.296h-2.102v1.031H21v1.031zM3 19.5l4.861-7.502-4.52-6.935h2.786l3.258 5.156h.106l3.232-5.156h2.811l-4.546 6.935 4.888 7.502h-2.812l-3.573-5.594h-.106L5.812 19.5z"
+    />
+  </svg>
+);
+export default SvgSuperscript;

package/src/icons/menu/Table.tsx

@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+const SvgTable = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path stroke="currentColor" strokeWidth={1.8} d="M4 4h8v8H4zM4 12h8v8H4zM12 4h8v8h-8z" />
+    <path
+      stroke="currentColor"
+      strokeLinecap="square"
+      strokeLinejoin="round"
+      strokeWidth={1.8}
+      d="M19 22v-3m0 0v-3m0 3h-3m3 0h3"
+    />
+  </svg>
+);
+export default SvgTable;

package/src/icons/menu/TableColumnHeading.tsx

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const SvgTableColumnHeading = (props: SVGProps<SVGSVGElement>) => (
+  <svg fill="none" viewBox="0 0 16 16" {...props}>
+    <path fill="currentColor" d="M14 5.333H2V2.667h12zm0 1.334H2v2.666h12zm0 4H2v2.666h12z" />
+  </svg>
+);
+export default SvgTableColumnHeading;

package/src/icons/menu/TableRowHeading.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgTableRowHeading = (props: SVGProps<SVGSVGElement>) => (
+  <svg fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M6.667 6.68H10V14H6.667zM11.333 14h2c.734 0 1.334-.6 1.334-1.333v-6h-3.334zm2-12h-10C2.6 2 2 2.6 2 3.333v2h12.667v-2c0-.733-.6-1.333-1.334-1.333M2 12.667C2 13.4 2.6 14 3.333 14h2V6.667H2z"
+    />
+  </svg>
+);
+export default SvgTableRowHeading;

package/src/icons/menu/TextColor.tsx

@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+const SvgTextColor = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="m6 20 6-16 6 16m-9-6h6"
+    />
+  </svg>
+);
+export default SvgTextColor;

package/src/icons/menu/Underline.tsx

@@ -0,0 +1,10 @@
+import type { SVGProps } from 'react';
+const SvgUnderline = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      d="M3.333 14v-1.333h9.333V14zM8 11.333q-1.684 0-2.617-1.05T4.45 7.5V2h1.716v5.6q0 .933.467 1.517T8 9.7t1.366-.583q.467-.585.467-1.517V2h1.717v5.5q0 1.734-.934 2.783-.933 1.05-2.616 1.05"
+    />
+  </svg>
+);
+export default SvgUnderline;

package/src/icons/menu/Undo.tsx

@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+const SvgUndo = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="M3.375 13.496h5.898a.375.375 0 0 1 .288.615l-2.95 3.54a.375.375 0 0 1-.575 0l-2.95-3.54a.375.375 0 0 1 .289-.615"
+    />
+    <path
+      fill="currentColor"
+      d="M7.224 13.496a7.503 7.503 0 0 1 13.135-3.273.749.749 0 0 0 1.306-.696.8.8 0 0 0-.15-.258 9.003 9.003 0 0 0-15.817 4.227z"
+    />
+  </svg>
+);
+export default SvgUndo;

package/src/icons/menu/Video.tsx

@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+const SvgVideo = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      d="m15.464 11.588-4.361-3.17a.525.525 0 0 0-.835.424v6.338a.525.525 0 0 0 .835.423l4.36-3.167a.522.522 0 0 0 0-.848"
+    />
+    <path
+      fill="currentColor"
+      d="M12 1.5C6.2 1.5 1.5 6.2 1.5 12c0 5.798 4.7 10.497 10.5 10.497S22.5 17.797 22.5 12c0-5.8-4.7-10.5-10.5-10.5m0 19.245A8.745 8.745 0 0 1 3.254 12c0-4.828 3.916-8.747 8.746-8.747S20.745 7.17 20.745 12A8.744 8.744 0 0 1 12 20.745"
+    />
+  </svg>
+);
+export default SvgVideo;