@ginia/ui 0.1.19 → 0.1.20

package/dist/index.d.cts

@@ -44,7 +44,7 @@ export { Popover, PopoverContent, PopoverTrigger } from './components/ui/popover
 export { Progress, ProgressProps } from './components/ui/progress/progress.cjs';
 export { RadioGroup, RadioGroupItem } from './components/ui/radio-group/radio-group.cjs';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './components/ui/resizable/resizable.cjs';
-export { RichTextEditor, RichTextEditorProps } from './components/ui/rich-text-editor/rich-text-editor.cjs';
+export { RichTextEditor, RichTextEditorProps } from './components/ui/index.cjs';
 export { ScrollArea, ScrollBar } from './components/ui/scroll-area/scroll-area.cjs';
 export { SectionLoader, SectionLoaderProps, TabLoadingState, TabLoadingStateProps } from './components/ui/section-loader/section-loader.cjs';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/ui/select/select.cjs';

package/dist/index.d.ts

@@ -44,7 +44,7 @@ export { Popover, PopoverContent, PopoverTrigger } from './components/ui/popover
 export { Progress, ProgressProps } from './components/ui/progress/progress.js';
 export { RadioGroup, RadioGroupItem } from './components/ui/radio-group/radio-group.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './components/ui/resizable/resizable.js';
-export { RichTextEditor, RichTextEditorProps } from './components/ui/rich-text-editor/rich-text-editor.js';
+export { RichTextEditor, RichTextEditorProps } from './components/ui/index.js';
 export { ScrollArea, ScrollBar } from './components/ui/scroll-area/scroll-area.js';
 export { SectionLoader, SectionLoaderProps, TabLoadingState, TabLoadingStateProps } from './components/ui/section-loader/section-loader.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/ui/select/select.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ginia/ui",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "Ginia Design System — Unified UI component library for all Ginia hubs",
   "license": "MIT",
   "private": false,

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

@@ -1,2 +0,0 @@
-export { RichTextEditor, RichTextEditorProps } from './rich-text-editor.cjs';
-import 'react/jsx-runtime';

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

@@ -1,2 +0,0 @@
-export { RichTextEditor, RichTextEditorProps } from './rich-text-editor.js';
-import 'react/jsx-runtime';

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

@@ -1,282 +0,0 @@
-"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)(
-        "rounded p-2 transition-colors",
-        isActive ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"
-      ),
-      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 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)("overflow-hidden rounded-lg border border-border", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-32 animate-pulse items-center justify-center rounded bg-muted text-muted-foreground", children: "Cargando editor..." }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      "data-slot": "rich-text-editor",
-      className: (0, import_utils.cn)("overflow-hidden rounded-lg border border-border", className),
-      children: [
-        !readOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap gap-1 border-b border-border bg-muted/50 p-2", 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: "h-4 w-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: "h-4 w-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: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__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: "h-4 w-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: "h-4 w-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: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "input",
-            {
-              type: "color",
-              className: "h-8 w-8 cursor-pointer rounded border border-border",
-              onChange: (e) => {
-                editor.chain().focus().setColor(e.target.value).run();
-              },
-              title: "Color del texto"
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__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: "h-4 w-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: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__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: "h-4 w-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: "h-4 w-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: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__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: "h-4 w-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: "h-4 w-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_react2.EditorContent,
-          {
-            editor,
-            className: "prose prose-sm max-w-none bg-card p-3",
-            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

@@ -1 +0,0 @@
-{"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        \"rounded p-2 transition-colors\",\n        isActive ? \"bg-primary text-primary-foreground\" : \"text-muted-foreground hover:bg-muted\",\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 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 className={cn(\"overflow-hidden rounded-lg border border-border\", className)}>\n        <div className=\"flex h-32 animate-pulse items-center justify-center rounded bg-muted 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(\"overflow-hidden rounded-lg border border-border\", className)}\n    >\n      {!readOnly && (\n        <div className=\"flex flex-wrap gap-1 border-b border-border bg-muted/50 p-2\">\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}\n            title=\"Título 1\"\n            isActive={editor.isActive(\"heading\", { level: 1 })}\n          >\n            <Heading1 className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n            title=\"Título 2\"\n            isActive={editor.isActive(\"heading\", { level: 2 })}\n          >\n            <Heading2 className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}\n            title=\"Título 3\"\n            isActive={editor.isActive(\"heading\", { level: 3 })}\n          >\n            <Heading3 className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <div className=\"mx-1 h-6 w-px bg-border\" />\n\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleBold().run()}\n            title=\"Negrita\"\n            isActive={editor.isActive(\"bold\")}\n          >\n            <Bold className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleItalic().run()}\n            title=\"Cursiva\"\n            isActive={editor.isActive(\"italic\")}\n          >\n            <Italic className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().toggleStrike().run()}\n            title=\"Tachado\"\n            isActive={editor.isActive(\"strike\")}\n          >\n            <Strikethrough className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <div className=\"mx-1 h-6 w-px bg-border\" />\n\n          <div className=\"relative\">\n            <input\n              type=\"color\"\n              className=\"h-8 w-8 cursor-pointer rounded border border-border\"\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=\"mx-1 h-6 w-px bg-border\" />\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=\"h-4 w-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=\"h-4 w-4\" />\n          </ToolbarButton>\n          <div className=\"mx-1 h-6 w-px bg-border\" />\n\n          <ToolbarButton\n            onClick={() => editor.chain().focus().setTextAlign(\"left\").run()}\n            title=\"Alinear izquierda\"\n            isActive={editor.isActive({ textAlign: \"left\" })}\n          >\n            <AlignLeft className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().setTextAlign(\"center\").run()}\n            title=\"Centrar\"\n            isActive={editor.isActive({ textAlign: \"center\" })}\n          >\n            <AlignCenter className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <ToolbarButton\n            onClick={() => editor.chain().focus().setTextAlign(\"right\").run()}\n            title=\"Alinear derecha\"\n            isActive={editor.isActive({ textAlign: \"right\" })}\n          >\n            <AlignRight className=\"h-4 w-4\" />\n          </ToolbarButton>\n          <div className=\"mx-1 h-6 w-px bg-border\" />\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=\"h-4 w-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=\"h-4 w-4\" />\n          </ToolbarButton>\n        </div>\n      )}\n      <EditorContent\n        editor={editor}\n        className=\"prose prose-sm max-w-none bg-card p-3\"\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

@@ -1,13 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,262 +0,0 @@
-"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(
-        "rounded p-2 transition-colors",
-        isActive ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"
-      ),
-      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 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("overflow-hidden rounded-lg border border-border", className), children: /* @__PURE__ */ jsx("div", { className: "flex h-32 animate-pulse items-center justify-center rounded bg-muted text-muted-foreground", children: "Cargando editor..." }) });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "rich-text-editor",
-      className: cn("overflow-hidden rounded-lg border border-border", className),
-      children: [
-        !readOnly && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1 border-b border-border bg-muted/50 p-2", 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: "h-4 w-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: "h-4 w-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: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              onClick: () => editor.chain().focus().toggleBold().run(),
-              title: "Negrita",
-              isActive: editor.isActive("bold"),
-              children: /* @__PURE__ */ jsx(Bold, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              onClick: () => editor.chain().focus().toggleItalic().run(),
-              title: "Cursiva",
-              isActive: editor.isActive("italic"),
-              children: /* @__PURE__ */ jsx(Italic, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              onClick: () => editor.chain().focus().toggleStrike().run(),
-              title: "Tachado",
-              isActive: editor.isActive("strike"),
-              children: /* @__PURE__ */ jsx(Strikethrough, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "color",
-              className: "h-8 w-8 cursor-pointer rounded border border-border",
-              onChange: (e) => {
-                editor.chain().focus().setColor(e.target.value).run();
-              },
-              title: "Color del texto"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              onClick: () => editor.chain().focus().toggleBulletList().run(),
-              title: "Lista con vi\xF1etas",
-              isActive: editor.isActive("bulletList"),
-              children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              onClick: () => editor.chain().focus().toggleOrderedList().run(),
-              title: "Lista numerada",
-              isActive: editor.isActive("orderedList"),
-              children: /* @__PURE__ */ jsx(ListOrdered, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              onClick: () => editor.chain().focus().setTextAlign("left").run(),
-              title: "Alinear izquierda",
-              isActive: editor.isActive({ textAlign: "left" }),
-              children: /* @__PURE__ */ jsx(AlignLeft, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              onClick: () => editor.chain().focus().setTextAlign("center").run(),
-              title: "Centrar",
-              isActive: editor.isActive({ textAlign: "center" }),
-              children: /* @__PURE__ */ jsx(AlignCenter, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              onClick: () => editor.chain().focus().setTextAlign("right").run(),
-              title: "Alinear derecha",
-              isActive: editor.isActive({ textAlign: "right" }),
-              children: /* @__PURE__ */ jsx(AlignRight, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-          /* @__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: "h-4 w-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: "h-4 w-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          EditorContent,
-          {
-            editor,
-            className: "prose prose-sm max-w-none bg-card p-3",
-            style: { minHeight: `${height}px` }
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  RichTextEditor
-};
-//# sourceMappingURL=rich-text-editor.js.map