@ginia/ui 0.1.4 → 0.1.6

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/domain/resume/resume.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport html2canvas from \"html2canvas\";\nimport { jsPDF } from \"jspdf\";\nimport { CandidateProfile, ResumeProps, ResumeSavePayload, Action } from \"./types\";\nimport { ResumeEditor } from \"./resume-editor/resume-editor\";\nimport { ResumePreview } from \"./resume-preview/resume-preview\";\nimport { Button } from \"../../ui/button\";\nimport { Download, Edit, Loader2, Save, X } from \"lucide-react\";\nimport { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetClose } from \"../../ui/sheet\";\n\nfunction calculateDiffs(original: CandidateProfile, current: CandidateProfile): ResumeSavePayload {\n  // Determine diff for candidate table (academic info etc)\n  const candidateData: Partial<CandidateProfile> = {};\n  if (original.student_education_institution_id !== current.student_education_institution_id)\n    candidateData.student_education_institution_id = current.student_education_institution_id;\n  if (original.education_institution_id !== current.education_institution_id)\n    candidateData.education_institution_id = current.education_institution_id;\n  if (original.program_name !== current.program_name)\n    candidateData.program_name = current.program_name;\n  if (JSON.stringify(original.preferences) !== JSON.stringify(current.preferences))\n    candidateData.preferences = current.preferences;\n  if (JSON.stringify(original.advanced) !== JSON.stringify(current.advanced))\n    candidateData.advanced = current.advanced;\n\n  // Determine diff for user table (personal info)\n  const userData: Partial<CandidateProfile> = {};\n  const userFields: (keyof CandidateProfile)[] = [\n    \"first_name\",\n    \"middle_name\",\n    \"last_name\",\n    \"second_last_name\",\n    \"phone_number\",\n    \"phone_number_2\",\n    \"email\",\n    \"city\",\n    \"address\",\n    \"postal_code\",\n    \"birth_date\",\n    \"photo_url\",\n  ];\n  userFields.forEach((field) => {\n    if (original[field] !== current[field]) {\n      // @ts-expect-error - jspdf types are a bit funky\n      userData[field] = current[field];\n    }\n  });\n\n  // Helper for array diffs\n  const calculateArrayDiff = (origArray: any[] = [], currArray: any[] = []) => {\n    const changes: any[] = [];\n    const origMap = new Map(origArray.map((item) => [item.id, item]));\n\n    currArray.forEach((currItem) => {\n      const origItem = origMap.get(currItem.id);\n      if (!origItem) {\n        // New item\n        changes.push({ action: \"create\" as Action, data: currItem });\n      } else if (JSON.stringify(origItem) !== JSON.stringify(currItem)) {\n        // Updated item\n        changes.push({ action: \"update\" as Action, data: currItem, id: currItem.id });\n      }\n    });\n\n    const currMap = new Map(currArray.map((item) => [item.id, item]));\n    origArray.forEach((origItem) => {\n      if (!currMap.has(origItem.id)) {\n        // Deleted item\n        changes.push({ action: \"delete\" as Action, id: origItem.id });\n      }\n    });\n\n    return changes;\n  };\n\n  const experiencesDiff = [\n    ...calculateArrayDiff(original.work_experience, current.work_experience),\n    ...calculateArrayDiff(original.education, current.education),\n    ...calculateArrayDiff(original.activities, current.activities),\n  ];\n\n  const hwOrig = original.skills?.hard || [];\n  const hwCurr = current.skills?.hard || [];\n  const swOrig = original.skills?.soft || [];\n  const swCurr = current.skills?.soft || [];\n\n  const skillsDiff = [...calculateArrayDiff(hwOrig, hwCurr), ...calculateArrayDiff(swOrig, swCurr)];\n\n  return {\n    candidate: {\n      action: Object.keys(candidateData).length > 0 ? \"update\" : \"none\",\n      data: candidateData,\n    },\n    user: {\n      action: Object.keys(userData).length > 0 ? \"update\" : \"none\",\n      data: userData,\n    },\n    curriculum: {\n      action: original.summary !== current.summary ? \"update\" : \"none\",\n      data: { summary: current.summary },\n    },\n    experiences: experiencesDiff,\n    skills: skillsDiff,\n    certifications: calculateArrayDiff(original.certifications, current.certifications),\n  };\n}\n\nexport function Resume({\n  data,\n  editable = false,\n  headerSlot,\n  withDownload = false,\n  theme = \"hsl(var(--secondary))\",\n  hideFields = [],\n  hideSections = [],\n  menuSlot = [],\n  onSave,\n}: ResumeProps) {\n  const themeStyle = theme ? ({ \"--cv-theme\": theme } as React.CSSProperties) : undefined;\n  const [draftData, setDraftData] = useState<CandidateProfile>(data);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n  const previewRef = useRef<HTMLDivElement>(null);\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setDraftData(data);\n    }\n    setIsOpen(open);\n  };\n\n  const handleSave = () => {\n    if (onSave) {\n      const payload = calculateDiffs(data, draftData);\n      onSave(payload, draftData);\n    }\n    setIsOpen(false);\n  };\n\n  const handleDownload = async () => {\n    if (!previewRef.current || isDownloading) return;\n    setIsDownloading(true);\n\n    try {\n      const element = previewRef.current;\n      const canvas = await html2canvas(element, {\n        scale: 2,\n        useCORS: true,\n        backgroundColor: \"#ffffff\",\n        logging: false,\n        windowWidth: 1200, // Force desktop layout breakpoint\n        onclone: (clonedDoc) => {\n          const clonedElement = clonedDoc.getElementById(\"resume-capture-area\");\n          if (clonedElement instanceof HTMLElement) {\n            clonedElement.style.height = \"auto\";\n            clonedElement.style.overflow = \"visible\";\n            clonedElement.style.width = \"1200px\";\n\n            // Fix for images with object-fit: cover not being respected by html2canvas\n            const objectCoverImages = clonedElement.querySelectorAll(\"img.object-cover\");\n            objectCoverImages.forEach((img) => {\n              if (img instanceof HTMLImageElement) {\n                const parent = img.parentElement;\n                if (parent) {\n                  // Replace img with a div that has background-image: cover\n                  const div = clonedDoc.createElement(\"div\");\n                  div.style.width = \"100%\";\n                  div.style.height = \"100%\";\n                  div.style.backgroundImage = `url(${img.src})`;\n                  div.style.backgroundSize = \"cover\";\n                  div.style.backgroundPosition = \"center\";\n                  div.style.borderRadius = window.getComputedStyle(img).borderRadius;\n                  div.className = img.className;\n                  parent.style.marginTop = \"1rem\";\n                  parent.replaceChild(div, img);\n                }\n              }\n            });\n\n            // Hide elements marked as hidden for PDF\n            const hiddenElements = clonedElement.querySelectorAll(\".pdf-hidden\");\n            hiddenElements.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"none\";\n              }\n            });\n\n            // Fix SVG vertical alignment for html2canvas\n            // html2canvas doesn't properly handle flex align-items with SVGs\n            const svgs = clonedElement.querySelectorAll(\"svg\");\n            svgs.forEach((svg) => {\n              svg.style.display = \"inline-block\";\n              svg.style.verticalAlign = \"middle\";\n              svg.style.flexShrink = \"0\";\n              svg.style.marginRight = \"0.4rem\";\n              svg.style.marginBottom = \"-1.2rem\";\n            });\n\n            // Fix line-clamp which causes text vertical cut-offs in html2canvas\n            const clampElements = clonedElement.querySelectorAll(\n              \".line-clamp-1, .line-clamp-2, .line-clamp-3\",\n            );\n            clampElements.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"block\";\n                el.style.webkitLineClamp = \"unset\";\n                el.style.webkitBoxOrient = \"unset\";\n                el.style.overflow = \"visible\";\n                el.style.whiteSpace = \"normal\";\n                el.style.lineHeight = \"1.5\";\n              }\n            });\n\n            // Replace generic HTML elements like custom badges with simple spans\n            // because html2canvas struggles with flexbox and strict borders inside round pills\n            const badges = clonedElement.querySelectorAll(\".pdf-badge\");\n            badges.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.paddingTop = \"-10px\";\n                el.style.display = \"block\";\n                el.style.paddingTop = \"0px\";\n                el.style.paddingBottom = \"0.8rem\";\n              }\n            });\n\n            // Fix headers with bottom borders losing padding/margin\n            const headersWithBorders = clonedElement.querySelectorAll(\"h1, h2, h3, h4\");\n            headersWithBorders.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                const hasBorder =\n                  el.className.includes(\"border-b\") || el.style.borderBottomWidth !== \"\";\n                if (hasBorder) {\n                  el.style.paddingBottom = \"1.2rem\";\n                }\n              }\n            });\n\n            // Add margin top to pdf-line-v elements\n            const verticalLines = clonedElement.querySelectorAll(\".pdf-line-v\");\n            verticalLines.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.marginTop = \"0.5rem\";\n                el.style.zIndex = \"5\";\n              }\n            });\n\n            // Add margin bottom to initials in header for better alignment in PDF\n            const headerInitials = clonedElement.querySelectorAll(\".pdf-header-initials\");\n            headerInitials.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.paddingBottom = \"2rem\";\n              }\n            });\n\n            // Add styles to summary for PDF\n            const summaries = clonedElement.querySelectorAll(\".pdf-summary\");\n            summaries.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.width = \"100%\";\n                el.style.maxWidth = \"100%\";\n                el.style.marginTop = \"1.5rem\";\n              }\n            });\n\n            // Show footer in PDF and force grayscale for the logo\n            const pdfFooters = clonedElement.querySelectorAll(\".pdf-footer\");\n            pdfFooters.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"flex\";\n              }\n            });\n\n            // Also make sure parent containers don't restrict height\n            let parent = clonedElement.parentElement;\n            while (parent) {\n              parent.style.height = \"auto\";\n              parent.style.overflow = \"visible\";\n              parent = parent.parentElement;\n            }\n          }\n        },\n      });\n\n      const imgData = canvas.toDataURL(\"image/jpeg\", 1);\n      const imgWidthPx = canvas.width;\n      const imgHeightPx = canvas.height;\n\n      // Convert px to mm (at 96 DPI base * scale factor)\n      const pxToMm = 25.4 / (96 * 2);\n      const pdfWidth = imgWidthPx * pxToMm;\n      const pdfHeight = imgHeightPx * pxToMm;\n\n      const pdf = new jsPDF({\n        orientation: pdfWidth > pdfHeight ? \"landscape\" : \"portrait\",\n        unit: \"mm\",\n        format: [pdfWidth, pdfHeight],\n      });\n\n      pdf.addImage(imgData, \"JPEG\", 0, 0, pdfWidth, pdfHeight, undefined, \"FAST\");\n\n      const fileName = `CV_${data.first_name}_${data.last_name}`.replace(/\\s+/g, \"_\");\n      pdf.save(`${fileName}.pdf`);\n    } catch (error) {\n      console.error(\"Error generating PDF:\", error);\n    } finally {\n      setIsDownloading(false);\n    }\n  };\n\n  return (\n    <div\n      className=\"relative h-full w-full overflow-y-auto bg-muted/20 px-4 py-8 sm:px-8\"\n      style={themeStyle}\n    >\n      {/* Preview Panel - Takes full width, centered like a document */}\n      <div className=\"mx-auto h-full w-full max-w-5xl\">\n        <ResumePreview\n          ref={previewRef}\n          data={draftData}\n          headerSlot={headerSlot}\n          theme={theme}\n          hideFields={hideFields}\n          hideSections={hideSections}\n        />\n      </div>\n\n      {/* Floating Action Buttons */}\n      <div className=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3 sm:flex-row\">\n        {editable && (\n          <Sheet open={isOpen} onOpenChange={handleOpenChange}>\n            <SheetTrigger asChild>\n              <Button\n                size=\"lg\"\n                className=\"flex items-center gap-2 rounded-full bg-primary px-4 text-primary-foreground shadow-xl hover:bg-primary/90\"\n              >\n                <Edit className=\"h-5 w-5\" />\n                <span className=\"hidden font-semibold sm:inline\">Editar</span>\n              </Button>\n            </SheetTrigger>\n            {/* Drawer opens from the right side, taking good width */}\n            <SheetContent\n              side=\"right\"\n              showCloseButton={false}\n              className=\"flex w-full flex-col overflow-hidden bg-card p-0 sm:max-w-md md:max-w-2xl\"\n            >\n              {/* Header */}\n              <div className=\"flex items-center justify-between p-6 pb-2\">\n                <SheetTitle className=\"text-2xl font-bold text-foreground\">Editar</SheetTitle>\n                <SheetClose className=\"rounded-full p-2 opacity-70 transition-colors hover:bg-muted hover:opacity-100\">\n                  <X className=\"h-6 w-6 text-foreground\" />\n                  <span className=\"sr-only\">Cerrar</span>\n                </SheetClose>\n              </div>\n\n              {/* Scrollable editor content */}\n              <div className=\"flex-1 overflow-y-auto px-6 pb-6 pt-2\">\n                <ResumeEditor\n                  data={draftData}\n                  onChange={setDraftData}\n                  theme={theme}\n                  hideFields={hideFields}\n                  hideSections={hideSections}\n                  menuSlot={menuSlot}\n                />\n              </div>\n\n              {/* Sticky save footer */}\n              {onSave && (\n                <div className=\"flex justify-end gap-3 p-4\">\n                  <SheetClose asChild>\n                    <Button variant=\"outline\">Cancelar</Button>\n                  </SheetClose>\n                  <Button onClick={handleSave} className=\"gap-2\">\n                    <Save className=\"h-4 w-4\" />\n                    Guardar\n                  </Button>\n                </div>\n              )}\n            </SheetContent>\n          </Sheet>\n        )}\n\n        {withDownload && (\n          <Button\n            size=\"lg\"\n            variant=\"ghost\"\n            disabled={isDownloading}\n            onClick={handleDownload}\n            className=\"flex items-center gap-2 rounded-full bg-purple-200 px-4 text-purple-800 text-secondary shadow-xl\"\n          >\n            {isDownloading ? (\n              <Loader2 className=\"h-5 w-5 animate-spin\" />\n            ) : (\n              <Download className=\"h-5 w-5\" />\n            )}\n            <span className=\"hidden font-semibold sm:inline\">\n              {isDownloading ? \"Generando...\" : \"Descargar\"}\n            </span>\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["html2canvas","parent"]}
+{"version":3,"sources":["../../../../src/components/domain/resume/resume.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport html2canvas from \"html2canvas\";\nimport { jsPDF } from \"jspdf\";\nimport { CandidateProfile, ResumeProps, ResumeSavePayload, Action } from \"./types\";\nimport { ResumeEditor } from \"./resume-editor/resume-editor\";\nimport { ResumePreview } from \"./resume-preview/resume-preview\";\nimport { Button } from \"../../ui/button\";\nimport { Download, Edit, Loader2, Save, X } from \"lucide-react\";\nimport { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetClose } from \"../../ui/sheet\";\n\nfunction calculateDiffs(original: CandidateProfile, current: CandidateProfile): ResumeSavePayload {\n  // Determine diff for candidate table (academic info etc)\n  const candidateData: Partial<CandidateProfile> = {};\n  if (original.student_education_institution_id !== current.student_education_institution_id)\n    candidateData.student_education_institution_id = current.student_education_institution_id;\n  if (original.education_institution_id !== current.education_institution_id)\n    candidateData.education_institution_id = current.education_institution_id;\n  if (original.program_name !== current.program_name)\n    candidateData.program_name = current.program_name;\n  if (JSON.stringify(original.preferences) !== JSON.stringify(current.preferences))\n    candidateData.preferences = current.preferences;\n  if (JSON.stringify(original.advanced) !== JSON.stringify(current.advanced))\n    candidateData.advanced = current.advanced;\n\n  // Determine diff for user table (personal info)\n  const userData: Partial<CandidateProfile> = {};\n  const userFields: (keyof CandidateProfile)[] = [\n    \"first_name\",\n    \"middle_name\",\n    \"last_name\",\n    \"second_last_name\",\n    \"phone_number\",\n    \"phone_number_2\",\n    \"email\",\n    \"city\",\n    \"address\",\n    \"postal_code\",\n    \"birth_date\",\n    \"photo_url\",\n  ];\n  userFields.forEach((field) => {\n    if (original[field] !== current[field]) {\n      // @ts-expect-error - jspdf types are a bit funky\n      userData[field] = current[field];\n    }\n  });\n\n  // Helper for array diffs\n  const calculateArrayDiff = (origArray: any[] = [], currArray: any[] = []) => {\n    const changes: any[] = [];\n    const origMap = new Map(origArray.map((item) => [item.id, item]));\n\n    currArray.forEach((currItem) => {\n      const origItem = origMap.get(currItem.id);\n      if (!origItem) {\n        // New item\n        changes.push({ action: \"create\" as Action, data: currItem });\n      } else if (JSON.stringify(origItem) !== JSON.stringify(currItem)) {\n        // Updated item\n        changes.push({ action: \"update\" as Action, data: currItem, id: currItem.id });\n      }\n    });\n\n    const currMap = new Map(currArray.map((item) => [item.id, item]));\n    origArray.forEach((origItem) => {\n      if (!currMap.has(origItem.id)) {\n        // Deleted item\n        changes.push({ action: \"delete\" as Action, id: origItem.id });\n      }\n    });\n\n    return changes;\n  };\n\n  const experiencesDiff = [\n    ...calculateArrayDiff(original.work_experience, current.work_experience),\n    ...calculateArrayDiff(original.education, current.education),\n    ...calculateArrayDiff(original.activities, current.activities),\n  ];\n\n  const hwOrig = original.skills?.hard || [];\n  const hwCurr = current.skills?.hard || [];\n  const swOrig = original.skills?.soft || [];\n  const swCurr = current.skills?.soft || [];\n\n  const skillsDiff = [...calculateArrayDiff(hwOrig, hwCurr), ...calculateArrayDiff(swOrig, swCurr)];\n\n  return {\n    candidate: {\n      action: Object.keys(candidateData).length > 0 ? \"update\" : \"none\",\n      data: candidateData,\n    },\n    user: {\n      action: Object.keys(userData).length > 0 ? \"update\" : \"none\",\n      data: userData,\n    },\n    curriculum: {\n      action: original.summary !== current.summary ? \"update\" : \"none\",\n      data: { summary: current.summary },\n    },\n    experiences: experiencesDiff,\n    skills: skillsDiff,\n    certifications: calculateArrayDiff(original.certifications, current.certifications),\n  };\n}\n\nexport function Resume({\n  data,\n  editable = false,\n  headerSlot,\n  withDownload = false,\n  theme = \"hsl(var(--secondary))\",\n  hideFields = [],\n  hideSections = [],\n  menuSlot = [],\n  onSave,\n}: ResumeProps) {\n  const themeStyle = theme ? ({ \"--cv-theme\": theme } as React.CSSProperties) : undefined;\n  const [draftData, setDraftData] = useState<CandidateProfile>(data);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n  const previewRef = useRef<HTMLDivElement>(null);\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setDraftData(data);\n    }\n    setIsOpen(open);\n  };\n\n  const handleSave = () => {\n    if (onSave) {\n      const payload = calculateDiffs(data, draftData);\n      onSave(payload, draftData);\n    }\n    setIsOpen(false);\n  };\n\n  const handleDownload = async () => {\n    if (!previewRef.current || isDownloading) return;\n    setIsDownloading(true);\n\n    try {\n      const element = previewRef.current;\n      const canvas = await html2canvas(element, {\n        scale: 2,\n        useCORS: true,\n        backgroundColor: \"#ffffff\",\n        logging: false,\n        windowWidth: 1200, // Force desktop layout breakpoint\n        onclone: (clonedDoc) => {\n          const clonedElement = clonedDoc.getElementById(\"resume-capture-area\");\n          if (clonedElement instanceof HTMLElement) {\n            clonedElement.style.height = \"auto\";\n            clonedElement.style.overflow = \"visible\";\n            clonedElement.style.width = \"1200px\";\n\n            // Fix Background: html2canvas doesn't support mask-image. Render gradient to canvas\n            // and use as background-image for pixel-perfect PDF output.\n            const backgroundGradients = clonedElement.querySelectorAll(\"[data-pdf-background-gradient]\");\n            const w = 1200;\n            const h = 160;\n            const canvas = clonedDoc.createElement(\"canvas\");\n            canvas.width = w;\n            canvas.height = h;\n            const ctx = canvas.getContext(\"2d\");\n            if (ctx) {\n              const hGrad = ctx.createLinearGradient(0, 0, w, 0);\n              hGrad.addColorStop(0, \"#ffffff\");\n              hGrad.addColorStop(0.5, \"#f3e8ff\");\n              hGrad.addColorStop(1, \"#bfdbfe\");\n              ctx.fillStyle = hGrad;\n              ctx.fillRect(0, 0, w, h);\n              ctx.globalCompositeOperation = \"destination-in\";\n              const vGrad = ctx.createLinearGradient(0, 0, 0, h);\n              vGrad.addColorStop(0, \"rgba(0,0,0,1)\");\n              vGrad.addColorStop(1, \"rgba(0,0,0,0)\");\n              ctx.fillStyle = vGrad;\n              ctx.fillRect(0, 0, w, h);\n              ctx.globalCompositeOperation = \"source-over\";\n            }\n            const dataUrl = canvas.toDataURL(\"image/png\");\n            backgroundGradients.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.maskImage = \"none\";\n                el.style.background = \"none\";\n                el.style.backgroundImage = `url(${dataUrl})`;\n                el.style.backgroundSize = \"100% 100%\";\n                el.style.backgroundPosition = \"0 0\";\n              }\n            });\n\n            // Fix for images with object-fit: cover not being respected by html2canvas\n            const objectCoverImages = clonedElement.querySelectorAll(\"img.object-cover\");\n            objectCoverImages.forEach((img) => {\n              if (img instanceof HTMLImageElement) {\n                const parent = img.parentElement;\n                if (parent) {\n                  // Replace img with a div that has background-image: cover\n                  const div = clonedDoc.createElement(\"div\");\n                  div.style.width = \"100%\";\n                  div.style.height = \"100%\";\n                  div.style.backgroundImage = `url(${img.src})`;\n                  div.style.backgroundSize = \"cover\";\n                  div.style.backgroundPosition = \"center\";\n                  div.style.borderRadius = window.getComputedStyle(img).borderRadius;\n                  div.className = img.className;\n                  parent.style.marginTop = \"1rem\";\n                  parent.replaceChild(div, img);\n                }\n              }\n            });\n\n            // Hide elements marked as hidden for PDF\n            const hiddenElements = clonedElement.querySelectorAll(\".pdf-hidden\");\n            hiddenElements.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"none\";\n              }\n            });\n\n            // Fix SVG vertical alignment for html2canvas\n            // html2canvas doesn't properly handle flex align-items with SVGs\n            const svgs = clonedElement.querySelectorAll(\"svg\");\n            svgs.forEach((svg) => {\n              svg.style.display = \"inline-block\";\n              svg.style.verticalAlign = \"middle\";\n              svg.style.flexShrink = \"0\";\n              svg.style.marginRight = \"0.4rem\";\n              svg.style.marginBottom = \"-1.2rem\";\n            });\n\n            // Fix line-clamp which causes text vertical cut-offs in html2canvas\n            const clampElements = clonedElement.querySelectorAll(\n              \".line-clamp-1, .line-clamp-2, .line-clamp-3\",\n            );\n            clampElements.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"block\";\n                el.style.webkitLineClamp = \"unset\";\n                el.style.webkitBoxOrient = \"unset\";\n                el.style.overflow = \"visible\";\n                el.style.whiteSpace = \"normal\";\n                el.style.lineHeight = \"1.5\";\n              }\n            });\n\n            // Replace generic HTML elements like custom badges with simple spans\n            // because html2canvas struggles with flexbox and strict borders inside round pills\n            const badges = clonedElement.querySelectorAll(\".pdf-badge\");\n            badges.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.paddingTop = \"-10px\";\n                el.style.display = \"block\";\n                el.style.paddingTop = \"0px\";\n                el.style.paddingBottom = \"0.8rem\";\n              }\n            });\n\n            // Fix headers with bottom borders losing padding/margin\n            const headersWithBorders = clonedElement.querySelectorAll(\"h1, h2, h3, h4\");\n            headersWithBorders.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                const hasBorder =\n                  el.className.includes(\"border-b\") || el.style.borderBottomWidth !== \"\";\n                if (hasBorder) {\n                  el.style.paddingBottom = \"1.2rem\";\n                }\n              }\n            });\n\n            // Add margin top to pdf-line-v elements\n            const verticalLines = clonedElement.querySelectorAll(\".pdf-line-v\");\n            verticalLines.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.marginTop = \"0.5rem\";\n                el.style.zIndex = \"5\";\n              }\n            });\n\n            // Add margin bottom to initials in header for better alignment in PDF\n            const headerInitials = clonedElement.querySelectorAll(\".pdf-header-initials\");\n            headerInitials.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.paddingBottom = \"2rem\";\n              }\n            });\n\n            // Add styles to summary for PDF\n            const summaries = clonedElement.querySelectorAll(\".pdf-summary\");\n            summaries.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.width = \"100%\";\n                el.style.maxWidth = \"100%\";\n                el.style.marginTop = \"1.5rem\";\n              }\n            });\n\n            // Show footer in PDF and force grayscale for the logo\n            const pdfFooters = clonedElement.querySelectorAll(\".pdf-footer\");\n            pdfFooters.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"flex\";\n              }\n            });\n\n            // Also make sure parent containers don't restrict height\n            let parent = clonedElement.parentElement;\n            while (parent) {\n              parent.style.height = \"auto\";\n              parent.style.overflow = \"visible\";\n              parent = parent.parentElement;\n            }\n          }\n        },\n      });\n\n      const imgData = canvas.toDataURL(\"image/jpeg\", 1);\n      const imgWidthPx = canvas.width;\n      const imgHeightPx = canvas.height;\n\n      // Convert px to mm (at 96 DPI base * scale factor)\n      const pxToMm = 25.4 / (96 * 2);\n      const pdfWidth = imgWidthPx * pxToMm;\n      const pdfHeight = imgHeightPx * pxToMm;\n\n      const pdf = new jsPDF({\n        orientation: pdfWidth > pdfHeight ? \"landscape\" : \"portrait\",\n        unit: \"mm\",\n        format: [pdfWidth, pdfHeight],\n      });\n\n      pdf.addImage(imgData, \"JPEG\", 0, 0, pdfWidth, pdfHeight, undefined, \"FAST\");\n\n      const fileName = `CV_${data.first_name}_${data.last_name}`.replace(/\\s+/g, \"_\");\n      pdf.save(`${fileName}.pdf`);\n    } catch (error) {\n      console.error(\"Error generating PDF:\", error);\n    } finally {\n      setIsDownloading(false);\n    }\n  };\n\n  return (\n    <div\n      className=\"relative h-full w-full overflow-y-auto bg-muted/20 px-4 py-8 sm:px-8\"\n      style={themeStyle}\n    >\n      {/* Preview Panel - Takes full width, centered like a document */}\n      <div className=\"mx-auto h-full w-full max-w-5xl\">\n        <ResumePreview\n          ref={previewRef}\n          data={draftData}\n          headerSlot={headerSlot}\n          theme={theme}\n          hideFields={hideFields}\n          hideSections={hideSections}\n        />\n      </div>\n\n      {/* Floating Action Buttons */}\n      <div className=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3 sm:flex-row\">\n        {editable && (\n          <Sheet open={isOpen} onOpenChange={handleOpenChange}>\n            <SheetTrigger asChild>\n              <Button\n                size=\"lg\"\n                className=\"flex items-center gap-2 rounded-full bg-primary px-4 text-primary-foreground shadow-xl hover:bg-primary/90\"\n              >\n                <Edit className=\"h-5 w-5\" />\n                <span className=\"hidden font-semibold sm:inline\">Editar</span>\n              </Button>\n            </SheetTrigger>\n            {/* Drawer opens from the right side, taking good width */}\n            <SheetContent\n              side=\"right\"\n              showCloseButton={false}\n              className=\"flex w-full flex-col overflow-hidden bg-card p-0 sm:max-w-md md:max-w-2xl\"\n            >\n              {/* Header */}\n              <div className=\"flex items-center justify-between p-6 pb-2\">\n                <SheetTitle className=\"text-2xl font-bold text-foreground\">Editar</SheetTitle>\n                <SheetClose className=\"rounded-full p-2 opacity-70 transition-colors hover:bg-muted hover:opacity-100\">\n                  <X className=\"h-6 w-6 text-foreground\" />\n                  <span className=\"sr-only\">Cerrar</span>\n                </SheetClose>\n              </div>\n\n              {/* Scrollable editor content */}\n              <div className=\"flex-1 overflow-y-auto px-6 pb-6 pt-2\">\n                <ResumeEditor\n                  data={draftData}\n                  onChange={setDraftData}\n                  theme={theme}\n                  hideFields={hideFields}\n                  hideSections={hideSections}\n                  menuSlot={menuSlot}\n                />\n              </div>\n\n              {/* Sticky save footer */}\n              {onSave && (\n                <div className=\"flex justify-end gap-3 p-4\">\n                  <SheetClose asChild>\n                    <Button variant=\"outline\">Cancelar</Button>\n                  </SheetClose>\n                  <Button onClick={handleSave} className=\"gap-2\">\n                    <Save className=\"h-4 w-4\" />\n                    Guardar\n                  </Button>\n                </div>\n              )}\n            </SheetContent>\n          </Sheet>\n        )}\n\n        {withDownload && (\n          <Button\n            size=\"lg\"\n            variant=\"ghost\"\n            disabled={isDownloading}\n            onClick={handleDownload}\n            className=\"flex items-center gap-2 rounded-full bg-purple-100 px-4 text-purple-100 text-primary shadow-xl\"\n          >\n            {isDownloading ? (\n              <Loader2 className=\"h-5 w-5 animate-spin\" />\n            ) : (\n              <Download className=\"h-5 w-5\" />\n            )}\n            <span className=\"hidden font-semibold sm:inline\">\n              {isDownloading ? \"Generando...\" : \"Descargar\"}\n            </span>\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["html2canvas","canvas","parent"]}

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

@@ -133,6 +133,38 @@ function Resume({
             clonedElement.style.height = "auto";
             clonedElement.style.overflow = "visible";
             clonedElement.style.width = "1200px";
+            const backgroundGradients = clonedElement.querySelectorAll("[data-pdf-background-gradient]");
+            const w = 1200;
+            const h = 160;
+            const canvas2 = clonedDoc.createElement("canvas");
+            canvas2.width = w;
+            canvas2.height = h;
+            const ctx = canvas2.getContext("2d");
+            if (ctx) {
+              const hGrad = ctx.createLinearGradient(0, 0, w, 0);
+              hGrad.addColorStop(0, "#ffffff");
+              hGrad.addColorStop(0.5, "#f3e8ff");
+              hGrad.addColorStop(1, "#bfdbfe");
+              ctx.fillStyle = hGrad;
+              ctx.fillRect(0, 0, w, h);
+              ctx.globalCompositeOperation = "destination-in";
+              const vGrad = ctx.createLinearGradient(0, 0, 0, h);
+              vGrad.addColorStop(0, "rgba(0,0,0,1)");
+              vGrad.addColorStop(1, "rgba(0,0,0,0)");
+              ctx.fillStyle = vGrad;
+              ctx.fillRect(0, 0, w, h);
+              ctx.globalCompositeOperation = "source-over";
+            }
+            const dataUrl = canvas2.toDataURL("image/png");
+            backgroundGradients.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                el.style.maskImage = "none";
+                el.style.background = "none";
+                el.style.backgroundImage = `url(${dataUrl})`;
+                el.style.backgroundSize = "100% 100%";
+                el.style.backgroundPosition = "0 0";
+              }
+            });
             const objectCoverImages = clonedElement.querySelectorAll("img.object-cover");
             objectCoverImages.forEach((img) => {
               if (img instanceof HTMLImageElement) {
@@ -325,7 +357,7 @@ function Resume({
               variant: "ghost",
               disabled: isDownloading,
               onClick: handleDownload,
-              className: "flex items-center gap-2 rounded-full bg-purple-200 px-4 text-purple-800 text-secondary shadow-xl",
+              className: "flex items-center gap-2 rounded-full bg-purple-100 px-4 text-purple-100 text-primary shadow-xl",
               children: [
                 isDownloading ? /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "h-5 w-5" }),
                 /* @__PURE__ */ jsx("span", { className: "hidden font-semibold sm:inline", children: isDownloading ? "Generando..." : "Descargar" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/domain/resume/resume.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport html2canvas from \"html2canvas\";\nimport { jsPDF } from \"jspdf\";\nimport { CandidateProfile, ResumeProps, ResumeSavePayload, Action } from \"./types\";\nimport { ResumeEditor } from \"./resume-editor/resume-editor\";\nimport { ResumePreview } from \"./resume-preview/resume-preview\";\nimport { Button } from \"../../ui/button\";\nimport { Download, Edit, Loader2, Save, X } from \"lucide-react\";\nimport { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetClose } from \"../../ui/sheet\";\n\nfunction calculateDiffs(original: CandidateProfile, current: CandidateProfile): ResumeSavePayload {\n  // Determine diff for candidate table (academic info etc)\n  const candidateData: Partial<CandidateProfile> = {};\n  if (original.student_education_institution_id !== current.student_education_institution_id)\n    candidateData.student_education_institution_id = current.student_education_institution_id;\n  if (original.education_institution_id !== current.education_institution_id)\n    candidateData.education_institution_id = current.education_institution_id;\n  if (original.program_name !== current.program_name)\n    candidateData.program_name = current.program_name;\n  if (JSON.stringify(original.preferences) !== JSON.stringify(current.preferences))\n    candidateData.preferences = current.preferences;\n  if (JSON.stringify(original.advanced) !== JSON.stringify(current.advanced))\n    candidateData.advanced = current.advanced;\n\n  // Determine diff for user table (personal info)\n  const userData: Partial<CandidateProfile> = {};\n  const userFields: (keyof CandidateProfile)[] = [\n    \"first_name\",\n    \"middle_name\",\n    \"last_name\",\n    \"second_last_name\",\n    \"phone_number\",\n    \"phone_number_2\",\n    \"email\",\n    \"city\",\n    \"address\",\n    \"postal_code\",\n    \"birth_date\",\n    \"photo_url\",\n  ];\n  userFields.forEach((field) => {\n    if (original[field] !== current[field]) {\n      // @ts-expect-error - jspdf types are a bit funky\n      userData[field] = current[field];\n    }\n  });\n\n  // Helper for array diffs\n  const calculateArrayDiff = (origArray: any[] = [], currArray: any[] = []) => {\n    const changes: any[] = [];\n    const origMap = new Map(origArray.map((item) => [item.id, item]));\n\n    currArray.forEach((currItem) => {\n      const origItem = origMap.get(currItem.id);\n      if (!origItem) {\n        // New item\n        changes.push({ action: \"create\" as Action, data: currItem });\n      } else if (JSON.stringify(origItem) !== JSON.stringify(currItem)) {\n        // Updated item\n        changes.push({ action: \"update\" as Action, data: currItem, id: currItem.id });\n      }\n    });\n\n    const currMap = new Map(currArray.map((item) => [item.id, item]));\n    origArray.forEach((origItem) => {\n      if (!currMap.has(origItem.id)) {\n        // Deleted item\n        changes.push({ action: \"delete\" as Action, id: origItem.id });\n      }\n    });\n\n    return changes;\n  };\n\n  const experiencesDiff = [\n    ...calculateArrayDiff(original.work_experience, current.work_experience),\n    ...calculateArrayDiff(original.education, current.education),\n    ...calculateArrayDiff(original.activities, current.activities),\n  ];\n\n  const hwOrig = original.skills?.hard || [];\n  const hwCurr = current.skills?.hard || [];\n  const swOrig = original.skills?.soft || [];\n  const swCurr = current.skills?.soft || [];\n\n  const skillsDiff = [...calculateArrayDiff(hwOrig, hwCurr), ...calculateArrayDiff(swOrig, swCurr)];\n\n  return {\n    candidate: {\n      action: Object.keys(candidateData).length > 0 ? \"update\" : \"none\",\n      data: candidateData,\n    },\n    user: {\n      action: Object.keys(userData).length > 0 ? \"update\" : \"none\",\n      data: userData,\n    },\n    curriculum: {\n      action: original.summary !== current.summary ? \"update\" : \"none\",\n      data: { summary: current.summary },\n    },\n    experiences: experiencesDiff,\n    skills: skillsDiff,\n    certifications: calculateArrayDiff(original.certifications, current.certifications),\n  };\n}\n\nexport function Resume({\n  data,\n  editable = false,\n  headerSlot,\n  withDownload = false,\n  theme = \"hsl(var(--secondary))\",\n  hideFields = [],\n  hideSections = [],\n  menuSlot = [],\n  onSave,\n}: ResumeProps) {\n  const themeStyle = theme ? ({ \"--cv-theme\": theme } as React.CSSProperties) : undefined;\n  const [draftData, setDraftData] = useState<CandidateProfile>(data);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n  const previewRef = useRef<HTMLDivElement>(null);\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setDraftData(data);\n    }\n    setIsOpen(open);\n  };\n\n  const handleSave = () => {\n    if (onSave) {\n      const payload = calculateDiffs(data, draftData);\n      onSave(payload, draftData);\n    }\n    setIsOpen(false);\n  };\n\n  const handleDownload = async () => {\n    if (!previewRef.current || isDownloading) return;\n    setIsDownloading(true);\n\n    try {\n      const element = previewRef.current;\n      const canvas = await html2canvas(element, {\n        scale: 2,\n        useCORS: true,\n        backgroundColor: \"#ffffff\",\n        logging: false,\n        windowWidth: 1200, // Force desktop layout breakpoint\n        onclone: (clonedDoc) => {\n          const clonedElement = clonedDoc.getElementById(\"resume-capture-area\");\n          if (clonedElement instanceof HTMLElement) {\n            clonedElement.style.height = \"auto\";\n            clonedElement.style.overflow = \"visible\";\n            clonedElement.style.width = \"1200px\";\n\n            // Fix for images with object-fit: cover not being respected by html2canvas\n            const objectCoverImages = clonedElement.querySelectorAll(\"img.object-cover\");\n            objectCoverImages.forEach((img) => {\n              if (img instanceof HTMLImageElement) {\n                const parent = img.parentElement;\n                if (parent) {\n                  // Replace img with a div that has background-image: cover\n                  const div = clonedDoc.createElement(\"div\");\n                  div.style.width = \"100%\";\n                  div.style.height = \"100%\";\n                  div.style.backgroundImage = `url(${img.src})`;\n                  div.style.backgroundSize = \"cover\";\n                  div.style.backgroundPosition = \"center\";\n                  div.style.borderRadius = window.getComputedStyle(img).borderRadius;\n                  div.className = img.className;\n                  parent.style.marginTop = \"1rem\";\n                  parent.replaceChild(div, img);\n                }\n              }\n            });\n\n            // Hide elements marked as hidden for PDF\n            const hiddenElements = clonedElement.querySelectorAll(\".pdf-hidden\");\n            hiddenElements.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"none\";\n              }\n            });\n\n            // Fix SVG vertical alignment for html2canvas\n            // html2canvas doesn't properly handle flex align-items with SVGs\n            const svgs = clonedElement.querySelectorAll(\"svg\");\n            svgs.forEach((svg) => {\n              svg.style.display = \"inline-block\";\n              svg.style.verticalAlign = \"middle\";\n              svg.style.flexShrink = \"0\";\n              svg.style.marginRight = \"0.4rem\";\n              svg.style.marginBottom = \"-1.2rem\";\n            });\n\n            // Fix line-clamp which causes text vertical cut-offs in html2canvas\n            const clampElements = clonedElement.querySelectorAll(\n              \".line-clamp-1, .line-clamp-2, .line-clamp-3\",\n            );\n            clampElements.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"block\";\n                el.style.webkitLineClamp = \"unset\";\n                el.style.webkitBoxOrient = \"unset\";\n                el.style.overflow = \"visible\";\n                el.style.whiteSpace = \"normal\";\n                el.style.lineHeight = \"1.5\";\n              }\n            });\n\n            // Replace generic HTML elements like custom badges with simple spans\n            // because html2canvas struggles with flexbox and strict borders inside round pills\n            const badges = clonedElement.querySelectorAll(\".pdf-badge\");\n            badges.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.paddingTop = \"-10px\";\n                el.style.display = \"block\";\n                el.style.paddingTop = \"0px\";\n                el.style.paddingBottom = \"0.8rem\";\n              }\n            });\n\n            // Fix headers with bottom borders losing padding/margin\n            const headersWithBorders = clonedElement.querySelectorAll(\"h1, h2, h3, h4\");\n            headersWithBorders.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                const hasBorder =\n                  el.className.includes(\"border-b\") || el.style.borderBottomWidth !== \"\";\n                if (hasBorder) {\n                  el.style.paddingBottom = \"1.2rem\";\n                }\n              }\n            });\n\n            // Add margin top to pdf-line-v elements\n            const verticalLines = clonedElement.querySelectorAll(\".pdf-line-v\");\n            verticalLines.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.marginTop = \"0.5rem\";\n                el.style.zIndex = \"5\";\n              }\n            });\n\n            // Add margin bottom to initials in header for better alignment in PDF\n            const headerInitials = clonedElement.querySelectorAll(\".pdf-header-initials\");\n            headerInitials.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.paddingBottom = \"2rem\";\n              }\n            });\n\n            // Add styles to summary for PDF\n            const summaries = clonedElement.querySelectorAll(\".pdf-summary\");\n            summaries.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.width = \"100%\";\n                el.style.maxWidth = \"100%\";\n                el.style.marginTop = \"1.5rem\";\n              }\n            });\n\n            // Show footer in PDF and force grayscale for the logo\n            const pdfFooters = clonedElement.querySelectorAll(\".pdf-footer\");\n            pdfFooters.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"flex\";\n              }\n            });\n\n            // Also make sure parent containers don't restrict height\n            let parent = clonedElement.parentElement;\n            while (parent) {\n              parent.style.height = \"auto\";\n              parent.style.overflow = \"visible\";\n              parent = parent.parentElement;\n            }\n          }\n        },\n      });\n\n      const imgData = canvas.toDataURL(\"image/jpeg\", 1);\n      const imgWidthPx = canvas.width;\n      const imgHeightPx = canvas.height;\n\n      // Convert px to mm (at 96 DPI base * scale factor)\n      const pxToMm = 25.4 / (96 * 2);\n      const pdfWidth = imgWidthPx * pxToMm;\n      const pdfHeight = imgHeightPx * pxToMm;\n\n      const pdf = new jsPDF({\n        orientation: pdfWidth > pdfHeight ? \"landscape\" : \"portrait\",\n        unit: \"mm\",\n        format: [pdfWidth, pdfHeight],\n      });\n\n      pdf.addImage(imgData, \"JPEG\", 0, 0, pdfWidth, pdfHeight, undefined, \"FAST\");\n\n      const fileName = `CV_${data.first_name}_${data.last_name}`.replace(/\\s+/g, \"_\");\n      pdf.save(`${fileName}.pdf`);\n    } catch (error) {\n      console.error(\"Error generating PDF:\", error);\n    } finally {\n      setIsDownloading(false);\n    }\n  };\n\n  return (\n    <div\n      className=\"relative h-full w-full overflow-y-auto bg-muted/20 px-4 py-8 sm:px-8\"\n      style={themeStyle}\n    >\n      {/* Preview Panel - Takes full width, centered like a document */}\n      <div className=\"mx-auto h-full w-full max-w-5xl\">\n        <ResumePreview\n          ref={previewRef}\n          data={draftData}\n          headerSlot={headerSlot}\n          theme={theme}\n          hideFields={hideFields}\n          hideSections={hideSections}\n        />\n      </div>\n\n      {/* Floating Action Buttons */}\n      <div className=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3 sm:flex-row\">\n        {editable && (\n          <Sheet open={isOpen} onOpenChange={handleOpenChange}>\n            <SheetTrigger asChild>\n              <Button\n                size=\"lg\"\n                className=\"flex items-center gap-2 rounded-full bg-primary px-4 text-primary-foreground shadow-xl hover:bg-primary/90\"\n              >\n                <Edit className=\"h-5 w-5\" />\n                <span className=\"hidden font-semibold sm:inline\">Editar</span>\n              </Button>\n            </SheetTrigger>\n            {/* Drawer opens from the right side, taking good width */}\n            <SheetContent\n              side=\"right\"\n              showCloseButton={false}\n              className=\"flex w-full flex-col overflow-hidden bg-card p-0 sm:max-w-md md:max-w-2xl\"\n            >\n              {/* Header */}\n              <div className=\"flex items-center justify-between p-6 pb-2\">\n                <SheetTitle className=\"text-2xl font-bold text-foreground\">Editar</SheetTitle>\n                <SheetClose className=\"rounded-full p-2 opacity-70 transition-colors hover:bg-muted hover:opacity-100\">\n                  <X className=\"h-6 w-6 text-foreground\" />\n                  <span className=\"sr-only\">Cerrar</span>\n                </SheetClose>\n              </div>\n\n              {/* Scrollable editor content */}\n              <div className=\"flex-1 overflow-y-auto px-6 pb-6 pt-2\">\n                <ResumeEditor\n                  data={draftData}\n                  onChange={setDraftData}\n                  theme={theme}\n                  hideFields={hideFields}\n                  hideSections={hideSections}\n                  menuSlot={menuSlot}\n                />\n              </div>\n\n              {/* Sticky save footer */}\n              {onSave && (\n                <div className=\"flex justify-end gap-3 p-4\">\n                  <SheetClose asChild>\n                    <Button variant=\"outline\">Cancelar</Button>\n                  </SheetClose>\n                  <Button onClick={handleSave} className=\"gap-2\">\n                    <Save className=\"h-4 w-4\" />\n                    Guardar\n                  </Button>\n                </div>\n              )}\n            </SheetContent>\n          </Sheet>\n        )}\n\n        {withDownload && (\n          <Button\n            size=\"lg\"\n            variant=\"ghost\"\n            disabled={isDownloading}\n            onClick={handleDownload}\n            className=\"flex items-center gap-2 rounded-full bg-purple-200 px-4 text-purple-800 text-secondary shadow-xl\"\n          >\n            {isDownloading ? (\n              <Loader2 className=\"h-5 w-5 animate-spin\" />\n            ) : (\n              <Download className=\"h-5 w-5\" />\n            )}\n            <span className=\"hidden font-semibold sm:inline\">\n              {isDownloading ? \"Generando...\" : \"Descargar\"}\n            </span>\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["parent"]}
+{"version":3,"sources":["../../../../src/components/domain/resume/resume.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport html2canvas from \"html2canvas\";\nimport { jsPDF } from \"jspdf\";\nimport { CandidateProfile, ResumeProps, ResumeSavePayload, Action } from \"./types\";\nimport { ResumeEditor } from \"./resume-editor/resume-editor\";\nimport { ResumePreview } from \"./resume-preview/resume-preview\";\nimport { Button } from \"../../ui/button\";\nimport { Download, Edit, Loader2, Save, X } from \"lucide-react\";\nimport { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetClose } from \"../../ui/sheet\";\n\nfunction calculateDiffs(original: CandidateProfile, current: CandidateProfile): ResumeSavePayload {\n  // Determine diff for candidate table (academic info etc)\n  const candidateData: Partial<CandidateProfile> = {};\n  if (original.student_education_institution_id !== current.student_education_institution_id)\n    candidateData.student_education_institution_id = current.student_education_institution_id;\n  if (original.education_institution_id !== current.education_institution_id)\n    candidateData.education_institution_id = current.education_institution_id;\n  if (original.program_name !== current.program_name)\n    candidateData.program_name = current.program_name;\n  if (JSON.stringify(original.preferences) !== JSON.stringify(current.preferences))\n    candidateData.preferences = current.preferences;\n  if (JSON.stringify(original.advanced) !== JSON.stringify(current.advanced))\n    candidateData.advanced = current.advanced;\n\n  // Determine diff for user table (personal info)\n  const userData: Partial<CandidateProfile> = {};\n  const userFields: (keyof CandidateProfile)[] = [\n    \"first_name\",\n    \"middle_name\",\n    \"last_name\",\n    \"second_last_name\",\n    \"phone_number\",\n    \"phone_number_2\",\n    \"email\",\n    \"city\",\n    \"address\",\n    \"postal_code\",\n    \"birth_date\",\n    \"photo_url\",\n  ];\n  userFields.forEach((field) => {\n    if (original[field] !== current[field]) {\n      // @ts-expect-error - jspdf types are a bit funky\n      userData[field] = current[field];\n    }\n  });\n\n  // Helper for array diffs\n  const calculateArrayDiff = (origArray: any[] = [], currArray: any[] = []) => {\n    const changes: any[] = [];\n    const origMap = new Map(origArray.map((item) => [item.id, item]));\n\n    currArray.forEach((currItem) => {\n      const origItem = origMap.get(currItem.id);\n      if (!origItem) {\n        // New item\n        changes.push({ action: \"create\" as Action, data: currItem });\n      } else if (JSON.stringify(origItem) !== JSON.stringify(currItem)) {\n        // Updated item\n        changes.push({ action: \"update\" as Action, data: currItem, id: currItem.id });\n      }\n    });\n\n    const currMap = new Map(currArray.map((item) => [item.id, item]));\n    origArray.forEach((origItem) => {\n      if (!currMap.has(origItem.id)) {\n        // Deleted item\n        changes.push({ action: \"delete\" as Action, id: origItem.id });\n      }\n    });\n\n    return changes;\n  };\n\n  const experiencesDiff = [\n    ...calculateArrayDiff(original.work_experience, current.work_experience),\n    ...calculateArrayDiff(original.education, current.education),\n    ...calculateArrayDiff(original.activities, current.activities),\n  ];\n\n  const hwOrig = original.skills?.hard || [];\n  const hwCurr = current.skills?.hard || [];\n  const swOrig = original.skills?.soft || [];\n  const swCurr = current.skills?.soft || [];\n\n  const skillsDiff = [...calculateArrayDiff(hwOrig, hwCurr), ...calculateArrayDiff(swOrig, swCurr)];\n\n  return {\n    candidate: {\n      action: Object.keys(candidateData).length > 0 ? \"update\" : \"none\",\n      data: candidateData,\n    },\n    user: {\n      action: Object.keys(userData).length > 0 ? \"update\" : \"none\",\n      data: userData,\n    },\n    curriculum: {\n      action: original.summary !== current.summary ? \"update\" : \"none\",\n      data: { summary: current.summary },\n    },\n    experiences: experiencesDiff,\n    skills: skillsDiff,\n    certifications: calculateArrayDiff(original.certifications, current.certifications),\n  };\n}\n\nexport function Resume({\n  data,\n  editable = false,\n  headerSlot,\n  withDownload = false,\n  theme = \"hsl(var(--secondary))\",\n  hideFields = [],\n  hideSections = [],\n  menuSlot = [],\n  onSave,\n}: ResumeProps) {\n  const themeStyle = theme ? ({ \"--cv-theme\": theme } as React.CSSProperties) : undefined;\n  const [draftData, setDraftData] = useState<CandidateProfile>(data);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n  const previewRef = useRef<HTMLDivElement>(null);\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setDraftData(data);\n    }\n    setIsOpen(open);\n  };\n\n  const handleSave = () => {\n    if (onSave) {\n      const payload = calculateDiffs(data, draftData);\n      onSave(payload, draftData);\n    }\n    setIsOpen(false);\n  };\n\n  const handleDownload = async () => {\n    if (!previewRef.current || isDownloading) return;\n    setIsDownloading(true);\n\n    try {\n      const element = previewRef.current;\n      const canvas = await html2canvas(element, {\n        scale: 2,\n        useCORS: true,\n        backgroundColor: \"#ffffff\",\n        logging: false,\n        windowWidth: 1200, // Force desktop layout breakpoint\n        onclone: (clonedDoc) => {\n          const clonedElement = clonedDoc.getElementById(\"resume-capture-area\");\n          if (clonedElement instanceof HTMLElement) {\n            clonedElement.style.height = \"auto\";\n            clonedElement.style.overflow = \"visible\";\n            clonedElement.style.width = \"1200px\";\n\n            // Fix Background: html2canvas doesn't support mask-image. Render gradient to canvas\n            // and use as background-image for pixel-perfect PDF output.\n            const backgroundGradients = clonedElement.querySelectorAll(\"[data-pdf-background-gradient]\");\n            const w = 1200;\n            const h = 160;\n            const canvas = clonedDoc.createElement(\"canvas\");\n            canvas.width = w;\n            canvas.height = h;\n            const ctx = canvas.getContext(\"2d\");\n            if (ctx) {\n              const hGrad = ctx.createLinearGradient(0, 0, w, 0);\n              hGrad.addColorStop(0, \"#ffffff\");\n              hGrad.addColorStop(0.5, \"#f3e8ff\");\n              hGrad.addColorStop(1, \"#bfdbfe\");\n              ctx.fillStyle = hGrad;\n              ctx.fillRect(0, 0, w, h);\n              ctx.globalCompositeOperation = \"destination-in\";\n              const vGrad = ctx.createLinearGradient(0, 0, 0, h);\n              vGrad.addColorStop(0, \"rgba(0,0,0,1)\");\n              vGrad.addColorStop(1, \"rgba(0,0,0,0)\");\n              ctx.fillStyle = vGrad;\n              ctx.fillRect(0, 0, w, h);\n              ctx.globalCompositeOperation = \"source-over\";\n            }\n            const dataUrl = canvas.toDataURL(\"image/png\");\n            backgroundGradients.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.maskImage = \"none\";\n                el.style.background = \"none\";\n                el.style.backgroundImage = `url(${dataUrl})`;\n                el.style.backgroundSize = \"100% 100%\";\n                el.style.backgroundPosition = \"0 0\";\n              }\n            });\n\n            // Fix for images with object-fit: cover not being respected by html2canvas\n            const objectCoverImages = clonedElement.querySelectorAll(\"img.object-cover\");\n            objectCoverImages.forEach((img) => {\n              if (img instanceof HTMLImageElement) {\n                const parent = img.parentElement;\n                if (parent) {\n                  // Replace img with a div that has background-image: cover\n                  const div = clonedDoc.createElement(\"div\");\n                  div.style.width = \"100%\";\n                  div.style.height = \"100%\";\n                  div.style.backgroundImage = `url(${img.src})`;\n                  div.style.backgroundSize = \"cover\";\n                  div.style.backgroundPosition = \"center\";\n                  div.style.borderRadius = window.getComputedStyle(img).borderRadius;\n                  div.className = img.className;\n                  parent.style.marginTop = \"1rem\";\n                  parent.replaceChild(div, img);\n                }\n              }\n            });\n\n            // Hide elements marked as hidden for PDF\n            const hiddenElements = clonedElement.querySelectorAll(\".pdf-hidden\");\n            hiddenElements.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"none\";\n              }\n            });\n\n            // Fix SVG vertical alignment for html2canvas\n            // html2canvas doesn't properly handle flex align-items with SVGs\n            const svgs = clonedElement.querySelectorAll(\"svg\");\n            svgs.forEach((svg) => {\n              svg.style.display = \"inline-block\";\n              svg.style.verticalAlign = \"middle\";\n              svg.style.flexShrink = \"0\";\n              svg.style.marginRight = \"0.4rem\";\n              svg.style.marginBottom = \"-1.2rem\";\n            });\n\n            // Fix line-clamp which causes text vertical cut-offs in html2canvas\n            const clampElements = clonedElement.querySelectorAll(\n              \".line-clamp-1, .line-clamp-2, .line-clamp-3\",\n            );\n            clampElements.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"block\";\n                el.style.webkitLineClamp = \"unset\";\n                el.style.webkitBoxOrient = \"unset\";\n                el.style.overflow = \"visible\";\n                el.style.whiteSpace = \"normal\";\n                el.style.lineHeight = \"1.5\";\n              }\n            });\n\n            // Replace generic HTML elements like custom badges with simple spans\n            // because html2canvas struggles with flexbox and strict borders inside round pills\n            const badges = clonedElement.querySelectorAll(\".pdf-badge\");\n            badges.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.paddingTop = \"-10px\";\n                el.style.display = \"block\";\n                el.style.paddingTop = \"0px\";\n                el.style.paddingBottom = \"0.8rem\";\n              }\n            });\n\n            // Fix headers with bottom borders losing padding/margin\n            const headersWithBorders = clonedElement.querySelectorAll(\"h1, h2, h3, h4\");\n            headersWithBorders.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                const hasBorder =\n                  el.className.includes(\"border-b\") || el.style.borderBottomWidth !== \"\";\n                if (hasBorder) {\n                  el.style.paddingBottom = \"1.2rem\";\n                }\n              }\n            });\n\n            // Add margin top to pdf-line-v elements\n            const verticalLines = clonedElement.querySelectorAll(\".pdf-line-v\");\n            verticalLines.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.marginTop = \"0.5rem\";\n                el.style.zIndex = \"5\";\n              }\n            });\n\n            // Add margin bottom to initials in header for better alignment in PDF\n            const headerInitials = clonedElement.querySelectorAll(\".pdf-header-initials\");\n            headerInitials.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.paddingBottom = \"2rem\";\n              }\n            });\n\n            // Add styles to summary for PDF\n            const summaries = clonedElement.querySelectorAll(\".pdf-summary\");\n            summaries.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.width = \"100%\";\n                el.style.maxWidth = \"100%\";\n                el.style.marginTop = \"1.5rem\";\n              }\n            });\n\n            // Show footer in PDF and force grayscale for the logo\n            const pdfFooters = clonedElement.querySelectorAll(\".pdf-footer\");\n            pdfFooters.forEach((el) => {\n              if (el instanceof HTMLElement) {\n                el.style.display = \"flex\";\n              }\n            });\n\n            // Also make sure parent containers don't restrict height\n            let parent = clonedElement.parentElement;\n            while (parent) {\n              parent.style.height = \"auto\";\n              parent.style.overflow = \"visible\";\n              parent = parent.parentElement;\n            }\n          }\n        },\n      });\n\n      const imgData = canvas.toDataURL(\"image/jpeg\", 1);\n      const imgWidthPx = canvas.width;\n      const imgHeightPx = canvas.height;\n\n      // Convert px to mm (at 96 DPI base * scale factor)\n      const pxToMm = 25.4 / (96 * 2);\n      const pdfWidth = imgWidthPx * pxToMm;\n      const pdfHeight = imgHeightPx * pxToMm;\n\n      const pdf = new jsPDF({\n        orientation: pdfWidth > pdfHeight ? \"landscape\" : \"portrait\",\n        unit: \"mm\",\n        format: [pdfWidth, pdfHeight],\n      });\n\n      pdf.addImage(imgData, \"JPEG\", 0, 0, pdfWidth, pdfHeight, undefined, \"FAST\");\n\n      const fileName = `CV_${data.first_name}_${data.last_name}`.replace(/\\s+/g, \"_\");\n      pdf.save(`${fileName}.pdf`);\n    } catch (error) {\n      console.error(\"Error generating PDF:\", error);\n    } finally {\n      setIsDownloading(false);\n    }\n  };\n\n  return (\n    <div\n      className=\"relative h-full w-full overflow-y-auto bg-muted/20 px-4 py-8 sm:px-8\"\n      style={themeStyle}\n    >\n      {/* Preview Panel - Takes full width, centered like a document */}\n      <div className=\"mx-auto h-full w-full max-w-5xl\">\n        <ResumePreview\n          ref={previewRef}\n          data={draftData}\n          headerSlot={headerSlot}\n          theme={theme}\n          hideFields={hideFields}\n          hideSections={hideSections}\n        />\n      </div>\n\n      {/* Floating Action Buttons */}\n      <div className=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3 sm:flex-row\">\n        {editable && (\n          <Sheet open={isOpen} onOpenChange={handleOpenChange}>\n            <SheetTrigger asChild>\n              <Button\n                size=\"lg\"\n                className=\"flex items-center gap-2 rounded-full bg-primary px-4 text-primary-foreground shadow-xl hover:bg-primary/90\"\n              >\n                <Edit className=\"h-5 w-5\" />\n                <span className=\"hidden font-semibold sm:inline\">Editar</span>\n              </Button>\n            </SheetTrigger>\n            {/* Drawer opens from the right side, taking good width */}\n            <SheetContent\n              side=\"right\"\n              showCloseButton={false}\n              className=\"flex w-full flex-col overflow-hidden bg-card p-0 sm:max-w-md md:max-w-2xl\"\n            >\n              {/* Header */}\n              <div className=\"flex items-center justify-between p-6 pb-2\">\n                <SheetTitle className=\"text-2xl font-bold text-foreground\">Editar</SheetTitle>\n                <SheetClose className=\"rounded-full p-2 opacity-70 transition-colors hover:bg-muted hover:opacity-100\">\n                  <X className=\"h-6 w-6 text-foreground\" />\n                  <span className=\"sr-only\">Cerrar</span>\n                </SheetClose>\n              </div>\n\n              {/* Scrollable editor content */}\n              <div className=\"flex-1 overflow-y-auto px-6 pb-6 pt-2\">\n                <ResumeEditor\n                  data={draftData}\n                  onChange={setDraftData}\n                  theme={theme}\n                  hideFields={hideFields}\n                  hideSections={hideSections}\n                  menuSlot={menuSlot}\n                />\n              </div>\n\n              {/* Sticky save footer */}\n              {onSave && (\n                <div className=\"flex justify-end gap-3 p-4\">\n                  <SheetClose asChild>\n                    <Button variant=\"outline\">Cancelar</Button>\n                  </SheetClose>\n                  <Button onClick={handleSave} className=\"gap-2\">\n                    <Save className=\"h-4 w-4\" />\n                    Guardar\n                  </Button>\n                </div>\n              )}\n            </SheetContent>\n          </Sheet>\n        )}\n\n        {withDownload && (\n          <Button\n            size=\"lg\"\n            variant=\"ghost\"\n            disabled={isDownloading}\n            onClick={handleDownload}\n            className=\"flex items-center gap-2 rounded-full bg-purple-100 px-4 text-purple-100 text-primary shadow-xl\"\n          >\n            {isDownloading ? (\n              <Loader2 className=\"h-5 w-5 animate-spin\" />\n            ) : (\n              <Download className=\"h-5 w-5\" />\n            )}\n            <span className=\"hidden font-semibold sm:inline\">\n              {isDownloading ? \"Generando...\" : \"Descargar\"}\n            </span>\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["canvas","parent"]}

package/dist/components/ui/background/background.cjs

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var background_exports = {};
+__export(background_exports, {
+  Background: () => Background,
+  CORNER_GRADIENT: () => CORNER_GRADIENT,
+  RESUME_GRADIENT: () => RESUME_GRADIENT
+});
+module.exports = __toCommonJS(background_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_utils = require("../../../lib/utils");
+const RESUME_GRADIENT = "h-24 w-full bg-gradient-to-r from-[#FFFFFF] via-[#EBEBFF] to-[#E1F0FF]";
+const CORNER_GRADIENT = "radial-gradient(ellipse 80% 60% at 100% 0%, hsl(var(--secondary) / 0.1) 0%, hsl(var(--accent-blue) / 0.06) 50%, transparent 70%)";
+const Background = React.forwardRef(
+  ({
+    className,
+    style,
+    gradientClassName = "bg-gradient-to-r from-white via-purple-100 to-blue-200",
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ref,
+      className: (0, import_utils.cn)("absolute w-full h-40 bg-white overflow-hidden left-0 top-0", className),
+      style,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            "data-pdf-background-gradient": true,
+            className: (0, import_utils.cn)(
+              "absolute inset-0 w-full h-full",
+              gradientClassName,
+              "[mask-image:linear-gradient(to_bottom,black_0%,transparent_100%)]"
+            )
+          }
+        ),
+        children
+      ]
+    }
+  )
+);
+Background.displayName = "Background";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Background,
+  CORNER_GRADIENT,
+  RESUME_GRADIENT
+});
+//# sourceMappingURL=background.cjs.map

package/dist/components/ui/background/background.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/background/background.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\n/**\n * Soft diagonal gradient: top-left (white) → pale lavender (mid) → pale blue (bottom-right).\n * Ethereal, very subtle pastel transition.\n */\nconst RESUME_GRADIENT =\n  \"h-24 w-full bg-gradient-to-r from-[#FFFFFF] via-[#EBEBFF] to-[#E1F0FF]\";\n\n/**\n * Subtle gradient wash for upper-right corner decoration.\n * Multi-stop: lavender/pink → blue, fading to transparent.\n * Uses semantic tokens for theme compatibility.\n */\nconst CORNER_GRADIENT =\n  \"radial-gradient(ellipse 80% 60% at 100% 0%, hsl(var(--secondary) / 0.1) 0%, hsl(var(--accent-blue) / 0.06) 50%, transparent 70%)\";\n\ninterface BackgroundProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Custom gradient classes. Defaults to white → purple-100 → blue-200. */\n  gradientClassName?: string;\n}\n\n/**\n * Wrapper with gradient background and bottom fade mask. Renders children inside.\n */\nconst Background = React.forwardRef<HTMLDivElement, BackgroundProps>(\n  (\n    {\n      className,\n      style,\n      gradientClassName = \"bg-gradient-to-r from-white via-purple-100 to-blue-200\",\n      children,\n      ...props\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      className={cn(\"absolute w-full h-40 bg-white overflow-hidden left-0 top-0\", className)}\n      style={style}\n      {...props}\n    >\n      <div\n        data-pdf-background-gradient\n        className={cn(\n          \"absolute inset-0 w-full h-full\",\n          gradientClassName,\n          \"[mask-image:linear-gradient(to_bottom,black_0%,transparent_100%)]\",\n        )}\n      />\n      {children}\n    </div>\n  ),\n);\nBackground.displayName = \"Background\";\n\nexport { Background, RESUME_GRADIENT, CORNER_GRADIENT };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCI;AAtCJ,YAAuB;AAEvB,mBAAmB;AAMnB,MAAM,kBACJ;AAOF,MAAM,kBACJ;AAUF,MAAM,aAAa,MAAM;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA,GAAG;AAAA,EACL,GACA,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,iBAAG,8DAA8D,SAAS;AAAA,MACrF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,gCAA4B;AAAA,YAC5B,eAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;AACA,WAAW,cAAc;","names":[]}

package/dist/components/ui/background/background.d.cts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+/**
+ * Soft diagonal gradient: top-left (white) → pale lavender (mid) → pale blue (bottom-right).
+ * Ethereal, very subtle pastel transition.
+ */
+declare const RESUME_GRADIENT = "h-24 w-full bg-gradient-to-r from-[#FFFFFF] via-[#EBEBFF] to-[#E1F0FF]";
+/**
+ * Subtle gradient wash for upper-right corner decoration.
+ * Multi-stop: lavender/pink → blue, fading to transparent.
+ * Uses semantic tokens for theme compatibility.
+ */
+declare const CORNER_GRADIENT = "radial-gradient(ellipse 80% 60% at 100% 0%, hsl(var(--secondary) / 0.1) 0%, hsl(var(--accent-blue) / 0.06) 50%, transparent 70%)";
+interface BackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Custom gradient classes. Defaults to white → purple-100 → blue-200. */
+    gradientClassName?: string;
+}
+/**
+ * Wrapper with gradient background and bottom fade mask. Renders children inside.
+ */
+declare const Background: React.ForwardRefExoticComponent<BackgroundProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Background, CORNER_GRADIENT, RESUME_GRADIENT };

package/dist/components/ui/background/background.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+/**
+ * Soft diagonal gradient: top-left (white) → pale lavender (mid) → pale blue (bottom-right).
+ * Ethereal, very subtle pastel transition.
+ */
+declare const RESUME_GRADIENT = "h-24 w-full bg-gradient-to-r from-[#FFFFFF] via-[#EBEBFF] to-[#E1F0FF]";
+/**
+ * Subtle gradient wash for upper-right corner decoration.
+ * Multi-stop: lavender/pink → blue, fading to transparent.
+ * Uses semantic tokens for theme compatibility.
+ */
+declare const CORNER_GRADIENT = "radial-gradient(ellipse 80% 60% at 100% 0%, hsl(var(--secondary) / 0.1) 0%, hsl(var(--accent-blue) / 0.06) 50%, transparent 70%)";
+interface BackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Custom gradient classes. Defaults to white → purple-100 → blue-200. */
+    gradientClassName?: string;
+}
+/**
+ * Wrapper with gradient background and bottom fade mask. Renders children inside.
+ */
+declare const Background: React.ForwardRefExoticComponent<BackgroundProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Background, CORNER_GRADIENT, RESUME_GRADIENT };

package/dist/components/ui/background/background.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../../lib/utils";
+const RESUME_GRADIENT = "h-24 w-full bg-gradient-to-r from-[#FFFFFF] via-[#EBEBFF] to-[#E1F0FF]";
+const CORNER_GRADIENT = "radial-gradient(ellipse 80% 60% at 100% 0%, hsl(var(--secondary) / 0.1) 0%, hsl(var(--accent-blue) / 0.06) 50%, transparent 70%)";
+const Background = React.forwardRef(
+  ({
+    className,
+    style,
+    gradientClassName = "bg-gradient-to-r from-white via-purple-100 to-blue-200",
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("absolute w-full h-40 bg-white overflow-hidden left-0 top-0", className),
+      style,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pdf-background-gradient": true,
+            className: cn(
+              "absolute inset-0 w-full h-full",
+              gradientClassName,
+              "[mask-image:linear-gradient(to_bottom,black_0%,transparent_100%)]"
+            )
+          }
+        ),
+        children
+      ]
+    }
+  )
+);
+Background.displayName = "Background";
+export {
+  Background,
+  CORNER_GRADIENT,
+  RESUME_GRADIENT
+};
+//# sourceMappingURL=background.js.map

package/dist/components/ui/background/background.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/background/background.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\n/**\n * Soft diagonal gradient: top-left (white) → pale lavender (mid) → pale blue (bottom-right).\n * Ethereal, very subtle pastel transition.\n */\nconst RESUME_GRADIENT =\n  \"h-24 w-full bg-gradient-to-r from-[#FFFFFF] via-[#EBEBFF] to-[#E1F0FF]\";\n\n/**\n * Subtle gradient wash for upper-right corner decoration.\n * Multi-stop: lavender/pink → blue, fading to transparent.\n * Uses semantic tokens for theme compatibility.\n */\nconst CORNER_GRADIENT =\n  \"radial-gradient(ellipse 80% 60% at 100% 0%, hsl(var(--secondary) / 0.1) 0%, hsl(var(--accent-blue) / 0.06) 50%, transparent 70%)\";\n\ninterface BackgroundProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Custom gradient classes. Defaults to white → purple-100 → blue-200. */\n  gradientClassName?: string;\n}\n\n/**\n * Wrapper with gradient background and bottom fade mask. Renders children inside.\n */\nconst Background = React.forwardRef<HTMLDivElement, BackgroundProps>(\n  (\n    {\n      className,\n      style,\n      gradientClassName = \"bg-gradient-to-r from-white via-purple-100 to-blue-200\",\n      children,\n      ...props\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      className={cn(\"absolute w-full h-40 bg-white overflow-hidden left-0 top-0\", className)}\n      style={style}\n      {...props}\n    >\n      <div\n        data-pdf-background-gradient\n        className={cn(\n          \"absolute inset-0 w-full h-full\",\n          gradientClassName,\n          \"[mask-image:linear-gradient(to_bottom,black_0%,transparent_100%)]\",\n        )}\n      />\n      {children}\n    </div>\n  ),\n);\nBackground.displayName = \"Background\";\n\nexport { Background, RESUME_GRADIENT, CORNER_GRADIENT };\n"],"mappings":";AAwCI,SAME,KANF;AAtCJ,YAAY,WAAW;AAEvB,SAAS,UAAU;AAMnB,MAAM,kBACJ;AAOF,MAAM,kBACJ;AAUF,MAAM,aAAa,MAAM;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA,GAAG;AAAA,EACL,GACA,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,8DAA8D,SAAS;AAAA,MACrF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,gCAA4B;AAAA,YAC5B,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;AACA,WAAW,cAAc;","names":[]}

package/dist/components/ui/background/index.cjs

@@ -0,0 +1,33 @@
+"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 background_exports = {};
+__export(background_exports, {
+  Background: () => import_background.Background,
+  CORNER_GRADIENT: () => import_background.CORNER_GRADIENT,
+  RESUME_GRADIENT: () => import_background.RESUME_GRADIENT
+});
+module.exports = __toCommonJS(background_exports);
+var import_background = require("./background");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Background,
+  CORNER_GRADIENT,
+  RESUME_GRADIENT
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/background/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/background/index.ts"],"sourcesContent":["export { Background, RESUME_GRADIENT, CORNER_GRADIENT } from \"./background\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA6D;","names":[]}

package/dist/components/ui/background/index.d.cts

@@ -0,0 +1,2 @@
+export { Background, CORNER_GRADIENT, RESUME_GRADIENT } from './background.cjs';
+import 'react';

package/dist/components/ui/background/index.d.ts

@@ -0,0 +1,2 @@
+export { Background, CORNER_GRADIENT, RESUME_GRADIENT } from './background.js';
+import 'react';

package/dist/components/ui/background/index.js

@@ -0,0 +1,7 @@
+import { Background, RESUME_GRADIENT, CORNER_GRADIENT } from "./background";
+export {
+  Background,
+  CORNER_GRADIENT,
+  RESUME_GRADIENT
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/background/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/background/index.ts"],"sourcesContent":["export { Background, RESUME_GRADIENT, CORNER_GRADIENT } from \"./background\";\n"],"mappings":"AAAA,SAAS,YAAY,iBAAiB,uBAAuB;","names":[]}

package/dist/components/ui/index.cjs

@@ -21,6 +21,7 @@ __reExport(ui_exports, require("./alert-dialog"), module.exports);
 __reExport(ui_exports, require("./aspect-ratio"), module.exports);
 __reExport(ui_exports, require("./autocomplete"), module.exports);
 __reExport(ui_exports, require("./avatar"), module.exports);
+__reExport(ui_exports, require("./background"), module.exports);
 __reExport(ui_exports, require("./badge"), module.exports);
 __reExport(ui_exports, require("./breadcrumb"), module.exports);
 __reExport(ui_exports, require("./button"), module.exports);
@@ -81,6 +82,7 @@ __reExport(ui_exports, require("./tooltip"), module.exports);
   ...require("./aspect-ratio"),
   ...require("./autocomplete"),
   ...require("./avatar"),
+  ...require("./background"),
   ...require("./badge"),
   ...require("./breadcrumb"),
   ...require("./button"),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,wBAAd;AACA,uBAAc,oBADd;AAEA,uBAAc,2BAFd;AAGA,uBAAc,2BAHd;AAIA,uBAAc,2BAJd;AAKA,uBAAc,qBALd;AAMA,uBAAc,oBANd;AAOA,uBAAc,yBAPd;AAQA,uBAAc,qBARd;AASA,uBAAc,uBATd;AAUA,uBAAc,mBAVd;AAWA,uBAAc,uBAXd;AAYA,uBAAc,uBAZd;AAaA,uBAAc,0BAbd;AAcA,uBAAc,uBAdd;AAeA,uBAAc,sBAfd;AAgBA,uBAAc,2BAhBd;AAiBA,uBAAc,0BAjBd;AAkBA,uBAAc,qBAlBd;AAmBA,uBAAc,qBAnBd;AAoBA,uBAAc,4BApBd;AAqBA,uBAAc,mBArBd;AAsBA,uBAAc,yBAtBd;AAuBA,uBAAc,mBAvBd;AAwBA,uBAAc,oBAxBd;AAyBA,uBAAc,0BAzBd;AA0BA,uBAAc,wBA1Bd;AA2BA,uBAAc,oBA3Bd;AA4BA,uBAAc,mBA5Bd;AA6BA,uBAAc,4BA7Bd;AA8BA,uBAAc,sBA9Bd;AA+BA,uBAAc,gCA/Bd;AAgCA,uBAAc,2BAhCd;AAiCA,uBAAc,8BAjCd;AAkCA,uBAAc,yBAlCd;AAmCA,uBAAc,sBAnCd;AAoCA,uBAAc,uBApCd;AAqCA,uBAAc,0BArCd;AAsCA,uBAAc,wBAtCd;AAuCA,uBAAc,+BAvCd;AAwCA,uBAAc,0BAxCd;AAyCA,uBAAc,6BAzCd;AA0CA,uBAAc,qBA1Cd;AA2CA,uBAAc,wBA3Cd;AA4CA,uBAAc,oBA5Cd;AA6CA,uBAAc,uBA7Cd;AA8CA,uBAAc,qBA9Cd;AA+CA,uBAAc,qBA/Cd;AAgDA,uBAAc,sBAhDd;AAiDA,uBAAc,qBAjDd;AAkDA,uBAAc,oBAlDd;AAmDA,uBAAc,mBAnDd;AAoDA,uBAAc,wBApDd;AAqDA,uBAAc,uBArDd;AAsDA,uBAAc,oBAtDd;AAuDA,uBAAc,qBAvDd;AAwDA,uBAAc,2BAxDd;AAyDA,uBAAc,sBAzDd;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,wBAAd;AACA,uBAAc,oBADd;AAEA,uBAAc,2BAFd;AAGA,uBAAc,2BAHd;AAIA,uBAAc,2BAJd;AAKA,uBAAc,qBALd;AAMA,uBAAc,yBANd;AAOA,uBAAc,oBAPd;AAQA,uBAAc,yBARd;AASA,uBAAc,qBATd;AAUA,uBAAc,uBAVd;AAWA,uBAAc,mBAXd;AAYA,uBAAc,uBAZd;AAaA,uBAAc,uBAbd;AAcA,uBAAc,0BAdd;AAeA,uBAAc,uBAfd;AAgBA,uBAAc,sBAhBd;AAiBA,uBAAc,2BAjBd;AAkBA,uBAAc,0BAlBd;AAmBA,uBAAc,qBAnBd;AAoBA,uBAAc,qBApBd;AAqBA,uBAAc,4BArBd;AAsBA,uBAAc,mBAtBd;AAuBA,uBAAc,yBAvBd;AAwBA,uBAAc,mBAxBd;AAyBA,uBAAc,oBAzBd;AA0BA,uBAAc,0BA1Bd;AA2BA,uBAAc,wBA3Bd;AA4BA,uBAAc,oBA5Bd;AA6BA,uBAAc,mBA7Bd;AA8BA,uBAAc,4BA9Bd;AA+BA,uBAAc,sBA/Bd;AAgCA,uBAAc,gCAhCd;AAiCA,uBAAc,2BAjCd;AAkCA,uBAAc,8BAlCd;AAmCA,uBAAc,yBAnCd;AAoCA,uBAAc,sBApCd;AAqCA,uBAAc,uBArCd;AAsCA,uBAAc,0BAtCd;AAuCA,uBAAc,wBAvCd;AAwCA,uBAAc,+BAxCd;AAyCA,uBAAc,0BAzCd;AA0CA,uBAAc,6BA1Cd;AA2CA,uBAAc,qBA3Cd;AA4CA,uBAAc,wBA5Cd;AA6CA,uBAAc,oBA7Cd;AA8CA,uBAAc,uBA9Cd;AA+CA,uBAAc,qBA/Cd;AAgDA,uBAAc,qBAhDd;AAiDA,uBAAc,sBAjDd;AAkDA,uBAAc,qBAlDd;AAmDA,uBAAc,oBAnDd;AAoDA,uBAAc,mBApDd;AAqDA,uBAAc,wBArDd;AAsDA,uBAAc,uBAtDd;AAuDA,uBAAc,oBAvDd;AAwDA,uBAAc,qBAxDd;AAyDA,uBAAc,2BAzDd;AA0DA,uBAAc,sBA1Dd;","names":[]}

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

@@ -4,6 +4,7 @@ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 export { AspectRatio } from './aspect-ratio/aspect-ratio.cjs';
 export { Autocomplete, AutocompleteOption, AutocompleteProps } from './autocomplete/autocomplete.cjs';
 export { Avatar, AvatarFallback, AvatarImage } from './avatar/avatar.cjs';
+export { Background, CORNER_GRADIENT, RESUME_GRADIENT } from './background/background.cjs';
 export { Badge, badgeVariants } from './badge/badge.cjs';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './breadcrumb/breadcrumb.cjs';
 export { Button, buttonVariants } from './button/button.cjs';

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

@@ -4,6 +4,7 @@ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 export { AspectRatio } from './aspect-ratio/aspect-ratio.js';
 export { Autocomplete, AutocompleteOption, AutocompleteProps } from './autocomplete/autocomplete.js';
 export { Avatar, AvatarFallback, AvatarImage } from './avatar/avatar.js';
+export { Background, CORNER_GRADIENT, RESUME_GRADIENT } from './background/background.js';
 export { Badge, badgeVariants } from './badge/badge.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './breadcrumb/breadcrumb.js';
 export { Button, buttonVariants } from './button/button.js';

package/dist/components/ui/index.js

@@ -4,6 +4,7 @@ export * from "./alert-dialog";
 export * from "./aspect-ratio";
 export * from "./autocomplete";
 export * from "./avatar";
+export * from "./background";
 export * from "./badge";
 export * from "./breadcrumb";
 export * from "./button";