@flamingo-stack/openframe-frontend-core 0.0.239 → 0.0.240

package/dist/{chunk-MTROCWO4.cjs.map → chunk-CDLMGHSB.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-MTROCWO4.cjs","../src/components/shared/dev-section/dev-section-view.tsx","../src/components/shared/dev-section/dev-section-page.tsx","../src/components/shared/dev-section/dev-card-row.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-MTROCWO4.cjs","sourcesContent":[null,"'use client';\n\n/**\n * DevSectionView — the canonical chrome for ANY dev-center section\n * (Roadmap / Delivery / Releases). One component, used in BOTH:\n *\n *   - tabbed `/roadmap-and-releases` (compact title mode, no `hero`)\n *   - full-page `/roadmap`, `/bug-fixes-and-enhancements`, `/releases`\n *     (hero mode with icon + description + back link)\n *\n * Owns: title rendering, the inline search input, the filter pill row,\n * and the URL-param wiring that connects both. The list `children`\n * receive a clean URL contract — they read `?<paramKey>=...` via\n * `useSearchParams()` and refetch on change. No duplicated controls.\n */\n\nimport type { ReactNode } from 'react';\nimport { useState, useEffect } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport { SearchInput } from '../../ui';\nimport { StatusFilterComponent } from '../../features';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nexport interface DevSectionViewProps {\n  /** Which section to render — drives title, search, and filter\n   *  config via the `OPENFRAME_DEV_SECTIONS` registry. */\n  sectionKey: OpenframeDevSectionKey;\n  /** When set, renders the rich page-level hero (icon + h1 + description).\n   *  Omit for the compact tab-context heading. */\n  hero?: {\n    /** Pre-rendered icon JSX. Server components render the icon themselves\n     *  and pass the element here — function references can't cross the\n     *  server→client boundary, but React elements can. */\n    icon: ReactNode;\n    /** Hero title. Falls back to `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`\n     *  when omitted, so embedders can override the (OpenFrame-specific) default\n     *  copy without forking the registry. */\n    title?: string;\n    description: string;\n  };\n  /** Optional slot rendered BETWEEN the hero and the search/filter\n   *  controls. Use this for an entry-action surface that should sit\n   *  above the list (e.g. the Help Center's \"Open a new ticket\" form).\n   *  The slot is wrapped in the same `gap-10` flex column so spacing\n   *  matches the surrounding chrome — callers should NOT add their\n   *  own top/bottom margin. Renders `null` (no DOM) when omitted. */\n  preControls?: ReactNode;\n  /** The page-specific list body. Reads URL params written by this\n   *  component (search input + filter pills). */\n  children: ReactNode;\n}\n\nexport function DevSectionView({ sectionKey, hero, preControls, children }: DevSectionViewProps) {\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const router = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const search = section.search;\n  const filter = section.filter;\n\n  const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';\n  const currentFilterValue = filter\n    ? searchParams.get(filter.paramKey) || filter.defaultValue\n    : '';\n\n  // Controlled search-input state — input commits to the URL only on\n  // Enter (not on every keystroke), preserving the legacy behavior.\n  // Lazy init from URL avoids a brief flash of stale value on first\n  // paint after URL-driven re-render (e.g. tab switch).\n  const [searchValue, setSearchValue] = useState(() => currentSearch);\n  useEffect(() => {\n    setSearchValue(currentSearch);\n  }, [currentSearch]);\n\n  const handleSearchSubmit = (value: string) => {\n    if (!search) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value.trim()) params.set(search.paramKey, value.trim());\n    else params.delete(search.paramKey);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  const handleFilterChange = (value: string) => {\n    if (!filter) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value === filter.defaultValue) params.delete(filter.paramKey);\n    else params.set(filter.paramKey, value);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  return (\n    <div className=\"w-full flex flex-col gap-10\">\n      {hero ? (\n        <div className=\"space-y-4\">\n          <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3\">\n            {hero.icon}\n            {hero.title ?? section.hero.title}\n          </h1>\n          <p className=\"font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl\">\n            {hero.description}\n          </p>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-between w-full\">\n          <h2 className=\"font-['Azeret_Mono'] font-semibold text-[32px] md:text-[40px] lg:text-[48px] leading-[40px] md:leading-[48px] lg:leading-[56px] text-ods-text-primary tracking-[-0.64px] md:tracking-[-0.8px] lg:tracking-[-0.96px]\">\n            {section.hero.title}\n            <span className=\"text-ods-accent\">:</span>\n          </h2>\n        </div>\n      )}\n\n      {preControls}\n\n      {(search || filter) && (\n        <div className=\"space-y-4\">\n          {search && (\n            <SearchInput\n              showDropdown={false}\n              placeholder={search.placeholder}\n              value={searchValue}\n              onChange={setSearchValue}\n              onSubmit={handleSearchSubmit}\n            />\n          )}\n          {filter && (\n            <StatusFilterComponent\n              selectedStatus={currentFilterValue}\n              onStatusChange={handleFilterChange}\n              statusOptions={[...filter.options]}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * DevSectionPage — full-page wrapper for a dev-center section\n * (`/roadmap`, `/bug-fixes-and-enhancements`, `/releases`).\n *\n * Mounts the lib's canonical `PageLayout` directly (no in-app wrapper)\n * so the back-button affordance stays in lockstep with whatever the\n * design system ships — any future lib change to BackButton / TitleBlock\n * propagates automatically.\n *\n * Composition: `PageShell` → `PageLayout` (back-to-home wired) →\n * `DevSectionView` (icon hero + search + filter pills) → list body.\n *\n * Adding a new section is one entry in `OPENFRAME_DEV_SECTIONS` plus a\n * single-line page file mounting this factory with the new key.\n */\n\nimport type { ReactNode } from 'react';\nimport { useRouter } from '../../../embed-shims/next-navigation';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nconst SECTION_HERO_ICON_CLASS = 'h-10 w-10 text-ods-accent';\n\nexport interface DevSectionPageProps {\n  sectionKey: OpenframeDevSectionKey;\n  /** The page-specific list body (e.g. `<RoadmapList />`). */\n  children: ReactNode;\n  /** Optional slot rendered BETWEEN the hero and search/filter — see\n   *  `DevSectionView.preControls`. Used by surfaces that want an entry\n   *  action (e.g. Help Center's \"Open a new ticket\" form) above the\n   *  controls instead of below them. */\n  preControls?: ReactNode;\n  /** Back-button config — same shape as `LegalDocumentPage` /\n   *  `ReleaseDetailPage`. Pass `false` to hide entirely. Default\n   *  `{ label: 'Back to home', href: '/' }` — embedders whose \"home\" isn't `/`\n   *  should override `href`, or pass `false` if the embed has no home page. */\n  backButton?: { label?: string; href?: string } | false;\n  /** Override the hero title. Defaults to the (OpenFrame-specific) copy in\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`. Set this to brand the\n   *  section for a non-OpenFrame embed. */\n  title?: string;\n  /** Override the hero subtitle/description. Defaults to\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.description`. */\n  subtitle?: string;\n}\n\nexport function DevSectionPage({\n  sectionKey,\n  children,\n  preControls,\n  backButton,\n  title,\n  subtitle,\n}: DevSectionPageProps) {\n  const router = useRouter();\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const Icon = section.icon;\n\n  // Back-button config — mirrors LegalDocumentPage / ReleaseDetailPage.\n  // Default: { label: 'Back to home', href: '/' }. Pass `false` to hide.\n  // After `backButton &&` narrowing, inner type is `{ label?, href? } |\n  // undefined`; don't re-compare to `false` (TS2367).\n  const backCfg =\n    backButton === false\n      ? undefined\n      : {\n          label: (backButton ? backButton.label : undefined) ?? 'Back to home',\n          onClick: () => router.push((backButton ? backButton.href : undefined) ?? '/'),\n        };\n\n  return (\n    <PageShell>\n      <PageLayout backButton={backCfg}>\n        <DevSectionView\n          sectionKey={sectionKey}\n          hero={{\n            icon: <Icon className={SECTION_HERO_ICON_CLASS} />,\n            title,\n            description: subtitle ?? section.hero.description,\n          }}\n          preControls={preControls}\n        >\n          {children}\n        </DevSectionView>\n      </PageLayout>\n    </PageShell>\n  );\n}\n","'use client';\n\n/**\n * Shared row chrome for any `DevSectionPage` list (delivery, tickets,\n * future sections). One source of truth for the layout that every\n * dev-section card row uses:\n *   left column  → title (h3) / subtitle (h5 uppercase) / description\n *                  (h4 line-clamp-3), each in a fixed min-height block\n *                  so rows align across the grid\n *   right column → caller-supplied stacked badges\n *\n * Surface stays small on purpose — `rightBadges` is a `ReactNode` so\n * the caller decides how many badges (delivery: 2, tickets: 1-2,\n * future: anything). No behavior baked in: the caller wraps the row\n * in a `<div>` (static, like delivery) or `<button>` (clickable, like\n * tickets) and renders the row content via this component.\n *\n * Pair with `DevCardRowSkeletonList` for the loading state — the\n * skeleton mirrors the same min-heights so the in-flight UI doesn't\n * shift the layout when real data lands.\n *\n * NOTE: the ticket conversation row is NOT here — it renders the shared\n * `<ChatMessageRow>` (`components/chat/chat-message-row.tsx`), the SAME\n * component the OpenMSP Slack-community feed uses, so the two surfaces stay\n * pixel-identical by construction.\n */\n\nimport type { ReactNode } from 'react';\n\nexport interface DevCardRowContentProps {\n  title: string;\n  /** Single-line uppercase metadata (e.g. \"UPDATED today, #4271, Code review\"). */\n  subtitle: string;\n  /** 3-line description block. Empty string renders the fallback. */\n  description: string;\n  /** Fallback copy when `description` is empty. Defaults to a generic\n   *  string; ticket / delivery surfaces override. */\n  emptyDescription?: string;\n  /** Right column — caller renders its own stacked badges. */\n  rightBadges: ReactNode;\n}\n\nexport function DevCardRowContent({\n  title,\n  subtitle,\n  description,\n  emptyDescription = 'No description provided',\n  rightBadges,\n}: DevCardRowContentProps) {\n  return (\n    <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        <div className=\"min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {description || emptyDescription}\n          </p>\n        </div>\n      </div>\n      <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n        {rightBadges}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Skeleton rendering for a single row — the bars mirror the same\n * min-heights as `DevCardRowContent` so the loading→loaded swap\n * doesn't reflow.\n */\nexport function DevCardRowSkeleton() {\n  return (\n    <div className=\"border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]\">\n      <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n        <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n          <div className=\"min-h-[24px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n          </div>\n          <div className=\"min-h-[20px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-1/2\" />\n          </div>\n          <div className=\"min-h-[72px] flex items-center\">\n            <div className=\"flex-1 space-y-1\">\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-2/3\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n          <div className=\"h-[32px] w-[100px] bg-ods-border rounded animate-pulse\" />\n          <div className=\"h-[32px] w-[120px] bg-ods-border rounded animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The standard \"5 skeleton rows inside a bordered card\" loading state\n * used by every list shell. Both delivery (`delivery-table.tsx`) and\n * tickets (`tickets-list.tsx`) mount this directly.\n */\nexport function DevCardRowSkeletonList({ rows = 5 }: { rows?: number }) {\n  return (\n    <div className=\"bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full\">\n      {Array.from({ length: rows }, (_, i) => (\n        <DevCardRowSkeleton key={i} />\n      ))}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-CDLMGHSB.cjs","../src/components/shared/dev-section/dev-section-view.tsx","../src/components/shared/dev-section/dev-section-page.tsx","../src/components/shared/dev-section/dev-card-row.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-CDLMGHSB.cjs","sourcesContent":[null,"'use client';\n\n/**\n * DevSectionView — the canonical chrome for ANY dev-center section\n * (Roadmap / Delivery / Releases). One component, used in BOTH:\n *\n *   - tabbed `/roadmap-and-releases` (compact title mode, no `hero`)\n *   - full-page `/roadmap`, `/bug-fixes-and-enhancements`, `/releases`\n *     (hero mode with icon + description + back link)\n *\n * Owns: title rendering, the inline search input, the filter pill row,\n * and the URL-param wiring that connects both. The list `children`\n * receive a clean URL contract — they read `?<paramKey>=...` via\n * `useSearchParams()` and refetch on change. No duplicated controls.\n */\n\nimport type { ReactNode } from 'react';\nimport { useState, useEffect } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport { SearchInput } from '../../ui';\nimport { StatusFilterComponent } from '../../features';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nexport interface DevSectionViewProps {\n  /** Which section to render — drives title, search, and filter\n   *  config via the `OPENFRAME_DEV_SECTIONS` registry. */\n  sectionKey: OpenframeDevSectionKey;\n  /** When set, renders the rich page-level hero (icon + h1 + description).\n   *  Omit for the compact tab-context heading. */\n  hero?: {\n    /** Pre-rendered icon JSX. Server components render the icon themselves\n     *  and pass the element here — function references can't cross the\n     *  server→client boundary, but React elements can. */\n    icon: ReactNode;\n    /** Hero title. Falls back to `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`\n     *  when omitted, so embedders can override the (OpenFrame-specific) default\n     *  copy without forking the registry. */\n    title?: string;\n    description: string;\n  };\n  /** Optional slot rendered BETWEEN the hero and the search/filter\n   *  controls. Use this for an entry-action surface that should sit\n   *  above the list (e.g. the Help Center's \"Open a new ticket\" form).\n   *  The slot is wrapped in the same `gap-10` flex column so spacing\n   *  matches the surrounding chrome — callers should NOT add their\n   *  own top/bottom margin. Renders `null` (no DOM) when omitted. */\n  preControls?: ReactNode;\n  /** The page-specific list body. Reads URL params written by this\n   *  component (search input + filter pills). */\n  children: ReactNode;\n}\n\nexport function DevSectionView({ sectionKey, hero, preControls, children }: DevSectionViewProps) {\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const router = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const search = section.search;\n  const filter = section.filter;\n\n  const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';\n  const currentFilterValue = filter\n    ? searchParams.get(filter.paramKey) || filter.defaultValue\n    : '';\n\n  // Controlled search-input state — input commits to the URL only on\n  // Enter (not on every keystroke), preserving the legacy behavior.\n  // Lazy init from URL avoids a brief flash of stale value on first\n  // paint after URL-driven re-render (e.g. tab switch).\n  const [searchValue, setSearchValue] = useState(() => currentSearch);\n  useEffect(() => {\n    setSearchValue(currentSearch);\n  }, [currentSearch]);\n\n  const handleSearchSubmit = (value: string) => {\n    if (!search) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value.trim()) params.set(search.paramKey, value.trim());\n    else params.delete(search.paramKey);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  const handleFilterChange = (value: string) => {\n    if (!filter) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value === filter.defaultValue) params.delete(filter.paramKey);\n    else params.set(filter.paramKey, value);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  return (\n    <div className=\"w-full flex flex-col gap-10\">\n      {hero ? (\n        <div className=\"space-y-4\">\n          <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3\">\n            {hero.icon}\n            {hero.title ?? section.hero.title}\n          </h1>\n          <p className=\"font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl\">\n            {hero.description}\n          </p>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-between w-full\">\n          <h2 className=\"font-['Azeret_Mono'] font-semibold text-[32px] md:text-[40px] lg:text-[48px] leading-[40px] md:leading-[48px] lg:leading-[56px] text-ods-text-primary tracking-[-0.64px] md:tracking-[-0.8px] lg:tracking-[-0.96px]\">\n            {section.hero.title}\n            <span className=\"text-ods-accent\">:</span>\n          </h2>\n        </div>\n      )}\n\n      {preControls}\n\n      {(search || filter) && (\n        <div className=\"space-y-4\">\n          {search && (\n            <SearchInput\n              showDropdown={false}\n              placeholder={search.placeholder}\n              value={searchValue}\n              onChange={setSearchValue}\n              onSubmit={handleSearchSubmit}\n            />\n          )}\n          {filter && (\n            <StatusFilterComponent\n              selectedStatus={currentFilterValue}\n              onStatusChange={handleFilterChange}\n              statusOptions={[...filter.options]}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * DevSectionPage — full-page wrapper for a dev-center section\n * (`/roadmap`, `/bug-fixes-and-enhancements`, `/releases`).\n *\n * Mounts the lib's canonical `PageLayout` directly (no in-app wrapper)\n * so the back-button affordance stays in lockstep with whatever the\n * design system ships — any future lib change to BackButton / TitleBlock\n * propagates automatically.\n *\n * Composition: `PageShell` → `PageLayout` (back-to-home wired) →\n * `DevSectionView` (icon hero + search + filter pills) → list body.\n *\n * Adding a new section is one entry in `OPENFRAME_DEV_SECTIONS` plus a\n * single-line page file mounting this factory with the new key.\n */\n\nimport type { ReactNode } from 'react';\nimport { useRouter } from '../../../embed-shims/next-navigation';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nconst SECTION_HERO_ICON_CLASS = 'h-10 w-10 text-ods-accent';\n\nexport interface DevSectionPageProps {\n  sectionKey: OpenframeDevSectionKey;\n  /** The page-specific list body (e.g. `<RoadmapList />`). */\n  children: ReactNode;\n  /** Optional slot rendered BETWEEN the hero and search/filter — see\n   *  `DevSectionView.preControls`. Used by surfaces that want an entry\n   *  action (e.g. Help Center's \"Open a new ticket\" form) above the\n   *  controls instead of below them. */\n  preControls?: ReactNode;\n  /** Back-button config — same shape as `LegalDocumentPage` /\n   *  `ReleaseDetailPage`. Pass `false` to hide entirely. Default\n   *  `{ label: 'Back to home', href: '/' }` — embedders whose \"home\" isn't `/`\n   *  should override `href`, or pass `false` if the embed has no home page. */\n  backButton?: { label?: string; href?: string } | false;\n  /** Override the hero title. Defaults to the (OpenFrame-specific) copy in\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`. Set this to brand the\n   *  section for a non-OpenFrame embed. */\n  title?: string;\n  /** Override the hero subtitle/description. Defaults to\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.description`. */\n  subtitle?: string;\n}\n\nexport function DevSectionPage({\n  sectionKey,\n  children,\n  preControls,\n  backButton,\n  title,\n  subtitle,\n}: DevSectionPageProps) {\n  const router = useRouter();\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const Icon = section.icon;\n\n  // Back-button config — mirrors LegalDocumentPage / ReleaseDetailPage.\n  // Default: { label: 'Back to home', href: '/' }. Pass `false` to hide.\n  // After `backButton &&` narrowing, inner type is `{ label?, href? } |\n  // undefined`; don't re-compare to `false` (TS2367).\n  const backCfg =\n    backButton === false\n      ? undefined\n      : {\n          label: (backButton ? backButton.label : undefined) ?? 'Back to home',\n          onClick: () => router.push((backButton ? backButton.href : undefined) ?? '/'),\n        };\n\n  return (\n    <PageShell>\n      <PageLayout backButton={backCfg}>\n        <DevSectionView\n          sectionKey={sectionKey}\n          hero={{\n            icon: <Icon className={SECTION_HERO_ICON_CLASS} />,\n            title,\n            description: subtitle ?? section.hero.description,\n          }}\n          preControls={preControls}\n        >\n          {children}\n        </DevSectionView>\n      </PageLayout>\n    </PageShell>\n  );\n}\n","'use client';\n\n/**\n * Shared row chrome for any `DevSectionPage` list (delivery, tickets,\n * future sections). One source of truth for the layout that every\n * dev-section card row uses:\n *   left column  → title (h3) / subtitle (h5 uppercase) / description\n *                  (h4 line-clamp-3), each in a fixed min-height block\n *                  so rows align across the grid\n *   right column → caller-supplied stacked badges\n *\n * Surface stays small on purpose — `rightBadges` is a `ReactNode` so\n * the caller decides how many badges (delivery: 2, tickets: 1-2,\n * future: anything). No behavior baked in: the caller wraps the row\n * in a `<div>` (static, like delivery) or `<button>` (clickable, like\n * tickets) and renders the row content via this component.\n *\n * Pair with `DevCardRowSkeletonList` for the loading state — the\n * skeleton mirrors the same min-heights so the in-flight UI doesn't\n * shift the layout when real data lands.\n *\n * NOTE: the ticket conversation row is NOT here — it renders the shared\n * `<ChatMessageRow>` (`components/chat/chat-message-row.tsx`), the SAME\n * component the OpenMSP Slack-community feed uses, so the two surfaces stay\n * pixel-identical by construction.\n */\n\nimport type { ReactNode } from 'react';\n\nexport interface DevCardRowContentProps {\n  title: string;\n  /** Single-line uppercase metadata (e.g. \"UPDATED today, #4271, Code review\"). */\n  subtitle: string;\n  /** 3-line description block. Empty string renders the fallback. */\n  description: string;\n  /** Fallback copy when `description` is empty. Defaults to a generic\n   *  string; ticket / delivery surfaces override. */\n  emptyDescription?: string;\n  /** Right column — caller renders its own stacked badges. */\n  rightBadges: ReactNode;\n}\n\nexport function DevCardRowContent({\n  title,\n  subtitle,\n  description,\n  emptyDescription = 'No description provided',\n  rightBadges,\n}: DevCardRowContentProps) {\n  return (\n    <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        <div className=\"min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {description || emptyDescription}\n          </p>\n        </div>\n      </div>\n      <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n        {rightBadges}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Skeleton rendering for a single row — the bars mirror the same\n * min-heights as `DevCardRowContent` so the loading→loaded swap\n * doesn't reflow.\n */\nexport function DevCardRowSkeleton() {\n  return (\n    <div className=\"border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]\">\n      <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n        <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n          <div className=\"min-h-[24px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n          </div>\n          <div className=\"min-h-[20px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-1/2\" />\n          </div>\n          <div className=\"min-h-[72px] flex items-center\">\n            <div className=\"flex-1 space-y-1\">\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-2/3\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n          <div className=\"h-[32px] w-[100px] bg-ods-border rounded animate-pulse\" />\n          <div className=\"h-[32px] w-[120px] bg-ods-border rounded animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The standard \"5 skeleton rows inside a bordered card\" loading state\n * used by every list shell. Both delivery (`delivery-table.tsx`) and\n * tickets (`tickets-list.tsx`) mount this directly.\n */\nexport function DevCardRowSkeletonList({ rows = 5 }: { rows?: number }) {\n  return (\n    <div className=\"bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full\">\n      {Array.from({ length: rows }, (_, i) => (\n        <DevCardRowSkeleton key={i} />\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-JDQY7JCV.js → chunk-MKVKVJQQ.js}

@@ -3,13 +3,17 @@ import {
   useSelfFetch
 } from "./chunk-L4LAAA5Q.js";
 import {
-  ChevronButton
-} from "./chunk-LJGBFD52.js";
+  ChevronButton,
+  buildSuggestionUrl
+} from "./chunk-VAUI3CND.js";
 import {
   cn,
   init_cn
 } from "./chunk-XTCBRQN2.js";
 
+// src/components/faq/faq-section.tsx
+import { useMemo } from "react";
+
 // src/components/faq-accordion.tsx
 import { useRef, useState, useEffect, useCallback } from "react";
 init_cn();
@@ -66,9 +70,10 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
               className: "flex w-full items-center justify-between px-6 md:px-8 py-6 text-left focus:outline-none transition-colors cursor-pointer",
               children: [
                 /* @__PURE__ */ jsx("h3", { children: item.question }),
-                /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", "aria-label": isOpen ? "Collapse question" : "Expand question", children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(
                   ChevronButton,
                   {
+                    "aria-label": isOpen ? "Collapse question" : "Expand question",
                     size: "md",
                     isExpanded: isOpen,
                     backgroundColor: "transparent",
@@ -93,7 +98,7 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
   }) });
 }
 
-// src/components/faq/faq-json-ld.ts
+// src/components/faq/json-ld.ts
 var DEFAULT_NAME = "Frequently Asked Questions";
 var DEFAULT_DESCRIPTION = "Answers to common questions.";
 function baseFaqSchema(opts = {}) {
@@ -122,12 +127,8 @@ function buildFaqJsonLdFromFaqs(faqs, opts = {}) {
 // src/components/faq/faq-section.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var DEFAULT_HEADING_TEXT = "Frequently Asked Questions";
-function buildFaqsUrl(entityType, entityId) {
-  if (!entityType || entityId === void 0 || entityId === null || entityId === "") {
-    return "/api/faqs";
-  }
-  const qs = new URLSearchParams({ entityType, entityId: String(entityId) });
-  return `/api/faqs?${qs.toString()}`;
+function buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl = "") {
+  return buildSuggestionUrl("/api/faqs", { apiBaseUrl, entityType, entityId, count: minResults });
 }
 function groupBySection(faqs) {
   const map = /* @__PURE__ */ new Map();
@@ -147,7 +148,7 @@ function groupBySection(faqs) {
 }
 function FaqSkeleton() {
   return /* @__PURE__ */ jsxs2("div", { className: "space-y-8 animate-pulse", children: [
-    /* @__PURE__ */ jsx2("div", { className: "h-[48px] md:h-[56px] w-2/3 rounded bg-ods-border" }),
+    /* @__PURE__ */ jsx2("div", { className: "h-12 md:h-14 w-2/3 rounded bg-ods-border" }),
     /* @__PURE__ */ jsx2("div", { className: "rounded-3xl border border-ods-border overflow-hidden bg-ods-card divide-y divide-ods-border w-full", children: Array.from({ length: 8 }).map((_, idx) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 md:px-8 py-6", children: [
       /* @__PURE__ */ jsx2("div", { className: "h-6 w-5/6 rounded bg-ods-border" }),
       /* @__PURE__ */ jsx2("div", { className: "h-10 w-10 rounded-md bg-ods-border" })
@@ -161,10 +162,15 @@ function FaqSection({
   heading,
   emitJsonLd = false,
   jsonLd,
-  className
+  className,
+  minResults,
+  apiBaseUrl = ""
 }) {
-  const url = buildFaqsUrl(entityType, entityId);
-  const initialData = initialFaqs ? { faqs: initialFaqs } : void 0;
+  const url = buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl);
+  const initialData = useMemo(
+    () => initialFaqs ? { faqs: initialFaqs } : void 0,
+    [initialFaqs]
+  );
   const { data, isLoading, error } = useSelfFetch(url, { initialData });
   const faqs = data?.faqs ?? [];
   const showHeading = heading !== null;
@@ -173,21 +179,29 @@ function FaqSection({
   if (error && !showHeading) {
     return null;
   }
+  if (!isLoading && !error && faqs.length === 0 && !showHeading) {
+    return null;
+  }
   if (isLoading && faqs.length === 0) {
+    if (!showHeading) {
+      return /* @__PURE__ */ jsx2("div", { className, children: /* @__PURE__ */ jsx2(FaqSkeleton, {}) });
+    }
     return /* @__PURE__ */ jsx2("main", { className: className ?? "bg-ods-bg", children: /* @__PURE__ */ jsx2("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto", children: /* @__PURE__ */ jsx2(FaqSkeleton, {}) }) });
   }
   if (error && faqs.length === 0) {
     return /* @__PURE__ */ jsx2("main", { className: className ?? "bg-ods-bg flex items-center justify-center py-20", children: /* @__PURE__ */ jsx2("p", { className: "text-ods-text-primary font-medium", children: "Failed to load FAQs. Please try again later." }) });
   }
   const schema = emitJsonLd ? buildFaqJsonLdFromFaqs(faqs, jsonLd) : null;
+  const groupNodes = groups.map(({ section, items }) => /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
+    section && /* @__PURE__ */ jsx2("h2", { className: "text-h2 tracking-[-0.04em] text-ods-text-primary mb-3 md:mb-4", children: section }),
+    /* @__PURE__ */ jsx2(FaqAccordion, { items })
+  ] }, section || "default"));
+  const body = showHeading ? /* @__PURE__ */ jsx2("main", { className: className ?? "bg-ods-bg", children: /* @__PURE__ */ jsxs2("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
+    headingNode,
+    groupNodes
+  ] }) }) : /* @__PURE__ */ jsx2("section", { className: className ?? "space-y-10", children: groupNodes });
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2("main", { className: className ?? "bg-ods-bg", children: /* @__PURE__ */ jsxs2("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
-      showHeading && headingNode,
-      groups.map(({ section, items }) => /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
-        section && /* @__PURE__ */ jsx2("h2", { className: "text-h2 tracking-[-0.04em] text-ods-text-primary mb-3 md:mb-4", children: section }),
-        /* @__PURE__ */ jsx2(FaqAccordion, { items })
-      ] }, section || "default"))
-    ] }) }),
+    body,
     schema && /* @__PURE__ */ jsx2(
       "script",
       {
@@ -202,4 +216,4 @@ export {
   FaqAccordion,
   FaqSection
 };
-//# sourceMappingURL=chunk-JDQY7JCV.js.map
+//# sourceMappingURL=chunk-MKVKVJQQ.js.map

package/dist/chunk-MKVKVJQQ.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"],"sourcesContent":["\"use client\"\n\nimport React, { useMemo } 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 { buildFaqJsonLdFromFaqs, type FaqSchemaOptions } from './json-ld'\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   * Page heading. Pass null to render in embedded mode (no <h1>, error branch\n   * suppresses any banner). React node so platforms can drill their local\n   * <PageHeading> component without the lib referencing platform state.\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\nfunction groupBySection(faqs: Faq[]): Array<{ section: string | null; items: FaqItem[] }> {\n  const map = new Map<string, FaqItem[]>()\n  for (const faq of faqs) {\n    const key = faq.section || ''\n    let arr = map.get(key)\n    if (!arr) {\n      arr = []\n      map.set(key, arr)\n    }\n    arr.push({ id: faq.id, question: faq.question, answer: faq.answer })\n  }\n  return Array.from(map.entries()).map(([section, items]) => ({\n    section: section || null,\n    items,\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-3xl border border-ods-border overflow-hidden bg-ods-card divide-y divide-ods-border w-full\">\n        {Array.from({ length: 8 }).map((_, idx) => (\n          <div key={idx} className=\"flex items-center justify-between px-6 md:px-8 py-6\">\n            <div className=\"h-6 w-5/6 rounded bg-ods-border\" />\n            <div className=\"h-10 w-10 rounded-md bg-ods-border\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\ninterface FaqsResponse {\n  faqs: Faq[]\n}\n\n/**\n * Generic, embeddable FAQ display surface.\n *\n * - Standalone /faqs page: pass `initialFaqs` from the server + `heading` +\n *   `emitJsonLd` with `jsonLd` overrides for SEO.\n * - Per-entity embed: pass `entityType` + `entityId` (no `initialFaqs`); the\n *   hook self-fetches and the public /api/faqs endpoint picks override-vs-fallback.\n *\n * CONTRACT: the consuming app MUST implement `GET /api/faqs`. Without it,\n * useSelfFetch reports `error:true` (logged once); in embedded mode (heading\n * === null) this component renders nothing so the host page isn't disfigured.\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  const showHeading = heading !== null\n  const headingNode =\n    heading === undefined\n      ? <h1 className=\"text-h1 tracking-[-0.04em] text-ods-text-primary\">{DEFAULT_HEADING_TEXT}</h1>\n      : heading\n\n  const groups = groupBySection(faqs)\n\n  // Embedded mode (no heading): degrade silently on error.\n  if (error && !showHeading) {\n    return null\n  }\n\n  // Embedded mode, zero FAQs after load: render nothing — an embedded host\n  // page (blog/case-study detail) must not show an empty section shell.\n  // The standalone /faqs page (heading set) keeps its existing behavior.\n  if (!isLoading && !error && faqs.length === 0 && !showHeading) {\n    return null\n  }\n\n  if (isLoading && faqs.length === 0) {\n    // Embedded mode renders skeletons WITHOUT the standalone page shell —\n    // a host detail page already provides <main> + gutters; nesting them\n    // here would emit invalid markup and double padding.\n    if (!showHeading) {\n      return (\n        <div className={className}>\n          <FaqSkeleton />\n        </div>\n      )\n    }\n    return (\n      <main className={className ?? 'bg-ods-bg'}>\n        <div className=\"max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto\">\n          <FaqSkeleton />\n        </div>\n      </main>\n    )\n  }\n\n  if (error && faqs.length === 0) {\n    return (\n      <main className={className ?? 'bg-ods-bg flex items-center justify-center py-20'}>\n        <p className=\"text-ods-text-primary font-medium\">Failed to load FAQs. Please try again later.</p>\n      </main>\n    )\n  }\n\n  const schema = emitJsonLd ? buildFaqJsonLdFromFaqs(faqs, jsonLd) : null\n\n  const groupNodes = groups.map(({ section, items }) => (\n    <div key={section || 'default'} className=\"space-y-4\">\n      {section && (\n        <h2 className=\"text-h2 tracking-[-0.04em] text-ods-text-primary mb-3 md:mb-4\">\n          {section}\n        </h2>\n      )}\n      <FaqAccordion items={items} />\n    </div>\n  ))\n\n  // Embedded mode (heading === null): no <main> page shell, no page gutters —\n  // the host page owns layout. Standalone mode keeps the historical markup.\n  const body = showHeading ? (\n    <main className={className ?? 'bg-ods-bg'}>\n      <div className=\"max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10\">\n        {headingNode}\n        {groupNodes}\n      </div>\n    </main>\n  ) : (\n    <section className={className ?? 'space-y-10'}>{groupNodes}</section>\n  )\n\n  return (\n    <>\n      {body}\n      {schema && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}\n        />\n      )}\n    </>\n  )\n}\n","\"use client\"\n\nimport React, { useRef, useState, useEffect, useCallback } from 'react'\nimport { ChevronButton } from './ui/chevron-button'\nimport { cn } from \"../utils/cn\"\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-3xl border border-ods-border divide-y divide-ods-border bg-ods-card 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            className={cn('group transition-colors hover:bg-[#1E1E1E]', isOpen ? 'bg-ods-bg' : 'bg-transparent')}\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 justify-between px-6 md:px-8 py-6 text-left focus:outline-none transition-colors cursor-pointer\"\n            >\n              <h3>\n                {item.question}\n              </h3>\n              <div className=\"flex-shrink-0\">\n                <ChevronButton\n                  aria-label={isOpen ? 'Collapse question' : 'Expand question'}\n                  size=\"md\"\n                  isExpanded={isOpen}\n                  backgroundColor=\"transparent\"\n                  borderColor=\"#3A3A3A\"\n                />\n              </div>\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 group-hover:bg-[#1E1E1E]/30\"\n            >\n              <div ref={ref} className=\"px-6 md:px-8 pb-6 text-ods-text-primary text-h4\">\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"],"mappings":";;;;;;;;;;;;;;AAEA,SAAgB,eAAe;;;ACA/B,SAAgB,QAAQ,UAAU,WAAW,mBAAmB;AAEhE;AA6DY,SAaE,KAbF;AA/CZ,IAAM,oBAAoB,CAAC,WAAoB;AAC7C,QAAM,MAAM,OAA8B,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,KAAK;AAExD,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,IAAI,SAAS;AACf,YAAM,SAAS,IAAI,QAAQ;AAC3B,mBAAa,GAAG,MAAM,IAAI;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,cAAQ;AAAA,IACV,OAAO;AACL,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,SAAO,EAAE,KAAK,UAAU;AAC1B;AAEO,SAAS,aAAa,EAAE,OAAO,iBAAiB,CAAC,EAAE,GAAsB;AAC9E,QAAM,CAAC,SAAS,UAAU,IAAI,SAA+B,IAAI,IAAI,cAAc,CAAC;AAEpF,QAAM,SAAS,CAAC,OAAwB;AACtC,eAAW,UAAQ;AACjB,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,UAAI,KAAK,IAAI,EAAE,EAAG,MAAK,OAAO,EAAE;AAAA,UAC3B,MAAK,IAAI,EAAE;AAChB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,SAAI,WAAU,+FACZ,gBAAM,IAAI,UAAQ;AACjB,UAAM,SAAS,QAAQ,IAAI,KAAK,EAAE;AAClC,UAAM,EAAE,KAAK,UAAU,IAAI,kBAAkB,MAAM;AAEnD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,GAAG,8CAA8C,SAAS,cAAc,gBAAgB;AAAA,QAGnG;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,SAAS,MAAM,OAAO,KAAK,EAAE;AAAA,cAC7B,WAAW,CAAC,MAAM;AAChB,oBAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,oBAAE,eAAe;AACjB,yBAAO,KAAK,EAAE;AAAA,gBAChB;AAAA,cACF;AAAA,cACA,iBAAe;AAAA,cACf,WAAU;AAAA,cAEV;AAAA,oCAAC,QACE,eAAK,UACR;AAAA,gBACA,oBAAC,SAAI,WAAU,iBACb;AAAA,kBAAC;AAAA;AAAA,oBACC,cAAY,SAAS,sBAAsB;AAAA,oBAC3C,MAAK;AAAA,oBACL,YAAY;AAAA,oBACZ,iBAAgB;AAAA,oBAChB,aAAY;AAAA;AAAA,gBACd,GACF;AAAA;AAAA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,EAAE,WAAW,YAAY,2DAA2D,SAAS,SAAS,IAAI,EAAE;AAAA,cACnH,WAAU;AAAA,cAEV,8BAAC,SAAI,KAAU,WAAU,mDACtB,eAAK,QACR;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,MAtCK,KAAK;AAAA,IAuCZ;AAAA,EAEJ,CAAC,GACH;AAEJ;;;ACvFA,IAAM,eAAe;AACrB,IAAM,sBACJ;AAEK,SAAS,cAAc,OAAyB,CAAC,GAAG;AACzD,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM,KAAK,QAAQ;AAAA,IACnB,aAAa,KAAK,eAAe;AAAA,IACjC,GAAI,KAAK,MAAM,EAAE,KAAK,KAAK,IAAI,IAAI,CAAC;AAAA,EACtC;AACF;AAEO,SAAS,uBAAuB,MAAa,OAAyB,CAAC,GAAG;AAC/E,SAAO;AAAA,IACL,GAAG,cAAc,IAAI;AAAA,IACrB,YAAY,KAAK,IAAI,CAAC,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,MAAM,IAAI;AAAA,MACV,gBAAgB;AAAA,QACd,SAAS;AAAA,QACT,MAAM,IAAI;AAAA,MACZ;AAAA,IACF,EAAE;AAAA,EACJ;AACF;;;AF6BM,SA6HF,UA7HE,OAAAA,MAGI,QAAAC,aAHJ;AAlCN,IAAM,uBAAuB;AAK7B,SAAS,aACP,YACA,UACA,YACA,aAAa,IACL;AACR,SAAO,mBAAmB,aAAa,EAAE,YAAY,YAAY,UAAU,OAAO,WAAW,CAAC;AAChG;AAEA,SAAS,eAAe,MAAkE;AACxF,QAAM,MAAM,oBAAI,IAAuB;AACvC,aAAW,OAAO,MAAM;AACtB,UAAM,MAAM,IAAI,WAAW;AAC3B,QAAI,MAAM,IAAI,IAAI,GAAG;AACrB,QAAI,CAAC,KAAK;AACR,YAAM,CAAC;AACP,UAAI,IAAI,KAAK,GAAG;AAAA,IAClB;AACA,QAAI,KAAK,EAAE,IAAI,IAAI,IAAI,UAAU,IAAI,UAAU,QAAQ,IAAI,OAAO,CAAC;AAAA,EACrE;AACA,SAAO,MAAM,KAAK,IAAI,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,SAAS,KAAK,OAAO;AAAA,IAC1D,SAAS,WAAW;AAAA,IACpB;AAAA,EACF,EAAE;AACJ;AAEA,SAAS,cAAc;AACrB,SACE,gBAAAA,MAAC,SAAI,WAAU,2BACb;AAAA,oBAAAD,KAAC,SAAI,WAAU,4CAA2C;AAAA,IAC1D,gBAAAA,KAAC,SAAI,WAAU,sGACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,QACjC,gBAAAC,MAAC,SAAc,WAAU,uDACvB;AAAA,sBAAAD,KAAC,SAAI,WAAU,mCAAkC;AAAA,MACjD,gBAAAA,KAAC,SAAI,WAAU,sCAAqC;AAAA,SAF5C,GAGV,CACD,GACH;AAAA,KACF;AAEJ;AAkBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAAoB;AAClB,QAAM,MAAM,aAAa,YAAY,UAAU,YAAY,UAAU;AAGrE,QAAM,cAAc;AAAA,IAClB,MAAO,cAAc,EAAE,MAAM,YAAY,IAAI;AAAA,IAC7C,CAAC,WAAW;AAAA,EACd;AACA,QAAM,EAAE,MAAM,WAAW,MAAM,IAAI,aAA2B,KAAK,EAAE,YAAY,CAAC;AAElF,QAAM,OAAO,MAAM,QAAQ,CAAC;AAC5B,QAAM,cAAc,YAAY;AAChC,QAAM,cACJ,YAAY,SACR,gBAAAA,KAAC,QAAG,WAAU,oDAAoD,gCAAqB,IACvF;AAEN,QAAM,SAAS,eAAe,IAAI;AAGlC,MAAI,SAAS,CAAC,aAAa;AACzB,WAAO;AAAA,EACT;AAKA,MAAI,CAAC,aAAa,CAAC,SAAS,KAAK,WAAW,KAAK,CAAC,aAAa;AAC7D,WAAO;AAAA,EACT;AAEA,MAAI,aAAa,KAAK,WAAW,GAAG;AAIlC,QAAI,CAAC,aAAa;AAChB,aACE,gBAAAA,KAAC,SAAI,WACH,0BAAAA,KAAC,eAAY,GACf;AAAA,IAEJ;AACA,WACE,gBAAAA,KAAC,UAAK,WAAW,aAAa,aAC5B,0BAAAA,KAAC,SAAI,WAAU,sDACb,0BAAAA,KAAC,eAAY,GACf,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,KAAK,WAAW,GAAG;AAC9B,WACE,gBAAAA,KAAC,UAAK,WAAW,aAAa,oDAC5B,0BAAAA,KAAC,OAAE,WAAU,qCAAoC,0DAA4C,GAC/F;AAAA,EAEJ;AAEA,QAAM,SAAS,aAAa,uBAAuB,MAAM,MAAM,IAAI;AAEnE,QAAM,aAAa,OAAO,IAAI,CAAC,EAAE,SAAS,MAAM,MAC9C,gBAAAC,MAAC,SAA+B,WAAU,aACvC;AAAA,eACC,gBAAAD,KAAC,QAAG,WAAU,iEACX,mBACH;AAAA,IAEF,gBAAAA,KAAC,gBAAa,OAAc;AAAA,OANpB,WAAW,SAOrB,CACD;AAID,QAAM,OAAO,cACX,gBAAAA,KAAC,UAAK,WAAW,aAAa,aAC5B,0BAAAC,MAAC,SAAI,WAAU,iEACZ;AAAA;AAAA,IACA;AAAA,KACH,GACF,IAEA,gBAAAD,KAAC,aAAQ,WAAW,aAAa,cAAe,sBAAW;AAG7D,SACE,gBAAAC,MAAA,YACG;AAAA;AAAA,IACA,UACC,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAEL,yBAAyB,EAAE,QAAQ,KAAK,UAAU,MAAM,EAAE;AAAA;AAAA,IAC5D;AAAA,KAEJ;AAEJ;","names":["jsx","jsxs"]}