@sonordev/agency-site-kit 0.4.1 → 0.5.0

package/dist/portfolio/client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/portfolio/components/PortfolioGrid.tsx","../../src/portfolio/components/PortfolioCard.tsx","../../src/portfolio/curate-proof.ts","../../src/portfolio/format.ts"],"sourcesContent":["// Shared component — no directive on purpose: hook-free, so it renders\n// server-side (zero JS) from PortfolioIndex and stays usable from client\n// code via the /portfolio/client barrel.\nimport React from 'react';\nimport type { PortfolioItem } from '../../types';\nimport ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';\nimport PortfolioCard from './PortfolioCard';\n\ninterface PortfolioGridProps {\n  items: PortfolioItem[];\n  className?: string;\n  /** Base path for portfolio detail links (default: '/work') */\n  basePath?: string;\n}\n\nexport default function PortfolioGrid({ items, className = '', basePath = '/work' }: PortfolioGridProps) {\n  return (\n    <ScrollReveal stagger={0.1}>\n      <div\n        className={`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${className}`}\n        style={{\n          gap: 'var(--sk-grid-gap, 24px)',\n        }}\n      >\n        {items.map((item) => (\n          <PortfolioCard key={item.id} item={item} basePath={basePath} />\n        ))}\n      </div>\n    </ScrollReveal>\n  );\n}\n","// Shared component — no directive on purpose: hook-free, so it renders\n// server-side (zero JS) from PortfolioIndex and stays usable from client\n// code via the /portfolio/client barrel.\nimport React from 'react';\nimport Image from 'next/image';\nimport Link from 'next/link';\nimport type { PortfolioItem } from '../../types';\nimport GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';\nimport { curateHeroKpis } from '../curate-proof';\nimport { formatCategoryLabel, formatServiceTag } from '../format';\n\ninterface PortfolioCardProps {\n  item: PortfolioItem;\n  className?: string;\n  /** Base path for portfolio detail links (default: '/work') */\n  basePath?: string;\n}\n\nexport default function PortfolioCard({ item, className = '', basePath = '/work' }: PortfolioCardProps) {\n  // Use hero_screenshots desktop → hero_image → trifolio screenshot convention\n  const thumbnailSrc =\n    item.hero_screenshots?.desktop ||\n    item.hero_image ||\n    (item.project_id ? `/portfolio-previews/${item.slug}.png` : undefined);\n  const kpis = Array.isArray(item.kpis) ? item.kpis : [];\n  const services = Array.isArray(item.services) ? item.services : [];\n  // Collapse per-category Lighthouse KPIs so a card never reads\n  // \"100/100 · 100/100 · 100/100\" — business outcomes lead the preview.\n  const kpiPreview = curateHeroKpis(kpis).slice(0, 3);\n  const servicePreview = services.slice(0, 3);\n\n  return (\n    <Link href={`${basePath}/${item.slug}`} className={`block group ${className}`}>\n      <GlassCard padding=\"sm\" hover>\n        <div className=\"flex flex-col gap-4\">\n          {/* Thumbnail */}\n          {thumbnailSrc && (\n            <div\n              className=\"relative w-full overflow-hidden rounded-xl\"\n              style={{ aspectRatio: '16/10' }}\n            >\n              <Image\n                src={thumbnailSrc}\n                alt={item.hero_image_alt || item.title}\n                fill\n                sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\"\n                className=\"object-cover object-top transition-transform duration-500 group-hover:scale-105\"\n              />\n              {/* Category badge */}\n              <span\n                className=\"absolute top-3 left-3 px-3 py-1 rounded-full text-[11px] uppercase tracking-wider font-semibold\"\n                style={{\n                  background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 80%, transparent)',\n                  color: '#ffffff',\n                  backdropFilter: 'blur(8px)',\n                }}\n              >\n                {formatCategoryLabel(item.category)}\n              </span>\n            </div>\n          )}\n\n          {/* Text content */}\n          <div className=\"flex flex-col gap-2 px-2 pb-2\">\n            <h3\n              className=\"text-lg font-semibold line-clamp-1\"\n              style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n            >\n              {item.title}\n            </h3>\n\n            {item.subtitle && (\n              <p\n                className=\"text-sm line-clamp-2\"\n                style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n              >\n                {item.subtitle}\n              </p>\n            )}\n\n            {/* KPI preview */}\n            {kpiPreview.length > 0 && (\n              <div className=\"flex items-center gap-4 mt-1\">\n                {kpiPreview.map((kpi, i) => (\n                  <div key={i} className=\"flex flex-col\">\n                    <span\n                      className=\"text-base font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      {kpi.prefix || ''}\n                      {kpi.value.toLocaleString()}\n                      {kpi.suffix}\n                    </span>\n                    <span\n                      className=\"text-[10px] uppercase tracking-wider font-medium\"\n                      style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                    >\n                      {kpi.label}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {/* Services tags */}\n            {servicePreview.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5 mt-2\">\n                {servicePreview.map((service) => (\n                  <span\n                    key={service}\n                    className=\"px-2.5 py-0.5 rounded-full text-[11px] font-medium\"\n                    style={{\n                      background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n                      color: 'var(--sk-text-secondary, #a1a1aa)',\n                      border: '1px solid var(--sk-border, rgba(255,255,255,0.1))',\n                    }}\n                  >\n                    {formatServiceTag(service)}\n                  </span>\n                ))}\n                {services.length > 3 && (\n                  <span\n                    className=\"px-2.5 py-0.5 rounded-full text-[11px] font-medium\"\n                    style={{\n                      background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n                      color: 'var(--sk-text-tertiary, #71717a)',\n                    }}\n                  >\n                    +{item.services.length - 3}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </GlassCard>\n    </Link>\n  );\n}\n","/**\n * curate-proof — single source of truth for which proof points a public case\n * study is allowed to display, and in what shape.\n *\n * Two classes of problem this guards against (both shipped to production on\n * upforge.io before this existed):\n *\n * 1. Repetition: generated items arrive with four \"100/100 Lighthouse X\"\n *    KPIs in the hero, the same four restated as Results cards, AND a full\n *    Performance section with score gauges. One differentiator repeated\n *    twelve times per page stops differentiating. The Performance section is\n *    the one home for the Lighthouse breakdown; hero/results/cards collapse\n *    to at most one summary tile.\n *\n * 2. Self-harming live metrics: MetricsDelta rows are computed from raw\n *    analytics baselines with no editorial judgment — a bounce rate of\n *    \"100 → 99.69\" rendered as a green win. Marketing surfaces only show a\n *    delta when it's a genuinely flattering, meaningful story.\n *\n * Used by PortfolioPage (hero KPIs + results items), PortfolioCard (KPI\n * preview), and MetricsProvenance (delta gate). Change display policy here,\n * nowhere else.\n */\n\nimport type {\n  MetricsDelta,\n  PortfolioHeroData,\n  PortfolioItemFull,\n  PortfolioKPI,\n  PortfolioResultItem,\n  PortfolioResultsData,\n} from '../types';\n\nconst LIGHTHOUSE_RE = /lighthouse/i;\n\n/** True when a KPI tile is a per-category Lighthouse score. */\nexport function isLighthouseKpi(kpi: PortfolioKPI): boolean {\n  return LIGHTHOUSE_RE.test(kpi.label);\n}\n\n/**\n * True when a Results card merely restates a Lighthouse category score\n * (e.g. \"Perfect performance score … measured Lighthouse score of 100/100\").\n * Business outcomes (\"Complete 14-page rebuild\", \"682% session growth\")\n * never match: the title must be about a score AND the card must reference\n * Lighthouse or carry a x/100 metric.\n */\nexport function isLighthouseRestatement(item: PortfolioResultItem): boolean {\n  if (!/score/i.test(item.title)) return false;\n  if (LIGHTHOUSE_RE.test(`${item.title} ${item.description}`)) return true;\n  return item.metric?.suffix === '/100';\n}\n\n/**\n * Collapse per-category Lighthouse KPIs to at most one summary tile, business\n * outcomes first. When every category is present at 100 the summary says so;\n * otherwise the Performance category (the one buyers know) represents the set.\n */\nexport function curateHeroKpis(kpis: PortfolioKPI[]): PortfolioKPI[] {\n  const business = kpis.filter((k) => !isLighthouseKpi(k));\n  const lighthouse = kpis.filter(isLighthouseKpi);\n  if (lighthouse.length <= 1) return kpis;\n\n  const allPerfect = lighthouse.length >= 4 && lighthouse.every((k) => k.value === 100);\n  const summary: PortfolioKPI = allPerfect\n    ? {\n        ...lighthouse[0],\n        label: 'Lighthouse, all 4 categories',\n        description: 'Perfect scores across performance, SEO, accessibility, and best practices.',\n      }\n    : (lighthouse.find((k) => /performance/i.test(k.label)) ?? lighthouse[0]);\n\n  return [...business, summary];\n}\n\n/**\n * Drop Results cards that restate Lighthouse scores when the case study also\n * renders a Performance section (the score breakdown's single home).\n */\nexport function curateResultItems(\n  items: PortfolioResultItem[],\n  hasPerformanceSection: boolean,\n): PortfolioResultItem[] {\n  if (!hasPerformanceSection) return items;\n  const curated = items.filter((item) => !isLighthouseRestatement(item));\n  // Never curate a Results section into emptiness — if every card was a\n  // Lighthouse restatement, keep the strongest single card instead.\n  return curated.length > 0 ? curated : items.slice(0, 1);\n}\n\n/**\n * Editorial gate for live metric deltas (\"Verified from live analytics\").\n * `direction` comes from the platform with 'up' meaning IMPROVED (lower-is-\n * better metrics are inverted server-side). A public case study only shows a\n * delta when it's a win worth telling:\n *  - improved ('up'), never a regression or flat noise\n *  - moved by a double-digit relative margin (small drift isn't a story)\n *  - bounce-rate-style metrics must also be respectable in absolute terms —\n *    \"100 → 99.69\" is technically an improvement and still self-harm\n */\nexport function gateMetricsDeltas(deltas: MetricsDelta[] | undefined | null): MetricsDelta[] {\n  if (!deltas?.length) return [];\n  return deltas.filter((d) => {\n    if (d.direction !== 'up') return false;\n    if (Math.abs(d.deltaPercent) < 10) return false;\n    if (/bounce/i.test(d.metric) && d.current > 70) return false;\n    return true;\n  });\n}\n\n/**\n * Apply the full display policy to a portfolio item before rendering.\n * Pure — returns a new item; the fetched payload is never mutated.\n */\nexport function curatePortfolioProof(item: PortfolioItemFull): PortfolioItemFull {\n  const hasPerformanceSection = item.sections.some(\n    (s) => s.sectionType === 'portfolioPerformance',\n  );\n\n  return {\n    ...item,\n    sections: item.sections.map((section) => {\n      if (section.sectionType === 'portfolioHero') {\n        const data = section.data as PortfolioHeroData;\n        return { ...section, data: { ...data, kpis: curateHeroKpis(data.kpis ?? []) } };\n      }\n      if (section.sectionType === 'portfolioResults') {\n        const data = section.data as PortfolioResultsData;\n        return {\n          ...section,\n          data: { ...data, items: curateResultItems(data.items ?? [], hasPerformanceSection) },\n        };\n      }\n      return section;\n    }),\n  };\n}\n","/**\n * Presentation formatters shared by portfolio components and consuming apps.\n */\n\n/**\n * Human label for a category slug. Single source of truth — HeroSection,\n * PortfolioCard, and app-side filter chips all render categories through\n * this. Underscores become spaces; hyphens are PRESERVED so compound slugs\n * keep their canonical form (\"e-commerce\" → \"E-Commerce\", never \"E Commerce\"),\n * and every word start (including after a hyphen) is capitalized.\n */\nexport function formatCategoryLabel(slug: string | undefined | null): string {\n  if (!slug) return '';\n  return slug.replace(/_/g, ' ').replace(/\\b\\w/g, (c: string) => c.toUpperCase());\n}\n\n/**\n * Normalize a service tag's casing for display: the first character of each\n * word is uppercased, the rest left alone (so \"Next.js development\" becomes\n * \"Next.js Development\" and \"Technical SEO implementation\" keeps \"SEO\").\n * Fixes per-item casing drift in stored tags without touching the data.\n */\nexport function formatServiceTag(tag: string | undefined | null): string {\n  if (!tag) return '';\n  return tag.replace(/(^|[\\s/])([a-z])/g, (_m, sep: string, ch: string) => sep + ch.toUpperCase());\n}\n"],"mappings":"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","names":["jsx"]}
+{"version":3,"sources":["../../src/portfolio/components/PortfolioGrid.tsx","../../src/portfolio/components/PortfolioCard.tsx","../../src/portfolio/curate-proof.ts","../../src/portfolio/format.ts"],"sourcesContent":["// Shared component — no directive on purpose: hook-free, so it renders\n// server-side (zero JS) from PortfolioIndex and stays usable from client\n// code via the /portfolio/client barrel.\nimport React from 'react';\nimport type { PortfolioItem } from '../../types';\nimport ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';\nimport PortfolioCard from './PortfolioCard';\n\ninterface PortfolioGridProps {\n  items: PortfolioItem[];\n  className?: string;\n  /** Base path for portfolio detail links (default: '/work') */\n  basePath?: string;\n}\n\nexport default function PortfolioGrid({ items, className = '', basePath = '/work' }: PortfolioGridProps) {\n  return (\n    <ScrollReveal stagger={0.1}>\n      <div\n        className={`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${className}`}\n        style={{\n          gap: 'var(--sk-grid-gap, 24px)',\n        }}\n      >\n        {items.map((item) => (\n          <PortfolioCard key={item.id} item={item} basePath={basePath} />\n        ))}\n      </div>\n    </ScrollReveal>\n  );\n}\n","// Shared component — no directive on purpose: hook-free, so it renders\n// server-side (zero JS) from PortfolioIndex and stays usable from client\n// code via the /portfolio/client barrel.\nimport React from 'react';\nimport Image from 'next/image';\nimport Link from 'next/link';\nimport type { PortfolioItem } from '../../types';\nimport GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';\nimport { curateHeroKpis } from '../curate-proof';\nimport { formatCategoryLabel, formatServiceTag } from '../format';\n\ninterface PortfolioCardProps {\n  item: PortfolioItem;\n  className?: string;\n  /** Base path for portfolio detail links (default: '/work') */\n  basePath?: string;\n}\n\nexport default function PortfolioCard({ item, className = '', basePath = '/work' }: PortfolioCardProps) {\n  // Use hero_screenshots desktop → hero_image → trifolio screenshot convention\n  const thumbnailSrc =\n    item.hero_screenshots?.desktop ||\n    item.hero_image ||\n    (item.project_id ? `/portfolio-previews/${item.slug}.png` : undefined);\n  const kpis = Array.isArray(item.kpis) ? item.kpis : [];\n  const services = Array.isArray(item.services) ? item.services : [];\n  // Collapse per-category Lighthouse KPIs so a card never reads\n  // \"100/100 · 100/100 · 100/100\" — business outcomes lead the preview.\n  const kpiPreview = curateHeroKpis(kpis).slice(0, 3);\n  const servicePreview = services.slice(0, 3);\n\n  return (\n    <Link href={`${basePath}/${item.slug}`} className={`block group ${className}`}>\n      <GlassCard padding=\"sm\" hover>\n        <div className=\"flex flex-col gap-4\">\n          {/* Thumbnail */}\n          {thumbnailSrc && (\n            <div\n              className=\"relative w-full overflow-hidden rounded-xl\"\n              style={{ aspectRatio: '16/10' }}\n            >\n              <Image\n                src={thumbnailSrc}\n                alt={item.hero_image_alt || item.title}\n                fill\n                sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\"\n                className=\"object-cover object-top transition-transform duration-500 group-hover:scale-105\"\n              />\n              {/* Category badge */}\n              <span\n                className=\"absolute top-3 left-3 px-3 py-1 rounded-full text-[11px] uppercase tracking-wider font-semibold\"\n                style={{\n                  background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 80%, transparent)',\n                  color: '#ffffff',\n                  backdropFilter: 'blur(8px)',\n                }}\n              >\n                {formatCategoryLabel(item.category)}\n              </span>\n            </div>\n          )}\n\n          {/* Text content */}\n          <div className=\"flex flex-col gap-2 px-2 pb-2\">\n            <h3\n              className=\"text-lg font-semibold line-clamp-1\"\n              style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n            >\n              {item.title}\n            </h3>\n\n            {item.subtitle && (\n              <p\n                className=\"text-sm line-clamp-2\"\n                style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n              >\n                {item.subtitle}\n              </p>\n            )}\n\n            {/* KPI preview */}\n            {kpiPreview.length > 0 && (\n              <div className=\"flex items-center gap-4 mt-1\">\n                {kpiPreview.map((kpi, i) => (\n                  <div key={i} className=\"flex flex-col\">\n                    <span\n                      className=\"text-base font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      {kpi.prefix || ''}\n                      {kpi.value.toLocaleString()}\n                      {kpi.suffix}\n                    </span>\n                    <span\n                      className=\"text-[10px] uppercase tracking-wider font-medium\"\n                      style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                    >\n                      {kpi.label}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {/* Services tags */}\n            {servicePreview.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5 mt-2\">\n                {servicePreview.map((service) => (\n                  <span\n                    key={service}\n                    className=\"px-2.5 py-0.5 rounded-full text-[11px] font-medium\"\n                    style={{\n                      background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n                      color: 'var(--sk-text-secondary, #a1a1aa)',\n                      border: '1px solid var(--sk-border, rgba(255,255,255,0.1))',\n                    }}\n                  >\n                    {formatServiceTag(service)}\n                  </span>\n                ))}\n                {services.length > 3 && (\n                  <span\n                    className=\"px-2.5 py-0.5 rounded-full text-[11px] font-medium\"\n                    style={{\n                      background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n                      color: 'var(--sk-text-tertiary, #71717a)',\n                    }}\n                  >\n                    +{item.services.length - 3}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </GlassCard>\n    </Link>\n  );\n}\n","/**\n * curate-proof — single source of truth for which proof points a public case\n * study is allowed to display, and in what shape.\n *\n * Two classes of problem this guards against (both shipped to production on\n * upforge.io before this existed):\n *\n * 1. Repetition: generated items arrive with four \"100/100 Lighthouse X\"\n *    KPIs in the hero, the same four restated as Results cards, AND a full\n *    Performance section with score gauges. One differentiator repeated\n *    twelve times per page stops differentiating. The Performance section is\n *    the one home for the Lighthouse breakdown; hero/results/cards collapse\n *    to at most one summary tile.\n *\n * 2. Self-harming live metrics: MetricsDelta rows are computed from raw\n *    analytics baselines with no editorial judgment — a bounce rate of\n *    \"100 → 99.69\" rendered as a green win. Marketing surfaces only show a\n *    delta when it's a genuinely flattering, meaningful story.\n *\n * Used by PortfolioPage (hero KPIs + results items), PortfolioCard (KPI\n * preview), and MetricsProvenance (delta gate). Change display policy here,\n * nowhere else.\n */\n\nimport type {\n  MetricsDelta,\n  PortfolioHeroData,\n  PortfolioItemFull,\n  PortfolioResultItem,\n  PortfolioResultsData,\n} from '../types';\n// The Lighthouse-KPI collapse policy is the shared cross-repo contract\n// (@sonordev/site-kit/portfolio/contract) — the same source signal-api mirrors\n// for content-time collapse. Imported (not re-implemented) so the display side\n// and the content side can never drift; re-exported so this module stays the\n// portfolio's single display-policy entry point.\nimport { curateHeroKpis, isLighthouseKpi } from '@sonordev/site-kit/portfolio/contract';\n\nexport { curateHeroKpis, isLighthouseKpi };\n\nconst LIGHTHOUSE_RE = /lighthouse/i;\n\n/**\n * True when a Results card merely restates a Lighthouse category score\n * (e.g. \"Perfect performance score … measured Lighthouse score of 100/100\").\n * Business outcomes (\"Complete 14-page rebuild\", \"682% session growth\")\n * never match: the title must be about a score AND the card must reference\n * Lighthouse or carry a x/100 metric.\n */\nexport function isLighthouseRestatement(item: PortfolioResultItem): boolean {\n  if (!/score/i.test(item.title)) return false;\n  if (LIGHTHOUSE_RE.test(`${item.title} ${item.description}`)) return true;\n  return item.metric?.suffix === '/100';\n}\n\n/**\n * Drop Results cards that restate Lighthouse scores when the case study also\n * renders a Performance section (the score breakdown's single home).\n */\nexport function curateResultItems(\n  items: PortfolioResultItem[],\n  hasPerformanceSection: boolean,\n): PortfolioResultItem[] {\n  if (!hasPerformanceSection) return items;\n  const curated = items.filter((item) => !isLighthouseRestatement(item));\n  // Never curate a Results section into emptiness — if every card was a\n  // Lighthouse restatement, keep the strongest single card instead.\n  return curated.length > 0 ? curated : items.slice(0, 1);\n}\n\n/**\n * Editorial gate for live metric deltas (\"Verified from live analytics\").\n * `direction` comes from the platform with 'up' meaning IMPROVED (lower-is-\n * better metrics are inverted server-side). A public case study only shows a\n * delta when it's a win worth telling:\n *  - improved ('up'), never a regression or flat noise\n *  - moved by a double-digit relative margin (small drift isn't a story)\n *  - bounce-rate-style metrics must also be respectable in absolute terms —\n *    \"100 → 99.69\" is technically an improvement and still self-harm\n */\nexport function gateMetricsDeltas(deltas: MetricsDelta[] | undefined | null): MetricsDelta[] {\n  if (!deltas?.length) return [];\n  return deltas.filter((d) => {\n    if (d.direction !== 'up') return false;\n    if (Math.abs(d.deltaPercent) < 10) return false;\n    if (/bounce/i.test(d.metric) && d.current > 70) return false;\n    return true;\n  });\n}\n\n/**\n * Apply the full display policy to a portfolio item before rendering.\n * Pure — returns a new item; the fetched payload is never mutated.\n */\nexport function curatePortfolioProof(item: PortfolioItemFull): PortfolioItemFull {\n  const hasPerformanceSection = item.sections.some(\n    (s) => s.sectionType === 'portfolioPerformance',\n  );\n\n  return {\n    ...item,\n    sections: item.sections.map((section) => {\n      if (section.sectionType === 'portfolioHero') {\n        const data = section.data as PortfolioHeroData;\n        return { ...section, data: { ...data, kpis: curateHeroKpis(data.kpis ?? []) } };\n      }\n      if (section.sectionType === 'portfolioResults') {\n        const data = section.data as PortfolioResultsData;\n        return {\n          ...section,\n          data: { ...data, items: curateResultItems(data.items ?? [], hasPerformanceSection) },\n        };\n      }\n      return section;\n    }),\n  };\n}\n","/**\n * Presentation formatters shared by portfolio components and consuming apps.\n */\n\n/**\n * Human label for a category slug. Single source of truth — HeroSection,\n * PortfolioCard, and app-side filter chips all render categories through\n * this. Underscores become spaces; hyphens are PRESERVED so compound slugs\n * keep their canonical form (\"e-commerce\" → \"E-Commerce\", never \"E Commerce\"),\n * and every word start (including after a hyphen) is capitalized.\n */\nexport function formatCategoryLabel(slug: string | undefined | null): string {\n  if (!slug) return '';\n  return slug.replace(/_/g, ' ').replace(/\\b\\w/g, (c: string) => c.toUpperCase());\n}\n\n/**\n * Normalize a service tag's casing for display: the first character of each\n * word is uppercased, the rest left alone (so \"Next.js development\" becomes\n * \"Next.js Development\" and \"Technical SEO implementation\" keeps \"SEO\").\n * Fixes per-item casing drift in stored tags without touching the data.\n */\nexport function formatServiceTag(tag: string | undefined | null): string {\n  if (!tag) return '';\n  return tag.replace(/(^|[\\s/])([a-z])/g, (_m, sep: string, ch: string) => sep + ch.toUpperCase());\n}\n"],"mappings":"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","names":["jsx"]}

package/dist/portfolio/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkQGSW43TM_cjs = require('../chunk-QGSW43TM.cjs');
+var chunk2Y2RJB3A_cjs = require('../chunk-2Y2RJB3A.cjs');
+var chunk6OWFFV6N_cjs = require('../chunk-6OWFFV6N.cjs');
+require('../chunk-A5WCMHAE.cjs');
 var chunkZBPF7TLZ_cjs = require('../chunk-ZBPF7TLZ.cjs');
-var chunkUXUU7FVT_cjs = require('../chunk-UXUU7FVT.cjs');
-require('../chunk-7ZHRMWJU.cjs');
+var chunkX76U7VLF_cjs = require('../chunk-X76U7VLF.cjs');
 require('../chunk-FCKDJ4MJ.cjs');
 require('../chunk-HQGAX2LI.cjs');
 require('../chunk-XOWSXZYW.cjs');
@@ -12,27 +13,31 @@ require('../chunk-XOWSXZYW.cjs');
 
 Object.defineProperty(exports, "PORTFOLIO_SECTION_TYPES", {
   enumerable: true,
-  get: function () { return chunkQGSW43TM_cjs.PORTFOLIO_SECTION_TYPES; }
+  get: function () { return chunk2Y2RJB3A_cjs.PORTFOLIO_SECTION_TYPES; }
 });
 Object.defineProperty(exports, "PortfolioIndex", {
   enumerable: true,
-  get: function () { return chunkQGSW43TM_cjs.PortfolioIndex; }
+  get: function () { return chunk2Y2RJB3A_cjs.PortfolioIndex; }
 });
 Object.defineProperty(exports, "PortfolioIndexSkeleton", {
   enumerable: true,
-  get: function () { return chunkQGSW43TM_cjs.PortfolioIndexSkeleton; }
+  get: function () { return chunk2Y2RJB3A_cjs.PortfolioIndexSkeleton; }
 });
 Object.defineProperty(exports, "PortfolioPage", {
   enumerable: true,
-  get: function () { return chunkQGSW43TM_cjs.PortfolioPage; }
+  get: function () { return chunk2Y2RJB3A_cjs.PortfolioPage; }
 });
 Object.defineProperty(exports, "PortfolioPageSkeleton", {
   enumerable: true,
-  get: function () { return chunkQGSW43TM_cjs.PortfolioPageSkeleton; }
+  get: function () { return chunk2Y2RJB3A_cjs.PortfolioPageSkeleton; }
 });
 Object.defineProperty(exports, "PortfolioSchema", {
   enumerable: true,
-  get: function () { return chunkQGSW43TM_cjs.PortfolioSchema; }
+  get: function () { return chunk2Y2RJB3A_cjs.PortfolioSchema; }
+});
+Object.defineProperty(exports, "MetricsProvenance", {
+  enumerable: true,
+  get: function () { return chunk6OWFFV6N_cjs.MetricsProvenance; }
 });
 Object.defineProperty(exports, "formatCategoryLabel", {
   enumerable: true,
@@ -42,25 +47,21 @@ Object.defineProperty(exports, "formatServiceTag", {
   enumerable: true,
   get: function () { return chunkZBPF7TLZ_cjs.formatServiceTag; }
 });
-Object.defineProperty(exports, "MetricsProvenance", {
-  enumerable: true,
-  get: function () { return chunkUXUU7FVT_cjs.MetricsProvenance; }
-});
 Object.defineProperty(exports, "curateHeroKpis", {
   enumerable: true,
-  get: function () { return chunkUXUU7FVT_cjs.curateHeroKpis; }
+  get: function () { return chunkX76U7VLF_cjs.curateHeroKpis; }
 });
 Object.defineProperty(exports, "curatePortfolioProof", {
   enumerable: true,
-  get: function () { return chunkUXUU7FVT_cjs.curatePortfolioProof; }
+  get: function () { return chunkX76U7VLF_cjs.curatePortfolioProof; }
 });
 Object.defineProperty(exports, "curateResultItems", {
   enumerable: true,
-  get: function () { return chunkUXUU7FVT_cjs.curateResultItems; }
+  get: function () { return chunkX76U7VLF_cjs.curateResultItems; }
 });
 Object.defineProperty(exports, "gateMetricsDeltas", {
   enumerable: true,
-  get: function () { return chunkUXUU7FVT_cjs.gateMetricsDeltas; }
+  get: function () { return chunkX76U7VLF_cjs.gateMetricsDeltas; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/portfolio/index.d.cts

@@ -1,7 +1,9 @@
 import React from 'react';
-import { P as PortfolioItemFull, M as MetricsDelta, x as PortfolioKPI, A as PortfolioResultItem } from '../types-0tVPy4pU.cjs';
-export { j as MetricSource, k as MetricsSnapshot, l as PORTFOLIO_SECTION_TYPES, n as PortfolioBeforeAfterData, o as PortfolioCTAData, c as PortfolioChallengesData, r as PortfolioConversionFunnelData, d as PortfolioDetailsData, s as PortfolioFeatureSpotlightData, u as PortfolioGalleryData, e as PortfolioHeroData, w as PortfolioItem, b as PortfolioListResponse, z as PortfolioMetricsTimelineData, f as PortfolioResultsData, a as PortfolioSection, C as PortfolioSectionData, D as PortfolioSectionDataMap, E as PortfolioSectionType, F as PortfolioSeoData, g as PortfolioServicesData, H as PortfolioStrategyData, J as PortfolioTeamData, h as PortfolioTechStackData, i as PortfolioTestimonialData, N as PortfolioVideoData } from '../types-0tVPy4pU.cjs';
+import { P as PortfolioItemFull, M as MetricsDelta } from '../types-He5A9okM.cjs';
+export { k as MetricSource, l as MetricsSnapshot, m as PORTFOLIO_SECTION_TYPES, o as PortfolioBeforeAfterData, p as PortfolioCTAData, c as PortfolioChallengesData, s as PortfolioConversionFunnelData, d as PortfolioDetailsData, t as PortfolioFeatureSpotlightData, v as PortfolioGalleryData, e as PortfolioHeroData, x as PortfolioItem, y as PortfolioKPI, b as PortfolioListResponse, A as PortfolioMetricsTimelineData, f as PortfolioResultsData, a as PortfolioSection, C as PortfolioSectionData, D as PortfolioSectionDataMap, E as PortfolioSectionType, F as PortfolioSeoData, g as PortfolioServicesData, H as PortfolioStrategyData, J as PortfolioTeamData, h as PortfolioTechStackData, i as PortfolioTestimonialData, N as PortfolioVideoData } from '../types-He5A9okM.cjs';
+export { c as curatePortfolioProof, a as curateResultItems, f as formatCategoryLabel, b as formatServiceTag, g as gateMetricsDeltas } from '../format-C-axf13G.cjs';
 export * from '@sonordev/agency-site-kit/portfolio/client';
+export { curateHeroKpis } from '@sonordev/site-kit/portfolio/contract';
 
 /**
  * PortfolioPage — Server component that renders a full portfolio case study.
@@ -125,77 +127,6 @@ interface MetricsProvenanceProps {
 }
 declare function MetricsProvenance({ deltas, refreshedAt }: MetricsProvenanceProps): React.JSX.Element | null;
 
-/**
- * curate-proof — single source of truth for which proof points a public case
- * study is allowed to display, and in what shape.
- *
- * Two classes of problem this guards against (both shipped to production on
- * upforge.io before this existed):
- *
- * 1. Repetition: generated items arrive with four "100/100 Lighthouse X"
- *    KPIs in the hero, the same four restated as Results cards, AND a full
- *    Performance section with score gauges. One differentiator repeated
- *    twelve times per page stops differentiating. The Performance section is
- *    the one home for the Lighthouse breakdown; hero/results/cards collapse
- *    to at most one summary tile.
- *
- * 2. Self-harming live metrics: MetricsDelta rows are computed from raw
- *    analytics baselines with no editorial judgment — a bounce rate of
- *    "100 → 99.69" rendered as a green win. Marketing surfaces only show a
- *    delta when it's a genuinely flattering, meaningful story.
- *
- * Used by PortfolioPage (hero KPIs + results items), PortfolioCard (KPI
- * preview), and MetricsProvenance (delta gate). Change display policy here,
- * nowhere else.
- */
-
-/**
- * Collapse per-category Lighthouse KPIs to at most one summary tile, business
- * outcomes first. When every category is present at 100 the summary says so;
- * otherwise the Performance category (the one buyers know) represents the set.
- */
-declare function curateHeroKpis(kpis: PortfolioKPI[]): PortfolioKPI[];
-/**
- * Drop Results cards that restate Lighthouse scores when the case study also
- * renders a Performance section (the score breakdown's single home).
- */
-declare function curateResultItems(items: PortfolioResultItem[], hasPerformanceSection: boolean): PortfolioResultItem[];
-/**
- * Editorial gate for live metric deltas ("Verified from live analytics").
- * `direction` comes from the platform with 'up' meaning IMPROVED (lower-is-
- * better metrics are inverted server-side). A public case study only shows a
- * delta when it's a win worth telling:
- *  - improved ('up'), never a regression or flat noise
- *  - moved by a double-digit relative margin (small drift isn't a story)
- *  - bounce-rate-style metrics must also be respectable in absolute terms —
- *    "100 → 99.69" is technically an improvement and still self-harm
- */
-declare function gateMetricsDeltas(deltas: MetricsDelta[] | undefined | null): MetricsDelta[];
-/**
- * Apply the full display policy to a portfolio item before rendering.
- * Pure — returns a new item; the fetched payload is never mutated.
- */
-declare function curatePortfolioProof(item: PortfolioItemFull): PortfolioItemFull;
-
-/**
- * Presentation formatters shared by portfolio components and consuming apps.
- */
-/**
- * Human label for a category slug. Single source of truth — HeroSection,
- * PortfolioCard, and app-side filter chips all render categories through
- * this. Underscores become spaces; hyphens are PRESERVED so compound slugs
- * keep their canonical form ("e-commerce" → "E-Commerce", never "E Commerce"),
- * and every word start (including after a hyphen) is capitalized.
- */
-declare function formatCategoryLabel(slug: string | undefined | null): string;
-/**
- * Normalize a service tag's casing for display: the first character of each
- * word is uppercased, the rest left alone (so "Next.js development" becomes
- * "Next.js Development" and "Technical SEO implementation" keeps "SEO").
- * Fixes per-item casing drift in stored tags without touching the data.
- */
-declare function formatServiceTag(tag: string | undefined | null): string;
-
 /**
  * Loading skeletons for portfolio routes — pure CSS pulse, server-safe,
  * zero JS. Drop into `loading.tsx`:
@@ -212,4 +143,4 @@ declare function PortfolioIndexSkeleton({ cards }: {
 /** Hero-shaped placeholder for /work/[slug] case study pages. */
 declare function PortfolioPageSkeleton(): React.JSX.Element;
 
-export { MetricsDelta, MetricsProvenance, PortfolioIndex, type PortfolioIndexProps, PortfolioIndexSkeleton, PortfolioItemFull, PortfolioKPI, PortfolioPage, PortfolioPageSkeleton, PortfolioSchema, curateHeroKpis, curatePortfolioProof, curateResultItems, formatCategoryLabel, formatServiceTag, gateMetricsDeltas };
+export { MetricsDelta, MetricsProvenance, PortfolioIndex, type PortfolioIndexProps, PortfolioIndexSkeleton, PortfolioItemFull, PortfolioPage, PortfolioPageSkeleton, PortfolioSchema };

package/dist/portfolio/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-import { P as PortfolioItemFull, M as MetricsDelta, x as PortfolioKPI, A as PortfolioResultItem } from '../types-0tVPy4pU.js';
-export { j as MetricSource, k as MetricsSnapshot, l as PORTFOLIO_SECTION_TYPES, n as PortfolioBeforeAfterData, o as PortfolioCTAData, c as PortfolioChallengesData, r as PortfolioConversionFunnelData, d as PortfolioDetailsData, s as PortfolioFeatureSpotlightData, u as PortfolioGalleryData, e as PortfolioHeroData, w as PortfolioItem, b as PortfolioListResponse, z as PortfolioMetricsTimelineData, f as PortfolioResultsData, a as PortfolioSection, C as PortfolioSectionData, D as PortfolioSectionDataMap, E as PortfolioSectionType, F as PortfolioSeoData, g as PortfolioServicesData, H as PortfolioStrategyData, J as PortfolioTeamData, h as PortfolioTechStackData, i as PortfolioTestimonialData, N as PortfolioVideoData } from '../types-0tVPy4pU.js';
+import { P as PortfolioItemFull, M as MetricsDelta } from '../types-He5A9okM.js';
+export { k as MetricSource, l as MetricsSnapshot, m as PORTFOLIO_SECTION_TYPES, o as PortfolioBeforeAfterData, p as PortfolioCTAData, c as PortfolioChallengesData, s as PortfolioConversionFunnelData, d as PortfolioDetailsData, t as PortfolioFeatureSpotlightData, v as PortfolioGalleryData, e as PortfolioHeroData, x as PortfolioItem, y as PortfolioKPI, b as PortfolioListResponse, A as PortfolioMetricsTimelineData, f as PortfolioResultsData, a as PortfolioSection, C as PortfolioSectionData, D as PortfolioSectionDataMap, E as PortfolioSectionType, F as PortfolioSeoData, g as PortfolioServicesData, H as PortfolioStrategyData, J as PortfolioTeamData, h as PortfolioTechStackData, i as PortfolioTestimonialData, N as PortfolioVideoData } from '../types-He5A9okM.js';
+export { c as curatePortfolioProof, a as curateResultItems, f as formatCategoryLabel, b as formatServiceTag, g as gateMetricsDeltas } from '../format-poUpLtQ2.js';
 export * from '@sonordev/agency-site-kit/portfolio/client';
+export { curateHeroKpis } from '@sonordev/site-kit/portfolio/contract';
 
 /**
  * PortfolioPage — Server component that renders a full portfolio case study.
@@ -125,77 +127,6 @@ interface MetricsProvenanceProps {
 }
 declare function MetricsProvenance({ deltas, refreshedAt }: MetricsProvenanceProps): React.JSX.Element | null;
 
-/**
- * curate-proof — single source of truth for which proof points a public case
- * study is allowed to display, and in what shape.
- *
- * Two classes of problem this guards against (both shipped to production on
- * upforge.io before this existed):
- *
- * 1. Repetition: generated items arrive with four "100/100 Lighthouse X"
- *    KPIs in the hero, the same four restated as Results cards, AND a full
- *    Performance section with score gauges. One differentiator repeated
- *    twelve times per page stops differentiating. The Performance section is
- *    the one home for the Lighthouse breakdown; hero/results/cards collapse
- *    to at most one summary tile.
- *
- * 2. Self-harming live metrics: MetricsDelta rows are computed from raw
- *    analytics baselines with no editorial judgment — a bounce rate of
- *    "100 → 99.69" rendered as a green win. Marketing surfaces only show a
- *    delta when it's a genuinely flattering, meaningful story.
- *
- * Used by PortfolioPage (hero KPIs + results items), PortfolioCard (KPI
- * preview), and MetricsProvenance (delta gate). Change display policy here,
- * nowhere else.
- */
-
-/**
- * Collapse per-category Lighthouse KPIs to at most one summary tile, business
- * outcomes first. When every category is present at 100 the summary says so;
- * otherwise the Performance category (the one buyers know) represents the set.
- */
-declare function curateHeroKpis(kpis: PortfolioKPI[]): PortfolioKPI[];
-/**
- * Drop Results cards that restate Lighthouse scores when the case study also
- * renders a Performance section (the score breakdown's single home).
- */
-declare function curateResultItems(items: PortfolioResultItem[], hasPerformanceSection: boolean): PortfolioResultItem[];
-/**
- * Editorial gate for live metric deltas ("Verified from live analytics").
- * `direction` comes from the platform with 'up' meaning IMPROVED (lower-is-
- * better metrics are inverted server-side). A public case study only shows a
- * delta when it's a win worth telling:
- *  - improved ('up'), never a regression or flat noise
- *  - moved by a double-digit relative margin (small drift isn't a story)
- *  - bounce-rate-style metrics must also be respectable in absolute terms —
- *    "100 → 99.69" is technically an improvement and still self-harm
- */
-declare function gateMetricsDeltas(deltas: MetricsDelta[] | undefined | null): MetricsDelta[];
-/**
- * Apply the full display policy to a portfolio item before rendering.
- * Pure — returns a new item; the fetched payload is never mutated.
- */
-declare function curatePortfolioProof(item: PortfolioItemFull): PortfolioItemFull;
-
-/**
- * Presentation formatters shared by portfolio components and consuming apps.
- */
-/**
- * Human label for a category slug. Single source of truth — HeroSection,
- * PortfolioCard, and app-side filter chips all render categories through
- * this. Underscores become spaces; hyphens are PRESERVED so compound slugs
- * keep their canonical form ("e-commerce" → "E-Commerce", never "E Commerce"),
- * and every word start (including after a hyphen) is capitalized.
- */
-declare function formatCategoryLabel(slug: string | undefined | null): string;
-/**
- * Normalize a service tag's casing for display: the first character of each
- * word is uppercased, the rest left alone (so "Next.js development" becomes
- * "Next.js Development" and "Technical SEO implementation" keeps "SEO").
- * Fixes per-item casing drift in stored tags without touching the data.
- */
-declare function formatServiceTag(tag: string | undefined | null): string;
-
 /**
  * Loading skeletons for portfolio routes — pure CSS pulse, server-safe,
  * zero JS. Drop into `loading.tsx`:
@@ -212,4 +143,4 @@ declare function PortfolioIndexSkeleton({ cards }: {
 /** Hero-shaped placeholder for /work/[slug] case study pages. */
 declare function PortfolioPageSkeleton(): React.JSX.Element;
 
-export { MetricsDelta, MetricsProvenance, PortfolioIndex, type PortfolioIndexProps, PortfolioIndexSkeleton, PortfolioItemFull, PortfolioKPI, PortfolioPage, PortfolioPageSkeleton, PortfolioSchema, curateHeroKpis, curatePortfolioProof, curateResultItems, formatCategoryLabel, formatServiceTag, gateMetricsDeltas };
+export { MetricsDelta, MetricsProvenance, PortfolioIndex, type PortfolioIndexProps, PortfolioIndexSkeleton, PortfolioItemFull, PortfolioPage, PortfolioPageSkeleton, PortfolioSchema };

package/dist/portfolio/index.js

@@ -1,7 +1,8 @@
-export { PORTFOLIO_SECTION_TYPES, PortfolioIndex, PortfolioIndexSkeleton, PortfolioPage, PortfolioPageSkeleton, PortfolioSchema } from '../chunk-NLGUPJZA.js';
+export { PORTFOLIO_SECTION_TYPES, PortfolioIndex, PortfolioIndexSkeleton, PortfolioPage, PortfolioPageSkeleton, PortfolioSchema } from '../chunk-7FFZX7C5.js';
+export { MetricsProvenance } from '../chunk-X7UCJ45A.js';
+import '../chunk-FT2SNEYP.js';
 export { formatCategoryLabel, formatServiceTag } from '../chunk-7D4H36UF.js';
-export { MetricsProvenance, curateHeroKpis, curatePortfolioProof, curateResultItems, gateMetricsDeltas } from '../chunk-RWQ675N6.js';
-import '../chunk-KXLROAO5.js';
+export { curateHeroKpis, curatePortfolioProof, curateResultItems, gateMetricsDeltas } from '../chunk-FM25LB67.js';
 import '../chunk-N7TVKUYQ.js';
 import '../chunk-L4EOQVRJ.js';
 import '../chunk-QL6KVIFR.js';

package/dist/portfolio/sections/ChallengesSection.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { c as PortfolioChallengesData } from '../../types-0tVPy4pU.cjs';
+import { c as PortfolioChallengesData } from '../../types-He5A9okM.cjs';
 
 interface ChallengesSectionProps {
     data: PortfolioChallengesData;

package/dist/portfolio/sections/ChallengesSection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { c as PortfolioChallengesData } from '../../types-0tVPy4pU.js';
+import { c as PortfolioChallengesData } from '../../types-He5A9okM.js';
 
 interface ChallengesSectionProps {
     data: PortfolioChallengesData;

package/dist/portfolio/sections/DetailsSection.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { d as PortfolioDetailsData } from '../../types-0tVPy4pU.cjs';
+import { d as PortfolioDetailsData } from '../../types-He5A9okM.cjs';
 
 interface DetailsSectionProps {
     data: PortfolioDetailsData;

package/dist/portfolio/sections/DetailsSection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { d as PortfolioDetailsData } from '../../types-0tVPy4pU.js';
+import { d as PortfolioDetailsData } from '../../types-He5A9okM.js';
 
 interface DetailsSectionProps {
     data: PortfolioDetailsData;

package/dist/portfolio/sections/HeroSection.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { e as PortfolioHeroData } from '../../types-0tVPy4pU.cjs';
+import { e as PortfolioHeroData } from '../../types-He5A9okM.cjs';
 
 interface HeroSectionProps {
     data: PortfolioHeroData;

package/dist/portfolio/sections/HeroSection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { e as PortfolioHeroData } from '../../types-0tVPy4pU.js';
+import { e as PortfolioHeroData } from '../../types-He5A9okM.js';
 
 interface HeroSectionProps {
     data: PortfolioHeroData;

package/dist/portfolio/sections/ResultsSection.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkUXUU7FVT_cjs = require('../../chunk-UXUU7FVT.cjs');
+var chunk6OWFFV6N_cjs = require('../../chunk-6OWFFV6N.cjs');
+var chunkX76U7VLF_cjs = require('../../chunk-X76U7VLF.cjs');
 var ScrollReveal = require('@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal');
 var AnimatedCounter = require('@sonordev/agency-site-kit/portfolio/primitives/AnimatedCounter');
 var GlassCard = require('@sonordev/agency-site-kit/portfolio/primitives/GlassCard');
@@ -17,7 +18,7 @@ function ResultsSection({
   metricsDelta,
   metricsRefreshedAt
 }) {
-  if (!data.items.length && !chunkUXUU7FVT_cjs.gateMetricsDeltas(metricsDelta).length) return null;
+  if (!data.items.length && !chunkX76U7VLF_cjs.gateMetricsDeltas(metricsDelta).length) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "section",
     {
@@ -97,7 +98,7 @@ function ResultsSection({
             }
           )
         ] }) }, index)) }) }),
-        metricsDelta && metricsDelta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ScrollReveal__default.default, { y: 30, delay: 0.1, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUXUU7FVT_cjs.MetricsProvenance, { deltas: metricsDelta, refreshedAt: metricsRefreshedAt }) })
+        metricsDelta && metricsDelta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ScrollReveal__default.default, { y: 30, delay: 0.1, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6OWFFV6N_cjs.MetricsProvenance, { deltas: metricsDelta, refreshedAt: metricsRefreshedAt }) })
       ] })
     }
   );

package/dist/portfolio/sections/ResultsSection.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/portfolio/components/sections/ResultsSection.tsx"],"names":["gateMetricsDeltas","jsx","jsxs","ScrollReveal","GlassCard","AnimatedCounter","MetricsProvenance"],"mappings":"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","file":"ResultsSection.cjs","sourcesContent":["// Server component — renders on the server; the client primitives below cross the\n// RSC boundary via package subpaths (never import them relatively here).\nimport React from 'react';\nimport type { MetricsDelta, PortfolioResultsData } from '../../../types';\nimport ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';\nimport AnimatedCounter from '@sonordev/agency-site-kit/portfolio/primitives/AnimatedCounter';\nimport GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';\nimport MetricsProvenance from '../MetricsProvenance';\nimport { gateMetricsDeltas } from '../../curate-proof';\n\ninterface ResultsSectionProps {\n  data: PortfolioResultsData;\n  /** Live metric deltas computed by the platform (item.metricsDelta). */\n  metricsDelta?: MetricsDelta[];\n  /** ISO timestamp of the last live-metrics refresh. */\n  metricsRefreshedAt?: string | null;\n}\n\nexport default function ResultsSection({\n  data,\n  metricsDelta,\n  metricsRefreshedAt,\n}: ResultsSectionProps) {\n  // Nothing survives display curation → no section, not an empty header.\n  if (!data.items.length && !gateMetricsDeltas(metricsDelta).length) return null;\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-7xl mx-auto px-6\">\n        <ScrollReveal y={30}>\n          <h2\n            className=\"text-3xl md:text-4xl font-bold mb-4\"\n            style={{\n              color: 'var(--sk-text-primary, #ffffff)',\n              fontFamily: 'var(--sk-font-heading, inherit)',\n            }}\n          >\n            Results\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            Measurable outcomes that speak for themselves.\n          </p>\n        </ScrollReveal>\n\n        <ScrollReveal stagger={0.1}>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n            {data.items.map((item, index) => (\n              <GlassCard key={index} padding=\"lg\" hover>\n                <div className=\"flex flex-col gap-3\">\n                  {/* Metric counter */}\n                  {item.metric && (\n                    <div\n                      className=\"text-3xl md:text-4xl font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      <AnimatedCounter\n                        value={item.metric.value}\n                        suffix={item.metric.suffix}\n                        prefix={item.metric.prefix}\n                        duration={2.5}\n                      />\n                    </div>\n                  )}\n\n                  <h3\n                    className=\"text-lg font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {item.title}\n                  </h3>\n\n                  <p\n                    className=\"text-sm leading-relaxed\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {item.description}\n                  </p>\n\n                  {/* Source badge */}\n                  <span\n                    className=\"inline-flex self-start items-center gap-1 px-2.5 py-1 rounded-full text-[11px] uppercase tracking-wider font-medium mt-1\"\n                    style={{\n                      background:\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 12%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 12%, transparent)',\n                      color: item.source === 'measured' ? '#10b981' : '#f59e0b',\n                      border: `1px solid ${\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 20%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 20%, transparent)'\n                      }`,\n                    }}\n                  >\n                    {item.source === 'measured' ? (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <path d=\"M10 3L4.5 8.5 2 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    ) : (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <circle cx=\"6\" cy=\"6\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n                        <path d=\"M6 4v2.5l1.5 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                      </svg>\n                    )}\n                    {item.source}\n                  </span>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </ScrollReveal>\n\n        {/* Live verified metrics — the numbers a static portfolio can't fake */}\n        {metricsDelta && metricsDelta.length > 0 && (\n          <ScrollReveal y={30} delay={0.1}>\n            <MetricsProvenance deltas={metricsDelta} refreshedAt={metricsRefreshedAt} />\n          </ScrollReveal>\n        )}\n      </div>\n    </section>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/portfolio/components/sections/ResultsSection.tsx"],"names":["gateMetricsDeltas","jsx","jsxs","ScrollReveal","GlassCard","AnimatedCounter","MetricsProvenance"],"mappings":"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","file":"ResultsSection.cjs","sourcesContent":["// Server component — renders on the server; the client primitives below cross the\n// RSC boundary via package subpaths (never import them relatively here).\nimport React from 'react';\nimport type { MetricsDelta, PortfolioResultsData } from '../../../types';\nimport ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';\nimport AnimatedCounter from '@sonordev/agency-site-kit/portfolio/primitives/AnimatedCounter';\nimport GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';\nimport MetricsProvenance from '../MetricsProvenance';\nimport { gateMetricsDeltas } from '../../curate-proof';\n\ninterface ResultsSectionProps {\n  data: PortfolioResultsData;\n  /** Live metric deltas computed by the platform (item.metricsDelta). */\n  metricsDelta?: MetricsDelta[];\n  /** ISO timestamp of the last live-metrics refresh. */\n  metricsRefreshedAt?: string | null;\n}\n\nexport default function ResultsSection({\n  data,\n  metricsDelta,\n  metricsRefreshedAt,\n}: ResultsSectionProps) {\n  // Nothing survives display curation → no section, not an empty header.\n  if (!data.items.length && !gateMetricsDeltas(metricsDelta).length) return null;\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-7xl mx-auto px-6\">\n        <ScrollReveal y={30}>\n          <h2\n            className=\"text-3xl md:text-4xl font-bold mb-4\"\n            style={{\n              color: 'var(--sk-text-primary, #ffffff)',\n              fontFamily: 'var(--sk-font-heading, inherit)',\n            }}\n          >\n            Results\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            Measurable outcomes that speak for themselves.\n          </p>\n        </ScrollReveal>\n\n        <ScrollReveal stagger={0.1}>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n            {data.items.map((item, index) => (\n              <GlassCard key={index} padding=\"lg\" hover>\n                <div className=\"flex flex-col gap-3\">\n                  {/* Metric counter */}\n                  {item.metric && (\n                    <div\n                      className=\"text-3xl md:text-4xl font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      <AnimatedCounter\n                        value={item.metric.value}\n                        suffix={item.metric.suffix}\n                        prefix={item.metric.prefix}\n                        duration={2.5}\n                      />\n                    </div>\n                  )}\n\n                  <h3\n                    className=\"text-lg font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {item.title}\n                  </h3>\n\n                  <p\n                    className=\"text-sm leading-relaxed\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {item.description}\n                  </p>\n\n                  {/* Source badge */}\n                  <span\n                    className=\"inline-flex self-start items-center gap-1 px-2.5 py-1 rounded-full text-[11px] uppercase tracking-wider font-medium mt-1\"\n                    style={{\n                      background:\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 12%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 12%, transparent)',\n                      color: item.source === 'measured' ? '#10b981' : '#f59e0b',\n                      border: `1px solid ${\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 20%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 20%, transparent)'\n                      }`,\n                    }}\n                  >\n                    {item.source === 'measured' ? (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <path d=\"M10 3L4.5 8.5 2 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    ) : (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <circle cx=\"6\" cy=\"6\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n                        <path d=\"M6 4v2.5l1.5 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                      </svg>\n                    )}\n                    {item.source}\n                  </span>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </ScrollReveal>\n\n        {/* Live verified metrics — the numbers a static portfolio can't fake */}\n        {metricsDelta && metricsDelta.length > 0 && (\n          <ScrollReveal y={30} delay={0.1}>\n            <MetricsProvenance deltas={metricsDelta} refreshedAt={metricsRefreshedAt} />\n          </ScrollReveal>\n        )}\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/portfolio/sections/ResultsSection.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { f as PortfolioResultsData, M as MetricsDelta } from '../../types-0tVPy4pU.cjs';
+import { f as PortfolioResultsData, M as MetricsDelta } from '../../types-He5A9okM.cjs';
 
 interface ResultsSectionProps {
     data: PortfolioResultsData;

package/dist/portfolio/sections/ResultsSection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { f as PortfolioResultsData, M as MetricsDelta } from '../../types-0tVPy4pU.js';
+import { f as PortfolioResultsData, M as MetricsDelta } from '../../types-He5A9okM.js';
 
 interface ResultsSectionProps {
     data: PortfolioResultsData;

package/dist/portfolio/sections/ResultsSection.js

@@ -1,4 +1,5 @@
-import { gateMetricsDeltas, MetricsProvenance } from '../../chunk-RWQ675N6.js';
+import { MetricsProvenance } from '../../chunk-X7UCJ45A.js';
+import { gateMetricsDeltas } from '../../chunk-FM25LB67.js';
 import ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';
 import AnimatedCounter from '@sonordev/agency-site-kit/portfolio/primitives/AnimatedCounter';
 import GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';

package/dist/portfolio/sections/ResultsSection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/portfolio/components/sections/ResultsSection.tsx"],"names":[],"mappings":"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","file":"ResultsSection.js","sourcesContent":["// Server component — renders on the server; the client primitives below cross the\n// RSC boundary via package subpaths (never import them relatively here).\nimport React from 'react';\nimport type { MetricsDelta, PortfolioResultsData } from '../../../types';\nimport ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';\nimport AnimatedCounter from '@sonordev/agency-site-kit/portfolio/primitives/AnimatedCounter';\nimport GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';\nimport MetricsProvenance from '../MetricsProvenance';\nimport { gateMetricsDeltas } from '../../curate-proof';\n\ninterface ResultsSectionProps {\n  data: PortfolioResultsData;\n  /** Live metric deltas computed by the platform (item.metricsDelta). */\n  metricsDelta?: MetricsDelta[];\n  /** ISO timestamp of the last live-metrics refresh. */\n  metricsRefreshedAt?: string | null;\n}\n\nexport default function ResultsSection({\n  data,\n  metricsDelta,\n  metricsRefreshedAt,\n}: ResultsSectionProps) {\n  // Nothing survives display curation → no section, not an empty header.\n  if (!data.items.length && !gateMetricsDeltas(metricsDelta).length) return null;\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-7xl mx-auto px-6\">\n        <ScrollReveal y={30}>\n          <h2\n            className=\"text-3xl md:text-4xl font-bold mb-4\"\n            style={{\n              color: 'var(--sk-text-primary, #ffffff)',\n              fontFamily: 'var(--sk-font-heading, inherit)',\n            }}\n          >\n            Results\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            Measurable outcomes that speak for themselves.\n          </p>\n        </ScrollReveal>\n\n        <ScrollReveal stagger={0.1}>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n            {data.items.map((item, index) => (\n              <GlassCard key={index} padding=\"lg\" hover>\n                <div className=\"flex flex-col gap-3\">\n                  {/* Metric counter */}\n                  {item.metric && (\n                    <div\n                      className=\"text-3xl md:text-4xl font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      <AnimatedCounter\n                        value={item.metric.value}\n                        suffix={item.metric.suffix}\n                        prefix={item.metric.prefix}\n                        duration={2.5}\n                      />\n                    </div>\n                  )}\n\n                  <h3\n                    className=\"text-lg font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {item.title}\n                  </h3>\n\n                  <p\n                    className=\"text-sm leading-relaxed\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {item.description}\n                  </p>\n\n                  {/* Source badge */}\n                  <span\n                    className=\"inline-flex self-start items-center gap-1 px-2.5 py-1 rounded-full text-[11px] uppercase tracking-wider font-medium mt-1\"\n                    style={{\n                      background:\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 12%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 12%, transparent)',\n                      color: item.source === 'measured' ? '#10b981' : '#f59e0b',\n                      border: `1px solid ${\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 20%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 20%, transparent)'\n                      }`,\n                    }}\n                  >\n                    {item.source === 'measured' ? (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <path d=\"M10 3L4.5 8.5 2 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    ) : (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <circle cx=\"6\" cy=\"6\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n                        <path d=\"M6 4v2.5l1.5 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                      </svg>\n                    )}\n                    {item.source}\n                  </span>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </ScrollReveal>\n\n        {/* Live verified metrics — the numbers a static portfolio can't fake */}\n        {metricsDelta && metricsDelta.length > 0 && (\n          <ScrollReveal y={30} delay={0.1}>\n            <MetricsProvenance deltas={metricsDelta} refreshedAt={metricsRefreshedAt} />\n          </ScrollReveal>\n        )}\n      </div>\n    </section>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/portfolio/components/sections/ResultsSection.tsx"],"names":[],"mappings":";;;;;;;AAkBe,SAAR,cAAA,CAAgC;AAAA,EACrC,IAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAAwB;AAEtB,EAAA,IAAI,CAAC,KAAK,KAAA,CAAM,MAAA,IAAU,CAAC,iBAAA,CAAkB,YAAY,CAAA,CAAE,MAAA,EAAQ,OAAO,IAAA;AAE1E,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,uBAAA;AAAA,MACV,KAAA,EAAO,EAAE,UAAA,EAAY,uBAAA,EAAwB;AAAA,MAE7C,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,YAAA,EAAA,EAAa,GAAG,EAAA,EACf,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,qCAAA;AAAA,cACV,KAAA,EAAO;AAAA,gBACL,KAAA,EAAO,iCAAA;AAAA,gBACP,UAAA,EAAY;AAAA,eACd;AAAA,cACD,QAAA,EAAA;AAAA;AAAA,WAED;AAAA,0BACA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,yBAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,mCAAA,EAAoC;AAAA,cACrD,QAAA,EAAA;AAAA;AAAA;AAED,SAAA,EACF,CAAA;AAAA,wBAEA,GAAA,CAAC,gBAAa,OAAA,EAAS,GAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sDAAA,EACZ,QAAA,EAAA,IAAA,CAAK,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBACrB,GAAA,CAAC,SAAA,EAAA,EAAsB,OAAA,EAAQ,IAAA,EAAK,OAAK,IAAA,EACvC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAEZ,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,MAAA,oBACJ,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,gCAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,4BAAA,EAA6B;AAAA,cAE7C,QAAA,kBAAA,GAAA;AAAA,gBAAC,eAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,KAAK,MAAA,CAAO,KAAA;AAAA,kBACnB,MAAA,EAAQ,KAAK,MAAA,CAAO,MAAA;AAAA,kBACpB,MAAA,EAAQ,KAAK,MAAA,CAAO,MAAA;AAAA,kBACpB,QAAA,EAAU;AAAA;AAAA;AACZ;AAAA,WACF;AAAA,0BAGF,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,uBAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,iCAAA,EAAkC;AAAA,cAEjD,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,WACR;AAAA,0BAEA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,yBAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,kCAAA,EAAmC;AAAA,cAElD,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,WACR;AAAA,0BAGA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,0HAAA;AAAA,cACV,KAAA,EAAO;AAAA,gBACL,UAAA,EACE,IAAA,CAAK,MAAA,KAAW,UAAA,GACZ,8CAAA,GACA,8CAAA;AAAA,gBACN,KAAA,EAAO,IAAA,CAAK,MAAA,KAAW,UAAA,GAAa,SAAA,GAAY,SAAA;AAAA,gBAChD,QAAQ,CAAA,UAAA,EACN,IAAA,CAAK,MAAA,KAAW,UAAA,GACZ,iDACA,8CACN,CAAA;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA,CAAK,MAAA,KAAW,UAAA,mBACf,GAAA,CAAC,KAAA,EAAA,EAAI,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EACnD,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,mBAAA,EAAoB,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,OAAM,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,GACnH,CAAA,mBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,MAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,MAAK,MAAA,EACnD,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,GAAE,GAAA,EAAI,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,KAAA,EAAM,CAAA;AAAA,kCACpE,GAAA,CAAC,UAAK,CAAA,EAAE,gBAAA,EAAiB,QAAO,cAAA,EAAe,WAAA,EAAY,KAAA,EAAM,aAAA,EAAc,OAAA,EAAQ;AAAA,iBAAA,EACzF,CAAA;AAAA,gBAED,IAAA,CAAK;AAAA;AAAA;AAAA;AACR,SAAA,EACF,CAAA,EAAA,EA3Dc,KA4DhB,CACD,CAAA,EACH,CAAA,EACF,CAAA;AAAA,QAGC,gBAAgB,YAAA,CAAa,MAAA,GAAS,CAAA,oBACrC,GAAA,CAAC,gBAAa,CAAA,EAAG,EAAA,EAAI,KAAA,EAAO,GAAA,EAC1B,8BAAC,iBAAA,EAAA,EAAkB,MAAA,EAAQ,YAAA,EAAc,WAAA,EAAa,oBAAoB,CAAA,EAC5E;AAAA,OAAA,EAEJ;AAAA;AAAA,GACF;AAEJ","file":"ResultsSection.js","sourcesContent":["// Server component — renders on the server; the client primitives below cross the\n// RSC boundary via package subpaths (never import them relatively here).\nimport React from 'react';\nimport type { MetricsDelta, PortfolioResultsData } from '../../../types';\nimport ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';\nimport AnimatedCounter from '@sonordev/agency-site-kit/portfolio/primitives/AnimatedCounter';\nimport GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';\nimport MetricsProvenance from '../MetricsProvenance';\nimport { gateMetricsDeltas } from '../../curate-proof';\n\ninterface ResultsSectionProps {\n  data: PortfolioResultsData;\n  /** Live metric deltas computed by the platform (item.metricsDelta). */\n  metricsDelta?: MetricsDelta[];\n  /** ISO timestamp of the last live-metrics refresh. */\n  metricsRefreshedAt?: string | null;\n}\n\nexport default function ResultsSection({\n  data,\n  metricsDelta,\n  metricsRefreshedAt,\n}: ResultsSectionProps) {\n  // Nothing survives display curation → no section, not an empty header.\n  if (!data.items.length && !gateMetricsDeltas(metricsDelta).length) return null;\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-7xl mx-auto px-6\">\n        <ScrollReveal y={30}>\n          <h2\n            className=\"text-3xl md:text-4xl font-bold mb-4\"\n            style={{\n              color: 'var(--sk-text-primary, #ffffff)',\n              fontFamily: 'var(--sk-font-heading, inherit)',\n            }}\n          >\n            Results\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            Measurable outcomes that speak for themselves.\n          </p>\n        </ScrollReveal>\n\n        <ScrollReveal stagger={0.1}>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n            {data.items.map((item, index) => (\n              <GlassCard key={index} padding=\"lg\" hover>\n                <div className=\"flex flex-col gap-3\">\n                  {/* Metric counter */}\n                  {item.metric && (\n                    <div\n                      className=\"text-3xl md:text-4xl font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      <AnimatedCounter\n                        value={item.metric.value}\n                        suffix={item.metric.suffix}\n                        prefix={item.metric.prefix}\n                        duration={2.5}\n                      />\n                    </div>\n                  )}\n\n                  <h3\n                    className=\"text-lg font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {item.title}\n                  </h3>\n\n                  <p\n                    className=\"text-sm leading-relaxed\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {item.description}\n                  </p>\n\n                  {/* Source badge */}\n                  <span\n                    className=\"inline-flex self-start items-center gap-1 px-2.5 py-1 rounded-full text-[11px] uppercase tracking-wider font-medium mt-1\"\n                    style={{\n                      background:\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 12%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 12%, transparent)',\n                      color: item.source === 'measured' ? '#10b981' : '#f59e0b',\n                      border: `1px solid ${\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 20%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 20%, transparent)'\n                      }`,\n                    }}\n                  >\n                    {item.source === 'measured' ? (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <path d=\"M10 3L4.5 8.5 2 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    ) : (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <circle cx=\"6\" cy=\"6\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n                        <path d=\"M6 4v2.5l1.5 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                      </svg>\n                    )}\n                    {item.source}\n                  </span>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </ScrollReveal>\n\n        {/* Live verified metrics — the numbers a static portfolio can't fake */}\n        {metricsDelta && metricsDelta.length > 0 && (\n          <ScrollReveal y={30} delay={0.1}>\n            <MetricsProvenance deltas={metricsDelta} refreshedAt={metricsRefreshedAt} />\n          </ScrollReveal>\n        )}\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/portfolio/sections/ServicesSection.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { g as PortfolioServicesData } from '../../types-0tVPy4pU.cjs';
+import { g as PortfolioServicesData } from '../../types-He5A9okM.cjs';
 
 interface ServicesSectionProps {
     data: PortfolioServicesData;

package/dist/portfolio/sections/ServicesSection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { g as PortfolioServicesData } from '../../types-0tVPy4pU.js';
+import { g as PortfolioServicesData } from '../../types-He5A9okM.js';
 
 interface ServicesSectionProps {
     data: PortfolioServicesData;

package/dist/portfolio/sections/TechStackSection.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { h as PortfolioTechStackData } from '../../types-0tVPy4pU.cjs';
+import { h as PortfolioTechStackData } from '../../types-He5A9okM.cjs';
 
 interface TechStackSectionProps {
     data: PortfolioTechStackData;

package/dist/portfolio/sections/TechStackSection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { h as PortfolioTechStackData } from '../../types-0tVPy4pU.js';
+import { h as PortfolioTechStackData } from '../../types-He5A9okM.js';
 
 interface TechStackSectionProps {
     data: PortfolioTechStackData;

package/dist/portfolio/sections/TestimonialSection.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { i as PortfolioTestimonialData } from '../../types-0tVPy4pU.cjs';
+import { i as PortfolioTestimonialData } from '../../types-He5A9okM.cjs';
 
 interface TestimonialSectionProps {
     data: PortfolioTestimonialData;