@flamingo-stack/openframe-frontend-core 0.0.518-1663.4312.1 → 0.0.518

package/dist/{chunk-LQ2R7IA2.cjs.map → chunk-2EU3TWCW.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-LQ2R7IA2.cjs","../src/components/onboarding-guides/onboarding-guides-catalog-view.tsx","../src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx","../src/components/onboarding-guides/onboarding-guide-detail-view.tsx","../src/components/onboarding-guides/hooks/use-onboarding-guides.ts"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-LQ2R7IA2.cjs","sourcesContent":[null,"'use client'\n\n/**\n * Public-facing catalog view for `/onboarding-guides`.\n *\n * Two data modes:\n *   - **controlled** (hub SSR): pass `initialGuides` + `initialSections`\n *     (server-fetched; section changes re-render the host with new props).\n *   - **self-fetching** (config-only embed): omit the data props and pass\n *     `guidesEndpoint` + `sectionsEndpoint` (the api routes). The view fetches\n *     the guides (refetching on `?section=` change) + the section list itself —\n *     no host data layer. (Plain fetch + useEffect, the DeliveryLists pattern.)\n *\n * The view renders ONLY its body + its OWN controls (the RAG `<DocSearchBar>` +\n * dynamic section pills — onboarding's controls are content-driven, unlike the\n * static search/filter the `DevSectionView` chrome ships). It does NOT render the\n * page chrome: the CALLER wraps it in `<DevSectionPage sectionKey=\"onboarding\">`\n * (hero + back button), exactly like the roadmap / releases / delivery pages — so\n * every dev-center surface composes the same way and the view stays embeddable in\n * tabbed contexts. Card hrefs flow through `runtime.composeContentUrl`.\n */\n\nimport { useMemo, useTransition, type ReactNode } from 'react'\nimport { GraduationCap } from 'lucide-react'\n\nimport { useRouter, useSearchParams } from '../../embed-shims'\nimport { useSelfFetch } from '../../hooks/use-self-fetch'\nimport { DocSearchBar, useDocSearch } from '../shared/doc-search'\nimport { FilterPillRow } from '../ui/filter-pill-row'\nimport { LoadError } from '../ui/error-state'\nimport { OnboardingGuideCard } from '../chat/entity-cards/onboarding-guide-card'\nimport { OnboardingGuidesCatalogSkeleton } from './onboarding-guides-catalog-skeleton'\nimport { useChatRuntime } from '../../contexts/chat-runtime-context'\nimport type { OnboardingGuide } from '../chat/types/entities/onboarding-guide'\nimport { resolveContentHref } from '../../utils/content-href'\n\ntype SectionSummary = { section: string; section_order: number; count: number }\n\nexport interface OnboardingGuidesCatalogViewProps {\n  /** Controlled / SSR: server-fetched guides. Omit + pass `guidesEndpoint`\n   *  for the self-fetching config-only mode. */\n  initialGuides?: OnboardingGuide[]\n  initialSections?: SectionSummary[]\n  initialSection?: string\n  /** Self-fetch: GET list endpoint (the api route). Appends `?section=`. */\n  guidesEndpoint?: string\n  /** Self-fetch: GET section-summary endpoint (the api route). */\n  sectionsEndpoint?: string\n  /** Optional per-row card renderer override. */\n  renderCard?: (guide: OnboardingGuide) => ReactNode\n  /** Base path the catalog is mounted under (fallback href prefix + `?section=`\n   *  push target). Default `/onboarding-guides`. */\n  basePath?: string\n}\n\nexport function OnboardingGuidesCatalogView({\n  initialGuides,\n  initialSections,\n  initialSection = '',\n  guidesEndpoint,\n  sectionsEndpoint,\n  renderCard,\n  basePath = '/onboarding-guides',\n}: OnboardingGuidesCatalogViewProps) {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const [isPending, startTransition] = useTransition()\n  const runtime = useChatRuntime()\n\n  // Self-fetch only when the host supplied NO data but DID give an endpoint.\n  const selfFetch = initialGuides === undefined && guidesEndpoint !== undefined\n  // Active section: from the URL when self-fetching, from the prop (host RSC\n  // already read the URL server-side) when controlled.\n  const sectionValue = selfFetch ? searchParams.get('section') ?? '' : initialSection\n  const activeSection = sectionValue || 'all'\n\n  // Self-fetch the guides (refetched whenever `?section=` changes — it's folded\n  // into the url) + the section summaries. Controlled mode passes `null` urls so\n  // the hook never fetches. The guides fetch carries the error/retry affordance.\n  const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : ''\n  const guidesRes = useSelfFetch<{ data?: OnboardingGuide[] }>(\n    selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null,\n  )\n  const sectionsRes = useSelfFetch<SectionSummary[]>(\n    selfFetch && sectionsEndpoint ? sectionsEndpoint : null,\n  )\n\n  // Invariant: `guidesRes.data` is `null` until the first fetch resolves, then\n  // `{ data: [...] }`. The `?.data ?? []` chain collapses never-fetched (null) and\n  // legitimately-empty ([]) to the same `[]` — so the first-load skeleton gate below\n  // keys on the OUTER `guidesRes.data == null` to distinguish them (an empty section\n  // toggle keeps the chrome; only a true cold start shows the full-page skeleton).\n  const guides = initialGuides ?? guidesRes.data?.data ?? []\n  const sections = initialSections ?? (Array.isArray(sectionsRes.data) ? sectionsRes.data : [])\n  const isLoading = selfFetch ? guidesRes.isLoading : false\n\n  // Section grouping. Data arrives already filtered (server-side `?section=`\n  // for the host, or our `?section=` fetch); this just buckets visible rows.\n  const grouped = useMemo(() => {\n    const map = new Map<string, { section_order: number; guides: OnboardingGuide[] }>()\n    for (const g of guides) {\n      const existing = map.get(g.section)\n      if (existing) {\n        if (g.section_order < existing.section_order) existing.section_order = g.section_order\n        existing.guides.push(g)\n      } else {\n        map.set(g.section, { section_order: g.section_order, guides: [g] })\n      }\n    }\n    for (const entry of map.values()) {\n      entry.guides.sort((a, b) => a.step_order - b.step_order || a.title.localeCompare(b.title))\n    }\n    return Array.from(map.entries())\n      .map(([section, info]) => ({ section, ...info }))\n      .sort((a, b) => a.section_order - b.section_order || a.section.localeCompare(b.section))\n  }, [guides])\n\n  const sectionFilterOptions = useMemo(\n    () => [\n      { value: 'all', label: `All (${guides.length})` },\n      ...sections.map((s) => ({ value: s.section, label: `${s.section} (${s.count})` })),\n    ],\n    [guides.length, sections],\n  )\n\n  // Section pill change → push `?section=X`. Controlled mode: host RSC\n  // re-fetches. Self-fetch mode: our guides effect re-fetches on the URL change.\n  const setSection = (value: string) => {\n    const params = new URLSearchParams(searchParams.toString())\n    if (value === 'all') {\n      params.delete('section')\n    } else {\n      params.set('section', value)\n    }\n    const qs = params.toString()\n    startTransition(() => {\n      router.push(qs ? `${basePath}?${qs}` : basePath)\n    })\n  }\n\n  // Search bar — scoped to onboarding-guides only via RAG-search `tableIds`.\n  const source = runtime?.source ?? 'openframe'\n  const docSearch = useDocSearch({\n    source,\n    baseRoute: basePath,\n    onNavigate: (path) => router.push(path),\n    tableIds: ['onboarding-guides'],\n  })\n\n  // Per-row card renderer — runtime-composed href, fallback to relative.\n  const defaultRenderCard = (guide: OnboardingGuide) => {\n    const cta = resolveContentHref(runtime?.composeContentUrl, {\n      type: 'onboarding_guide',\n      slug: guide.slug,\n      basePath,\n      platforms: guide.onboarding_guide_platforms,\n    })\n    return (\n      <OnboardingGuideCard\n        guide={guide}\n        href={cta.href}\n        targetPlatform={cta.targetPlatform}\n        size=\"catalog\"\n      />\n    )\n  }\n  const renderCardFn = renderCard ?? defaultRenderCard\n\n  const preControls = (\n    <div className=\"space-y-4\">\n      <DocSearchBar\n        placeholder=\"Search onboarding guides, releases, case studies…\"\n        query={docSearch.query}\n        onQueryChange={docSearch.setQuery}\n        results={docSearch.results}\n        isLoading={docSearch.isLoading}\n        onResultSelect={docSearch.handleResultSelect}\n        showDropdown={docSearch.keepDropdownOpen}\n      />\n      {sections.length > 0 && (\n        <FilterPillRow\n          label=\"Section\"\n          selectedValue={activeSection}\n          onValueChange={setSection}\n          options={sectionFilterOptions}\n        />\n      )}\n    </div>\n  )\n\n  // A failed guides fetch → a RETRYABLE error (not the indistinguishable-from-\n  // empty \"no guides found\" state) — parity with the sibling self-fetch views.\n  if (selfFetch && guidesRes.error) {\n    return <LoadError message=\"Failed to load onboarding guides.\" onRetry={guidesRes.reload} />\n  }\n  // Full-page skeleton ONLY on the very first load (no data has loaded yet) — a\n  // later section toggle that legitimately returns ZERO guides keeps the page\n  // chrome (search + section pills) and dims the grid via the className below.\n  if (selfFetch && guidesRes.data == null && isLoading) {\n    return <OnboardingGuidesCatalogSkeleton />\n  }\n\n  return (\n    <div className=\"w-full flex flex-col gap-10\">\n      {preControls}\n      {guides.length === 0 ? (\n        <div className=\"text-center py-16\">\n          <GraduationCap className=\"h-12 w-12 text-ods-text-secondary mx-auto mb-4\" />\n          <h2 className=\"text-ods-text-primary text-h3 mb-2\">\n            No onboarding guides found\n          </h2>\n          <p className=\"text-ods-text-secondary text-h6\">\n            {activeSection !== 'all'\n              ? 'No guides in this section yet.'\n              : \"We're working on the onboarding library. Check back soon.\"}\n          </p>\n        </div>\n      ) : (\n        <div className={isPending || isLoading ? 'opacity-60 transition-opacity space-y-10' : 'space-y-10'}>\n          {grouped.map((sec) => (\n            <section key={sec.section} className=\"space-y-4\">\n              <h2 className=\"text-h3 text-ods-text-primary flex items-center gap-2\">\n                {sec.section}\n                <span className=\"inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 text-ods-text-secondary text-h6 px-2 py-0.5\">\n                  {sec.guides.length}\n                </span>\n              </h2>\n              {/* HORIZONTAL catalog list — single column so consecutive steps\n                  read top-to-bottom; a grid would visually reorder them. */}\n              <ul className=\"flex flex-col gap-4\">\n                {sec.guides.map((guide) => (\n                  <li key={guide.id}>{renderCardFn(guide)}</li>\n                ))}\n              </ul>\n            </section>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport { OnboardingGuideCardSkeleton } from '../chat/entity-cards/onboarding-guide-card'\n\n/**\n * Loading skeleton for `/onboarding-guides` — CHROME-LESS, exactly like the\n * loaded `<OnboardingGuidesCatalogView>`. The HOST page owns the\n * `<DevSectionPage sectionKey=\"onboarding\">` shell (hero + back button);\n * this component renders only what replaces the view: the search/pill\n * placeholder block and the section card lists.\n *\n * HISTORY: this used to mount its own `<DevSectionPage>` — nested inside the\n * page's shell that double-rendered the hero + back button during loading\n * (the view was made chrome-less in the page restructure; the skeleton was\n * missed). Keep BOTH chrome-less.\n *\n * Wrapper mirrors the loaded view's `w-full flex flex-col gap-10`; per-card\n * height matches the loaded catalog card so resolve shifts are zero.\n */\nexport function OnboardingGuidesCatalogSkeleton() {\n  return (\n    <div className=\"w-full flex flex-col gap-10 animate-pulse\">\n      {/* Search input placeholder — matches `<SearchInput>` h-12 — plus the\n          section pill row (~74 px incl. padding), same as the loaded\n          preControls block. */}\n      <div className=\"space-y-4\">\n        <div className=\"h-12 w-full bg-ods-card border border-ods-border rounded-md\" />\n        <div className=\"flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg\">\n          <div className=\"h-4 w-14 bg-ods-border/60 rounded\" />\n          {[0, 1, 2, 3].map((i) => (\n            <div\n              key={i}\n              className=\"h-10 w-24 bg-ods-card border border-ods-border rounded-md\"\n            />\n          ))}\n        </div>\n      </div>\n      <div className=\"space-y-10\">\n        {[4, 3, 3].map((cardCount, sectionIdx) => (\n          <section key={sectionIdx} className=\"space-y-4\">\n            <h2 className=\"text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2\">\n              <span className=\"h-6 w-40 bg-ods-border/70 rounded\" />\n              <span className=\"h-5 w-8 bg-ods-text-secondary/20 rounded-full\" />\n            </h2>\n            <ul className=\"flex flex-col gap-4\">\n              {Array.from({ length: cardCount }).map((_, cardIdx) => (\n                <li key={cardIdx}>\n                  <OnboardingGuideCardSkeleton size=\"catalog\" />\n                </li>\n              ))}\n            </ul>\n          </section>\n        ))}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\n/**\n * Public-facing detail view for `/onboarding-guides/<slug>`.\n *\n * Two modes:\n *   - **controlled** (hub SSR): pass `initialData` (a server-fetched guide).\n *   - **self-fetching** (config-only embed): pass `slug` + `guideEndpoint`\n *     (the api route) and the view fetches the guide itself — no host data\n *     layer. (Plain fetch + useEffect, the DeliveryLists pattern.)\n *\n * Everything else flows through lib primitives + the ChatRuntime context\n * (markdown, video warmup, captions, related-card hrefs via\n * `runtime.composeContentUrl`). Optional `MarkdownRenderer` lets hosts swap a\n * renderer with extra plugins.\n */\n\nimport { Fragment, type ComponentType, type ReactNode } from 'react'\nimport { PageLayout } from '../layout/page-layout'\n\nimport { useRouter } from '../../embed-shims'\n// PageShell (max-w-[1920px]) — the guide detail content must share the SAME\n// container sizing as the related-content/FAQ rail the host page renders\n// below it (which uses the wide shell). ArticleDetailLayout (1280px) made\n// the detail block visibly narrower than the rail.\nimport { PageShell } from '../layout/article-detail-layout'\nimport { DetailPageSkeleton } from '../shared/detail-page-skeleton'\nimport { EntityVideoSection } from '../features/entity-video-section'\nimport { VideoBitesStrip } from '../features/video-bites-strip'\nimport { toStripProfile } from '../features/video-bites-shared'\nimport { useVideoWarmup } from '../features/use-video-warmup'\nimport { getCaptionsUrl } from '../features/captions-url'\nimport { RichMarkdownRenderer } from '../ui/markdown'\nimport { EntityTagBadges } from '../features/entity-tag-badges'\nimport { LoadError } from '../ui/error-state'\nimport { ArticleAuthorByline } from '../shared/article-author-byline'\nimport { EntityAuthorCard } from '../chat/entity-cards/entity-author-card'\nimport { OnboardingGuideCard } from '../chat/entity-cards/onboarding-guide-card'\nimport { useChatRuntime } from '../../contexts/chat-runtime-context'\nimport type { OnboardingGuide } from '../chat/types/entities/onboarding-guide'\nimport type { VideoTeaser } from '../../types/video-processing'\nimport { resolveContentHref } from '../../utils/content-href'\nimport { buildOgPlaceholderUrl } from '../../utils/og-placeholder'\nimport { useSelfFetch } from '../../hooks/use-self-fetch'\n\nexport interface OnboardingGuideDetailViewProps {\n  /** Server-fetched guide (controlled / SSR mode). Omit it and pass\n   *  `slug` + `guideEndpoint` for the self-fetching config-only mode. */\n  initialData?: OnboardingGuide\n  /** Self-fetch: the guide's slug (the host reads it from its route). */\n  slug?: string\n  /** Self-fetch: builds the GET url for a single guide (the api route).\n   *  e.g. `(s) => \\`/content/api/onboarding-guides/${s}\\``. */\n  guideEndpoint?: (slug: string) => string\n  related?: OnboardingGuide[]\n  /** Link target for the author name in the metadata grid — the host\n   *  computes it (public author page; absent ⇒ plain text). */\n  authorHref?: string\n  /** Bio paragraph for the end-of-article author byline. Defaults to the\n   *  guide payload's `author.about` (hubs that hydrate it can omit this). */\n  authorBio?: string | null\n  /** Byline fallback paragraph when the bio is empty — the host passes its\n   *  platform-aware copy (the lib has no config awareness). Absent ⇒ the\n   *  byline renders nothing below the name when the bio is empty. */\n  fallbackBio?: string | null\n  /** Optional markdown renderer override. Defaults to lib\n   *  `<RichMarkdownRenderer>`. */\n  MarkdownRenderer?: ComponentType<{ content: string }>\n  /** Optional per-row related-card renderer override. */\n  renderRelatedCard?: (guide: OnboardingGuide) => ReactNode\n  /** Back-link target. Defaults to `basePath`. */\n  backHref?: string\n  /** Back-link label. Defaults to \"Back to Getting Started\". */\n  backLabel?: string\n  /** Base path the related-card hrefs default to when\n   *  `runtime.composeContentUrl` is not wired. Default `/onboarding-guides`. */\n  basePath?: string\n  /** Optional slot rendered inside the page chrome, BELOW the article + related\n   *  guides — e.g. the hub's cross-type related-content / FAQ rail. Lets the hub\n   *  mount this view directly (no local wrapper); embedders omit it. */\n  relatedContent?: ReactNode\n  /** Render the standalone `<PageShell>`. Default true. Pass false when the host\n   *  layout already provides the page container — only the padding box renders,\n   *  avoiding a nested `<main>`. */\n  shell?: boolean\n}\n\nexport function OnboardingGuideDetailView({\n  authorHref,\n  authorBio,\n  fallbackBio,\n  initialData,\n  slug,\n  guideEndpoint,\n  related = [],\n  MarkdownRenderer = RichMarkdownRenderer,\n  renderRelatedCard,\n  backHref,\n  backLabel = 'Back to Getting Started',\n  basePath = '/onboarding-guides',\n  relatedContent,\n  shell = true,\n}: OnboardingGuideDetailViewProps) {\n  const resolvedBackHref = backHref ?? basePath\n  const runtime = useChatRuntime()\n  const router = useRouter()\n  // `shell` true → standalone `<PageShell>`; false → padding-only box (no nested\n  // <main>) for hosts whose layout already provides the container.\n  const renderShell = (node: ReactNode) =>\n    shell ? <PageShell>{node}</PageShell> : <div className=\"page-shell-content\">{node}</div>\n\n  // Controlled (hub SSR `initialData`) OR self-fetch by slug (config-only embed).\n  const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null\n  const { data: guide, isLoading, error, reload } = useSelfFetch<OnboardingGuide>(url, { initialData })\n\n  // Hooks must run unconditionally — feed them optional-chained values so they\n  // no-op while the guide is still loading.\n  const { ref: videoWarmupRef } = useVideoWarmup<HTMLDivElement>({\n    videoUrl: guide?.main_video_url,\n    supabaseStorageOrigin: runtime?.endpoints.supabaseStorageOrigin,\n  })\n\n  if (error || (!guide && !isLoading)) {\n    return renderShell(<LoadError message=\"Guide not found.\" onRetry={reload} />)\n  }\n  if (!guide) {\n    // Skeleton (not a bare \"Loading…\") for parity with every other shared view —\n    // catalog, roadmap, releases all render a skeleton on first load, so the detail\n    // page shouldn't flash text then content. `bare` + `PageShell` so the loading\n    // state matches the loaded page's full width / padding / min-height.\n    return renderShell(\n      // Match the loaded page's top offset (TitleBlock's\n      // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.\n      <div className=\"pt-[var(--spacing-system-l)]\">\n        <DetailPageSkeleton bare showImageGallery={false} />\n      </div>\n    )\n  }\n\n  const captionsUrl = getCaptionsUrl('onboarding_guide', guide.id, guide.srt_content)\n\n  const videoPoster =\n    guide.main_video_thumbnail ||\n    guide.featured_image ||\n    guide.og_image_url ||\n    // `buildOgPlaceholderUrl` always returns a usable string (relative route at\n    // worst), so it's the terminal fallback — no trailing `|| undefined` needed.\n    buildOgPlaceholderUrl(runtime?.endpoints, guide.title, { aspect: 'wide' })\n\n  const defaultRenderRelatedCard = (g: OnboardingGuide) => {\n    const cta = resolveContentHref(runtime?.composeContentUrl, {\n      type: 'onboarding_guide',\n      slug: g.slug,\n      basePath,\n      platforms: g.onboarding_guide_platforms,\n    })\n    return <OnboardingGuideCard guide={g} href={cta.href} targetPlatform={cta.targetPlatform} />\n  }\n  const renderRelatedCardFn = renderRelatedCard ?? defaultRenderRelatedCard\n\n  return renderShell(\n    <PageLayout\n        title={guide.title}\n        titleSize=\"h1\"\n        titleWrap\n        backButton={{ label: backLabel, onClick: () => router.push(resolvedBackHref) }}\n      >\n        {/* Tags — flat onboarding_guide_tags[] from entity_tags. */}\n        <EntityTagBadges tags={(guide as any).onboarding_guide_tags} />\n\n        {/* Metadata grid — Section · Step | Published | Author. */}\n        <EntityAuthorCard\n          author={guide.author}\n          authorHref={authorHref}\n          publishedAt={guide.published_at}\n          extraCells={[\n            {\n              value: `${guide.section} · Step ${guide.step_order}`,\n              label: 'Section',\n              uppercase: false,\n            },\n          ]}\n        />\n\n        {/* Video. `main_video_url` (Mux/MP4) and `youtube_url` are independent\n            columns — either populated renders the player. */}\n        {(guide.main_video_url || guide.youtube_url) && (\n          <div ref={videoWarmupRef}>\n            <EntityVideoSection\n              mainVideoUrl={guide.main_video_url}\n              youtubeUrl={guide.youtube_url || undefined}\n              highlightVideoUrl={guide.highlight_video_url}\n              mainVideoPoster={videoPoster}\n              highlightVideoThumbnail={guide.highlight_video_thumbnail || undefined}\n              videoSummary={undefined}\n              videoBites={undefined}\n              title={guide.title}\n              srtContent={guide.srt_content}\n              captionsUrl={captionsUrl}\n              MarkdownRenderer={MarkdownRenderer}\n            />\n          </div>\n        )}\n\n        {/* Markdown body */}\n        {guide.content && (\n          <div className=\"space-y-4\">\n            <MarkdownRenderer content={guide.content} />\n          </div>\n        )}\n\n        {/* Video Bites — unified strip; renders nothing when no published bites. */}\n        <VideoBitesStrip\n          bites={(guide.video_bites as VideoTeaser[] | null) ?? []}\n          filterPublished={true}\n          showTitle={false}\n          profile={toStripProfile(guide.author)}\n          href={`/onboarding-guides/${guide.slug}`}\n        />\n\n        {/* End-of-article author byline (avatar + linked name + bio) — the\n            author DESCRIPTION block every article-shaped detail page renders.\n            Hidden when the guide has no author (the byline returns null). */}\n        <ArticleAuthorByline\n          author={guide.author?.full_name ?? null}\n          avatar={guide.author?.avatar_url}\n          jobTitle={guide.author?.job_title}\n          bio={authorBio ?? guide.author?.about}\n          href={authorHref}\n          fallbackBio={fallbackBio}\n        />\n\n        {/* Related — same-section, ordered by step. */}\n        {related.length > 0 && (\n          <div className=\"space-y-4 pt-8 border-t border-ods-border\">\n            <h2 className=\"text-h3 tracking-[-0.36px] text-ods-text-primary\">\n              More in {guide.section}\n            </h2>\n            <ul className=\"flex flex-col gap-3\">\n              {related.map((r) => (\n                <li key={r.id}>{renderRelatedCardFn(r)}</li>\n              ))}\n            </ul>\n          </div>\n        )}\n\n        {/*\n         * Host slot — cross-type related-content / FAQ rail.\n         *\n         * KEYED DELIBERATELY. This is one member of PageLayout's static children\n         * array, and the only member whose element may be created in a SERVER\n         * component and crossed over the RSC boundary. Static JSX children are\n         * normally exempt from the key warning because `jsxs` runs\n         * `validateChildKeys` and stamps `_store.validated = 1` on each element —\n         * but a slot arriving over the wire is referenced as a lazy chunk wrapper,\n         * so validation marks the WRAPPER and the fulfilled path never copies the\n         * flag onto the revived element. It reaches the reconciler with\n         * `validated: 0, key: null` and warns, blaming PageLayout (the owner of the\n         * enclosing element) rather than anything actually at fault.\n         *\n         * A keyed Fragment emits no DOM, so rendered output is byte-identical.\n         * Do NOT \"fix\" this in PageLayout via `React.Children.toArray` — that would\n         * auto-key every consumer's children and change reconciliation identity for\n         * all of them, and that file carries an explicit FROZEN contract.\n         */}\n        <Fragment key=\"related-content\">{relatedContent}</Fragment>\n      </PageLayout>\n  )\n}\n","'use client'\n\n/**\n * React Query hooks for Onboarding Guides — PUBLIC reads only.\n *\n * Admin mutations (create/update/delete/publish/stats/save-highlight)\n * stay HUB-side in `hooks/use-onboarding-guides.ts` and import the\n * `onboardingGuideKeys.admin` sub-namespace from this module so the\n * cache namespace `['onboarding-guides']` has a single source of truth.\n *\n * Endpoints (`/api/onboarding-guides*`) are host-supplied — non-Next.js\n * embedders must reverse-proxy the same routes. Same precedent as the\n * tickets list hook.\n */\n\nimport { useQuery } from '@tanstack/react-query'\n\nimport type {\n  OnboardingGuide,\n  OnboardingGuideFilters,\n  OnboardingGuideListResponse,\n  OnboardingGuideSectionSummary,\n} from '../../chat/types/entities/onboarding-guide'\n\n/**\n * Cache key builder for the `['onboarding-guides']` namespace.\n *\n * Includes BOTH public-read sub-keys (`lists`, `list`, `details`,\n * `detail`, `sections`) AND the `admin` sub-namespace. Admin mutations\n * live hub-side but invalidate against this same builder so a single\n * `qc.invalidateQueries({ queryKey: onboardingGuideKeys.all })` from\n * an admin hook also clears the public read cache.\n */\nexport const onboardingGuideKeys = {\n  all: ['onboarding-guides'] as const,\n  lists: () => [...onboardingGuideKeys.all, 'list'] as const,\n  list: (filters: OnboardingGuideFilters) =>\n    [...onboardingGuideKeys.lists(), filters] as const,\n  details: () => [...onboardingGuideKeys.all, 'detail'] as const,\n  detail: (slug: string) => [...onboardingGuideKeys.details(), slug] as const,\n  sections: () => [...onboardingGuideKeys.all, 'sections'] as const,\n  admin: {\n    all: ['admin', 'onboarding-guides'] as const,\n    lists: () => ['admin', 'onboarding-guides', 'list'] as const,\n    detail: (slug: string) =>\n      ['admin', 'onboarding-guide', slug] as const,\n    stats: () => ['admin', 'onboarding-guides', 'stats'] as const,\n  },\n}\n\nexport function useOnboardingGuides(filters?: OnboardingGuideFilters) {\n  return useQuery({\n    queryKey: onboardingGuideKeys.list(filters || {}),\n    queryFn: async (): Promise<OnboardingGuideListResponse> => {\n      const params = new URLSearchParams()\n      if (filters?.search) params.set('search', filters.search)\n      if (filters?.section) params.set('section', filters.section)\n      if (filters?.limit) params.set('limit', filters.limit.toString())\n      if (filters?.offset) params.set('offset', filters.offset.toString())\n      const res = await fetch(`/api/onboarding-guides?${params}`)\n      if (!res.ok) throw new Error('Failed to fetch onboarding guides')\n      return res.json()\n    },\n  })\n}\n\nexport function useOnboardingGuide(slug: string | undefined) {\n  return useQuery({\n    queryKey: onboardingGuideKeys.detail(slug || ''),\n    queryFn: async (): Promise<OnboardingGuide> => {\n      const res = await fetch(`/api/onboarding-guides/${slug}`)\n      if (!res.ok) throw new Error('Failed to fetch onboarding guide')\n      return res.json()\n    },\n    enabled: !!slug,\n  })\n}\n\nexport function useOnboardingGuideSections() {\n  return useQuery({\n    queryKey: onboardingGuideKeys.sections(),\n    queryFn: async (): Promise<OnboardingGuideSectionSummary[]> => {\n      const res = await fetch('/api/onboarding-guides/sections')\n      if (!res.ok)\n        throw new Error('Failed to fetch onboarding-guide sections')\n      return res.json()\n    },\n    staleTime: 0,\n  })\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-2EU3TWCW.cjs","../src/components/onboarding-guides/onboarding-guides-catalog-view.tsx","../src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx","../src/components/onboarding-guides/onboarding-guide-detail-view.tsx","../src/components/onboarding-guides/hooks/use-onboarding-guides.ts"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-2EU3TWCW.cjs","sourcesContent":[null,"'use client'\n\n/**\n * Public-facing catalog view for `/onboarding-guides`.\n *\n * Two data modes:\n *   - **controlled** (hub SSR): pass `initialGuides` + `initialSections`\n *     (server-fetched; section changes re-render the host with new props).\n *   - **self-fetching** (config-only embed): omit the data props and pass\n *     `guidesEndpoint` + `sectionsEndpoint` (the api routes). The view fetches\n *     the guides (refetching on `?section=` change) + the section list itself —\n *     no host data layer. (Plain fetch + useEffect, the DeliveryLists pattern.)\n *\n * The view renders ONLY its body + its OWN controls (the RAG `<DocSearchBar>` +\n * dynamic section pills — onboarding's controls are content-driven, unlike the\n * static search/filter the `DevSectionView` chrome ships). It does NOT render the\n * page chrome: the CALLER wraps it in `<DevSectionPage sectionKey=\"onboarding\">`\n * (hero + back button), exactly like the roadmap / releases / delivery pages — so\n * every dev-center surface composes the same way and the view stays embeddable in\n * tabbed contexts. Card hrefs flow through `runtime.composeContentUrl`.\n */\n\nimport { useMemo, useTransition, type ReactNode } from 'react'\nimport { GraduationCap } from 'lucide-react'\n\nimport { useRouter, useSearchParams } from '../../embed-shims'\nimport { useSelfFetch } from '../../hooks/use-self-fetch'\nimport { DocSearchBar, useDocSearch } from '../shared/doc-search'\nimport { FilterPillRow } from '../ui/filter-pill-row'\nimport { LoadError } from '../ui/error-state'\nimport { OnboardingGuideCard } from '../chat/entity-cards/onboarding-guide-card'\nimport { OnboardingGuidesCatalogSkeleton } from './onboarding-guides-catalog-skeleton'\nimport { useChatRuntime } from '../../contexts/chat-runtime-context'\nimport type { OnboardingGuide } from '../chat/types/entities/onboarding-guide'\nimport { resolveContentHref } from '../../utils/content-href'\n\ntype SectionSummary = { section: string; section_order: number; count: number }\n\nexport interface OnboardingGuidesCatalogViewProps {\n  /** Controlled / SSR: server-fetched guides. Omit + pass `guidesEndpoint`\n   *  for the self-fetching config-only mode. */\n  initialGuides?: OnboardingGuide[]\n  initialSections?: SectionSummary[]\n  initialSection?: string\n  /** Self-fetch: GET list endpoint (the api route). Appends `?section=`. */\n  guidesEndpoint?: string\n  /** Self-fetch: GET section-summary endpoint (the api route). */\n  sectionsEndpoint?: string\n  /** Optional per-row card renderer override. */\n  renderCard?: (guide: OnboardingGuide) => ReactNode\n  /** Base path the catalog is mounted under (fallback href prefix + `?section=`\n   *  push target). Default `/onboarding-guides`. */\n  basePath?: string\n}\n\nexport function OnboardingGuidesCatalogView({\n  initialGuides,\n  initialSections,\n  initialSection = '',\n  guidesEndpoint,\n  sectionsEndpoint,\n  renderCard,\n  basePath = '/onboarding-guides',\n}: OnboardingGuidesCatalogViewProps) {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const [isPending, startTransition] = useTransition()\n  const runtime = useChatRuntime()\n\n  // Self-fetch only when the host supplied NO data but DID give an endpoint.\n  const selfFetch = initialGuides === undefined && guidesEndpoint !== undefined\n  // Active section: from the URL when self-fetching, from the prop (host RSC\n  // already read the URL server-side) when controlled.\n  const sectionValue = selfFetch ? searchParams.get('section') ?? '' : initialSection\n  const activeSection = sectionValue || 'all'\n\n  // Self-fetch the guides (refetched whenever `?section=` changes — it's folded\n  // into the url) + the section summaries. Controlled mode passes `null` urls so\n  // the hook never fetches. The guides fetch carries the error/retry affordance.\n  const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : ''\n  const guidesRes = useSelfFetch<{ data?: OnboardingGuide[] }>(\n    selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null,\n  )\n  const sectionsRes = useSelfFetch<SectionSummary[]>(\n    selfFetch && sectionsEndpoint ? sectionsEndpoint : null,\n  )\n\n  // Invariant: `guidesRes.data` is `null` until the first fetch resolves, then\n  // `{ data: [...] }`. The `?.data ?? []` chain collapses never-fetched (null) and\n  // legitimately-empty ([]) to the same `[]` — so the first-load skeleton gate below\n  // keys on the OUTER `guidesRes.data == null` to distinguish them (an empty section\n  // toggle keeps the chrome; only a true cold start shows the full-page skeleton).\n  const guides = initialGuides ?? guidesRes.data?.data ?? []\n  const sections = initialSections ?? (Array.isArray(sectionsRes.data) ? sectionsRes.data : [])\n  const isLoading = selfFetch ? guidesRes.isLoading : false\n\n  // Section grouping. Data arrives already filtered (server-side `?section=`\n  // for the host, or our `?section=` fetch); this just buckets visible rows.\n  const grouped = useMemo(() => {\n    const map = new Map<string, { section_order: number; guides: OnboardingGuide[] }>()\n    for (const g of guides) {\n      const existing = map.get(g.section)\n      if (existing) {\n        if (g.section_order < existing.section_order) existing.section_order = g.section_order\n        existing.guides.push(g)\n      } else {\n        map.set(g.section, { section_order: g.section_order, guides: [g] })\n      }\n    }\n    for (const entry of map.values()) {\n      entry.guides.sort((a, b) => a.step_order - b.step_order || a.title.localeCompare(b.title))\n    }\n    return Array.from(map.entries())\n      .map(([section, info]) => ({ section, ...info }))\n      .sort((a, b) => a.section_order - b.section_order || a.section.localeCompare(b.section))\n  }, [guides])\n\n  const sectionFilterOptions = useMemo(\n    () => [\n      { value: 'all', label: `All (${guides.length})` },\n      ...sections.map((s) => ({ value: s.section, label: `${s.section} (${s.count})` })),\n    ],\n    [guides.length, sections],\n  )\n\n  // Section pill change → push `?section=X`. Controlled mode: host RSC\n  // re-fetches. Self-fetch mode: our guides effect re-fetches on the URL change.\n  const setSection = (value: string) => {\n    const params = new URLSearchParams(searchParams.toString())\n    if (value === 'all') {\n      params.delete('section')\n    } else {\n      params.set('section', value)\n    }\n    const qs = params.toString()\n    startTransition(() => {\n      router.push(qs ? `${basePath}?${qs}` : basePath)\n    })\n  }\n\n  // Search bar — scoped to onboarding-guides only via RAG-search `tableIds`.\n  const source = runtime?.source ?? 'openframe'\n  const docSearch = useDocSearch({\n    source,\n    baseRoute: basePath,\n    onNavigate: (path) => router.push(path),\n    tableIds: ['onboarding-guides'],\n  })\n\n  // Per-row card renderer — runtime-composed href, fallback to relative.\n  const defaultRenderCard = (guide: OnboardingGuide) => {\n    const cta = resolveContentHref(runtime?.composeContentUrl, {\n      type: 'onboarding_guide',\n      slug: guide.slug,\n      basePath,\n      platforms: guide.onboarding_guide_platforms,\n    })\n    return (\n      <OnboardingGuideCard\n        guide={guide}\n        href={cta.href}\n        targetPlatform={cta.targetPlatform}\n        size=\"catalog\"\n      />\n    )\n  }\n  const renderCardFn = renderCard ?? defaultRenderCard\n\n  const preControls = (\n    <div className=\"space-y-4\">\n      <DocSearchBar\n        placeholder=\"Search onboarding guides, releases, case studies…\"\n        query={docSearch.query}\n        onQueryChange={docSearch.setQuery}\n        results={docSearch.results}\n        isLoading={docSearch.isLoading}\n        onResultSelect={docSearch.handleResultSelect}\n        showDropdown={docSearch.keepDropdownOpen}\n      />\n      {sections.length > 0 && (\n        <FilterPillRow\n          label=\"Section\"\n          selectedValue={activeSection}\n          onValueChange={setSection}\n          options={sectionFilterOptions}\n        />\n      )}\n    </div>\n  )\n\n  // A failed guides fetch → a RETRYABLE error (not the indistinguishable-from-\n  // empty \"no guides found\" state) — parity with the sibling self-fetch views.\n  if (selfFetch && guidesRes.error) {\n    return <LoadError message=\"Failed to load onboarding guides.\" onRetry={guidesRes.reload} />\n  }\n  // Full-page skeleton ONLY on the very first load (no data has loaded yet) — a\n  // later section toggle that legitimately returns ZERO guides keeps the page\n  // chrome (search + section pills) and dims the grid via the className below.\n  if (selfFetch && guidesRes.data == null && isLoading) {\n    return <OnboardingGuidesCatalogSkeleton />\n  }\n\n  return (\n    <div className=\"w-full flex flex-col gap-10\">\n      {preControls}\n      {guides.length === 0 ? (\n        <div className=\"text-center py-16\">\n          <GraduationCap className=\"h-12 w-12 text-ods-text-secondary mx-auto mb-4\" />\n          <h2 className=\"text-ods-text-primary text-h3 mb-2\">\n            No onboarding guides found\n          </h2>\n          <p className=\"text-ods-text-secondary text-h6\">\n            {activeSection !== 'all'\n              ? 'No guides in this section yet.'\n              : \"We're working on the onboarding library. Check back soon.\"}\n          </p>\n        </div>\n      ) : (\n        <div className={isPending || isLoading ? 'opacity-60 transition-opacity space-y-10' : 'space-y-10'}>\n          {grouped.map((sec) => (\n            <section key={sec.section} className=\"space-y-4\">\n              <h2 className=\"text-h3 text-ods-text-primary flex items-center gap-2\">\n                {sec.section}\n                <span className=\"inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 text-ods-text-secondary text-h6 px-2 py-0.5\">\n                  {sec.guides.length}\n                </span>\n              </h2>\n              {/* HORIZONTAL catalog list — single column so consecutive steps\n                  read top-to-bottom; a grid would visually reorder them. */}\n              <ul className=\"flex flex-col gap-4\">\n                {sec.guides.map((guide) => (\n                  <li key={guide.id}>{renderCardFn(guide)}</li>\n                ))}\n              </ul>\n            </section>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport { OnboardingGuideCardSkeleton } from '../chat/entity-cards/onboarding-guide-card'\n\n/**\n * Loading skeleton for `/onboarding-guides` — CHROME-LESS, exactly like the\n * loaded `<OnboardingGuidesCatalogView>`. The HOST page owns the\n * `<DevSectionPage sectionKey=\"onboarding\">` shell (hero + back button);\n * this component renders only what replaces the view: the search/pill\n * placeholder block and the section card lists.\n *\n * HISTORY: this used to mount its own `<DevSectionPage>` — nested inside the\n * page's shell that double-rendered the hero + back button during loading\n * (the view was made chrome-less in the page restructure; the skeleton was\n * missed). Keep BOTH chrome-less.\n *\n * Wrapper mirrors the loaded view's `w-full flex flex-col gap-10`; per-card\n * height matches the loaded catalog card so resolve shifts are zero.\n */\nexport function OnboardingGuidesCatalogSkeleton() {\n  return (\n    <div className=\"w-full flex flex-col gap-10 animate-pulse\">\n      {/* Search input placeholder — matches `<SearchInput>` h-12 — plus the\n          section pill row (~74 px incl. padding), same as the loaded\n          preControls block. */}\n      <div className=\"space-y-4\">\n        <div className=\"h-12 w-full bg-ods-card border border-ods-border rounded-md\" />\n        <div className=\"flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg\">\n          <div className=\"h-4 w-14 bg-ods-border/60 rounded\" />\n          {[0, 1, 2, 3].map((i) => (\n            <div\n              key={i}\n              className=\"h-10 w-24 bg-ods-card border border-ods-border rounded-md\"\n            />\n          ))}\n        </div>\n      </div>\n      <div className=\"space-y-10\">\n        {[4, 3, 3].map((cardCount, sectionIdx) => (\n          <section key={sectionIdx} className=\"space-y-4\">\n            <h2 className=\"text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2\">\n              <span className=\"h-6 w-40 bg-ods-border/70 rounded\" />\n              <span className=\"h-5 w-8 bg-ods-text-secondary/20 rounded-full\" />\n            </h2>\n            <ul className=\"flex flex-col gap-4\">\n              {Array.from({ length: cardCount }).map((_, cardIdx) => (\n                <li key={cardIdx}>\n                  <OnboardingGuideCardSkeleton size=\"catalog\" />\n                </li>\n              ))}\n            </ul>\n          </section>\n        ))}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\n/**\n * Public-facing detail view for `/onboarding-guides/<slug>`.\n *\n * Two modes:\n *   - **controlled** (hub SSR): pass `initialData` (a server-fetched guide).\n *   - **self-fetching** (config-only embed): pass `slug` + `guideEndpoint`\n *     (the api route) and the view fetches the guide itself — no host data\n *     layer. (Plain fetch + useEffect, the DeliveryLists pattern.)\n *\n * Everything else flows through lib primitives + the ChatRuntime context\n * (markdown, video warmup, captions, related-card hrefs via\n * `runtime.composeContentUrl`). Optional `MarkdownRenderer` lets hosts swap a\n * renderer with extra plugins.\n */\n\nimport { Fragment, type ComponentType, type ReactNode } from 'react'\nimport { PageLayout } from '../layout/page-layout'\n\nimport { useRouter } from '../../embed-shims'\n// PageShell (max-w-[1920px]) — the guide detail content must share the SAME\n// container sizing as the related-content/FAQ rail the host page renders\n// below it (which uses the wide shell). ArticleDetailLayout (1280px) made\n// the detail block visibly narrower than the rail.\nimport { PageShell } from '../layout/article-detail-layout'\nimport { DetailPageSkeleton } from '../shared/detail-page-skeleton'\nimport { EntityVideoSection } from '../features/entity-video-section'\nimport { VideoBitesStrip } from '../features/video-bites-strip'\nimport { toStripProfile } from '../features/video-bites-shared'\nimport { useVideoWarmup } from '../features/use-video-warmup'\nimport { getCaptionsUrl } from '../features/captions-url'\nimport { RichMarkdownRenderer } from '../ui/markdown'\nimport { EntityTagBadges } from '../features/entity-tag-badges'\nimport { LoadError } from '../ui/error-state'\nimport { ArticleAuthorByline } from '../shared/article-author-byline'\nimport { EntityAuthorCard } from '../chat/entity-cards/entity-author-card'\nimport { OnboardingGuideCard } from '../chat/entity-cards/onboarding-guide-card'\nimport { useChatRuntime } from '../../contexts/chat-runtime-context'\nimport type { OnboardingGuide } from '../chat/types/entities/onboarding-guide'\nimport type { VideoTeaser } from '../../types/video-processing'\nimport { resolveContentHref } from '../../utils/content-href'\nimport { buildOgPlaceholderUrl } from '../../utils/og-placeholder'\nimport { useSelfFetch } from '../../hooks/use-self-fetch'\n\nexport interface OnboardingGuideDetailViewProps {\n  /** Server-fetched guide (controlled / SSR mode). Omit it and pass\n   *  `slug` + `guideEndpoint` for the self-fetching config-only mode. */\n  initialData?: OnboardingGuide\n  /** Self-fetch: the guide's slug (the host reads it from its route). */\n  slug?: string\n  /** Self-fetch: builds the GET url for a single guide (the api route).\n   *  e.g. `(s) => \\`/content/api/onboarding-guides/${s}\\``. */\n  guideEndpoint?: (slug: string) => string\n  related?: OnboardingGuide[]\n  /** Link target for the author name in the metadata grid — the host\n   *  computes it (public author page; absent ⇒ plain text). */\n  authorHref?: string\n  /** Bio paragraph for the end-of-article author byline. Defaults to the\n   *  guide payload's `author.about` (hubs that hydrate it can omit this). */\n  authorBio?: string | null\n  /** Byline fallback paragraph when the bio is empty — the host passes its\n   *  platform-aware copy (the lib has no config awareness). Absent ⇒ the\n   *  byline renders nothing below the name when the bio is empty. */\n  fallbackBio?: string | null\n  /** Optional markdown renderer override. Defaults to lib\n   *  `<RichMarkdownRenderer>`. */\n  MarkdownRenderer?: ComponentType<{ content: string }>\n  /** Optional per-row related-card renderer override. */\n  renderRelatedCard?: (guide: OnboardingGuide) => ReactNode\n  /** Back-link target. Defaults to `basePath`. */\n  backHref?: string\n  /** Back-link label. Defaults to \"Back to Getting Started\". */\n  backLabel?: string\n  /** Base path the related-card hrefs default to when\n   *  `runtime.composeContentUrl` is not wired. Default `/onboarding-guides`. */\n  basePath?: string\n  /** Optional slot rendered inside the page chrome, BELOW the article + related\n   *  guides — e.g. the hub's cross-type related-content / FAQ rail. Lets the hub\n   *  mount this view directly (no local wrapper); embedders omit it. */\n  relatedContent?: ReactNode\n  /** Render the standalone `<PageShell>`. Default true. Pass false when the host\n   *  layout already provides the page container — only the padding box renders,\n   *  avoiding a nested `<main>`. */\n  shell?: boolean\n}\n\nexport function OnboardingGuideDetailView({\n  authorHref,\n  authorBio,\n  fallbackBio,\n  initialData,\n  slug,\n  guideEndpoint,\n  related = [],\n  MarkdownRenderer = RichMarkdownRenderer,\n  renderRelatedCard,\n  backHref,\n  backLabel = 'Back to Getting Started',\n  basePath = '/onboarding-guides',\n  relatedContent,\n  shell = true,\n}: OnboardingGuideDetailViewProps) {\n  const resolvedBackHref = backHref ?? basePath\n  const runtime = useChatRuntime()\n  const router = useRouter()\n  // `shell` true → standalone `<PageShell>`; false → padding-only box (no nested\n  // <main>) for hosts whose layout already provides the container.\n  const renderShell = (node: ReactNode) =>\n    shell ? <PageShell>{node}</PageShell> : <div className=\"page-shell-content\">{node}</div>\n\n  // Controlled (hub SSR `initialData`) OR self-fetch by slug (config-only embed).\n  const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null\n  const { data: guide, isLoading, error, reload } = useSelfFetch<OnboardingGuide>(url, { initialData })\n\n  // Hooks must run unconditionally — feed them optional-chained values so they\n  // no-op while the guide is still loading.\n  const { ref: videoWarmupRef } = useVideoWarmup<HTMLDivElement>({\n    videoUrl: guide?.main_video_url,\n    supabaseStorageOrigin: runtime?.endpoints.supabaseStorageOrigin,\n  })\n\n  if (error || (!guide && !isLoading)) {\n    return renderShell(<LoadError message=\"Guide not found.\" onRetry={reload} />)\n  }\n  if (!guide) {\n    // Skeleton (not a bare \"Loading…\") for parity with every other shared view —\n    // catalog, roadmap, releases all render a skeleton on first load, so the detail\n    // page shouldn't flash text then content. `bare` + `PageShell` so the loading\n    // state matches the loaded page's full width / padding / min-height.\n    return renderShell(\n      // Match the loaded page's top offset (TitleBlock's\n      // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.\n      <div className=\"pt-[var(--spacing-system-l)]\">\n        <DetailPageSkeleton bare showImageGallery={false} />\n      </div>\n    )\n  }\n\n  const captionsUrl = getCaptionsUrl('onboarding_guide', guide.id, guide.srt_content)\n\n  const videoPoster =\n    guide.main_video_thumbnail ||\n    guide.featured_image ||\n    guide.og_image_url ||\n    // `buildOgPlaceholderUrl` always returns a usable string (relative route at\n    // worst), so it's the terminal fallback — no trailing `|| undefined` needed.\n    buildOgPlaceholderUrl(runtime?.endpoints, guide.title, { aspect: 'wide' })\n\n  const defaultRenderRelatedCard = (g: OnboardingGuide) => {\n    const cta = resolveContentHref(runtime?.composeContentUrl, {\n      type: 'onboarding_guide',\n      slug: g.slug,\n      basePath,\n      platforms: g.onboarding_guide_platforms,\n    })\n    return <OnboardingGuideCard guide={g} href={cta.href} targetPlatform={cta.targetPlatform} />\n  }\n  const renderRelatedCardFn = renderRelatedCard ?? defaultRenderRelatedCard\n\n  return renderShell(\n    <PageLayout\n        title={guide.title}\n        titleSize=\"h1\"\n        titleWrap\n        backButton={{ label: backLabel, onClick: () => router.push(resolvedBackHref) }}\n      >\n        {/* Tags — flat onboarding_guide_tags[] from entity_tags. */}\n        <EntityTagBadges tags={(guide as any).onboarding_guide_tags} />\n\n        {/* Metadata grid — Section · Step | Published | Author. */}\n        <EntityAuthorCard\n          author={guide.author}\n          authorHref={authorHref}\n          publishedAt={guide.published_at}\n          extraCells={[\n            {\n              value: `${guide.section} · Step ${guide.step_order}`,\n              label: 'Section',\n              uppercase: false,\n            },\n          ]}\n        />\n\n        {/* Video. `main_video_url` (Mux/MP4) and `youtube_url` are independent\n            columns — either populated renders the player. */}\n        {(guide.main_video_url || guide.youtube_url) && (\n          <div ref={videoWarmupRef}>\n            <EntityVideoSection\n              mainVideoUrl={guide.main_video_url}\n              youtubeUrl={guide.youtube_url || undefined}\n              highlightVideoUrl={guide.highlight_video_url}\n              mainVideoPoster={videoPoster}\n              highlightVideoThumbnail={guide.highlight_video_thumbnail || undefined}\n              videoSummary={undefined}\n              videoBites={undefined}\n              title={guide.title}\n              srtContent={guide.srt_content}\n              captionsUrl={captionsUrl}\n              MarkdownRenderer={MarkdownRenderer}\n            />\n          </div>\n        )}\n\n        {/* Markdown body */}\n        {guide.content && (\n          <div className=\"space-y-4\">\n            <MarkdownRenderer content={guide.content} />\n          </div>\n        )}\n\n        {/* Video Bites — unified strip; renders nothing when no published bites. */}\n        <VideoBitesStrip\n          bites={(guide.video_bites as VideoTeaser[] | null) ?? []}\n          filterPublished={true}\n          showTitle={false}\n          profile={toStripProfile(guide.author)}\n          href={`/onboarding-guides/${guide.slug}`}\n        />\n\n        {/* End-of-article author byline (avatar + linked name + bio) — the\n            author DESCRIPTION block every article-shaped detail page renders.\n            Hidden when the guide has no author (the byline returns null). */}\n        <ArticleAuthorByline\n          author={guide.author?.full_name ?? null}\n          avatar={guide.author?.avatar_url}\n          jobTitle={guide.author?.job_title}\n          bio={authorBio ?? guide.author?.about}\n          href={authorHref}\n          fallbackBio={fallbackBio}\n        />\n\n        {/* Related — same-section, ordered by step. */}\n        {related.length > 0 && (\n          <div className=\"space-y-4 pt-8 border-t border-ods-border\">\n            <h2 className=\"text-h3 tracking-[-0.36px] text-ods-text-primary\">\n              More in {guide.section}\n            </h2>\n            <ul className=\"flex flex-col gap-3\">\n              {related.map((r) => (\n                <li key={r.id}>{renderRelatedCardFn(r)}</li>\n              ))}\n            </ul>\n          </div>\n        )}\n\n        {/*\n         * Host slot — cross-type related-content / FAQ rail.\n         *\n         * KEYED DELIBERATELY. This is one member of PageLayout's static children\n         * array, and the only member whose element may be created in a SERVER\n         * component and crossed over the RSC boundary. Static JSX children are\n         * normally exempt from the key warning because `jsxs` runs\n         * `validateChildKeys` and stamps `_store.validated = 1` on each element —\n         * but a slot arriving over the wire is referenced as a lazy chunk wrapper,\n         * so validation marks the WRAPPER and the fulfilled path never copies the\n         * flag onto the revived element. It reaches the reconciler with\n         * `validated: 0, key: null` and warns, blaming PageLayout (the owner of the\n         * enclosing element) rather than anything actually at fault.\n         *\n         * A keyed Fragment emits no DOM, so rendered output is byte-identical.\n         * Do NOT \"fix\" this in PageLayout via `React.Children.toArray` — that would\n         * auto-key every consumer's children and change reconciliation identity for\n         * all of them, and that file carries an explicit FROZEN contract.\n         */}\n        <Fragment key=\"related-content\">{relatedContent}</Fragment>\n      </PageLayout>\n  )\n}\n","'use client'\n\n/**\n * React Query hooks for Onboarding Guides — PUBLIC reads only.\n *\n * Admin mutations (create/update/delete/publish/stats/save-highlight)\n * stay HUB-side in `hooks/use-onboarding-guides.ts` and import the\n * `onboardingGuideKeys.admin` sub-namespace from this module so the\n * cache namespace `['onboarding-guides']` has a single source of truth.\n *\n * Endpoints (`/api/onboarding-guides*`) are host-supplied — non-Next.js\n * embedders must reverse-proxy the same routes. Same precedent as the\n * tickets list hook.\n */\n\nimport { useQuery } from '@tanstack/react-query'\n\nimport type {\n  OnboardingGuide,\n  OnboardingGuideFilters,\n  OnboardingGuideListResponse,\n  OnboardingGuideSectionSummary,\n} from '../../chat/types/entities/onboarding-guide'\n\n/**\n * Cache key builder for the `['onboarding-guides']` namespace.\n *\n * Includes BOTH public-read sub-keys (`lists`, `list`, `details`,\n * `detail`, `sections`) AND the `admin` sub-namespace. Admin mutations\n * live hub-side but invalidate against this same builder so a single\n * `qc.invalidateQueries({ queryKey: onboardingGuideKeys.all })` from\n * an admin hook also clears the public read cache.\n */\nexport const onboardingGuideKeys = {\n  all: ['onboarding-guides'] as const,\n  lists: () => [...onboardingGuideKeys.all, 'list'] as const,\n  list: (filters: OnboardingGuideFilters) =>\n    [...onboardingGuideKeys.lists(), filters] as const,\n  details: () => [...onboardingGuideKeys.all, 'detail'] as const,\n  detail: (slug: string) => [...onboardingGuideKeys.details(), slug] as const,\n  sections: () => [...onboardingGuideKeys.all, 'sections'] as const,\n  admin: {\n    all: ['admin', 'onboarding-guides'] as const,\n    lists: () => ['admin', 'onboarding-guides', 'list'] as const,\n    detail: (slug: string) =>\n      ['admin', 'onboarding-guide', slug] as const,\n    stats: () => ['admin', 'onboarding-guides', 'stats'] as const,\n  },\n}\n\nexport function useOnboardingGuides(filters?: OnboardingGuideFilters) {\n  return useQuery({\n    queryKey: onboardingGuideKeys.list(filters || {}),\n    queryFn: async (): Promise<OnboardingGuideListResponse> => {\n      const params = new URLSearchParams()\n      if (filters?.search) params.set('search', filters.search)\n      if (filters?.section) params.set('section', filters.section)\n      if (filters?.limit) params.set('limit', filters.limit.toString())\n      if (filters?.offset) params.set('offset', filters.offset.toString())\n      const res = await fetch(`/api/onboarding-guides?${params}`)\n      if (!res.ok) throw new Error('Failed to fetch onboarding guides')\n      return res.json()\n    },\n  })\n}\n\nexport function useOnboardingGuide(slug: string | undefined) {\n  return useQuery({\n    queryKey: onboardingGuideKeys.detail(slug || ''),\n    queryFn: async (): Promise<OnboardingGuide> => {\n      const res = await fetch(`/api/onboarding-guides/${slug}`)\n      if (!res.ok) throw new Error('Failed to fetch onboarding guide')\n      return res.json()\n    },\n    enabled: !!slug,\n  })\n}\n\nexport function useOnboardingGuideSections() {\n  return useQuery({\n    queryKey: onboardingGuideKeys.sections(),\n    queryFn: async (): Promise<OnboardingGuideSectionSummary[]> => {\n      const res = await fetch('/api/onboarding-guides/sections')\n      if (!res.ok)\n        throw new Error('Failed to fetch onboarding-guide sections')\n      return res.json()\n    },\n    staleTime: 0,\n  })\n}\n"]}

package/dist/{chunk-MVY3WDFZ.js → chunk-2ZHVOTSA.js}

@@ -10,7 +10,7 @@ import {
   TASK_TYPE_LABELS,
   TASK_TYPE_TEXT_COLORS,
   getStatusColorScheme
-} from "./chunk-LL4C2NXG.js";
+} from "./chunk-7SPVAAWE.js";
 import {
   init_next_navigation,
   usePathname,
@@ -262,4 +262,4 @@ export {
   DevCardRowSkeletonList,
   DeliveryRow
 };
-//# sourceMappingURL=chunk-MVY3WDFZ.js.map
+//# sourceMappingURL=chunk-2ZHVOTSA.js.map

package/dist/{chunk-UBTOOE55.js → chunk-5OGHZNY5.js}

@@ -101,6 +101,15 @@ var init_button = __esm({
             // metadata rather than CTAs — author-page social rows, share rows.
             // Pair with variant="transparent" for the ghost treatment.
             "icon-sm": "p-[var(--spacing-system-xxs)] h-8 w-8 [&_svg]:h-4 [&_svg]:w-4",
+            // 20px inline glyph for affordances that sit INSIDE a line of text —
+            // an info hint beside a badge, a copy glyph after an id. `icon-sm`'s
+            // 32px target is correct for a metadata row but visually swamps a
+            // 10px badge or a 14px label, so hosts were reaching for className
+            // overrides to shrink it. Below the WCAG 2.5.8 target floor on purpose:
+            // this is only for glyphs whose information is ALSO available another
+            // way (tooltip content mirrored into an aria-describedby node), never
+            // for a sole means of performing an action.
+            "icon-inline": "p-0 h-5 w-5 min-h-0 min-w-0 shrink-0 [&_svg]:h-3.5 [&_svg]:w-3.5",
             // Bare 56px media glyph (play / unmute over video). A size variant so
             // hosts stop re-implementing a <button> to escape the 20px svg cap.
             "icon-glyph": "p-0 h-14 w-14 [&_svg]:h-14 [&_svg]:w-14"
@@ -524,4 +533,4 @@ export {
   init_split_button,
   init_button2
 };
-//# sourceMappingURL=chunk-UBTOOE55.js.map
+//# sourceMappingURL=chunk-5OGHZNY5.js.map

package/dist/chunk-5OGHZNY5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button/button-styles.ts","../src/components/ui/button/button.tsx","../src/components/ui/button/split-button.tsx","../src/components/ui/button/index.ts"],"sourcesContent":["// Shared style atoms for `Button` and `SplitButton`. Extracted to keep a single\n// source of truth for surface colors, outline borders, and split-divider colors.\n\n// Each variant pairs `disabled:` (real `<button disabled>`) with `aria-disabled:`\n// (used for `<Link aria-disabled>` since anchors don't support `:disabled`).\nexport const buttonSurfaceClasses = {\n  accent:\n    \"bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover active:bg-ods-accent-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  outline:\n    \"bg-ods-card text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-ods-card disabled:text-ods-text-disabled aria-disabled:bg-ods-card aria-disabled:text-ods-text-disabled\",\n  transparent:\n    \"bg-transparent text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled\",\n  destructive:\n    \"bg-ods-error text-ods-text-on-accent hover:bg-ods-error-hover active:bg-ods-error-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  warning:\n    \"bg-ods-warning text-ods-text-on-accent hover:bg-ods-warning-hover active:bg-ods-warning-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  // A self-contained glyph (play badge, unmute glyph) that already carries its\n  // own scrim: no button surface at all, in any state. Distinct from\n  // `transparent`, whose hover/active fills would paint a rectangle behind the\n  // glyph — which is why call sites were undoing them with\n  // `hover:bg-transparent active:bg-transparent`.\n  glyph:\n    \"bg-transparent text-ods-text-primary hover:bg-transparent active:bg-transparent disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled\",\n  // Chrome that sits ON media (video cards, image lightboxes): a scrim disc so\n  // the glyph stays legible over an arbitrary frame. Promoted to a variant\n  // because the walkthrough card, its theater and the bite cards were each\n  // stacking the same classes at the call site.\n  overlay:\n    \"rounded-full bg-ods-overlay text-ods-text-primary backdrop-blur-sm hover:text-ods-accent active:text-ods-accent-active disabled:text-ods-text-disabled aria-disabled:text-ods-text-disabled\",\n} as const\n\nexport const outlineBorderClasses =\n  \"border border-ods-border hover:border-ods-border-hover active:border-ods-border-active disabled:border-ods-border aria-disabled:border-ods-border\"\n\n// Glyph scale for the split-layout button family: 16px below md, 24px from md.\n//\n// Shared because the same page-header action renders through EITHER of the two\n// split layouts depending on its shape — `SplitButton` for two click targets, and\n// `Button` + `splitIcon` for one with a decorative trailing glyph — and the two sit\n// side by side in the same row. They used to disagree: `SplitButton` carried this\n// responsive scale while the `Button` split slots re-declared a flat 20px, so a\n// \"submenu\" action's icons rendered 4px smaller than its neighbour's on desktop.\n// `Button`'s own flat `[&_svg]:h-5` stays as it is for ordinary (non-split) buttons.\nexport const splitGlyphSizeClasses = \"[&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6\"\n\n// Color of the vertical seam between the main and icon halves (split layouts).\nexport const splitDividerColorClasses = {\n  accent: \"border-ods-accent-active\",\n  outline: \"border-ods-border\",\n  transparent: \"border-ods-border\",\n  destructive: \"border-ods-error-active\",\n  warning: \"border-ods-warning-active\",\n} as const\n\nexport type ButtonSurfaceVariant = keyof typeof buttonSurfaceClasses\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport Link from '../../../embed-shims/next-link';\n\nimport { cn } from '../../../utils/cn';\nimport {\n  buttonSurfaceClasses,\n  outlineBorderClasses,\n  splitDividerColorClasses,\n  splitGlyphSizeClasses,\n} from './button-styles';\n\n// Default layout: centered single content area, padding/gap on the button itself.\nconst buttonVariants = cva(\n  [\n    'relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]',\n    'rounded-md whitespace-nowrap',\n    'transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus',\n    'disabled:pointer-events-none',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-5 [&_svg]:w-5',\n  ],\n  {\n    variants: {\n      variant: {\n        accent: buttonSurfaceClasses.accent,\n        outline: cn(buttonSurfaceClasses.outline, outlineBorderClasses),\n        transparent: buttonSurfaceClasses.transparent,\n        destructive: buttonSurfaceClasses.destructive,\n        warning: buttonSurfaceClasses.warning,\n        glyph: buttonSurfaceClasses.glyph,\n        overlay: buttonSurfaceClasses.overlay,\n      },\n      size: {\n        default: 'py-[var(--spacing-system-sf)] px-[var(--spacing-system-m)] text-h3 md:h-12 h-11',\n        small: 'p-[var(--spacing-system-xs)] text-h5 h-6 md:h-8',\n        'small-legacy': 'py-[var(--spacing-system-xs)] px-[var(--spacing-system-m)] h-10 text-[14px] font-bold', // Temporary alias for \"small\" — deprecated; grep size=\"small-legacy\" (lib + hub) and migrate the remaining consumers before removal\n        // 24px pill for slim strips (announcement/promo bars, inline banner\n        // actions — Primer banner / Polaris banner / Vercel-bar convention).\n        // The label matches the strip's MESSAGE type ramp exactly (DM Sans\n        // regular, 13px -> md:14px, snug leading — the announcement bar's\n        // subtitle styling): in-strip CTAs must never read louder than the\n        // message beside them, so this deliberately uses neither the\n        // mono-uppercase control style of \"small\" nor a heavier weight.\n        // Pinned h-6 across breakpoints (24px = the WCAG 2.5.8 target-size\n        // floor) with horizontal-dominant padding and a 14px glyph.\n        compact: 'py-0 px-[var(--spacing-system-sf)] text-h6 font-normal h-6 [&_svg]:h-3.5 [&_svg]:w-3.5',\n        icon: 'p-[var(--spacing-system-sf)] h-11 w-11 md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6',\n        // Quiet 32px icon target with a 16px glyph, fixed across breakpoints\n        // (Carbon ghost sm / Primer medium / shadcn icon-sm all pin 32px;\n        // ≥ the 24px WCAG 2.5.8 target floor). For icon actions that read as\n        // metadata rather than CTAs — author-page social rows, share rows.\n        // Pair with variant=\"transparent\" for the ghost treatment.\n        'icon-sm': 'p-[var(--spacing-system-xxs)] h-8 w-8 [&_svg]:h-4 [&_svg]:w-4',\n        // 20px inline glyph for affordances that sit INSIDE a line of text —\n        // an info hint beside a badge, a copy glyph after an id. `icon-sm`'s\n        // 32px target is correct for a metadata row but visually swamps a\n        // 10px badge or a 14px label, so hosts were reaching for className\n        // overrides to shrink it. Below the WCAG 2.5.8 target floor on purpose:\n        // this is only for glyphs whose information is ALSO available another\n        // way (tooltip content mirrored into an aria-describedby node), never\n        // for a sole means of performing an action.\n        'icon-inline': 'p-0 h-5 w-5 min-h-0 min-w-0 shrink-0 [&_svg]:h-3.5 [&_svg]:w-3.5',\n        // Bare 56px media glyph (play / unmute over video). A size variant so\n        // hosts stop re-implementing a <button> to escape the 20px svg cap.\n        'icon-glyph': 'p-0 h-14 w-14 [&_svg]:h-14 [&_svg]:w-14',\n      },\n      // Label typography axis (Figma 133-740). `bold` is the classic h3-bold\n      // label; `regular` swaps the DEFAULT size's label to the h4 step\n      // (DM Sans 500, neutral tracking) — added for navigation buttons.\n      // `small` keeps its mono-uppercase h5 label on both fonts per the spec.\n      font: {\n        bold: '',\n        regular: '',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n      noPaddingX: {\n        true: 'px-0',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'small', class: '[&_svg]:h-4 [&_svg]:w-4' },\n      // Comes after the size classes, so cn()'s tailwind-merge resolves the\n      // ods-typography group in favour of text-h4.\n      { size: 'default', font: 'regular', class: 'text-h4' },\n    ],\n    defaultVariants: {\n      variant: 'accent',\n      size: 'default',\n      font: 'bold',\n      fullWidth: false,\n      noPaddingX: false,\n    },\n  },\n);\n\n// Split layout (used when `splitIcon` is provided): outer button has no padding;\n// inner slots own padding/gap so the divider can span full button height.\nconst splitShellVariants = cva(\n  [\n    'group relative inline-flex items-stretch overflow-hidden rounded-md whitespace-nowrap',\n    'transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus',\n    'disabled:pointer-events-none',\n  ],\n  {\n    variants: {\n      variant: {\n        accent: buttonSurfaceClasses.accent,\n        outline: cn(buttonSurfaceClasses.outline, outlineBorderClasses),\n        transparent: buttonSurfaceClasses.transparent,\n        destructive: buttonSurfaceClasses.destructive,\n        warning: buttonSurfaceClasses.warning,\n      },\n      size: {\n        default: 'h-12',\n        small: 'h-6 md:h-8 text-h5',\n      },\n      // Same label-typography axis as the normal layout — `regular` swaps the\n      // default size's h3-bold label for the h4 (DM Sans 500) step.\n      font: { bold: '', regular: '' },\n      fullWidth: { true: 'w-full', false: '' },\n    },\n    compoundVariants: [\n      { size: 'default', font: 'bold', class: 'text-h3' },\n      { size: 'default', font: 'regular', class: 'text-h4' },\n    ],\n    defaultVariants: { variant: 'accent', size: 'default', font: 'bold', fullWidth: false },\n  },\n);\n\nconst splitSlotVariants = cva(\n  // Glyph size lives per-size, not in the base: cva concatenates base + variant\n  // without tailwind-merge, so a base `[&_svg]:h-5` and a variant `[&_svg]:h-4`\n  // would both ship and the winner would come down to stylesheet order.\n  ['inline-flex items-center justify-center', '[&_svg]:shrink-0'],\n  {\n    variants: {\n      slot: {\n        main: 'gap-[var(--spacing-system-xsf)]',\n        icon: 'border-l',\n      },\n      size: { default: splitGlyphSizeClasses, small: '[&_svg]:h-4 [&_svg]:w-4' },\n      variant: { accent: '', outline: '', transparent: '', destructive: '', warning: '' },\n    },\n    compoundVariants: [\n      { slot: 'main', size: 'default', class: 'px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)]' },\n      { slot: 'main', size: 'small', class: 'px-[var(--spacing-system-xs)]' },\n      { slot: 'icon', size: 'default', class: 'w-10' },\n      { slot: 'icon', size: 'small', class: 'w-6 md:w-8' },\n      {\n        slot: 'icon',\n        variant: 'accent',\n        class: cn(\n          splitDividerColorClasses.accent,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n      { slot: 'icon', variant: 'outline', class: splitDividerColorClasses.outline },\n      { slot: 'icon', variant: 'transparent', class: splitDividerColorClasses.transparent },\n      {\n        slot: 'icon',\n        variant: 'destructive',\n        class: cn(\n          splitDividerColorClasses.destructive,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n      {\n        slot: 'icon',\n        variant: 'warning',\n        class: cn(\n          splitDividerColorClasses.warning,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n    ],\n    defaultVariants: { slot: 'main', size: 'default', variant: 'accent' },\n  },\n);\n\n/** @deprecated Use `size=\"small\"` instead. Temporary alias kept for backward compatibility; will be removed in the future. */\ntype DeprecatedButtonSize = 'small-legacy';\n\ntype ButtonSize =\n  | Exclude<VariantProps<typeof buttonVariants>['size'], 'small-legacy' | null | undefined>\n  | DeprecatedButtonSize;\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Omit<VariantProps<typeof buttonVariants>, 'size'> {\n  asChild?: boolean;\n  href?: string;\n  openInNewTab?: boolean;\n  prefetch?: boolean;\n  /**\n   * Pre-resolved anchor bundle (from `useNavLink({ href, targetPlatform })`).\n   * When set, renders the Button as `<Link>` with `href` / `target` / `rel`\n   * / `onClick` spread from this object. Lets callers thread the unified\n   * nav decision directly without `<Button asChild><a {...linkProps}/>`\n   * gymnastics. Wins over the separate `href` / `openInNewTab` props.\n   */\n  linkProps?: {\n    href: string;\n    target?: '_blank';\n    rel?: 'noopener noreferrer';\n    onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  } | null;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  /**\n   * Renders a vertical divider and trailing icon area inside the button.\n   * The whole button stays a single click target — the icon is decorative\n   * (`aria-hidden`). For two independent click targets, use `<SplitButton>`.\n   * Only honored when `size` is `\"default\"` or `\"small\"`.\n   */\n  splitIcon?: React.ReactNode;\n  loading?: boolean;\n  size?: ButtonSize;\n}\n\nconst Spinner = () => (\n  <svg className=\"animate-spin\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    />\n  </svg>\n);\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant,\n    size,\n    font,\n    fullWidth,\n    noPaddingX,\n    asChild,\n    href,\n    openInNewTab,\n    prefetch,\n    linkProps,\n    leftIcon,\n    rightIcon,\n    splitIcon,\n    loading,\n    children,\n    disabled,\n    onClick,\n    ...props\n  },\n  ref,\n) {\n  const isDisabled = disabled || loading;\n\n  // splitIcon is only supported for default/small sizes. With other sizes\n  // (icon, small-legacy) we silently fall back to the normal layout.\n  const useSplitLayout = !!splitIcon && (size === 'default' || size === 'small' || size === undefined);\n\n  if (useSplitLayout) {\n    const safeSize = (size ?? 'default') as 'default' | 'small';\n    const safeVariant = (variant ?? 'accent') as 'accent' | 'outline' | 'transparent' | 'destructive' | 'warning';\n    const shellClasses = cn(splitShellVariants({ variant: safeVariant, size: safeSize, font, fullWidth }), className);\n    const mainSlotClass = splitSlotVariants({ slot: 'main', size: safeSize, variant: safeVariant });\n    const iconSlotClass = splitSlotVariants({ slot: 'icon', size: safeSize, variant: safeVariant });\n\n    const splitContent = (\n      <>\n        <span className={cn('contents', loading && 'invisible')}>\n          <span className={mainSlotClass}>\n            {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n            {children}\n            {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n          </span>\n          <span aria-hidden=\"true\" className={iconSlotClass}>\n            {splitIcon}\n          </span>\n        </span>\n        {loading && (\n          <span className=\"absolute inset-0 inline-flex items-center justify-center text-ods-text-primary\">\n            <Spinner />\n          </span>\n        )}\n      </>\n    );\n\n    // `linkProps` (the pre-resolved bundle from `useNavLink({ href, targetPlatform })`)\n    // wins over the legacy `href` + `openInNewTab` props so callers can thread\n    // the unified nav decision directly. Either path produces the same `<Link>`.\n    const splitAnchor =\n      linkProps ??\n      (href\n        ? {\n            href,\n            target: openInNewTab ? ('_blank' as const) : undefined,\n            rel: openInNewTab ? ('noopener noreferrer' as const) : undefined,\n            onClick: onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined,\n          }\n        : null);\n    if (splitAnchor) {\n      return (\n        <Link\n          href={splitAnchor.href}\n          prefetch={prefetch}\n          target={splitAnchor.target}\n          rel={splitAnchor.rel}\n          // The Link branches don't spread {...props} (button attrs don't\n          // belong on an anchor), but the accessible name MUST survive —\n          // icon-only link buttons have no text content.\n          aria-label={props['aria-label']}\n          aria-disabled={isDisabled || undefined}\n          tabIndex={isDisabled ? -1 : undefined}\n          className={cn(shellClasses, isDisabled && 'pointer-events-none')}\n          onClick={splitAnchor.onClick}\n        >\n          {splitContent}\n        </Link>\n      );\n    }\n\n    return (\n      <button ref={ref} className={shellClasses} disabled={isDisabled} onClick={onClick} {...props}>\n        {splitContent}\n      </button>\n    );\n  }\n\n  const classes = cn(buttonVariants({ variant, size, font, fullWidth, noPaddingX }), className);\n\n  // asChild: consumer fully controls the rendered element; we just stamp our classes.\n  if (asChild) {\n    return (\n      <Slot ref={ref} className={classes} {...props}>\n        {children}\n      </Slot>\n    );\n  }\n\n  // Real content stays in layout (preserving width) but goes invisible while loading.\n  // The spinner is absolutely positioned so it never shifts the button's size.\n  const content = (\n    <>\n      <span className={cn('contents', loading && 'invisible')}>\n        {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n        {children}\n        {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n      </span>\n      {loading && (\n        <span className=\"absolute inset-0 inline-flex items-center justify-center text-ods-text-primary\">\n          <Spinner />\n        </span>\n      )}\n    </>\n  );\n\n  // Same `linkProps`-wins-over-href resolution as the splitIcon branch.\n  const anchor =\n    linkProps ??\n    (href\n      ? {\n          href,\n          target: openInNewTab ? ('_blank' as const) : undefined,\n          rel: openInNewTab ? ('noopener noreferrer' as const) : undefined,\n          onClick: onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined,\n        }\n      : null);\n  if (anchor) {\n    return (\n      <Link\n        href={anchor.href}\n        prefetch={prefetch}\n        target={anchor.target}\n        rel={anchor.rel}\n        // See the splitAnchor branch — keep the accessible name on the\n        // anchor render (icon-only link buttons have no text content).\n        aria-label={props['aria-label']}\n        aria-disabled={isDisabled || undefined}\n        tabIndex={isDisabled ? -1 : undefined}\n        className={cn(classes, isDisabled && 'pointer-events-none')}\n        onClick={anchor.onClick}\n      >\n        {content}\n      </Link>\n    );\n  }\n\n  return (\n    <button ref={ref} className={classes} disabled={isDisabled} onClick={onClick} {...props}>\n      {content}\n    </button>\n  );\n});\n\nexport { Button, buttonVariants, type ButtonProps };\n","\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport Link from \"../../../embed-shims/next-link\"\nimport React from \"react\"\n\nimport { cn } from \"../../../utils/cn\"\nimport { buttonSurfaceClasses, splitDividerColorClasses, splitGlyphSizeClasses } from \"./button-styles\"\n\n// Two independent interactive halves: each a `<button>` or `<a>`. The seam is\n// a 1px border on the left edge of the icon half, colored per variant. For a\n// single-target variant (decorative trailing icon), use `<Button splitIcon>`.\n\nconst splitHalfBase = [\n  \"relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]\",\n  \"whitespace-nowrap transition-colors duration-200\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus focus-visible:z-10\",\n  \"disabled:pointer-events-none\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n]\n\nconst splitHalfVariants = cva(splitHalfBase, {\n  variants: {\n    variant: {\n      accent: buttonSurfaceClasses.accent,\n      outline: buttonSurfaceClasses.outline, // Outline border lives in compoundVariants so we can omit the seam edge.\n      transparent: buttonSurfaceClasses.transparent,\n      destructive: buttonSurfaceClasses.destructive,\n      warning: buttonSurfaceClasses.warning,\n    },\n    size: {\n      default: `h-10 md:h-12 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 ${splitGlyphSizeClasses}`,\n      small: \"h-6 md:h-8 px-[var(--spacing-system-xs)] text-h5 [&_svg]:h-3 [&_svg]:w-3 md:[&_svg]:h-4 md:[&_svg]:w-4\",\n    },\n    side: { main: \"\", icon: \"\" },\n    soloOnMobile: { true: \"\", false: \"\" },\n  },\n  compoundVariants: [\n    // Rounded corners + per-variant seam. The icon-side's left border is the divider.\n    { variant: \"accent\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"accent\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.accent,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"destructive\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"destructive\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.destructive,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"warning\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"warning\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.warning,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"outline\", side: \"main\", class: \"rounded-l-md border-y border-l border-ods-border\" },\n    { variant: \"outline\", side: \"icon\", class: \"rounded-r-md border border-ods-border\" },\n    { variant: \"transparent\", side: \"main\", class: \"rounded-md\" },\n    { variant: \"transparent\", side: \"icon\", class: cn(\"rounded-md\", splitDividerColorClasses.transparent) },\n\n    // Icon half: per Figma, narrower than main height (default: 40×48; small: 32×32).\n    { side: \"icon\", size: \"default\", class: \"w-10 px-0\" },\n    { side: \"icon\", size: \"small\", class: \"w-6 md:w-8 px-0\" },\n\n    { side: \"icon\", soloOnMobile: true, class: \"max-md:hidden\" },\n    { side: \"main\", soloOnMobile: true, class: \"max-md:rounded-r-md\" },\n    { variant: \"outline\", side: \"main\", soloOnMobile: true, class: \"max-md:border-r\" },\n  ],\n  defaultVariants: { variant: \"accent\", size: \"default\", side: \"main\", soloOnMobile: false },\n})\n\ntype SplitButtonVariant = NonNullable<VariantProps<typeof splitHalfVariants>[\"variant\"]>\ntype SplitButtonSize = NonNullable<VariantProps<typeof splitHalfVariants>[\"size\"]>\n\ninterface SplitButtonIconAction {\n  icon: React.ReactNode\n  /** The icon half is interactive but has no visible text — needs an accessible name. */\n  \"aria-label\": string\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  href?: string\n  /**\n   * Opens `href` with `target=\"_blank\"`. Also marks the half as a new-tab\n   * affordance, which hides it below `md` (set it for `onClick` handlers that\n   * open a new tab/window themselves).\n   */\n  openInNewTab?: boolean\n  prefetch?: boolean\n  disabled?: boolean\n}\n\ninterface SplitButtonProps {\n  variant?: SplitButtonVariant\n  size?: SplitButtonSize\n  fullWidth?: boolean\n  className?: string\n\n  children: React.ReactNode\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  /** Disables both halves. Equivalent to `mainDisabled && iconAction.disabled`. */\n  disabled?: boolean\n  /** Disables only the main half. Combine with `iconAction.disabled` for finer control. */\n  mainDisabled?: boolean\n  type?: \"button\" | \"submit\" | \"reset\"\n  \"aria-label\"?: string\n  groupAriaLabel?: string\n\n  iconAction: SplitButtonIconAction\n}\n\ninterface HalfOptions {\n  variant: SplitButtonVariant\n  size: SplitButtonSize\n  side: \"main\" | \"icon\"\n  soloOnMobile?: boolean\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  disabled?: boolean\n  /** Stretch this half to fill the group's free space (the icon half stays fixed-width). */\n  grow?: boolean\n  type?: \"button\" | \"submit\" | \"reset\"\n  ariaLabel?: string\n  children: React.ReactNode\n}\n\nfunction Half({ variant, size, side, soloOnMobile, href, openInNewTab, prefetch, onClick, disabled, grow, type = \"button\", ariaLabel, children }: HalfOptions) {\n  const classes = cn(splitHalfVariants({ variant, size, side, soloOnMobile }), grow && \"flex-1\")\n\n  if (href) {\n    return (\n      <Link\n        href={href}\n        prefetch={prefetch}\n        target={openInNewTab ? \"_blank\" : undefined}\n        rel={openInNewTab ? \"noopener noreferrer\" : undefined}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : undefined}\n        aria-label={ariaLabel}\n        className={cn(classes, disabled && \"pointer-events-none\")}\n        onClick={onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined}\n      >\n        {children}\n      </Link>\n    )\n  }\n\n  return (\n    <button\n      type={type}\n      className={classes}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      onClick={onClick as React.MouseEventHandler<HTMLButtonElement>}\n    >\n      {children}\n    </button>\n  )\n}\n\nconst SplitButton = React.forwardRef<HTMLDivElement, SplitButtonProps>(function SplitButton(\n  {\n    variant = \"accent\",\n    size = \"default\",\n    fullWidth = false,\n    className,\n    children,\n    onClick,\n    href,\n    openInNewTab,\n    prefetch,\n    leftIcon,\n    rightIcon,\n    disabled,\n    mainDisabled,\n    type,\n    iconAction,\n    \"aria-label\": ariaLabel,\n    groupAriaLabel,\n  },\n  ref,\n) {\n  const soloOnMobile = !!iconAction.openInNewTab\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      className={cn(\"inline-flex items-stretch\", fullWidth && \"w-full\", className)}\n    >\n      <Half\n        variant={variant}\n        size={size}\n        side=\"main\"\n        soloOnMobile={soloOnMobile}\n        href={href}\n        openInNewTab={openInNewTab}\n        prefetch={prefetch}\n        onClick={onClick}\n        disabled={disabled || mainDisabled}\n        grow={fullWidth}\n        type={type}\n        ariaLabel={ariaLabel}\n      >\n        {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n        <span>{children}</span>\n        {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n      </Half>\n      <Half\n        variant={variant}\n        size={size}\n        side=\"icon\"\n        soloOnMobile={soloOnMobile}\n        href={iconAction.href}\n        openInNewTab={iconAction.openInNewTab}\n        prefetch={iconAction.prefetch}\n        onClick={iconAction.onClick}\n        disabled={disabled || iconAction.disabled}\n        ariaLabel={iconAction[\"aria-label\"]}\n      >\n        <span className=\"inline-flex items-center\">{iconAction.icon}</span>\n      </Half>\n    </div>\n  )\n})\n\nexport { SplitButton, type SplitButtonProps, type SplitButtonIconAction }\n","export * from './button'\nexport * from './split-button'\n"],"mappings":"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","names":["Button","cva","React","jsx","jsxs","SplitButton","init_button"]}

package/dist/{chunk-PUBL2NCH.js → chunk-6EAACE7G.js}

@@ -2,7 +2,7 @@
 import {
   init_unified_pagination,
   unified_pagination_exports
-} from "./chunk-PV3LXEHJ.js";
+} from "./chunk-J2JLAW2J.js";
 import {
   cn,
   init_cn
@@ -172,4 +172,4 @@ export {
   usePaginationLoading,
   PersistentPaginationWrapper
 };
-//# sourceMappingURL=chunk-PUBL2NCH.js.map
+//# sourceMappingURL=chunk-6EAACE7G.js.map

package/dist/{chunk-IIPBTWQR.cjs → chunk-7INXXQVK.cjs}

@@ -101,6 +101,15 @@ var init_button = _chunkVRHGVLSLcjs.__esm.call(void 0, {
             // metadata rather than CTAs — author-page social rows, share rows.
             // Pair with variant="transparent" for the ghost treatment.
             "icon-sm": "p-[var(--spacing-system-xxs)] h-8 w-8 [&_svg]:h-4 [&_svg]:w-4",
+            // 20px inline glyph for affordances that sit INSIDE a line of text —
+            // an info hint beside a badge, a copy glyph after an id. `icon-sm`'s
+            // 32px target is correct for a metadata row but visually swamps a
+            // 10px badge or a 14px label, so hosts were reaching for className
+            // overrides to shrink it. Below the WCAG 2.5.8 target floor on purpose:
+            // this is only for glyphs whose information is ALSO available another
+            // way (tooltip content mirrored into an aria-describedby node), never
+            // for a sole means of performing an action.
+            "icon-inline": "p-0 h-5 w-5 min-h-0 min-w-0 shrink-0 [&_svg]:h-3.5 [&_svg]:w-3.5",
             // Bare 56px media glyph (play / unmute over video). A size variant so
             // hosts stop re-implementing a <button> to escape the 20px svg cap.
             "icon-glyph": "p-0 h-14 w-14 [&_svg]:h-14 [&_svg]:w-14"
@@ -524,4 +533,4 @@ var init_button2 = _chunkVRHGVLSLcjs.__esm.call(void 0, {
 
 
 exports.buttonVariants = buttonVariants; exports.Button = Button; exports.init_button = init_button; exports.SplitButton = SplitButton; exports.init_split_button = init_split_button; exports.init_button2 = init_button2;
-//# sourceMappingURL=chunk-IIPBTWQR.cjs.map
+//# sourceMappingURL=chunk-7INXXQVK.cjs.map

package/dist/{chunk-IIPBTWQR.cjs.map → chunk-7INXXQVK.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-IIPBTWQR.cjs","../src/components/ui/button/button-styles.ts","../src/components/ui/button/button.tsx","../src/components/ui/button/split-button.tsx","../src/components/ui/button/index.ts"],"names":["Button","jsx","cva","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-IIPBTWQR.cjs","sourcesContent":[null,"// Shared style atoms for `Button` and `SplitButton`. Extracted to keep a single\n// source of truth for surface colors, outline borders, and split-divider colors.\n\n// Each variant pairs `disabled:` (real `<button disabled>`) with `aria-disabled:`\n// (used for `<Link aria-disabled>` since anchors don't support `:disabled`).\nexport const buttonSurfaceClasses = {\n  accent:\n    \"bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover active:bg-ods-accent-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  outline:\n    \"bg-ods-card text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-ods-card disabled:text-ods-text-disabled aria-disabled:bg-ods-card aria-disabled:text-ods-text-disabled\",\n  transparent:\n    \"bg-transparent text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled\",\n  destructive:\n    \"bg-ods-error text-ods-text-on-accent hover:bg-ods-error-hover active:bg-ods-error-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  warning:\n    \"bg-ods-warning text-ods-text-on-accent hover:bg-ods-warning-hover active:bg-ods-warning-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  // A self-contained glyph (play badge, unmute glyph) that already carries its\n  // own scrim: no button surface at all, in any state. Distinct from\n  // `transparent`, whose hover/active fills would paint a rectangle behind the\n  // glyph — which is why call sites were undoing them with\n  // `hover:bg-transparent active:bg-transparent`.\n  glyph:\n    \"bg-transparent text-ods-text-primary hover:bg-transparent active:bg-transparent disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled\",\n  // Chrome that sits ON media (video cards, image lightboxes): a scrim disc so\n  // the glyph stays legible over an arbitrary frame. Promoted to a variant\n  // because the walkthrough card, its theater and the bite cards were each\n  // stacking the same classes at the call site.\n  overlay:\n    \"rounded-full bg-ods-overlay text-ods-text-primary backdrop-blur-sm hover:text-ods-accent active:text-ods-accent-active disabled:text-ods-text-disabled aria-disabled:text-ods-text-disabled\",\n} as const\n\nexport const outlineBorderClasses =\n  \"border border-ods-border hover:border-ods-border-hover active:border-ods-border-active disabled:border-ods-border aria-disabled:border-ods-border\"\n\n// Glyph scale for the split-layout button family: 16px below md, 24px from md.\n//\n// Shared because the same page-header action renders through EITHER of the two\n// split layouts depending on its shape — `SplitButton` for two click targets, and\n// `Button` + `splitIcon` for one with a decorative trailing glyph — and the two sit\n// side by side in the same row. They used to disagree: `SplitButton` carried this\n// responsive scale while the `Button` split slots re-declared a flat 20px, so a\n// \"submenu\" action's icons rendered 4px smaller than its neighbour's on desktop.\n// `Button`'s own flat `[&_svg]:h-5` stays as it is for ordinary (non-split) buttons.\nexport const splitGlyphSizeClasses = \"[&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6\"\n\n// Color of the vertical seam between the main and icon halves (split layouts).\nexport const splitDividerColorClasses = {\n  accent: \"border-ods-accent-active\",\n  outline: \"border-ods-border\",\n  transparent: \"border-ods-border\",\n  destructive: \"border-ods-error-active\",\n  warning: \"border-ods-warning-active\",\n} as const\n\nexport type ButtonSurfaceVariant = keyof typeof buttonSurfaceClasses\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport Link from '../../../embed-shims/next-link';\n\nimport { cn } from '../../../utils/cn';\nimport {\n  buttonSurfaceClasses,\n  outlineBorderClasses,\n  splitDividerColorClasses,\n  splitGlyphSizeClasses,\n} from './button-styles';\n\n// Default layout: centered single content area, padding/gap on the button itself.\nconst buttonVariants = cva(\n  [\n    'relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]',\n    'rounded-md whitespace-nowrap',\n    'transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus',\n    'disabled:pointer-events-none',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-5 [&_svg]:w-5',\n  ],\n  {\n    variants: {\n      variant: {\n        accent: buttonSurfaceClasses.accent,\n        outline: cn(buttonSurfaceClasses.outline, outlineBorderClasses),\n        transparent: buttonSurfaceClasses.transparent,\n        destructive: buttonSurfaceClasses.destructive,\n        warning: buttonSurfaceClasses.warning,\n        glyph: buttonSurfaceClasses.glyph,\n        overlay: buttonSurfaceClasses.overlay,\n      },\n      size: {\n        default: 'py-[var(--spacing-system-sf)] px-[var(--spacing-system-m)] text-h3 md:h-12 h-11',\n        small: 'p-[var(--spacing-system-xs)] text-h5 h-6 md:h-8',\n        'small-legacy': 'py-[var(--spacing-system-xs)] px-[var(--spacing-system-m)] h-10 text-[14px] font-bold', // Temporary alias for \"small\" — deprecated; grep size=\"small-legacy\" (lib + hub) and migrate the remaining consumers before removal\n        // 24px pill for slim strips (announcement/promo bars, inline banner\n        // actions — Primer banner / Polaris banner / Vercel-bar convention).\n        // The label matches the strip's MESSAGE type ramp exactly (DM Sans\n        // regular, 13px -> md:14px, snug leading — the announcement bar's\n        // subtitle styling): in-strip CTAs must never read louder than the\n        // message beside them, so this deliberately uses neither the\n        // mono-uppercase control style of \"small\" nor a heavier weight.\n        // Pinned h-6 across breakpoints (24px = the WCAG 2.5.8 target-size\n        // floor) with horizontal-dominant padding and a 14px glyph.\n        compact: 'py-0 px-[var(--spacing-system-sf)] text-h6 font-normal h-6 [&_svg]:h-3.5 [&_svg]:w-3.5',\n        icon: 'p-[var(--spacing-system-sf)] h-11 w-11 md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6',\n        // Quiet 32px icon target with a 16px glyph, fixed across breakpoints\n        // (Carbon ghost sm / Primer medium / shadcn icon-sm all pin 32px;\n        // ≥ the 24px WCAG 2.5.8 target floor). For icon actions that read as\n        // metadata rather than CTAs — author-page social rows, share rows.\n        // Pair with variant=\"transparent\" for the ghost treatment.\n        'icon-sm': 'p-[var(--spacing-system-xxs)] h-8 w-8 [&_svg]:h-4 [&_svg]:w-4',\n        // Bare 56px media glyph (play / unmute over video). A size variant so\n        // hosts stop re-implementing a <button> to escape the 20px svg cap.\n        'icon-glyph': 'p-0 h-14 w-14 [&_svg]:h-14 [&_svg]:w-14',\n      },\n      // Label typography axis (Figma 133-740). `bold` is the classic h3-bold\n      // label; `regular` swaps the DEFAULT size's label to the h4 step\n      // (DM Sans 500, neutral tracking) — added for navigation buttons.\n      // `small` keeps its mono-uppercase h5 label on both fonts per the spec.\n      font: {\n        bold: '',\n        regular: '',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n      noPaddingX: {\n        true: 'px-0',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'small', class: '[&_svg]:h-4 [&_svg]:w-4' },\n      // Comes after the size classes, so cn()'s tailwind-merge resolves the\n      // ods-typography group in favour of text-h4.\n      { size: 'default', font: 'regular', class: 'text-h4' },\n    ],\n    defaultVariants: {\n      variant: 'accent',\n      size: 'default',\n      font: 'bold',\n      fullWidth: false,\n      noPaddingX: false,\n    },\n  },\n);\n\n// Split layout (used when `splitIcon` is provided): outer button has no padding;\n// inner slots own padding/gap so the divider can span full button height.\nconst splitShellVariants = cva(\n  [\n    'group relative inline-flex items-stretch overflow-hidden rounded-md whitespace-nowrap',\n    'transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus',\n    'disabled:pointer-events-none',\n  ],\n  {\n    variants: {\n      variant: {\n        accent: buttonSurfaceClasses.accent,\n        outline: cn(buttonSurfaceClasses.outline, outlineBorderClasses),\n        transparent: buttonSurfaceClasses.transparent,\n        destructive: buttonSurfaceClasses.destructive,\n        warning: buttonSurfaceClasses.warning,\n      },\n      size: {\n        default: 'h-12',\n        small: 'h-6 md:h-8 text-h5',\n      },\n      // Same label-typography axis as the normal layout — `regular` swaps the\n      // default size's h3-bold label for the h4 (DM Sans 500) step.\n      font: { bold: '', regular: '' },\n      fullWidth: { true: 'w-full', false: '' },\n    },\n    compoundVariants: [\n      { size: 'default', font: 'bold', class: 'text-h3' },\n      { size: 'default', font: 'regular', class: 'text-h4' },\n    ],\n    defaultVariants: { variant: 'accent', size: 'default', font: 'bold', fullWidth: false },\n  },\n);\n\nconst splitSlotVariants = cva(\n  // Glyph size lives per-size, not in the base: cva concatenates base + variant\n  // without tailwind-merge, so a base `[&_svg]:h-5` and a variant `[&_svg]:h-4`\n  // would both ship and the winner would come down to stylesheet order.\n  ['inline-flex items-center justify-center', '[&_svg]:shrink-0'],\n  {\n    variants: {\n      slot: {\n        main: 'gap-[var(--spacing-system-xsf)]',\n        icon: 'border-l',\n      },\n      size: { default: splitGlyphSizeClasses, small: '[&_svg]:h-4 [&_svg]:w-4' },\n      variant: { accent: '', outline: '', transparent: '', destructive: '', warning: '' },\n    },\n    compoundVariants: [\n      { slot: 'main', size: 'default', class: 'px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)]' },\n      { slot: 'main', size: 'small', class: 'px-[var(--spacing-system-xs)]' },\n      { slot: 'icon', size: 'default', class: 'w-10' },\n      { slot: 'icon', size: 'small', class: 'w-6 md:w-8' },\n      {\n        slot: 'icon',\n        variant: 'accent',\n        class: cn(\n          splitDividerColorClasses.accent,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n      { slot: 'icon', variant: 'outline', class: splitDividerColorClasses.outline },\n      { slot: 'icon', variant: 'transparent', class: splitDividerColorClasses.transparent },\n      {\n        slot: 'icon',\n        variant: 'destructive',\n        class: cn(\n          splitDividerColorClasses.destructive,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n      {\n        slot: 'icon',\n        variant: 'warning',\n        class: cn(\n          splitDividerColorClasses.warning,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n    ],\n    defaultVariants: { slot: 'main', size: 'default', variant: 'accent' },\n  },\n);\n\n/** @deprecated Use `size=\"small\"` instead. Temporary alias kept for backward compatibility; will be removed in the future. */\ntype DeprecatedButtonSize = 'small-legacy';\n\ntype ButtonSize =\n  | Exclude<VariantProps<typeof buttonVariants>['size'], 'small-legacy' | null | undefined>\n  | DeprecatedButtonSize;\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Omit<VariantProps<typeof buttonVariants>, 'size'> {\n  asChild?: boolean;\n  href?: string;\n  openInNewTab?: boolean;\n  prefetch?: boolean;\n  /**\n   * Pre-resolved anchor bundle (from `useNavLink({ href, targetPlatform })`).\n   * When set, renders the Button as `<Link>` with `href` / `target` / `rel`\n   * / `onClick` spread from this object. Lets callers thread the unified\n   * nav decision directly without `<Button asChild><a {...linkProps}/>`\n   * gymnastics. Wins over the separate `href` / `openInNewTab` props.\n   */\n  linkProps?: {\n    href: string;\n    target?: '_blank';\n    rel?: 'noopener noreferrer';\n    onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  } | null;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  /**\n   * Renders a vertical divider and trailing icon area inside the button.\n   * The whole button stays a single click target — the icon is decorative\n   * (`aria-hidden`). For two independent click targets, use `<SplitButton>`.\n   * Only honored when `size` is `\"default\"` or `\"small\"`.\n   */\n  splitIcon?: React.ReactNode;\n  loading?: boolean;\n  size?: ButtonSize;\n}\n\nconst Spinner = () => (\n  <svg className=\"animate-spin\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    />\n  </svg>\n);\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant,\n    size,\n    font,\n    fullWidth,\n    noPaddingX,\n    asChild,\n    href,\n    openInNewTab,\n    prefetch,\n    linkProps,\n    leftIcon,\n    rightIcon,\n    splitIcon,\n    loading,\n    children,\n    disabled,\n    onClick,\n    ...props\n  },\n  ref,\n) {\n  const isDisabled = disabled || loading;\n\n  // splitIcon is only supported for default/small sizes. With other sizes\n  // (icon, small-legacy) we silently fall back to the normal layout.\n  const useSplitLayout = !!splitIcon && (size === 'default' || size === 'small' || size === undefined);\n\n  if (useSplitLayout) {\n    const safeSize = (size ?? 'default') as 'default' | 'small';\n    const safeVariant = (variant ?? 'accent') as 'accent' | 'outline' | 'transparent' | 'destructive' | 'warning';\n    const shellClasses = cn(splitShellVariants({ variant: safeVariant, size: safeSize, font, fullWidth }), className);\n    const mainSlotClass = splitSlotVariants({ slot: 'main', size: safeSize, variant: safeVariant });\n    const iconSlotClass = splitSlotVariants({ slot: 'icon', size: safeSize, variant: safeVariant });\n\n    const splitContent = (\n      <>\n        <span className={cn('contents', loading && 'invisible')}>\n          <span className={mainSlotClass}>\n            {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n            {children}\n            {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n          </span>\n          <span aria-hidden=\"true\" className={iconSlotClass}>\n            {splitIcon}\n          </span>\n        </span>\n        {loading && (\n          <span className=\"absolute inset-0 inline-flex items-center justify-center text-ods-text-primary\">\n            <Spinner />\n          </span>\n        )}\n      </>\n    );\n\n    // `linkProps` (the pre-resolved bundle from `useNavLink({ href, targetPlatform })`)\n    // wins over the legacy `href` + `openInNewTab` props so callers can thread\n    // the unified nav decision directly. Either path produces the same `<Link>`.\n    const splitAnchor =\n      linkProps ??\n      (href\n        ? {\n            href,\n            target: openInNewTab ? ('_blank' as const) : undefined,\n            rel: openInNewTab ? ('noopener noreferrer' as const) : undefined,\n            onClick: onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined,\n          }\n        : null);\n    if (splitAnchor) {\n      return (\n        <Link\n          href={splitAnchor.href}\n          prefetch={prefetch}\n          target={splitAnchor.target}\n          rel={splitAnchor.rel}\n          // The Link branches don't spread {...props} (button attrs don't\n          // belong on an anchor), but the accessible name MUST survive —\n          // icon-only link buttons have no text content.\n          aria-label={props['aria-label']}\n          aria-disabled={isDisabled || undefined}\n          tabIndex={isDisabled ? -1 : undefined}\n          className={cn(shellClasses, isDisabled && 'pointer-events-none')}\n          onClick={splitAnchor.onClick}\n        >\n          {splitContent}\n        </Link>\n      );\n    }\n\n    return (\n      <button ref={ref} className={shellClasses} disabled={isDisabled} onClick={onClick} {...props}>\n        {splitContent}\n      </button>\n    );\n  }\n\n  const classes = cn(buttonVariants({ variant, size, font, fullWidth, noPaddingX }), className);\n\n  // asChild: consumer fully controls the rendered element; we just stamp our classes.\n  if (asChild) {\n    return (\n      <Slot ref={ref} className={classes} {...props}>\n        {children}\n      </Slot>\n    );\n  }\n\n  // Real content stays in layout (preserving width) but goes invisible while loading.\n  // The spinner is absolutely positioned so it never shifts the button's size.\n  const content = (\n    <>\n      <span className={cn('contents', loading && 'invisible')}>\n        {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n        {children}\n        {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n      </span>\n      {loading && (\n        <span className=\"absolute inset-0 inline-flex items-center justify-center text-ods-text-primary\">\n          <Spinner />\n        </span>\n      )}\n    </>\n  );\n\n  // Same `linkProps`-wins-over-href resolution as the splitIcon branch.\n  const anchor =\n    linkProps ??\n    (href\n      ? {\n          href,\n          target: openInNewTab ? ('_blank' as const) : undefined,\n          rel: openInNewTab ? ('noopener noreferrer' as const) : undefined,\n          onClick: onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined,\n        }\n      : null);\n  if (anchor) {\n    return (\n      <Link\n        href={anchor.href}\n        prefetch={prefetch}\n        target={anchor.target}\n        rel={anchor.rel}\n        // See the splitAnchor branch — keep the accessible name on the\n        // anchor render (icon-only link buttons have no text content).\n        aria-label={props['aria-label']}\n        aria-disabled={isDisabled || undefined}\n        tabIndex={isDisabled ? -1 : undefined}\n        className={cn(classes, isDisabled && 'pointer-events-none')}\n        onClick={anchor.onClick}\n      >\n        {content}\n      </Link>\n    );\n  }\n\n  return (\n    <button ref={ref} className={classes} disabled={isDisabled} onClick={onClick} {...props}>\n      {content}\n    </button>\n  );\n});\n\nexport { Button, buttonVariants, type ButtonProps };\n","\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport Link from \"../../../embed-shims/next-link\"\nimport React from \"react\"\n\nimport { cn } from \"../../../utils/cn\"\nimport { buttonSurfaceClasses, splitDividerColorClasses, splitGlyphSizeClasses } from \"./button-styles\"\n\n// Two independent interactive halves: each a `<button>` or `<a>`. The seam is\n// a 1px border on the left edge of the icon half, colored per variant. For a\n// single-target variant (decorative trailing icon), use `<Button splitIcon>`.\n\nconst splitHalfBase = [\n  \"relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]\",\n  \"whitespace-nowrap transition-colors duration-200\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus focus-visible:z-10\",\n  \"disabled:pointer-events-none\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n]\n\nconst splitHalfVariants = cva(splitHalfBase, {\n  variants: {\n    variant: {\n      accent: buttonSurfaceClasses.accent,\n      outline: buttonSurfaceClasses.outline, // Outline border lives in compoundVariants so we can omit the seam edge.\n      transparent: buttonSurfaceClasses.transparent,\n      destructive: buttonSurfaceClasses.destructive,\n      warning: buttonSurfaceClasses.warning,\n    },\n    size: {\n      default: `h-10 md:h-12 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 ${splitGlyphSizeClasses}`,\n      small: \"h-6 md:h-8 px-[var(--spacing-system-xs)] text-h5 [&_svg]:h-3 [&_svg]:w-3 md:[&_svg]:h-4 md:[&_svg]:w-4\",\n    },\n    side: { main: \"\", icon: \"\" },\n    soloOnMobile: { true: \"\", false: \"\" },\n  },\n  compoundVariants: [\n    // Rounded corners + per-variant seam. The icon-side's left border is the divider.\n    { variant: \"accent\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"accent\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.accent,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"destructive\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"destructive\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.destructive,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"warning\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"warning\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.warning,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"outline\", side: \"main\", class: \"rounded-l-md border-y border-l border-ods-border\" },\n    { variant: \"outline\", side: \"icon\", class: \"rounded-r-md border border-ods-border\" },\n    { variant: \"transparent\", side: \"main\", class: \"rounded-md\" },\n    { variant: \"transparent\", side: \"icon\", class: cn(\"rounded-md\", splitDividerColorClasses.transparent) },\n\n    // Icon half: per Figma, narrower than main height (default: 40×48; small: 32×32).\n    { side: \"icon\", size: \"default\", class: \"w-10 px-0\" },\n    { side: \"icon\", size: \"small\", class: \"w-6 md:w-8 px-0\" },\n\n    { side: \"icon\", soloOnMobile: true, class: \"max-md:hidden\" },\n    { side: \"main\", soloOnMobile: true, class: \"max-md:rounded-r-md\" },\n    { variant: \"outline\", side: \"main\", soloOnMobile: true, class: \"max-md:border-r\" },\n  ],\n  defaultVariants: { variant: \"accent\", size: \"default\", side: \"main\", soloOnMobile: false },\n})\n\ntype SplitButtonVariant = NonNullable<VariantProps<typeof splitHalfVariants>[\"variant\"]>\ntype SplitButtonSize = NonNullable<VariantProps<typeof splitHalfVariants>[\"size\"]>\n\ninterface SplitButtonIconAction {\n  icon: React.ReactNode\n  /** The icon half is interactive but has no visible text — needs an accessible name. */\n  \"aria-label\": string\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  href?: string\n  /**\n   * Opens `href` with `target=\"_blank\"`. Also marks the half as a new-tab\n   * affordance, which hides it below `md` (set it for `onClick` handlers that\n   * open a new tab/window themselves).\n   */\n  openInNewTab?: boolean\n  prefetch?: boolean\n  disabled?: boolean\n}\n\ninterface SplitButtonProps {\n  variant?: SplitButtonVariant\n  size?: SplitButtonSize\n  fullWidth?: boolean\n  className?: string\n\n  children: React.ReactNode\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  /** Disables both halves. Equivalent to `mainDisabled && iconAction.disabled`. */\n  disabled?: boolean\n  /** Disables only the main half. Combine with `iconAction.disabled` for finer control. */\n  mainDisabled?: boolean\n  type?: \"button\" | \"submit\" | \"reset\"\n  \"aria-label\"?: string\n  groupAriaLabel?: string\n\n  iconAction: SplitButtonIconAction\n}\n\ninterface HalfOptions {\n  variant: SplitButtonVariant\n  size: SplitButtonSize\n  side: \"main\" | \"icon\"\n  soloOnMobile?: boolean\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  disabled?: boolean\n  /** Stretch this half to fill the group's free space (the icon half stays fixed-width). */\n  grow?: boolean\n  type?: \"button\" | \"submit\" | \"reset\"\n  ariaLabel?: string\n  children: React.ReactNode\n}\n\nfunction Half({ variant, size, side, soloOnMobile, href, openInNewTab, prefetch, onClick, disabled, grow, type = \"button\", ariaLabel, children }: HalfOptions) {\n  const classes = cn(splitHalfVariants({ variant, size, side, soloOnMobile }), grow && \"flex-1\")\n\n  if (href) {\n    return (\n      <Link\n        href={href}\n        prefetch={prefetch}\n        target={openInNewTab ? \"_blank\" : undefined}\n        rel={openInNewTab ? \"noopener noreferrer\" : undefined}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : undefined}\n        aria-label={ariaLabel}\n        className={cn(classes, disabled && \"pointer-events-none\")}\n        onClick={onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined}\n      >\n        {children}\n      </Link>\n    )\n  }\n\n  return (\n    <button\n      type={type}\n      className={classes}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      onClick={onClick as React.MouseEventHandler<HTMLButtonElement>}\n    >\n      {children}\n    </button>\n  )\n}\n\nconst SplitButton = React.forwardRef<HTMLDivElement, SplitButtonProps>(function SplitButton(\n  {\n    variant = \"accent\",\n    size = \"default\",\n    fullWidth = false,\n    className,\n    children,\n    onClick,\n    href,\n    openInNewTab,\n    prefetch,\n    leftIcon,\n    rightIcon,\n    disabled,\n    mainDisabled,\n    type,\n    iconAction,\n    \"aria-label\": ariaLabel,\n    groupAriaLabel,\n  },\n  ref,\n) {\n  const soloOnMobile = !!iconAction.openInNewTab\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      className={cn(\"inline-flex items-stretch\", fullWidth && \"w-full\", className)}\n    >\n      <Half\n        variant={variant}\n        size={size}\n        side=\"main\"\n        soloOnMobile={soloOnMobile}\n        href={href}\n        openInNewTab={openInNewTab}\n        prefetch={prefetch}\n        onClick={onClick}\n        disabled={disabled || mainDisabled}\n        grow={fullWidth}\n        type={type}\n        ariaLabel={ariaLabel}\n      >\n        {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n        <span>{children}</span>\n        {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n      </Half>\n      <Half\n        variant={variant}\n        size={size}\n        side=\"icon\"\n        soloOnMobile={soloOnMobile}\n        href={iconAction.href}\n        openInNewTab={iconAction.openInNewTab}\n        prefetch={iconAction.prefetch}\n        onClick={iconAction.onClick}\n        disabled={disabled || iconAction.disabled}\n        ariaLabel={iconAction[\"aria-label\"]}\n      >\n        <span className=\"inline-flex items-center\">{iconAction.icon}</span>\n      </Half>\n    </div>\n  )\n})\n\nexport { SplitButton, type SplitButtonProps, type SplitButtonIconAction }\n","export * from './button'\nexport * from './split-button'\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-7INXXQVK.cjs","../src/components/ui/button/button-styles.ts","../src/components/ui/button/button.tsx","../src/components/ui/button/split-button.tsx","../src/components/ui/button/index.ts"],"names":["Button","jsx","cva","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-7INXXQVK.cjs","sourcesContent":[null,"// Shared style atoms for `Button` and `SplitButton`. Extracted to keep a single\n// source of truth for surface colors, outline borders, and split-divider colors.\n\n// Each variant pairs `disabled:` (real `<button disabled>`) with `aria-disabled:`\n// (used for `<Link aria-disabled>` since anchors don't support `:disabled`).\nexport const buttonSurfaceClasses = {\n  accent:\n    \"bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover active:bg-ods-accent-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  outline:\n    \"bg-ods-card text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-ods-card disabled:text-ods-text-disabled aria-disabled:bg-ods-card aria-disabled:text-ods-text-disabled\",\n  transparent:\n    \"bg-transparent text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled\",\n  destructive:\n    \"bg-ods-error text-ods-text-on-accent hover:bg-ods-error-hover active:bg-ods-error-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  warning:\n    \"bg-ods-warning text-ods-text-on-accent hover:bg-ods-warning-hover active:bg-ods-warning-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  // A self-contained glyph (play badge, unmute glyph) that already carries its\n  // own scrim: no button surface at all, in any state. Distinct from\n  // `transparent`, whose hover/active fills would paint a rectangle behind the\n  // glyph — which is why call sites were undoing them with\n  // `hover:bg-transparent active:bg-transparent`.\n  glyph:\n    \"bg-transparent text-ods-text-primary hover:bg-transparent active:bg-transparent disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled\",\n  // Chrome that sits ON media (video cards, image lightboxes): a scrim disc so\n  // the glyph stays legible over an arbitrary frame. Promoted to a variant\n  // because the walkthrough card, its theater and the bite cards were each\n  // stacking the same classes at the call site.\n  overlay:\n    \"rounded-full bg-ods-overlay text-ods-text-primary backdrop-blur-sm hover:text-ods-accent active:text-ods-accent-active disabled:text-ods-text-disabled aria-disabled:text-ods-text-disabled\",\n} as const\n\nexport const outlineBorderClasses =\n  \"border border-ods-border hover:border-ods-border-hover active:border-ods-border-active disabled:border-ods-border aria-disabled:border-ods-border\"\n\n// Glyph scale for the split-layout button family: 16px below md, 24px from md.\n//\n// Shared because the same page-header action renders through EITHER of the two\n// split layouts depending on its shape — `SplitButton` for two click targets, and\n// `Button` + `splitIcon` for one with a decorative trailing glyph — and the two sit\n// side by side in the same row. They used to disagree: `SplitButton` carried this\n// responsive scale while the `Button` split slots re-declared a flat 20px, so a\n// \"submenu\" action's icons rendered 4px smaller than its neighbour's on desktop.\n// `Button`'s own flat `[&_svg]:h-5` stays as it is for ordinary (non-split) buttons.\nexport const splitGlyphSizeClasses = \"[&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6\"\n\n// Color of the vertical seam between the main and icon halves (split layouts).\nexport const splitDividerColorClasses = {\n  accent: \"border-ods-accent-active\",\n  outline: \"border-ods-border\",\n  transparent: \"border-ods-border\",\n  destructive: \"border-ods-error-active\",\n  warning: \"border-ods-warning-active\",\n} as const\n\nexport type ButtonSurfaceVariant = keyof typeof buttonSurfaceClasses\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport Link from '../../../embed-shims/next-link';\n\nimport { cn } from '../../../utils/cn';\nimport {\n  buttonSurfaceClasses,\n  outlineBorderClasses,\n  splitDividerColorClasses,\n  splitGlyphSizeClasses,\n} from './button-styles';\n\n// Default layout: centered single content area, padding/gap on the button itself.\nconst buttonVariants = cva(\n  [\n    'relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]',\n    'rounded-md whitespace-nowrap',\n    'transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus',\n    'disabled:pointer-events-none',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-5 [&_svg]:w-5',\n  ],\n  {\n    variants: {\n      variant: {\n        accent: buttonSurfaceClasses.accent,\n        outline: cn(buttonSurfaceClasses.outline, outlineBorderClasses),\n        transparent: buttonSurfaceClasses.transparent,\n        destructive: buttonSurfaceClasses.destructive,\n        warning: buttonSurfaceClasses.warning,\n        glyph: buttonSurfaceClasses.glyph,\n        overlay: buttonSurfaceClasses.overlay,\n      },\n      size: {\n        default: 'py-[var(--spacing-system-sf)] px-[var(--spacing-system-m)] text-h3 md:h-12 h-11',\n        small: 'p-[var(--spacing-system-xs)] text-h5 h-6 md:h-8',\n        'small-legacy': 'py-[var(--spacing-system-xs)] px-[var(--spacing-system-m)] h-10 text-[14px] font-bold', // Temporary alias for \"small\" — deprecated; grep size=\"small-legacy\" (lib + hub) and migrate the remaining consumers before removal\n        // 24px pill for slim strips (announcement/promo bars, inline banner\n        // actions — Primer banner / Polaris banner / Vercel-bar convention).\n        // The label matches the strip's MESSAGE type ramp exactly (DM Sans\n        // regular, 13px -> md:14px, snug leading — the announcement bar's\n        // subtitle styling): in-strip CTAs must never read louder than the\n        // message beside them, so this deliberately uses neither the\n        // mono-uppercase control style of \"small\" nor a heavier weight.\n        // Pinned h-6 across breakpoints (24px = the WCAG 2.5.8 target-size\n        // floor) with horizontal-dominant padding and a 14px glyph.\n        compact: 'py-0 px-[var(--spacing-system-sf)] text-h6 font-normal h-6 [&_svg]:h-3.5 [&_svg]:w-3.5',\n        icon: 'p-[var(--spacing-system-sf)] h-11 w-11 md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6',\n        // Quiet 32px icon target with a 16px glyph, fixed across breakpoints\n        // (Carbon ghost sm / Primer medium / shadcn icon-sm all pin 32px;\n        // ≥ the 24px WCAG 2.5.8 target floor). For icon actions that read as\n        // metadata rather than CTAs — author-page social rows, share rows.\n        // Pair with variant=\"transparent\" for the ghost treatment.\n        'icon-sm': 'p-[var(--spacing-system-xxs)] h-8 w-8 [&_svg]:h-4 [&_svg]:w-4',\n        // 20px inline glyph for affordances that sit INSIDE a line of text —\n        // an info hint beside a badge, a copy glyph after an id. `icon-sm`'s\n        // 32px target is correct for a metadata row but visually swamps a\n        // 10px badge or a 14px label, so hosts were reaching for className\n        // overrides to shrink it. Below the WCAG 2.5.8 target floor on purpose:\n        // this is only for glyphs whose information is ALSO available another\n        // way (tooltip content mirrored into an aria-describedby node), never\n        // for a sole means of performing an action.\n        'icon-inline': 'p-0 h-5 w-5 min-h-0 min-w-0 shrink-0 [&_svg]:h-3.5 [&_svg]:w-3.5',\n        // Bare 56px media glyph (play / unmute over video). A size variant so\n        // hosts stop re-implementing a <button> to escape the 20px svg cap.\n        'icon-glyph': 'p-0 h-14 w-14 [&_svg]:h-14 [&_svg]:w-14',\n      },\n      // Label typography axis (Figma 133-740). `bold` is the classic h3-bold\n      // label; `regular` swaps the DEFAULT size's label to the h4 step\n      // (DM Sans 500, neutral tracking) — added for navigation buttons.\n      // `small` keeps its mono-uppercase h5 label on both fonts per the spec.\n      font: {\n        bold: '',\n        regular: '',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n      noPaddingX: {\n        true: 'px-0',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'small', class: '[&_svg]:h-4 [&_svg]:w-4' },\n      // Comes after the size classes, so cn()'s tailwind-merge resolves the\n      // ods-typography group in favour of text-h4.\n      { size: 'default', font: 'regular', class: 'text-h4' },\n    ],\n    defaultVariants: {\n      variant: 'accent',\n      size: 'default',\n      font: 'bold',\n      fullWidth: false,\n      noPaddingX: false,\n    },\n  },\n);\n\n// Split layout (used when `splitIcon` is provided): outer button has no padding;\n// inner slots own padding/gap so the divider can span full button height.\nconst splitShellVariants = cva(\n  [\n    'group relative inline-flex items-stretch overflow-hidden rounded-md whitespace-nowrap',\n    'transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus',\n    'disabled:pointer-events-none',\n  ],\n  {\n    variants: {\n      variant: {\n        accent: buttonSurfaceClasses.accent,\n        outline: cn(buttonSurfaceClasses.outline, outlineBorderClasses),\n        transparent: buttonSurfaceClasses.transparent,\n        destructive: buttonSurfaceClasses.destructive,\n        warning: buttonSurfaceClasses.warning,\n      },\n      size: {\n        default: 'h-12',\n        small: 'h-6 md:h-8 text-h5',\n      },\n      // Same label-typography axis as the normal layout — `regular` swaps the\n      // default size's h3-bold label for the h4 (DM Sans 500) step.\n      font: { bold: '', regular: '' },\n      fullWidth: { true: 'w-full', false: '' },\n    },\n    compoundVariants: [\n      { size: 'default', font: 'bold', class: 'text-h3' },\n      { size: 'default', font: 'regular', class: 'text-h4' },\n    ],\n    defaultVariants: { variant: 'accent', size: 'default', font: 'bold', fullWidth: false },\n  },\n);\n\nconst splitSlotVariants = cva(\n  // Glyph size lives per-size, not in the base: cva concatenates base + variant\n  // without tailwind-merge, so a base `[&_svg]:h-5` and a variant `[&_svg]:h-4`\n  // would both ship and the winner would come down to stylesheet order.\n  ['inline-flex items-center justify-center', '[&_svg]:shrink-0'],\n  {\n    variants: {\n      slot: {\n        main: 'gap-[var(--spacing-system-xsf)]',\n        icon: 'border-l',\n      },\n      size: { default: splitGlyphSizeClasses, small: '[&_svg]:h-4 [&_svg]:w-4' },\n      variant: { accent: '', outline: '', transparent: '', destructive: '', warning: '' },\n    },\n    compoundVariants: [\n      { slot: 'main', size: 'default', class: 'px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)]' },\n      { slot: 'main', size: 'small', class: 'px-[var(--spacing-system-xs)]' },\n      { slot: 'icon', size: 'default', class: 'w-10' },\n      { slot: 'icon', size: 'small', class: 'w-6 md:w-8' },\n      {\n        slot: 'icon',\n        variant: 'accent',\n        class: cn(\n          splitDividerColorClasses.accent,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n      { slot: 'icon', variant: 'outline', class: splitDividerColorClasses.outline },\n      { slot: 'icon', variant: 'transparent', class: splitDividerColorClasses.transparent },\n      {\n        slot: 'icon',\n        variant: 'destructive',\n        class: cn(\n          splitDividerColorClasses.destructive,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n      {\n        slot: 'icon',\n        variant: 'warning',\n        class: cn(\n          splitDividerColorClasses.warning,\n          'group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled',\n        ),\n      },\n    ],\n    defaultVariants: { slot: 'main', size: 'default', variant: 'accent' },\n  },\n);\n\n/** @deprecated Use `size=\"small\"` instead. Temporary alias kept for backward compatibility; will be removed in the future. */\ntype DeprecatedButtonSize = 'small-legacy';\n\ntype ButtonSize =\n  | Exclude<VariantProps<typeof buttonVariants>['size'], 'small-legacy' | null | undefined>\n  | DeprecatedButtonSize;\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Omit<VariantProps<typeof buttonVariants>, 'size'> {\n  asChild?: boolean;\n  href?: string;\n  openInNewTab?: boolean;\n  prefetch?: boolean;\n  /**\n   * Pre-resolved anchor bundle (from `useNavLink({ href, targetPlatform })`).\n   * When set, renders the Button as `<Link>` with `href` / `target` / `rel`\n   * / `onClick` spread from this object. Lets callers thread the unified\n   * nav decision directly without `<Button asChild><a {...linkProps}/>`\n   * gymnastics. Wins over the separate `href` / `openInNewTab` props.\n   */\n  linkProps?: {\n    href: string;\n    target?: '_blank';\n    rel?: 'noopener noreferrer';\n    onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  } | null;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  /**\n   * Renders a vertical divider and trailing icon area inside the button.\n   * The whole button stays a single click target — the icon is decorative\n   * (`aria-hidden`). For two independent click targets, use `<SplitButton>`.\n   * Only honored when `size` is `\"default\"` or `\"small\"`.\n   */\n  splitIcon?: React.ReactNode;\n  loading?: boolean;\n  size?: ButtonSize;\n}\n\nconst Spinner = () => (\n  <svg className=\"animate-spin\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    />\n  </svg>\n);\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant,\n    size,\n    font,\n    fullWidth,\n    noPaddingX,\n    asChild,\n    href,\n    openInNewTab,\n    prefetch,\n    linkProps,\n    leftIcon,\n    rightIcon,\n    splitIcon,\n    loading,\n    children,\n    disabled,\n    onClick,\n    ...props\n  },\n  ref,\n) {\n  const isDisabled = disabled || loading;\n\n  // splitIcon is only supported for default/small sizes. With other sizes\n  // (icon, small-legacy) we silently fall back to the normal layout.\n  const useSplitLayout = !!splitIcon && (size === 'default' || size === 'small' || size === undefined);\n\n  if (useSplitLayout) {\n    const safeSize = (size ?? 'default') as 'default' | 'small';\n    const safeVariant = (variant ?? 'accent') as 'accent' | 'outline' | 'transparent' | 'destructive' | 'warning';\n    const shellClasses = cn(splitShellVariants({ variant: safeVariant, size: safeSize, font, fullWidth }), className);\n    const mainSlotClass = splitSlotVariants({ slot: 'main', size: safeSize, variant: safeVariant });\n    const iconSlotClass = splitSlotVariants({ slot: 'icon', size: safeSize, variant: safeVariant });\n\n    const splitContent = (\n      <>\n        <span className={cn('contents', loading && 'invisible')}>\n          <span className={mainSlotClass}>\n            {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n            {children}\n            {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n          </span>\n          <span aria-hidden=\"true\" className={iconSlotClass}>\n            {splitIcon}\n          </span>\n        </span>\n        {loading && (\n          <span className=\"absolute inset-0 inline-flex items-center justify-center text-ods-text-primary\">\n            <Spinner />\n          </span>\n        )}\n      </>\n    );\n\n    // `linkProps` (the pre-resolved bundle from `useNavLink({ href, targetPlatform })`)\n    // wins over the legacy `href` + `openInNewTab` props so callers can thread\n    // the unified nav decision directly. Either path produces the same `<Link>`.\n    const splitAnchor =\n      linkProps ??\n      (href\n        ? {\n            href,\n            target: openInNewTab ? ('_blank' as const) : undefined,\n            rel: openInNewTab ? ('noopener noreferrer' as const) : undefined,\n            onClick: onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined,\n          }\n        : null);\n    if (splitAnchor) {\n      return (\n        <Link\n          href={splitAnchor.href}\n          prefetch={prefetch}\n          target={splitAnchor.target}\n          rel={splitAnchor.rel}\n          // The Link branches don't spread {...props} (button attrs don't\n          // belong on an anchor), but the accessible name MUST survive —\n          // icon-only link buttons have no text content.\n          aria-label={props['aria-label']}\n          aria-disabled={isDisabled || undefined}\n          tabIndex={isDisabled ? -1 : undefined}\n          className={cn(shellClasses, isDisabled && 'pointer-events-none')}\n          onClick={splitAnchor.onClick}\n        >\n          {splitContent}\n        </Link>\n      );\n    }\n\n    return (\n      <button ref={ref} className={shellClasses} disabled={isDisabled} onClick={onClick} {...props}>\n        {splitContent}\n      </button>\n    );\n  }\n\n  const classes = cn(buttonVariants({ variant, size, font, fullWidth, noPaddingX }), className);\n\n  // asChild: consumer fully controls the rendered element; we just stamp our classes.\n  if (asChild) {\n    return (\n      <Slot ref={ref} className={classes} {...props}>\n        {children}\n      </Slot>\n    );\n  }\n\n  // Real content stays in layout (preserving width) but goes invisible while loading.\n  // The spinner is absolutely positioned so it never shifts the button's size.\n  const content = (\n    <>\n      <span className={cn('contents', loading && 'invisible')}>\n        {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n        {children}\n        {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n      </span>\n      {loading && (\n        <span className=\"absolute inset-0 inline-flex items-center justify-center text-ods-text-primary\">\n          <Spinner />\n        </span>\n      )}\n    </>\n  );\n\n  // Same `linkProps`-wins-over-href resolution as the splitIcon branch.\n  const anchor =\n    linkProps ??\n    (href\n      ? {\n          href,\n          target: openInNewTab ? ('_blank' as const) : undefined,\n          rel: openInNewTab ? ('noopener noreferrer' as const) : undefined,\n          onClick: onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined,\n        }\n      : null);\n  if (anchor) {\n    return (\n      <Link\n        href={anchor.href}\n        prefetch={prefetch}\n        target={anchor.target}\n        rel={anchor.rel}\n        // See the splitAnchor branch — keep the accessible name on the\n        // anchor render (icon-only link buttons have no text content).\n        aria-label={props['aria-label']}\n        aria-disabled={isDisabled || undefined}\n        tabIndex={isDisabled ? -1 : undefined}\n        className={cn(classes, isDisabled && 'pointer-events-none')}\n        onClick={anchor.onClick}\n      >\n        {content}\n      </Link>\n    );\n  }\n\n  return (\n    <button ref={ref} className={classes} disabled={isDisabled} onClick={onClick} {...props}>\n      {content}\n    </button>\n  );\n});\n\nexport { Button, buttonVariants, type ButtonProps };\n","\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport Link from \"../../../embed-shims/next-link\"\nimport React from \"react\"\n\nimport { cn } from \"../../../utils/cn\"\nimport { buttonSurfaceClasses, splitDividerColorClasses, splitGlyphSizeClasses } from \"./button-styles\"\n\n// Two independent interactive halves: each a `<button>` or `<a>`. The seam is\n// a 1px border on the left edge of the icon half, colored per variant. For a\n// single-target variant (decorative trailing icon), use `<Button splitIcon>`.\n\nconst splitHalfBase = [\n  \"relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]\",\n  \"whitespace-nowrap transition-colors duration-200\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus focus-visible:z-10\",\n  \"disabled:pointer-events-none\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n]\n\nconst splitHalfVariants = cva(splitHalfBase, {\n  variants: {\n    variant: {\n      accent: buttonSurfaceClasses.accent,\n      outline: buttonSurfaceClasses.outline, // Outline border lives in compoundVariants so we can omit the seam edge.\n      transparent: buttonSurfaceClasses.transparent,\n      destructive: buttonSurfaceClasses.destructive,\n      warning: buttonSurfaceClasses.warning,\n    },\n    size: {\n      default: `h-10 md:h-12 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 ${splitGlyphSizeClasses}`,\n      small: \"h-6 md:h-8 px-[var(--spacing-system-xs)] text-h5 [&_svg]:h-3 [&_svg]:w-3 md:[&_svg]:h-4 md:[&_svg]:w-4\",\n    },\n    side: { main: \"\", icon: \"\" },\n    soloOnMobile: { true: \"\", false: \"\" },\n  },\n  compoundVariants: [\n    // Rounded corners + per-variant seam. The icon-side's left border is the divider.\n    { variant: \"accent\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"accent\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.accent,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"destructive\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"destructive\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.destructive,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"warning\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"warning\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.warning,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"outline\", side: \"main\", class: \"rounded-l-md border-y border-l border-ods-border\" },\n    { variant: \"outline\", side: \"icon\", class: \"rounded-r-md border border-ods-border\" },\n    { variant: \"transparent\", side: \"main\", class: \"rounded-md\" },\n    { variant: \"transparent\", side: \"icon\", class: cn(\"rounded-md\", splitDividerColorClasses.transparent) },\n\n    // Icon half: per Figma, narrower than main height (default: 40×48; small: 32×32).\n    { side: \"icon\", size: \"default\", class: \"w-10 px-0\" },\n    { side: \"icon\", size: \"small\", class: \"w-6 md:w-8 px-0\" },\n\n    { side: \"icon\", soloOnMobile: true, class: \"max-md:hidden\" },\n    { side: \"main\", soloOnMobile: true, class: \"max-md:rounded-r-md\" },\n    { variant: \"outline\", side: \"main\", soloOnMobile: true, class: \"max-md:border-r\" },\n  ],\n  defaultVariants: { variant: \"accent\", size: \"default\", side: \"main\", soloOnMobile: false },\n})\n\ntype SplitButtonVariant = NonNullable<VariantProps<typeof splitHalfVariants>[\"variant\"]>\ntype SplitButtonSize = NonNullable<VariantProps<typeof splitHalfVariants>[\"size\"]>\n\ninterface SplitButtonIconAction {\n  icon: React.ReactNode\n  /** The icon half is interactive but has no visible text — needs an accessible name. */\n  \"aria-label\": string\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  href?: string\n  /**\n   * Opens `href` with `target=\"_blank\"`. Also marks the half as a new-tab\n   * affordance, which hides it below `md` (set it for `onClick` handlers that\n   * open a new tab/window themselves).\n   */\n  openInNewTab?: boolean\n  prefetch?: boolean\n  disabled?: boolean\n}\n\ninterface SplitButtonProps {\n  variant?: SplitButtonVariant\n  size?: SplitButtonSize\n  fullWidth?: boolean\n  className?: string\n\n  children: React.ReactNode\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  /** Disables both halves. Equivalent to `mainDisabled && iconAction.disabled`. */\n  disabled?: boolean\n  /** Disables only the main half. Combine with `iconAction.disabled` for finer control. */\n  mainDisabled?: boolean\n  type?: \"button\" | \"submit\" | \"reset\"\n  \"aria-label\"?: string\n  groupAriaLabel?: string\n\n  iconAction: SplitButtonIconAction\n}\n\ninterface HalfOptions {\n  variant: SplitButtonVariant\n  size: SplitButtonSize\n  side: \"main\" | \"icon\"\n  soloOnMobile?: boolean\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  disabled?: boolean\n  /** Stretch this half to fill the group's free space (the icon half stays fixed-width). */\n  grow?: boolean\n  type?: \"button\" | \"submit\" | \"reset\"\n  ariaLabel?: string\n  children: React.ReactNode\n}\n\nfunction Half({ variant, size, side, soloOnMobile, href, openInNewTab, prefetch, onClick, disabled, grow, type = \"button\", ariaLabel, children }: HalfOptions) {\n  const classes = cn(splitHalfVariants({ variant, size, side, soloOnMobile }), grow && \"flex-1\")\n\n  if (href) {\n    return (\n      <Link\n        href={href}\n        prefetch={prefetch}\n        target={openInNewTab ? \"_blank\" : undefined}\n        rel={openInNewTab ? \"noopener noreferrer\" : undefined}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : undefined}\n        aria-label={ariaLabel}\n        className={cn(classes, disabled && \"pointer-events-none\")}\n        onClick={onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined}\n      >\n        {children}\n      </Link>\n    )\n  }\n\n  return (\n    <button\n      type={type}\n      className={classes}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      onClick={onClick as React.MouseEventHandler<HTMLButtonElement>}\n    >\n      {children}\n    </button>\n  )\n}\n\nconst SplitButton = React.forwardRef<HTMLDivElement, SplitButtonProps>(function SplitButton(\n  {\n    variant = \"accent\",\n    size = \"default\",\n    fullWidth = false,\n    className,\n    children,\n    onClick,\n    href,\n    openInNewTab,\n    prefetch,\n    leftIcon,\n    rightIcon,\n    disabled,\n    mainDisabled,\n    type,\n    iconAction,\n    \"aria-label\": ariaLabel,\n    groupAriaLabel,\n  },\n  ref,\n) {\n  const soloOnMobile = !!iconAction.openInNewTab\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      className={cn(\"inline-flex items-stretch\", fullWidth && \"w-full\", className)}\n    >\n      <Half\n        variant={variant}\n        size={size}\n        side=\"main\"\n        soloOnMobile={soloOnMobile}\n        href={href}\n        openInNewTab={openInNewTab}\n        prefetch={prefetch}\n        onClick={onClick}\n        disabled={disabled || mainDisabled}\n        grow={fullWidth}\n        type={type}\n        ariaLabel={ariaLabel}\n      >\n        {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n        <span>{children}</span>\n        {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n      </Half>\n      <Half\n        variant={variant}\n        size={size}\n        side=\"icon\"\n        soloOnMobile={soloOnMobile}\n        href={iconAction.href}\n        openInNewTab={iconAction.openInNewTab}\n        prefetch={iconAction.prefetch}\n        onClick={iconAction.onClick}\n        disabled={disabled || iconAction.disabled}\n        ariaLabel={iconAction[\"aria-label\"]}\n      >\n        <span className=\"inline-flex items-center\">{iconAction.icon}</span>\n      </Half>\n    </div>\n  )\n})\n\nexport { SplitButton, type SplitButtonProps, type SplitButtonIconAction }\n","export * from './button'\nexport * from './split-button'\n"]}

package/dist/{chunk-IVTENGMF.js → chunk-7J4DGFHZ.js}

@@ -2,7 +2,7 @@
 import {
   buttonVariants,
   init_button2 as init_button
-} from "./chunk-UBTOOE55.js";
+} from "./chunk-5OGHZNY5.js";
 import {
   cn,
   init_cn
@@ -85,4 +85,4 @@ Calendar.displayName = "Calendar";
 export {
   Calendar
 };
-//# sourceMappingURL=chunk-IVTENGMF.js.map
+//# sourceMappingURL=chunk-7J4DGFHZ.js.map