@ginia/ui 0.1.1 → 0.1.3

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

@@ -39,7 +39,12 @@ function SkillsSection({ data, onChange, hideFields = [] }) {
   };
   const handleAdd = (type) => {
     const list = [...type === "hard" ? hard : soft];
-    list.push({ id: `temp-skill-${Math.random().toString(36).substring(2, 9)}`, name: "", type: type === "hard" ? "T\xE9cnica" : "Interpersonal", verified: false });
+    list.push({
+      id: `temp-skill-${Math.random().toString(36).substring(2, 9)}`,
+      name: "",
+      type: type === "hard" ? "T\xE9cnica" : "Interpersonal",
+      verified: false
+    });
     onChange({
       skills: {
         ...data.skills,
@@ -76,26 +81,41 @@ function SkillsSection({ data, onChange, hideFields = [] }) {
             onCheckedChange: (checked) => handleUpdate(type, index, "verified", !!checked)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `verified-${type}-${item.id}`, className: "text-sm text-muted-foreground flex items-center gap-1", children: "Verificado" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "label",
+          {
+            htmlFor: `verified-${type}-${item.id}`,
+            className: "flex items-center gap-1 text-sm text-muted-foreground",
+            children: "Verificado"
+          }
+        )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_ui.Button,
         {
           variant: "ghost",
           size: "sm",
-          className: "h-7 px-2 text-muted-foreground hover:text-destructive hover:bg-destructive/10",
+          className: "h-7 px-2 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
           onClick: () => handleRemove(type, index),
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Trash2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Trash2, { className: "h-4 w-4" })
         }
       )
     ] }, item.id)),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Button, { variant: "outline", className: "w-full flex items-center justify-center gap-2 mt-2", onClick: () => handleAdd(type), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "w-4 h-4" }),
-      "A\xF1adir habilidad"
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_ui.Button,
+      {
+        variant: "outline",
+        className: "mt-2 flex w-full items-center justify-center gap-2",
+        onClick: () => handleAdd(type),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "h-4 w-4" }),
+          "A\xF1adir habilidad"
+        ]
+      }
+    )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pt-2 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Tabs, { defaultValue: "hard", className: "w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.TabsList, { className: "w-full grid grid-cols-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pb-4 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Tabs, { defaultValue: "hard", className: "w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.TabsList, { className: "grid w-full grid-cols-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.TabsTrigger, { value: "hard", children: "T\xE9cnicas" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.TabsTrigger, { value: "soft", children: "Interpersonales" })
     ] }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/domain/resume/resume-editor/sections/skills.tsx"],"sourcesContent":["import { CandidateProfile, CVSkillItem } from \"../../types\";\nimport { Input, Button, Tabs, TabsList, TabsTrigger, TabsContent, Checkbox } from \"../../../../ui\";\nimport { Plus, Trash2 } from \"lucide-react\";\n\ninterface SkillsProps {\n    data: CandidateProfile;\n    onChange: (partial: Partial<CandidateProfile>) => void;\n    hideFields?: string[];\n}\n\nexport function SkillsSection({ data, onChange, hideFields = [] }: SkillsProps) {\n    const hard = data.skills?.hard || [];\n    const soft = data.skills?.soft || [];\n\n    const handleUpdate = (type: 'hard' | 'soft', index: number, field: keyof CVSkillItem, value: any) => {\n        const list = [...(type === 'hard' ? hard : soft)];\n        list[index] = { ...list[index], [field]: value };\n\n        onChange({\n            skills: {\n                ...data.skills,\n                [type]: list\n            }\n        });\n    };\n\n    const handleAdd = (type: 'hard' | 'soft') => {\n        const list = [...(type === 'hard' ? hard : soft)];\n        list.push({ id: `temp-skill-${Math.random().toString(36).substring(2, 9)}`, name: \"\", type: type === 'hard' ? 'Técnica' : 'Interpersonal', verified: false });\n\n        onChange({\n            skills: {\n                ...data.skills,\n                [type]: list\n            }\n        });\n    };\n\n    const handleRemove = (type: 'hard' | 'soft', index: number) => {\n        const list = (type === 'hard' ? hard : soft).filter((_, i) => i !== index);\n\n        onChange({\n            skills: {\n                ...data.skills,\n                [type]: list\n            }\n        });\n    };\n\n    const renderSkillList = (type: 'hard' | 'soft', items: CVSkillItem[]) => (\n        <div className=\"space-y-3 pt-4\">\n            {items.map((item, index) => (\n                <div key={item.id} className=\"flex items-center gap-3\">\n                    <Input\n                        className=\"flex-1\"\n                        placeholder=\"Nombre de la habilidad\"\n                        value={item.name}\n                        onChange={(e) => handleUpdate(type, index, 'name', e.target.value)}\n                    />\n                    {!hideFields.includes(\"skills.verified\") && (\n                        <div className=\"flex items-center gap-2\">\n                            <Checkbox\n                                id={`verified-${type}-${item.id}`}\n                                checked={item.verified}\n                                onCheckedChange={(checked) => handleUpdate(type, index, 'verified', !!checked)}\n                            />\n                            <label htmlFor={`verified-${type}-${item.id}`} className=\"text-sm text-muted-foreground flex items-center gap-1\">\n                                Verificado\n                            </label>\n                        </div>\n                    )}\n                    <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"h-7 px-2 text-muted-foreground hover:text-destructive hover:bg-destructive/10\"\n                        onClick={() => handleRemove(type, index)}\n                    >\n                        <Trash2 className=\"w-4 h-4\" />\n                    </Button>\n                </div>\n            ))}\n            <Button variant=\"outline\" className=\"w-full flex items-center justify-center gap-2 mt-2\" onClick={() => handleAdd(type)}>\n                <Plus className=\"w-4 h-4\" />\n                Añadir habilidad\n            </Button>\n        </div>\n    );\n\n    return (\n        <div className=\"pt-2 pb-4\">\n            <Tabs defaultValue=\"hard\" className=\"w-full\">\n                <TabsList className=\"w-full grid grid-cols-2\">\n                    <TabsTrigger value=\"hard\">Técnicas</TabsTrigger>\n                    <TabsTrigger value=\"soft\">Interpersonales</TabsTrigger>\n                </TabsList>\n                <TabsContent value=\"hard\">\n                    {renderSkillList('hard', hard)}\n                </TabsContent>\n                <TabsContent value=\"soft\">\n                    {renderSkillList('soft', soft)}\n                </TabsContent>\n            </Tabs>\n        </div>\n    );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../src/components/domain/resume/resume-editor/sections/skills.tsx"],"sourcesContent":["import { CandidateProfile, CVSkillItem } from \"../../types\";\nimport { Input, Button, Tabs, TabsList, TabsTrigger, TabsContent, Checkbox } from \"../../../../ui\";\nimport { Plus, Trash2 } from \"lucide-react\";\n\ninterface SkillsProps {\n  data: CandidateProfile;\n  onChange: (partial: Partial<CandidateProfile>) => void;\n  hideFields?: string[];\n}\n\nexport function SkillsSection({ data, onChange, hideFields = [] }: SkillsProps) {\n  const hard = data.skills?.hard || [];\n  const soft = data.skills?.soft || [];\n\n  const handleUpdate = (\n    type: \"hard\" | \"soft\",\n    index: number,\n    field: keyof CVSkillItem,\n    value: any,\n  ) => {\n    const list = [...(type === \"hard\" ? hard : soft)];\n    list[index] = { ...list[index], [field]: value };\n\n    onChange({\n      skills: {\n        ...data.skills,\n        [type]: list,\n      },\n    });\n  };\n\n  const handleAdd = (type: \"hard\" | \"soft\") => {\n    const list = [...(type === \"hard\" ? hard : soft)];\n    list.push({\n      id: `temp-skill-${Math.random().toString(36).substring(2, 9)}`,\n      name: \"\",\n      type: type === \"hard\" ? \"Técnica\" : \"Interpersonal\",\n      verified: false,\n    });\n\n    onChange({\n      skills: {\n        ...data.skills,\n        [type]: list,\n      },\n    });\n  };\n\n  const handleRemove = (type: \"hard\" | \"soft\", index: number) => {\n    const list = (type === \"hard\" ? hard : soft).filter((_, i) => i !== index);\n\n    onChange({\n      skills: {\n        ...data.skills,\n        [type]: list,\n      },\n    });\n  };\n\n  const renderSkillList = (type: \"hard\" | \"soft\", items: CVSkillItem[]) => (\n    <div className=\"space-y-3 pt-4\">\n      {items.map((item, index) => (\n        <div key={item.id} className=\"flex items-center gap-3\">\n          <Input\n            className=\"flex-1\"\n            placeholder=\"Nombre de la habilidad\"\n            value={item.name}\n            onChange={(e) => handleUpdate(type, index, \"name\", e.target.value)}\n          />\n          {!hideFields.includes(\"skills.verified\") && (\n            <div className=\"flex items-center gap-2\">\n              <Checkbox\n                id={`verified-${type}-${item.id}`}\n                checked={item.verified}\n                onCheckedChange={(checked) => handleUpdate(type, index, \"verified\", !!checked)}\n              />\n              <label\n                htmlFor={`verified-${type}-${item.id}`}\n                className=\"flex items-center gap-1 text-sm text-muted-foreground\"\n              >\n                Verificado\n              </label>\n            </div>\n          )}\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-7 px-2 text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n            onClick={() => handleRemove(type, index)}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      ))}\n      <Button\n        variant=\"outline\"\n        className=\"mt-2 flex w-full items-center justify-center gap-2\"\n        onClick={() => handleAdd(type)}\n      >\n        <Plus className=\"h-4 w-4\" />\n        Añadir habilidad\n      </Button>\n    </div>\n  );\n\n  return (\n    <div className=\"pb-4 pt-2\">\n      <Tabs defaultValue=\"hard\" className=\"w-full\">\n        <TabsList className=\"grid w-full grid-cols-2\">\n          <TabsTrigger value=\"hard\">Técnicas</TabsTrigger>\n          <TabsTrigger value=\"soft\">Interpersonales</TabsTrigger>\n        </TabsList>\n        <TabsContent value=\"hard\">{renderSkillList(\"hard\", hard)}</TabsContent>\n        <TabsContent value=\"soft\">{renderSkillList(\"soft\", soft)}</TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -16,7 +16,12 @@ function SkillsSection({ data, onChange, hideFields = [] }) {
   };
   const handleAdd = (type) => {
     const list = [...type === "hard" ? hard : soft];
-    list.push({ id: `temp-skill-${Math.random().toString(36).substring(2, 9)}`, name: "", type: type === "hard" ? "T\xE9cnica" : "Interpersonal", verified: false });
+    list.push({
+      id: `temp-skill-${Math.random().toString(36).substring(2, 9)}`,
+      name: "",
+      type: type === "hard" ? "T\xE9cnica" : "Interpersonal",
+      verified: false
+    });
     onChange({
       skills: {
         ...data.skills,
@@ -53,26 +58,41 @@ function SkillsSection({ data, onChange, hideFields = [] }) {
             onCheckedChange: (checked) => handleUpdate(type, index, "verified", !!checked)
           }
         ),
-        /* @__PURE__ */ jsx("label", { htmlFor: `verified-${type}-${item.id}`, className: "text-sm text-muted-foreground flex items-center gap-1", children: "Verificado" })
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: `verified-${type}-${item.id}`,
+            className: "flex items-center gap-1 text-sm text-muted-foreground",
+            children: "Verificado"
+          }
+        )
       ] }),
       /* @__PURE__ */ jsx(
         Button,
         {
           variant: "ghost",
           size: "sm",
-          className: "h-7 px-2 text-muted-foreground hover:text-destructive hover:bg-destructive/10",
+          className: "h-7 px-2 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
           onClick: () => handleRemove(type, index),
-          children: /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
         }
       )
     ] }, item.id)),
-    /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "w-full flex items-center justify-center gap-2 mt-2", onClick: () => handleAdd(type), children: [
-      /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" }),
-      "A\xF1adir habilidad"
-    ] })
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        className: "mt-2 flex w-full items-center justify-center gap-2",
+        onClick: () => handleAdd(type),
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+          "A\xF1adir habilidad"
+        ]
+      }
+    )
   ] });
-  return /* @__PURE__ */ jsx("div", { className: "pt-2 pb-4", children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "hard", className: "w-full", children: [
-    /* @__PURE__ */ jsxs(TabsList, { className: "w-full grid grid-cols-2", children: [
+  return /* @__PURE__ */ jsx("div", { className: "pb-4 pt-2", children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "hard", className: "w-full", children: [
+    /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [
       /* @__PURE__ */ jsx(TabsTrigger, { value: "hard", children: "T\xE9cnicas" }),
       /* @__PURE__ */ jsx(TabsTrigger, { value: "soft", children: "Interpersonales" })
     ] }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/domain/resume/resume-editor/sections/skills.tsx"],"sourcesContent":["import { CandidateProfile, CVSkillItem } from \"../../types\";\nimport { Input, Button, Tabs, TabsList, TabsTrigger, TabsContent, Checkbox } from \"../../../../ui\";\nimport { Plus, Trash2 } from \"lucide-react\";\n\ninterface SkillsProps {\n    data: CandidateProfile;\n    onChange: (partial: Partial<CandidateProfile>) => void;\n    hideFields?: string[];\n}\n\nexport function SkillsSection({ data, onChange, hideFields = [] }: SkillsProps) {\n    const hard = data.skills?.hard || [];\n    const soft = data.skills?.soft || [];\n\n    const handleUpdate = (type: 'hard' | 'soft', index: number, field: keyof CVSkillItem, value: any) => {\n        const list = [...(type === 'hard' ? hard : soft)];\n        list[index] = { ...list[index], [field]: value };\n\n        onChange({\n            skills: {\n                ...data.skills,\n                [type]: list\n            }\n        });\n    };\n\n    const handleAdd = (type: 'hard' | 'soft') => {\n        const list = [...(type === 'hard' ? hard : soft)];\n        list.push({ id: `temp-skill-${Math.random().toString(36).substring(2, 9)}`, name: \"\", type: type === 'hard' ? 'Técnica' : 'Interpersonal', verified: false });\n\n        onChange({\n            skills: {\n                ...data.skills,\n                [type]: list\n            }\n        });\n    };\n\n    const handleRemove = (type: 'hard' | 'soft', index: number) => {\n        const list = (type === 'hard' ? hard : soft).filter((_, i) => i !== index);\n\n        onChange({\n            skills: {\n                ...data.skills,\n                [type]: list\n            }\n        });\n    };\n\n    const renderSkillList = (type: 'hard' | 'soft', items: CVSkillItem[]) => (\n        <div className=\"space-y-3 pt-4\">\n            {items.map((item, index) => (\n                <div key={item.id} className=\"flex items-center gap-3\">\n                    <Input\n                        className=\"flex-1\"\n                        placeholder=\"Nombre de la habilidad\"\n                        value={item.name}\n                        onChange={(e) => handleUpdate(type, index, 'name', e.target.value)}\n                    />\n                    {!hideFields.includes(\"skills.verified\") && (\n                        <div className=\"flex items-center gap-2\">\n                            <Checkbox\n                                id={`verified-${type}-${item.id}`}\n                                checked={item.verified}\n                                onCheckedChange={(checked) => handleUpdate(type, index, 'verified', !!checked)}\n                            />\n                            <label htmlFor={`verified-${type}-${item.id}`} className=\"text-sm text-muted-foreground flex items-center gap-1\">\n                                Verificado\n                            </label>\n                        </div>\n                    )}\n                    <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"h-7 px-2 text-muted-foreground hover:text-destructive hover:bg-destructive/10\"\n                        onClick={() => handleRemove(type, index)}\n                    >\n                        <Trash2 className=\"w-4 h-4\" />\n                    </Button>\n                </div>\n            ))}\n            <Button variant=\"outline\" className=\"w-full flex items-center justify-center gap-2 mt-2\" onClick={() => handleAdd(type)}>\n                <Plus className=\"w-4 h-4\" />\n                Añadir habilidad\n            </Button>\n        </div>\n    );\n\n    return (\n        <div className=\"pt-2 pb-4\">\n            <Tabs defaultValue=\"hard\" className=\"w-full\">\n                <TabsList className=\"w-full grid grid-cols-2\">\n                    <TabsTrigger value=\"hard\">Técnicas</TabsTrigger>\n                    <TabsTrigger value=\"soft\">Interpersonales</TabsTrigger>\n                </TabsList>\n                <TabsContent value=\"hard\">\n                    {renderSkillList('hard', hard)}\n                </TabsContent>\n                <TabsContent value=\"soft\">\n                    {renderSkillList('soft', soft)}\n                </TabsContent>\n            </Tabs>\n        </div>\n    );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../src/components/domain/resume/resume-editor/sections/skills.tsx"],"sourcesContent":["import { CandidateProfile, CVSkillItem } from \"../../types\";\nimport { Input, Button, Tabs, TabsList, TabsTrigger, TabsContent, Checkbox } from \"../../../../ui\";\nimport { Plus, Trash2 } from \"lucide-react\";\n\ninterface SkillsProps {\n  data: CandidateProfile;\n  onChange: (partial: Partial<CandidateProfile>) => void;\n  hideFields?: string[];\n}\n\nexport function SkillsSection({ data, onChange, hideFields = [] }: SkillsProps) {\n  const hard = data.skills?.hard || [];\n  const soft = data.skills?.soft || [];\n\n  const handleUpdate = (\n    type: \"hard\" | \"soft\",\n    index: number,\n    field: keyof CVSkillItem,\n    value: any,\n  ) => {\n    const list = [...(type === \"hard\" ? hard : soft)];\n    list[index] = { ...list[index], [field]: value };\n\n    onChange({\n      skills: {\n        ...data.skills,\n        [type]: list,\n      },\n    });\n  };\n\n  const handleAdd = (type: \"hard\" | \"soft\") => {\n    const list = [...(type === \"hard\" ? hard : soft)];\n    list.push({\n      id: `temp-skill-${Math.random().toString(36).substring(2, 9)}`,\n      name: \"\",\n      type: type === \"hard\" ? \"Técnica\" : \"Interpersonal\",\n      verified: false,\n    });\n\n    onChange({\n      skills: {\n        ...data.skills,\n        [type]: list,\n      },\n    });\n  };\n\n  const handleRemove = (type: \"hard\" | \"soft\", index: number) => {\n    const list = (type === \"hard\" ? hard : soft).filter((_, i) => i !== index);\n\n    onChange({\n      skills: {\n        ...data.skills,\n        [type]: list,\n      },\n    });\n  };\n\n  const renderSkillList = (type: \"hard\" | \"soft\", items: CVSkillItem[]) => (\n    <div className=\"space-y-3 pt-4\">\n      {items.map((item, index) => (\n        <div key={item.id} className=\"flex items-center gap-3\">\n          <Input\n            className=\"flex-1\"\n            placeholder=\"Nombre de la habilidad\"\n            value={item.name}\n            onChange={(e) => handleUpdate(type, index, \"name\", e.target.value)}\n          />\n          {!hideFields.includes(\"skills.verified\") && (\n            <div className=\"flex items-center gap-2\">\n              <Checkbox\n                id={`verified-${type}-${item.id}`}\n                checked={item.verified}\n                onCheckedChange={(checked) => handleUpdate(type, index, \"verified\", !!checked)}\n              />\n              <label\n                htmlFor={`verified-${type}-${item.id}`}\n                className=\"flex items-center gap-1 text-sm text-muted-foreground\"\n              >\n                Verificado\n              </label>\n            </div>\n          )}\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-7 px-2 text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n            onClick={() => handleRemove(type, index)}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      ))}\n      <Button\n        variant=\"outline\"\n        className=\"mt-2 flex w-full items-center justify-center gap-2\"\n        onClick={() => handleAdd(type)}\n      >\n        <Plus className=\"h-4 w-4\" />\n        Añadir habilidad\n      </Button>\n    </div>\n  );\n\n  return (\n    <div className=\"pb-4 pt-2\">\n      <Tabs defaultValue=\"hard\" className=\"w-full\">\n        <TabsList className=\"grid w-full grid-cols-2\">\n          <TabsTrigger value=\"hard\">Técnicas</TabsTrigger>\n          <TabsTrigger value=\"soft\">Interpersonales</TabsTrigger>\n        </TabsList>\n        <TabsContent value=\"hard\">{renderSkillList(\"hard\", hard)}</TabsContent>\n        <TabsContent value=\"soft\">{renderSkillList(\"soft\", soft)}</TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -33,10 +33,10 @@ __export(resume_preview_exports, {
 module.exports = __toCommonJS(resume_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
-var import_header_preview = require("@/components/domain/resume/resume-preview/sections/header-preview");
-var import_contact_skills = require("@/components/domain/resume/resume-preview/sections/contact-skills");
-var import_experience_education = require("@/components/domain/resume/resume-preview/sections/experience-education");
-var import_footer_preview = require("@/components/domain/resume/resume-preview/sections/footer-preview");
+var import_header_preview = require("./sections/header-preview");
+var import_contact_skills = require("./sections/contact-skills");
+var import_experience_education = require("./sections/experience-education");
+var import_footer_preview = require("./sections/footer-preview");
 const ResumePreview = React.forwardRef(
   function ResumePreview2({ data, headerSlot, theme, hideFields = [], hideSections = [] }, ref) {
     const themeStyle = theme ? { backgroundColor: theme } : void 0;
@@ -45,20 +45,36 @@ const ResumePreview = React.forwardRef(
       {
         ref,
         id: "resume-capture-area",
-        className: "w-full min-h-[1056px] bg-card text-card-foreground border border-border shadow-2xl rounded-sm p-8 sm:p-12 md:p-16 flex flex-col mx-auto relative",
+        className: "relative mx-auto flex min-h-[1056px] w-full flex-col rounded-sm border border-border bg-card p-8 text-card-foreground shadow-2xl sm:p-12 md:p-16",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "div",
             {
-              className: `absolute top-0 left-0 w-full h-2 ${theme ? "" : "bg-gradient-to-r from-primary to-primary/50"}`,
+              className: `absolute left-0 top-0 h-2 w-full ${theme ? "" : "bg-gradient-to-r from-primary to-primary/50"}`,
               style: themeStyle
             }
           ),
-          !hideSections.includes("Informaci\xF3n personal") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_header_preview.HeaderPreview, { data, headerSlot, theme, hideFields }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-10 mt-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lg:col-span-4 lg:pr-6 space-y-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contact_skills.ContactSkills, { data, hideFields, hideSections }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden lg:block absolute left-[33.33%] top-48 bottom-16 w-px bg-border/40" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lg:col-span-8 space-y-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_experience_education.ExperienceEducation, { data, theme, hideFields, hideSections }) })
+          !hideSections.includes("Informaci\xF3n personal") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_header_preview.HeaderPreview,
+            {
+              data,
+              headerSlot,
+              theme,
+              hideFields
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-8 grid grid-cols-1 gap-10 lg:grid-cols-12", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-8 lg:col-span-4 lg:pr-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contact_skills.ContactSkills, { data, hideFields, hideSections }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute bottom-16 left-[33.33%] top-48 hidden w-px bg-border/40 lg:block" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-8 lg:col-span-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_experience_education.ExperienceEducation,
+              {
+                data,
+                theme,
+                hideFields,
+                hideSections
+              }
+            ) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_footer_preview.FooterPreview, {})
         ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/domain/resume/resume-preview/resume-preview.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CandidateProfile } from \"@/components/domain/resume/types\";\nimport { HeaderPreview } from \"@/components/domain/resume/resume-preview/sections/header-preview\";\nimport { ContactSkills } from \"@/components/domain/resume/resume-preview/sections/contact-skills\";\nimport { ExperienceEducation } from \"@/components/domain/resume/resume-preview/sections/experience-education\";\nimport { FooterPreview } from \"@/components/domain/resume/resume-preview/sections/footer-preview\";\n\nexport interface ResumePreviewProps {\n    data: CandidateProfile;\n    headerSlot?: React.ReactNode;\n    theme?: string;\n    hideFields?: string[];\n    hideSections?: string[];\n}\n\nexport const ResumePreview = React.forwardRef<HTMLDivElement, ResumePreviewProps>(\n    function ResumePreview({ data, headerSlot, theme, hideFields = [], hideSections = [] }, ref) {\n        const themeStyle = theme ? { backgroundColor: theme } : undefined;\n\n        return (\n            <div\n                ref={ref}\n                id=\"resume-capture-area\"\n                className=\"w-full min-h-[1056px] bg-card text-card-foreground border border-border shadow-2xl rounded-sm p-8 sm:p-12 md:p-16 flex flex-col mx-auto relative\"\n            >\n                {/* Subtle decorative top bar */}\n                <div\n                    className={`absolute top-0 left-0 w-full h-2 ${theme ? \"\" : \"bg-gradient-to-r from-primary to-primary/50\"}`}\n                    style={themeStyle}\n                />\n\n                {/* Header Profile */}\n                {!hideSections.includes(\"Información personal\") && (\n                    <HeaderPreview data={data} headerSlot={headerSlot} theme={theme} hideFields={hideFields} />\n                )}\n\n                {/* Main Content Layout */}\n                <div className=\"grid grid-cols-1 lg:grid-cols-12 gap-10 mt-8\">\n\n                    {/* Left Column (4/12) */}\n                    <div className=\"lg:col-span-4 lg:pr-6 space-y-8\">\n                        <ContactSkills data={data} hideFields={hideFields} hideSections={hideSections} />\n                    </div>\n\n                    {/* Vertical Divider for desktop */}\n                    <div className=\"hidden lg:block absolute left-[33.33%] top-48 bottom-16 w-px bg-border/40\" />\n\n                    {/* Right Column (8/12) */}\n                    <div className=\"lg:col-span-8 space-y-8\">\n                        <ExperienceEducation data={data} theme={theme} hideFields={hideFields} hideSections={hideSections} />\n                    </div>\n\n                </div>\n\n                <FooterPreview />\n            </div>\n        );\n    }\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BgB;AA1BhB,YAAuB;AAEvB,4BAA8B;AAC9B,4BAA8B;AAC9B,kCAAoC;AACpC,4BAA8B;AAUvB,MAAM,gBAAgB,MAAM;AAAA,EAC/B,SAASA,eAAc,EAAE,MAAM,YAAY,OAAO,aAAa,CAAC,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK;AACzF,UAAM,aAAa,QAAQ,EAAE,iBAAiB,MAAM,IAAI;AAExD,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,IAAG;AAAA,QACH,WAAU;AAAA,QAGV;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,WAAW,oCAAoC,QAAQ,KAAK,6CAA6C;AAAA,cACzG,OAAO;AAAA;AAAA,UACX;AAAA,UAGC,CAAC,aAAa,SAAS,yBAAsB,KAC1C,4CAAC,uCAAc,MAAY,YAAwB,OAAc,YAAwB;AAAA,UAI7F,6CAAC,SAAI,WAAU,gDAGX;AAAA,wDAAC,SAAI,WAAU,mCACX,sDAAC,uCAAc,MAAY,YAAwB,cAA4B,GACnF;AAAA,YAGA,4CAAC,SAAI,WAAU,6EAA4E;AAAA,YAG3F,4CAAC,SAAI,WAAU,2BACX,sDAAC,mDAAoB,MAAY,OAAc,YAAwB,cAA4B,GACvG;AAAA,aAEJ;AAAA,UAEA,4CAAC,uCAAc;AAAA;AAAA;AAAA,IACnB;AAAA,EAER;AACJ;","names":["ResumePreview"]}
+{"version":3,"sources":["../../../../../src/components/domain/resume/resume-preview/resume-preview.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CandidateProfile } from \"../types\";\nimport { HeaderPreview } from \"./sections/header-preview\";\nimport { ContactSkills } from \"./sections/contact-skills\";\nimport { ExperienceEducation } from \"./sections/experience-education\";\nimport { FooterPreview } from \"./sections/footer-preview\";\n\nexport interface ResumePreviewProps {\n  data: CandidateProfile;\n  headerSlot?: React.ReactNode;\n  theme?: string;\n  hideFields?: string[];\n  hideSections?: string[];\n}\n\nexport const ResumePreview = React.forwardRef<HTMLDivElement, ResumePreviewProps>(\n  function ResumePreview({ data, headerSlot, theme, hideFields = [], hideSections = [] }, ref) {\n    const themeStyle = theme ? { backgroundColor: theme } : undefined;\n\n    return (\n      <div\n        ref={ref}\n        id=\"resume-capture-area\"\n        className=\"relative mx-auto flex min-h-[1056px] w-full flex-col rounded-sm border border-border bg-card p-8 text-card-foreground shadow-2xl sm:p-12 md:p-16\"\n      >\n        {/* Subtle decorative top bar */}\n        <div\n          className={`absolute left-0 top-0 h-2 w-full ${theme ? \"\" : \"bg-gradient-to-r from-primary to-primary/50\"}`}\n          style={themeStyle}\n        />\n\n        {/* Header Profile */}\n        {!hideSections.includes(\"Información personal\") && (\n          <HeaderPreview\n            data={data}\n            headerSlot={headerSlot}\n            theme={theme}\n            hideFields={hideFields}\n          />\n        )}\n\n        {/* Main Content Layout */}\n        <div className=\"mt-8 grid grid-cols-1 gap-10 lg:grid-cols-12\">\n          {/* Left Column (4/12) */}\n          <div className=\"space-y-8 lg:col-span-4 lg:pr-6\">\n            <ContactSkills data={data} hideFields={hideFields} hideSections={hideSections} />\n          </div>\n\n          {/* Vertical Divider for desktop */}\n          <div className=\"absolute bottom-16 left-[33.33%] top-48 hidden w-px bg-border/40 lg:block\" />\n\n          {/* Right Column (8/12) */}\n          <div className=\"space-y-8 lg:col-span-8\">\n            <ExperienceEducation\n              data={data}\n              theme={theme}\n              hideFields={hideFields}\n              hideSections={hideSections}\n            />\n          </div>\n        </div>\n\n        <FooterPreview />\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BQ;AA1BR,YAAuB;AAEvB,4BAA8B;AAC9B,4BAA8B;AAC9B,kCAAoC;AACpC,4BAA8B;AAUvB,MAAM,gBAAgB,MAAM;AAAA,EACjC,SAASA,eAAc,EAAE,MAAM,YAAY,OAAO,aAAa,CAAC,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK;AAC3F,UAAM,aAAa,QAAQ,EAAE,iBAAiB,MAAM,IAAI;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,IAAG;AAAA,QACH,WAAU;AAAA,QAGV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,oCAAoC,QAAQ,KAAK,6CAA6C;AAAA,cACzG,OAAO;AAAA;AAAA,UACT;AAAA,UAGC,CAAC,aAAa,SAAS,yBAAsB,KAC5C;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UAIF,6CAAC,SAAI,WAAU,gDAEb;AAAA,wDAAC,SAAI,WAAU,mCACb,sDAAC,uCAAc,MAAY,YAAwB,cAA4B,GACjF;AAAA,YAGA,4CAAC,SAAI,WAAU,6EAA4E;AAAA,YAG3F,4CAAC,SAAI,WAAU,2BACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF,GACF;AAAA,aACF;AAAA,UAEA,4CAAC,uCAAc;AAAA;AAAA;AAAA,IACjB;AAAA,EAEJ;AACF;","names":["ResumePreview"]}

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { HeaderPreview } from "@/components/domain/resume/resume-preview/sections/header-preview";
-import { ContactSkills } from "@/components/domain/resume/resume-preview/sections/contact-skills";
-import { ExperienceEducation } from "@/components/domain/resume/resume-preview/sections/experience-education";
-import { FooterPreview } from "@/components/domain/resume/resume-preview/sections/footer-preview";
+import { HeaderPreview } from "./sections/header-preview";
+import { ContactSkills } from "./sections/contact-skills";
+import { ExperienceEducation } from "./sections/experience-education";
+import { FooterPreview } from "./sections/footer-preview";
 const ResumePreview = React.forwardRef(
   function ResumePreview2({ data, headerSlot, theme, hideFields = [], hideSections = [] }, ref) {
     const themeStyle = theme ? { backgroundColor: theme } : void 0;
@@ -12,20 +12,36 @@ const ResumePreview = React.forwardRef(
       {
         ref,
         id: "resume-capture-area",
-        className: "w-full min-h-[1056px] bg-card text-card-foreground border border-border shadow-2xl rounded-sm p-8 sm:p-12 md:p-16 flex flex-col mx-auto relative",
+        className: "relative mx-auto flex min-h-[1056px] w-full flex-col rounded-sm border border-border bg-card p-8 text-card-foreground shadow-2xl sm:p-12 md:p-16",
         children: [
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: `absolute top-0 left-0 w-full h-2 ${theme ? "" : "bg-gradient-to-r from-primary to-primary/50"}`,
+              className: `absolute left-0 top-0 h-2 w-full ${theme ? "" : "bg-gradient-to-r from-primary to-primary/50"}`,
               style: themeStyle
             }
           ),
-          !hideSections.includes("Informaci\xF3n personal") && /* @__PURE__ */ jsx(HeaderPreview, { data, headerSlot, theme, hideFields }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-10 mt-8", children: [
-            /* @__PURE__ */ jsx("div", { className: "lg:col-span-4 lg:pr-6 space-y-8", children: /* @__PURE__ */ jsx(ContactSkills, { data, hideFields, hideSections }) }),
-            /* @__PURE__ */ jsx("div", { className: "hidden lg:block absolute left-[33.33%] top-48 bottom-16 w-px bg-border/40" }),
-            /* @__PURE__ */ jsx("div", { className: "lg:col-span-8 space-y-8", children: /* @__PURE__ */ jsx(ExperienceEducation, { data, theme, hideFields, hideSections }) })
+          !hideSections.includes("Informaci\xF3n personal") && /* @__PURE__ */ jsx(
+            HeaderPreview,
+            {
+              data,
+              headerSlot,
+              theme,
+              hideFields
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "mt-8 grid grid-cols-1 gap-10 lg:grid-cols-12", children: [
+            /* @__PURE__ */ jsx("div", { className: "space-y-8 lg:col-span-4 lg:pr-6", children: /* @__PURE__ */ jsx(ContactSkills, { data, hideFields, hideSections }) }),
+            /* @__PURE__ */ jsx("div", { className: "absolute bottom-16 left-[33.33%] top-48 hidden w-px bg-border/40 lg:block" }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-8 lg:col-span-8", children: /* @__PURE__ */ jsx(
+              ExperienceEducation,
+              {
+                data,
+                theme,
+                hideFields,
+                hideSections
+              }
+            ) })
           ] }),
           /* @__PURE__ */ jsx(FooterPreview, {})
         ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/domain/resume/resume-preview/resume-preview.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CandidateProfile } from \"@/components/domain/resume/types\";\nimport { HeaderPreview } from \"@/components/domain/resume/resume-preview/sections/header-preview\";\nimport { ContactSkills } from \"@/components/domain/resume/resume-preview/sections/contact-skills\";\nimport { ExperienceEducation } from \"@/components/domain/resume/resume-preview/sections/experience-education\";\nimport { FooterPreview } from \"@/components/domain/resume/resume-preview/sections/footer-preview\";\n\nexport interface ResumePreviewProps {\n    data: CandidateProfile;\n    headerSlot?: React.ReactNode;\n    theme?: string;\n    hideFields?: string[];\n    hideSections?: string[];\n}\n\nexport const ResumePreview = React.forwardRef<HTMLDivElement, ResumePreviewProps>(\n    function ResumePreview({ data, headerSlot, theme, hideFields = [], hideSections = [] }, ref) {\n        const themeStyle = theme ? { backgroundColor: theme } : undefined;\n\n        return (\n            <div\n                ref={ref}\n                id=\"resume-capture-area\"\n                className=\"w-full min-h-[1056px] bg-card text-card-foreground border border-border shadow-2xl rounded-sm p-8 sm:p-12 md:p-16 flex flex-col mx-auto relative\"\n            >\n                {/* Subtle decorative top bar */}\n                <div\n                    className={`absolute top-0 left-0 w-full h-2 ${theme ? \"\" : \"bg-gradient-to-r from-primary to-primary/50\"}`}\n                    style={themeStyle}\n                />\n\n                {/* Header Profile */}\n                {!hideSections.includes(\"Información personal\") && (\n                    <HeaderPreview data={data} headerSlot={headerSlot} theme={theme} hideFields={hideFields} />\n                )}\n\n                {/* Main Content Layout */}\n                <div className=\"grid grid-cols-1 lg:grid-cols-12 gap-10 mt-8\">\n\n                    {/* Left Column (4/12) */}\n                    <div className=\"lg:col-span-4 lg:pr-6 space-y-8\">\n                        <ContactSkills data={data} hideFields={hideFields} hideSections={hideSections} />\n                    </div>\n\n                    {/* Vertical Divider for desktop */}\n                    <div className=\"hidden lg:block absolute left-[33.33%] top-48 bottom-16 w-px bg-border/40\" />\n\n                    {/* Right Column (8/12) */}\n                    <div className=\"lg:col-span-8 space-y-8\">\n                        <ExperienceEducation data={data} theme={theme} hideFields={hideFields} hideSections={hideSections} />\n                    </div>\n\n                </div>\n\n                <FooterPreview />\n            </div>\n        );\n    }\n);\n"],"mappings":"AA0BgB,cAWA,YAXA;AA1BhB,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAUvB,MAAM,gBAAgB,MAAM;AAAA,EAC/B,SAASA,eAAc,EAAE,MAAM,YAAY,OAAO,aAAa,CAAC,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK;AACzF,UAAM,aAAa,QAAQ,EAAE,iBAAiB,MAAM,IAAI;AAExD,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,IAAG;AAAA,QACH,WAAU;AAAA,QAGV;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,WAAW,oCAAoC,QAAQ,KAAK,6CAA6C;AAAA,cACzG,OAAO;AAAA;AAAA,UACX;AAAA,UAGC,CAAC,aAAa,SAAS,yBAAsB,KAC1C,oBAAC,iBAAc,MAAY,YAAwB,OAAc,YAAwB;AAAA,UAI7F,qBAAC,SAAI,WAAU,gDAGX;AAAA,gCAAC,SAAI,WAAU,mCACX,8BAAC,iBAAc,MAAY,YAAwB,cAA4B,GACnF;AAAA,YAGA,oBAAC,SAAI,WAAU,6EAA4E;AAAA,YAG3F,oBAAC,SAAI,WAAU,2BACX,8BAAC,uBAAoB,MAAY,OAAc,YAAwB,cAA4B,GACvG;AAAA,aAEJ;AAAA,UAEA,oBAAC,iBAAc;AAAA;AAAA;AAAA,IACnB;AAAA,EAER;AACJ;","names":["ResumePreview"]}
+{"version":3,"sources":["../../../../../src/components/domain/resume/resume-preview/resume-preview.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CandidateProfile } from \"../types\";\nimport { HeaderPreview } from \"./sections/header-preview\";\nimport { ContactSkills } from \"./sections/contact-skills\";\nimport { ExperienceEducation } from \"./sections/experience-education\";\nimport { FooterPreview } from \"./sections/footer-preview\";\n\nexport interface ResumePreviewProps {\n  data: CandidateProfile;\n  headerSlot?: React.ReactNode;\n  theme?: string;\n  hideFields?: string[];\n  hideSections?: string[];\n}\n\nexport const ResumePreview = React.forwardRef<HTMLDivElement, ResumePreviewProps>(\n  function ResumePreview({ data, headerSlot, theme, hideFields = [], hideSections = [] }, ref) {\n    const themeStyle = theme ? { backgroundColor: theme } : undefined;\n\n    return (\n      <div\n        ref={ref}\n        id=\"resume-capture-area\"\n        className=\"relative mx-auto flex min-h-[1056px] w-full flex-col rounded-sm border border-border bg-card p-8 text-card-foreground shadow-2xl sm:p-12 md:p-16\"\n      >\n        {/* Subtle decorative top bar */}\n        <div\n          className={`absolute left-0 top-0 h-2 w-full ${theme ? \"\" : \"bg-gradient-to-r from-primary to-primary/50\"}`}\n          style={themeStyle}\n        />\n\n        {/* Header Profile */}\n        {!hideSections.includes(\"Información personal\") && (\n          <HeaderPreview\n            data={data}\n            headerSlot={headerSlot}\n            theme={theme}\n            hideFields={hideFields}\n          />\n        )}\n\n        {/* Main Content Layout */}\n        <div className=\"mt-8 grid grid-cols-1 gap-10 lg:grid-cols-12\">\n          {/* Left Column (4/12) */}\n          <div className=\"space-y-8 lg:col-span-4 lg:pr-6\">\n            <ContactSkills data={data} hideFields={hideFields} hideSections={hideSections} />\n          </div>\n\n          {/* Vertical Divider for desktop */}\n          <div className=\"absolute bottom-16 left-[33.33%] top-48 hidden w-px bg-border/40 lg:block\" />\n\n          {/* Right Column (8/12) */}\n          <div className=\"space-y-8 lg:col-span-8\">\n            <ExperienceEducation\n              data={data}\n              theme={theme}\n              hideFields={hideFields}\n              hideSections={hideSections}\n            />\n          </div>\n        </div>\n\n        <FooterPreview />\n      </div>\n    );\n  },\n);\n"],"mappings":"AA0BQ,cAgBA,YAhBA;AA1BR,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAUvB,MAAM,gBAAgB,MAAM;AAAA,EACjC,SAASA,eAAc,EAAE,MAAM,YAAY,OAAO,aAAa,CAAC,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK;AAC3F,UAAM,aAAa,QAAQ,EAAE,iBAAiB,MAAM,IAAI;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,IAAG;AAAA,QACH,WAAU;AAAA,QAGV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,oCAAoC,QAAQ,KAAK,6CAA6C;AAAA,cACzG,OAAO;AAAA;AAAA,UACT;AAAA,UAGC,CAAC,aAAa,SAAS,yBAAsB,KAC5C;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UAIF,qBAAC,SAAI,WAAU,gDAEb;AAAA,gCAAC,SAAI,WAAU,mCACb,8BAAC,iBAAc,MAAY,YAAwB,cAA4B,GACjF;AAAA,YAGA,oBAAC,SAAI,WAAU,6EAA4E;AAAA,YAG3F,oBAAC,SAAI,WAAU,2BACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF,GACF;AAAA,aACF;AAAA,UAEA,oBAAC,iBAAc;AAAA;AAAA;AAAA,IACjB;AAAA,EAEJ;AACF;","names":["ResumePreview"]}

package/dist/components/domain/resume/resume-preview/sections/contact-skills.cjs

@@ -29,21 +29,21 @@ function ContactSkills({ data, hideFields = [], hideSections = [] }) {
   const softSkills = data.skills?.soft || [];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-10", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { className: "text-xl font-bold text-primary flex items-center gap-2 border-b border-border pb-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.User, { className: "w-5 h-5 text-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { className: "flex items-center gap-2 border-b border-border pb-2 text-xl font-bold text-primary", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.User, { className: "h-5 w-5 text-primary" }),
         "Contacto"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3 mt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 space-y-3", children: [
         data.email && !hideFields.includes("email") && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 text-sm text-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Mail, { className: "w-4 h-4 text-muted-foreground flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Mail, { className: "h-4 w-4 flex-shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "break-all font-medium", children: data.email })
         ] }),
         data.phone_number && !hideFields.includes("phone_number") && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 text-sm text-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Phone, { className: "w-4 h-4 text-muted-foreground flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Phone, { className: "h-4 w-4 flex-shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: data.phone_number })
         ] }),
         (data.city || data.address) && (!hideFields.includes("city") || !hideFields.includes("address")) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3 text-sm text-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MapPin, { className: "w-4 h-4 text-muted-foreground flex-shrink-0 mt-0.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MapPin, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium leading-tight", children: [
             !hideFields.includes("address") ? data.address : null,
             !hideFields.includes("city") ? data.city : null
@@ -53,21 +53,37 @@ function ContactSkills({ data, hideFields = [], hideSections = [] }) {
     ] }),
     !hideSections.includes("Habilidades") && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-6", children: [
       hardSkills.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { className: "text-xl font-bold text-primary flex items-center gap-2 border-b border-border pb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Code, { className: "w-5 h-5 text-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { className: "flex items-center gap-2 border-b border-border pb-2 text-xl font-bold text-primary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Code, { className: "h-5 w-5 text-primary" }),
           "Habilidades T\xE9cnicas"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-2 mt-4", children: hardSkills.map((skill) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Badge, { variant: "outline", className: "text-muted-foreground text-sm py-1 px-3 bg-muted/20 border-border/80 pdf-badge", children: [
-          skill.name,
-          skill.verified && !hideFields.includes("skills.hard.verified") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "w-3.5 h-3.5 ml-1.5 text-primary-foreground/90" })
-        ] }, skill.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 flex flex-wrap gap-2", children: hardSkills.map((skill) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_ui.Badge,
+          {
+            variant: "outline",
+            className: "pdf-badge border-border/80 bg-muted/20 px-3 py-1 text-sm text-muted-foreground",
+            children: [
+              skill.name,
+              skill.verified && !hideFields.includes("skills.hard.verified") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "ml-1.5 h-3.5 w-3.5 text-primary-foreground/90" })
+            ]
+          },
+          skill.id
+        )) })
       ] }),
       softSkills.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { className: "text-xl font-bold text-primary flex items-center gap-2 border-b border-border pb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Users, { className: "w-5 h-5 text-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { className: "flex items-center gap-2 border-b border-border pb-2 text-xl font-bold text-primary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Users, { className: "h-5 w-5 text-primary" }),
           "Aptitudes"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-2 mt-4", children: softSkills.map((skill) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Badge, { variant: "outline", className: "text-muted-foreground text-sm py-1 px-3 bg-muted/20 border-border/80 pdf-badge", children: skill.name }, skill.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 flex flex-wrap gap-2", children: softSkills.map((skill) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ui.Badge,
+          {
+            variant: "outline",
+            className: "pdf-badge border-border/80 bg-muted/20 px-3 py-1 text-sm text-muted-foreground",
+            children: skill.name
+          },
+          skill.id
+        )) })
       ] })
     ] })
   ] });

package/dist/components/domain/resume/resume-preview/sections/contact-skills.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/domain/resume/resume-preview/sections/contact-skills.tsx"],"sourcesContent":["import { CandidateProfile } from \"../../types\";\nimport { Badge } from \"../../../../ui\";\nimport { User, Mail, Phone, MapPin, Code, CheckCircle2, Users } from \"lucide-react\";\n\ninterface ContactSkillsProps {\n    data: CandidateProfile;\n    hideFields?: string[];\n    hideSections?: string[];\n}\n\nexport function ContactSkills({ data, hideFields = [], hideSections = [] }: ContactSkillsProps) {\n    const hardSkills = data.skills?.hard || [];\n    const softSkills = data.skills?.soft || [];\n\n    return (\n        <div className=\"space-y-10\">\n            {/* Contacto */}\n            <div className=\"space-y-4\">\n                <h3 className=\"text-xl font-bold text-primary flex items-center gap-2 border-b border-border pb-2\">\n                    <User className=\"w-5 h-5 text-primary\" />\n                    Contacto\n                </h3>\n                <div className=\"space-y-3 mt-4\">\n                    {data.email && !hideFields.includes(\"email\") && (\n                        <div className=\"flex items-center gap-3 text-sm text-foreground\">\n                            <Mail className=\"w-4 h-4 text-muted-foreground flex-shrink-0\" />\n                            <span className=\"break-all font-medium\">{data.email}</span>\n                        </div>\n                    )}\n                    {data.phone_number && !hideFields.includes(\"phone_number\") && (\n                        <div className=\"flex items-center gap-3 text-sm text-foreground\">\n                            <Phone className=\"w-4 h-4 text-muted-foreground flex-shrink-0\" />\n                            <span className=\"font-medium\">{data.phone_number}</span>\n                        </div>\n                    )}\n                    {(data.city || data.address) && (!hideFields.includes(\"city\") || !hideFields.includes(\"address\")) && (\n                        <div className=\"flex items-start gap-3 text-sm text-foreground\">\n                            <MapPin className=\"w-4 h-4 text-muted-foreground flex-shrink-0 mt-0.5\" />\n                            <span className=\"font-medium leading-tight\">\n                                {[\n                                    !hideFields.includes(\"address\") ? data.address : null,\n                                    !hideFields.includes(\"city\") ? data.city : null\n                                ].filter(Boolean).join(\", \")}\n                            </span>\n                        </div>\n                    )}\n                </div>\n            </div>\n\n            {/* Skills */}\n            {!hideSections.includes(\"Habilidades\") && (\n                <div className=\"space-y-6\">\n                    {hardSkills.length > 0 && (\n                        <div className=\"space-y-4\">\n                            <h3 className=\"text-xl font-bold text-primary flex items-center gap-2 border-b border-border pb-2\">\n                                <Code className=\"w-5 h-5 text-primary\" />\n                                Habilidades Técnicas\n                            </h3>\n                            <div className=\"flex flex-wrap gap-2 mt-4\">\n                                {hardSkills.map((skill) => (\n                                    <Badge key={skill.id} variant=\"outline\" className=\"text-muted-foreground text-sm py-1 px-3 bg-muted/20 border-border/80 pdf-badge\">\n                                        {skill.name}\n                                        {skill.verified && !hideFields.includes(\"skills.hard.verified\") && (\n                                            <CheckCircle2 className=\"w-3.5 h-3.5 ml-1.5 text-primary-foreground/90\" />\n                                        )}\n                                    </Badge>\n                                ))}\n                            </div>\n                        </div>\n                    )}\n\n                    {softSkills.length > 0 && (\n                        <div className=\"space-y-4\">\n                            <h3 className=\"text-xl font-bold text-primary flex items-center gap-2 border-b border-border pb-2\">\n                                <Users className=\"w-5 h-5 text-primary\" />\n                                Aptitudes\n                            </h3>\n                            <div className=\"flex flex-wrap gap-2 mt-4\">\n                                {softSkills.map((skill) => (\n                                    <Badge key={skill.id} variant=\"outline\" className=\"text-muted-foreground text-sm py-1 px-3 bg-muted/20 border-border/80 pdf-badge\">\n                                        {skill.name}\n                                    </Badge>\n                                ))}\n                            </div>\n                        </div>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBgB;AAjBhB,gBAAsB;AACtB,0BAAqE;AAQ9D,SAAS,cAAc,EAAE,MAAM,aAAa,CAAC,GAAG,eAAe,CAAC,EAAE,GAAuB;AAC5F,QAAM,aAAa,KAAK,QAAQ,QAAQ,CAAC;AACzC,QAAM,aAAa,KAAK,QAAQ,QAAQ,CAAC;AAEzC,SACI,6CAAC,SAAI,WAAU,cAEX;AAAA,iDAAC,SAAI,WAAU,aACX;AAAA,mDAAC,QAAG,WAAU,sFACV;AAAA,oDAAC,4BAAK,WAAU,wBAAuB;AAAA,QAAE;AAAA,SAE7C;AAAA,MACA,6CAAC,SAAI,WAAU,kBACV;AAAA,aAAK,SAAS,CAAC,WAAW,SAAS,OAAO,KACvC,6CAAC,SAAI,WAAU,mDACX;AAAA,sDAAC,4BAAK,WAAU,+CAA8C;AAAA,UAC9D,4CAAC,UAAK,WAAU,yBAAyB,eAAK,OAAM;AAAA,WACxD;AAAA,QAEH,KAAK,gBAAgB,CAAC,WAAW,SAAS,cAAc,KACrD,6CAAC,SAAI,WAAU,mDACX;AAAA,sDAAC,6BAAM,WAAU,+CAA8C;AAAA,UAC/D,4CAAC,UAAK,WAAU,eAAe,eAAK,cAAa;AAAA,WACrD;AAAA,SAEF,KAAK,QAAQ,KAAK,aAAa,CAAC,WAAW,SAAS,MAAM,KAAK,CAAC,WAAW,SAAS,SAAS,MAC3F,6CAAC,SAAI,WAAU,kDACX;AAAA,sDAAC,8BAAO,WAAU,sDAAqD;AAAA,UACvE,4CAAC,UAAK,WAAU,6BACX;AAAA,YACG,CAAC,WAAW,SAAS,SAAS,IAAI,KAAK,UAAU;AAAA,YACjD,CAAC,WAAW,SAAS,MAAM,IAAI,KAAK,OAAO;AAAA,UAC/C,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI,GAC/B;AAAA,WACJ;AAAA,SAER;AAAA,OACJ;AAAA,IAGC,CAAC,aAAa,SAAS,aAAa,KACjC,6CAAC,SAAI,WAAU,aACV;AAAA,iBAAW,SAAS,KACjB,6CAAC,SAAI,WAAU,aACX;AAAA,qDAAC,QAAG,WAAU,sFACV;AAAA,sDAAC,4BAAK,WAAU,wBAAuB;AAAA,UAAE;AAAA,WAE7C;AAAA,QACA,4CAAC,SAAI,WAAU,6BACV,qBAAW,IAAI,CAAC,UACb,6CAAC,mBAAqB,SAAQ,WAAU,WAAU,kFAC7C;AAAA,gBAAM;AAAA,UACN,MAAM,YAAY,CAAC,WAAW,SAAS,sBAAsB,KAC1D,4CAAC,oCAAa,WAAU,iDAAgD;AAAA,aAHpE,MAAM,EAKlB,CACH,GACL;AAAA,SACJ;AAAA,MAGH,WAAW,SAAS,KACjB,6CAAC,SAAI,WAAU,aACX;AAAA,qDAAC,QAAG,WAAU,sFACV;AAAA,sDAAC,6BAAM,WAAU,wBAAuB;AAAA,UAAE;AAAA,WAE9C;AAAA,QACA,4CAAC,SAAI,WAAU,6BACV,qBAAW,IAAI,CAAC,UACb,4CAAC,mBAAqB,SAAQ,WAAU,WAAU,kFAC7C,gBAAM,QADC,MAAM,EAElB,CACH,GACL;AAAA,SACJ;AAAA,OAER;AAAA,KAER;AAER;","names":[]}
+{"version":3,"sources":["../../../../../../src/components/domain/resume/resume-preview/sections/contact-skills.tsx"],"sourcesContent":["import { CandidateProfile } from \"../../types\";\nimport { Badge } from \"../../../../ui\";\nimport { User, Mail, Phone, MapPin, Code, CheckCircle2, Users } from \"lucide-react\";\n\ninterface ContactSkillsProps {\n  data: CandidateProfile;\n  hideFields?: string[];\n  hideSections?: string[];\n}\n\nexport function ContactSkills({ data, hideFields = [], hideSections = [] }: ContactSkillsProps) {\n  const hardSkills = data.skills?.hard || [];\n  const softSkills = data.skills?.soft || [];\n\n  return (\n    <div className=\"space-y-10\">\n      {/* Contacto */}\n      <div className=\"space-y-4\">\n        <h3 className=\"flex items-center gap-2 border-b border-border pb-2 text-xl font-bold text-primary\">\n          <User className=\"h-5 w-5 text-primary\" />\n          Contacto\n        </h3>\n        <div className=\"mt-4 space-y-3\">\n          {data.email && !hideFields.includes(\"email\") && (\n            <div className=\"flex items-center gap-3 text-sm text-foreground\">\n              <Mail className=\"h-4 w-4 flex-shrink-0 text-muted-foreground\" />\n              <span className=\"break-all font-medium\">{data.email}</span>\n            </div>\n          )}\n          {data.phone_number && !hideFields.includes(\"phone_number\") && (\n            <div className=\"flex items-center gap-3 text-sm text-foreground\">\n              <Phone className=\"h-4 w-4 flex-shrink-0 text-muted-foreground\" />\n              <span className=\"font-medium\">{data.phone_number}</span>\n            </div>\n          )}\n          {(data.city || data.address) &&\n            (!hideFields.includes(\"city\") || !hideFields.includes(\"address\")) && (\n              <div className=\"flex items-start gap-3 text-sm text-foreground\">\n                <MapPin className=\"mt-0.5 h-4 w-4 flex-shrink-0 text-muted-foreground\" />\n                <span className=\"font-medium leading-tight\">\n                  {[\n                    !hideFields.includes(\"address\") ? data.address : null,\n                    !hideFields.includes(\"city\") ? data.city : null,\n                  ]\n                    .filter(Boolean)\n                    .join(\", \")}\n                </span>\n              </div>\n            )}\n        </div>\n      </div>\n\n      {/* Skills */}\n      {!hideSections.includes(\"Habilidades\") && (\n        <div className=\"space-y-6\">\n          {hardSkills.length > 0 && (\n            <div className=\"space-y-4\">\n              <h3 className=\"flex items-center gap-2 border-b border-border pb-2 text-xl font-bold text-primary\">\n                <Code className=\"h-5 w-5 text-primary\" />\n                Habilidades Técnicas\n              </h3>\n              <div className=\"mt-4 flex flex-wrap gap-2\">\n                {hardSkills.map((skill) => (\n                  <Badge\n                    key={skill.id}\n                    variant=\"outline\"\n                    className=\"pdf-badge border-border/80 bg-muted/20 px-3 py-1 text-sm text-muted-foreground\"\n                  >\n                    {skill.name}\n                    {skill.verified && !hideFields.includes(\"skills.hard.verified\") && (\n                      <CheckCircle2 className=\"ml-1.5 h-3.5 w-3.5 text-primary-foreground/90\" />\n                    )}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {softSkills.length > 0 && (\n            <div className=\"space-y-4\">\n              <h3 className=\"flex items-center gap-2 border-b border-border pb-2 text-xl font-bold text-primary\">\n                <Users className=\"h-5 w-5 text-primary\" />\n                Aptitudes\n              </h3>\n              <div className=\"mt-4 flex flex-wrap gap-2\">\n                {softSkills.map((skill) => (\n                  <Badge\n                    key={skill.id}\n                    variant=\"outline\"\n                    className=\"pdf-badge border-border/80 bg-muted/20 px-3 py-1 text-sm text-muted-foreground\"\n                  >\n                    {skill.name}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBQ;AAjBR,gBAAsB;AACtB,0BAAqE;AAQ9D,SAAS,cAAc,EAAE,MAAM,aAAa,CAAC,GAAG,eAAe,CAAC,EAAE,GAAuB;AAC9F,QAAM,aAAa,KAAK,QAAQ,QAAQ,CAAC;AACzC,QAAM,aAAa,KAAK,QAAQ,QAAQ,CAAC;AAEzC,SACE,6CAAC,SAAI,WAAU,cAEb;AAAA,iDAAC,SAAI,WAAU,aACb;AAAA,mDAAC,QAAG,WAAU,sFACZ;AAAA,oDAAC,4BAAK,WAAU,wBAAuB;AAAA,QAAE;AAAA,SAE3C;AAAA,MACA,6CAAC,SAAI,WAAU,kBACZ;AAAA,aAAK,SAAS,CAAC,WAAW,SAAS,OAAO,KACzC,6CAAC,SAAI,WAAU,mDACb;AAAA,sDAAC,4BAAK,WAAU,+CAA8C;AAAA,UAC9D,4CAAC,UAAK,WAAU,yBAAyB,eAAK,OAAM;AAAA,WACtD;AAAA,QAED,KAAK,gBAAgB,CAAC,WAAW,SAAS,cAAc,KACvD,6CAAC,SAAI,WAAU,mDACb;AAAA,sDAAC,6BAAM,WAAU,+CAA8C;AAAA,UAC/D,4CAAC,UAAK,WAAU,eAAe,eAAK,cAAa;AAAA,WACnD;AAAA,SAEA,KAAK,QAAQ,KAAK,aACjB,CAAC,WAAW,SAAS,MAAM,KAAK,CAAC,WAAW,SAAS,SAAS,MAC7D,6CAAC,SAAI,WAAU,kDACb;AAAA,sDAAC,8BAAO,WAAU,sDAAqD;AAAA,UACvE,4CAAC,UAAK,WAAU,6BACb;AAAA,YACC,CAAC,WAAW,SAAS,SAAS,IAAI,KAAK,UAAU;AAAA,YACjD,CAAC,WAAW,SAAS,MAAM,IAAI,KAAK,OAAO;AAAA,UAC7C,EACG,OAAO,OAAO,EACd,KAAK,IAAI,GACd;AAAA,WACF;AAAA,SAEN;AAAA,OACF;AAAA,IAGC,CAAC,aAAa,SAAS,aAAa,KACnC,6CAAC,SAAI,WAAU,aACZ;AAAA,iBAAW,SAAS,KACnB,6CAAC,SAAI,WAAU,aACb;AAAA,qDAAC,QAAG,WAAU,sFACZ;AAAA,sDAAC,4BAAK,WAAU,wBAAuB;AAAA,UAAE;AAAA,WAE3C;AAAA,QACA,4CAAC,SAAI,WAAU,6BACZ,qBAAW,IAAI,CAAC,UACf;AAAA,UAAC;AAAA;AAAA,YAEC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET;AAAA,oBAAM;AAAA,cACN,MAAM,YAAY,CAAC,WAAW,SAAS,sBAAsB,KAC5D,4CAAC,oCAAa,WAAU,iDAAgD;AAAA;AAAA;AAAA,UANrE,MAAM;AAAA,QAQb,CACD,GACH;AAAA,SACF;AAAA,MAGD,WAAW,SAAS,KACnB,6CAAC,SAAI,WAAU,aACb;AAAA,qDAAC,QAAG,WAAU,sFACZ;AAAA,sDAAC,6BAAM,WAAU,wBAAuB;AAAA,UAAE;AAAA,WAE5C;AAAA,QACA,4CAAC,SAAI,WAAU,6BACZ,qBAAW,IAAI,CAAC,UACf;AAAA,UAAC;AAAA;AAAA,YAEC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,gBAAM;AAAA;AAAA,UAJF,MAAM;AAAA,QAKb,CACD,GACH;AAAA,SACF;AAAA,OAEJ;AAAA,KAEJ;AAEJ;","names":[]}