@sonordev/site-kit 6.5.0 → 7.0.1

package/dist/chunk-C5VITBN7.mjs

@@ -1,220 +0,0 @@
-'use client';
-import { useState, useCallback, useRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/articles/ArticleFAQ.tsx
-var defaultStyles = {
-  section: {
-    margin: "3rem 0",
-    padding: 0
-  },
-  title: {
-    fontSize: "1.5rem",
-    fontWeight: 700,
-    color: "var(--sk-text-primary, #0f172a)",
-    marginBottom: "1.5rem",
-    display: "flex",
-    alignItems: "center",
-    gap: "0.5rem"
-  },
-  list: {
-    listStyle: "none",
-    margin: 0,
-    padding: 0,
-    display: "flex",
-    flexDirection: "column",
-    gap: "0.5rem"
-  },
-  item: {
-    borderRadius: "0.75rem",
-    border: "1px solid var(--sk-surface-border, #e2e8f0)",
-    background: "var(--sk-bg-elevated, #f8fafc)",
-    overflow: "hidden",
-    transition: "border-color 0.2s, box-shadow 0.2s"
-  },
-  itemOpen: {
-    borderColor: "color-mix(in srgb, var(--sk-primary, #2563eb) 40%, var(--sk-surface-border, #e2e8f0))",
-    boxShadow: "0 1px 3px rgba(0,0,0,0.06)"
-  },
-  question: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    width: "100%",
-    padding: "1rem 1.25rem",
-    background: "none",
-    border: "none",
-    cursor: "pointer",
-    textAlign: "left"
-  },
-  questionText: {
-    fontSize: "1rem",
-    fontWeight: 600,
-    color: "var(--sk-text-primary, #0f172a)",
-    paddingRight: "1rem"
-  },
-  icon: {
-    flexShrink: 0,
-    width: "1.25rem",
-    height: "1.25rem",
-    color: "var(--sk-primary, #2563eb)",
-    transition: "transform 0.2s"
-  },
-  answer: {
-    overflow: "hidden",
-    transition: "max-height 0.3s ease, opacity 0.2s ease"
-  },
-  answerInner: {
-    padding: "0 1.25rem 1.25rem",
-    fontSize: "0.9375rem",
-    lineHeight: 1.7,
-    color: "var(--sk-text-secondary, #475569)"
-  }
-};
-function PlusMinusIcon({ isOpen }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 20 20",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      style: {
-        ...defaultStyles.icon,
-        transform: isOpen ? "rotate(45deg)" : "rotate(0deg)"
-      },
-      children: [
-        /* @__PURE__ */ jsx("line", { x1: "10", y1: "4", x2: "10", y2: "16" }),
-        /* @__PURE__ */ jsx("line", { x1: "4", y1: "10", x2: "16", y2: "10" })
-      ]
-    }
-  );
-}
-function FAQItem({
-  item,
-  isOpen,
-  onToggle,
-  styles,
-  unstyled
-}) {
-  const answerRef = useRef(null);
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      className: styles?.item,
-      style: unstyled ? void 0 : {
-        ...defaultStyles.item,
-        ...isOpen ? defaultStyles.itemOpen : {}
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            className: styles?.question,
-            style: unstyled ? void 0 : defaultStyles.question,
-            onClick: onToggle,
-            "aria-expanded": isOpen,
-            type: "button",
-            children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: styles?.questionText,
-                  style: unstyled ? void 0 : defaultStyles.questionText,
-                  children: item.question
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: styles?.icon, children: /* @__PURE__ */ jsx(PlusMinusIcon, { isOpen }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: answerRef,
-            className: styles?.answer,
-            style: unstyled ? void 0 : {
-              ...defaultStyles.answer,
-              maxHeight: isOpen ? `${(answerRef.current?.scrollHeight || 500) + 40}px` : "0",
-              opacity: isOpen ? 1 : 0
-            },
-            role: "region",
-            "aria-hidden": !isOpen,
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: styles?.answerInner,
-                style: unstyled ? void 0 : defaultStyles.answerInner,
-                dangerouslySetInnerHTML: { __html: item.answer }
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function ArticleFAQ({
-  items,
-  title = "Frequently Asked Questions",
-  allowMultiple = false,
-  styles,
-  unstyled = false
-}) {
-  const [openIndices, setOpenIndices] = useState(/* @__PURE__ */ new Set());
-  const toggle = useCallback((index) => {
-    setOpenIndices((prev) => {
-      const next = new Set(allowMultiple ? prev : []);
-      if (prev.has(index)) {
-        next.delete(index);
-      } else {
-        next.add(index);
-      }
-      return next;
-    });
-  }, [allowMultiple]);
-  if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: styles?.section,
-      style: unstyled ? void 0 : defaultStyles.section,
-      "aria-label": "Frequently Asked Questions",
-      children: [
-        /* @__PURE__ */ jsx(
-          "h2",
-          {
-            className: styles?.title,
-            style: unstyled ? void 0 : defaultStyles.title,
-            children: title
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "ul",
-          {
-            className: styles?.list,
-            style: unstyled ? void 0 : defaultStyles.list,
-            children: items.map((item, index) => /* @__PURE__ */ jsx(
-              FAQItem,
-              {
-                item,
-                isOpen: openIndices.has(index),
-                onToggle: () => toggle(index),
-                styles,
-                unstyled
-              },
-              index
-            ))
-          }
-        )
-      ]
-    }
-  );
-}
-
-export { ArticleFAQ };
-//# sourceMappingURL=chunk-C5VITBN7.mjs.map
-//# sourceMappingURL=chunk-C5VITBN7.mjs.map

package/dist/chunk-C5VITBN7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/articles/ArticleFAQ.tsx"],"names":[],"mappings":"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","file":"chunk-C5VITBN7.mjs","sourcesContent":["/**\n * @sonordev/site-kit/articles - Article FAQ Component\n *\n * Renders FAQ items with collapsible accordion behavior.\n * Content is always in the DOM (not display:none) for SEO crawlability.\n * Uses CSS max-height transitions — no JS animation library required.\n *\n * Pairs with FAQPage schema (generated by Signal AI in the publication pipeline)\n * for Google's \"People Also Ask\" featured snippets.\n *\n * @example\n * ```tsx\n * <ArticleFAQ items={post.faqItems} />\n * ```\n */\n\n'use client'\n\nimport React, { useState, useRef, useCallback } from 'react'\n\nexport interface FaqItem {\n  question: string\n  answer: string\n}\n\nexport interface ArticleFAQProps {\n  items: FaqItem[]\n  /** Section title */\n  title?: string\n  /** Allow multiple items open simultaneously */\n  allowMultiple?: boolean\n  /** Override styles with Tailwind classes */\n  styles?: {\n    section?: string\n    title?: string\n    list?: string\n    item?: string\n    question?: string\n    questionText?: string\n    icon?: string\n    answer?: string\n    answerInner?: string\n  }\n  unstyled?: boolean\n}\n\n// CSS custom property defaults\nconst defaultStyles = {\n  section: {\n    margin: '3rem 0',\n    padding: 0,\n  },\n  title: {\n    fontSize: '1.5rem',\n    fontWeight: 700,\n    color: 'var(--sk-text-primary, #0f172a)',\n    marginBottom: '1.5rem',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '0.5rem',\n  },\n  list: {\n    listStyle: 'none',\n    margin: 0,\n    padding: 0,\n    display: 'flex',\n    flexDirection: 'column' as const,\n    gap: '0.5rem',\n  },\n  item: {\n    borderRadius: '0.75rem',\n    border: '1px solid var(--sk-surface-border, #e2e8f0)',\n    background: 'var(--sk-bg-elevated, #f8fafc)',\n    overflow: 'hidden',\n    transition: 'border-color 0.2s, box-shadow 0.2s',\n  },\n  itemOpen: {\n    borderColor: 'color-mix(in srgb, var(--sk-primary, #2563eb) 40%, var(--sk-surface-border, #e2e8f0))',\n    boxShadow: '0 1px 3px rgba(0,0,0,0.06)',\n  },\n  question: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: '100%',\n    padding: '1rem 1.25rem',\n    background: 'none',\n    border: 'none',\n    cursor: 'pointer',\n    textAlign: 'left' as const,\n  },\n  questionText: {\n    fontSize: '1rem',\n    fontWeight: 600,\n    color: 'var(--sk-text-primary, #0f172a)',\n    paddingRight: '1rem',\n  },\n  icon: {\n    flexShrink: 0,\n    width: '1.25rem',\n    height: '1.25rem',\n    color: 'var(--sk-primary, #2563eb)',\n    transition: 'transform 0.2s',\n  },\n  answer: {\n    overflow: 'hidden',\n    transition: 'max-height 0.3s ease, opacity 0.2s ease',\n  },\n  answerInner: {\n    padding: '0 1.25rem 1.25rem',\n    fontSize: '0.9375rem',\n    lineHeight: 1.7,\n    color: 'var(--sk-text-secondary, #475569)',\n  },\n}\n\nfunction PlusMinusIcon({ isOpen }: { isOpen: boolean }) {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      style={{\n        ...defaultStyles.icon,\n        transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n      }}\n    >\n      <line x1=\"10\" y1=\"4\" x2=\"10\" y2=\"16\" />\n      <line x1=\"4\" y1=\"10\" x2=\"16\" y2=\"10\" />\n    </svg>\n  )\n}\n\nfunction FAQItem({\n  item,\n  isOpen,\n  onToggle,\n  styles,\n  unstyled,\n}: {\n  item: FaqItem\n  isOpen: boolean\n  onToggle: () => void\n  styles?: ArticleFAQProps['styles']\n  unstyled?: boolean\n}) {\n  const answerRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <li\n      className={styles?.item}\n      style={unstyled ? undefined : {\n        ...defaultStyles.item,\n        ...(isOpen ? defaultStyles.itemOpen : {}),\n      }}\n    >\n      <button\n        className={styles?.question}\n        style={unstyled ? undefined : defaultStyles.question}\n        onClick={onToggle}\n        aria-expanded={isOpen}\n        type=\"button\"\n      >\n        <span\n          className={styles?.questionText}\n          style={unstyled ? undefined : defaultStyles.questionText}\n        >\n          {item.question}\n        </span>\n        <span className={styles?.icon}>\n          <PlusMinusIcon isOpen={isOpen} />\n        </span>\n      </button>\n      <div\n        ref={answerRef}\n        className={styles?.answer}\n        style={unstyled ? undefined : {\n          ...defaultStyles.answer,\n          maxHeight: isOpen ? `${(answerRef.current?.scrollHeight || 500) + 40}px` : '0',\n          opacity: isOpen ? 1 : 0,\n        }}\n        role=\"region\"\n        aria-hidden={!isOpen}\n      >\n        <div\n          className={styles?.answerInner}\n          style={unstyled ? undefined : defaultStyles.answerInner}\n          dangerouslySetInnerHTML={{ __html: item.answer }}\n        />\n      </div>\n    </li>\n  )\n}\n\nexport function ArticleFAQ({\n  items,\n  title = 'Frequently Asked Questions',\n  allowMultiple = false,\n  styles,\n  unstyled = false,\n}: ArticleFAQProps) {\n  const [openIndices, setOpenIndices] = useState<Set<number>>(new Set())\n\n  const toggle = useCallback((index: number) => {\n    setOpenIndices(prev => {\n      const next = new Set(allowMultiple ? prev : [])\n      if (prev.has(index)) {\n        next.delete(index)\n      } else {\n        next.add(index)\n      }\n      return next\n    })\n  }, [allowMultiple])\n\n  if (!items || items.length === 0) return null\n\n  return (\n    <section\n      className={styles?.section}\n      style={unstyled ? undefined : defaultStyles.section}\n      aria-label=\"Frequently Asked Questions\"\n    >\n      <h2\n        className={styles?.title}\n        style={unstyled ? undefined : defaultStyles.title}\n      >\n        {title}\n      </h2>\n      <ul\n        className={styles?.list}\n        style={unstyled ? undefined : defaultStyles.list}\n      >\n        {items.map((item, index) => (\n          <FAQItem\n            key={index}\n            item={item}\n            isOpen={openIndices.has(index)}\n            onToggle={() => toggle(index)}\n            styles={styles}\n            unstyled={unstyled}\n          />\n        ))}\n      </ul>\n    </section>\n  )\n}\n"]}

package/dist/chunk-CABEVWKJ.mjs

@@ -1,25 +0,0 @@
-import { isCrossOriginFrame } from './chunk-MXJOKOFK.mjs';
-
-// src/shared/reporting-gate.ts
-var announcedSuppression = false;
-function resolveAnalyticsTarget(options = {}) {
-  const config = typeof window === "undefined" ? void 0 : window;
-  const apiUrl = options.apiUrl || config?.__SITE_KIT_API_URL__ || "https://api.sonor.io";
-  const apiKey = options.apiKey || config?.__SITE_KIT_API_KEY__;
-  if (!apiKey) return null;
-  const hostname = (config?.location?.hostname || "").toLowerCase().replace(/\.+$/, "");
-  const local = hostname === "localhost" || hostname.endsWith(".localhost") || hostname === "127.0.0.1" || hostname === "[::1]" || hostname === "::1" || hostname === "0.0.0.0";
-  const optIn = local && options.allowLocalhost !== true ? "allowLocalhost" : !options.allowInFrame && isCrossOriginFrame() ? "allowInFrame" : null;
-  if (optIn) {
-    if (options.debug && !announcedSuppression) {
-      announcedSuppression = true;
-      console.info(`[Site-kit] Reporting suppressed. Set analytics.${optIn} to explicitly opt in.`);
-    }
-    return null;
-  }
-  return { apiUrl, apiKey };
-}
-
-export { resolveAnalyticsTarget };
-//# sourceMappingURL=chunk-CABEVWKJ.mjs.map
-//# sourceMappingURL=chunk-CABEVWKJ.mjs.map

package/dist/chunk-CABEVWKJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/shared/reporting-gate.ts"],"names":[],"mappings":";;;AA4CA,IAAI,oBAAA,GAAuB,KAAA;AAepB,SAAS,sBAAA,CACd,OAAA,GAAgC,EAAC,EACT;AACxB,EAAA,MAAM,MAAA,GAAS,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,GAAY,MAAA;AAI3D,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,MAAA,IAAU,MAAA,EAAQ,oBAAA,IAAwB,sBAAA;AACjE,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,MAAA,IAAU,MAAA,EAAQ,oBAAA;AAEzC,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAKpB,EAAA,MAAM,QAAA,GAAA,CAAY,QAAQ,QAAA,EAAU,QAAA,IAAY,IAAI,WAAA,EAAY,CAAE,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAA;AACpF,EAAA,MAAM,KAAA,GAAQ,QAAA,KAAa,WAAA,IAAe,QAAA,CAAS,QAAA,CAAS,YAAY,CAAA,IACtE,QAAA,KAAa,WAAA,IAAe,QAAA,KAAa,OAAA,IAAW,QAAA,KAAa,SACjE,QAAA,KAAa,SAAA;AACf,EAAA,MAAM,KAAA,GAAQ,KAAA,IAAS,OAAA,CAAQ,cAAA,KAAmB,IAAA,GAAO,gBAAA,GACrD,CAAC,OAAA,CAAQ,YAAA,IAAgB,kBAAA,EAAmB,GAAI,cAAA,GAAiB,IAAA;AACrE,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,OAAA,CAAQ,KAAA,IAAS,CAAC,oBAAA,EAAsB;AAC1C,MAAA,oBAAA,GAAuB,IAAA;AACvB,MAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,+CAAA,EAAkD,KAAK,CAAA,sBAAA,CAAwB,CAAA;AAAA,IAC9F;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO,EAAE,QAAQ,MAAA,EAAO;AAC1B","file":"chunk-CABEVWKJ.mjs","sourcesContent":["/**\n * Single source of truth for client reporting eligibility and credentials.\n * Analytics, fleet, SitemapSync and Engage all resolve through this gate.\n * Kept separate from transport wrappers so non-analytics modules stay lean.\n */\n\nimport { isCrossOriginFrame } from './frame'\n\n/** Resolved destination for an analytics send. */\nexport interface AnalyticsTarget {\n  apiUrl: string\n  apiKey: string\n}\n\nexport interface AnalyticsGateOptions {\n  /** `apiUrl` prop, when the caller was given one. Falls back to the window global. */\n  apiUrl?: string\n  /** `apiKey` prop, when the caller was given one. Falls back to the window global. */\n  apiKey?: string\n  /**\n   * Opt back in to reporting from inside a cross-origin frame. For a site\n   * deliberately distributed as an embed (a widget, a partner-hosted\n   * booking or menu page) the frame IS the product, and its traffic is real.\n   * Explicit per-site config only — see AnalyticsConfig.allowInFrame. There\n   * is deliberately no window global or env var for this: a silent switch\n   * that turns cross-tenant tracking back on is the failure mode, not the\n   * feature.\n   */\n  allowInFrame?: boolean\n  /** Explicitly allow reporting from local browser hosts. Default false. */\n  allowLocalhost?: boolean\n  /** Emit the one-time diagnostic when a send is suppressed. */\n  debug?: boolean\n}\n\n// Re-exported so analytics consumers have one import for the whole decision.\nexport { isCrossOriginFrame, isFramed, isTopFrameSameOrigin } from './frame'\n\n/**\n * One `console.info` per document, not one per event. A framed page fires\n * page view + journey + vitals + a click's worth of heatmap rows; logging\n * each suppression would turn a correct decision into console spam (and\n * Lighthouse best-practices noise) in someone else's page.\n */\nlet announcedSuppression = false\n\n/** Test seam — resets the once-per-document log latch. */\nexport function __resetSendGate(): void {\n  announcedSuppression = false\n}\n\n/**\n * Resolve where an analytics call should go, or `null` if it must not happen.\n *\n * Returning `null` is the ONLY \"do not send\" signal in this module. Callers\n * that set up listeners or scrape the DOM should resolve first and bail on\n * `null`, so a blocked document never even attaches a scroll or click\n * listener — the guard saves the work, not just the request.\n */\nexport function resolveAnalyticsTarget(\n  options: AnalyticsGateOptions = {},\n): AnalyticsTarget | null {\n  const config = typeof window === 'undefined' ? undefined : window as Window & {\n    __SITE_KIT_API_URL__?: string\n    __SITE_KIT_API_KEY__?: string\n  }\n  const apiUrl = options.apiUrl || config?.__SITE_KIT_API_URL__ || 'https://api.sonor.io'\n  const apiKey = options.apiKey || config?.__SITE_KIT_API_KEY__\n\n  if (!apiKey) return null\n\n  // Single source of truth for browser reporting: use the actual document\n  // hostname, NEVER analytics.site or NEXT_PUBLIC_SITE_URL (often production\n  // domains even when next start is being verified on localhost).\n  const hostname = (config?.location?.hostname || '').toLowerCase().replace(/\\.+$/, '')\n  const local = hostname === 'localhost' || hostname.endsWith('.localhost') ||\n    hostname === '127.0.0.1' || hostname === '[::1]' || hostname === '::1' ||\n    hostname === '0.0.0.0'\n  const optIn = local && options.allowLocalhost !== true ? 'allowLocalhost'\n    : !options.allowInFrame && isCrossOriginFrame() ? 'allowInFrame' : null\n  if (optIn) {\n    if (options.debug && !announcedSuppression) {\n      announcedSuppression = true\n      console.info(`[Site-kit] Reporting suppressed. Set analytics.${optIn} to explicitly opt in.`)\n    }\n    return null\n  }\n\n  return { apiUrl, apiKey }\n}\n"]}

package/dist/chunk-CDRQYJUT.js

@@ -1,355 +0,0 @@
-'use strict';
-
-var chunk55J2KE7D_js = require('./chunk-55J2KE7D.js');
-var chunkJONWE26J_js = require('./chunk-JONWE26J.js');
-var jsxRuntime = require('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__ */ jsxRuntime.jsxs(
-      "aside",
-      {
-        className: styles?.wrapper,
-        style: unstyled ? void 0 : defaults.inline.wrapper,
-        role: "complementary",
-        "aria-label": "Related service",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: unstyled ? void 0 : defaults.inline.icon, children: "\u2192" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "h4",
-              {
-                className: styles?.title,
-                style: unstyled ? void 0 : defaults.inline.title,
-                children: title
-              }
-            ),
-            description && /* @__PURE__ */ jsxRuntime.jsx(
-              "p",
-              {
-                className: styles?.description,
-                style: unstyled ? void 0 : defaults.inline.description,
-                children: description
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "a",
-              {
-                href: url,
-                className: styles?.button,
-                style: unstyled ? void 0 : defaults.inline.link,
-                children: [
-                  cta,
-                  " \u2192"
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "section",
-    {
-      className: styles?.wrapper,
-      style: unstyled ? void 0 : defaults.featured.wrapper,
-      role: "complementary",
-      "aria-label": "Call to action",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "h3",
-            {
-              className: styles?.title,
-              style: unstyled ? void 0 : defaults.featured.title,
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: styles?.description,
-              style: unstyled ? void 0 : defaults.featured.description,
-              children: description
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: callouts.map((callout, i) => /* @__PURE__ */ jsxRuntime.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 = chunkJONWE26J_js.resolveTrailingSlash(trailingSlashProp);
-  const articleUrl = (article) => {
-    const path = chunk55J2KE7D_js.createPublicationRoutes({ basePath, category, includeCategoryInPath: !routing, ...routing }).post(article);
-    return trailingSlash ? chunkJONWE26J_js.applyTrailingSlash(path, true) : path;
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    !unstyled && /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: clusterNavCss } }),
-    /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: `${unstyled ? "" : "sk-cluster-nav"} ${className || ""}`, children: [
-      hasPillarLink && navigation.pillar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: unstyled ? "" : "sk-cluster-pillar-link", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: unstyled ? "" : "sk-cluster-pillar-link-label", children: "Full Guide" }),
-        /* @__PURE__ */ jsxRuntime.jsx("a", { href: articleUrl(navigation.pillar), children: navigation.pillar.title })
-      ] }),
-      hasSiblings && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: unstyled ? "" : "sk-cluster-siblings-title", children: navigation.is_pillar ? "Deep Dives" : "More in This Series" }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: unstyled ? "" : "sk-cluster-siblings-list", children: siblings.map((sibling) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: unstyled ? "" : "sk-cluster-siblings-item", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: unstyled ? "" : "sk-cluster-type-badge", children: sibling.article_type }),
-          /* @__PURE__ */ jsxRuntime.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;
-}
-
-exports.ClusterNavigation = ClusterNavigation;
-exports.ServiceCallout = ServiceCallout;
-exports.ServiceCallouts = ServiceCallouts;
-exports.getAuthorSocialLinks = getAuthorSocialLinks;
-exports.readingTimeMinutes = readingTimeMinutes;
-//# sourceMappingURL=chunk-CDRQYJUT.js.map
-//# sourceMappingURL=chunk-CDRQYJUT.js.map