@ginia/ui 0.1.1 → 0.1.3

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

@@ -1 +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"]}
+{"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 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 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.js

@@ -38,8 +38,8 @@ function ToolbarButton({
       onClick,
       title,
       className: cn(
-        "p-2 rounded transition-colors",
-        isActive ? "bg-primary text-primary-foreground" : "hover:bg-muted text-muted-foreground"
+        "rounded p-2 transition-colors",
+        isActive ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"
       ),
       children
     }
@@ -92,34 +92,22 @@ function RichTextEditor({
     }
   }, [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__ */ 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(
-        "border border-border rounded-lg overflow-hidden",
-        className
-      ),
+      className: cn("overflow-hidden rounded-lg border border-border", className),
       children: [
-        !readOnly && /* @__PURE__ */ jsxs("div", { className: "border-b border-border bg-muted/50 p-2 flex flex-wrap gap-1", 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: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(Heading1, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -128,7 +116,7 @@ function RichTextEditor({
               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" })
+              children: /* @__PURE__ */ jsx(Heading2, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -137,17 +125,17 @@ function RichTextEditor({
               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" })
+              children: /* @__PURE__ */ jsx(Heading3, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__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: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(Bold, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -156,7 +144,7 @@ function RichTextEditor({
               onClick: () => editor.chain().focus().toggleItalic().run(),
               title: "Cursiva",
               isActive: editor.isActive("italic"),
-              children: /* @__PURE__ */ jsx(Italic, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(Italic, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -165,29 +153,29 @@ function RichTextEditor({
               onClick: () => editor.chain().focus().toggleStrike().run(),
               title: "Tachado",
               isActive: editor.isActive("strike"),
-              children: /* @__PURE__ */ jsx(Strikethrough, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(Strikethrough, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
           /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
             "input",
             {
               type: "color",
-              className: "w-8 h-8 border border-border rounded cursor-pointer",
+              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: "w-px h-6 bg-border mx-1" }),
+          /* @__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: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -196,17 +184,17 @@ function RichTextEditor({
               onClick: () => editor.chain().focus().toggleOrderedList().run(),
               title: "Lista numerada",
               isActive: editor.isActive("orderedList"),
-              children: /* @__PURE__ */ jsx(ListOrdered, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(ListOrdered, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__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: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(AlignLeft, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -215,7 +203,7 @@ function RichTextEditor({
               onClick: () => editor.chain().focus().setTextAlign("center").run(),
               title: "Centrar",
               isActive: editor.isActive({ textAlign: "center" }),
-              children: /* @__PURE__ */ jsx(AlignCenter, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(AlignCenter, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -224,10 +212,10 @@ function RichTextEditor({
               onClick: () => editor.chain().focus().setTextAlign("right").run(),
               title: "Alinear derecha",
               isActive: editor.isActive({ textAlign: "right" }),
-              children: /* @__PURE__ */ jsx(AlignRight, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(AlignRight, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+          /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
           /* @__PURE__ */ jsx(
             ToolbarButton,
             {
@@ -239,7 +227,7 @@ function RichTextEditor({
               },
               title: "Insertar enlace",
               isActive: editor.isActive("link"),
-              children: /* @__PURE__ */ jsx(Link, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(Link, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -252,7 +240,7 @@ function RichTextEditor({
                 }
               },
               title: "Insertar imagen",
-              children: /* @__PURE__ */ jsx(ImageIcon, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -260,7 +248,7 @@ function RichTextEditor({
           EditorContent,
           {
             editor,
-            className: "prose prose-sm max-w-none p-3 bg-card",
+            className: "prose prose-sm max-w-none bg-card p-3",
             style: { minHeight: `${height}px` }
           }
         )

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

@@ -1 +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":[]}
+{"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 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 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":[]}

package/dist/components/ui/scroll-area/scroll-area.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst ScrollArea = React.forwardRef<\n    React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n    React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n    <ScrollAreaPrimitive.Root\n        ref={ref}\n        className={cn(\"relative overflow-hidden\", className)}\n        {...props}\n    >\n        <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n            {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollBar />\n        <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n    React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n    React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n        ref={ref}\n        orientation={orientation}\n        className={cn(\n            \"flex touch-none select-none transition-colors\",\n            orientation === \"vertical\" &&\n            \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n            orientation === \"horizontal\" &&\n            \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n            className\n        )}\n        {...props}\n    >\n        <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AATJ,YAAuB;AACvB,0BAAqC;AAErC,mBAAmB;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACG;AAAA,IACA,eAAW,iBAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,kDAAC,oBAAoB,UAApB,EAA6B,WAAU,mCACnC,UACL;AAAA,MACA,4CAAC,aAAU;AAAA,MACX,4CAAC,oBAAoB,QAApB,EAA2B;AAAA;AAAA;AAChC,CACH;AACD,WAAW,cAAc,oBAAoB,KAAK;AAElD,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QAClD;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACG;AAAA,IACA;AAAA,IACA,eAAW;AAAA,MACP;AAAA,MACA,gBAAgB,cAChB;AAAA,MACA,gBAAgB,gBAChB;AAAA,MACA;AAAA,IACJ;AAAA,IACC,GAAG;AAAA,IAEJ,sDAAC,oBAAoB,iBAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC5F,CACH;AACD,UAAU,cAAc,oBAAoB,oBAAoB;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;AATF,YAAuB;AACvB,0BAAqC;AAErC,mBAAmB;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,eAAW,iBAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,kDAAC,oBAAoB,UAApB,EAA6B,WAAU,mCACrC,UACH;AAAA,MACA,4CAAC,aAAU;AAAA,MACX,4CAAC,oBAAoB,QAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAc,oBAAoB,KAAK;AAElD,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cAAc;AAAA,MAC9B,gBAAgB,gBAAgB;AAAA,MAChC;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,sDAAC,oBAAoB,iBAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC1F,CACD;AACD,UAAU,cAAc,oBAAoB,oBAAoB;","names":[]}

package/dist/components/ui/scroll-area/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst ScrollArea = React.forwardRef<\n    React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n    React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n    <ScrollAreaPrimitive.Root\n        ref={ref}\n        className={cn(\"relative overflow-hidden\", className)}\n        {...props}\n    >\n        <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n            {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollBar />\n        <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n    React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n    React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n        ref={ref}\n        orientation={orientation}\n        className={cn(\n            \"flex touch-none select-none transition-colors\",\n            orientation === \"vertical\" &&\n            \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n            orientation === \"horizontal\" &&\n            \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n            className\n        )}\n        {...props}\n    >\n        <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";AAWI,SAKI,KALJ;AATJ,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAErC,SAAS,UAAU;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACG;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,0BAAC,oBAAoB,UAApB,EAA6B,WAAU,mCACnC,UACL;AAAA,MACA,oBAAC,aAAU;AAAA,MACX,oBAAC,oBAAoB,QAApB,EAA2B;AAAA;AAAA;AAChC,CACH;AACD,WAAW,cAAc,oBAAoB,KAAK;AAElD,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QAClD;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACG;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACP;AAAA,MACA,gBAAgB,cAChB;AAAA,MACA,gBAAgB,gBAChB;AAAA,MACA;AAAA,IACJ;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,oBAAoB,iBAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC5F,CACH;AACD,UAAU,cAAc,oBAAoB,oBAAoB;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";AAWE,SAKE,KALF;AATF,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAErC,SAAS,UAAU;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,0BAAC,oBAAoB,UAApB,EAA6B,WAAU,mCACrC,UACH;AAAA,MACA,oBAAC,aAAU;AAAA,MACX,oBAAC,oBAAoB,QAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAc,oBAAoB,KAAK;AAElD,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cAAc;AAAA,MAC9B,gBAAgB,gBAAgB;AAAA,MAChC;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,oBAAoB,iBAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC1F,CACD;AACD,UAAU,cAAc,oBAAoB,oBAAoB;","names":[]}

package/dist/components/ui/section-loader/section-loader.cjs

@@ -37,27 +37,16 @@ function SectionLoader({
     "div",
     {
       "data-slot": "section-loader",
-      className: (0, import_utils.cn)(
-        "flex flex-col items-center justify-center py-12 space-y-4",
-        className
-      ),
+      className: (0, import_utils.cn)("flex flex-col items-center justify-center space-y-4 py-12", className),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-6 w-6 animate-spin text-primary" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-lg font-semibold text-foreground/70", children: title })
         ] }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground text-center max-w-md", children: description }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "max-w-md text-center text-sm text-muted-foreground", children: description }),
         showProgress && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full max-w-xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_progress.Progress,
-            {
-              value: progressValue,
-              size: "md",
-              variant: "default",
-              className: "mb-2"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.Progress, { value: progressValue, size: "md", variant: "default", className: "mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-center text-xs text-muted-foreground", children: [
             progressValue,
             "% completado"
           ] })

package/dist/components/ui/section-loader/section-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/section-loader/section-loader.tsx"],"sourcesContent":["import { Loader2 } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Progress } from \"../progress\";\n\ninterface SectionLoaderProps {\n  title?: string;\n  description?: string;\n  showProgress?: boolean;\n  progressValue?: number;\n  className?: string;\n}\n\nfunction SectionLoader({\n  title = \"Cargando...\",\n  description,\n  showProgress = false,\n  progressValue = 0,\n  className = \"\",\n}: SectionLoaderProps) {\n  return (\n    <div\n      data-slot=\"section-loader\"\n      className={cn(\n        \"flex flex-col items-center justify-center py-12 space-y-4\",\n        className\n      )}\n    >\n      <div className=\"flex items-center space-x-3\">\n        <Loader2 className=\"h-6 w-6 animate-spin text-primary\" />\n        <h3 className=\"text-lg font-semibold text-foreground/70\">{title}</h3>\n      </div>\n\n      {description && (\n        <p className=\"text-sm text-muted-foreground text-center max-w-md\">\n          {description}\n        </p>\n      )}\n\n      {showProgress && (\n        <div className=\"w-full max-w-xs\">\n          <Progress\n            value={progressValue}\n            size=\"md\"\n            variant=\"default\"\n            className=\"mb-2\"\n          />\n          <p className=\"text-xs text-muted-foreground text-center\">\n            {progressValue}% completado\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** @deprecated Use `SectionLoader` instead */\nconst TabLoadingState = SectionLoader;\n/** @deprecated Use `SectionLoaderProps` instead */\ntype TabLoadingStateProps = SectionLoaderProps;\n\nexport { SectionLoader, TabLoadingState };\nexport type { SectionLoaderProps, TabLoadingStateProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BM;AA5BN,0BAAwB;AAExB,mBAAmB;AACnB,sBAAyB;AAUzB,SAAS,cAAc;AAAA,EACrB,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AACd,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,qDAAC,SAAI,WAAU,+BACb;AAAA,sDAAC,+BAAQ,WAAU,qCAAoC;AAAA,UACvD,4CAAC,QAAG,WAAU,4CAA4C,iBAAM;AAAA,WAClE;AAAA,QAEC,eACC,4CAAC,OAAE,WAAU,sDACV,uBACH;AAAA,QAGD,gBACC,6CAAC,SAAI,WAAU,mBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,6CAAC,OAAE,WAAU,6CACV;AAAA;AAAA,YAAc;AAAA,aACjB;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAGA,MAAM,kBAAkB;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/section-loader/section-loader.tsx"],"sourcesContent":["import { Loader2 } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Progress } from \"../progress\";\n\ninterface SectionLoaderProps {\n  title?: string;\n  description?: string;\n  showProgress?: boolean;\n  progressValue?: number;\n  className?: string;\n}\n\nfunction SectionLoader({\n  title = \"Cargando...\",\n  description,\n  showProgress = false,\n  progressValue = 0,\n  className = \"\",\n}: SectionLoaderProps) {\n  return (\n    <div\n      data-slot=\"section-loader\"\n      className={cn(\"flex flex-col items-center justify-center space-y-4 py-12\", className)}\n    >\n      <div className=\"flex items-center space-x-3\">\n        <Loader2 className=\"h-6 w-6 animate-spin text-primary\" />\n        <h3 className=\"text-lg font-semibold text-foreground/70\">{title}</h3>\n      </div>\n\n      {description && (\n        <p className=\"max-w-md text-center text-sm text-muted-foreground\">{description}</p>\n      )}\n\n      {showProgress && (\n        <div className=\"w-full max-w-xs\">\n          <Progress value={progressValue} size=\"md\" variant=\"default\" className=\"mb-2\" />\n          <p className=\"text-center text-xs text-muted-foreground\">{progressValue}% completado</p>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** @deprecated Use `SectionLoader` instead */\nconst TabLoadingState = SectionLoader;\n/** @deprecated Use `SectionLoaderProps` instead */\ntype TabLoadingStateProps = SectionLoaderProps;\n\nexport { SectionLoader, TabLoadingState };\nexport type { SectionLoaderProps, TabLoadingStateProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBM;AAzBN,0BAAwB;AAExB,mBAAmB;AACnB,sBAAyB;AAUzB,SAAS,cAAc;AAAA,EACrB,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AACd,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,6DAA6D,SAAS;AAAA,MAEpF;AAAA,qDAAC,SAAI,WAAU,+BACb;AAAA,sDAAC,+BAAQ,WAAU,qCAAoC;AAAA,UACvD,4CAAC,QAAG,WAAU,4CAA4C,iBAAM;AAAA,WAClE;AAAA,QAEC,eACC,4CAAC,OAAE,WAAU,sDAAsD,uBAAY;AAAA,QAGhF,gBACC,6CAAC,SAAI,WAAU,mBACb;AAAA,sDAAC,4BAAS,OAAO,eAAe,MAAK,MAAK,SAAQ,WAAU,WAAU,QAAO;AAAA,UAC7E,6CAAC,OAAE,WAAU,6CAA6C;AAAA;AAAA,YAAc;AAAA,aAAY;AAAA,WACtF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAGA,MAAM,kBAAkB;","names":[]}

package/dist/components/ui/section-loader/section-loader.js

@@ -13,27 +13,16 @@ function SectionLoader({
     "div",
     {
       "data-slot": "section-loader",
-      className: cn(
-        "flex flex-col items-center justify-center py-12 space-y-4",
-        className
-      ),
+      className: cn("flex flex-col items-center justify-center space-y-4 py-12", className),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-3", children: [
           /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-primary" }),
           /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground/70", children: title })
         ] }),
-        description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center max-w-md", children: description }),
+        description && /* @__PURE__ */ jsx("p", { className: "max-w-md text-center text-sm text-muted-foreground", children: description }),
         showProgress && /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xs", children: [
-          /* @__PURE__ */ jsx(
-            Progress,
-            {
-              value: progressValue,
-              size: "md",
-              variant: "default",
-              className: "mb-2"
-            }
-          ),
-          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground text-center", children: [
+          /* @__PURE__ */ jsx(Progress, { value: progressValue, size: "md", variant: "default", className: "mb-2" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-center text-xs text-muted-foreground", children: [
             progressValue,
             "% completado"
           ] })

package/dist/components/ui/section-loader/section-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/section-loader/section-loader.tsx"],"sourcesContent":["import { Loader2 } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Progress } from \"../progress\";\n\ninterface SectionLoaderProps {\n  title?: string;\n  description?: string;\n  showProgress?: boolean;\n  progressValue?: number;\n  className?: string;\n}\n\nfunction SectionLoader({\n  title = \"Cargando...\",\n  description,\n  showProgress = false,\n  progressValue = 0,\n  className = \"\",\n}: SectionLoaderProps) {\n  return (\n    <div\n      data-slot=\"section-loader\"\n      className={cn(\n        \"flex flex-col items-center justify-center py-12 space-y-4\",\n        className\n      )}\n    >\n      <div className=\"flex items-center space-x-3\">\n        <Loader2 className=\"h-6 w-6 animate-spin text-primary\" />\n        <h3 className=\"text-lg font-semibold text-foreground/70\">{title}</h3>\n      </div>\n\n      {description && (\n        <p className=\"text-sm text-muted-foreground text-center max-w-md\">\n          {description}\n        </p>\n      )}\n\n      {showProgress && (\n        <div className=\"w-full max-w-xs\">\n          <Progress\n            value={progressValue}\n            size=\"md\"\n            variant=\"default\"\n            className=\"mb-2\"\n          />\n          <p className=\"text-xs text-muted-foreground text-center\">\n            {progressValue}% completado\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** @deprecated Use `SectionLoader` instead */\nconst TabLoadingState = SectionLoader;\n/** @deprecated Use `SectionLoaderProps` instead */\ntype TabLoadingStateProps = SectionLoaderProps;\n\nexport { SectionLoader, TabLoadingState };\nexport type { SectionLoaderProps, TabLoadingStateProps };\n"],"mappings":"AA4BM,SACE,KADF;AA5BN,SAAS,eAAe;AAExB,SAAS,UAAU;AACnB,SAAS,gBAAgB;AAUzB,SAAS,cAAc;AAAA,EACrB,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AACd,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,+BACb;AAAA,8BAAC,WAAQ,WAAU,qCAAoC;AAAA,UACvD,oBAAC,QAAG,WAAU,4CAA4C,iBAAM;AAAA,WAClE;AAAA,QAEC,eACC,oBAAC,OAAE,WAAU,sDACV,uBACH;AAAA,QAGD,gBACC,qBAAC,SAAI,WAAU,mBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,qBAAC,OAAE,WAAU,6CACV;AAAA;AAAA,YAAc;AAAA,aACjB;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAGA,MAAM,kBAAkB;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/section-loader/section-loader.tsx"],"sourcesContent":["import { Loader2 } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Progress } from \"../progress\";\n\ninterface SectionLoaderProps {\n  title?: string;\n  description?: string;\n  showProgress?: boolean;\n  progressValue?: number;\n  className?: string;\n}\n\nfunction SectionLoader({\n  title = \"Cargando...\",\n  description,\n  showProgress = false,\n  progressValue = 0,\n  className = \"\",\n}: SectionLoaderProps) {\n  return (\n    <div\n      data-slot=\"section-loader\"\n      className={cn(\"flex flex-col items-center justify-center space-y-4 py-12\", className)}\n    >\n      <div className=\"flex items-center space-x-3\">\n        <Loader2 className=\"h-6 w-6 animate-spin text-primary\" />\n        <h3 className=\"text-lg font-semibold text-foreground/70\">{title}</h3>\n      </div>\n\n      {description && (\n        <p className=\"max-w-md text-center text-sm text-muted-foreground\">{description}</p>\n      )}\n\n      {showProgress && (\n        <div className=\"w-full max-w-xs\">\n          <Progress value={progressValue} size=\"md\" variant=\"default\" className=\"mb-2\" />\n          <p className=\"text-center text-xs text-muted-foreground\">{progressValue}% completado</p>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** @deprecated Use `SectionLoader` instead */\nconst TabLoadingState = SectionLoader;\n/** @deprecated Use `SectionLoaderProps` instead */\ntype TabLoadingStateProps = SectionLoaderProps;\n\nexport { SectionLoader, TabLoadingState };\nexport type { SectionLoaderProps, TabLoadingStateProps };\n"],"mappings":"AAyBM,SACE,KADF;AAzBN,SAAS,eAAe;AAExB,SAAS,UAAU;AACnB,SAAS,gBAAgB;AAUzB,SAAS,cAAc;AAAA,EACrB,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AACd,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,6DAA6D,SAAS;AAAA,MAEpF;AAAA,6BAAC,SAAI,WAAU,+BACb;AAAA,8BAAC,WAAQ,WAAU,qCAAoC;AAAA,UACvD,oBAAC,QAAG,WAAU,4CAA4C,iBAAM;AAAA,WAClE;AAAA,QAEC,eACC,oBAAC,OAAE,WAAU,sDAAsD,uBAAY;AAAA,QAGhF,gBACC,qBAAC,SAAI,WAAU,mBACb;AAAA,8BAAC,YAAS,OAAO,eAAe,MAAK,MAAK,SAAQ,WAAU,WAAU,QAAO;AAAA,UAC7E,qBAAC,OAAE,WAAU,6CAA6C;AAAA;AAAA,YAAc;AAAA,aAAY;AAAA,WACtF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAGA,MAAM,kBAAkB;","names":[]}

package/dist/components/ui/select/select.cjs

@@ -45,19 +45,13 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react = require("lucide-react");
 var import_utils = require("../../../lib/utils");
-function Select({
-  ...props
-}) {
+function Select({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
-function SelectGroup({
-  ...props
-}) {
+function SelectGroup({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
-function SelectValue({
-  ...props
-}) {
+function SelectValue({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
@@ -72,7 +66,7 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: (0, import_utils.cn)(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex w-fit items-center justify-between gap-2 rounded-md border bg-card px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "aria-invalid:ring-destructive/20 aria-invalid:border-destructive shadow-xs flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-card px-3 py-2 text-sm outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
@@ -94,7 +88,7 @@ function SelectContent({
     {
       "data-slot": "select-content",
       className: (0, import_utils.cn)(
-        "bg-popover max-h-[var(--radix-select-content-available-height)] text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        "origin-(--radix-select-content-transform-origin) relative z-50 max-h-[var(--radix-select-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
@@ -117,15 +111,12 @@ function SelectContent({
     }
   ) });
 }
-function SelectLabel({
-  className,
-  ...props
-}) {
+function SelectLabel({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
-      className: (0, import_utils.cn)("text-muted-foreground px-2 py-1.5 text-xs", className),
+      className: (0, import_utils.cn)("px-2 py-1.5 text-xs text-muted-foreground", className),
       ...props
     }
   );
@@ -140,7 +131,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: (0, import_utils.cn)(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "outline-hidden *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-8 text-sm focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
@@ -159,10 +150,7 @@ function SelectSeparator({
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
-      className: (0, import_utils.cn)(
-        "bg-border pointer-events-none -mx-1 my-1 h-px",
-        className
-      ),
+      className: (0, import_utils.cn)("pointer-events-none -mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -175,10 +163,7 @@ function SelectScrollUpButton({
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: (0, import_utils.cn)(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
+      className: (0, import_utils.cn)("flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronUpIcon, { className: "size-4" })
     }
@@ -192,10 +177,7 @@ function SelectScrollDownButton({
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: (0, import_utils.cn)(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
+      className: (0, import_utils.cn)("flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDownIcon, { className: "size-4" })
     }