@flamingo-stack/openframe-frontend-core 0.0.439-snapshot.20260717095442 → 0.0.439

package/dist/{chunk-Y3NFB6HR.js → chunk-P7PISHM5.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-7KDR5P23.js";
+} from "./chunk-QXYOGJQJ.js";
 import {
   PageLayout,
   PageShell,
@@ -11,12 +11,12 @@ import {
   faqSectionSlug,
   parseFaqHash,
   serializeJsonLd
-} from "./chunk-ZQYFDYWV.js";
+} from "./chunk-NQQ4NLUT.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   navigateSamePageHash,
   useScrollToHash
-} from "./chunk-2BTDPDME.js";
+} from "./chunk-RVWC4P3H.js";
 import {
   Chevron02DownIcon
 } from "./chunk-OYGFWWLQ.js";
@@ -258,7 +258,7 @@ function GroupedFaqList({
           "aria-current": isActive ? "true" : void 0,
           onClick: (e) => handleJump(e, group.slug),
           className: cn(
-            "rounded-full border px-4 py-2 text-h6 transition-colors",
+            "rounded-full border px-4 py-2 text-sm font-medium font-['DM_Sans'] transition-colors",
             isActive ? "border-ods-text-primary bg-ods-card text-ods-text-primary" : "border-ods-border bg-ods-card text-ods-text-secondary hover:border-ods-text-secondary hover:text-ods-text-primary"
           ),
           children: group.section
@@ -382,4 +382,4 @@ export {
   FaqSection,
   FaqDocumentPage
 };
-//# sourceMappingURL=chunk-Y3NFB6HR.js.map
+//# sourceMappingURL=chunk-P7PISHM5.js.map

package/dist/chunk-P7PISHM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/faq/faq-section.tsx","../src/components/faq-accordion.tsx","../src/components/faq/json-ld.ts","../src/components/faq/faq-document-page.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport type { Faq } from '../../types/faq'\nimport { FaqAccordion, type FaqItem } from '../faq-accordion'\nimport { useSelfFetch } from '../../hooks/use-self-fetch'\nimport { buildSuggestionUrl } from '../../utils/suggestion-url'\nimport { serializeJsonLd } from '../../utils/common'\nimport { useScrollToHash } from '../../hooks/use-scroll-to-hash'\nimport { navigateSamePageHash, STICKY_HEADER_OFFSET_PX } from '../../utils/same-page-hash-nav'\nimport { faqSectionSlug, parseFaqHash, type FaqHashTarget } from '../../utils/faq-anchor'\nimport { cn } from '../../utils/cn'\nimport { buildFaqJsonLdFromFaqs, type FaqSchemaOptions } from './json-ld'\nimport { SECTION_HEADING_CLASS } from '../layout/page-heading'\n\nexport interface FaqSectionProps {\n  /**\n   * SSR hydrate. When provided, the hook skips the first client fetch (per\n   * useSelfFetch contract). The consuming server page resolves FAQs then drills\n   * them into this prop — the lib never re-fetches what the host already gated on.\n   */\n  initialFaqs?: Faq[]\n  /** Both required together for entity-attached FAQs; partial → bare /api/faqs. */\n  entityType?: string\n  entityId?: number | string\n  /**\n   * Heading node above the grouped list. `undefined` → default\n   * `<h2>`\"Frequently Asked Questions\". `null` → no heading (the host page\n   * owns the `<h1>`, as the standalone /faqs surface does). A React node lets a\n   * platform drill its own <PageHeading> without the lib referencing platform\n   * state. Also drives category nesting so the document outline stays correct:\n   * `null` → categories render `<h2>` (directly under the page `<h1>`);\n   * otherwise categories render `<h3>` beneath this heading.\n   */\n  heading?: React.ReactNode | null\n  /** Inject FAQPage schema.org JSON-LD as a <script>. Off by default so embeds\n   *  don't emit duplicate schema. */\n  emitJsonLd?: boolean\n  /** Overrides for the JSON-LD's name/description/url. */\n  jsonLd?: FaqSchemaOptions\n  className?: string\n  /** Maps to /api/faqs `?count=` (the 5-tier fill target). Absent → param\n   *  not sent (server default applies). */\n  minResults?: number\n  /** Fetch-URL prefix for third-party embeds / reverse proxies\n   *  ('' = same-origin relative). */\n  apiBaseUrl?: string\n}\n\nconst DEFAULT_HEADING_TEXT = 'Frequently Asked Questions'\n\n/** URL composition shared with RelatedContentSection (`buildSuggestionUrl`)\n *  — byte-identical to the historical `buildFaqsUrl` output when\n *  `minResults`/`apiBaseUrl` are absent. */\nfunction buildFaqsUrl(\n  entityType?: string,\n  entityId?: number | string,\n  minResults?: number,\n  apiBaseUrl = '',\n): string {\n  return buildSuggestionUrl('/api/faqs', { apiBaseUrl, entityType, entityId, count: minResults })\n}\n\ninterface FaqGroup {\n  /** null → the uncategorized bucket: no heading, no jump pill, rendered last. */\n  section: string | null\n  slug: string | null\n  items: FaqItem[]\n}\n\n/** Group FAQs by `faq.section`, preserving the server's first-seen\n *  (display_order) order for BOTH the section order and the rows within each\n *  section. The uncategorized bucket (blank/missing section) sinks to the end\n *  since it renders without a heading. Items carry NO badge here — the `<h2>`\n *  IS the category, so a per-row chip would be redundant. */\nfunction groupFaqsBySection(faqs: Faq[]): FaqGroup[] {\n  const order: string[] = []\n  const byName = new Map<string, FaqGroup>()\n  let uncategorized: FaqGroup | null = null\n  for (const faq of faqs) {\n    const item: FaqItem = { id: faq.id, question: faq.question, answer: faq.answer }\n    const name = faq.section?.trim()\n    if (!name) {\n      if (!uncategorized) uncategorized = { section: null, slug: null, items: [] }\n      uncategorized.items.push(item)\n      continue\n    }\n    let group = byName.get(name)\n    if (!group) {\n      group = { section: name, slug: faqSectionSlug(name), items: [] }\n      byName.set(name, group)\n      order.push(name)\n    }\n    group.items.push(item)\n  }\n  const groups = order.map((name) => byName.get(name)!)\n  if (uncategorized) groups.push(uncategorized)\n  return groups\n}\n\n\n/** Map key for the uncategorized bucket — `group.slug` is null for it, so\n *  every per-group map (default-open ids, accordion keys) uses this sentinel\n *  to keep the lookup typed. */\nconst UNCATEGORIZED_KEY = '__uncategorized__'\nconst groupKey = (g: FaqGroup): string => g.slug ?? UNCATEGORIZED_KEY\n\n/**\n * Grouped FAQ layout: a category jump-nav above stacked `<h2>` category\n * sections (each its own accordion). Isolated into its own component so the\n * scroll-spy hooks only mount in grouped mode — `FaqSection`'s own hooks stay\n * unconditional.\n *\n * The pills are real `<a href=\"#slug\">` anchors (crawlable in-page links,\n * deep-linkable, work without JS); the click handler upgrades the jump to the\n * cancellation-proof `scrollElementIntoView` tween and syncs the URL hash.\n */\nfunction GroupedFaqList({\n  groups,\n  categoryHeadingAs,\n}: {\n  groups: FaqGroup[]\n  /** Heading tag for each category, so the document outline nests correctly\n   *  under whatever owns the heading above this block: `h2` on the standalone\n   *  page (the page owns the `<h1>`), `h3` beneath an embed's `<h2>` title.\n   *  The VISUAL is `SECTION_HEADING_CLASS` either way, so categories look\n   *  identical on every surface. */\n  categoryHeadingAs: 'h2' | 'h3'\n}) {\n  const CategoryHeading = categoryHeadingAs\n  const navGroups = useMemo(() => groups.filter((g) => g.slug), [groups])\n  const [activeSlug, setActiveSlug] = useState<string | null>(navGroups[0]?.slug ?? null)\n  // Identity-stable key for the section set so the observer re-binds only when\n  // the categories actually change (not on every parent re-render).\n  const slugKey = navGroups.map((g) => g.slug).join('|')\n\n  // Scroll-spy: mark the pill for the category currently at the top of the\n  // viewport. rootMargin drops the trigger line just below the sticky header\n  // and ignores the bottom ~55% so \"active\" is the section being read, not the\n  // next one peeking in.\n  useEffect(() => {\n    if (navGroups.length < 2) return\n    const tops = new Map<string, number>()\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const id = (entry.target as HTMLElement).id\n          if (entry.isIntersecting) tops.set(id, entry.boundingClientRect.top)\n          else tops.delete(id)\n        }\n        let bestId: string | null = null\n        let bestTop = Number.POSITIVE_INFINITY\n        for (const [id, top] of tops) {\n          if (top < bestTop) {\n            bestTop = top\n            bestId = id\n          }\n        }\n        if (bestId) setActiveSlug(bestId)\n      },\n      { rootMargin: `-${STICKY_HEADER_OFFSET_PX}px 0px -55% 0px`, threshold: 0 },\n    )\n    for (const group of navGroups) {\n      const el = group.slug ? document.getElementById(group.slug) : null\n      if (el) observer.observe(el)\n    }\n    return () => observer.disconnect()\n    // slugKey encodes the section set; re-observe only when it changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [slugKey])\n\n  // ─── Hash dispatch — `/faqs#faq-item-<id>` or `/faqs#faq-<section-slug>` ──\n  // Tracks the current hash so:\n  //   1. an item-kind hash seeds `defaultOpenIds` on the matching accordion\n  //      (auto-expands the cited question);\n  //   2. either kind triggers the cancellation-proof tween scroll with the\n  //      sticky-header offset (native browser hash scroll runs once, ignores\n  //      our offset — re-running the tween puts the target in the right spot).\n  // Listens to `hashchange` so back/forward replays the same behavior. SSR-\n  // safe: initial null state matches the server render; the first effect\n  // tick on the client updates it.\n  const [hashTarget, setHashTarget] = useState<FaqHashTarget | null>(null)\n  useEffect(() => {\n    const refresh = () => setHashTarget(parseFaqHash(window.location.hash))\n    refresh()\n    window.addEventListener('hashchange', refresh)\n    return () => window.removeEventListener('hashchange', refresh)\n  }, [])\n\n  // Per-group default-open set when the hash points at an item. The map key\n  // matches `groupKey(group)` so the render-time lookup is O(1) per group.\n  const defaultOpenByGroupKey = useMemo(() => {\n    if (hashTarget?.kind !== 'item') return null\n    const targetId = hashTarget.rawId\n    const result = new Map<string, (string | number)[]>()\n    for (const group of groups) {\n      const hit = group.items.find((i) => String(i.id) === targetId)\n      if (hit) result.set(groupKey(group), [hit.id])\n    }\n    return result.size > 0 ? result : null\n  }, [groups, hashTarget])\n\n  // Accordion is uncontrolled — `defaultOpenIds` is only consumed at mount,\n  // so a new item hash needs a remount to honor it. Keying off the item-id\n  // suffix triggers exactly the remount we need (and stays stable when the\n  // hash points at a section, so category navigation never disturbs the\n  // accordion's open state).\n  const accordionKeySuffix =\n    hashTarget?.kind === 'item' ? `item:${hashTarget.rawId}` : 'default'\n\n  // Unified scroll-to-hash: rAF-polls for the target row (outlasts the SWR self-fetch\n  // + Radix accordion expand) and re-fires on `hashchange` — including the synthetic\n  // event `navigateSamePageHash` dispatches for a SOFT same-page chat-card nav (a\n  // host-router `pushState` fires no `hashchange`). The ready-dep keys off BOTH the\n  // loaded `groups` (so a deep-link / refresh scrolls once the self-fetched list\n  // mounts) AND `hashTarget` (so a soft nav re-runs the scroll AFTER the re-render\n  // that remounts + opens the cited row, landing on its FINAL expanded position\n  // instead of racing the uncontrolled accordion's key-remount — the bare-`hashchange`\n  // listener alone fires before the remount and lands on the stale closed position).\n  const scrollDep =\n    `${groups.length}|` +\n    (hashTarget?.kind === 'item'\n      ? `item:${hashTarget.rawId}`\n      : hashTarget?.kind === 'section'\n        ? `section:${hashTarget.slug}`\n        : 'none')\n  useScrollToHash(scrollDep, { headerOffset: STICKY_HEADER_OFFSET_PX })\n\n  // A section hash also lights up its category pill; item hashes leave the pills\n  // untouched so deep-linking a question never disturbs scroll-spy state.\n  useEffect(() => {\n    if (hashTarget?.kind === 'section') setActiveSlug(hashTarget.slug)\n  }, [hashTarget])\n\n  // Category pill click. `navigateSamePageHash` owns the entire transition:\n  // replaceState → synthetic `hashchange` → `scrollElementIntoView` tween\n  // with `STICKY_HEADER_OFFSET_PX` so the section heading lands BELOW the\n  // sticky category nav on the FIRST tween (covers the same-target\n  // re-click case, where the `hashTarget` effect at L214 is a no-op\n  // because the state reference is equal). For DIFFERENT-target clicks\n  // the helper's synthetic `hashchange` re-fires that effect, which\n  // re-scrolls with the same offset and cancels this tween (singleton)\n  // — both paths land at the same position. The effect is still\n  // required for back/forward + direct URL edits, where the helper\n  // isn't in the call chain.\n  //\n  // `history: 'replace'` matches the pre-helper behavior: category pills\n  // are a TOC, not a navigation step, so the Back button leaves the\n  // FAQ page in one step regardless of how many categories the user\n  // clicked through.\n  const handleJump = useCallback(\n    (e: React.MouseEvent<HTMLAnchorElement>, slug: string) => {\n      e.preventDefault()\n      navigateSamePageHash('#' + slug, {\n        headerOffset: STICKY_HEADER_OFFSET_PX,\n        history: 'replace',\n      })\n    },\n    [],\n  )\n\n  return (\n    <div className=\"space-y-8\">\n      {navGroups.length > 1 && (\n        <nav aria-label=\"FAQ categories\" className=\"flex flex-wrap gap-2\">\n          {navGroups.map((group) => {\n            const isActive = group.slug === activeSlug\n            return (\n              <a\n                key={group.slug}\n                href={`#${group.slug}`}\n                aria-current={isActive ? 'true' : undefined}\n                onClick={(e) => handleJump(e, group.slug as string)}\n                className={cn(\n                  \"rounded-full border px-4 py-2 text-sm font-medium font-['DM_Sans'] transition-colors\",\n                  isActive\n                    ? 'border-ods-text-primary bg-ods-card text-ods-text-primary'\n                    : 'border-ods-border bg-ods-card text-ods-text-secondary hover:border-ods-text-secondary hover:text-ods-text-primary',\n                )}\n              >\n                {group.section}\n              </a>\n            )\n          })}\n        </nav>\n      )}\n      <div className=\"space-y-10\">\n        {groups.map((group) => {\n          const key = groupKey(group)\n          return (\n            <section\n              key={key}\n              id={group.slug ?? undefined}\n              className=\"scroll-mt-24 space-y-4\"\n            >\n              {group.section && (\n                <CategoryHeading className={SECTION_HEADING_CLASS}>{group.section}</CategoryHeading>\n              )}\n              <FaqAccordion\n                // Re-key on item-hash changes so the remount picks up the new\n                // `defaultOpenIds` (the accordion is uncontrolled). Stable for\n                // section hashes — category navigation doesn't disturb state.\n                key={`${key}:${accordionKeySuffix}`}\n                items={group.items}\n                defaultOpenIds={defaultOpenByGroupKey?.get(key)}\n              />\n            </section>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nfunction FaqSkeleton() {\n  return (\n    <div className=\"space-y-8 animate-pulse\">\n      <div className=\"h-12 md:h-14 w-2/3 rounded bg-ods-border\" />\n      <div className=\"rounded-md border border-ods-border overflow-hidden bg-transparent divide-y divide-ods-border w-full\">\n        {Array.from({ length: 8 }).map((_, idx) => (\n          <div key={idx} className=\"flex items-center justify-between gap-6 md:gap-10 px-6 py-4\">\n            <div className=\"h-6 w-5/6 rounded bg-ods-border\" />\n            <div className=\"size-6 rounded bg-ods-border\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\ninterface FaqsResponse {\n  faqs: Faq[]\n}\n\n/**\n * The FAQ display surface — ONE rendering on every host: the list grouped by\n * `faq.section` (each category a heading + its own accordion, with a category\n * jump-nav once there are 2+ categories). There is no flat/ungrouped mode and\n * no page-vs-embedded shell fork; the standalone /faqs page and every embed\n * render through this single path, so they cannot drift.\n *\n * - Standalone /faqs page: pass `initialFaqs` (SSR) + `heading={null}` (the\n *   page owns the <h1>) + `emitJsonLd` with `jsonLd` overrides for SEO.\n * - Per-entity embed: pass `entityType` + `entityId` (no `initialFaqs`); the\n *   hook self-fetches `GET /api/faqs`, and `heading` is this block's own <h2>.\n *\n * CONTRACT: the consuming app MUST implement `GET /api/faqs`. On a fetch error\n * (or zero FAQs) the component renders nothing so the host page isn't\n * disfigured. The host always supplies the page shell — this renders a bare\n * <section>.\n */\nexport function FaqSection({\n  initialFaqs,\n  entityType,\n  entityId,\n  heading,\n  emitJsonLd = false,\n  jsonLd,\n  className,\n  minResults,\n  apiBaseUrl = '',\n}: FaqSectionProps) {\n  const url = buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl)\n  // Memoized — useSelfFetch re-syncs on [initialData]; a fresh per-render\n  // wrapper object would setState-loop under re-rendering parents.\n  const initialData = useMemo<FaqsResponse | undefined>(\n    () => (initialFaqs ? { faqs: initialFaqs } : undefined),\n    [initialFaqs],\n  )\n  const { data, isLoading, error } = useSelfFetch<FaqsResponse>(url, { initialData })\n\n  const faqs = data?.faqs ?? []\n  // Grouped before the early returns so the hook order stays stable.\n  const groups = useMemo(() => (faqs.length > 0 ? groupFaqsBySection(faqs) : []), [faqs])\n\n  // `undefined` → default <h2> title; `null` → the host page owns the <h1>, so\n  // no title renders here. `heading === null` also makes the category headings\n  // <h2> (directly under the page <h1>); otherwise they nest as <h3>.\n  const headingNode =\n    heading === undefined ? <h2 className={SECTION_HEADING_CLASS}>{DEFAULT_HEADING_TEXT}</h2> : heading\n\n  // Degrade silently — never show an error banner or an empty section shell\n  // where FAQs would be (host pages and the standalone surface both rely on it).\n  if (error) return null\n  if (!isLoading && faqs.length === 0) return null\n  if (isLoading && faqs.length === 0) {\n    return (\n      <div className={className}>\n        <FaqSkeleton />\n      </div>\n    )\n  }\n\n  const schema = emitJsonLd ? buildFaqJsonLdFromFaqs(faqs, jsonLd) : null\n\n  return (\n    <>\n      <section className={className ?? 'space-y-10'}>\n        {headingNode}\n        <GroupedFaqList groups={groups} categoryHeadingAs={heading === null ? 'h2' : 'h3'} />\n      </section>\n      {schema && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          // serializeJsonLd, NOT raw JSON.stringify — FAQ answers are\n          // admin-entered; an embedded \"</script>\" must not break the tag.\n          dangerouslySetInnerHTML={{ __html: serializeJsonLd(schema) }}\n        />\n      )}\n    </>\n  )\n}\n","\"use client\"\n\nimport React, { useRef, useState, useEffect, useCallback } from 'react'\nimport { Chevron02DownIcon } from './icons-v2-generated/arrows/chevron-02-down-icon'\nimport { cn } from \"../utils/cn\"\nimport { faqItemAnchor } from \"../utils/faq-anchor\"\n\nexport interface FaqItem {\n  id: number | string\n  question: string\n  answer: string\n}\n\ninterface FaqAccordionProps {\n  items: FaqItem[]\n  defaultOpenIds?: (number | string)[]\n}\n\n// Utility to measure scrollHeight outside render cycle\nconst useMeasuredHeight = (isOpen: boolean) => {\n  const ref = useRef<HTMLDivElement | null>(null)\n  const [maxHeight, setMaxHeight] = useState<string>('0px')\n\n  const measure = useCallback(() => {\n    if (ref.current) {\n      const height = ref.current.scrollHeight\n      setMaxHeight(`${height}px`)\n    }\n  }, [])\n\n  // Update height only when section is open\n  useEffect(() => {\n    if (isOpen) {\n      measure()\n    } else {\n      setMaxHeight('0px')\n    }\n  }, [isOpen, measure])\n\n  return { ref, maxHeight }\n}\n\nexport function FaqAccordion({ items, defaultOpenIds = [] }: FaqAccordionProps) {\n  const [openSet, setOpenSet] = useState<Set<string | number>>(new Set(defaultOpenIds))\n\n  const toggle = (id: string | number) => {\n    setOpenSet(prev => {\n      const next = new Set(prev)\n      if (next.has(id)) next.delete(id)\n      else next.add(id)\n      return next\n    })\n  }\n\n  return (\n    <div className=\"rounded-md border border-ods-border divide-y divide-ods-border bg-transparent overflow-hidden\">\n      {items.map(item => {\n        const isOpen = openSet.has(item.id)\n        const { ref, maxHeight } = useMeasuredHeight(isOpen)\n\n        return (\n          <div\n            key={item.id}\n            // Per-row anchor — chat citation chips (`/faqs#faq-item-<id>`) land\n            // here via native browser hash scroll AND via `FaqSection`'s tween\n            // dispatch. `scroll-mt-24` keeps the row header below the 96px\n            // sticky nav offset (matches `<section>`'s scroll-margin for\n            // category anchors).\n            id={faqItemAnchor(item.id)}\n            className=\"scroll-mt-24 transition-colors hover:bg-ods-bg-hover\"\n          >\n            {/* Header */}\n            <div\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => toggle(item.id)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  toggle(item.id);\n                }\n              }}\n              aria-expanded={isOpen}\n              className=\"flex w-full items-center gap-6 md:gap-10 px-6 py-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus transition-colors cursor-pointer\"\n            >\n              <h3 className=\"flex-1 min-w-0 break-words\">\n                {item.question}\n              </h3>\n              <Chevron02DownIcon\n                aria-hidden=\"true\"\n                size={24}\n                className={cn(\n                  'shrink-0 text-ods-text-primary transition-transform duration-300',\n                  isOpen && 'rotate-180',\n                )}\n              />\n            </div>\n            {/* Content wrapper with max-height animation */}\n            <div\n              style={{ maxHeight, transition: 'max-height 0.35s ease-in-out, opacity 0.35s ease-in-out', opacity: isOpen ? 1 : 0 }}\n              className=\"overflow-hidden\"\n            >\n              {/* break-words: FAQ answers render as plain text, so a long URL or\n                  token has no wrap opportunity — and the parent is overflow-hidden,\n                  which would CLIP it past the viewport on mobile. Mirrors the\n                  markdown-renderer overflow-wrap fix. */}\n              <div ref={ref} className=\"px-6 pb-4 text-ods-text-primary text-h4 break-words\">\n                {item.answer}\n              </div>\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n} ","/**\n * Pure FAQ JSON-LD builder. No React, no client-only deps — safe to import from\n * Server Components via the `./components/faq` subpath export. (Do NOT import\n * through the root `./components` barrel — that barrel is `\"use client\"` and\n * dragging it into a Server Component would force the client graph into the\n * server.)\n *\n * The hub used to harcode `name`/`description` here for OpenMSP; in the lib we\n * accept overrides so every embedder can supply its own platform branding.\n */\nimport type { Faq } from '../../types/faq'\n\nexport interface FaqSchemaOptions {\n  name?: string\n  description?: string\n  url?: string\n}\n\nconst DEFAULT_NAME = 'Frequently Asked Questions'\nconst DEFAULT_DESCRIPTION =\n  'Answers to common questions.'\n\nexport function baseFaqSchema(opts: FaqSchemaOptions = {}) {\n  return {\n    '@context': 'https://schema.org',\n    '@type': 'FAQPage',\n    name: opts.name ?? DEFAULT_NAME,\n    description: opts.description ?? DEFAULT_DESCRIPTION,\n    ...(opts.url ? { url: opts.url } : {}),\n  } as const\n}\n\nexport function buildFaqJsonLdFromFaqs(faqs: Faq[], opts: FaqSchemaOptions = {}) {\n  return {\n    ...baseFaqSchema(opts),\n    mainEntity: faqs.map((faq) => ({\n      '@type': 'Question',\n      name: faq.question,\n      acceptedAnswer: {\n        '@type': 'Answer',\n        text: faq.answer,\n      },\n    })),\n  } as const\n}\n","'use client';\n\n/**\n * FaqDocumentPage — the full `/faqs` page with chrome, so embedders drop in\n * ONE component instead of hand-assembling `PageShell` + `PageLayout` around\n * the bare `<FaqSection>`. Mirrors `LegalDocumentPage` / `DevSectionPage`: the\n * page-level layout lives in the lib, the host page is a thin wrapper that\n * passes only config + the SSR-resolved data.\n *\n * HERO: the title + subtitle route through the canonical (frozen) `PageLayout`\n * `TitleBlock` with `titleSize=\"h1\"` — the unified Help Center header (the\n * `TitleBlock` element is always an `<h1>`; `titleSize` only sets its typography,\n * here `text-h1`). The page owns that `<h1>`, so `<FaqSection heading={null}>`\n * nests its category headings as `<h2>`/`<h3>` (the SEO-recommended FAQ document\n * outline).\n *\n * DATA: pass `initialFaqs` (SSR-resolved, platform-scoped) so `FaqSection`\n * skips its client self-fetch — the standalone page's static platform-only\n * contract. Omit it for embeds that want the self-fetching `/api/faqs`\n * suggestion-fill instead.\n */\n\nimport type { Faq } from '../../types/faq';\nimport { PageShell, PageLayout } from '../ui';\nimport { useRouter } from '../../embed-shims/next-navigation';\nimport { FaqSection } from './faq-section';\nimport type { FaqSchemaOptions } from './json-ld';\n\nexport interface FaqDocumentPageProps {\n  /** Page title (frozen `PageLayout` `TitleBlock`). Default \"Frequently Asked Questions\". */\n  title?: string;\n  /** Subtitle under the title. */\n  subtitle?: string;\n  /** Back-button config — same pattern as `DevSectionPage` / `LegalDocumentPage`.\n   *  Pass `false` to hide. Default `{ label: 'Back to home', href: '/' }`. */\n  backButton?: { label?: string; href?: string } | false;\n  /** Render the standalone `<PageShell>` (own `<main>` + bg + max-width). Default\n   *  true. Pass false when the host layout already provides the page container\n   *  (e.g. openframe-frontend's `AppLayout` `<main>`) — only the padding box\n   *  renders, avoiding a nested `<main>`. */\n  shell?: boolean;\n  /** SSR-hydrate `FaqSection` (skips the client fetch — the platform-only\n   *  contract for the standalone page). Omit for self-fetching embeds. */\n  initialFaqs?: Faq[];\n  /** Emit FAQPage schema.org JSON-LD (forwarded to `FaqSection`). Off by\n   *  default so embeds don't emit duplicate schema. */\n  emitJsonLd?: boolean;\n  /** JSON-LD name/description/url overrides (forwarded to `FaqSection`). */\n  jsonLd?: FaqSchemaOptions;\n  /** Base URL `FaqSection` appends `/api/faqs` to (reverse-proxy embedders). */\n  apiBaseUrl?: string;\n  /** Optional entity scoping forwarded to `FaqSection`. */\n  entityType?: string;\n  entityId?: number | string;\n  /** Minimum FAQ count before the section renders (forwarded to `FaqSection`). */\n  minResults?: number;\n}\n\nexport function FaqDocumentPage({\n  title = 'Frequently Asked Questions',\n  subtitle,\n  backButton,\n  initialFaqs,\n  emitJsonLd,\n  jsonLd,\n  apiBaseUrl,\n  entityType,\n  entityId,\n  minResults,\n  shell = true,\n}: FaqDocumentPageProps) {\n  const router = useRouter();\n\n  // Back-button config — mirrors LegalDocumentPage / DevSectionPage. Hide\n  // entirely when the caller passes `false` (embed-mode where the host owns\n  // nav chrome).\n  const backCfg =\n    backButton === false\n      ? undefined\n      : {\n          label: backButton?.label ?? 'Back to home',\n          onClick: () => router.push(backButton?.href ?? '/'),\n        };\n\n  const inner = (\n    <PageLayout title={title} subtitle={subtitle} backButton={backCfg} titleSize=\"h1\" titleWrap>\n      <FaqSection\n        initialFaqs={initialFaqs}\n        heading={null}\n        emitJsonLd={emitJsonLd}\n        jsonLd={jsonLd}\n        apiBaseUrl={apiBaseUrl}\n        entityType={entityType}\n        entityId={entityId}\n        minResults={minResults}\n      />\n    </PageLayout>\n  );\n\n  return shell ? <PageShell>{inner}</PageShell> : <div className=\"page-shell-content\">{inner}</div>;\n}\n"],"mappings":"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","names":["useCallback","useEffect","useState","jsx","jsxs","useState","useEffect","useCallback","jsx"]}

package/dist/{chunk-YZJUHEPZ.js → chunk-PBTY7AH5.js}

@@ -3,11 +3,11 @@ import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "./chunk-QAG357PE.js";
+} from "./chunk-2ELBNZJ3.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-JYI4R25Q.js";
+} from "./chunk-7WM77CSW.js";
 import {
   DEFAULT_FOLDER_INDEX_FILE,
   FigmaEmbed,
@@ -19,13 +19,13 @@ import {
   findDocNodeByPath,
   getDocAncestorNodeIds,
   stripFolderIndexFromPath
-} from "./chunk-ZQYFDYWV.js";
+} from "./chunk-NQQ4NLUT.js";
 import {
   HUB_HEADER_OFFSET_PX,
   contentFetch,
   navigateSamePageHash,
   scrollElementIntoView
-} from "./chunk-2BTDPDME.js";
+} from "./chunk-RVWC4P3H.js";
 import {
   useChatRuntime
 } from "./chunk-KFQXO7QB.js";
@@ -98,7 +98,7 @@ function PersistentFilterControls({
             className: "absolute top-2 right-2 z-10",
             role: "status",
             "aria-label": "Loading filters",
-            children: /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-ods-border border-t-ods-accent rounded-full animate-spin" })
+            children: /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-ods-border border-t-[#FFC008] rounded-full animate-spin" })
           }
         )
       ]
@@ -166,7 +166,7 @@ function UnifiedSkeleton({
   "aria-label": ariaLabel,
   ...props
 }) {
-  const baseClasses = "bg-ods-skeleton";
+  const baseClasses = "bg-[#2A2A2A]";
   const variantClasses = {
     default: "rounded-md",
     text: "rounded-sm",
@@ -432,9 +432,9 @@ function BlogCardContent({ showActions, showMetadata }) {
           /* @__PURE__ */ jsx3(MediaSkeleton.Avatar, { size: "sm" }),
           /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-16" })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 text-ods-text-muted shrink-0", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 text-[#767676] shrink-0", children: [
           /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-12" }),
-          /* @__PURE__ */ jsx3("div", { className: "w-1 h-1 bg-ods-skeleton rounded-full" }),
+          /* @__PURE__ */ jsx3("div", { className: "w-1 h-1 bg-[#767676] rounded-full" }),
           /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-16" })
         ] })
       ] }) })
@@ -519,7 +519,7 @@ function CardSkeletonGrid({
 // src/components/loading/page-layout-skeleton.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function AnnouncementBarSkeleton() {
-  return /* @__PURE__ */ jsx4("div", { className: "bg-ods-skeleton relative w-full animate-pulse", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-row items-center relative w-full", children: /* @__PURE__ */ jsxs3("div", { className: "box-border flex flex-row gap-4 md:gap-6 items-center justify-start pl-4 md:pl-6 pr-12 md:pr-16 py-3 md:py-4 relative w-full", children: [
+  return /* @__PURE__ */ jsx4("div", { className: "bg-[#2A2A2A] relative w-full animate-pulse", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-row items-center relative w-full", children: /* @__PURE__ */ jsxs3("div", { className: "box-border flex flex-row gap-4 md:gap-6 items-center justify-start pl-4 md:pl-6 pr-12 md:pr-16 py-3 md:py-4 relative w-full", children: [
     /* @__PURE__ */ jsx4("div", { className: "relative shrink-0 w-6 h-6 md:w-8 md:h-8 bg-ods-border rounded" }),
     /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0 space-y-1 md:space-y-2", children: [
       /* @__PURE__ */ jsx4("div", { className: "h-[14px] md:h-[18px] bg-ods-border rounded w-3/4 max-w-md" }),
@@ -684,17 +684,17 @@ function VendorDetailLayoutSkeleton({ className }) {
             /* @__PURE__ */ jsx4("div", { className: "w-20 h-20 bg-ods-card border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-12 md:h-16 lg:h-20 bg-ods-skeleton rounded animate-pulse w-80 max-w-full" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-5 md:h-6 bg-ods-skeleton rounded animate-pulse w-32" })
+                /* @__PURE__ */ jsx4("div", { className: "h-12 md:h-16 lg:h-20 bg-[#2A2A2A] rounded animate-pulse w-80 max-w-full" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-5 md:h-6 bg-[#2A2A2A] rounded animate-pulse w-32" })
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-8 bg-ods-skeleton rounded animate-pulse w-20" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-8 bg-ods-skeleton rounded animate-pulse w-16" })
+                /* @__PURE__ */ jsx4("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-20" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-16" })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsx4("div", { className: "w-full h-[300px] md:h-[400px] lg:h-[500px] bg-ods-card border border-ods-border rounded-lg animate-pulse mb-2" }),
-          /* @__PURE__ */ jsx4("div", { className: "text-center", children: /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-24 mx-auto" }) })
+          /* @__PURE__ */ jsx4("div", { className: "text-center", children: /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-24 mx-auto" }) })
         ] }),
         /* @__PURE__ */ jsx4("div", { className: "lg:hidden mb-10", children: /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsx4("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
@@ -704,17 +704,17 @@ function VendorDetailLayoutSkeleton({ className }) {
           ] }),
           /* @__PURE__ */ jsxs3("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
             /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-ods-skeleton rounded animate-pulse" }),
+              /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
               /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-20" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-12" })
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
               ] })
             ] }),
             /* @__PURE__ */ jsx4("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx4("div", { className: "w-6 h-6 bg-ods-skeleton rounded animate-pulse" }),
+              /* @__PURE__ */ jsx4("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
               /* @__PURE__ */ jsxs3("div", { className: "flex items-end gap-1", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-12" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded animate-pulse w-8" })
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
               ] })
             ] }, i)) })
           ] }),
@@ -725,116 +725,116 @@ function VendorDetailLayoutSkeleton({ className }) {
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-48" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-48" }),
           /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-48" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-48" }),
             /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx4("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-24" }, i)) })
           ] }),
           /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-52" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-52" }),
             /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx4("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-28" }, i)) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-64" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
           /* @__PURE__ */ jsx4("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 md:p-8", children: /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse" }),
-            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse" }),
-            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-5/6" }),
-            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-4/5" })
+            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-72" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
           /* @__PURE__ */ jsx4("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "w-12 h-12 bg-ods-skeleton rounded flex-shrink-0 animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded flex-shrink-0 animate-pulse" }),
             /* @__PURE__ */ jsxs3("div", { className: "flex-1 space-y-2", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-3/4" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse" })
+              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
             ] })
           ] }, i)) })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-80" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-80" }),
           /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-16" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
               Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
                 /* @__PURE__ */ jsx4("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
                 /* @__PURE__ */ jsxs3("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-2/3" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
                 ] })
               ] }, i))
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-16" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
               Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
                 /* @__PURE__ */ jsx4("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
                 /* @__PURE__ */ jsxs3("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-2/3" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
                 ] })
               ] }, i))
             ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-72" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
           /* @__PURE__ */ jsx4("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-4", children: [
               /* @__PURE__ */ jsx4("div", { className: "w-16 h-16 bg-ods-bg border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
               /* @__PURE__ */ jsxs3("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-3/4" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-1/2" })
+                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-20" })
+              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-20" })
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-5/6" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-4/5" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between pt-2 border-t border-ods-border", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-16" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-20" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-16" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
             ] })
           ] }, i)) }),
-          /* @__PURE__ */ jsx4("div", { className: "h-12 bg-ods-skeleton rounded-md animate-pulse" })
+          /* @__PURE__ */ jsx4("div", { className: "h-12 bg-[#2A2A2A] rounded-md animate-pulse" })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-64" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
           /* @__PURE__ */ jsx4("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex gap-3", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex-1 bg-ods-bg border border-ods-border rounded-lg overflow-hidden", children: [
               /* @__PURE__ */ jsxs3("div", { className: "border-b border-ods-border p-3", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded animate-pulse w-8 mb-2" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-full" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8 mb-2" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-full" })
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "p-3", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded animate-pulse w-16 mb-2" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-16 mb-2" }),
                 /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-full" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-3/4" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-1/2" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsx4("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx4("div", { className: "h-[120px] w-20 bg-ods-skeleton rounded-lg animate-pulse" }) })
+            /* @__PURE__ */ jsx4("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx4("div", { className: "h-[120px] w-20 bg-[#2A2A2A] rounded-lg animate-pulse" }) })
           ] }) }),
           /* @__PURE__ */ jsx4("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4", children: [
             /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3", children: [
-                /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-ods-skeleton rounded-lg animate-pulse" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-20" })
+                /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded-lg animate-pulse" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-12" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" })
             ] }) }),
             /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-2/3" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
               /* @__PURE__ */ jsxs3("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-full" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-4/5" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-3/5" })
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/5" })
               ] })
             ] })
           ] }, i)) })
@@ -848,17 +848,17 @@ function VendorDetailLayoutSkeleton({ className }) {
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
           /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-ods-skeleton rounded animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-20" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-12" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
             ] })
           ] }),
           /* @__PURE__ */ jsx4("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx4("div", { className: "w-6 h-6 bg-ods-skeleton rounded animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
             /* @__PURE__ */ jsxs3("div", { className: "flex items-end gap-1", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-12" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded animate-pulse w-8" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
             ] })
           ] }, i)) })
         ] }),
@@ -916,56 +916,56 @@ function SlackCommunitySkeleton() {
       className: "w-full bg-ods-bg px-4 md:px-20 lg:px-20 py-12 md:py-20",
       "aria-label": "Slack Community Loading",
       children: /* @__PURE__ */ jsxs3("div", { className: "w-full flex flex-col gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsx4("div", { className: "w-full", children: /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-12 lg:h-14 bg-ods-skeleton rounded-lg animate-pulse max-w-md" }) }),
+        /* @__PURE__ */ jsx4("div", { className: "w-full", children: /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-12 lg:h-14 bg-[#2A2A2A] rounded-lg animate-pulse max-w-md" }) }),
         /* @__PURE__ */ jsxs3("div", { className: "w-full flex flex-col lg:flex-row lg:justify-end lg:items-start gap-4 md:gap-6 min-w-0", children: [
           /* @__PURE__ */ jsx4("div", { className: "w-full lg:w-[290px] lg:max-w-[290px] bg-ods-bg border border-ods-border rounded flex flex-col flex-shrink-0 overflow-hidden animate-pulse", children: /* @__PURE__ */ jsxs3("div", { className: "p-4 space-y-4", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded w-24" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-16" })
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded w-24" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" })
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-32" })
+              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-32" })
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-16 mb-2" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 mb-2" }),
               Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 px-2 py-3 min-h-[48px]", children: [
-                /* @__PURE__ */ jsx4("div", { className: "w-4 h-4 bg-ods-skeleton rounded" }),
+                /* @__PURE__ */ jsx4("div", { className: "w-4 h-4 bg-[#2A2A2A] rounded" }),
                 /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-24 mb-1" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-2 bg-ods-skeleton rounded w-16" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-24 mb-1" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-2 bg-[#2A2A2A] rounded w-16" })
                 ] })
               ] }, i))
             ] }),
             /* @__PURE__ */ jsx4("div", { className: "border-t border-ods-border pt-3 mt-2", children: /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-16" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-8" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-20" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-8" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-20" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
               ] })
             ] }) })
           ] }) }),
           /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-h-[450px] h-[450px] md:min-h-[500px] md:h-[500px] lg:min-h-[600px] lg:h-[600px] bg-ods-card border border-ods-border rounded-lg flex flex-col min-w-0 animate-pulse", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between p-4 md:p-6 border-b border-ods-border bg-ods-bg h-[56px] md:h-[60px] flex-shrink-0", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-ods-skeleton rounded w-3 md:w-4" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-ods-skeleton rounded w-24 md:w-32" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-3 md:w-4" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-24 md:w-32" })
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-12 md:w-16" })
+              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
             ] }),
             /* @__PURE__ */ jsx4("div", { className: "flex-1 bg-ods-bg p-4 md:p-6 space-y-3 md:space-y-4 overflow-hidden min-h-[280px] md:min-h-[320px] lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 md:gap-3", children: [
-              /* @__PURE__ */ jsx4("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-ods-skeleton rounded-lg flex-shrink-0" }),
+              /* @__PURE__ */ jsx4("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
               /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 mb-1", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-16 md:w-20" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-12 md:w-16" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 md:w-20" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
                 ] }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-ods-skeleton rounded w-full" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-full" })
               ] })
             ] }, i)) }),
-            /* @__PURE__ */ jsx4("div", { className: "p-4 md:p-6 border-t border-ods-border bg-ods-card h-[72px] md:h-[80px] flex-shrink-0", children: /* @__PURE__ */ jsx4("div", { className: "flex items-end gap-3 justify-center md:justify-end", children: /* @__PURE__ */ jsx4("div", { className: "h-10 md:h-12 bg-ods-skeleton rounded-lg w-28 md:w-32" }) }) })
+            /* @__PURE__ */ jsx4("div", { className: "p-4 md:p-6 border-t border-ods-border bg-ods-card h-[72px] md:h-[80px] flex-shrink-0", children: /* @__PURE__ */ jsx4("div", { className: "flex items-end gap-3 justify-center md:justify-end", children: /* @__PURE__ */ jsx4("div", { className: "h-10 md:h-12 bg-[#2A2A2A] rounded-lg w-28 md:w-32" }) }) })
           ] })
         ] })
       ] })
@@ -1580,7 +1580,7 @@ function DocViewerContent({
       }
     ),
     error && /* @__PURE__ */ jsx6("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border bg-ods-card p-8 text-center max-w-md border-ods-border", children: [
-      /* @__PURE__ */ jsx6("h2", { className: "text-h3 text-ods-text-primary", children: "Error Loading Documents" }),
+      /* @__PURE__ */ jsx6("h2", { className: "text-xl font-semibold text-ods-text-primary", children: "Error Loading Documents" }),
       /* @__PURE__ */ jsxs4("p", { className: "mt-2 text-ods-text-secondary", children: [
         error,
         ". Please try again later."
@@ -1601,7 +1601,7 @@ function DocViewerContent({
           }
         ) }),
         /* @__PURE__ */ jsx6(PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx6("h3", { className: "text-h5 font-semibold text-ods-text-secondary", children: sidebarLabel }),
+          /* @__PURE__ */ jsx6("h3", { className: "text-[14px] font-['Azeret_Mono'] font-semibold uppercase text-ods-text-secondary tracking-[-0.02em] leading-[1.43em]", children: sidebarLabel }),
           /* @__PURE__ */ jsx6(
             MultiLevelNavigation,
             {
@@ -1627,7 +1627,7 @@ function DocViewerContent({
           // shouldn't be on file pages" bug.
           isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "lg:grid-cols-[1fr_280px]" : ""} gap-8`,
           children: [
-            /* @__PURE__ */ jsx6("div", { className: `w-full min-w-0 ${isMarkdownContent ? "max-w-4xl mx-auto" : ""}`, children: /* @__PURE__ */ jsx6("article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ jsx6("div", { className: "text-center py-16", children: /* @__PURE__ */ jsx6("p", { className: "text-h4 text-ods-text-secondary", children: resolvedEmptyText }) }) : renderedContent }) }),
+            /* @__PURE__ */ jsx6("div", { className: `w-full min-w-0 ${isMarkdownContent ? "max-w-4xl mx-auto" : ""}`, children: /* @__PURE__ */ jsx6("article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ jsx6("div", { className: "text-center py-16", children: /* @__PURE__ */ jsx6("p", { className: "text-xl text-ods-text-secondary", children: resolvedEmptyText }) }) : renderedContent }) }),
             isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "sticky top-24", children: [
               /* @__PURE__ */ jsx6("div", { className: "h-[14px] w-28 bg-ods-border rounded animate-pulse mb-5" }),
               /* @__PURE__ */ jsx6("div", { className: "space-y-0", children: [130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => /* @__PURE__ */ jsx6(
@@ -1646,7 +1646,7 @@ function DocViewerContent({
               )) })
             ] }) }),
             showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "sticky top-24", children: [
-              /* @__PURE__ */ jsx6("h3", { className: "text-h5 font-semibold text-ods-text-secondary mb-4", children: "ON THIS PAGE" }),
+              /* @__PURE__ */ jsx6("h3", { className: "text-[14px] font-['Azeret_Mono'] font-semibold uppercase text-ods-text-secondary tracking-[-0.02em] leading-[1.43em] mb-4", children: "ON THIS PAGE" }),
               /* @__PURE__ */ jsx6(
                 StickySectionNav,
                 {
@@ -1845,4 +1845,4 @@ export {
   EmbedSkeleton,
   DocsHubPage
 };
-//# sourceMappingURL=chunk-YZJUHEPZ.js.map
+//# sourceMappingURL=chunk-PBTY7AH5.js.map