@flamingo-stack/openframe-frontend-core 0.0.742 → 0.0.744

package/dist/{chunk-4LDU32OB.cjs → chunk-HMSUYWSB.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkPS6T65KAcjs = require('./chunk-PS6T65KA.cjs');
+var _chunkOC2LBQQJcjs = require('./chunk-OC2LBQQJ.cjs');
 
 
-var _chunk32Q7K5OPcjs = require('./chunk-32Q7K5OP.cjs');
+var _chunk7YDF3QBNcjs = require('./chunk-7YDF3QBN.cjs');
 
 
 
@@ -47,7 +47,7 @@ function HorizontalSectionNav({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { ref: navRef, "aria-label": label, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-14 items-stretch gap-6 bg-ods-bg", className), children: [
     brand && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden shrink-0 items-center gap-2.5 border-r border-ods-border pr-6 text-ods-text-primary text-h4 content-lg:flex", children: brand }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk32Q7K5OPcjs.ScrollShadow,
+      _chunk7YDF3QBNcjs.ScrollShadow,
       {
         axis: "horizontal",
         className: "min-w-0 flex-1",
@@ -332,7 +332,7 @@ function useScrollSpy(sections, options = {}) {
 // src/components/navigation/multi-level-navigation.tsx
 var _lucidereact = require('lucide-react');
 
-var DEFAULT_FOLDER_INDEX_FILE2 = _chunkPS6T65KAcjs.DEFAULT_FOLDER_INDEX_FILE;
+var DEFAULT_FOLDER_INDEX_FILE2 = _chunkOC2LBQQJcjs.DEFAULT_FOLDER_INDEX_FILE;
 function isNodeVisuallySelected(node, selectedPath, folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2) {
   const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();
   if (selectedPath === node.path) {

package/dist/{chunk-UZLRSFGG.cjs → chunk-HTQJYN47.cjs}

@@ -2,29 +2,29 @@
 
 
 
-var _chunkH3UA7UY5cjs = require('./chunk-H3UA7UY5.cjs');
+var _chunkYJRMCFX3cjs = require('./chunk-YJRMCFX3.cjs');
 
 
 
-var _chunkDNFSMVXJcjs = require('./chunk-DNFSMVXJ.cjs');
+var _chunkAT6ZI4COcjs = require('./chunk-AT6ZI4CO.cjs');
 
 
 
 
 
 
-var _chunk4PKORVOXcjs = require('./chunk-4PKORVOX.cjs');
+var _chunkHJ4KGA2Mcjs = require('./chunk-HJ4KGA2M.cjs');
 
 
 var _chunkU2O5YQRPcjs = require('./chunk-U2O5YQRP.cjs');
 
 
-var _chunkPS6T65KAcjs = require('./chunk-PS6T65KA.cjs');
+var _chunkOC2LBQQJcjs = require('./chunk-OC2LBQQJ.cjs');
 
 
 
 
-var _chunk32Q7K5OPcjs = require('./chunk-32Q7K5OP.cjs');
+var _chunk7YDF3QBNcjs = require('./chunk-7YDF3QBN.cjs');
 
 
 var _chunk3RFQPQ7Zcjs = require('./chunk-3RFQPQ7Z.cjs');
@@ -34,13 +34,13 @@ var _chunk3RFQPQ7Zcjs = require('./chunk-3RFQPQ7Z.cjs');
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
-var _chunkXAA5EZ5Tcjs = require('./chunk-XAA5EZ5T.cjs');
+var _chunkJGZEHBBDcjs = require('./chunk-JGZEHBBD.cjs');
 
 
 
 
 
-var _chunk5MH6BRPYcjs = require('./chunk-5MH6BRPY.cjs');
+var _chunkLJ46XYYPcjs = require('./chunk-LJ46XYYP.cjs');
 
 
 var _chunkI5MSCD57cjs = require('./chunk-I5MSCD57.cjs');
@@ -68,7 +68,7 @@ function OnboardingGuidesCatalogSkeleton() {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-6 w-40 rounded bg-ods-border/70" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-8 rounded-full bg-ods-text-secondary/20" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MH6BRPYcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ46XYYPcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
     ] }, sectionIdx)) })
   ] });
 }
@@ -92,10 +92,10 @@ function OnboardingGuidesCatalogView({
   const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
   const activeSection = sectionValue || "all";
   const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
-  const guidesRes = _chunkXAA5EZ5Tcjs.useSelfFetch.call(void 0, 
+  const guidesRes = _chunkJGZEHBBDcjs.useSelfFetch.call(void 0, 
     selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
   );
-  const sectionsRes = _chunkXAA5EZ5Tcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
+  const sectionsRes = _chunkJGZEHBBDcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
   const guides = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( [])), [initialGuides, _optionalChain([guidesRes, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.data])]);
   const sections = _react.useMemo.call(void 0, 
     () => _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : []))),
@@ -138,25 +138,25 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkDNFSMVXJcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkAT6ZI4COcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _chunkPS6T65KAcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
+    const cta = _chunkOC2LBQQJcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
       type: "onboarding_guide",
       slug: guide.slug,
       basePath,
       platforms: guide.onboarding_guide_platforms
     });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MH6BRPYcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ46XYYPcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
   };
   const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
   const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDNFSMVXJcjs.DocSearchBar,
+      _chunkAT6ZI4COcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -168,7 +168,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     sections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4PKORVOXcjs.FilterPillRow,
+      _chunkHJ4KGA2Mcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -178,7 +178,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PKORVOXcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   if (selfFetch && guidesRes.data == null && isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuidesCatalogSkeleton, {});
@@ -210,7 +210,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunk4PKORVOXcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunkHJ4KGA2Mcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -220,23 +220,23 @@ function OnboardingGuideDetailView({
 }) {
   const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const captions = _chunk32Q7K5OPcjs.useCaptions.call(void 0, );
+  const captions = _chunk7YDF3QBNcjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PKORVOXcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
-  const { data: guide, isLoading, error, reload } = _chunkXAA5EZ5Tcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { data: guide, isLoading, error, reload } = _chunkJGZEHBBDcjs.useSelfFetch.call(void 0, url, { initialData });
   const { ref: videoWarmupRef } = _chunk3RFQPQ7Zcjs.useVideoWarmup.call(void 0, {
     videoUrl: _optionalChain([guide, 'optionalAccess', _8 => _8.main_video_url]),
     supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _9 => _9.endpoints, 'access', _10 => _10.supabaseStorageOrigin])
   });
   if (error || !guide && !isLoading) {
-    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PKORVOXcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
   }
   if (!guide) {
     return renderShell(
       // Match the loaded page's top offset (TitleBlock's
       // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3UA7UY5cjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYJRMCFX3cjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
     );
   }
   const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", guide);
@@ -244,13 +244,13 @@ function OnboardingGuideDetailView({
   // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
   _chunkI5MSCD57cjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), guide.title, { aspect: "wide" });
   const defaultRenderRelatedCard = (g) => {
-    const cta = _chunkPS6T65KAcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
+    const cta = _chunkOC2LBQQJcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
       type: "onboarding_guide",
       slug: g.slug,
       basePath,
       platforms: g.onboarding_guide_platforms
     });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MH6BRPYcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ46XYYPcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
   return renderShell(
@@ -262,9 +262,9 @@ function OnboardingGuideDetailView({
         titleWrap: true,
         backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) },
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PKORVOXcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk5MH6BRPYcjs.EntityAuthorCard,
+            _chunkLJ46XYYPcjs.EntityAuthorCard,
             {
               author: guide.author,
               authorHref,
@@ -279,7 +279,7 @@ function OnboardingGuideDetailView({
             }
           ),
           (guide.main_video_url || guide.youtube_url) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: videoWarmupRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk32Q7K5OPcjs.EntityVideoSection,
+            _chunk7YDF3QBNcjs.EntityVideoSection,
             {
               mainVideoUrl: guide.main_video_url,
               youtubeUrl: guide.youtube_url || void 0,
@@ -296,17 +296,17 @@ function OnboardingGuideDetailView({
           ) }),
           guide.content && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: guide.content }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk32Q7K5OPcjs.VideoBitesStrip,
+            _chunk7YDF3QBNcjs.VideoBitesStrip,
             {
               bites: _nullishCoalesce(guide.video_bites, () => ( [])),
               filterPublished: true,
               showTitle: false,
-              profile: _chunk5MH6BRPYcjs.toStripProfile.call(void 0, guide.author),
+              profile: _chunkLJ46XYYPcjs.toStripProfile.call(void 0, guide.author),
               href: `/onboarding-guides/${guide.slug}`
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkH3UA7UY5cjs.ArticleAuthorByline,
+            _chunkYJRMCFX3cjs.ArticleAuthorByline,
             {
               author: _nullishCoalesce(_optionalChain([guide, 'access', _13 => _13.author, 'optionalAccess', _14 => _14.full_name]), () => ( null)),
               avatar: _optionalChain([guide, 'access', _15 => _15.author, 'optionalAccess', _16 => _16.avatar_url]),

package/dist/{chunk-XAA5EZ5T.cjs → chunk-JGZEHBBD.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunk5MH6BRPYcjs = require('./chunk-5MH6BRPY.cjs');
+var _chunkLJ46XYYPcjs = require('./chunk-LJ46XYYP.cjs');
 
 
 
@@ -51,7 +51,7 @@ function pickBadgePaletteColor({
 var _jsxruntime = require('react/jsx-runtime');
 function PaletteBadge({ text, color, className, variant = "button" }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5MH6BRPYcjs.StatusBadge,
+    _chunkLJ46XYYPcjs.StatusBadge,
     {
       text,
       colorScheme: isBadgePaletteKey(color) ? color : "default",
@@ -204,7 +204,7 @@ var STATUS_BADGE_SCHEME = {
   abandoned: "default"
 };
 function EmployeeEntryBadge({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MH6BRPYcjs.StatusBadge, { text: children, colorScheme: "default", variant: "button", singleLine: true });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ46XYYPcjs.StatusBadge, { text: children, colorScheme: "default", variant: "button", singleLine: true });
 }
 function EmployeeEntryCard({
   entry,
@@ -217,7 +217,7 @@ function EmployeeEntryCard({
   className
 }) {
   const card = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5MH6BRPYcjs.AdminContentCard,
+    _chunkLJ46XYYPcjs.AdminContentCard,
     {
       imageUrl: entry.featured_image || entry.main_video_thumbnail,
       placeholderUrl,
@@ -225,7 +225,7 @@ function EmployeeEntryCard({
       summary: (_nullishCoalesce(entry.summary, () => ( ""))).slice(0, 140) || "No description",
       badges: entry.status || extraBadges ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         entry.status ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5MH6BRPYcjs.StatusBadge,
+          _chunkLJ46XYYPcjs.StatusBadge,
           {
             text: entry.status,
             colorScheme: _nullishCoalesce(STATUS_BADGE_SCHEME[entry.status], () => ( "default")),
@@ -240,7 +240,7 @@ function EmployeeEntryCard({
           _optionalChain([entry, 'access', _8 => _8.author, 'optionalAccess', _9 => _9.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkHOTM4UM6cjs.next_image_default,
             {
-              src: _nullishCoalesce(_chunk5MH6BRPYcjs.getProxiedImageUrl2.call(void 0, entry.author.avatar_url), () => ( entry.author.avatar_url)),
+              src: _nullishCoalesce(_chunkLJ46XYYPcjs.getProxiedImageUrl2.call(void 0, entry.author.avatar_url), () => ( entry.author.avatar_url)),
               alt: "",
               className: "h-[1lh] w-[1lh] shrink-0 rounded-full object-cover",
               width: 20,

package/dist/{chunk-5MH6BRPY.cjs → chunk-LJ46XYYP.cjs}

@@ -2239,6 +2239,8 @@ function ProductReleaseCard({
       // affordance, so explicit ring styles match the `<span role>` form.
       "my-1.5 flex w-full items-start gap-3 p-2",
       "rounded-lg border border-ods-border bg-ods-card no-underline",
+      // The play mark on a video cover shows on the card's hover.
+      "group",
       isInteractive ? "cursor-pointer transition-colors hover:border-ods-text-secondary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-1 focus-visible:ring-offset-ods-card" : "cursor-default",
       className
     );
@@ -3386,18 +3388,28 @@ function OnboardingGuideCard({
     const subtitleParts = [`Step ${guide.step_order}`, guide.section, author].filter(
       (s) => typeof s === "string" && s.length > 0
     );
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, prefetch: false, className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-        compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.next_image_default, { src: compactCover, alt: guide.title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "h-4 w-4" }) }),
-        hasVideoCover && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "sm" })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-accent text-h6", children: subtitleParts.join(" \xB7 ") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) })
-    ] });
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkV45KLJQPcjs.next_link_default,
+      {
+        href,
+        target,
+        rel,
+        prefetch: false,
+        className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_OUTER, "group", className),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
+            compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.next_image_default, { src: compactCover, alt: guide.title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "h-4 w-4" }) }),
+            hasVideoCover && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "sm" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-accent text-h6", children: subtitleParts.join(" \xB7 ") }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) })
+        ]
+      }
+    );
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
   const summary = stripMarkdownPreview(guide.video_summary || guide.content || "");

package/dist/{chunk-ISJXKKYW.cjs → chunk-NURAL5HD.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunk4PKORVOXcjs = require('./chunk-4PKORVOX.cjs');
+var _chunkHJ4KGA2Mcjs = require('./chunk-HJ4KGA2M.cjs');
 
 
 
@@ -17,16 +17,16 @@ var _chunkU2O5YQRPcjs = require('./chunk-U2O5YQRP.cjs');
 var _chunk4FWURR3Wcjs = require('./chunk-4FWURR3W.cjs');
 
 
-var _chunkPS6T65KAcjs = require('./chunk-PS6T65KA.cjs');
+var _chunkOC2LBQQJcjs = require('./chunk-OC2LBQQJ.cjs');
 
 
 
 
-var _chunk32Q7K5OPcjs = require('./chunk-32Q7K5OP.cjs');
+var _chunk7YDF3QBNcjs = require('./chunk-7YDF3QBN.cjs');
 
 
 
-var _chunk5MH6BRPYcjs = require('./chunk-5MH6BRPY.cjs');
+var _chunkLJ46XYYPcjs = require('./chunk-LJ46XYYP.cjs');
 
 
 
@@ -119,7 +119,7 @@ function ContactForm({
   successToastMessage = "Redirecting you to join our community...",
   rescue: rescueForm = null
 } = {}) {
-  const attachments = _chunk32Q7K5OPcjs.useChatAttachments.call(void 0, );
+  const attachments = _chunk7YDF3QBNcjs.useChatAttachments.call(void 0, );
   const builtInSubmission = _chunk4FWURR3Wcjs.useContactSubmission.call(void 0, {
     userId,
     successRedirectUrl,
@@ -190,7 +190,7 @@ function ContactForm({
       className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border content-md:rounded-3xl" : ""} ${!noPadding ? "p-6 content-md:p-8 content-lg:p-10" : ""}`,
       children: [
         (title || subtitle) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 content-md:mb-8", children: [
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunk5MH6BRPYcjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunk5MH6BRPYcjs.accentSentenceMarks.call(void 0, title) }),
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunkLJ46XYYPcjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunkLJ46XYYPcjs.accentSentenceMarks.call(void 0, title) }),
           subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: subtitle })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -203,13 +203,13 @@ function ContactForm({
               );
             }),
             className: "flex flex-grow flex-col space-y-4 content-md:space-y-6",
-            ..._chunkPS6T65KAcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+            ..._chunkOC2LBQQJcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
             children: [
               !showName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("name") }),
               !showEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("email") }),
               !showHelpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("helpCategory") }),
               !showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("message") }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PKORVOXcjs.HoneypotField, { ...honeypotInputProps }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.HoneypotField, { ...honeypotInputProps }),
               extraTopField,
               showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
@@ -334,7 +334,7 @@ function ContactForm({
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTRILBJDcjs.RequiredMark, {})
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk4PKORVOXcjs.Textarea,
+                  _chunkHJ4KGA2Mcjs.Textarea,
                   {
                     id: "message",
                     ...register("message"),
@@ -349,7 +349,7 @@ function ContactForm({
               ] }),
               attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk32Q7K5OPcjs.ChatAttachmentChipStrip,
+                  _chunk7YDF3QBNcjs.ChatAttachmentChipStrip,
                   {
                     attachments: attachments.attachments,
                     onRemove: attachments.removeAttachment,
@@ -358,7 +358,7 @@ function ContactForm({
                 ),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk32Q7K5OPcjs.ChatAttachmentAddButton,
+                    _chunk7YDF3QBNcjs.ChatAttachmentAddButton,
                     {
                       attachmentsEnabled: true,
                       attachmentsCount: attachments.attachments.length,