@sonordev/site-kit 6.4.0 → 7.0.0

package/dist/chunk-RCB6HEHM.mjs

@@ -1,349 +0,0 @@
-import { createPublicationRoutes } from './chunk-6C47333H.mjs';
-import { resolveTrailingSlash, applyTrailingSlash } from './chunk-C2CTLLIO.mjs';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var defaults = {
-  featured: {
-    wrapper: {
-      display: "flex",
-      flexWrap: "wrap",
-      alignItems: "center",
-      justifyContent: "space-between",
-      gap: "1.5rem",
-      padding: "2rem 2.5rem",
-      margin: "3rem 0",
-      borderRadius: "1rem",
-      background: "linear-gradient(135deg, color-mix(in srgb, var(--sk-primary, #2563eb) 8%, transparent), color-mix(in srgb, var(--sk-primary, #2563eb) 15%, transparent))",
-      border: "1px solid color-mix(in srgb, var(--sk-primary, #2563eb) 25%, transparent)"
-    },
-    title: {
-      fontSize: "1.25rem",
-      fontWeight: 700,
-      color: "var(--sk-text-primary, #0f172a)",
-      margin: 0
-    },
-    description: {
-      fontSize: "0.9375rem",
-      color: "var(--sk-text-secondary, #475569)",
-      marginTop: "0.5rem",
-      maxWidth: "40rem"
-    },
-    button: {
-      display: "inline-flex",
-      alignItems: "center",
-      gap: "0.5rem",
-      padding: "0.75rem 1.75rem",
-      borderRadius: "0.5rem",
-      fontWeight: 600,
-      fontSize: "0.9375rem",
-      color: "#ffffff",
-      background: "var(--sk-primary, #2563eb)",
-      textDecoration: "none",
-      transition: "transform 0.15s, box-shadow 0.15s",
-      whiteSpace: "nowrap"
-    }
-  },
-  inline: {
-    wrapper: {
-      display: "flex",
-      gap: "1rem",
-      padding: "1.25rem 1.5rem",
-      margin: "2rem 0",
-      borderRadius: "0.75rem",
-      background: "var(--sk-bg-elevated, #f8fafc)",
-      border: "1px solid color-mix(in srgb, var(--sk-primary, #2563eb) 20%, var(--sk-surface-border, #e2e8f0))"
-    },
-    icon: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "2.5rem",
-      height: "2.5rem",
-      borderRadius: "0.625rem",
-      background: "var(--sk-primary, #2563eb)",
-      color: "#ffffff",
-      flexShrink: 0,
-      fontSize: "1.125rem"
-    },
-    title: {
-      fontSize: "1rem",
-      fontWeight: 600,
-      color: "var(--sk-text-primary, #0f172a)",
-      margin: 0
-    },
-    description: {
-      fontSize: "0.875rem",
-      color: "var(--sk-text-secondary, #475569)",
-      marginTop: "0.25rem"
-    },
-    link: {
-      display: "inline-flex",
-      alignItems: "center",
-      gap: "0.25rem",
-      marginTop: "0.5rem",
-      fontSize: "0.875rem",
-      fontWeight: 600,
-      color: "var(--sk-primary, #2563eb)",
-      textDecoration: "none"
-    }
-  }
-};
-function ServiceCallout({
-  title,
-  description,
-  cta = "Learn More",
-  url,
-  variant = "featured",
-  styles,
-  unstyled = false
-}) {
-  if (variant === "inline") {
-    return /* @__PURE__ */ jsxs(
-      "aside",
-      {
-        className: styles?.wrapper,
-        style: unstyled ? void 0 : defaults.inline.wrapper,
-        role: "complementary",
-        "aria-label": "Related service",
-        children: [
-          /* @__PURE__ */ jsx("div", { style: unstyled ? void 0 : defaults.inline.icon, children: "\u2192" }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(
-              "h4",
-              {
-                className: styles?.title,
-                style: unstyled ? void 0 : defaults.inline.title,
-                children: title
-              }
-            ),
-            description && /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: styles?.description,
-                style: unstyled ? void 0 : defaults.inline.description,
-                children: description
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "a",
-              {
-                href: url,
-                className: styles?.button,
-                style: unstyled ? void 0 : defaults.inline.link,
-                children: [
-                  cta,
-                  " \u2192"
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: styles?.wrapper,
-      style: unstyled ? void 0 : defaults.featured.wrapper,
-      role: "complementary",
-      "aria-label": "Call to action",
-      children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(
-            "h3",
-            {
-              className: styles?.title,
-              style: unstyled ? void 0 : defaults.featured.title,
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: styles?.description,
-              style: unstyled ? void 0 : defaults.featured.description,
-              children: description
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          "a",
-          {
-            href: url,
-            className: styles?.button,
-            style: unstyled ? void 0 : defaults.featured.button,
-            children: [
-              cta,
-              " \u2192"
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function ServiceCallouts({
-  callouts,
-  styles,
-  unstyled
-}) {
-  if (!callouts || callouts.length === 0) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: callouts.map((callout, i) => /* @__PURE__ */ jsx(
-    ServiceCallout,
-    {
-      ...callout,
-      variant: i === 0 ? "featured" : "inline",
-      styles,
-      unstyled
-    },
-    callout.url + i
-  )) });
-}
-var clusterNavCss = `
-.sk-cluster-nav {
-  --_cn-primary: var(--sk-primary, currentColor);
-  --_cn-bg: var(--sk-bg-elevated, color-mix(in srgb, currentColor 6%, transparent));
-  --_cn-border: var(--sk-surface-border, color-mix(in srgb, currentColor 12%, transparent));
-  --_cn-text: var(--sk-text-primary, inherit);
-  --_cn-text2: var(--sk-text-secondary, color-mix(in srgb, currentColor 70%, transparent));
-  --_cn-text3: var(--sk-text-tertiary, color-mix(in srgb, currentColor 45%, transparent));
-
-  margin: 2rem 0;
-  padding: 1.5rem;
-  border-radius: 0.75rem;
-  background: var(--_cn-bg);
-  border: 1px solid var(--_cn-border);
-  color: var(--_cn-text);
-}
-
-.sk-cluster-pillar-link {
-  margin-bottom: 1.25rem;
-  padding-bottom: 1.25rem;
-  border-bottom: 1px solid var(--_cn-border);
-}
-.sk-cluster-pillar-link-label {
-  font-size: 0.6875rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--_cn-text3);
-  margin: 0 0 0.375rem 0;
-}
-.sk-cluster-pillar-link a {
-  font-size: 0.9375rem;
-  font-weight: 600;
-  color: var(--_cn-primary);
-  text-decoration: none;
-  transition: opacity 0.15s;
-}
-.sk-cluster-pillar-link a:hover { opacity: 0.8; }
-
-.sk-cluster-siblings-title {
-  font-size: 0.6875rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--_cn-text3);
-  margin: 0 0 0.75rem 0;
-}
-.sk-cluster-siblings-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.sk-cluster-siblings-item {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.sk-cluster-siblings-item a {
-  font-size: 0.875rem;
-  color: var(--_cn-text2);
-  text-decoration: none;
-  transition: color 0.15s;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.sk-cluster-siblings-item a:hover { color: var(--_cn-primary); }
-.sk-cluster-type-badge {
-  display: inline-flex;
-  align-items: center;
-  flex-shrink: 0;
-  padding: 0.125rem 0.4rem;
-  border-radius: 9999px;
-  font-size: 0.625rem;
-  font-weight: 500;
-  text-transform: capitalize;
-  background: color-mix(in srgb, var(--_cn-primary) 10%, transparent);
-  color: var(--_cn-primary);
-  border: 1px solid color-mix(in srgb, var(--_cn-primary) 20%, transparent);
-}
-`;
-function ClusterNavigation({
-  navigation,
-  basePath,
-  routing,
-  category,
-  trailingSlash: trailingSlashProp,
-  unstyled = false,
-  className
-}) {
-  if (!navigation) return null;
-  const siblings = (navigation.siblings || []).filter(
-    (s) => s.article_type !== "pillar"
-  );
-  const hasPillarLink = !navigation.is_pillar && navigation.pillar;
-  const hasSiblings = siblings.length > 0;
-  if (!hasPillarLink && !hasSiblings) return null;
-  const trailingSlash = resolveTrailingSlash(trailingSlashProp);
-  const articleUrl = (article) => {
-    const path = createPublicationRoutes({ basePath, category, includeCategoryInPath: !routing, ...routing }).post(article);
-    return trailingSlash ? applyTrailingSlash(path, true) : path;
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: clusterNavCss } }),
-    /* @__PURE__ */ jsxs("nav", { className: `${unstyled ? "" : "sk-cluster-nav"} ${className || ""}`, children: [
-      hasPillarLink && navigation.pillar && /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-pillar-link", children: [
-        /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-pillar-link-label", children: "Full Guide" }),
-        /* @__PURE__ */ jsx("a", { href: articleUrl(navigation.pillar), children: navigation.pillar.title })
-      ] }),
-      hasSiblings && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-siblings-title", children: navigation.is_pillar ? "Deep Dives" : "More in This Series" }),
-        /* @__PURE__ */ jsx("ul", { className: unstyled ? "" : "sk-cluster-siblings-list", children: siblings.map((sibling) => /* @__PURE__ */ jsxs("li", { className: unstyled ? "" : "sk-cluster-siblings-item", children: [
-          /* @__PURE__ */ jsx("span", { className: unstyled ? "" : "sk-cluster-type-badge", children: sibling.article_type }),
-          /* @__PURE__ */ jsx("a", { href: articleUrl(sibling), children: sibling.title })
-        ] }, sibling.slug)) })
-      ] })
-    ] })
-  ] });
-}
-
-// src/articles/author-social.ts
-var withPrefix = (value, base) => value.startsWith("http") ? value : `${base}${value}`;
-function getAuthorSocialLinks(author) {
-  const links = [];
-  const linkedin = author.linkedin_url || author.social_links?.linkedin;
-  if (linkedin) links.push({ label: "LinkedIn", href: withPrefix(linkedin, "https://linkedin.com/in/") });
-  const twitter = author.twitter_url ? author.twitter_url : author.social_links?.twitter ? withPrefix(author.social_links.twitter, "https://twitter.com/") : null;
-  if (twitter) links.push({ label: "Twitter", href: twitter });
-  const website = author.website_url || author.website;
-  if (website) links.push({ label: "Website", href: website });
-  const github = author.social_links?.github;
-  if (github) links.push({ label: "GitHub", href: withPrefix(github, "https://github.com/") });
-  return links;
-}
-
-// src/articles/reading-time.ts
-function readingTimeMinutes(post) {
-  const value = post.reading_time_minutes ?? post.reading_time;
-  return typeof value === "number" && value > 0 ? value : null;
-}
-
-export { ClusterNavigation, ServiceCallout, ServiceCallouts, getAuthorSocialLinks, readingTimeMinutes };
-//# sourceMappingURL=chunk-RCB6HEHM.mjs.map
-//# sourceMappingURL=chunk-RCB6HEHM.mjs.map

package/dist/chunk-RCB6HEHM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/articles/ServiceCallout.tsx","../src/articles/ClusterNavigation.tsx","../src/articles/author-social.ts","../src/articles/reading-time.ts"],"names":["jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-RCB6HEHM.mjs","sourcesContent":["/**\n * @sonordev/site-kit/articles - Service Callout / CTA Component\n *\n * Renders a promotional call-to-action section within articles.\n * Automatically generated by Signal AI during article creation, linking\n * article content to the business's relevant services.\n *\n * Two variants:\n * - 'featured' (default): Full-width gradient banner with button\n * - 'inline': Compact card with icon accent\n *\n * Uses site-kit brand tokens (--sk-primary, --sk-bg, etc.) for theming.\n * Supports full Tailwind override via `styles` prop.\n *\n * @example\n * ```tsx\n * <ServiceCallout\n *   title=\"Ready to build your MVP?\"\n *   description=\"Our team specializes in lean SaaS builds.\"\n *   cta=\"Get Started\"\n *   url=\"/services/application-development\"\n * />\n * ```\n */\n\nimport React from 'react'\n\nexport interface ServiceCalloutProps {\n  title: string\n  description?: string\n  cta?: string\n  url: string\n  variant?: 'featured' | 'inline'\n  /** Override default styles with Tailwind classes */\n  styles?: {\n    wrapper?: string\n    title?: string\n    description?: string\n    button?: string\n  }\n  /** Strip all default styles (BYO Tailwind) */\n  unstyled?: boolean\n}\n\n// Default inline styles using CSS custom properties for brand theming\nconst defaults = {\n  featured: {\n    wrapper: {\n      display: 'flex',\n      flexWrap: 'wrap' as const,\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '1.5rem',\n      padding: '2rem 2.5rem',\n      margin: '3rem 0',\n      borderRadius: '1rem',\n      background: 'linear-gradient(135deg, color-mix(in srgb, var(--sk-primary, #2563eb) 8%, transparent), color-mix(in srgb, var(--sk-primary, #2563eb) 15%, transparent))',\n      border: '1px solid color-mix(in srgb, var(--sk-primary, #2563eb) 25%, transparent)',\n    },\n    title: {\n      fontSize: '1.25rem',\n      fontWeight: 700,\n      color: 'var(--sk-text-primary, #0f172a)',\n      margin: 0,\n    },\n    description: {\n      fontSize: '0.9375rem',\n      color: 'var(--sk-text-secondary, #475569)',\n      marginTop: '0.5rem',\n      maxWidth: '40rem',\n    },\n    button: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5rem',\n      padding: '0.75rem 1.75rem',\n      borderRadius: '0.5rem',\n      fontWeight: 600,\n      fontSize: '0.9375rem',\n      color: '#ffffff',\n      background: 'var(--sk-primary, #2563eb)',\n      textDecoration: 'none',\n      transition: 'transform 0.15s, box-shadow 0.15s',\n      whiteSpace: 'nowrap' as const,\n    },\n  },\n  inline: {\n    wrapper: {\n      display: 'flex',\n      gap: '1rem',\n      padding: '1.25rem 1.5rem',\n      margin: '2rem 0',\n      borderRadius: '0.75rem',\n      background: 'var(--sk-bg-elevated, #f8fafc)',\n      border: '1px solid color-mix(in srgb, var(--sk-primary, #2563eb) 20%, var(--sk-surface-border, #e2e8f0))',\n    },\n    icon: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '2.5rem',\n      height: '2.5rem',\n      borderRadius: '0.625rem',\n      background: 'var(--sk-primary, #2563eb)',\n      color: '#ffffff',\n      flexShrink: 0,\n      fontSize: '1.125rem',\n    },\n    title: {\n      fontSize: '1rem',\n      fontWeight: 600,\n      color: 'var(--sk-text-primary, #0f172a)',\n      margin: 0,\n    },\n    description: {\n      fontSize: '0.875rem',\n      color: 'var(--sk-text-secondary, #475569)',\n      marginTop: '0.25rem',\n    },\n    link: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.25rem',\n      marginTop: '0.5rem',\n      fontSize: '0.875rem',\n      fontWeight: 600,\n      color: 'var(--sk-primary, #2563eb)',\n      textDecoration: 'none',\n    },\n  },\n}\n\nexport function ServiceCallout({\n  title,\n  description,\n  cta = 'Learn More',\n  url,\n  variant = 'featured',\n  styles,\n  unstyled = false,\n}: ServiceCalloutProps) {\n  if (variant === 'inline') {\n    return (\n      <aside\n        className={styles?.wrapper}\n        style={unstyled ? undefined : defaults.inline.wrapper}\n        role=\"complementary\"\n        aria-label=\"Related service\"\n      >\n        <div style={unstyled ? undefined : defaults.inline.icon}>→</div>\n        <div>\n          <h4\n            className={styles?.title}\n            style={unstyled ? undefined : defaults.inline.title}\n          >\n            {title}\n          </h4>\n          {description && (\n            <p\n              className={styles?.description}\n              style={unstyled ? undefined : defaults.inline.description}\n            >\n              {description}\n            </p>\n          )}\n          <a\n            href={url}\n            className={styles?.button}\n            style={unstyled ? undefined : defaults.inline.link}\n          >\n            {cta} →\n          </a>\n        </div>\n      </aside>\n    )\n  }\n\n  // Featured variant (default)\n  return (\n    <section\n      className={styles?.wrapper}\n      style={unstyled ? undefined : defaults.featured.wrapper}\n      role=\"complementary\"\n      aria-label=\"Call to action\"\n    >\n      <div>\n        <h3\n          className={styles?.title}\n          style={unstyled ? undefined : defaults.featured.title}\n        >\n          {title}\n        </h3>\n        {description && (\n          <p\n            className={styles?.description}\n            style={unstyled ? undefined : defaults.featured.description}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      <a\n        href={url}\n        className={styles?.button}\n        style={unstyled ? undefined : defaults.featured.button}\n      >\n        {cta} →\n      </a>\n    </section>\n  )\n}\n\n/**\n * Renders all service callouts for an article.\n * First callout uses 'featured' variant, subsequent use 'inline'.\n */\nexport function ServiceCallouts({\n  callouts,\n  styles,\n  unstyled,\n}: {\n  callouts: Array<{ title: string; description?: string; cta?: string; url: string }>\n  styles?: ServiceCalloutProps['styles']\n  unstyled?: boolean\n}) {\n  if (!callouts || callouts.length === 0) return null\n\n  return (\n    <>\n      {callouts.map((callout, i) => (\n        <ServiceCallout\n          key={callout.url + i}\n          {...callout}\n          variant={i === 0 ? 'featured' : 'inline'}\n          styles={styles}\n          unstyled={unstyled}\n        />\n      ))}\n    </>\n  )\n}\n","/**\n * @sonordev/site-kit/articles - Cluster Navigation Component\n *\n * Renders cluster context on article pages:\n * - \"Full Guide\" pillar backlink (on support articles only)\n * - Sibling article list with article_type badges\n *\n * Adapts to light/dark themes automatically using the same --sk-* variables\n * as the rest of site-kit, with currentColor-based fallbacks.\n */\n\nimport React from 'react'\nimport type { ClusterNavigation as ClusterNavigationType } from './types'\nimport { createPublicationRoutes, type PublicationRoutingOptions } from './routes'\nimport { applyTrailingSlash, resolveTrailingSlash } from '../sitemap/shared'\n\n// ============================================================================\n// CSS\n// ============================================================================\n\nconst clusterNavCss = `\n.sk-cluster-nav {\n  --_cn-primary: var(--sk-primary, currentColor);\n  --_cn-bg: var(--sk-bg-elevated, color-mix(in srgb, currentColor 6%, transparent));\n  --_cn-border: var(--sk-surface-border, color-mix(in srgb, currentColor 12%, transparent));\n  --_cn-text: var(--sk-text-primary, inherit);\n  --_cn-text2: var(--sk-text-secondary, color-mix(in srgb, currentColor 70%, transparent));\n  --_cn-text3: var(--sk-text-tertiary, color-mix(in srgb, currentColor 45%, transparent));\n\n  margin: 2rem 0;\n  padding: 1.5rem;\n  border-radius: 0.75rem;\n  background: var(--_cn-bg);\n  border: 1px solid var(--_cn-border);\n  color: var(--_cn-text);\n}\n\n.sk-cluster-pillar-link {\n  margin-bottom: 1.25rem;\n  padding-bottom: 1.25rem;\n  border-bottom: 1px solid var(--_cn-border);\n}\n.sk-cluster-pillar-link-label {\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--_cn-text3);\n  margin: 0 0 0.375rem 0;\n}\n.sk-cluster-pillar-link a {\n  font-size: 0.9375rem;\n  font-weight: 600;\n  color: var(--_cn-primary);\n  text-decoration: none;\n  transition: opacity 0.15s;\n}\n.sk-cluster-pillar-link a:hover { opacity: 0.8; }\n\n.sk-cluster-siblings-title {\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--_cn-text3);\n  margin: 0 0 0.75rem 0;\n}\n.sk-cluster-siblings-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.sk-cluster-siblings-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sk-cluster-siblings-item a {\n  font-size: 0.875rem;\n  color: var(--_cn-text2);\n  text-decoration: none;\n  transition: color 0.15s;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.sk-cluster-siblings-item a:hover { color: var(--_cn-primary); }\n.sk-cluster-type-badge {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0.125rem 0.4rem;\n  border-radius: 9999px;\n  font-size: 0.625rem;\n  font-weight: 500;\n  text-transform: capitalize;\n  background: color-mix(in srgb, var(--_cn-primary) 10%, transparent);\n  color: var(--_cn-primary);\n  border: 1px solid color-mix(in srgb, var(--_cn-primary) 20%, transparent);\n}\n`\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport interface ClusterNavigationProps {\n  /** Cluster navigation data */\n  navigation: ClusterNavigationType\n  /** Base path for article URLs (default: /article) */\n  basePath?: string\n  routing?: PublicationRoutingOptions\n  /**\n   * Fallback category slug for URL building (optional). Each linked article's\n   * OWN category takes precedence when present — applying one category to\n   * every sibling produced wrong-category URLs (duplicate content / redirect\n   * chains) on category-segmented sites whenever a cluster spans categories.\n   */\n  category?: string\n  /**\n   * Append a trailing slash to article URLs. Defaults to the site's\n   * next.config `trailingSlash`, so it rarely needs setting.\n   */\n  trailingSlash?: boolean\n  /** Disable default styles */\n  unstyled?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport function ClusterNavigation({\n  navigation,\n  basePath,\n  routing,\n  category,\n  trailingSlash: trailingSlashProp,\n  unstyled = false,\n  className,\n}: ClusterNavigationProps) {\n  if (!navigation) return null\n\n  const siblings = (navigation.siblings || []).filter(\n    s => s.article_type !== 'pillar'\n  )\n\n  const hasPillarLink = !navigation.is_pillar && navigation.pillar\n  const hasSiblings = siblings.length > 0\n\n  if (!hasPillarLink && !hasSiblings) return null\n\n  const trailingSlash = resolveTrailingSlash(trailingSlashProp)\n  const articleUrl = (article: { slug: string; category?: string }) => {\n    // Preserve the existing category-aware default; explicit routing can opt out.\n    const path = createPublicationRoutes({ basePath, category, includeCategoryInPath: !routing, ...routing }).post(article)\n    return trailingSlash ? applyTrailingSlash(path, true) : path\n  }\n\n  return (\n    <>\n      {!unstyled && <style dangerouslySetInnerHTML={{ __html: clusterNavCss }} />}\n\n      <nav className={`${unstyled ? '' : 'sk-cluster-nav'} ${className || ''}`}>\n        {hasPillarLink && navigation.pillar && (\n          <div className={unstyled ? '' : 'sk-cluster-pillar-link'}>\n            <p className={unstyled ? '' : 'sk-cluster-pillar-link-label'}>Full Guide</p>\n            <a href={articleUrl(navigation.pillar)}>\n              {navigation.pillar.title}\n            </a>\n          </div>\n        )}\n\n        {hasSiblings && (\n          <div>\n            <p className={unstyled ? '' : 'sk-cluster-siblings-title'}>\n              {navigation.is_pillar ? 'Deep Dives' : 'More in This Series'}\n            </p>\n            <ul className={unstyled ? '' : 'sk-cluster-siblings-list'}>\n              {siblings.map((sibling) => (\n                <li key={sibling.slug} className={unstyled ? '' : 'sk-cluster-siblings-item'}>\n                  <span className={unstyled ? '' : 'sk-cluster-type-badge'}>\n                    {sibling.article_type}\n                  </span>\n                  <a href={articleUrl(sibling)}>{sibling.title}</a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </nav>\n    </>\n  )\n}\n","import type { ArticleAuthor } from './types'\n\nexport interface AuthorSocialLink {\n  label: string\n  href: string\n}\n\nconst withPrefix = (value: string, base: string): string =>\n  value.startsWith('http') ? value : `${base}${value}`\n\n/**\n * Single source of truth for author social display.\n *\n * The real blog_authors columns are linkedin_url / twitter_url / website_url\n * (E-E-A-T fields); `social_links` / `website` are the legacy shape that no\n * API response ever carried. Real columns win; legacy handles get their host\n * prefixed unless they are already full URLs.\n */\nexport function getAuthorSocialLinks(\n  author: Pick<\n    ArticleAuthor,\n    'linkedin_url' | 'twitter_url' | 'website_url' | 'website' | 'social_links'\n  >\n): AuthorSocialLink[] {\n  const links: AuthorSocialLink[] = []\n\n  const linkedin = author.linkedin_url || author.social_links?.linkedin\n  if (linkedin) links.push({ label: 'LinkedIn', href: withPrefix(linkedin, 'https://linkedin.com/in/') })\n\n  const twitter = author.twitter_url\n    ? author.twitter_url\n    : author.social_links?.twitter\n      ? withPrefix(author.social_links.twitter, 'https://twitter.com/')\n      : null\n  if (twitter) links.push({ label: 'Twitter', href: twitter })\n\n  const website = author.website_url || author.website\n  if (website) links.push({ label: 'Website', href: website })\n\n  const github = author.social_links?.github\n  if (github) links.push({ label: 'GitHub', href: withPrefix(github, 'https://github.com/') })\n\n  return links\n}\n","import type { Article } from './types'\n\n/**\n * Single source of truth for reading-time display.\n *\n * The DB/API column is `reading_time` (blog_posts) — `reading_time_minutes`\n * never existed server-side and exists on the type only for callers that\n * pre-map their own data. Every \"X min read\" chip resolves through here.\n */\nexport function readingTimeMinutes(\n  post: Pick<Article, 'reading_time' | 'reading_time_minutes'>\n): number | null {\n  const value = post.reading_time_minutes ?? post.reading_time\n  return typeof value === 'number' && value > 0 ? value : null\n}\n"]}