+ {hasSectionIcon ? (
+
+ ) : (
+ getSectionIcon(type)
+ )}
{("title" in section && section.title) || getSectionTitle(type)}
diff --git a/apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/page.tsx b/apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/page.tsx
index e53d51c5c..ceba07e5b 100644
--- a/apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/page.tsx
+++ b/apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/page.tsx
@@ -261,7 +261,7 @@ function PageSectionForm() {
{(field) => (
0}
>
- Hide all icons on the resume
+ Hide Icons
+
+
+ )}
+
+
+
+ {(field) => (
+ 0}
+ >
+ {
+ field.handleChange(checked);
+ handleAutoSave("hideSectionIcons", checked);
+ }}
+ />
+ }
+ />
+
+ Hide Section Icons
)}
diff --git a/packages/docx/src/section-renderers.test.ts b/packages/docx/src/section-renderers.test.ts
index fdb51573d..57ff942ee 100644
--- a/packages/docx/src/section-renderers.test.ts
+++ b/packages/docx/src/section-renderers.test.ts
@@ -2,6 +2,7 @@
import type { CustomSection, ResumeData, SectionType } from "@reactive-resume/schema/resume/data";
import { describe, expect, it } from "vitest";
+import { getDefaultSectionIconName } from "@reactive-resume/schema/resume/section-icons";
import { renderBuiltInSection, renderCustomSection, renderSummary, setRenderConfig } from "./section-renderers";
const baseConfig = {
@@ -21,6 +22,7 @@ describe("renderSummary", () => {
it("returns [] when the section is hidden", () => {
const summary: ResumeData["summary"] = {
title: "Summary",
+ icon: getDefaultSectionIconName("summary"),
content: "Hello
",
hidden: true,
columns: 1,
@@ -31,6 +33,7 @@ describe("renderSummary", () => {
it("returns [] when content is empty", () => {
const summary: ResumeData["summary"] = {
title: "Summary",
+ icon: getDefaultSectionIconName("summary"),
content: "",
hidden: false,
columns: 1,
@@ -41,6 +44,7 @@ describe("renderSummary", () => {
it("includes a heading paragraph when both title and content are present", () => {
const summary: ResumeData["summary"] = {
title: "Summary",
+ icon: getDefaultSectionIconName("summary"),
content: "Hello world
",
hidden: false,
columns: 1,
@@ -53,6 +57,7 @@ describe("renderSummary", () => {
it("omits the heading when title is empty but still renders content", () => {
const summary: ResumeData["summary"] = {
title: "",
+ icon: getDefaultSectionIconName("summary"),
content: "Hello world
",
hidden: false,
columns: 1,
@@ -62,9 +67,10 @@ describe("renderSummary", () => {
});
});
-const emptySection = (_type: T): ResumeData["sections"][T] =>
+const emptySection = (type: T): ResumeData["sections"][T] =>
({
title: "Section",
+ icon: getDefaultSectionIconName(type),
columns: 1,
hidden: false,
items: [],
@@ -90,6 +96,7 @@ describe("renderCustomSection", () => {
id: "custom-1",
type: "summary",
title: "Notes",
+ icon: getDefaultSectionIconName("summary"),
columns: 1,
hidden: false,
items: [],
diff --git a/packages/import/src/reactive-resume-v4-json.tsx b/packages/import/src/reactive-resume-v4-json.tsx
index afd152a54..714b044f2 100644
--- a/packages/import/src/reactive-resume-v4-json.tsx
+++ b/packages/import/src/reactive-resume-v4-json.tsx
@@ -440,6 +440,7 @@ export class ReactiveResumeV4JSONImporter {
},
summary: {
title: v4Data.sections.summary?.name ?? "",
+ icon: "",
columns: v4Data.sections.summary?.columns ?? 1,
hidden: !(v4Data.sections.summary?.visible ?? true),
content: v4Data.sections.summary?.content ?? "",
@@ -447,6 +448,7 @@ export class ReactiveResumeV4JSONImporter {
sections: {
profiles: {
title: v4Data.sections.profiles?.name ?? "",
+ icon: "",
columns: v4Data.sections.profiles?.columns ?? 1,
hidden: !(v4Data.sections.profiles?.visible ?? true),
items: (v4Data.sections.profiles?.items ?? [])
@@ -467,6 +469,7 @@ export class ReactiveResumeV4JSONImporter {
},
experience: {
title: v4Data.sections.experience?.name ?? "",
+ icon: "",
columns: v4Data.sections.experience?.columns ?? 1,
hidden: !(v4Data.sections.experience?.visible ?? true),
items: (v4Data.sections.experience?.items ?? [])
@@ -489,6 +492,7 @@ export class ReactiveResumeV4JSONImporter {
},
education: {
title: v4Data.sections.education?.name ?? "",
+ icon: "",
columns: v4Data.sections.education?.columns ?? 1,
hidden: !(v4Data.sections.education?.visible ?? true),
items: (v4Data.sections.education?.items ?? [])
@@ -512,6 +516,7 @@ export class ReactiveResumeV4JSONImporter {
},
projects: {
title: v4Data.sections.projects?.name ?? "",
+ icon: "",
columns: v4Data.sections.projects?.columns ?? 1,
hidden: !(v4Data.sections.projects?.visible ?? true),
items: (v4Data.sections.projects?.items ?? [])
@@ -531,6 +536,7 @@ export class ReactiveResumeV4JSONImporter {
},
skills: {
title: v4Data.sections.skills?.name ?? "",
+ icon: "",
columns: v4Data.sections.skills?.columns ?? 1,
hidden: !(v4Data.sections.skills?.visible ?? true),
items: (v4Data.sections.skills?.items ?? [])
@@ -549,6 +555,7 @@ export class ReactiveResumeV4JSONImporter {
},
languages: {
title: v4Data.sections.languages?.name ?? "",
+ icon: "",
columns: v4Data.sections.languages?.columns ?? 1,
hidden: !(v4Data.sections.languages?.visible ?? true),
items: (v4Data.sections.languages?.items ?? [])
@@ -564,6 +571,7 @@ export class ReactiveResumeV4JSONImporter {
},
interests: {
title: v4Data.sections.interests?.name ?? "",
+ icon: "",
columns: v4Data.sections.interests?.columns ?? 1,
hidden: !(v4Data.sections.interests?.visible ?? true),
items: (v4Data.sections.interests?.items ?? [])
@@ -579,6 +587,7 @@ export class ReactiveResumeV4JSONImporter {
},
awards: {
title: v4Data.sections.awards?.name ?? "",
+ icon: "",
columns: v4Data.sections.awards?.columns ?? 1,
hidden: !(v4Data.sections.awards?.visible ?? true),
items: (v4Data.sections.awards?.items ?? [])
@@ -599,6 +608,7 @@ export class ReactiveResumeV4JSONImporter {
},
certifications: {
title: v4Data.sections.certifications?.name ?? "",
+ icon: "",
columns: v4Data.sections.certifications?.columns ?? 1,
hidden: !(v4Data.sections.certifications?.visible ?? true),
items: (v4Data.sections.certifications?.items ?? [])
@@ -619,6 +629,7 @@ export class ReactiveResumeV4JSONImporter {
},
publications: {
title: v4Data.sections.publications?.name ?? "",
+ icon: "",
columns: v4Data.sections.publications?.columns ?? 1,
hidden: !(v4Data.sections.publications?.visible ?? true),
items: (v4Data.sections.publications?.items ?? [])
@@ -639,6 +650,7 @@ export class ReactiveResumeV4JSONImporter {
},
volunteer: {
title: v4Data.sections.volunteer?.name ?? "",
+ icon: "",
columns: v4Data.sections.volunteer?.columns ?? 1,
hidden: !(v4Data.sections.volunteer?.visible ?? true),
items: (v4Data.sections.volunteer?.items ?? [])
@@ -659,6 +671,7 @@ export class ReactiveResumeV4JSONImporter {
},
references: {
title: v4Data.sections.references?.name ?? "",
+ icon: "",
columns: v4Data.sections.references?.columns ?? 1,
hidden: !(v4Data.sections.references?.visible ?? true),
items: (v4Data.sections.references?.items ?? [])
@@ -681,6 +694,7 @@ export class ReactiveResumeV4JSONImporter {
customSections: Object.entries(v4Data.sections.custom ?? {}).map(([sectionId, section]) => ({
id: section.id || sectionId,
title: section.name ?? "",
+ icon: "",
type: "experience" as const, // Default to experience type as it has the most compatible fields
columns: section.columns ?? 1,
hidden: !(section.visible ?? true),
@@ -731,6 +745,7 @@ export class ReactiveResumeV4JSONImporter {
format: v4Data.metadata.page?.format ?? "a4",
locale: "en-US",
hideIcons: v4Data.metadata.typography?.hideIcons ?? false,
+ hideSectionIcons: true,
},
design: {
colors: {
diff --git a/packages/pdf/src/section-icon.test.ts b/packages/pdf/src/section-icon.test.ts
new file mode 100644
index 000000000..429f1c3e3
--- /dev/null
+++ b/packages/pdf/src/section-icon.test.ts
@@ -0,0 +1,177 @@
+import { describe, expect, it } from "vitest";
+import { defaultResumeData } from "@reactive-resume/schema/resume/default";
+import { getResumeSectionIcon } from "./section-icon";
+
+describe("getResumeSectionIcon", () => {
+ describe("built-in sections", () => {
+ it("returns the icon from section data when set", () => {
+ const data = {
+ ...defaultResumeData,
+ sections: {
+ ...defaultResumeData.sections,
+ experience: { ...defaultResumeData.sections.experience, icon: "rocket" },
+ },
+ };
+ expect(getResumeSectionIcon(data, "experience")).toBe("rocket");
+ });
+
+ it("falls back to default icon when section icon is empty string", () => {
+ const data = {
+ ...defaultResumeData,
+ sections: {
+ ...defaultResumeData.sections,
+ experience: { ...defaultResumeData.sections.experience, icon: "" },
+ },
+ };
+ expect(getResumeSectionIcon(data, "experience")).toBe("briefcase");
+ });
+
+ it("returns empty string when icon is 'none' (user explicitly hid it)", () => {
+ const data = {
+ ...defaultResumeData,
+ sections: {
+ ...defaultResumeData.sections,
+ skills: { ...defaultResumeData.sections.skills, icon: "none" },
+ },
+ };
+ expect(getResumeSectionIcon(data, "skills")).toBe("");
+ });
+
+ it("returns correct default icons for all built-in sections", () => {
+ const data = {
+ ...defaultResumeData,
+ sections: {
+ profiles: { ...defaultResumeData.sections.profiles, icon: "" },
+ experience: { ...defaultResumeData.sections.experience, icon: "" },
+ education: { ...defaultResumeData.sections.education, icon: "" },
+ projects: { ...defaultResumeData.sections.projects, icon: "" },
+ skills: { ...defaultResumeData.sections.skills, icon: "" },
+ languages: { ...defaultResumeData.sections.languages, icon: "" },
+ interests: { ...defaultResumeData.sections.interests, icon: "" },
+ awards: { ...defaultResumeData.sections.awards, icon: "" },
+ certifications: { ...defaultResumeData.sections.certifications, icon: "" },
+ publications: { ...defaultResumeData.sections.publications, icon: "" },
+ volunteer: { ...defaultResumeData.sections.volunteer, icon: "" },
+ references: { ...defaultResumeData.sections.references, icon: "" },
+ },
+ };
+
+ expect(getResumeSectionIcon(data, "profiles")).toBe("messenger-logo");
+ expect(getResumeSectionIcon(data, "experience")).toBe("briefcase");
+ expect(getResumeSectionIcon(data, "education")).toBe("graduation-cap");
+ expect(getResumeSectionIcon(data, "projects")).toBe("code-simple");
+ expect(getResumeSectionIcon(data, "skills")).toBe("compass-tool");
+ expect(getResumeSectionIcon(data, "languages")).toBe("translate");
+ expect(getResumeSectionIcon(data, "interests")).toBe("football");
+ expect(getResumeSectionIcon(data, "awards")).toBe("trophy");
+ expect(getResumeSectionIcon(data, "certifications")).toBe("certificate");
+ expect(getResumeSectionIcon(data, "publications")).toBe("books");
+ expect(getResumeSectionIcon(data, "volunteer")).toBe("hand-heart");
+ expect(getResumeSectionIcon(data, "references")).toBe("phone");
+ });
+ });
+
+ describe("summary section", () => {
+ it("returns the icon from summary data when set", () => {
+ const data = {
+ ...defaultResumeData,
+ summary: { ...defaultResumeData.summary, icon: "notebook" },
+ };
+ expect(getResumeSectionIcon(data, "summary")).toBe("notebook");
+ });
+
+ it("falls back to default 'article' when summary icon is empty", () => {
+ const data = {
+ ...defaultResumeData,
+ summary: { ...defaultResumeData.summary, icon: "" },
+ };
+ expect(getResumeSectionIcon(data, "summary")).toBe("article");
+ });
+
+ it("returns empty when summary icon is 'none'", () => {
+ const data = {
+ ...defaultResumeData,
+ summary: { ...defaultResumeData.summary, icon: "none" },
+ };
+ expect(getResumeSectionIcon(data, "summary")).toBe("");
+ });
+ });
+
+ describe("custom sections", () => {
+ it("returns the icon from custom section data when set", () => {
+ const data = {
+ ...defaultResumeData,
+ customSections: [
+ {
+ id: "custom-1",
+ type: "experience" as const,
+ title: "Freelance",
+ icon: "lightning",
+ columns: 1,
+ hidden: false,
+ items: [],
+ },
+ ],
+ };
+ expect(getResumeSectionIcon(data, "custom-1")).toBe("lightning");
+ });
+
+ it("falls back to the base type default when custom section icon is empty", () => {
+ const data = {
+ ...defaultResumeData,
+ customSections: [
+ {
+ id: "custom-1",
+ type: "education" as const,
+ title: "Courses",
+ icon: "",
+ columns: 1,
+ hidden: false,
+ items: [],
+ },
+ ],
+ };
+ expect(getResumeSectionIcon(data, "custom-1")).toBe("graduation-cap");
+ });
+
+ it("falls back to the cover letter default for cover-letter custom sections", () => {
+ const data = {
+ ...defaultResumeData,
+ customSections: [
+ {
+ id: "custom-cover-letter",
+ type: "cover-letter" as const,
+ title: "Cover Letter",
+ icon: "",
+ columns: 1,
+ hidden: false,
+ items: [],
+ },
+ ],
+ };
+ expect(getResumeSectionIcon(data, "custom-cover-letter")).toBe("envelope-simple");
+ });
+
+ it("returns empty when custom section icon is 'none'", () => {
+ const data = {
+ ...defaultResumeData,
+ customSections: [
+ {
+ id: "custom-1",
+ type: "experience" as const,
+ title: "Side Projects",
+ icon: "none",
+ columns: 1,
+ hidden: false,
+ items: [],
+ },
+ ],
+ };
+ expect(getResumeSectionIcon(data, "custom-1")).toBe("");
+ });
+
+ it("returns empty string for non-existent section id", () => {
+ expect(getResumeSectionIcon(defaultResumeData, "non-existent-id")).toBe("");
+ });
+ });
+});
diff --git a/packages/pdf/src/section-icon.ts b/packages/pdf/src/section-icon.ts
new file mode 100644
index 000000000..c52426938
--- /dev/null
+++ b/packages/pdf/src/section-icon.ts
@@ -0,0 +1,29 @@
+import type { ResumeData, SectionType } from "@reactive-resume/schema/resume/data";
+import { getDefaultSectionIconName } from "@reactive-resume/schema/resume/section-icons";
+
+type RenderData = ResumeData & {
+ resolveSectionTitle?: unknown;
+};
+
+export const getResumeSectionIcon = (data: RenderData, sectionId: string): string => {
+ if (sectionId === "summary") {
+ const icon = data.summary.icon;
+ if (icon === "none") return "";
+ return icon || getDefaultSectionIconName("summary");
+ }
+
+ if (sectionId in data.sections) {
+ const sectionType = sectionId as SectionType;
+ const icon = data.sections[sectionType].icon;
+ if (icon === "none") return "";
+ return icon || getDefaultSectionIconName(sectionType);
+ }
+
+ const customSection = data.customSections.find((section) => section.id === sectionId);
+ if (!customSection) return "";
+
+ const icon = customSection.icon;
+ if (icon === "none") return "";
+ // For custom sections, fall back to the default icon of their base type
+ return icon || getDefaultSectionIconName(customSection.type);
+};
diff --git a/packages/pdf/src/section-title.test.ts b/packages/pdf/src/section-title.test.ts
index 723759c2a..1085b64df 100644
--- a/packages/pdf/src/section-title.test.ts
+++ b/packages/pdf/src/section-title.test.ts
@@ -109,6 +109,7 @@ describe("getResumeSectionTitle", () => {
id: "ext-1",
type: "cover-letter" as const,
title: "My Cover Letter",
+ icon: "",
columns: 1,
hidden: false,
items: [],
@@ -126,6 +127,7 @@ describe("getResumeSectionTitle", () => {
id: "ext-1",
type: "cover-letter" as const,
title: "",
+ icon: "",
columns: 1,
hidden: false,
items: [],
diff --git a/packages/pdf/src/templates/shared/context.tsx b/packages/pdf/src/templates/shared/context.tsx
index 611d27695..b06485f4c 100644
--- a/packages/pdf/src/templates/shared/context.tsx
+++ b/packages/pdf/src/templates/shared/context.tsx
@@ -141,9 +141,9 @@ export const useTemplateFeatureStyle = (
return resolveStyleSlot(slots?.[slot] as TemplateStyleSlot | undefined, context);
};
-export const useTemplateIconSlot = (slot: "icon") => {
+export const useTemplateIconSlot = (slot: "icon" | "sectionHeadingIcon") => {
const { styles } = useTemplateContext();
const context = useTemplateStyleContext();
- return resolveIconSlot(styles[slot], context);
+ return resolveIconSlot(styles[slot] as TemplateIconSlot | undefined, context);
};
diff --git a/packages/pdf/src/templates/shared/primitives.test.ts b/packages/pdf/src/templates/shared/primitives.test.ts
new file mode 100644
index 000000000..ed275580e
--- /dev/null
+++ b/packages/pdf/src/templates/shared/primitives.test.ts
@@ -0,0 +1,13 @@
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { describe, expect, it } from "vitest";
+
+const source = readFileSync(fileURLToPath(new URL("./primitives.tsx", import.meta.url)), "utf8");
+
+describe("SectionHeadingIcon", () => {
+ it("passes the resolved heading icon size through the icon size prop", () => {
+ expect(source).toContain("size: sizeProp");
+ expect(source).toContain("{...(resolvedSize === undefined ? {} : { size: resolvedSize })}");
+ expect(source).not.toContain("{ size: headingFontSize } as Style");
+ });
+});
diff --git a/packages/pdf/src/templates/shared/primitives.tsx b/packages/pdf/src/templates/shared/primitives.tsx
index 655049192..a0a63fb59 100644
--- a/packages/pdf/src/templates/shared/primitives.tsx
+++ b/packages/pdf/src/templates/shared/primitives.tsx
@@ -2,6 +2,7 @@ import type { Style } from "@react-pdf/types";
import type { ComponentProps } from "react";
import type { StyleInput } from "./styles";
import { Icon as PhosphorIcon } from "phosphor-icons-react-pdf/dynamic";
+import { useRender } from "../../context";
import { Link as PdfLink, Text as PdfText, View } from "../../renderer";
import { useSectionStyleRule, useTemplateIconSlot, useTemplateStyle } from "./context";
import { resolveIconSize } from "./icon-size";
@@ -88,3 +89,39 @@ export const Icon = ({ style, size: sizeProp, ...props }: ComponentProps
);
};
+
+export const SectionHeadingIcon = ({ style, size: sizeProp, ...props }: ComponentProps) => {
+ const data = useRender();
+ const { style: sectionIconStyle, ...sectionIconProps } = useTemplateIconSlot("sectionHeadingIcon");
+ const { style: fallbackIconStyle, ...fallbackIconProps } = useTemplateIconSlot("icon");
+
+ // Fall back to the item icon slot if no section heading icon slot is defined
+ const hasSlot = sectionIconStyle !== undefined || Object.keys(sectionIconProps).length > 0;
+ const iconStyle = hasSlot ? sectionIconStyle : fallbackIconStyle;
+ const iconProps = hasSlot ? sectionIconProps : fallbackIconProps;
+
+ // Section heading icon visibility is controlled by hideSectionIcons (in SectionShell),
+ // NOT by the item-level hideIcons toggle. Ignore the "display: none" from item icon slot.
+ const { display: _, size: templateSize, ...iconPropsWithoutDisplay } = iconProps;
+ const templateIconSize =
+ hasSlot && (typeof templateSize === "number" || typeof templateSize === "string") ? templateSize : undefined;
+
+ // Icon size follows heading fontSize so they scale together
+ const headingFontSize = data.metadata.typography.heading.fontSize;
+ const resolvedSize =
+ resolveIconSize({
+ size: sizeProp,
+ styles: [asStyleInput(iconStyle), asStyleInput(style)],
+ }) ??
+ templateIconSize ??
+ headingFontSize;
+
+ return (
+
+ );
+};
diff --git a/packages/pdf/src/templates/shared/sections.test.ts b/packages/pdf/src/templates/shared/sections.test.ts
index 2eb3b769c..e8bbe9c8c 100644
--- a/packages/pdf/src/templates/shared/sections.test.ts
+++ b/packages/pdf/src/templates/shared/sections.test.ts
@@ -13,3 +13,26 @@ describe("ExperienceSection", () => {
expect(source).not.toContain("item.roles.length > 0 && {item.period}");
});
});
+
+describe("SectionShell", () => {
+ it("keeps section and heading style rules when section heading icons are hidden", () => {
+ expect(source).toContain("");
+ expect(source).toContain("");
+ });
+
+ it("wires the section heading container style slot into the icon row", () => {
+ expect(source).toContain('useTemplateStyle("sectionHeadingContainer")');
+ expect(source).toContain("sectionHeadingContainerStyle");
+ });
+
+ it("top-aligns heading icon rows and does not use unsupported auto width resets", () => {
+ const headingContainerBlock = source.match(
+ /const defaultSectionHeadingContainerStyle = {(?[\s\S]*?)} satisfies Style;/,
+ );
+
+ expect(headingContainerBlock?.groups?.body).toContain('alignItems: "flex-start"');
+ expect(source).toContain("getSectionHeadingTextStyle(sectionHeadingStyle, sectionHeadingRuleStyle)");
+ expect(source).toContain("width: _width");
+ expect(source).not.toContain('width: "auto"');
+ });
+});
diff --git a/packages/pdf/src/templates/shared/sections.tsx b/packages/pdf/src/templates/shared/sections.tsx
index 0b23f906e..a35eb75c9 100644
--- a/packages/pdf/src/templates/shared/sections.tsx
+++ b/packages/pdf/src/templates/shared/sections.tsx
@@ -23,6 +23,7 @@ import { Children, createContext, isValidElement, use } from "react";
import { match } from "ts-pattern";
import { useRender } from "../../context";
import { View } from "../../renderer";
+import { getResumeSectionIcon } from "../../section-icon";
import { getResumeSectionTitle } from "../../section-title";
import { getSectionItemRows, getSectionItemsLayout, shouldUseSectionTimeline } from "./columns";
import { getWebsiteDisplayText } from "./contact";
@@ -38,7 +39,7 @@ import {
import { filterItems, hasVisibleItems, isSectionVisible, isVisibleSummary } from "./filtering";
import { LevelDisplay } from "./level-display";
import { getTemplateMetrics } from "./metrics";
-import { Bold, Div, Heading, Icon, Link, Small, Text } from "./primitives";
+import { Bold, Div, Heading, Icon, Link, SectionHeadingIcon, Small, Text } from "./primitives";
import { RichText } from "./rich-text";
import { createRtlStyleHelpers } from "./rtl";
import { getInlineItemWebsiteUrl, shouldRenderSeparateItemWebsite } from "./section-links";
@@ -132,6 +133,35 @@ const SECTION_ITEM_PLACEHOLDER_KEYS = [
"placeholder-6",
] as const;
+const defaultSectionHeadingContainerStyle = {
+ flexDirection: "row",
+ alignItems: "flex-start",
+ columnGap: 4,
+} satisfies Style;
+
+const getSectionHeadingTextStyle = (...styles: StyleInput[]): Style[] =>
+ composeStyles(...styles).map(
+ ({
+ borderBottomWidth: _borderBottomWidth,
+ borderLeftWidth: _borderLeftWidth,
+ borderRightWidth: _borderRightWidth,
+ borderTopWidth: _borderTopWidth,
+ borderWidth: _borderWidth,
+ flexGrow: _flexGrow,
+ flexShrink: _flexShrink,
+ marginBottom: _marginBottom,
+ marginLeft: _marginLeft,
+ marginRight: _marginRight,
+ marginTop: _marginTop,
+ paddingBottom: _paddingBottom,
+ paddingLeft: _paddingLeft,
+ paddingRight: _paddingRight,
+ paddingTop: _paddingTop,
+ width: _width,
+ ...textStyle
+ }) => textStyle,
+ );
+
const useSectionItemsContext = () => use(SectionItemsContext);
const getChildKey = (child: ReactNode, fallbackIndex: number) => {
@@ -154,13 +184,41 @@ const SectionShell = ({ sectionId, title, showHeading = true, children }: Sectio
const sectionStyle = useTemplateStyle("section");
const sectionRuleStyle = useSectionStyleRule("section");
const sectionHeadingStyle = useTemplateStyle("sectionHeading");
+ const sectionHeadingContainerStyle = useTemplateStyle("sectionHeadingContainer");
const sectionHeadingRuleStyle = useSectionStyleRule("heading");
const sectionTitle = getResumeSectionTitle(data, sectionId, title);
+ const sectionIcon = getResumeSectionIcon(data, sectionId);
+ const showIcon = Boolean(sectionIcon) && !data.metadata.page.hideSectionIcons;
+ if (!showIcon) {
+ // No icon: render heading exactly as before (no structural change)
+ return (
+
+ {showHeading && (
+ {sectionTitle}
+ )}
+ {children}
+
+ );
+ }
+
+ // With icon: wrap in a flex row container that inherits the heading's border/decoration
return (
{showHeading && (
- {sectionTitle}
+
+
+
+ {sectionTitle}
+
+
)}
{children}
diff --git a/packages/pdf/src/templates/shared/types.ts b/packages/pdf/src/templates/shared/types.ts
index c3d2185dd..6f56ed695 100644
--- a/packages/pdf/src/templates/shared/types.ts
+++ b/packages/pdf/src/templates/shared/types.ts
@@ -66,6 +66,8 @@ export type TemplateStyleSlots = {
sectionItemHeader?: TemplateStyleSlot;
section?: TemplateStyleSlot;
sectionHeading?: TemplateStyleSlot;
+ sectionHeadingContainer?: TemplateStyleSlot;
+ sectionHeadingIcon?: TemplateIconSlot;
sectionItems?: TemplateStyleSlot;
item?: TemplateStyleSlot;
levelContainer?: TemplateStyleSlot;
diff --git a/packages/schema/src/resume/data.test.ts b/packages/schema/src/resume/data.test.ts
index ba05ff083..a4feef2e5 100644
--- a/packages/schema/src/resume/data.test.ts
+++ b/packages/schema/src/resume/data.test.ts
@@ -1,5 +1,6 @@
import { describe, expect, it } from "vitest";
import {
+ baseSectionSchema,
basicsSchema,
customFieldSchema,
experienceItemSchema,
@@ -10,6 +11,7 @@ import {
skillItemSchema,
styleRuleSchema,
styleRulesSchema,
+ summarySchema,
websiteSchema,
} from "./data";
import { defaultResumeData } from "./default";
@@ -271,6 +273,41 @@ describe("pageSchema", () => {
expect(pageSchema.safeParse(valid).success).toBe(true);
}
});
+
+ it("defaults hideSectionIcons to true when missing", () => {
+ const { hideSectionIcons: _, ...pageWithout } = defaultResumeData.metadata.page;
+ const result = pageSchema.safeParse(pageWithout);
+ expect(result.success).toBe(true);
+ if (result.success) expect(result.data.hideSectionIcons).toBe(true);
+ });
+});
+
+describe("baseSectionSchema", () => {
+ it("defaults icon to empty string when missing", () => {
+ const result = baseSectionSchema.safeParse({ title: "Test", columns: 1, hidden: false });
+ expect(result.success).toBe(true);
+ if (result.success) expect(result.data.icon).toBe("");
+ });
+
+ it("accepts a custom icon value", () => {
+ const result = baseSectionSchema.safeParse({ title: "Test", icon: "rocket", columns: 1, hidden: false });
+ expect(result.success).toBe(true);
+ if (result.success) expect(result.data.icon).toBe("rocket");
+ });
+
+ it("accepts 'none' as a valid icon value", () => {
+ const result = baseSectionSchema.safeParse({ title: "Test", icon: "none", columns: 1, hidden: false });
+ expect(result.success).toBe(true);
+ if (result.success) expect(result.data.icon).toBe("none");
+ });
+});
+
+describe("summarySchema", () => {
+ it("defaults icon to empty string when missing", () => {
+ const result = summarySchema.safeParse({ title: "", columns: 1, hidden: false, content: "" });
+ expect(result.success).toBe(true);
+ if (result.success) expect(result.data.icon).toBe("");
+ });
});
describe("styleRulesSchema", () => {
diff --git a/packages/schema/src/resume/data.ts b/packages/schema/src/resume/data.ts
index d0eba2e48..0feb9f8fd 100644
--- a/packages/schema/src/resume/data.ts
+++ b/packages/schema/src/resume/data.ts
@@ -94,6 +94,12 @@ export const basicsSchema = z.object({
export const summarySchema = z.object({
title: z.string().describe("The title of the summary of the resume."),
+ icon: z
+ .string()
+ .catch("")
+ .describe(
+ "Phosphor icon name to display before the summary section title in the PDF output. Empty string uses the default summary icon; 'none' hides the icon.",
+ ),
columns: z.number().int().min(1).max(6).catch(1).describe("The number of columns the summary should span across."),
hidden: z.boolean().describe("Whether to hide the summary from the resume."),
content: z.string().describe("The content of the summary of the resume. This should be a HTML-formatted string."),
@@ -271,6 +277,12 @@ export type CoverLetterItem = z.infer;
export const baseSectionSchema = z.object({
title: z.string().describe("The title of the section."),
+ icon: z
+ .string()
+ .catch("")
+ .describe(
+ "Phosphor icon name to display before the section title in the PDF output. Empty string uses the default section icon; 'none' hides the icon.",
+ ),
columns: z.number().int().min(1).max(6).catch(1).describe("The number of columns the section should span across."),
hidden: z.boolean().describe("Whether to hide the section from the resume."),
});
@@ -457,7 +469,11 @@ export const pageSchema = z.object({
.string()
.describe("The locale of the page. Used for displaying pre-translated section headings, if not overridden.")
.catch("en-US"),
- hideIcons: z.boolean().describe("Whether to hide the icons of the sections.").catch(false),
+ hideIcons: z.boolean().describe("Whether to hide the item-level icons (skills, profiles, interests).").catch(false),
+ hideSectionIcons: z
+ .boolean()
+ .describe("Whether to hide the section heading icons displayed before section titles.")
+ .catch(true),
});
export const levelDesignSchema = z.object({
diff --git a/packages/schema/src/resume/default.ts b/packages/schema/src/resume/default.ts
index 84de0d7b4..7c447bfe4 100644
--- a/packages/schema/src/resume/default.ts
+++ b/packages/schema/src/resume/default.ts
@@ -24,6 +24,7 @@ export const defaultResumeData: ResumeData = {
},
summary: {
title: "",
+ icon: "article",
columns: 1,
hidden: false,
content: "",
@@ -31,72 +32,84 @@ export const defaultResumeData: ResumeData = {
sections: {
profiles: {
title: "",
+ icon: "messenger-logo",
columns: 1,
hidden: false,
items: [],
},
experience: {
title: "",
+ icon: "briefcase",
columns: 1,
hidden: false,
items: [],
},
education: {
title: "",
+ icon: "graduation-cap",
columns: 1,
hidden: false,
items: [],
},
projects: {
title: "",
+ icon: "code-simple",
columns: 1,
hidden: false,
items: [],
},
skills: {
title: "",
+ icon: "compass-tool",
columns: 1,
hidden: false,
items: [],
},
languages: {
title: "",
+ icon: "translate",
columns: 1,
hidden: false,
items: [],
},
interests: {
title: "",
+ icon: "football",
columns: 1,
hidden: false,
items: [],
},
awards: {
title: "",
+ icon: "trophy",
columns: 1,
hidden: false,
items: [],
},
certifications: {
title: "",
+ icon: "certificate",
columns: 1,
hidden: false,
items: [],
},
publications: {
title: "",
+ icon: "books",
columns: 1,
hidden: false,
items: [],
},
volunteer: {
title: "",
+ icon: "hand-heart",
columns: 1,
hidden: false,
items: [],
},
references: {
title: "",
+ icon: "phone",
columns: 1,
hidden: false,
items: [],
@@ -123,6 +136,7 @@ export const defaultResumeData: ResumeData = {
format: "a4",
locale: "en-US",
hideIcons: false,
+ hideSectionIcons: true,
},
design: {
colors: {
diff --git a/packages/schema/src/resume/sample.ts b/packages/schema/src/resume/sample.ts
index 4f252cbf5..3b7a818b6 100644
--- a/packages/schema/src/resume/sample.ts
+++ b/packages/schema/src/resume/sample.ts
@@ -40,6 +40,7 @@ export const sampleResumeData: ResumeData = {
},
summary: {
title: "",
+ icon: "article",
columns: 1,
hidden: false,
content:
@@ -48,6 +49,7 @@ export const sampleResumeData: ResumeData = {
sections: {
profiles: {
title: "",
+ icon: "messenger-logo",
columns: 1,
hidden: false,
items: [
@@ -81,6 +83,7 @@ export const sampleResumeData: ResumeData = {
},
experience: {
title: "",
+ icon: "briefcase",
columns: 1,
hidden: false,
items: [
@@ -104,6 +107,7 @@ export const sampleResumeData: ResumeData = {
},
education: {
title: "",
+ icon: "graduation-cap",
columns: 1,
hidden: false,
items: [
@@ -128,6 +132,7 @@ export const sampleResumeData: ResumeData = {
},
projects: {
title: "",
+ icon: "code-simple",
columns: 1,
hidden: false,
items: [
@@ -174,6 +179,7 @@ export const sampleResumeData: ResumeData = {
},
skills: {
title: "",
+ icon: "compass-tool",
columns: 1,
hidden: false,
items: [
@@ -241,6 +247,7 @@ export const sampleResumeData: ResumeData = {
},
languages: {
title: "",
+ icon: "translate",
columns: 1,
hidden: false,
items: [
@@ -262,6 +269,7 @@ export const sampleResumeData: ResumeData = {
},
interests: {
title: "",
+ icon: "football",
columns: 1,
hidden: false,
items: [
@@ -301,6 +309,7 @@ export const sampleResumeData: ResumeData = {
},
awards: {
title: "",
+ icon: "trophy",
columns: 1,
hidden: false,
items: [
@@ -336,6 +345,7 @@ export const sampleResumeData: ResumeData = {
},
certifications: {
title: "",
+ icon: "certificate",
columns: 1,
hidden: false,
items: [
@@ -369,6 +379,7 @@ export const sampleResumeData: ResumeData = {
},
publications: {
title: "",
+ icon: "books",
columns: 1,
hidden: false,
items: [
@@ -404,6 +415,7 @@ export const sampleResumeData: ResumeData = {
},
volunteer: {
title: "",
+ icon: "hand-heart",
columns: 2,
hidden: false,
items: [
@@ -439,6 +451,7 @@ export const sampleResumeData: ResumeData = {
},
references: {
title: "",
+ icon: "phone",
columns: 1,
hidden: false,
items: [
@@ -461,6 +474,7 @@ export const sampleResumeData: ResumeData = {
customSections: [
{
title: "",
+ icon: "briefcase",
columns: 1,
hidden: false,
id: "019becaf-0b87-769d-98a6-46ccf558c0e8",
@@ -502,6 +516,7 @@ export const sampleResumeData: ResumeData = {
},
{
title: "Cover Letter",
+ icon: "envelope-simple",
columns: 1,
hidden: false,
id: "019bef5b-0b3d-7e2a-8a7c-12d9e23a4f6b",
@@ -553,6 +568,7 @@ export const sampleResumeData: ResumeData = {
format: "a4",
locale: "en-US",
hideIcons: false,
+ hideSectionIcons: false,
},
design: {
level: {
diff --git a/packages/schema/src/resume/section-icons.ts b/packages/schema/src/resume/section-icons.ts
new file mode 100644
index 000000000..0ef2f81dc
--- /dev/null
+++ b/packages/schema/src/resume/section-icons.ts
@@ -0,0 +1,21 @@
+import type { CustomSectionType } from "./data";
+
+export const defaultSectionIconNames = {
+ summary: "article",
+ profiles: "messenger-logo",
+ experience: "briefcase",
+ education: "graduation-cap",
+ projects: "code-simple",
+ skills: "compass-tool",
+ languages: "translate",
+ interests: "football",
+ awards: "trophy",
+ certifications: "certificate",
+ publications: "books",
+ volunteer: "hand-heart",
+ references: "phone",
+ "cover-letter": "envelope-simple",
+} as const satisfies Record;
+
+export const getDefaultSectionIconName = (sectionType: CustomSectionType): string =>
+ defaultSectionIconNames[sectionType];
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5473f0370..f9ff9d33b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -64,7 +64,7 @@ importers:
version: 6.0.3
vitest:
specifier: ^4.1.8
- version: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ version: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
apps/server:
dependencies:
@@ -263,7 +263,7 @@ importers:
version: 6.0.3
vitest:
specifier: ^4.1.8
- version: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ version: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
apps/web:
dependencies:
@@ -347,7 +347,7 @@ importers:
version: link:../../packages/utils
'@tailwindcss/vite':
specifier: ^4.3.0
- version: 4.3.0(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ version: 4.3.0(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
'@tanstack/react-form':
specifier: ^1.33.0
version: 1.33.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
@@ -477,16 +477,16 @@ importers:
version: 6.1.0
'@lingui/vite-plugin':
specifier: ^6.1.0
- version: 6.1.0(@babel/core@7.29.7)(@lingui/babel-plugin-lingui-macro@6.1.0)(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)))(babel-plugin-macros@3.1.0)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ version: 6.1.0(@babel/core@7.29.7)(@lingui/babel-plugin-lingui-macro@6.1.0)(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)))(babel-plugin-macros@3.1.0)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
'@reactive-resume/config':
specifier: workspace:*
version: link:../../packages/config
'@rolldown/plugin-babel':
specifier: ^0.2.3
- version: 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ version: 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
'@tanstack/router-plugin':
specifier: ^1.168.13
- version: 1.168.13(@tanstack/react-router@1.170.10(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ version: 1.168.13(@tanstack/react-router@1.170.10(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
'@types/babel__core':
specifier: ^7.20.5
version: 7.20.5
@@ -504,7 +504,7 @@ importers:
version: 7.0.0-dev.20260527.2
'@vitejs/plugin-react':
specifier: ^6.0.2
- version: 6.0.2(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)))(babel-plugin-react-compiler@1.0.0)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ version: 6.0.2(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)))(babel-plugin-react-compiler@1.0.0)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
babel-plugin-macros:
specifier: ^3.1.0
version: 3.1.0
@@ -515,8 +515,8 @@ importers:
specifier: ^6.0.3
version: 6.0.3
vite:
- specifier: ^8.0.15
- version: 8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
+ specifier: ^8.0.16
+ version: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
packages/ai:
dependencies:
@@ -912,7 +912,7 @@ importers:
version: 6.0.3
vitest:
specifier: ^4.1.8
- version: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ version: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
packages/pdf:
dependencies:
@@ -7343,8 +7343,8 @@ packages:
resolution: {integrity: sha512-t20zYkrSf868+j/p31cRIGN28Phrjm3nRSLR2fyc2tiWi4cZGVdv68yNlwnIINTkMTmPoMiSlc0OadaO7DXZaQ==}
engines: {node: '>= 6'}
- vite@8.0.15:
- resolution: {integrity: sha512-qpgllRxrLqwsMAGRdLhsEr9bepaOQk1rxH1xT2coBXLaEB/bfkqQj1j7RMxwMfnYrvO1ZnFMiwX+wBVgnsyn0g==}
+ vite@8.0.16:
+ resolution: {integrity: sha512-h9bXPmJichP5fLmVQo3PyaGSDE2n3aPuomeAlVRm0JLmt4rY6zmPKd59HYI4LNW8oTK7tlTsuC7l/m7awx9Jcw==}
engines: {node: ^20.19.0 || >=22.12.0}
hasBin: true
peerDependencies:
@@ -8936,15 +8936,15 @@ snapshots:
transitivePeerDependencies:
- supports-color
- '@lingui/vite-plugin@6.1.0(@babel/core@7.29.7)(@lingui/babel-plugin-lingui-macro@6.1.0)(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)))(babel-plugin-macros@3.1.0)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
+ '@lingui/vite-plugin@6.1.0(@babel/core@7.29.7)(@lingui/babel-plugin-lingui-macro@6.1.0)(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)))(babel-plugin-macros@3.1.0)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
dependencies:
'@lingui/cli': 6.1.0(babel-plugin-macros@3.1.0)
'@lingui/conf': 6.1.0
- vite: 8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
+ vite: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
optionalDependencies:
'@babel/core': 7.29.7
'@lingui/babel-plugin-lingui-macro': 6.1.0
- '@rolldown/plugin-babel': 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ '@rolldown/plugin-babel': 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
rolldown: 1.0.3
transitivePeerDependencies:
- babel-plugin-macros
@@ -9869,14 +9869,14 @@ snapshots:
'@rolldown/binding-win32-x64-msvc@1.0.3':
optional: true
- '@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
+ '@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
dependencies:
'@babel/core': 7.29.7
picomatch: 4.0.4
rolldown: 1.0.3
optionalDependencies:
'@babel/runtime': 7.29.7
- vite: 8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
+ vite: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
'@rolldown/pluginutils@1.0.1': {}
@@ -10056,12 +10056,12 @@ snapshots:
postcss-selector-parser: 6.0.10
tailwindcss: 4.3.0
- '@tailwindcss/vite@4.3.0(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
+ '@tailwindcss/vite@4.3.0(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
dependencies:
'@tailwindcss/node': 4.3.0
'@tailwindcss/oxide': 4.3.0
tailwindcss: 4.3.0
- vite: 8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
+ vite: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
'@tanstack/devtools-event-client@0.4.3': {}
@@ -10144,7 +10144,7 @@ snapshots:
transitivePeerDependencies:
- supports-color
- '@tanstack/router-plugin@1.168.13(@tanstack/react-router@1.170.10(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
+ '@tanstack/router-plugin@1.168.13(@tanstack/react-router@1.170.10(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
dependencies:
'@babel/core': 7.29.7
'@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
@@ -10161,7 +10161,7 @@ snapshots:
zod: 4.4.3
optionalDependencies:
'@tanstack/react-router': 1.170.10(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
- vite: 8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
+ vite: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
transitivePeerDependencies:
- supports-color
@@ -10645,12 +10645,12 @@ snapshots:
'@vercel/oidc@3.2.0': {}
- '@vitejs/plugin-react@6.0.2(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)))(babel-plugin-react-compiler@1.0.0)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
+ '@vitejs/plugin-react@6.0.2(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)))(babel-plugin-react-compiler@1.0.0)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
dependencies:
'@rolldown/pluginutils': 1.0.1
- vite: 8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
+ vite: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
optionalDependencies:
- '@rolldown/plugin-babel': 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ '@rolldown/plugin-babel': 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.0.3)(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
babel-plugin-react-compiler: 1.0.0
'@vitest/coverage-v8@4.1.8(vitest@4.1.8)':
@@ -10665,7 +10665,7 @@ snapshots:
obug: 2.1.1
std-env: 4.1.0
tinyrainbow: 3.1.0
- vitest: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ vitest: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
'@vitest/expect@4.1.8':
dependencies:
@@ -10676,14 +10676,14 @@ snapshots:
chai: 6.2.2
tinyrainbow: 3.1.0
- '@vitest/mocker@4.1.8(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
+ '@vitest/mocker@4.1.8(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))':
dependencies:
'@vitest/spy': 4.1.8
estree-walker: 3.0.3
magic-string: 0.30.21
optionalDependencies:
msw: 2.14.6(@types/node@25.9.1)(typescript@6.0.3)
- vite: 8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
+ vite: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
'@vitest/pretty-format@4.1.8':
dependencies:
@@ -10870,7 +10870,7 @@ snapshots:
pg: 8.21.0
react: 19.2.6
react-dom: 19.2.6(react@19.2.6)
- vitest: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ vitest: 4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
transitivePeerDependencies:
- '@cloudflare/workers-types'
- '@opentelemetry/api'
@@ -13902,7 +13902,7 @@ snapshots:
string_decoder: 1.3.0
util-deprecate: 1.0.2
- vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0):
+ vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0):
dependencies:
lightningcss: 1.32.0
picomatch: 4.0.4
@@ -13917,10 +13917,10 @@ snapshots:
tsx: 4.22.4
yaml: 2.9.0
- vitest@4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)):
+ vitest@4.1.8(@opentelemetry/api@1.9.1)(@types/node@25.9.1)(@vitest/coverage-v8@4.1.8)(happy-dom@20.9.0)(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)):
dependencies:
'@vitest/expect': 4.1.8
- '@vitest/mocker': 4.1.8(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
+ '@vitest/mocker': 4.1.8(msw@2.14.6(@types/node@25.9.1)(typescript@6.0.3))(vite@8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0))
'@vitest/pretty-format': 4.1.8
'@vitest/runner': 4.1.8
'@vitest/snapshot': 4.1.8
@@ -13937,7 +13937,7 @@ snapshots:
tinyexec: 1.2.4
tinyglobby: 0.2.17
tinyrainbow: 3.1.0
- vite: 8.0.15(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
+ vite: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(tsx@4.22.4)(yaml@2.9.0)
why-is-node-running: 2.3.0
optionalDependencies:
'@opentelemetry/api': 1.9.1