@payloadcms/richtext-lexical 4.0.0-internal.5b1e7cd → 4.0.0-internal.5f0cd13

package/dist/lexical/ui/ContentEditable.css

@@ -0,0 +1,95 @@
+@layer payload-default {
+  .ContentEditable__root {
+    border: 0;
+    display: block;
+    position: relative;
+    tab-size: 1;
+    outline: 0;
+    padding-top: var(--spacer-2);
+    padding-bottom: var(--spacer-2);
+    padding-left: 0;
+    padding-right: 0;
+
+    &:focus-visible {
+      outline: none !important;
+    }
+
+    & > * {
+      transition: transform 0.2s ease-in-out;
+    }
+  }
+
+  .rich-text-lexical--show-gutter
+    > .rich-text-lexical__wrap
+    > .editor-container
+    > .editor-scroller
+    > .editor {
+    > .ContentEditable__root {
+      padding: var(--spacer-4) var(--spacer-5);
+    }
+  }
+
+  html[data-theme='light'] {
+    .rich-text-lexical.rich-text-lexical--show-gutter {
+      &.error:not(:hover) {
+        > .rich-text-lexical__wrap
+          > .editor-container
+          > .editor-scroller
+          > .editor
+          > .ContentEditable__root::before {
+          border-left: 2px solid var(--color-border-danger);
+        }
+      }
+
+      &.error:hover {
+        > .rich-text-lexical__wrap
+          > .editor-container
+          > .editor-scroller
+          > .editor
+          > .ContentEditable__root::before {
+          border-left: 2px solid var(--color-border-danger);
+        }
+      }
+    }
+
+    @media (max-width: 768px) {
+      .rich-text-lexical {
+        &.error {
+          > .rich-text-lexical__wrap {
+            background-color: var(--color-bg-danger-tertiary);
+            border: var(--stroke-width-small) solid var(--color-border-danger);
+          }
+        }
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .rich-text-lexical.rich-text-lexical--show-gutter {
+      &.error {
+        > .rich-text-lexical__wrap
+          > .editor-container
+          > .editor-scroller
+          > .editor
+          > .ContentEditable__root::before {
+          border-left: 2px solid var(--color-border-danger);
+        }
+      }
+    }
+
+    @media (max-width: 768px) {
+      .rich-text-lexical {
+        &.error {
+          > .rich-text-lexical__wrap {
+            background-color: var(--color-bg-danger-tertiary);
+            border: var(--stroke-width-small) solid var(--color-border-danger);
+
+            &:hover {
+              border-color: var(--color-border-danger);
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/lexical/ui/ContentEditable.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from 'react';
-import './ContentEditable.scss';
+import './ContentEditable.css';
 import type { SanitizedClientEditorConfig } from '../config/types.js';
 export declare function LexicalContentEditable({ className, editorConfig, }: {
     className?: string;

package/dist/lexical/ui/ContentEditable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditable.d.ts","sourceRoot":"","sources":["../../../src/lexical/ui/ContentEditable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAMhC,OAAO,wBAAwB,CAAA;AAI/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAErE,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,YAAY,GACb,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,2BAA2B,CAAA;CAC1C,GAAG,GAAG,CAAC,OAAO,CAgBd"}
+{"version":3,"file":"ContentEditable.d.ts","sourceRoot":"","sources":["../../../src/lexical/ui/ContentEditable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAMhC,OAAO,uBAAuB,CAAA;AAI9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAErE,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,YAAY,GACb,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,2BAA2B,CAAA;CAC1C,GAAG,GAAG,CAAC,OAAO,CAgBd"}

package/dist/lexical/ui/ContentEditable.js

@@ -5,6 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable.js';
 import { useTranslation } from '@payloadcms/ui';
+import './ContentEditable.css';
 import * as React from 'react';
 export function LexicalContentEditable(t0) {
   const $ = _c(5);

package/dist/lexical/ui/ContentEditable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditable.js","names":["c","_c","useLexicalComposerContext","ContentEditable","useTranslation","React","LexicalContentEditable","t0","$","className","editorConfig","t","t1","getTheme","t2","admin","placeholder","theme","_jsx","children"],"sources":["../../../src/lexical/ui/ContentEditable.tsx"],"sourcesContent":["'use client'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable.js'\nimport { useTranslation } from '@payloadcms/ui'\n\nimport './ContentEditable.scss'\n\nimport * as React from 'react'\n\nimport type { SanitizedClientEditorConfig } from '../config/types.js'\n\nexport function LexicalContentEditable({\n  className,\n  editorConfig,\n}: {\n  className?: string\n  editorConfig: SanitizedClientEditorConfig\n}): JSX.Element {\n  const { t } = useTranslation<{}, string>()\n  const [_, { getTheme }] = useLexicalComposerContext()\n  const theme = getTheme()\n\n  return (\n    <ContentEditable\n      aria-placeholder={t('lexical:general:placeholder')}\n      className={className ?? 'ContentEditable__root'}\n      placeholder={\n        <p className={theme?.placeholder}>\n          {editorConfig?.admin?.placeholder ?? t('lexical:general:placeholder')}\n        </p>\n      }\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAI/B,YAAYC,KAAA,MAAW;AAIvB,OAAO,SAAAC,uBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAgC;IAAAQ,SAAA;IAAAC;EAAA,IAAAH,EAMtC;EACC;IAAAI;EAAA,IAAcP,cAAA;EACd,SAAAQ,EAAA,IAA0BV,yBAAA;EAAhB;IAAAW;EAAA,IAAAD,EAAY;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,YAAA,EAAAK,KAAA,EAAAC,WAAA,IAAAR,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAG,CAAA;IACtB,MAAAM,KAAA,GAAcJ,QAAA;IAGZC,EAAA,GAAAI,IAAA,CAAAf,eAAA;MAAA,oBACoBQ,CAAA,CAAE;MAAAF,SAAA,EACTA,SAAA,IAAa;MAAAO,WAAA,EAEtBE,IAAA,CAAC;QAAAT,SAAA,EAAaQ,KAAA,EAAAD,WAAA;QAAAG,QAAA,EACXT,YAAA,EAAAK,KAAA,EAAAC,WAAA,IAAoCL,CAAA,CAAE;MAAA,C;;;;;;;;;;SAL7CG,E","ignoreList":[]}
+{"version":3,"file":"ContentEditable.js","names":["c","_c","useLexicalComposerContext","ContentEditable","useTranslation","React","LexicalContentEditable","t0","$","className","editorConfig","t","t1","getTheme","t2","admin","placeholder","theme","_jsx","children"],"sources":["../../../src/lexical/ui/ContentEditable.tsx"],"sourcesContent":["'use client'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable.js'\nimport { useTranslation } from '@payloadcms/ui'\n\nimport './ContentEditable.css'\n\nimport * as React from 'react'\n\nimport type { SanitizedClientEditorConfig } from '../config/types.js'\n\nexport function LexicalContentEditable({\n  className,\n  editorConfig,\n}: {\n  className?: string\n  editorConfig: SanitizedClientEditorConfig\n}): JSX.Element {\n  const { t } = useTranslation<{}, string>()\n  const [_, { getTheme }] = useLexicalComposerContext()\n  const theme = getTheme()\n\n  return (\n    <ContentEditable\n      aria-placeholder={t('lexical:general:placeholder')}\n      className={className ?? 'ContentEditable__root'}\n      placeholder={\n        <p className={theme?.placeholder}>\n          {editorConfig?.admin?.placeholder ?? t('lexical:general:placeholder')}\n        </p>\n      }\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAE/B,OAAO;AAEP,YAAYC,KAAA,MAAW;AAIvB,OAAO,SAAAC,uBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAgC;IAAAQ,SAAA;IAAAC;EAAA,IAAAH,EAMtC;EACC;IAAAI;EAAA,IAAcP,cAAA;EACd,SAAAQ,EAAA,IAA0BV,yBAAA;EAAhB;IAAAW;EAAA,IAAAD,EAAY;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,YAAA,EAAAK,KAAA,EAAAC,WAAA,IAAAR,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAG,CAAA;IACtB,MAAAM,KAAA,GAAcJ,QAAA;IAGZC,EAAA,GAAAI,IAAA,CAAAf,eAAA;MAAA,oBACoBQ,CAAA,CAAE;MAAAF,SAAA,EACTA,SAAA,IAAa;MAAAO,WAAA,EAEtBE,IAAA,CAAC;QAAAT,SAAA,EAAaQ,KAAA,EAAAD,WAAA;QAAAG,QAAA,EACXT,YAAA,EAAAK,KAAA,EAAAC,WAAA,IAAoCL,CAAA,CAAE;MAAA,C;;;;;;;;;;SAL7CG,E","ignoreList":[]}

package/dist/lexical/ui/icons/Add/index.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-export declare const AddIcon: React.FC;
+export declare const AddIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/Add/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/Add/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAK3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/Add/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/lexical/ui/icons/Add/index.js

@@ -1,19 +1,26 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AddIcon = () => /*#__PURE__*/_jsxs("svg", {
+const paths = {
+  16: 'M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z',
+  24: 'M12 6a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 12 6'
+};
+export const AddIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: className,
   fill: "none",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M5 10h10",
-    stroke: "currentColor"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M10 15V5",
-    stroke: "currentColor"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
 });
 //# sourceMappingURL=index.js.map

package/dist/lexical/ui/icons/Add/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","AddIcon","_jsxs","fill","height","viewBox","width","xmlns","_jsx","d","stroke"],"sources":["../../../../../src/lexical/ui/icons/Add/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const AddIcon: React.FC = () => (\n  <svg fill=\"none\" height=\"20\" viewBox=\"0 0 20 20\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M5 10h10\" stroke=\"currentColor\" />\n    <path d=\"M10 15V5\" stroke=\"currentColor\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,OAAA,GAAoBA,CAAA,kBAC/BC,KAAA,CAAC;EAAIC,IAAA,EAAK;EAAOC,MAAA,EAAO;EAAKC,OAAA,EAAQ;EAAYC,KAAA,EAAM;EAAKC,KAAA,EAAM;0BAChEC,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAWC,MAAA,EAAO;mBAC1BF,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAWC,MAAA,EAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","AddIcon","className","size","_jsx","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../../../src/lexical/ui/icons/Add/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst paths = {\n  16: 'M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z',\n  24: 'M12 6a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 12 6',\n}\n\nexport const AddIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,OAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAWA,SAAA;EACXG,IAAA,EAAK;EACLC,MAAA,EAAQH,IAAA;EACRI,OAAA,EAAS,OAAOJ,IAAA,IAAQA,IAAA,EAAM;EAC9BK,KAAA,EAAOL,IAAA;EACPM,KAAA,EAAM;YAEN,aAAAL,IAAA,CAAC;IAAKM,QAAA,EAAS;IAAUC,CAAA,EAAGX,KAAK,CAACG,IAAA,CAAK;IAAEE,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/lexical/ui/icons/Add/index.svg

@@ -1,4 +1,3 @@
-<svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M5,12h8" stroke="#000000" />
-    <path d="M9,16V8" stroke="#000000" />
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z" fill="#000000" />
 </svg>

package/dist/lexical/ui/icons/Add/light.svg

@@ -1,4 +1,3 @@
-<svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M5,12h8" stroke="#ffffff" />
-    <path d="M9,16V8" stroke="#ffffff" />
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z" fill="#ffffff" />
 </svg>

package/dist/lexical/ui/icons/AlignCenter/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const AlignCenterIcon: React.FC;
+export declare const AlignCenterIcon: React.FC<{
+    readonly className?: string;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/AlignCenter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/AlignCenter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAenC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/AlignCenter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAaA,CAAA"}

package/dist/lexical/ui/icons/AlignCenter/index.js

@@ -1,28 +1,24 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AlignCenterIcon = () => /*#__PURE__*/_jsxs("svg", {
+const path = 'M5 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m3 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5M7.5 15a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z';
+export const AlignCenterIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
   "aria-hidden": "true",
-  className: "icon",
+  className: ['icon', className].filter(Boolean).join(' '),
   fill: "none",
   focusable: "false",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M2.5 5H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M2.5 10H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M5 15H15",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: path,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
 });
 //# sourceMappingURL=index.js.map

package/dist/lexical/ui/icons/AlignCenter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","AlignCenterIcon","_jsxs","className","fill","focusable","height","viewBox","width","xmlns","_jsx","d","stroke","strokeWidth"],"sources":["../../../../../src/lexical/ui/icons/AlignCenter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const AlignCenterIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"icon\"\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M2.5 5H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M2.5 10H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M5 15H15\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,eAAA,GAA4BA,CAAA,kBACvCC,KAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAcC,MAAA,EAAO;IAAeC,WAAA,EAAY;mBACxDH,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAeC,MAAA,EAAO;IAAeC,WAAA,EAAY;mBACzDH,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAWC,MAAA,EAAO;IAAeC,WAAA,EAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","path","AlignCenterIcon","className","_jsx","filter","Boolean","join","fill","focusable","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../../../src/lexical/ui/icons/AlignCenter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst path =\n  'M5 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m3 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5M7.5 15a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z'\n\nexport const AlignCenterIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={['icon', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    focusable=\"false\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={path} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,MAAMC,IAAA,GACJ;AAEF,OAAO,MAAMC,eAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACC,eAAY;EACZD,SAAA,EAAW,CAAC,QAAQA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpDC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAT,IAAA,CAAC;IAAKU,QAAA,EAAS;IAAUC,CAAA,EAAGd,IAAA;IAAMO,IAAA,EAAK;IAAeQ,QAAA,EAAS","ignoreList":[]}

package/dist/lexical/ui/icons/AlignJustify/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const AlignJustifyIcon: React.FC;
+export declare const AlignJustifyIcon: React.FC<{
+    readonly className?: string;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/AlignJustify/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/AlignJustify/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAepC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/AlignJustify/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAaA,CAAA"}

package/dist/lexical/ui/icons/AlignJustify/index.js

@@ -1,28 +1,24 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AlignJustifyIcon = () => /*#__PURE__*/_jsxs("svg", {
+const path = 'M5 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m.5 3.5a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1z';
+export const AlignJustifyIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
   "aria-hidden": "true",
-  className: "icon",
+  className: ['icon', className].filter(Boolean).join(' '),
   fill: "none",
   focusable: "false",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M2.5 5H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M2.5 10H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M2.5 15H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: path,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
 });
 //# sourceMappingURL=index.js.map

package/dist/lexical/ui/icons/AlignJustify/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","AlignJustifyIcon","_jsxs","className","fill","focusable","height","viewBox","width","xmlns","_jsx","d","stroke","strokeWidth"],"sources":["../../../../../src/lexical/ui/icons/AlignJustify/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const AlignJustifyIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"icon\"\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M2.5 5H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M2.5 10H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M2.5 15H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,gBAAA,GAA6BA,CAAA,kBACxCC,KAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAcC,MAAA,EAAO;IAAeC,WAAA,EAAY;mBACxDH,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAeC,MAAA,EAAO;IAAeC,WAAA,EAAY;mBACzDH,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAeC,MAAA,EAAO;IAAeC,WAAA,EAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","path","AlignJustifyIcon","className","_jsx","filter","Boolean","join","fill","focusable","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../../../src/lexical/ui/icons/AlignJustify/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst path =\n  'M5 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m.5 3.5a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1z'\n\nexport const AlignJustifyIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={['icon', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    focusable=\"false\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={path} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,MAAMC,IAAA,GACJ;AAEF,OAAO,MAAMC,gBAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACC,eAAY;EACZD,SAAA,EAAW,CAAC,QAAQA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpDC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAT,IAAA,CAAC;IAAKU,QAAA,EAAS;IAAUC,CAAA,EAAGd,IAAA;IAAMO,IAAA,EAAK;IAAeQ,QAAA,EAAS","ignoreList":[]}

package/dist/lexical/ui/icons/AlignLeft/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const AlignLeftIcon: React.FC;
+export declare const AlignLeftIcon: React.FC<{
+    readonly className?: string;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/AlignLeft/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/AlignLeft/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAejC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/AlignLeft/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAaA,CAAA"}

package/dist/lexical/ui/icons/AlignLeft/index.js

@@ -1,28 +1,24 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AlignLeftIcon = () => /*#__PURE__*/_jsxs("svg", {
+const path = 'M5 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m.5 3.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z';
+export const AlignLeftIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
   "aria-hidden": "true",
-  className: "icon",
+  className: ['icon', className].filter(Boolean).join(' '),
   fill: "none",
   focusable: "false",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M2.5 5H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M2.5 10H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M2.5 15H12.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: path,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
 });
 //# sourceMappingURL=index.js.map

package/dist/lexical/ui/icons/AlignLeft/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","AlignLeftIcon","_jsxs","className","fill","focusable","height","viewBox","width","xmlns","_jsx","d","stroke","strokeWidth"],"sources":["../../../../../src/lexical/ui/icons/AlignLeft/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const AlignLeftIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"icon\"\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M2.5 5H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M2.5 10H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M2.5 15H12.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA,kBACrCC,KAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAcC,MAAA,EAAO;IAAeC,WAAA,EAAY;mBACxDH,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAeC,MAAA,EAAO;IAAeC,WAAA,EAAY;mBACzDH,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAeC,MAAA,EAAO;IAAeC,WAAA,EAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","path","AlignLeftIcon","className","_jsx","filter","Boolean","join","fill","focusable","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../../../src/lexical/ui/icons/AlignLeft/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst path =\n  'M5 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m.5 3.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z'\n\nexport const AlignLeftIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={['icon', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    focusable=\"false\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={path} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,MAAMC,IAAA,GACJ;AAEF,OAAO,MAAMC,aAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACC,eAAY;EACZD,SAAA,EAAW,CAAC,QAAQA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpDC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAT,IAAA,CAAC;IAAKU,QAAA,EAAS;IAAUC,CAAA,EAAGd,IAAA;IAAMO,IAAA,EAAK;IAAeQ,QAAA,EAAS","ignoreList":[]}

package/dist/lexical/ui/icons/AlignRight/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const AlignRightIcon: React.FC;
+export declare const AlignRightIcon: React.FC<{
+    readonly className?: string;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/AlignRight/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/AlignRight/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAelC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/AlignRight/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAaA,CAAA"}

package/dist/lexical/ui/icons/AlignRight/index.js

@@ -1,28 +1,24 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AlignRightIcon = () => /*#__PURE__*/_jsxs("svg", {
+const path = 'M19 7.5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0 0 1h13a.5.5 0 0 0 .5-.5m0 4a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0 0 1h7a.5.5 0 0 0 .5-.5m-.5 3.5a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1z';
+export const AlignRightIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
   "aria-hidden": "true",
-  className: "icon",
+  className: ['icon', className].filter(Boolean).join(' '),
   fill: "none",
   focusable: "false",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M2.5 5H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M2.5 10H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M7.5 15H17.5",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: path,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
 });
 //# sourceMappingURL=index.js.map

package/dist/lexical/ui/icons/AlignRight/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","AlignRightIcon","_jsxs","className","fill","focusable","height","viewBox","width","xmlns","_jsx","d","stroke","strokeWidth"],"sources":["../../../../../src/lexical/ui/icons/AlignRight/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const AlignRightIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"icon\"\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M2.5 5H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M2.5 10H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M7.5 15H17.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,cAAA,GAA2BA,CAAA,kBACtCC,KAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAcC,MAAA,EAAO;IAAeC,WAAA,EAAY;mBACxDH,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAeC,MAAA,EAAO;IAAeC,WAAA,EAAY;mBACzDH,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAeC,MAAA,EAAO;IAAeC,WAAA,EAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","path","AlignRightIcon","className","_jsx","filter","Boolean","join","fill","focusable","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../../../src/lexical/ui/icons/AlignRight/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst path =\n  'M19 7.5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0 0 1h13a.5.5 0 0 0 .5-.5m0 4a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0 0 1h7a.5.5 0 0 0 .5-.5m-.5 3.5a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1z'\n\nexport const AlignRightIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={['icon', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    focusable=\"false\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={path} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,MAAMC,IAAA,GACJ;AAEF,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACC,eAAY;EACZD,SAAA,EAAW,CAAC,QAAQA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpDC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAT,IAAA,CAAC;IAAKU,QAAA,EAAS;IAAUC,CAAA,EAAGd,IAAA;IAAMO,IAAA,EAAK;IAAeQ,QAAA,EAAS","ignoreList":[]}

package/dist/lexical/ui/icons/Block/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const BlockIcon: React.FC;
+export declare const BlockIcon: React.FC<{
+    readonly className?: string;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/Block/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/Block/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAe7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/Block/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAaA,CAAA"}

package/dist/lexical/ui/icons/Block/index.js

@@ -1,37 +1,22 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const BlockIcon = () => /*#__PURE__*/_jsxs("svg", {
+const path = 'M10.5 7C11.3284 7 12 7.67157 12 8.5V11.5C12 11.7329 11.9453 11.9527 11.8506 12.1494C12.0473 12.0547 12.2671 12 12.5 12H15.5C16.3284 12 17 12.6716 17 13.5V16.5C17 17.3284 16.3284 18 15.5 18H12.5C12.1151 18 11.7655 17.8535 11.5 17.6152C11.2345 17.8535 10.8849 18 10.5 18H7.5C6.67157 18 6 17.3284 6 16.5V13.5C6 13.1154 6.14578 12.7655 6.38379 12.5C6.14578 12.2345 6 11.8846 6 11.5V8.5C6 7.67157 6.67157 7 7.5 7H10.5ZM12.5 13C12.2239 13 12 13.2239 12 13.5V16.5C12 16.7761 12.2239 17 12.5 17H15.5C15.7761 17 16 16.7761 16 16.5V13.5C16 13.2239 15.7761 13 15.5 13H12.5ZM7.5 13C7.22386 13 7 13.2239 7 13.5V16.5C7 16.7761 7.22386 17 7.5 17H10.5C10.7761 17 11 16.7761 11 16.5V13.5C11 13.2239 10.7761 13 10.5 13H7.5ZM7.5 8C7.22386 8 7 8.22386 7 8.5V11.5C7 11.7761 7.22386 12 7.5 12H10.5C10.7761 12 11 11.7761 11 11.5V8.5C11 8.22386 10.7761 8 10.5 8H7.5ZM17.5 5C18.3284 5 19 5.67157 19 6.5V9.5C19 10.3284 18.3284 11 17.5 11H14.5C13.6716 11 13 10.3284 13 9.5V6.5C13 5.67157 13.6716 5 14.5 5H17.5ZM14.5 6C14.2239 6 14 6.22386 14 6.5V9.5C14 9.77614 14.2239 10 14.5 10H17.5C17.7761 10 18 9.77614 18 9.5V6.5C18 6.22386 17.7761 6 17.5 6H14.5Z';
+export const BlockIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
   "aria-hidden": "true",
-  className: "icon",
+  className: ['icon', className].filter(Boolean).join(' '),
   fill: "none",
   focusable: "false",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("rect", {
-    height: "4",
-    rx: "0.5",
-    stroke: "currentColor",
-    width: "4",
-    x: "8",
-    y: "5"
-  }), /*#__PURE__*/_jsx("rect", {
-    height: "4",
-    rx: "0.5",
-    stroke: "currentColor",
-    width: "4",
-    x: "5",
-    y: "11"
-  }), /*#__PURE__*/_jsx("rect", {
-    height: "4",
-    rx: "0.5",
-    stroke: "currentColor",
-    width: "4",
-    x: "11",
-    y: "11"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    d: path,
+    fill: "currentColor"
+  })
 });
 //# sourceMappingURL=index.js.map

package/dist/lexical/ui/icons/Block/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BlockIcon","_jsxs","className","fill","focusable","height","viewBox","width","xmlns","_jsx","rx","stroke","x","y"],"sources":["../../../../../src/lexical/ui/icons/Block/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const BlockIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"icon\"\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <rect height=\"4\" rx=\"0.5\" stroke=\"currentColor\" width=\"4\" x=\"8\" y=\"5\" />\n    <rect height=\"4\" rx=\"0.5\" stroke=\"currentColor\" width=\"4\" x=\"5\" y=\"11\" />\n    <rect height=\"4\" rx=\"0.5\" stroke=\"currentColor\" width=\"4\" x=\"11\" y=\"11\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,SAAA,GAAsBA,CAAA,kBACjCC,KAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKJ,MAAA,EAAO;IAAIK,EAAA,EAAG;IAAMC,MAAA,EAAO;IAAeJ,KAAA,EAAM;IAAIK,CAAA,EAAE;IAAIC,CAAA,EAAE;mBAClEJ,IAAA,CAAC;IAAKJ,MAAA,EAAO;IAAIK,EAAA,EAAG;IAAMC,MAAA,EAAO;IAAeJ,KAAA,EAAM;IAAIK,CAAA,EAAE;IAAIC,CAAA,EAAE;mBAClEJ,IAAA,CAAC;IAAKJ,MAAA,EAAO;IAAIK,EAAA,EAAG;IAAMC,MAAA,EAAO;IAAeJ,KAAA,EAAM;IAAIK,CAAA,EAAE;IAAKC,CAAA,EAAE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","path","BlockIcon","className","_jsx","filter","Boolean","join","fill","focusable","height","viewBox","width","xmlns","d"],"sources":["../../../../../src/lexical/ui/icons/Block/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst path =\n  'M10.5 7C11.3284 7 12 7.67157 12 8.5V11.5C12 11.7329 11.9453 11.9527 11.8506 12.1494C12.0473 12.0547 12.2671 12 12.5 12H15.5C16.3284 12 17 12.6716 17 13.5V16.5C17 17.3284 16.3284 18 15.5 18H12.5C12.1151 18 11.7655 17.8535 11.5 17.6152C11.2345 17.8535 10.8849 18 10.5 18H7.5C6.67157 18 6 17.3284 6 16.5V13.5C6 13.1154 6.14578 12.7655 6.38379 12.5C6.14578 12.2345 6 11.8846 6 11.5V8.5C6 7.67157 6.67157 7 7.5 7H10.5ZM12.5 13C12.2239 13 12 13.2239 12 13.5V16.5C12 16.7761 12.2239 17 12.5 17H15.5C15.7761 17 16 16.7761 16 16.5V13.5C16 13.2239 15.7761 13 15.5 13H12.5ZM7.5 13C7.22386 13 7 13.2239 7 13.5V16.5C7 16.7761 7.22386 17 7.5 17H10.5C10.7761 17 11 16.7761 11 16.5V13.5C11 13.2239 10.7761 13 10.5 13H7.5ZM7.5 8C7.22386 8 7 8.22386 7 8.5V11.5C7 11.7761 7.22386 12 7.5 12H10.5C10.7761 12 11 11.7761 11 11.5V8.5C11 8.22386 10.7761 8 10.5 8H7.5ZM17.5 5C18.3284 5 19 5.67157 19 6.5V9.5C19 10.3284 18.3284 11 17.5 11H14.5C13.6716 11 13 10.3284 13 9.5V6.5C13 5.67157 13.6716 5 14.5 5H17.5ZM14.5 6C14.2239 6 14 6.22386 14 6.5V9.5C14 9.77614 14.2239 10 14.5 10H17.5C17.7761 10 18 9.77614 18 9.5V6.5C18 6.22386 17.7761 6 17.5 6H14.5Z'\n\nexport const BlockIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={['icon', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    focusable=\"false\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d={path} fill=\"currentColor\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,MAAMC,IAAA,GACJ;AAEF,OAAO,MAAMC,SAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACC,eAAY;EACZD,SAAA,EAAW,CAAC,QAAQA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpDC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAT,IAAA,CAAC;IAAKU,CAAA,EAAGb,IAAA;IAAMO,IAAA,EAAK","ignoreList":[]}

package/dist/lexical/ui/icons/Blockquote/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const BlockquoteIcon: React.FC;
+export declare const BlockquoteIcon: React.FC<{
+    readonly className?: string;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/Blockquote/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/Blockquote/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAgBlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/Blockquote/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAaA,CAAA"}