@tnd028/strapi-plugin-tiptap-editor 0.0.8 → 0.0.9

package/dist/_chunks/{Alignment-DJn885Jy.mjs → Alignment-BNWDgykP.mjs}

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlignLeft, AlignCenter, AlignRight, AlignJustify, Check } from "lucide-react";
-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-D5Pu919h.mjs";
+import { D as DropdownMenu, a as DropdownMenuTrigger, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./dropdown-menu-BlER-X6N.mjs";
+import { u as useEditorContext, a as Tooltip, b as TooltipTrigger, T as ToolbarButton, c as TooltipContent } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
 const DropdownMenuItemStyled = styled(DropdownMenuItem)`
   display: flex;

package/dist/_chunks/{Alignment-CwNy7DpU.js → Alignment-DWNfLcLb.js}

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const dropdownMenu = require("./dropdown-menu-BYEFEtu5.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
+const DropdownMenuItemStyled = styled__default.default(dropdownMenu.DropdownMenuItem)`
   display: flex;
   align-items: center;
   gap: 2px;
@@ -95,9 +96,9 @@ const AlignmentToolbar = () => {
   };
   const currentAlignment = currentTextAlign();
   const currentOption = alignmentOptions[findIndex(currentAlignment)];
-  return /* @__PURE__ */ jsxRuntime.jsxs(TiptapEditorInput.DropdownMenu, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(TiptapEditorInput.Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TiptapEditorInput.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TiptapEditorInput.DropdownMenuTrigger, { disabled: isDisabled, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(TiptapEditorInput.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { disabled: isDisabled, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         TiptapEditorInput.ToolbarButton,
         {
           "aria-label": "Text Alignment",
@@ -109,14 +110,14 @@ const AlignmentToolbar = () => {
       /* @__PURE__ */ jsxRuntime.jsx(StyledTooltipContent, { children: "Text Alignment" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      TiptapEditorInput.DropdownMenuContent,
+      dropdownMenu.DropdownMenuContent,
       {
         align: "start",
         loop: true,
         onCloseAutoFocus: (e) => {
           e.preventDefault();
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(TiptapEditorInput.DropdownMenuGroup, { children: alignmentOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuGroup, { children: alignmentOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           DropdownMenuItemStyled,
           {
             onSelect: () => handleAlign(option.value),

package/dist/_chunks/{Blockquote-Do4aZ3qd.mjs → Blockquote-BCOFx9MB.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { TextQuote } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
 const QuoteIcon = styled(TextQuote)`
   width: 16px;

package/dist/_chunks/{Blockquote-CPe5tN5n.js → Blockquote-CF3p6zYc.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{Bold-CyK6KKSc.js → Bold-DmvEvp32.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{Bold-BIVRk4So.mjs → Bold-HbeZWYHy.mjs}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, Fragment } from "react";
 import { BoldIcon } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
 const BoldIconStyled = styled(BoldIcon)`
   width: 16px;

package/dist/_chunks/{ColorAndHighlight-G7nw9dFL.mjs → ColorAndHighlight-C_ixSV3q.mjs}

@@ -3,7 +3,7 @@ import { Popover } from "@strapi/design-system";
 import { HighlighterIcon, BaselineIcon, ChevronDown, Check } from "lucide-react";
 import { useState } from "react";
 import styled from "styled-components";
-import { u as useEditorContext, T as ToolbarButton, S as Separator } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton, S as Separator } from "./TiptapEditorInput-uebi893d.mjs";
 const TEXT_COLORS = [
   { name: "Default", color: "inherit" },
   { name: "Gray", color: "#6B7280" },

package/dist/_chunks/{ColorAndHighlight-CszScASX.js → ColorAndHighlight-DTCU3a30.js}

@@ -5,7 +5,7 @@ const designSystem = require("@strapi/design-system");
 const lucideReact = require("lucide-react");
 const React = require("react");
 const styled = require("styled-components");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const TEXT_COLORS = [

package/dist/_chunks/{Emoji-rsAT8aTW.mjs → Emoji-6ertvWAc.mjs}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect, useMemo } from "react";
 import { Clock, Smile, Cat, Coffee, Activity, Car, Lightbulb, Hash, Flag, Search } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 import { Popover } from "@strapi/design-system";
 import styled from "styled-components";
 import { gitHubEmojis } from "@tiptap/extension-emoji";

package/dist/_chunks/{Emoji-Bpqj2ssn.js → Emoji-C90-JGvj.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const designSystem = require("@strapi/design-system");
 const styled = require("styled-components");
 const Emoji = require("@tiptap/extension-emoji");

package/dist/_chunks/{HardBreak-CjPOaGjR.js → HardBreak-BYCN23GU.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{HardBreak-CbZeIE8l.mjs → HardBreak-I9Q41jdF.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { WrapText } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
 const HardBreakIcon = styled(WrapText)`
   width: 16px;

package/dist/_chunks/{Heading-D3PlEnCV.js → Heading-BBNO-mr0.js}

@@ -3,10 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
 const styled = require("styled-components");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const dropdownMenu = require("./dropdown-menu-BYEFEtu5.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
+const DropdownMenuItemStyled = styled__default.default(dropdownMenu.DropdownMenuItem)`
   display: flex;
   align-items: center;
   gap: 2px;
@@ -85,8 +86,8 @@ const HeadingToolbar = () => {
   ];
   const isDisabled = items.every((item) => item.disabled);
   const activeItem = items.find((k) => k.isActive());
-  return /* @__PURE__ */ jsxRuntime.jsxs(TiptapEditorInput.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TiptapEditorInput.DropdownMenuTrigger, { disabled: isDisabled, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { disabled: isDisabled, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       TiptapEditorInput.ToolbarButton,
       {
         tooltip: "Text Heading",
@@ -97,14 +98,14 @@ const HeadingToolbar = () => {
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      TiptapEditorInput.DropdownMenuContent,
+      dropdownMenu.DropdownMenuContent,
       {
         align: "start",
         loop: true,
         onCloseAutoFocus: (e) => {
           e.preventDefault();
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(TiptapEditorInput.DropdownMenuGroup, { children: items.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuGroup, { children: items.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           DropdownMenuItemStyled,
           {
             onSelect: () => {

package/dist/_chunks/{Heading-DKx5RYsm.mjs → Heading-Dmx9Sy5x.mjs}

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Heading, Check } from "lucide-react";
 import styled from "styled-components";
-import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { D as DropdownMenu, a as DropdownMenuTrigger, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./dropdown-menu-BlER-X6N.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 const DropdownMenuItemStyled = styled(DropdownMenuItem)`
   display: flex;
   align-items: center;

package/dist/_chunks/{HorizontalRule-DZl5nwEe.js → HorizontalRule-BNDqxwD9.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{HorizontalRule-DMZ-QRX-.mjs → HorizontalRule-VkWfQJ80.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SeparatorHorizontal } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
 const SeparatorHorizontalIcon = styled(SeparatorHorizontal)`
   width: 16px;

package/dist/_chunks/{Iframe-FfnfjR-s.js → Iframe-BpqYLH2f.js}

@@ -5,7 +5,7 @@ const designSystem = require("@strapi/design-system");
 const lucideReact = require("lucide-react");
 const React = require("react");
 const styled = require("styled-components");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const IframeIcon = styled__default.default(lucideReact.Youtube)`

package/dist/_chunks/{Iframe-C1cppYwG.mjs → Iframe-C7ysevCA.mjs}

@@ -3,7 +3,7 @@ import { Popover, Typography, Grid } from "@strapi/design-system";
 import { Youtube } from "lucide-react";
 import { forwardRef, useState, useCallback } from "react";
 import styled from "styled-components";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 const IframeIcon = styled(Youtube)`
   width: 20px;
   height: 20px;

package/dist/_chunks/{ImagePlaceholder-HoQE7BK5.js → Image-DrrFU8iV.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -11,7 +11,7 @@ const ImageIcon = styled__default.default(lucideReact.LucideImage)`
   width: 16px;
   height: 16px;
 `;
-const ImagePlaceholderToolbar = React.forwardRef(({ className, onClick, children, ...props }, ref) => {
+const ImageToolbar = React.forwardRef(({ className, onClick, children, ...props }, ref) => {
   const { editor } = TiptapEditorInput.useEditorContext();
   const [mediaLibOpen, setMediaLibOpen] = React.useState(false);
   const handleMediaSelect = React.useCallback((file) => {
@@ -66,5 +66,5 @@ const ImagePlaceholderToolbar = React.forwardRef(({ className, onClick, children
     )
   ] });
 });
-ImagePlaceholderToolbar.displayName = "ImagePlaceholderToolbar";
-exports.ImagePlaceholderToolbar = ImagePlaceholderToolbar;
+ImageToolbar.displayName = "ImageToolbar";
+exports.ImageToolbar = ImageToolbar;

package/dist/_chunks/{ImagePlaceholder-C2k5FPpm.mjs → Image-rywEj7PS.mjs}

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useCallback } from "react";
 import { LucideImage } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton, M as MediaLibraryModal } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton, M as MediaLibraryModal } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
 const ImageIcon = styled(LucideImage)`
   width: 16px;
   height: 16px;
 `;
-const ImagePlaceholderToolbar = forwardRef(({ className, onClick, children, ...props }, ref) => {
+const ImageToolbar = forwardRef(({ className, onClick, children, ...props }, ref) => {
   const { editor } = useEditorContext();
   const [mediaLibOpen, setMediaLibOpen] = useState(false);
   const handleMediaSelect = useCallback((file) => {
@@ -62,7 +62,7 @@ const ImagePlaceholderToolbar = forwardRef(({ className, onClick, children, ...p
     )
   ] });
 });
-ImagePlaceholderToolbar.displayName = "ImagePlaceholderToolbar";
+ImageToolbar.displayName = "ImageToolbar";
 export {
-  ImagePlaceholderToolbar
+  ImageToolbar
 };

package/dist/_chunks/{Italic-B194C6eH.mjs → Italic-Cb19rEyk.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { ItalicIcon } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
 const ItalicIconStyled = styled(ItalicIcon)`
   width: 16px;

package/dist/_chunks/{Italic-Ch2G_h7j.js → Italic-DpaUht7M.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{Link-ClVdrxdo.mjs → Link-0rtpjoKo.mjs}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useCallback } from "react";
 import { Link2 } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton, L as LinkEditBlock } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton, L as LinkEditBlock } from "./TiptapEditorInput-uebi893d.mjs";
 import { Popover } from "@strapi/design-system";
 import styled from "styled-components";
 const LinkIcon = styled(Link2)`

package/dist/_chunks/{Link-BtzgBQBr.js → Link-BtIKC-Cw.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const designSystem = require("@strapi/design-system");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };

package/dist/_chunks/{Lists-DanRs98j.mjs → Lists-B7Lkap-J.mjs}

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { List, ListOrdered, ListTodo, Check } from "lucide-react";
 import styled from "styled-components";
-import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { D as DropdownMenu, a as DropdownMenuTrigger, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./dropdown-menu-BlER-X6N.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 const DropdownMenuItemStyled = styled(DropdownMenuItem)`
   display: flex;
   align-items: center;

package/dist/_chunks/{Lists-CC5lGjM_.js → Lists-BTfauvYj.js}

@@ -3,10 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
 const styled = require("styled-components");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const dropdownMenu = require("./dropdown-menu-BYEFEtu5.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
+const DropdownMenuItemStyled = styled__default.default(dropdownMenu.DropdownMenuItem)`
   display: flex;
   align-items: center;
   gap: 2px;
@@ -66,8 +67,8 @@ const ListsToolbar = () => {
   ];
   const isDisabled = items.every((item) => item.disabled);
   const activeItem = items.find((item) => item.isActive());
-  return /* @__PURE__ */ jsxRuntime.jsxs(TiptapEditorInput.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TiptapEditorInput.DropdownMenuTrigger, { disabled: isDisabled, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { disabled: isDisabled, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       TiptapEditorInput.ToolbarButton,
       {
         tooltip: "Lists",
@@ -79,14 +80,14 @@ const ListsToolbar = () => {
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      TiptapEditorInput.DropdownMenuContent,
+      dropdownMenu.DropdownMenuContent,
       {
         align: "start",
         loop: true,
         onCloseAutoFocus: (e) => {
           e.preventDefault();
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(TiptapEditorInput.DropdownMenuGroup, { children: items.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuGroup, { children: items.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           DropdownMenuItemStyled,
           {
             onSelect: () => {

package/dist/_chunks/{Redo-B6KDRScs.js → Redo-D_3G2t9C.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{Redo-BinmcWTS.mjs → Redo-DuYtrgFH.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Redo2 } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-D5Pu919h.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
 const RedoIcon = styled(Redo2)`
   width: 16px;

package/dist/_chunks/{SearchAndReplace-DjrnytGF.mjs → SearchAndReplace-BmEQdRCn.mjs}

@@ -1,9 +1,62 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from "react";
 import { ArrowLeft, ArrowRight, Repeat, X } from "lucide-react";
-import { u as useEditorContext, I as Input, T as ToolbarButton, B as Button, S as Separator, h as Label } from "./TiptapEditorInput-D5Pu919h.mjs";
-import { Popover, Checkbox } from "@strapi/design-system";
+import { u as useEditorContext, T as ToolbarButton, B as Button, S as Separator, d as Label } from "./TiptapEditorInput-uebi893d.mjs";
 import styled from "styled-components";
+import { Popover, Checkbox } from "@strapi/design-system";
+const StyledInput = styled.input`
+  display: flex;
+  width: 100%;
+  height: 40px;
+  border-radius: 4px;
+  border: 1px solid ${(props) => props.theme.colors.neutral300};
+  background-color: ${(props) => props.theme.colors.neutral0};
+  padding: 8px 12px;
+  font-size: 14px;
+  color: ${(props) => props.theme.colors.neutral800};
+  transition: all 0.2s ease-in-out;
+  
+  &::placeholder {
+    color: ${(props) => props.theme.colors.neutral500};
+  }
+  
+  &:focus-visible {
+    outline: none;
+    border-color: ${(props) => props.theme.colors.primary500};
+    box-shadow: 0 0 0 1px ${(props) => props.theme.colors.primary500};
+  }
+  
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+    background-color: ${(props) => props.theme.colors.neutral100};
+  }
+  
+  /* File input styles */
+  &::file-selector-button {
+    border: none;
+    background-color: transparent;
+    font-size: 14px;
+    font-weight: 500;
+  }
+`;
+const Input = forwardRef(
+  ({ type, onChange, onValueChange, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      StyledInput,
+      {
+        type,
+        onChange: (e) => {
+          onChange?.(e);
+          onValueChange?.(e.target.value);
+        },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
 const RepeatIcon = styled(Repeat)`
   width: 16px;
   height: 16px;

package/dist/_chunks/{SearchAndReplace-ipfd6Ouu.js → SearchAndReplace-Di3M0xJk.js}

@@ -3,11 +3,64 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-CpY6Lh1e.js");
-const designSystem = require("@strapi/design-system");
+const TiptapEditorInput = require("./TiptapEditorInput-BauNgrqs.js");
 const styled = require("styled-components");
+const designSystem = require("@strapi/design-system");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const StyledInput = styled__default.default.input`
+  display: flex;
+  width: 100%;
+  height: 40px;
+  border-radius: 4px;
+  border: 1px solid ${(props) => props.theme.colors.neutral300};
+  background-color: ${(props) => props.theme.colors.neutral0};
+  padding: 8px 12px;
+  font-size: 14px;
+  color: ${(props) => props.theme.colors.neutral800};
+  transition: all 0.2s ease-in-out;
+  
+  &::placeholder {
+    color: ${(props) => props.theme.colors.neutral500};
+  }
+  
+  &:focus-visible {
+    outline: none;
+    border-color: ${(props) => props.theme.colors.primary500};
+    box-shadow: 0 0 0 1px ${(props) => props.theme.colors.primary500};
+  }
+  
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+    background-color: ${(props) => props.theme.colors.neutral100};
+  }
+  
+  /* File input styles */
+  &::file-selector-button {
+    border: none;
+    background-color: transparent;
+    font-size: 14px;
+    font-weight: 500;
+  }
+`;
+const Input = React.forwardRef(
+  ({ type, onChange, onValueChange, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      StyledInput,
+      {
+        type,
+        onChange: (e) => {
+          onChange?.(e);
+          onValueChange?.(e.target.value);
+        },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
 const RepeatIcon = styled__default.default(lucideReact.Repeat)`
   width: 16px;
   height: 16px;
@@ -34,7 +87,7 @@ const SearchContainer = styled__default.default.div`
   gap: 6px;
   align-items: center;
 `;
-const SearchInput = styled__default.default(TiptapEditorInput.Input)`
+const SearchInput = styled__default.default(Input)`
   width: 192px;
 `;
 const ResultCount = styled__default.default.span`
@@ -260,7 +313,7 @@ function SearchAndReplaceToolbar() {
             /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(InputLabel, { children: "Search" }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                TiptapEditorInput.Input,
+                Input,
                 {
                   value: searchText,
                   onChange: (e) => {
@@ -278,7 +331,7 @@ function SearchAndReplaceToolbar() {
             /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(InputLabel, { children: "Replace with" }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                TiptapEditorInput.Input,
+                Input,
                 {
                   value: replaceText,
                   onChange: (e) => {

package/dist/_chunks/{Strikethrough-BL-4V6l-.mjs → Strikethrough-DAf74DHP.mjs}

@@ -2,7 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Underline, Strikethrough, Check } from "lucide-react";
 import { forwardRef } from "react";
 import styled from "styled-components";
-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-D5Pu919h.mjs";
+import { D as DropdownMenu, a as DropdownMenuTrigger, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./dropdown-menu-BlER-X6N.mjs";
+import { u as useEditorContext, a as Tooltip, b as TooltipTrigger, T as ToolbarButton, c as TooltipContent } from "./TiptapEditorInput-uebi893d.mjs";
 const DropdownMenuItemStyled = styled(DropdownMenuItem)`
   display: flex;
   align-items: center;