@atom63/resume 0.1.0

package/dist/index.css

@@ -0,0 +1,334 @@
+/* src/styles/tokens.css */
+[data-resume-document] {
+  --paper-width: 8.5in;
+  --paper-height: 11in;
+  --paper-pad-x: 0.7in;
+  --paper-pad-y: 0.6in;
+  --paper-gap: 32px;
+  --doc-meta-col: 11rem;
+  --doc-resume-cols: 1fr 2fr;
+  --doc-col-gap: 0.75rem;
+  --doc-col-pad: 1.5rem;
+  --doc-block-gap: 0.375rem;
+  --doc-section-gap: 0.5rem;
+  --doc-group-gap: 0.125rem;
+  --doc-text: 10px;
+  --doc-text-xs: 8px;
+  --doc-leading: 1.4;
+  --doc-leading-heading: 1.5;
+  --doc-ink: #000;
+  --doc-ink-body: #404040;
+  --doc-ink-muted: #737373;
+  --doc-ink-faint: #a3a3a3;
+  --doc-rule: #d4d4d4;
+}
+
+/* src/styles/document.css */
+.doc-meta-grid {
+  display: grid;
+  min-width: 0;
+  grid-template-columns: var(--doc-meta-col) minmax(0, 1fr);
+  gap: var(--doc-col-gap);
+}
+.doc-resume-grid {
+  display: grid;
+  min-width: 0;
+  grid-template-columns: var(--doc-resume-cols);
+}
+.doc-col {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: var(--doc-block-gap);
+}
+.doc-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--doc-group-gap);
+}
+.doc-section {
+  margin-top: var(--doc-section-gap);
+}
+.doc-body {
+  font-size: var(--doc-text);
+  line-height: var(--doc-leading);
+  color: var(--doc-ink-body);
+  overflow-wrap: break-word;
+}
+.doc-meta {
+  font-size: var(--doc-text);
+  line-height: var(--doc-leading);
+  color: var(--doc-ink-muted);
+}
+.doc-heading {
+  font-size: var(--doc-text);
+  line-height: var(--doc-leading-heading);
+  color: var(--doc-ink);
+  font-weight: 700;
+  text-transform: uppercase;
+}
+.doc-title {
+  font-size: var(--doc-text);
+  line-height: 1;
+  color: var(--doc-ink);
+  font-weight: 700;
+  text-transform: uppercase;
+}
+.doc-subheading {
+  font-size: var(--doc-text);
+  line-height: 1;
+  color: var(--doc-ink);
+  font-weight: 600;
+}
+.doc-strong {
+  color: var(--doc-ink);
+  font-weight: 600;
+}
+.doc-link {
+  color: var(--doc-ink-body);
+  text-decoration: underline;
+  touch-action: manipulation;
+}
+.doc-rule {
+  margin: 0.25rem 0;
+  border-bottom: 1px solid var(--doc-rule);
+}
+.doc-footer {
+  font-size: var(--doc-text-xs);
+  color: var(--doc-ink-faint);
+  margin-top: auto;
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+}
+.doc-footer a {
+  color: inherit;
+}
+.doc-header {
+  margin-bottom: 0.75rem;
+}
+.doc-header-col {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.doc-header-left {
+  padding-right: var(--doc-col-pad);
+}
+.doc-header-right {
+  padding-left: var(--doc-col-pad);
+}
+.doc-header-right > p + p {
+  margin-top: 0.125rem;
+}
+.doc-links {
+  margin-top: 0.75rem;
+}
+.doc-links > p {
+  margin-top: 0;
+  color: var(--doc-ink-muted);
+}
+.doc-links a {
+  color: inherit;
+}
+.doc-links em {
+  color: var(--doc-ink-faint);
+}
+.doc-entry-body {
+  min-width: 0;
+}
+.doc-col-sidebar {
+  grid-column-start: 1;
+  grid-row-start: 1;
+  padding-right: var(--doc-col-pad);
+}
+.doc-col-main {
+  grid-column-start: 2;
+  grid-row-start: 1;
+  padding-left: var(--doc-col-pad);
+}
+.doc-list {
+  list-style: disc;
+  padding-left: 0.75rem;
+}
+.doc-em {
+  font-style: normal;
+}
+.doc-hr {
+  margin: 0.75rem 0;
+}
+.doc-pages {
+  display: flex;
+  flex-direction: column;
+}
+.doc-page {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  color: #000;
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+}
+
+/* src/styles/viewer.css */
+#resume-print-target,
+#resume-print-target * {
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+}
+[data-resume-scale-root] {
+  transform-origin: top left;
+}
+.resume-viewer {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.resume-viewer-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.375rem 0.75rem;
+  border-bottom: 1px solid rgb(0 0 0 / 0.08);
+  background: #fff;
+  flex: 0 0 auto;
+}
+.resume-viewer-pagecount {
+  font-size: 0.8125rem;
+  color: rgb(0 0 0 / 0.55);
+}
+.resume-viewer-controls {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.resume-viewer-btn-group {
+  display: flex;
+  align-items: center;
+}
+.resume-viewer-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 2rem;
+  min-width: 2rem;
+  padding: 0 0.375rem;
+  border: 0;
+  border-radius: 0.375rem;
+  background: transparent;
+  color: rgb(0 0 0 / 0.7);
+  font-size: 0.8125rem;
+  cursor: pointer;
+}
+.resume-viewer-btn:hover:not(:disabled) {
+  background: rgb(0 0 0 / 0.06);
+}
+.resume-viewer-btn:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.resume-viewer-btn-active {
+  background: rgb(0 0 0 / 0.08);
+  color: rgb(0 0 0 / 0.9);
+}
+.resume-viewer-btn-text {
+  padding: 0 0.625rem;
+}
+.resume-viewer-zoom-label {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 2rem;
+  width: 3rem;
+  border: 0;
+  border-radius: 0.375rem;
+  background: transparent;
+  color: rgb(0 0 0 / 0.55);
+  font-size: 0.8125rem;
+  font-variant-numeric: tabular-nums;
+  cursor: pointer;
+}
+.resume-viewer-zoom-label:hover {
+  background: rgb(0 0 0 / 0.06);
+}
+.resume-viewer-icon {
+  width: 1rem;
+  height: 1rem;
+}
+.resume-viewer-scroll {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+  background: rgb(244 244 245);
+}
+.resume-viewer-scroll-grab {
+  cursor: grab;
+}
+.resume-viewer-scroll-grabbing {
+  cursor: grabbing;
+}
+.resume-viewer-scroll-mobile {
+  touch-action: none;
+  user-select: none;
+}
+.resume-viewer-stage {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.resume-viewer-page-box {
+  margin-left: auto;
+  margin-right: auto;
+}
+.resume-viewer-scale-root {
+  position: relative;
+}
+.resume-viewer-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: #000;
+}
+[data-slot=scroll-area-viewport][data-pan-active],
+.resume-viewer-scroll[data-pan-active] {
+  background-color: color-mix(in oklch, var(--muted) 42%, transparent);
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-slot=scroll-area-viewport][data-pan-active],
+  .resume-viewer-scroll[data-pan-active] {
+    transition: none;
+  }
+}
+#resume-print-target a,
+#resume-print-target button {
+  touch-action: manipulation;
+}
+@media print {
+  body:has(#resume-print-clone) > :not(#resume-print-clone) {
+    display: none !important;
+  }
+  #resume-print-clone {
+    color: black !important;
+    background: white !important;
+  }
+  #resume-print-clone > div {
+    gap: 0 !important;
+  }
+  [data-resume-page] {
+    box-shadow: none !important;
+    break-after: page;
+    break-inside: avoid;
+  }
+  [data-resume-page]:last-child {
+    break-after: auto;
+  }
+  @page {
+    size: letter;
+    margin: 0;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles/tokens.css","../src/styles/document.css","../src/styles/viewer.css"],"sourcesContent":["/*\n * @atom63/resume — paper/document design tokens.\n *\n * The single source of truth for the resume/CV look. Override any token (e.g.\n * in your own stylesheet, scoped to [data-resume-document]) to restyle the\n * resume and CV together; the React primitives only compose these.\n *\n *   --paper-* : page geometry (defaults: US Letter @ 96dpi; override for A4).\n *   --doc-*   : document language (layout, type, ink).\n *\n * Print-fixed by design: doc sizes are absolute px for PDF fidelity, independent\n * of any host typography-scale setting. The font *family* is inherited (so the\n * document follows the host font), which is why pagination re-measures on font\n * change.\n *\n * NOTE: the numeric --paper-* defaults and --doc-block-gap MUST stay in sync with\n * geometry.ts (the JS packer reads the same numbers to compute page breaks).\n */\n[data-resume-document] {\n  /* Page geometry (US Letter @ 96dpi — see geometry.ts) */\n  --paper-width: 8.5in;\n  --paper-height: 11in;\n  --paper-pad-x: 0.7in;\n  --paper-pad-y: 0.6in;\n  --paper-gap: 32px; /* screen-only gap between page frames */\n\n  /* Document layout */\n  --doc-meta-col: 11rem; /* left meta/label column (header name, section label, year|role) */\n  --doc-resume-cols: 1fr 2fr; /* resume sidebar | main split */\n  --doc-col-gap: 0.75rem; /* gap between the meta column and content */\n  --doc-col-pad: 1.5rem; /* resume two-column inner gutter */\n  --doc-block-gap: 0.375rem; /* between blocks within a column (== BLOCK_GAP_PX) */\n  --doc-section-gap: 0.5rem; /* space above a section */\n  --doc-group-gap: 0.125rem; /* within a tight group (title + meta line) */\n\n  /* Type */\n  --doc-text: 10px;\n  --doc-text-xs: 8px;\n  --doc-leading: 1.4;\n  --doc-leading-heading: 1.5;\n\n  /* Ink (on the white page) */\n  --doc-ink: #000; /* headings, strong */\n  --doc-ink-body: #404040; /* body copy (neutral-700) */\n  --doc-ink-muted: #737373; /* meta / labels (neutral-500) */\n  --doc-ink-faint: #a3a3a3; /* footer, faint detail (neutral-400) */\n  --doc-rule: #d4d4d4; /* dividers (neutral-300) */\n}\n","/*\n * Resume & CV document layout + type primitives. These classes only COMPOSE the\n * design tokens — the token vocabulary itself (the paper and doc custom\n * properties) lives in tokens.css (imported separately, or together via\n * styles.css). Keep this file token-free so consumers can adopt just the tokens,\n * or restyle without forking these classes.\n */\n\n/* Layout primitives */\n.doc-meta-grid {\n  display: grid;\n  min-width: 0;\n  grid-template-columns: var(--doc-meta-col) minmax(0, 1fr);\n  gap: var(--doc-col-gap);\n}\n.doc-resume-grid {\n  display: grid;\n  min-width: 0;\n  grid-template-columns: var(--doc-resume-cols);\n}\n.doc-col {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  gap: var(--doc-block-gap);\n}\n.doc-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--doc-group-gap);\n}\n.doc-section {\n  margin-top: var(--doc-section-gap);\n}\n\n/* Type primitives */\n.doc-body {\n  font-size: var(--doc-text);\n  line-height: var(--doc-leading);\n  color: var(--doc-ink-body);\n  overflow-wrap: break-word;\n}\n.doc-meta {\n  font-size: var(--doc-text);\n  line-height: var(--doc-leading);\n  color: var(--doc-ink-muted);\n}\n.doc-heading {\n  font-size: var(--doc-text);\n  line-height: var(--doc-leading-heading);\n  color: var(--doc-ink);\n  font-weight: 700;\n  text-transform: uppercase;\n}\n.doc-title {\n  font-size: var(--doc-text);\n  line-height: 1;\n  color: var(--doc-ink);\n  font-weight: 700;\n  text-transform: uppercase;\n}\n.doc-subheading {\n  font-size: var(--doc-text);\n  line-height: 1;\n  color: var(--doc-ink);\n  font-weight: 600;\n}\n.doc-strong {\n  color: var(--doc-ink);\n  font-weight: 600;\n}\n.doc-link {\n  color: var(--doc-ink-body);\n  text-decoration: underline;\n  /* touch-manipulation equivalent for links */\n  touch-action: manipulation;\n}\n.doc-rule {\n  margin: 0.25rem 0;\n  border-bottom: 1px solid var(--doc-rule);\n}\n.doc-footer {\n  font-size: var(--doc-text-xs);\n  color: var(--doc-ink-faint);\n  /* Layout (replacing Tailwind utilities) */\n  margin-top: auto;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n}\n.doc-footer a {\n  color: inherit;\n}\n\n/* Header / layout helpers (replacing Tailwind utilities) */\n.doc-header {\n  margin-bottom: 0.75rem;\n}\n.doc-header-col {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.doc-header-left {\n  padding-right: var(--doc-col-pad);\n}\n.doc-header-right {\n  padding-left: var(--doc-col-pad);\n}\n.doc-header-right > p + p {\n  margin-top: 0.125rem;\n}\n\n.doc-links {\n  margin-top: 0.75rem;\n}\n.doc-links > p {\n  margin-top: 0;\n  color: var(--doc-ink-muted);\n}\n.doc-links a {\n  color: inherit;\n}\n.doc-links em {\n  color: var(--doc-ink-faint);\n}\n\n.doc-entry-body {\n  min-width: 0;\n}\n\n/* Two-column grid placement (sidebar | main), used on every page incl. continuations */\n.doc-col-sidebar {\n  grid-column-start: 1;\n  grid-row-start: 1;\n  padding-right: var(--doc-col-pad);\n}\n.doc-col-main {\n  grid-column-start: 2;\n  grid-row-start: 1;\n  padding-left: var(--doc-col-pad);\n}\n\n.doc-list {\n  list-style: disc;\n  padding-left: 0.75rem;\n}\n.doc-em {\n  font-style: normal;\n}\n.doc-hr {\n  margin: 0.75rem 0;\n}\n\n/* Page frame (Tailwind shadow-lg + bg-white + text-black + flex column) */\n.doc-pages {\n  display: flex;\n  flex-direction: column;\n}\n.doc-page {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: #fff;\n  color: #000;\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n","/* Screen preview — keep letter layout stable on mobile browsers. */\n#resume-print-target,\n#resume-print-target * {\n  -webkit-text-size-adjust: none;\n  text-size-adjust: none;\n}\n\n[data-resume-scale-root] {\n  transform-origin: top left;\n}\n\n/* ResumeViewer chrome — the standalone component's own layout (toolbar +\n   scroll viewport + scaled page stage). Tailwind-free; the package ships these\n   classes so the viewer is self-styled. The neutral viewport background mirrors\n   the old muted canvas; the page frames come from the document and paper tokens\n   defined in tokens.css and document.css. */\n.resume-viewer {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.resume-viewer-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.75rem;\n  padding: 0.375rem 0.75rem;\n  border-bottom: 1px solid rgb(0 0 0 / 0.08);\n  background: #fff;\n  flex: 0 0 auto;\n}\n\n.resume-viewer-pagecount {\n  font-size: 0.8125rem;\n  color: rgb(0 0 0 / 0.55);\n}\n\n.resume-viewer-controls {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.resume-viewer-btn-group {\n  display: flex;\n  align-items: center;\n}\n\n.resume-viewer-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 2rem;\n  min-width: 2rem;\n  padding: 0 0.375rem;\n  border: 0;\n  border-radius: 0.375rem;\n  background: transparent;\n  color: rgb(0 0 0 / 0.7);\n  font-size: 0.8125rem;\n  cursor: pointer;\n}\n\n.resume-viewer-btn:hover:not(:disabled) {\n  background: rgb(0 0 0 / 0.06);\n}\n\n.resume-viewer-btn:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n.resume-viewer-btn-active {\n  background: rgb(0 0 0 / 0.08);\n  color: rgb(0 0 0 / 0.9);\n}\n\n.resume-viewer-btn-text {\n  padding: 0 0.625rem;\n}\n\n.resume-viewer-zoom-label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 2rem;\n  width: 3rem;\n  border: 0;\n  border-radius: 0.375rem;\n  background: transparent;\n  color: rgb(0 0 0 / 0.55);\n  font-size: 0.8125rem;\n  font-variant-numeric: tabular-nums;\n  cursor: pointer;\n}\n\n.resume-viewer-zoom-label:hover {\n  background: rgb(0 0 0 / 0.06);\n}\n\n.resume-viewer-icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n.resume-viewer-scroll {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  background: rgb(244 244 245);\n}\n\n.resume-viewer-scroll-grab {\n  cursor: grab;\n}\n\n.resume-viewer-scroll-grabbing {\n  cursor: grabbing;\n}\n\n.resume-viewer-scroll-mobile {\n  touch-action: none;\n  user-select: none;\n}\n\n.resume-viewer-stage {\n  margin-top: 1.5rem;\n  margin-bottom: 1.5rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.resume-viewer-page-box {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.resume-viewer-scale-root {\n  position: relative;\n}\n\n.resume-viewer-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  color: #000;\n}\n\n[data-slot=\"scroll-area-viewport\"][data-pan-active],\n.resume-viewer-scroll[data-pan-active] {\n  background-color: color-mix(in oklch, var(--muted) 42%, transparent);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-slot=\"scroll-area-viewport\"][data-pan-active],\n  .resume-viewer-scroll[data-pan-active] {\n    transition: none;\n  }\n}\n\n#resume-print-target a,\n#resume-print-target button {\n  touch-action: manipulation;\n}\n\n@media print {\n  /* Body children are hidden/restored via JS (beforeprint/afterprint)\n     to preserve <style>/<link>/<script> tags. */\n\n  /* Hard isolation: while the resume's print clone exists, hide every other\n     direct body child (other app windows, stray clones) regardless of JS\n     hide-ordering across apps. Scoped to the clone's presence so it never\n     affects another app's print. */\n  body:has(#resume-print-clone) > :not(#resume-print-clone) {\n    display: none !important;\n  }\n\n  /* The clone is a plain wrapper around the engine's real 8.5x11 page frames\n     (a direct child of body — no positioning needed). */\n  #resume-print-clone {\n    color: black !important;\n    background: white !important;\n  }\n\n  /* Frames stack with a screen-only gap; remove it so each maps 1:1 to a page. */\n  #resume-print-clone > div {\n    gap: 0 !important;\n  }\n\n  [data-resume-page] {\n    box-shadow: none !important;\n    break-after: page;\n    break-inside: avoid;\n  }\n  [data-resume-page]:last-child {\n    break-after: auto;\n  }\n\n  @page {\n    size: letter;\n    margin: 0;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,232 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, ComponentType, RefObject } from 'react';
+
+/**
+ * Mounted as the MDX `wrapper`, so it receives [Header, Columns, Footer].
+ * Measures each column's blocks in a hidden layer, packs them into pages, and
+ * renders physical page frames. Reports pageCount up to ResumeApp.
+ */
+declare function PaginatedResume({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Header({ children, meta, }: {
+    children: React.ReactNode;
+    /**
+     * Use the universal meta grid (left label column + content), the same track
+     * widths as <Section> and <Entry>, so the header aligns with everything
+     * below it. The default is the resume's sidebar|main split.
+     */
+    meta?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function HeaderLeft({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function HeaderRight({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function Links({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function Group({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * A record row (award, media mention, talk, …): a `year | role` meta column on
+ * the left and the linked title on the right. Each Entry is a single pagination
+ * block, so render long CV lists as a flat sequence of Entry elements (NOT one
+ * <ul>) so pages can break between them.
+ */
+declare function Entry({ year, role, children, }: {
+    year?: string;
+    role?: string;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+/** A thin full-width divider — the CV uses one under the header band. */
+declare function Rule(): react_jsx_runtime.JSX.Element;
+/**
+ * Editorial section: the label sits in the left meta column (aligned with the
+ * `year | role` column of Entry rows) and the content fills the right column,
+ * so prose sections share one left edge with the record rows below. The
+ * .doc-section margin keeps every section on the same vertical rhythm as the
+ * record-section headings (h3). One pagination block — keep a body under a page.
+ */
+declare function Section({ label, children }: {
+    label: string;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function Footer({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function Columns({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function Main({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const resumeMdxComponents: {
+    ResumeDocument: typeof PaginatedResume;
+    Header: typeof Header;
+    HeaderLeft: typeof HeaderLeft;
+    HeaderRight: typeof HeaderRight;
+    Links: typeof Links;
+    Group: typeof Group;
+    Entry: typeof Entry;
+    Rule: typeof Rule;
+    Section: typeof Section;
+    Footer: typeof Footer;
+    Columns: typeof Columns;
+    Sidebar: typeof Sidebar;
+    Main: typeof Main;
+    h1: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h3: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h4: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    p: ({ children, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => react_jsx_runtime.JSX.Element;
+    ul: ({ children, ...props }: React.HTMLAttributes<HTMLUListElement>) => react_jsx_runtime.JSX.Element;
+    li: ({ children, ...props }: React.HTMLAttributes<HTMLLIElement>) => react_jsx_runtime.JSX.Element;
+    strong: ({ children, ...props }: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
+    em: ({ children, ...props }: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
+    a: ({ children, href, target, rel, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) => react_jsx_runtime.JSX.Element;
+    hr: (_props: React.HTMLAttributes<HTMLHRElement>) => react_jsx_runtime.JSX.Element;
+    h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h5: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h6: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    ol: (props: React.HTMLAttributes<HTMLOListElement>) => react_jsx_runtime.JSX.Element;
+    blockquote: (props: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
+    code: (props: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
+    pre: (props: React.HTMLAttributes<HTMLPreElement>) => react_jsx_runtime.JSX.Element;
+    img: (props: React.ImgHTMLAttributes<HTMLImageElement>) => react_jsx_runtime.JSX.Element;
+};
+
+/** PaginatedResume reports its computed page count up to the host (ResumeViewer). */
+declare const PaginationReportContext: react.Context<((pageCount: number) => void) | null>;
+declare function usePaginationReport(): (pageCount: number) => void;
+/** Optional font-family hint — changes trigger re-measure/re-pagination. */
+declare const ResumeFontFamilyContext: react.Context<string | undefined>;
+declare const useResumeFontFamily: () => string | undefined;
+
+declare const PAGE: {
+    readonly widthPx: number;
+    readonly heightPx: number;
+    readonly padXPx: number;
+    readonly padYPx: number;
+    readonly gapPx: 32;
+};
+declare const BLOCK_GAP_PX = 6;
+
+interface Block {
+    id: string;
+    /** Measured px (offsetHeight + vertical margins). */
+    height: number;
+    /** Section headings: don't leave them orphaned at a page bottom. */
+    keepWithNext: boolean;
+}
+type ColumnKey = 'sidebar' | 'main';
+interface PackInput {
+    columns: Record<ColumnKey, Block[]>;
+    /** Usable content height for a given page index; index 0 may be shorter (header band). */
+    pageUsableHeight: (pageIndex: number) => number;
+    /**
+     * Vertical gap rendered between consecutive blocks in a column (the flex
+     * `gap`). Block heights are measured individually, so the packer must add
+     * this back or pages overflow once they hold many blocks. Defaults to 0.
+     */
+    blockGap?: number;
+}
+interface PackResult {
+    pageCount: number;
+    pageOf: Record<ColumnKey, Record<string, number>>;
+    /** Blocks taller than a full page — placed alone, allowed to overflow. */
+    oversized: string[];
+}
+/** Assign measured blocks to pages per column. Pure: no DOM. */
+declare function packIntoPages(input: PackInput): PackResult;
+
+interface ResumeViewerProps {
+    /** Compiled MDX component for the document (rendered as <Content />). */
+    Content: ComponentType;
+    /** Override the MDX component map; defaults to resumeMdxComponents. */
+    components?: Record<string, ComponentType<unknown>>;
+    /** Font-family hint; a change re-measures/re-paginates. */
+    fontFamily?: string;
+    /** Whether this viewer owns global print + keyboard shortcuts. Default true. */
+    isActive?: boolean;
+    /** Suggested PDF filename (becomes document.title during print). */
+    pdfFilename?: string;
+    /** Called after a successful copy-to-clipboard (host shows its own toast). */
+    onCopy?: () => void;
+    /** Called when copy-to-clipboard fails. */
+    onError?: (error: unknown) => void;
+    /** Extra className on the root element. */
+    className?: string;
+    /**
+     * Host content injected at the START of the toolbar, before the page count.
+     * Use this to add e.g. a document-variant toggle without re-implementing the
+     * viewport. Optional and backward-compatible.
+     */
+    toolbarStart?: ReactNode;
+    /**
+     * Host content injected at the END of the toolbar, after the built-in
+     * controls. Use this to add e.g. a "view source" button. Optional and
+     * backward-compatible.
+     */
+    toolbarEnd?: ReactNode;
+}
+
+declare function ResumeViewer({ Content, components, fontFamily, isActive, pdfFilename, onCopy, onError, className, toolbarStart, toolbarEnd, }: ResumeViewerProps): react_jsx_runtime.JSX.Element;
+
+/** True when the viewport is narrow (<= 768px). SSR-safe (defaults false). */
+declare function useIsMobile(breakpointPx?: number): boolean;
+
+declare const SCALE_STEP = 0.1;
+declare const MIN_SCALE = 0.25;
+declare const MAX_SCALE = 2;
+interface UseResumeViewportOptions {
+    /** Scroll viewport element (the host attaches this to its scrollable region). */
+    scrollRef: RefObject<HTMLDivElement | null>;
+    /** Element holding the rendered page frames (the print/copy target). */
+    contentRef: RefObject<HTMLDivElement | null>;
+    /** Narrow-viewport flag — drives touch pan/pinch vs mouse drag. */
+    isMobile: boolean;
+    /** Whether this viewport owns global print + keyboard shortcuts. */
+    isActive: boolean;
+    /** Suggested PDF filename (becomes document.title during print). */
+    pdfFilename?: string;
+    /** Called after a successful copy-to-clipboard. */
+    onCopy?: () => void;
+    /** Called when copy-to-clipboard fails. */
+    onError?: (error: unknown) => void;
+}
+interface UseResumeViewport {
+    /** Current page count (reported by the pagination engine via setPageCount). */
+    pageCount: number;
+    /** Reporter wired into PaginationReportContext. */
+    setPageCount: (n: number) => void;
+    /** The scale actually applied to the page stage (fit-to-width or manual zoom). */
+    effectiveScale: number;
+    /** Whether fit-to-width mode is active. */
+    isFitToWidth: boolean;
+    /** Total stacked page height (unscaled px) — for sizing the page box. */
+    totalHeight: number;
+    handleZoomIn: () => void;
+    handleZoomOut: () => void;
+    handleActualSize: () => void;
+    handleFitToWidth: () => void;
+    requestPrint: () => void;
+    handleCopyText: () => Promise<void>;
+    /** Lower/upper zoom bounds (for disabling +/- controls). */
+    minScale: number;
+    maxScale: number;
+}
+/**
+ * Wire the resume viewport behaviour to host-supplied refs and return the
+ * derived state + action handlers. The host renders the scaled page stage; the
+ * pagination engine inside it reports its page count through `setPageCount`.
+ */
+declare function useResumeViewport({ scrollRef, contentRef, isMobile, isActive, pdfFilename, onCopy, onError, }: UseResumeViewportOptions): UseResumeViewport;
+
+export { BLOCK_GAP_PX, type Block, type ColumnKey, Columns, Entry, Footer, Group, Header, MAX_SCALE, MIN_SCALE, Main, PAGE, type PackInput, type PackResult, PaginatedResume, PaginationReportContext, ResumeFontFamilyContext, ResumeViewer, type ResumeViewerProps, Rule, SCALE_STEP, Section, Sidebar, type UseResumeViewport, type UseResumeViewportOptions, packIntoPages, resumeMdxComponents, usePaginationReport, useResumeFontFamily, useIsMobile as useResumeIsMobile, useResumeViewport };