@tnd028/strapi-plugin-tiptap-editor 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/_chunks/{Alignment-fj1HBOQC.js → Alignment-JqsmiC0P.js} +1 -1
  2. package/dist/_chunks/{Alignment-C7ASbAn-.mjs → Alignment-bwNXaRaU.mjs} +1 -1
  3. package/dist/_chunks/{Blockquote-CHHAIfZs.js → Blockquote-7LVTL2kB.js} +1 -1
  4. package/dist/_chunks/{Blockquote-6YDsvVmE.mjs → Blockquote-Nv9x13C-.mjs} +1 -1
  5. package/dist/_chunks/{Bold-DcCH9ZPT.js → Bold-CSsE4rL4.js} +1 -1
  6. package/dist/_chunks/{Bold-CoUDClK3.mjs → Bold-CTHpyo7w.mjs} +1 -1
  7. package/dist/_chunks/{ColorAndHighlight-DBD6hx2A.mjs → ColorAndHighlight-DE3EpvG2.mjs} +10 -8
  8. package/dist/_chunks/{ColorAndHighlight-DrZV_TD_.js → ColorAndHighlight-DLMOEUBU.js} +10 -8
  9. package/dist/_chunks/{Emoji-CqvlfSG8.js → Emoji-DHC4eU82.js} +1 -1
  10. package/dist/_chunks/{Emoji-eK-KEJkm.mjs → Emoji-DJ6CW1b_.mjs} +1 -1
  11. package/dist/_chunks/{Heading-DLBSTUbb.js → Heading-B4DZ8CFm.js} +1 -1
  12. package/dist/_chunks/{Heading-D8sQA90L.mjs → Heading-Bc9Jbt1l.mjs} +1 -1
  13. package/dist/_chunks/{HorizontalRule-BEjZIt88.mjs → HorizontalRule-B-1Z4cBo.mjs} +1 -1
  14. package/dist/_chunks/{HorizontalRule-Xx886I2h.js → HorizontalRule-BjoMlvYT.js} +1 -1
  15. package/dist/_chunks/{Iframe-DWru860T.js → Iframe-BPSCTbId.js} +1 -1
  16. package/dist/_chunks/{Iframe-Bn2lw3-c.mjs → Iframe-du57S6V6.mjs} +1 -1
  17. package/dist/_chunks/{ImagePlaceholder-DHsFWRKy.mjs → ImagePlaceholder-2Rxc0fAJ.mjs} +1 -1
  18. package/dist/_chunks/{ImagePlaceholder-HvXIQraW.js → ImagePlaceholder-D_PtEdEz.js} +1 -1
  19. package/dist/_chunks/{Italic-ebPK0der.mjs → Italic-BA3tb0si.mjs} +1 -1
  20. package/dist/_chunks/{Italic-B2LpHPr2.js → Italic-DlQX7PUz.js} +1 -1
  21. package/dist/_chunks/{Link-TNkM4c__.js → Link-B_jcfj8l.js} +1 -1
  22. package/dist/_chunks/{Link-CJonwAgE.mjs → Link-jlcD_8nT.mjs} +1 -1
  23. package/dist/_chunks/{Lists-BDX2TzHS.mjs → Lists-e-VVxAfx.mjs} +1 -1
  24. package/dist/_chunks/{Lists-C8kEMaH7.js → Lists-rUfZGATf.js} +1 -1
  25. package/dist/_chunks/{Redo-BAh7r3uu.mjs → Redo-ClIuQbxD.mjs} +1 -1
  26. package/dist/_chunks/{Redo-6aMHDN3j.js → Redo-DOjpvKOQ.js} +1 -1
  27. package/dist/_chunks/{SearchAndReplace-LhsnoJqy.mjs → SearchAndReplace-D7zipGsb.mjs} +1 -1
  28. package/dist/_chunks/{SearchAndReplace-Djj19Ta3.js → SearchAndReplace-FeG35WLQ.js} +1 -1
  29. package/dist/_chunks/{Strikethrough-Dl2CpEbl.mjs → Strikethrough-5AZy1HCc.mjs} +1 -1
  30. package/dist/_chunks/{Strikethrough-Br0Ik1nZ.js → Strikethrough-DYo_oeab.js} +1 -1
  31. package/dist/_chunks/{Table-CPqMRDA9.js → Table-DevFGYDa.js} +1 -1
  32. package/dist/_chunks/{Table-B9DDT5BL.mjs → Table-Uz3ozvwZ.mjs} +1 -1
  33. package/dist/_chunks/{TiptapEditorInput-DaPJttjb.mjs → TiptapEditorInput-Dfm83Kkb.mjs} +25 -27
  34. package/dist/_chunks/{TiptapEditorInput-DsZxV3Nu.js → TiptapEditorInput-fMt369CQ.js} +23 -25
  35. package/dist/_chunks/{Undo-BCvrwzfc.js → Undo-B-SDNFzv.js} +1 -1
  36. package/dist/_chunks/{Undo-D4cet2rk.mjs → Undo-BOgx_d4D.mjs} +1 -1
  37. package/dist/_chunks/{index-BxeyeO8D.js → index-DkebP05m.js} +9 -23
  38. package/dist/_chunks/{index-y_p07CeJ.mjs → index-q6T-QT3r.mjs} +9 -23
  39. package/dist/admin/index.js +1 -1
  40. package/dist/admin/index.mjs +1 -1
  41. package/dist/admin/src/components/editor/partials/ToolbarButtons.d.ts +0 -1
  42. package/package.json +1 -1
  43. package/dist/_chunks/CustomCard-BY_M3nyv.js +0 -153
  44. package/dist/_chunks/CustomCard-BwfDVle9.mjs +0 -151
  45. package/dist/admin/src/components/editor/toolbars/CustomCard.d.ts +0 -4
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const lucideReact = require("lucide-react");
5
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
5
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
6
6
  const styled = require("styled-components");
7
7
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
8
8
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { AlignLeft, AlignCenter, AlignRight, AlignJustify, Check } from "lucide-react";
3
- import { u as useEditorContext, D as DropdownMenu, e as Tooltip, f as TooltipTrigger, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, g as TooltipContent, d as DropdownMenuItem } from "./TiptapEditorInput-DaPJttjb.mjs";
3
+ import { u as useEditorContext, D as DropdownMenu, e as Tooltip, f as TooltipTrigger, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, g as TooltipContent, d as DropdownMenuItem } from "./TiptapEditorInput-Dfm83Kkb.mjs";
4
4
  import styled from "styled-components";
5
5
  const DropdownMenuItemStyled = styled(DropdownMenuItem)`
6
6
  display: flex;
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const styled = require("styled-components");
8
8
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
9
9
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import { TextQuote } from "lucide-react";
4
- import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import styled from "styled-components";
6
6
  const QuoteIcon = styled(TextQuote)`
7
7
  width: 16px;
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const styled = require("styled-components");
8
8
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
9
9
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef, Fragment } from "react";
3
3
  import { BoldIcon } from "lucide-react";
4
- import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import styled from "styled-components";
6
6
  const BoldIconStyled = styled(BoldIcon)`
7
7
  width: 16px;
@@ -3,7 +3,7 @@ import { Popover } from "@strapi/design-system";
3
3
  import { HighlighterIcon, BaselineIcon, ChevronDown, Check } from "lucide-react";
4
4
  import { useState } from "react";
5
5
  import styled from "styled-components";
6
- import { u as useEditorContext, T as ToolbarButton, S as Separator } from "./TiptapEditorInput-DaPJttjb.mjs";
6
+ import { u as useEditorContext, T as ToolbarButton, S as Separator } from "./TiptapEditorInput-Dfm83Kkb.mjs";
7
7
  const TEXT_COLORS = [
8
8
  { name: "Default", color: "inherit" },
9
9
  { name: "Gray", color: "#6B7280" },
@@ -15,6 +15,8 @@ const TEXT_COLORS = [
15
15
  { name: "Purple", color: "#9333EA" },
16
16
  { name: "Pink", color: "#DB2777" },
17
17
  { name: "Red", color: "#DC2626" },
18
+ { name: "Black", color: "#000000" },
19
+ { name: "White", color: "#FFFFFF" },
18
20
  { name: "Primary", color: "#1D2556" },
19
21
  { name: "Danger", color: "#e8222f" },
20
22
  { name: "Sky", color: "#0ea5e9" },
@@ -47,7 +49,7 @@ const CompactColorButton = styled.button`
47
49
  justify-content: center;
48
50
  border: 1px solid ${(props) => props.theme.colors.neutral200};
49
51
 
50
- ${(props) => props.$isHighlight ? `background-color: ${props.$color}; color: ${props.theme.colors.neutral800};` : `background-color: transparent; color: ${props.$color === "inherit" ? props.theme.colors.neutral800 : props.$color};`}
52
+ ${(props) => props.$isHighlight ? `background-color: ${props.$color}; color: ${props.theme.colors.neutral800};` : props.$color.toLowerCase() === "#ffffff" ? `background-color: ${props.theme.colors.neutral800}; color: ${props.$color};` : `background-color: transparent; color: ${props.$color === "inherit" ? props.theme.colors.neutral800 : props.$color};`}
51
53
 
52
54
  ${(props) => props.$color === "inherit" && !props.$isHighlight && `
53
55
  background: linear-gradient(to bottom right, transparent 48%, #ff0000 48%, #ff0000 52%, transparent 52%);
@@ -55,7 +57,7 @@ const CompactColorButton = styled.button`
55
57
  color: ${props.theme.colors.neutral800};
56
58
  `}
57
59
 
58
- ${(props) => props.$color === "transparent" && props.$isHighlight && `
60
+ ${(props) => props.$color === "transparent" && props.$isHighlight && `
59
61
  background: linear-gradient(to bottom right, transparent 48%, #ff0000 48%, #ff0000 52%, transparent 52%);
60
62
  background-color: ${props.theme.colors.neutral100};
61
63
  `}
@@ -146,13 +148,13 @@ const ColorAndHighlightToolbar = () => {
146
148
  });
147
149
  };
148
150
  const handleSetColor = (color) => {
149
- editor?.chain().focus().setColor(color === currentColor ? "" : color).run();
151
+ editor?.chain().focus().setColor(color.toLowerCase() === currentColor?.toLowerCase() ? "" : color).run();
150
152
  if (color !== currentColor) {
151
153
  addToRecent(color, false);
152
154
  }
153
155
  };
154
156
  const handleSetHighlight = (color) => {
155
- editor?.chain().focus().setHighlight(color === currentHighlight ? { color: "" } : { color }).run();
157
+ editor?.chain().focus().setHighlight(color.toLowerCase() === currentHighlight?.toLowerCase() ? { color: "" } : { color }).run();
156
158
  if (color !== currentHighlight) {
157
159
  addToRecent(color, true);
158
160
  }
@@ -179,7 +181,7 @@ const ColorAndHighlightToolbar = () => {
179
181
  {
180
182
  name: recent.color,
181
183
  color: recent.color,
182
- isActive: recent.isHighlight ? currentHighlight === recent.color : currentColor === recent.color,
184
+ isActive: recent.isHighlight ? currentHighlight?.toLowerCase() === recent.color.toLowerCase() : currentColor?.toLowerCase() === recent.color.toLowerCase(),
183
185
  onClick: () => recent.isHighlight ? handleSetHighlight(recent.color) : handleSetColor(recent.color),
184
186
  isHighlight: recent.isHighlight
185
187
  },
@@ -193,7 +195,7 @@ const ColorAndHighlightToolbar = () => {
193
195
  {
194
196
  name,
195
197
  color,
196
- isActive: currentColor === color,
198
+ isActive: color === "inherit" ? !currentColor : currentColor?.toLowerCase() === color.toLowerCase(),
197
199
  onClick: () => handleSetColor(color)
198
200
  },
199
201
  name
@@ -205,7 +207,7 @@ const ColorAndHighlightToolbar = () => {
205
207
  {
206
208
  name,
207
209
  color,
208
- isActive: currentHighlight === color,
210
+ isActive: color === "transparent" ? !currentHighlight : currentHighlight?.toLowerCase() === color.toLowerCase(),
209
211
  onClick: () => handleSetHighlight(color),
210
212
  isHighlight: true
211
213
  },
@@ -5,7 +5,7 @@ const designSystem = require("@strapi/design-system");
5
5
  const lucideReact = require("lucide-react");
6
6
  const React = require("react");
7
7
  const styled = require("styled-components");
8
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
8
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
9
9
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
10
10
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
11
11
  const TEXT_COLORS = [
@@ -19,6 +19,8 @@ const TEXT_COLORS = [
19
19
  { name: "Purple", color: "#9333EA" },
20
20
  { name: "Pink", color: "#DB2777" },
21
21
  { name: "Red", color: "#DC2626" },
22
+ { name: "Black", color: "#000000" },
23
+ { name: "White", color: "#FFFFFF" },
22
24
  { name: "Primary", color: "#1D2556" },
23
25
  { name: "Danger", color: "#e8222f" },
24
26
  { name: "Sky", color: "#0ea5e9" },
@@ -51,7 +53,7 @@ const CompactColorButton = styled__default.default.button`
51
53
  justify-content: center;
52
54
  border: 1px solid ${(props) => props.theme.colors.neutral200};
53
55
 
54
- ${(props) => props.$isHighlight ? `background-color: ${props.$color}; color: ${props.theme.colors.neutral800};` : `background-color: transparent; color: ${props.$color === "inherit" ? props.theme.colors.neutral800 : props.$color};`}
56
+ ${(props) => props.$isHighlight ? `background-color: ${props.$color}; color: ${props.theme.colors.neutral800};` : props.$color.toLowerCase() === "#ffffff" ? `background-color: ${props.theme.colors.neutral800}; color: ${props.$color};` : `background-color: transparent; color: ${props.$color === "inherit" ? props.theme.colors.neutral800 : props.$color};`}
55
57
 
56
58
  ${(props) => props.$color === "inherit" && !props.$isHighlight && `
57
59
  background: linear-gradient(to bottom right, transparent 48%, #ff0000 48%, #ff0000 52%, transparent 52%);
@@ -59,7 +61,7 @@ const CompactColorButton = styled__default.default.button`
59
61
  color: ${props.theme.colors.neutral800};
60
62
  `}
61
63
 
62
- ${(props) => props.$color === "transparent" && props.$isHighlight && `
64
+ ${(props) => props.$color === "transparent" && props.$isHighlight && `
63
65
  background: linear-gradient(to bottom right, transparent 48%, #ff0000 48%, #ff0000 52%, transparent 52%);
64
66
  background-color: ${props.theme.colors.neutral100};
65
67
  `}
@@ -150,13 +152,13 @@ const ColorAndHighlightToolbar = () => {
150
152
  });
151
153
  };
152
154
  const handleSetColor = (color) => {
153
- editor?.chain().focus().setColor(color === currentColor ? "" : color).run();
155
+ editor?.chain().focus().setColor(color.toLowerCase() === currentColor?.toLowerCase() ? "" : color).run();
154
156
  if (color !== currentColor) {
155
157
  addToRecent(color, false);
156
158
  }
157
159
  };
158
160
  const handleSetHighlight = (color) => {
159
- editor?.chain().focus().setHighlight(color === currentHighlight ? { color: "" } : { color }).run();
161
+ editor?.chain().focus().setHighlight(color.toLowerCase() === currentHighlight?.toLowerCase() ? { color: "" } : { color }).run();
160
162
  if (color !== currentHighlight) {
161
163
  addToRecent(color, true);
162
164
  }
@@ -183,7 +185,7 @@ const ColorAndHighlightToolbar = () => {
183
185
  {
184
186
  name: recent.color,
185
187
  color: recent.color,
186
- isActive: recent.isHighlight ? currentHighlight === recent.color : currentColor === recent.color,
188
+ isActive: recent.isHighlight ? currentHighlight?.toLowerCase() === recent.color.toLowerCase() : currentColor?.toLowerCase() === recent.color.toLowerCase(),
187
189
  onClick: () => recent.isHighlight ? handleSetHighlight(recent.color) : handleSetColor(recent.color),
188
190
  isHighlight: recent.isHighlight
189
191
  },
@@ -197,7 +199,7 @@ const ColorAndHighlightToolbar = () => {
197
199
  {
198
200
  name,
199
201
  color,
200
- isActive: currentColor === color,
202
+ isActive: color === "inherit" ? !currentColor : currentColor?.toLowerCase() === color.toLowerCase(),
201
203
  onClick: () => handleSetColor(color)
202
204
  },
203
205
  name
@@ -209,7 +211,7 @@ const ColorAndHighlightToolbar = () => {
209
211
  {
210
212
  name,
211
213
  color,
212
- isActive: currentHighlight === color,
214
+ isActive: color === "transparent" ? !currentHighlight : currentHighlight?.toLowerCase() === color.toLowerCase(),
213
215
  onClick: () => handleSetHighlight(color),
214
216
  isHighlight: true
215
217
  },
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const designSystem = require("@strapi/design-system");
8
8
  const styled = require("styled-components");
9
9
  const Emoji = require("@tiptap/extension-emoji");
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { forwardRef, useState, useRef, useEffect, useMemo } from "react";
3
3
  import { Clock, Smile, Cat, Coffee, Activity, Car, Lightbulb, Hash, Flag, Search } from "lucide-react";
4
- import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import { Popover } from "@strapi/design-system";
6
6
  import styled from "styled-components";
7
7
  import { gitHubEmojis } from "@tiptap/extension-emoji";
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const lucideReact = require("lucide-react");
5
5
  const styled = require("styled-components");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
8
8
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
9
9
  const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Heading, Check } from "lucide-react";
3
3
  import styled from "styled-components";
4
- import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  const DropdownMenuItemStyled = styled(DropdownMenuItem)`
6
6
  display: flex;
7
7
  align-items: center;
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import { SeparatorHorizontal } from "lucide-react";
4
- import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import styled from "styled-components";
6
6
  const SeparatorHorizontalIcon = styled(SeparatorHorizontal)`
7
7
  width: 16px;
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const styled = require("styled-components");
8
8
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
9
9
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -5,7 +5,7 @@ const designSystem = require("@strapi/design-system");
5
5
  const lucideReact = require("lucide-react");
6
6
  const React = require("react");
7
7
  const styled = require("styled-components");
8
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
8
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
9
9
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
10
10
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
11
11
  const IframeIcon = styled__default.default(lucideReact.Youtube)`
@@ -3,7 +3,7 @@ import { Popover, Typography, Grid } from "@strapi/design-system";
3
3
  import { Youtube } from "lucide-react";
4
4
  import { forwardRef, useState, useCallback } from "react";
5
5
  import styled from "styled-components";
6
- import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-DaPJttjb.mjs";
6
+ import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-Dfm83Kkb.mjs";
7
7
  const IframeIcon = styled(Youtube)`
8
8
  width: 20px;
9
9
  height: 20px;
@@ -1,7 +1,7 @@
1
1
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
2
  import { forwardRef, useState, useCallback } from "react";
3
3
  import { LucideImage } from "lucide-react";
4
- import { u as useEditorContext, T as ToolbarButton, M as MediaLibraryModal } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, T as ToolbarButton, M as MediaLibraryModal } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import styled from "styled-components";
6
6
  const ImageIcon = styled(LucideImage)`
7
7
  width: 16px;
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const styled = require("styled-components");
8
8
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
9
9
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import { ItalicIcon } from "lucide-react";
4
- import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import styled from "styled-components";
6
6
  const ItalicIconStyled = styled(ItalicIcon)`
7
7
  width: 16px;
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const styled = require("styled-components");
8
8
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
9
9
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const designSystem = require("@strapi/design-system");
8
8
  const styled = require("styled-components");
9
9
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { forwardRef, useState, useCallback } from "react";
3
3
  import { Link2 } from "lucide-react";
4
- import { u as useEditorContext, T as ToolbarButton, L as LinkEditBlock } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, T as ToolbarButton, L as LinkEditBlock } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import { Popover } from "@strapi/design-system";
6
6
  import styled from "styled-components";
7
7
  const LinkIcon = styled(Link2)`
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { List, ListOrdered, ListTodo, Check } from "lucide-react";
3
3
  import styled from "styled-components";
4
- import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  const DropdownMenuItemStyled = styled(DropdownMenuItem)`
6
6
  display: flex;
7
7
  align-items: center;
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const lucideReact = require("lucide-react");
5
5
  const styled = require("styled-components");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
8
8
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
9
9
  const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import { Redo2 } from "lucide-react";
4
- import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import styled from "styled-components";
6
6
  const RedoIcon = styled(Redo2)`
7
7
  width: 16px;
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const styled = require("styled-components");
8
8
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
9
9
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useState, useEffect } from "react";
3
3
  import { ArrowLeft, ArrowRight, Repeat, X } from "lucide-react";
4
- import { u as useEditorContext, I as Input, T as ToolbarButton, B as Button, S as Separator, h as Label } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, I as Input, T as ToolbarButton, B as Button, S as Separator, h as Label } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  import { Popover, Checkbox } from "@strapi/design-system";
6
6
  import styled from "styled-components";
7
7
  const RepeatIcon = styled(Repeat)`
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const lucideReact = require("lucide-react");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const designSystem = require("@strapi/design-system");
8
8
  const styled = require("styled-components");
9
9
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Underline, Strikethrough, Check } from "lucide-react";
3
3
  import { forwardRef } from "react";
4
4
  import styled from "styled-components";
5
- import { u as useEditorContext, D as DropdownMenu, e as Tooltip, f as TooltipTrigger, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, g as TooltipContent, d as DropdownMenuItem } from "./TiptapEditorInput-DaPJttjb.mjs";
5
+ import { u as useEditorContext, D as DropdownMenu, e as Tooltip, f as TooltipTrigger, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, g as TooltipContent, d as DropdownMenuItem } from "./TiptapEditorInput-Dfm83Kkb.mjs";
6
6
  const DropdownMenuItemStyled = styled(DropdownMenuItem)`
7
7
  display: flex;
8
8
  align-items: center;
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const lucideReact = require("lucide-react");
5
5
  const React = require("react");
6
6
  const styled = require("styled-components");
7
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
7
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
8
8
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
9
9
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
10
10
  const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const lucideReact = require("lucide-react");
5
5
  const styled = require("styled-components");
6
- const TiptapEditorInput = require("./TiptapEditorInput-DsZxV3Nu.js");
6
+ const TiptapEditorInput = require("./TiptapEditorInput-fMt369CQ.js");
7
7
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
8
8
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
9
9
  const IconWrapper = styled__default.default.span`
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { Table2, Table, ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Rows3, Columns3, Trash2 } from "lucide-react";
3
3
  import styled from "styled-components";
4
- import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem, g as TooltipContent } from "./TiptapEditorInput-DaPJttjb.mjs";
4
+ import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem, g as TooltipContent } from "./TiptapEditorInput-Dfm83Kkb.mjs";
5
5
  const IconWrapper = styled.span`
6
6
  display: flex;
7
7
  align-items: center;
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import React, { forwardRef, useState, memo, useCallback, useRef, useEffect, useMemo, lazy, Fragment as Fragment$1, Suspense, createContext, useContext, useImperativeHandle } from "react";
3
3
  import { useIntl } from "react-intl";
4
- import Color from "@tiptap/extension-color";
4
+ import Color$1, { Color } from "@tiptap/extension-color";
5
5
  import Gapcursor from "@tiptap/extension-gapcursor";
6
6
  import Highlight from "@tiptap/extension-highlight";
7
7
  import Table from "@tiptap/extension-table";
@@ -45,7 +45,7 @@ import { clsx } from "clsx";
45
45
  import Heading from "@tiptap/extension-heading";
46
46
  import { Checkbox, Field, Flex } from "@strapi/design-system";
47
47
  import Suggestion from "@tiptap/suggestion";
48
- import { g as getPluginConfig } from "./index-y_p07CeJ.mjs";
48
+ import { g as getPluginConfig } from "./index-q6T-QT3r.mjs";
49
49
  const validateFileOrBase64 = (input, options, originalFile, validFiles, errors) => {
50
50
  const { isValidType, isValidSize } = checkTypeAndSize(input, options);
51
51
  if (isValidType && isValidSize) {
@@ -1822,97 +1822,92 @@ const StyledSeparator = styled(Separator)`
1822
1822
  `;
1823
1823
  const ToolbarDefinitions = {
1824
1824
  // === GRUP 1: HEADING & TEXT STYLE ===
1825
- customCard: lazy(
1826
- () => import("./CustomCard-BwfDVle9.mjs").then((mod) => ({
1827
- default: mod.CustomCardToolbar
1828
- }))
1829
- ),
1830
1825
  heading: lazy(
1831
- () => import("./Heading-D8sQA90L.mjs").then((mod) => ({
1826
+ () => import("./Heading-Bc9Jbt1l.mjs").then((mod) => ({
1832
1827
  default: mod.HeadingToolbar
1833
1828
  }))
1834
1829
  ),
1835
1830
  bold: lazy(
1836
- () => import("./Bold-CoUDClK3.mjs").then((mod) => ({
1831
+ () => import("./Bold-CTHpyo7w.mjs").then((mod) => ({
1837
1832
  default: mod.BoldToolbar
1838
1833
  }))
1839
1834
  ),
1840
1835
  italic: lazy(
1841
- () => import("./Italic-ebPK0der.mjs").then((mod) => ({
1836
+ () => import("./Italic-BA3tb0si.mjs").then((mod) => ({
1842
1837
  default: mod.ItalicToolbar
1843
1838
  }))
1844
1839
  ),
1845
1840
  strikethrough: lazy(
1846
- () => import("./Strikethrough-Dl2CpEbl.mjs").then((mod) => ({
1841
+ () => import("./Strikethrough-5AZy1HCc.mjs").then((mod) => ({
1847
1842
  default: mod.StrikeThroughToolbar
1848
1843
  }))
1849
1844
  ),
1850
1845
  // === GRUP 2: LISTS & INDENTATION ===
1851
1846
  lists: lazy(
1852
- () => import("./Lists-BDX2TzHS.mjs").then((mod) => ({
1847
+ () => import("./Lists-e-VVxAfx.mjs").then((mod) => ({
1853
1848
  default: mod.ListsToolbar
1854
1849
  }))
1855
1850
  ),
1856
1851
  blockquote: lazy(
1857
- () => import("./Blockquote-6YDsvVmE.mjs").then((mod) => ({
1852
+ () => import("./Blockquote-Nv9x13C-.mjs").then((mod) => ({
1858
1853
  default: mod.BlockquoteToolbar
1859
1854
  }))
1860
1855
  ),
1861
1856
  // === GRUP 3: ALIGNMENT & FORMATTING ===
1862
1857
  alignment: lazy(
1863
- () => import("./Alignment-C7ASbAn-.mjs").then((mod) => ({
1858
+ () => import("./Alignment-bwNXaRaU.mjs").then((mod) => ({
1864
1859
  default: mod.AlignmentToolbar
1865
1860
  }))
1866
1861
  ),
1867
1862
  horizontalRule: lazy(
1868
- () => import("./HorizontalRule-BEjZIt88.mjs").then((mod) => ({
1863
+ () => import("./HorizontalRule-B-1Z4cBo.mjs").then((mod) => ({
1869
1864
  default: mod.HorizontalRuleToolbar
1870
1865
  }))
1871
1866
  ),
1872
1867
  color: lazy(
1873
- () => import("./ColorAndHighlight-DBD6hx2A.mjs").then((mod) => ({
1868
+ () => import("./ColorAndHighlight-DE3EpvG2.mjs").then((mod) => ({
1874
1869
  default: mod.ColorAndHighlightToolbar
1875
1870
  }))
1876
1871
  ),
1877
1872
  // === GRUP 4: MEDIA & LINKS ===
1878
1873
  link: lazy(
1879
- () => import("./Link-CJonwAgE.mjs").then((mod) => ({
1874
+ () => import("./Link-jlcD_8nT.mjs").then((mod) => ({
1880
1875
  default: mod.LinkToolbar
1881
1876
  }))
1882
1877
  ),
1883
1878
  image: lazy(
1884
- () => import("./ImagePlaceholder-DHsFWRKy.mjs").then((mod) => ({
1879
+ () => import("./ImagePlaceholder-2Rxc0fAJ.mjs").then((mod) => ({
1885
1880
  default: mod.ImagePlaceholderToolbar
1886
1881
  }))
1887
1882
  ),
1888
1883
  emoji: lazy(
1889
- () => import("./Emoji-eK-KEJkm.mjs").then((mod) => ({
1884
+ () => import("./Emoji-DJ6CW1b_.mjs").then((mod) => ({
1890
1885
  default: mod.EmojiToolbar
1891
1886
  }))
1892
1887
  ),
1893
1888
  table: lazy(
1894
- () => import("./Table-B9DDT5BL.mjs").then((mod) => ({
1889
+ () => import("./Table-Uz3ozvwZ.mjs").then((mod) => ({
1895
1890
  default: mod.TableToolbar
1896
1891
  }))
1897
1892
  ),
1898
1893
  iframe: lazy(
1899
- () => import("./Iframe-Bn2lw3-c.mjs").then((mod) => ({
1894
+ () => import("./Iframe-du57S6V6.mjs").then((mod) => ({
1900
1895
  default: mod.IframeToolbar
1901
1896
  }))
1902
1897
  ),
1903
1898
  // === GRUP 5: UTILS ===
1904
1899
  undo: lazy(
1905
- () => import("./Undo-D4cet2rk.mjs").then((mod) => ({
1900
+ () => import("./Undo-BOgx_d4D.mjs").then((mod) => ({
1906
1901
  default: mod.UndoToolbar
1907
1902
  }))
1908
1903
  ),
1909
1904
  redo: lazy(
1910
- () => import("./Redo-BAh7r3uu.mjs").then((mod) => ({
1905
+ () => import("./Redo-ClIuQbxD.mjs").then((mod) => ({
1911
1906
  default: mod.RedoToolbar
1912
1907
  }))
1913
1908
  ),
1914
1909
  searchAndReplace: lazy(
1915
- () => import("./SearchAndReplace-LhsnoJqy.mjs").then((mod) => ({
1910
+ () => import("./SearchAndReplace-D7zipGsb.mjs").then((mod) => ({
1916
1911
  default: mod.SearchAndReplaceToolbar
1917
1912
  }))
1918
1913
  )
@@ -2626,6 +2621,10 @@ const createExtensions = () => [
2626
2621
  History.configure({
2627
2622
  depth: 50
2628
2623
  }),
2624
+ Highlight.configure({
2625
+ multicolor: true
2626
+ }),
2627
+ Color,
2629
2628
  ResetMarksOnEnter,
2630
2629
  TextAlign.configure({
2631
2630
  types: ["heading", "paragraph"]
@@ -6613,8 +6612,7 @@ function ContentEditor({
6613
6612
  "table",
6614
6613
  "image",
6615
6614
  "iframe",
6616
- "emoji",
6617
- "customCard"
6615
+ "emoji"
6618
6616
  // "HTMLToolbar"
6619
6617
  ],
6620
6618
  extensions = [],
@@ -6634,7 +6632,7 @@ function ContentEditor({
6634
6632
  ImageExtension,
6635
6633
  FileHandler,
6636
6634
  Iframe,
6637
- Color,
6635
+ Color$1,
6638
6636
  Gapcursor,
6639
6637
  Table.configure({
6640
6638
  resizable: true