@ginia/ui 0.1.1

package/AGENTS.md

@@ -0,0 +1,66 @@
+# @ginia/ui — AI Agent Context
+
+> Quick-start reference for AI coding assistants using this library.
+> For detailed component docs, props, and live examples, see the resources below.
+
+## 📖 Full Documentation
+
+- **Storybook (live)**: <https://ginia-ui.vercel.app>
+- **Component index (machine-readable)**: <https://ginia-ui.vercel.app/llms.txt>
+
+---
+
+## Setup (in a consumer project)
+
+```bash
+pnpm add @ginia/ui
+```
+
+```typescript
+// tailwind.config.ts
+import giniaPreset from "@ginia/ui/preset";
+export default {
+  presets: [giniaPreset],
+  content: ["./src/**/*.{ts,tsx}", "./node_modules/@ginia/ui/dist/**/*.{js,mjs}"],
+};
+```
+
+```css
+/* globals.css */
+@import "@ginia/ui/styles";
+```
+
+```tsx
+// Import components
+import { Button, Card, Input, Dialog } from "@ginia/ui";
+
+// Import design tokens
+import { colors, fontFamily } from "@ginia/ui/tokens";
+
+// Import icons
+import { Search, User } from "@ginia/ui/icons";
+
+// Import utility
+import { cn } from "@ginia/ui";
+```
+
+## Package Exports
+
+| Import             | Contents                                                                      |
+| ------------------ | ----------------------------------------------------------------------------- |
+| `@ginia/ui`        | All components, types, and `cn()`                                             |
+| `@ginia/ui/tokens` | `colors`, `colorsDark`, `fontFamily`, `fontWeight`, `borderRadius`, `shadows` |
+| `@ginia/ui/styles` | `theme.css` — CSS variables                                                   |
+| `@ginia/ui/preset` | Shared Tailwind config                                                        |
+| `@ginia/ui/icons`  | All icons re-exported from `lucide-react`                                     |
+
+## Conventions
+
+1. **Always import from `@ginia/ui`** — never from deep paths.
+2. **Use `cn()`** for conditional/merged Tailwind classes.
+3. **Use semantic tokens** (`bg-primary`, `text-destructive`) — never hardcode hex values.
+4. **UI text may be in Spanish** (Ginia operates in Latin America).
+5. **Components are `"use client"`** — wrap accordingly in Next.js App Router.
+6. **Composed APIs**: `Select`, `Dialog`, `Sheet`, `Accordion`, etc. use multi-part patterns (e.g., `<Select>` + `<SelectTrigger>` + `<SelectContent>` + `<SelectItem>`). Check the Storybook for the exact composition pattern of each component.
+7. **Icons**: Icons are re-exported from `lucide-react` and should be imported from `@ginia/ui/icons`. For consistent sizing and accessibility, prefer using the `<Icon />` component from `@ginia/ui`.
+8. **No business logic** in components — they are purely presentational.

package/README.md

@@ -0,0 +1,135 @@
+# Ginia Design System (`@ginia/ui`)
+
+> Unified UI component library for all Ginia hubs to accelerate development and guarantee brand consistency.
+
+## 🚀 Overview
+
+The **Ginia Design System** provides a single source of truth for visual consistency, development efficiency, and brand trust across all Ginia hubs. It is built on top of [Radix UI](https://www.radix-ui.com/) and [Tailwind CSS](https://tailwindcss.com/).
+
+🤖 **For AI Agents & Detailed Integration:** Please refer to the [AGENTS.md](./AGENTS.md) file for comprehensive agent context, package exports, conventions, and configuration steps.
+
+## 📖 Documentation
+
+- **Storybook (live)**: <https://ginia-ui.vercel.app>
+- **Component index**: <https://ginia-ui.vercel.app/llms.txt>
+
+## 📦 Installation & Setup
+
+### 1. Install the Package
+
+```bash
+pnpm add @ginia/ui
+```
+
+### 2. Configure Tailwind Preset
+
+In your consumer project's `tailwind.config.ts`:
+
+```typescript
+import type { Config } from "tailwindcss";
+import giniaPreset from "@ginia/ui/preset";
+
+const config: Config = {
+  presets: [giniaPreset],
+  content: [
+    "./src/**/*.{ts,tsx}",
+    "./node_modules/@ginia/ui/dist/**/*.{js,mjs}", // Crucial for scanning UI classes
+  ],
+};
+
+export default config;
+```
+
+### 3. Import Global Styles
+
+In your `globals.css` or layout root:
+
+```css
+@import "@ginia/ui/styles";
+```
+
+### 4. Basic Usage
+
+```tsx
+// 1. Components & Utilities
+import { Button, Card, Input, cn } from "@ginia/ui";
+
+// 2. Icons (from lucide-react)
+import { Search, User } from "@ginia/ui/icons";
+
+// 3. Design Tokens
+import { colors, fontFamily } from "@ginia/ui/tokens";
+```
+
+## 🛠️ Local Development
+
+Prerequisites: **Node.js** ≥ 18 and **pnpm** ≥ 8
+
+```bash
+# Install dependencies
+pnpm install
+
+# Start Storybook (Development Mode)
+pnpm storybook
+
+# Build the library to dist/
+pnpm build
+
+# Watch mode (useful when linking to a hub)
+pnpm dev
+
+# Type check
+pnpm typecheck
+```
+
+## 🧩 Adding a Component
+
+We use `shadcn/ui` conventions for base UI primitives:
+
+```bash
+npx shadcn@latest add <component-name>
+```
+
+For custom or domain components, create them under `src/components/ui/` or `src/components/domain/` following the existing structure (component file, barrel `index.ts`, and `.stories.tsx`).
+
+## 🔗 Local Development with a Hub
+
+To test local changes in a hub project without publishing:
+
+```bash
+# 1. In ginia-ui: build in watch mode
+pnpm dev
+
+# 2. In your hub project: link the local package
+pnpm link ../ginia-ui
+```
+
+## 🚢 Publishing
+
+```bash
+# Verify and build
+pnpm clean && pnpm build && pnpm typecheck && pnpm build-storybook
+
+# Bump the Version
+Follow [Semantic Versioning](https://semver.org/):
+
+## Patch release (bug fixes): 0.1.0 → 0.1.1
+npm version patch
+
+## Minor release (new features, non-breaking): 0.1.0 → 0.2.0
+npm version minor
+
+## Major release (breaking changes): 0.1.0 → 1.0.0
+npm version major
+
+# Commit and push
+git add .
+git commit -m "chore: release v0.2.0"
+git push --follow-tags
+
+# Publish
+npm publish --access public --otp=<YOUR_OTP_CODE>
+
+# Update the dependency in consumer projects
+pnpm update @ginia/ui
+```

package/dist/components/domain/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var domain_exports = {};
+module.exports = __toCommonJS(domain_exports);
+__reExport(domain_exports, require("./resume"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./resume")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/domain/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/domain/index.ts"],"sourcesContent":["export * from \"./resume\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,qBAAd;","names":[]}

package/dist/components/domain/index.d.cts

@@ -0,0 +1,6 @@
+export { Action, CVActivityItem, CVCertificationItem, CVDocumentItem, CVEducationItem, CVExperienceBaseItem, CVExperienceItem, CVSkillItem, CandidateProfile, CertificationWithAction, DocumentWithAction, ExperienceWithAction, ResumeAward, ResumeEducation, ResumeExperience, ResumeMenuSlot, ResumeProps, ResumeSavePayload, ResumeSkill, SkillWithAction } from './resume/types.cjs';
+export { Resume } from './resume/resume.cjs';
+export { ResumeEditor, ResumeEditorProps } from './resume/resume-editor/resume-editor.cjs';
+export { ResumePreview, ResumePreviewProps } from './resume/resume-preview/resume-preview.cjs';
+import 'react';
+import 'react/jsx-runtime';

package/dist/components/domain/index.d.ts

@@ -0,0 +1,6 @@
+export { Action, CVActivityItem, CVCertificationItem, CVDocumentItem, CVEducationItem, CVExperienceBaseItem, CVExperienceItem, CVSkillItem, CandidateProfile, CertificationWithAction, DocumentWithAction, ExperienceWithAction, ResumeAward, ResumeEducation, ResumeExperience, ResumeMenuSlot, ResumeProps, ResumeSavePayload, ResumeSkill, SkillWithAction } from './resume/types.js';
+export { Resume } from './resume/resume.js';
+export { ResumeEditor, ResumeEditorProps } from './resume/resume-editor/resume-editor.js';
+export { ResumePreview, ResumePreviewProps } from './resume/resume-preview/resume-preview.js';
+import 'react';
+import 'react/jsx-runtime';

package/dist/components/domain/index.js

@@ -0,0 +1,2 @@
+export * from "./resume";
+//# sourceMappingURL=index.js.map

package/dist/components/domain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/domain/index.ts"],"sourcesContent":["export * from \"./resume\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/domain/resume/index.cjs

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resume_exports = {};
+module.exports = __toCommonJS(resume_exports);
+__reExport(resume_exports, require("./types"), module.exports);
+__reExport(resume_exports, require("./resume"), module.exports);
+__reExport(resume_exports, require("./resume-editor/resume-editor"), module.exports);
+__reExport(resume_exports, require("./resume-preview/resume-preview"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./types"),
+  ...require("./resume"),
+  ...require("./resume-editor/resume-editor"),
+  ...require("./resume-preview/resume-preview")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/domain/resume/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/domain/resume/index.ts"],"sourcesContent":["export * from \"./types\";\nexport * from \"./resume\";\nexport * from \"./resume-editor/resume-editor\";\nexport * from \"./resume-preview/resume-preview\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,oBAAd;AACA,2BAAc,qBADd;AAEA,2BAAc,0CAFd;AAGA,2BAAc,4CAHd;","names":[]}

package/dist/components/domain/resume/index.d.cts

@@ -0,0 +1,6 @@
+export { Action, CVActivityItem, CVCertificationItem, CVDocumentItem, CVEducationItem, CVExperienceBaseItem, CVExperienceItem, CVSkillItem, CandidateProfile, CertificationWithAction, DocumentWithAction, ExperienceWithAction, ResumeAward, ResumeEducation, ResumeExperience, ResumeMenuSlot, ResumeProps, ResumeSavePayload, ResumeSkill, SkillWithAction } from './types.cjs';
+export { Resume } from './resume.cjs';
+export { ResumeEditor, ResumeEditorProps } from './resume-editor/resume-editor.cjs';
+export { ResumePreview, ResumePreviewProps } from './resume-preview/resume-preview.cjs';
+import 'react';
+import 'react/jsx-runtime';

package/dist/components/domain/resume/index.d.ts

@@ -0,0 +1,6 @@
+export { Action, CVActivityItem, CVCertificationItem, CVDocumentItem, CVEducationItem, CVExperienceBaseItem, CVExperienceItem, CVSkillItem, CandidateProfile, CertificationWithAction, DocumentWithAction, ExperienceWithAction, ResumeAward, ResumeEducation, ResumeExperience, ResumeMenuSlot, ResumeProps, ResumeSavePayload, ResumeSkill, SkillWithAction } from './types.js';
+export { Resume } from './resume.js';
+export { ResumeEditor, ResumeEditorProps } from './resume-editor/resume-editor.js';
+export { ResumePreview, ResumePreviewProps } from './resume-preview/resume-preview.js';
+import 'react';
+import 'react/jsx-runtime';

package/dist/components/domain/resume/index.js

@@ -0,0 +1,5 @@
+export * from "./types";
+export * from "./resume";
+export * from "./resume-editor/resume-editor";
+export * from "./resume-preview/resume-preview";
+//# sourceMappingURL=index.js.map

package/dist/components/domain/resume/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/domain/resume/index.ts"],"sourcesContent":["export * from \"./types\";\nexport * from \"./resume\";\nexport * from \"./resume-editor/resume-editor\";\nexport * from \"./resume-preview/resume-preview\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/domain/resume/resume-editor/resume-editor.cjs

@@ -0,0 +1,137 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resume_editor_exports = {};
+__export(resume_editor_exports, {
+  ResumeEditor: () => ResumeEditor
+});
+module.exports = __toCommonJS(resume_editor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_accordion = require("../../../ui/accordion");
+var import_personal_info = require("./sections/personal-info");
+var import_academic_info = require("./sections/academic-info");
+var import_education = require("./sections/education");
+var import_experience = require("./sections/experience");
+var import_activities = require("./sections/activities");
+var import_skills = require("./sections/skills");
+var import_certifications = require("./sections/certifications");
+var import_requirements = require("./sections/requirements");
+var import_preferences = require("./sections/preferences");
+var import_ui = require("../../../ui");
+function ResumeEditor({
+  data,
+  onChange,
+  hideFields = [],
+  hideSections = [],
+  menuSlot = [],
+  theme
+}) {
+  const handleSectionChange = (partial) => {
+    if (onChange) {
+      onChange({ ...data, ...partial });
+    }
+  };
+  const coreSections = [
+    {
+      id: "personal-info",
+      title: "Informaci\xF3n personal",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_personal_info.PersonalInfo, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "academic-info",
+      title: "Informaci\xF3n Acad\xE9mica",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_academic_info.AcademicInfo, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "education",
+      title: "Educaci\xF3n",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_education.EducationSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "experience",
+      title: "Experiencia laboral",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_experience.ExperienceSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "activities",
+      title: "Actividades y Logros",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activities.ActivitiesSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "skills",
+      title: "Habilidades",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skills.SkillsSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "certifications",
+      title: "Certificaciones",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_certifications.CertificationsSection, { data, onChange: handleSectionChange, hideFields, theme })
+    },
+    {
+      id: "requirements",
+      title: "Requisitos laborales",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_requirements.RequirementsSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "preferences",
+      title: "Preferencias",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preferences.PreferencesSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "notes",
+      title: "Notas",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Label, { children: "Notas internas" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ui.Textarea,
+          {
+            rows: 5,
+            placeholder: "Notas visibles solo para administradores...",
+            value: data.advanced?.notes || "",
+            onChange: (e) => handleSectionChange({ advanced: { ...data.advanced, notes: e.target.value } })
+          }
+        )
+      ] })
+    }
+  ];
+  const allSections = [
+    ...coreSections.filter((section) => !hideSections.includes(section.title)),
+    ...menuSlot.map((slot, idx) => ({
+      id: `slot-${idx}`,
+      title: slot.title,
+      content: slot.node
+    }))
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full flex items-start flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion, { type: "single", collapsible: true, className: "w-full", children: allSections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_accordion.AccordionItem,
+    {
+      value: section.id,
+      className: "border-b border-border/40 px-2 data-[state=open]:border-l-2 data-[state=open]:border-l-secondary data-[state=open]:pl-3 transition-all",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.AccordionTrigger, { className: "text-md font-medium data-[state=open]:text-primary data-[state=open]:font-semibold transition-all", children: section.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.AccordionContent, { className: "pt-2 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-card px-2", children: section.content }) })
+      ]
+    },
+    section.id
+  )) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResumeEditor
+});
+//# sourceMappingURL=resume-editor.cjs.map

package/dist/components/domain/resume/resume-editor/resume-editor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/domain/resume/resume-editor/resume-editor.tsx"],"sourcesContent":["import { CandidateProfile, ResumeMenuSlot } from \"../types\";\nimport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from \"../../../ui/accordion\";\nimport { PersonalInfo } from \"./sections/personal-info\";\nimport { AcademicInfo } from \"./sections/academic-info\";\nimport { EducationSection } from \"./sections/education\";\nimport { ExperienceSection } from \"./sections/experience\";\nimport { ActivitiesSection } from \"./sections/activities\";\nimport { SkillsSection } from \"./sections/skills\";\nimport { CertificationsSection } from \"./sections/certifications\";\nimport { RequirementsSection } from \"./sections/requirements\";\nimport { PreferencesSection } from \"./sections/preferences\";\nimport { Label, Textarea } from \"../../../ui\";\n\nexport interface ResumeEditorProps {\n    data: CandidateProfile;\n    onChange?: (data: CandidateProfile) => void;\n    hideFields?: string[];\n    hideSections?: string[];\n    menuSlot?: ResumeMenuSlot[];\n    theme?: string;\n}\n\nexport function ResumeEditor({\n    data,\n    onChange,\n    hideFields = [],\n    hideSections = [],\n    menuSlot = [],\n    theme\n}: ResumeEditorProps) {\n    const handleSectionChange = (partial: Partial<CandidateProfile>) => {\n        if (onChange) {\n            onChange({ ...data, ...partial });\n        }\n    };\n\n    const coreSections = [\n        {\n            id: \"personal-info\",\n            title: \"Información personal\",\n            content: <PersonalInfo data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"academic-info\",\n            title: \"Información Académica\",\n            content: <AcademicInfo data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"education\",\n            title: \"Educación\",\n            content: <EducationSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"experience\",\n            title: \"Experiencia laboral\",\n            content: <ExperienceSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"activities\",\n            title: \"Actividades y Logros\",\n            content: <ActivitiesSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"skills\",\n            title: \"Habilidades\",\n            content: <SkillsSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"certifications\",\n            title: \"Certificaciones\",\n            content: <CertificationsSection data={data} onChange={handleSectionChange} hideFields={hideFields} theme={theme} />\n        },\n        {\n            id: \"requirements\",\n            title: \"Requisitos laborales\",\n            content: <RequirementsSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"preferences\",\n            title: \"Preferencias\",\n            content: <PreferencesSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"notes\",\n            title: \"Notas\",\n            content: (\n                <div className=\"space-y-2\">\n                    <Label>Notas internas</Label>\n                    <Textarea\n                        rows={5}\n                        placeholder=\"Notas visibles solo para administradores...\"\n                        value={data.advanced?.notes || \"\"}\n                        onChange={(e) => handleSectionChange({ advanced: { ...data.advanced, notes: e.target.value } })}\n                    />\n                </div>\n            )\n        }\n    ];\n\n    const allSections = [\n        ...coreSections.filter(section => !hideSections.includes(section.title)),\n        ...menuSlot.map((slot, idx) => ({\n            id: `slot-${idx}`,\n            title: slot.title,\n            content: slot.node\n        }))\n    ];\n\n    return (\n        <div className=\"w-full flex items-start flex-col gap-4\">\n            <Accordion type=\"single\" collapsible className=\"w-full\">\n                {allSections.map((section) => (\n                    <AccordionItem\n                        key={section.id}\n                        value={section.id}\n                        className=\"border-b border-border/40 px-2 data-[state=open]:border-l-2 data-[state=open]:border-l-secondary data-[state=open]:pl-3 transition-all\"\n                    >\n                        <AccordionTrigger className=\"text-md font-medium data-[state=open]:text-primary data-[state=open]:font-semibold transition-all\">\n                            {section.title}\n                        </AccordionTrigger>\n                        <AccordionContent className=\"pt-2 pb-3\">\n                            <div className=\"bg-card px-2\">\n                                {section.content}\n                            </div>\n                        </AccordionContent>\n                    </AccordionItem>\n                ))}\n            </Accordion>\n        </div>\n    );\n}\n"],"mappings":"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","names":[]}

package/dist/components/domain/resume/resume-editor/resume-editor.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CandidateProfile, ResumeMenuSlot } from '../types.cjs';
+import 'react';
+
+interface ResumeEditorProps {
+    data: CandidateProfile;
+    onChange?: (data: CandidateProfile) => void;
+    hideFields?: string[];
+    hideSections?: string[];
+    menuSlot?: ResumeMenuSlot[];
+    theme?: string;
+}
+declare function ResumeEditor({ data, onChange, hideFields, hideSections, menuSlot, theme }: ResumeEditorProps): react_jsx_runtime.JSX.Element;
+
+export { ResumeEditor, type ResumeEditorProps };

package/dist/components/domain/resume/resume-editor/resume-editor.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CandidateProfile, ResumeMenuSlot } from '../types.js';
+import 'react';
+
+interface ResumeEditorProps {
+    data: CandidateProfile;
+    onChange?: (data: CandidateProfile) => void;
+    hideFields?: string[];
+    hideSections?: string[];
+    menuSlot?: ResumeMenuSlot[];
+    theme?: string;
+}
+declare function ResumeEditor({ data, onChange, hideFields, hideSections, menuSlot, theme }: ResumeEditorProps): react_jsx_runtime.JSX.Element;
+
+export { ResumeEditor, type ResumeEditorProps };

package/dist/components/domain/resume/resume-editor/resume-editor.js

@@ -0,0 +1,113 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../../../ui/accordion";
+import { PersonalInfo } from "./sections/personal-info";
+import { AcademicInfo } from "./sections/academic-info";
+import { EducationSection } from "./sections/education";
+import { ExperienceSection } from "./sections/experience";
+import { ActivitiesSection } from "./sections/activities";
+import { SkillsSection } from "./sections/skills";
+import { CertificationsSection } from "./sections/certifications";
+import { RequirementsSection } from "./sections/requirements";
+import { PreferencesSection } from "./sections/preferences";
+import { Label, Textarea } from "../../../ui";
+function ResumeEditor({
+  data,
+  onChange,
+  hideFields = [],
+  hideSections = [],
+  menuSlot = [],
+  theme
+}) {
+  const handleSectionChange = (partial) => {
+    if (onChange) {
+      onChange({ ...data, ...partial });
+    }
+  };
+  const coreSections = [
+    {
+      id: "personal-info",
+      title: "Informaci\xF3n personal",
+      content: /* @__PURE__ */ jsx(PersonalInfo, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "academic-info",
+      title: "Informaci\xF3n Acad\xE9mica",
+      content: /* @__PURE__ */ jsx(AcademicInfo, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "education",
+      title: "Educaci\xF3n",
+      content: /* @__PURE__ */ jsx(EducationSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "experience",
+      title: "Experiencia laboral",
+      content: /* @__PURE__ */ jsx(ExperienceSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "activities",
+      title: "Actividades y Logros",
+      content: /* @__PURE__ */ jsx(ActivitiesSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "skills",
+      title: "Habilidades",
+      content: /* @__PURE__ */ jsx(SkillsSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "certifications",
+      title: "Certificaciones",
+      content: /* @__PURE__ */ jsx(CertificationsSection, { data, onChange: handleSectionChange, hideFields, theme })
+    },
+    {
+      id: "requirements",
+      title: "Requisitos laborales",
+      content: /* @__PURE__ */ jsx(RequirementsSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "preferences",
+      title: "Preferencias",
+      content: /* @__PURE__ */ jsx(PreferencesSection, { data, onChange: handleSectionChange, hideFields })
+    },
+    {
+      id: "notes",
+      title: "Notas",
+      content: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Notas internas" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            rows: 5,
+            placeholder: "Notas visibles solo para administradores...",
+            value: data.advanced?.notes || "",
+            onChange: (e) => handleSectionChange({ advanced: { ...data.advanced, notes: e.target.value } })
+          }
+        )
+      ] })
+    }
+  ];
+  const allSections = [
+    ...coreSections.filter((section) => !hideSections.includes(section.title)),
+    ...menuSlot.map((slot, idx) => ({
+      id: `slot-${idx}`,
+      title: slot.title,
+      content: slot.node
+    }))
+  ];
+  return /* @__PURE__ */ jsx("div", { className: "w-full flex items-start flex-col gap-4", children: /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: allSections.map((section) => /* @__PURE__ */ jsxs(
+    AccordionItem,
+    {
+      value: section.id,
+      className: "border-b border-border/40 px-2 data-[state=open]:border-l-2 data-[state=open]:border-l-secondary data-[state=open]:pl-3 transition-all",
+      children: [
+        /* @__PURE__ */ jsx(AccordionTrigger, { className: "text-md font-medium data-[state=open]:text-primary data-[state=open]:font-semibold transition-all", children: section.title }),
+        /* @__PURE__ */ jsx(AccordionContent, { className: "pt-2 pb-3", children: /* @__PURE__ */ jsx("div", { className: "bg-card px-2", children: section.content }) })
+      ]
+    },
+    section.id
+  )) }) });
+}
+export {
+  ResumeEditor
+};
+//# sourceMappingURL=resume-editor.js.map

package/dist/components/domain/resume/resume-editor/resume-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/domain/resume/resume-editor/resume-editor.tsx"],"sourcesContent":["import { CandidateProfile, ResumeMenuSlot } from \"../types\";\nimport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from \"../../../ui/accordion\";\nimport { PersonalInfo } from \"./sections/personal-info\";\nimport { AcademicInfo } from \"./sections/academic-info\";\nimport { EducationSection } from \"./sections/education\";\nimport { ExperienceSection } from \"./sections/experience\";\nimport { ActivitiesSection } from \"./sections/activities\";\nimport { SkillsSection } from \"./sections/skills\";\nimport { CertificationsSection } from \"./sections/certifications\";\nimport { RequirementsSection } from \"./sections/requirements\";\nimport { PreferencesSection } from \"./sections/preferences\";\nimport { Label, Textarea } from \"../../../ui\";\n\nexport interface ResumeEditorProps {\n    data: CandidateProfile;\n    onChange?: (data: CandidateProfile) => void;\n    hideFields?: string[];\n    hideSections?: string[];\n    menuSlot?: ResumeMenuSlot[];\n    theme?: string;\n}\n\nexport function ResumeEditor({\n    data,\n    onChange,\n    hideFields = [],\n    hideSections = [],\n    menuSlot = [],\n    theme\n}: ResumeEditorProps) {\n    const handleSectionChange = (partial: Partial<CandidateProfile>) => {\n        if (onChange) {\n            onChange({ ...data, ...partial });\n        }\n    };\n\n    const coreSections = [\n        {\n            id: \"personal-info\",\n            title: \"Información personal\",\n            content: <PersonalInfo data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"academic-info\",\n            title: \"Información Académica\",\n            content: <AcademicInfo data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"education\",\n            title: \"Educación\",\n            content: <EducationSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"experience\",\n            title: \"Experiencia laboral\",\n            content: <ExperienceSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"activities\",\n            title: \"Actividades y Logros\",\n            content: <ActivitiesSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"skills\",\n            title: \"Habilidades\",\n            content: <SkillsSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"certifications\",\n            title: \"Certificaciones\",\n            content: <CertificationsSection data={data} onChange={handleSectionChange} hideFields={hideFields} theme={theme} />\n        },\n        {\n            id: \"requirements\",\n            title: \"Requisitos laborales\",\n            content: <RequirementsSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"preferences\",\n            title: \"Preferencias\",\n            content: <PreferencesSection data={data} onChange={handleSectionChange} hideFields={hideFields} />\n        },\n        {\n            id: \"notes\",\n            title: \"Notas\",\n            content: (\n                <div className=\"space-y-2\">\n                    <Label>Notas internas</Label>\n                    <Textarea\n                        rows={5}\n                        placeholder=\"Notas visibles solo para administradores...\"\n                        value={data.advanced?.notes || \"\"}\n                        onChange={(e) => handleSectionChange({ advanced: { ...data.advanced, notes: e.target.value } })}\n                    />\n                </div>\n            )\n        }\n    ];\n\n    const allSections = [\n        ...coreSections.filter(section => !hideSections.includes(section.title)),\n        ...menuSlot.map((slot, idx) => ({\n            id: `slot-${idx}`,\n            title: slot.title,\n            content: slot.node\n        }))\n    ];\n\n    return (\n        <div className=\"w-full flex items-start flex-col gap-4\">\n            <Accordion type=\"single\" collapsible className=\"w-full\">\n                {allSections.map((section) => (\n                    <AccordionItem\n                        key={section.id}\n                        value={section.id}\n                        className=\"border-b border-border/40 px-2 data-[state=open]:border-l-2 data-[state=open]:border-l-secondary data-[state=open]:pl-3 transition-all\"\n                    >\n                        <AccordionTrigger className=\"text-md font-medium data-[state=open]:text-primary data-[state=open]:font-semibold transition-all\">\n                            {section.title}\n                        </AccordionTrigger>\n                        <AccordionContent className=\"pt-2 pb-3\">\n                            <div className=\"bg-card px-2\">\n                                {section.content}\n                            </div>\n                        </AccordionContent>\n                    </AccordionItem>\n                ))}\n            </Accordion>\n        </div>\n    );\n}\n"],"mappings":"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","names":[]}