@ginia/ui 0.1.1

package/dist/components/ui/rich-text-editor/rich-text-editor.cjs

@@ -0,0 +1,294 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rich_text_editor_exports = {};
+__export(rich_text_editor_exports, {
+  RichTextEditor: () => RichTextEditor
+});
+module.exports = __toCommonJS(rich_text_editor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_react2 = require("@tiptap/react");
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
+var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"), 1);
+var import_extension_color = __toESM(require("@tiptap/extension-color"), 1);
+var import_extension_text_style = require("@tiptap/extension-text-style");
+var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
+var import_extension_link = __toESM(require("@tiptap/extension-link"), 1);
+var import_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"), 1);
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils");
+function ToolbarButton({
+  onClick,
+  children,
+  title,
+  isActive = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      title,
+      className: (0, import_utils.cn)(
+        "p-2 rounded transition-colors",
+        isActive ? "bg-primary text-primary-foreground" : "hover:bg-muted text-muted-foreground"
+      ),
+      children
+    }
+  );
+}
+function RichTextEditor({
+  value,
+  onChange,
+  placeholder = "Escribe aqu\xED...",
+  height = 200,
+  className = "",
+  readOnly = false
+}) {
+  const editor = (0, import_react2.useEditor)({
+    extensions: [
+      import_starter_kit.default,
+      import_extension_text_align.default.configure({
+        types: ["heading", "paragraph"]
+      }),
+      import_extension_color.default.configure({ types: [import_extension_text_style.TextStyle.name] }),
+      import_extension_text_style.TextStyle,
+      import_extension_image.default.configure({
+        HTMLAttributes: {
+          class: "max-w-full h-auto rounded-lg"
+        }
+      }),
+      import_extension_link.default.configure({
+        openOnClick: false
+      }),
+      import_extension_placeholder.default.configure({
+        placeholder
+      })
+    ],
+    content: value,
+    editable: !readOnly,
+    immediatelyRender: false,
+    onUpdate: ({ editor: e }) => {
+      onChange(e.getHTML());
+    },
+    editorProps: {
+      attributes: {
+        class: "prose prose-sm sm:prose lg:prose-lg xl:prose-2xl mx-auto focus:outline-none max-w-none",
+        style: `min-height: ${height}px;`
+      }
+    }
+  });
+  import_react.default.useEffect(() => {
+    if (editor && editor.getHTML() !== value) {
+      editor.commands.setContent(value);
+    }
+  }, [value, editor]);
+  if (!editor) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_utils.cn)(
+          "border border-border rounded-lg overflow-hidden",
+          className
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-32 bg-muted rounded animate-pulse flex items-center justify-center text-muted-foreground", children: "Cargando editor..." })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "data-slot": "rich-text-editor",
+      className: (0, import_utils.cn)(
+        "border border-border rounded-lg overflow-hidden",
+        className
+      ),
+      children: [
+        !readOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-b border-border bg-muted/50 p-2 flex flex-wrap gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+              title: "T\xEDtulo 1",
+              isActive: editor.isActive("heading", { level: 1 }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Heading1, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+              title: "T\xEDtulo 2",
+              isActive: editor.isActive("heading", { level: 2 }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Heading2, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+              title: "T\xEDtulo 3",
+              isActive: editor.isActive("heading", { level: 3 }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Heading3, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleBold().run(),
+              title: "Negrita",
+              isActive: editor.isActive("bold"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Bold, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleItalic().run(),
+              title: "Cursiva",
+              isActive: editor.isActive("italic"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Italic, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleStrike().run(),
+              title: "Tachado",
+              isActive: editor.isActive("strike"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Strikethrough, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "color",
+              className: "w-8 h-8 border border-border rounded cursor-pointer",
+              onChange: (e) => {
+                editor.chain().focus().setColor(e.target.value).run();
+              },
+              title: "Color del texto"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleBulletList().run(),
+              title: "Lista con vi\xF1etas",
+              isActive: editor.isActive("bulletList"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.List, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleOrderedList().run(),
+              title: "Lista numerada",
+              isActive: editor.isActive("orderedList"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ListOrdered, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().setTextAlign("left").run(),
+              title: "Alinear izquierda",
+              isActive: editor.isActive({ textAlign: "left" }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlignLeft, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().setTextAlign("center").run(),
+              title: "Centrar",
+              isActive: editor.isActive({ textAlign: "center" }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlignCenter, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().setTextAlign("right").run(),
+              title: "Alinear derecha",
+              isActive: editor.isActive({ textAlign: "right" }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlignRight, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => {
+                const url = prompt("Ingresa la URL:");
+                if (url) {
+                  editor.chain().focus().setLink({ href: url }).run();
+                }
+              },
+              title: "Insertar enlace",
+              isActive: editor.isActive("link"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Link, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => {
+                const url = prompt("Ingresa la URL de la imagen:");
+                if (url) {
+                  editor.chain().focus().setImage({ src: url }).run();
+                }
+              },
+              title: "Insertar imagen",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Image, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react2.EditorContent,
+          {
+            editor,
+            className: "prose prose-sm max-w-none p-3 bg-card",
+            style: { minHeight: `${height}px` }
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RichTextEditor
+});
+//# sourceMappingURL=rich-text-editor.cjs.map

package/dist/components/ui/rich-text-editor/rich-text-editor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport Color from \"@tiptap/extension-color\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport ImageExtension from \"@tiptap/extension-image\";\nimport LinkExtension from \"@tiptap/extension-link\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport {\n  Bold,\n  Italic,\n  Strikethrough,\n  List,\n  ListOrdered,\n  Link,\n  AlignLeft,\n  AlignCenter,\n  AlignRight,\n  Image as ImageIcon,\n  Heading1,\n  Heading2,\n  Heading3,\n} from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\n\ninterface RichTextEditorProps {\n  value: string;\n  onChange: (content: string) => void;\n  placeholder?: string;\n  height?: number;\n  className?: string;\n  readOnly?: boolean;\n}\n\nfunction ToolbarButton({\n  onClick,\n  children,\n  title,\n  isActive = false,\n}: {\n  onClick: () => void;\n  children: React.ReactNode;\n  title: string;\n  isActive?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      title={title}\n      className={cn(\n        \"p-2 rounded transition-colors\",\n        isActive\n          ? \"bg-primary text-primary-foreground\"\n          : \"hover:bg-muted text-muted-foreground\"\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction RichTextEditor({\n  value,\n  onChange,\n  placeholder = \"Escribe aquí...\",\n  height = 200,\n  className = \"\",\n  readOnly = false,\n}: RichTextEditorProps) {\n  const editor = useEditor({\n    extensions: [\n      StarterKit,\n      TextAlign.configure({\n        types: [\"heading\", \"paragraph\"],\n      }),\n      Color.configure({ types: [TextStyle.name] }),\n      TextStyle,\n      ImageExtension.configure({\n        HTMLAttributes: {\n          class: \"max-w-full h-auto rounded-lg\",\n        },\n      }),\n      LinkExtension.configure({\n        openOnClick: false,\n      }),\n      Placeholder.configure({\n        placeholder: placeholder,\n      }),\n    ],\n    content: value,\n    editable: !readOnly,\n    immediatelyRender: false,\n    onUpdate: ({ editor: e }) => {\n      onChange(e.getHTML());\n    },\n    editorProps: {\n      attributes: {\n        class:\n          \"prose prose-sm sm:prose lg:prose-lg xl:prose-2xl mx-auto focus:outline-none max-w-none\",\n        style: `min-height: ${height}px;`,\n      },\n    },\n  });\n\n  React.useEffect(() => {\n    if (editor && editor.getHTML() !== value) {\n      editor.commands.setContent(value);\n    }\n  }, [value, editor]);\n\n  if (!editor) {\n    return (\n      <div\n        className={cn(\n          \"border border-border rounded-lg overflow-hidden\",\n          className\n        )}\n      >\n        <div className=\"h-32 bg-muted rounded animate-pulse flex items-center justify-center text-muted-foreground\">\n          Cargando editor...\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"rich-text-editor\"\n      className={cn(\n        \"border border-border rounded-lg overflow-hidden\",\n        className\n      )}\n    >\n      {!readOnly && (\n        <div className=\"border-b border-border bg-muted/50 p-2 flex flex-wrap gap-1\">\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().toggleHeading({ level: 1 }).run()\n            }\n            title=\"Título 1\"\n            isActive={editor.isActive(\"heading\", { level: 1 })}\n          >\n            <Heading1 className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().toggleHeading({ level: 2 }).run()\n            }\n            title=\"Título 2\"\n            isActive={editor.isActive(\"heading\", { level: 2 })}\n          >\n            <Heading2 className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().toggleHeading({ level: 3 }).run()\n            }\n            title=\"Título 3\"\n            isActive={editor.isActive(\"heading\", { level: 3 })}\n          >\n            <Heading3 className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleBold().run()}\n            title=\"Negrita\"\n            isActive={editor.isActive(\"bold\")}\n          >\n            <Bold className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleItalic().run()}\n            title=\"Cursiva\"\n            isActive={editor.isActive(\"italic\")}\n          >\n            <Italic className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleStrike().run()}\n            title=\"Tachado\"\n            isActive={editor.isActive(\"strike\")}\n          >\n            <Strikethrough className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <div className=\"relative\">\n            <input\n              type=\"color\"\n              className=\"w-8 h-8 border border-border rounded cursor-pointer\"\n              onChange={(e) => {\n                editor.chain().focus().setColor(e.target.value).run();\n              }}\n              title=\"Color del texto\"\n            />\n          </div>\n\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleBulletList().run()}\n            title=\"Lista con viñetas\"\n            isActive={editor.isActive(\"bulletList\")}\n          >\n            <List className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleOrderedList().run()}\n            title=\"Lista numerada\"\n            isActive={editor.isActive(\"orderedList\")}\n          >\n            <ListOrdered className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().setTextAlign(\"left\").run()\n            }\n            title=\"Alinear izquierda\"\n            isActive={editor.isActive({ textAlign: \"left\" })}\n          >\n            <AlignLeft className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().setTextAlign(\"center\").run()\n            }\n            title=\"Centrar\"\n            isActive={editor.isActive({ textAlign: \"center\" })}\n          >\n            <AlignCenter className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().setTextAlign(\"right\").run()\n            }\n            title=\"Alinear derecha\"\n            isActive={editor.isActive({ textAlign: \"right\" })}\n          >\n            <AlignRight className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <ToolbarButton\n            onClick={() => {\n              const url = prompt(\"Ingresa la URL:\");\n              if (url) {\n                editor.chain().focus().setLink({ href: url }).run();\n              }\n            }}\n            title=\"Insertar enlace\"\n            isActive={editor.isActive(\"link\")}\n          >\n            <Link className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => {\n              const url = prompt(\"Ingresa la URL de la imagen:\");\n              if (url) {\n                editor.chain().focus().setImage({ src: url }).run();\n              }\n            }}\n            title=\"Insertar imagen\"\n          >\n            <ImageIcon className=\"w-4 h-4\" />\n          </ToolbarButton>\n        </div>\n      )}\n      <EditorContent\n        editor={editor}\n        className=\"prose prose-sm max-w-none p-3 bg-card\"\n        style={{ minHeight: `${height}px` }}\n      />\n    </div>\n  );\n}\n\nexport { RichTextEditor };\nexport type { RichTextEditorProps };\n"],"mappings":"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","names":["import_react","StarterKit","TextAlign","Color","ImageExtension","LinkExtension","Placeholder","React","ImageIcon"]}

package/dist/components/ui/rich-text-editor/rich-text-editor.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface RichTextEditorProps {
+    value: string;
+    onChange: (content: string) => void;
+    placeholder?: string;
+    height?: number;
+    className?: string;
+    readOnly?: boolean;
+}
+declare function RichTextEditor({ value, onChange, placeholder, height, className, readOnly, }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
+
+export { RichTextEditor, type RichTextEditorProps };

package/dist/components/ui/rich-text-editor/rich-text-editor.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface RichTextEditorProps {
+    value: string;
+    onChange: (content: string) => void;
+    placeholder?: string;
+    height?: number;
+    className?: string;
+    readOnly?: boolean;
+}
+declare function RichTextEditor({ value, onChange, placeholder, height, className, readOnly, }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
+
+export { RichTextEditor, type RichTextEditorProps };

package/dist/components/ui/rich-text-editor/rich-text-editor.js

@@ -0,0 +1,274 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import TextAlign from "@tiptap/extension-text-align";
+import Color from "@tiptap/extension-color";
+import { TextStyle } from "@tiptap/extension-text-style";
+import ImageExtension from "@tiptap/extension-image";
+import LinkExtension from "@tiptap/extension-link";
+import Placeholder from "@tiptap/extension-placeholder";
+import {
+  Bold,
+  Italic,
+  Strikethrough,
+  List,
+  ListOrdered,
+  Link,
+  AlignLeft,
+  AlignCenter,
+  AlignRight,
+  Image as ImageIcon,
+  Heading1,
+  Heading2,
+  Heading3
+} from "lucide-react";
+import { cn } from "../../../lib/utils";
+function ToolbarButton({
+  onClick,
+  children,
+  title,
+  isActive = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      title,
+      className: cn(
+        "p-2 rounded transition-colors",
+        isActive ? "bg-primary text-primary-foreground" : "hover:bg-muted text-muted-foreground"
+      ),
+      children
+    }
+  );
+}
+function RichTextEditor({
+  value,
+  onChange,
+  placeholder = "Escribe aqu\xED...",
+  height = 200,
+  className = "",
+  readOnly = false
+}) {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      TextAlign.configure({
+        types: ["heading", "paragraph"]
+      }),
+      Color.configure({ types: [TextStyle.name] }),
+      TextStyle,
+      ImageExtension.configure({
+        HTMLAttributes: {
+          class: "max-w-full h-auto rounded-lg"
+        }
+      }),
+      LinkExtension.configure({
+        openOnClick: false
+      }),
+      Placeholder.configure({
+        placeholder
+      })
+    ],
+    content: value,
+    editable: !readOnly,
+    immediatelyRender: false,
+    onUpdate: ({ editor: e }) => {
+      onChange(e.getHTML());
+    },
+    editorProps: {
+      attributes: {
+        class: "prose prose-sm sm:prose lg:prose-lg xl:prose-2xl mx-auto focus:outline-none max-w-none",
+        style: `min-height: ${height}px;`
+      }
+    }
+  });
+  React.useEffect(() => {
+    if (editor && editor.getHTML() !== value) {
+      editor.commands.setContent(value);
+    }
+  }, [value, editor]);
+  if (!editor) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "border border-border rounded-lg overflow-hidden",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "h-32 bg-muted rounded animate-pulse flex items-center justify-center text-muted-foreground", children: "Cargando editor..." })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "rich-text-editor",
+      className: cn(
+        "border border-border rounded-lg overflow-hidden",
+        className
+      ),
+      children: [
+        !readOnly && /* @__PURE__ */ jsxs("div", { className: "border-b border-border bg-muted/50 p-2 flex flex-wrap gap-1", children: [
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+              title: "T\xEDtulo 1",
+              isActive: editor.isActive("heading", { level: 1 }),
+              children: /* @__PURE__ */ jsx(Heading1, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+              title: "T\xEDtulo 2",
+              isActive: editor.isActive("heading", { level: 2 }),
+              children: /* @__PURE__ */ jsx(Heading2, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+              title: "T\xEDtulo 3",
+              isActive: editor.isActive("heading", { level: 3 }),
+              children: /* @__PURE__ */ jsx(Heading3, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleBold().run(),
+              title: "Negrita",
+              isActive: editor.isActive("bold"),
+              children: /* @__PURE__ */ jsx(Bold, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleItalic().run(),
+              title: "Cursiva",
+              isActive: editor.isActive("italic"),
+              children: /* @__PURE__ */ jsx(Italic, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleStrike().run(),
+              title: "Tachado",
+              isActive: editor.isActive("strike"),
+              children: /* @__PURE__ */ jsx(Strikethrough, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "color",
+              className: "w-8 h-8 border border-border rounded cursor-pointer",
+              onChange: (e) => {
+                editor.chain().focus().setColor(e.target.value).run();
+              },
+              title: "Color del texto"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleBulletList().run(),
+              title: "Lista con vi\xF1etas",
+              isActive: editor.isActive("bulletList"),
+              children: /* @__PURE__ */ jsx(List, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleOrderedList().run(),
+              title: "Lista numerada",
+              isActive: editor.isActive("orderedList"),
+              children: /* @__PURE__ */ jsx(ListOrdered, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().setTextAlign("left").run(),
+              title: "Alinear izquierda",
+              isActive: editor.isActive({ textAlign: "left" }),
+              children: /* @__PURE__ */ jsx(AlignLeft, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().setTextAlign("center").run(),
+              title: "Centrar",
+              isActive: editor.isActive({ textAlign: "center" }),
+              children: /* @__PURE__ */ jsx(AlignCenter, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().setTextAlign("right").run(),
+              title: "Alinear derecha",
+              isActive: editor.isActive({ textAlign: "right" }),
+              children: /* @__PURE__ */ jsx(AlignRight, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => {
+                const url = prompt("Ingresa la URL:");
+                if (url) {
+                  editor.chain().focus().setLink({ href: url }).run();
+                }
+              },
+              title: "Insertar enlace",
+              isActive: editor.isActive("link"),
+              children: /* @__PURE__ */ jsx(Link, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              onClick: () => {
+                const url = prompt("Ingresa la URL de la imagen:");
+                if (url) {
+                  editor.chain().focus().setImage({ src: url }).run();
+                }
+              },
+              title: "Insertar imagen",
+              children: /* @__PURE__ */ jsx(ImageIcon, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          EditorContent,
+          {
+            editor,
+            className: "prose prose-sm max-w-none p-3 bg-card",
+            style: { minHeight: `${height}px` }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  RichTextEditor
+};
+//# sourceMappingURL=rich-text-editor.js.map

package/dist/components/ui/rich-text-editor/rich-text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport Color from \"@tiptap/extension-color\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport ImageExtension from \"@tiptap/extension-image\";\nimport LinkExtension from \"@tiptap/extension-link\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport {\n  Bold,\n  Italic,\n  Strikethrough,\n  List,\n  ListOrdered,\n  Link,\n  AlignLeft,\n  AlignCenter,\n  AlignRight,\n  Image as ImageIcon,\n  Heading1,\n  Heading2,\n  Heading3,\n} from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\n\ninterface RichTextEditorProps {\n  value: string;\n  onChange: (content: string) => void;\n  placeholder?: string;\n  height?: number;\n  className?: string;\n  readOnly?: boolean;\n}\n\nfunction ToolbarButton({\n  onClick,\n  children,\n  title,\n  isActive = false,\n}: {\n  onClick: () => void;\n  children: React.ReactNode;\n  title: string;\n  isActive?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      title={title}\n      className={cn(\n        \"p-2 rounded transition-colors\",\n        isActive\n          ? \"bg-primary text-primary-foreground\"\n          : \"hover:bg-muted text-muted-foreground\"\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction RichTextEditor({\n  value,\n  onChange,\n  placeholder = \"Escribe aquí...\",\n  height = 200,\n  className = \"\",\n  readOnly = false,\n}: RichTextEditorProps) {\n  const editor = useEditor({\n    extensions: [\n      StarterKit,\n      TextAlign.configure({\n        types: [\"heading\", \"paragraph\"],\n      }),\n      Color.configure({ types: [TextStyle.name] }),\n      TextStyle,\n      ImageExtension.configure({\n        HTMLAttributes: {\n          class: \"max-w-full h-auto rounded-lg\",\n        },\n      }),\n      LinkExtension.configure({\n        openOnClick: false,\n      }),\n      Placeholder.configure({\n        placeholder: placeholder,\n      }),\n    ],\n    content: value,\n    editable: !readOnly,\n    immediatelyRender: false,\n    onUpdate: ({ editor: e }) => {\n      onChange(e.getHTML());\n    },\n    editorProps: {\n      attributes: {\n        class:\n          \"prose prose-sm sm:prose lg:prose-lg xl:prose-2xl mx-auto focus:outline-none max-w-none\",\n        style: `min-height: ${height}px;`,\n      },\n    },\n  });\n\n  React.useEffect(() => {\n    if (editor && editor.getHTML() !== value) {\n      editor.commands.setContent(value);\n    }\n  }, [value, editor]);\n\n  if (!editor) {\n    return (\n      <div\n        className={cn(\n          \"border border-border rounded-lg overflow-hidden\",\n          className\n        )}\n      >\n        <div className=\"h-32 bg-muted rounded animate-pulse flex items-center justify-center text-muted-foreground\">\n          Cargando editor...\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"rich-text-editor\"\n      className={cn(\n        \"border border-border rounded-lg overflow-hidden\",\n        className\n      )}\n    >\n      {!readOnly && (\n        <div className=\"border-b border-border bg-muted/50 p-2 flex flex-wrap gap-1\">\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().toggleHeading({ level: 1 }).run()\n            }\n            title=\"Título 1\"\n            isActive={editor.isActive(\"heading\", { level: 1 })}\n          >\n            <Heading1 className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().toggleHeading({ level: 2 }).run()\n            }\n            title=\"Título 2\"\n            isActive={editor.isActive(\"heading\", { level: 2 })}\n          >\n            <Heading2 className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().toggleHeading({ level: 3 }).run()\n            }\n            title=\"Título 3\"\n            isActive={editor.isActive(\"heading\", { level: 3 })}\n          >\n            <Heading3 className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleBold().run()}\n            title=\"Negrita\"\n            isActive={editor.isActive(\"bold\")}\n          >\n            <Bold className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleItalic().run()}\n            title=\"Cursiva\"\n            isActive={editor.isActive(\"italic\")}\n          >\n            <Italic className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleStrike().run()}\n            title=\"Tachado\"\n            isActive={editor.isActive(\"strike\")}\n          >\n            <Strikethrough className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <div className=\"relative\">\n            <input\n              type=\"color\"\n              className=\"w-8 h-8 border border-border rounded cursor-pointer\"\n              onChange={(e) => {\n                editor.chain().focus().setColor(e.target.value).run();\n              }}\n              title=\"Color del texto\"\n            />\n          </div>\n\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleBulletList().run()}\n            title=\"Lista con viñetas\"\n            isActive={editor.isActive(\"bulletList\")}\n          >\n            <List className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleOrderedList().run()}\n            title=\"Lista numerada\"\n            isActive={editor.isActive(\"orderedList\")}\n          >\n            <ListOrdered className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().setTextAlign(\"left\").run()\n            }\n            title=\"Alinear izquierda\"\n            isActive={editor.isActive({ textAlign: \"left\" })}\n          >\n            <AlignLeft className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().setTextAlign(\"center\").run()\n            }\n            title=\"Centrar\"\n            isActive={editor.isActive({ textAlign: \"center\" })}\n          >\n            <AlignCenter className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() =>\n              editor.chain().focus().setTextAlign(\"right\").run()\n            }\n            title=\"Alinear derecha\"\n            isActive={editor.isActive({ textAlign: \"right\" })}\n          >\n            <AlignRight className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <div className=\"w-px h-6 bg-border mx-1\" />\n\n          <ToolbarButton\n            onClick={() => {\n              const url = prompt(\"Ingresa la URL:\");\n              if (url) {\n                editor.chain().focus().setLink({ href: url }).run();\n              }\n            }}\n            title=\"Insertar enlace\"\n            isActive={editor.isActive(\"link\")}\n          >\n            <Link className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => {\n              const url = prompt(\"Ingresa la URL de la imagen:\");\n              if (url) {\n                editor.chain().focus().setImage({ src: url }).run();\n              }\n            }}\n            title=\"Insertar imagen\"\n          >\n            <ImageIcon className=\"w-4 h-4\" />\n          </ToolbarButton>\n        </div>\n      )}\n      <EditorContent\n        editor={editor}\n        className=\"prose prose-sm max-w-none p-3 bg-card\"\n        style={{ minHeight: `${height}px` }}\n      />\n    </div>\n  );\n}\n\nexport { RichTextEditor };\nexport type { RichTextEditorProps };\n"],"mappings":"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","names":[]}