@flamingo-stack/openframe-frontend-core 0.0.703 → 0.0.704-snapshot.20261006090649

package/dist/{chunk-TCZCMD5Q.js → chunk-5HBHO5TB.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   UnifiedPagination
-} from "./chunk-OGLCD3UL.js";
+} from "./chunk-MFFCUVWG.js";
 import {
   cn
 } from "./chunk-7RXWKTAP.js";

package/dist/{chunk-HYLIQMZH.cjs → chunk-5VA4XAXZ.cjs}

@@ -2,14 +2,14 @@
 
 
 
-var _chunkBSEIEWM5cjs = require('./chunk-BSEIEWM5.cjs');
+var _chunkBCQLAF5Rcjs = require('./chunk-BCQLAF5R.cjs');
 
 
 
-var _chunkNYSYSKSHcjs = require('./chunk-NYSYSKSH.cjs');
+var _chunkUFENARMNcjs = require('./chunk-UFENARMN.cjs');
 
 
-var _chunkXCIFHW4Ecjs = require('./chunk-XCIFHW4E.cjs');
+var _chunkXOYH2YQEcjs = require('./chunk-XOYH2YQE.cjs');
 
 
 
@@ -18,13 +18,13 @@ var _chunkXCIFHW4Ecjs = require('./chunk-XCIFHW4E.cjs');
 
 
 
-var _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkYZCQPTMIcjs = require('./chunk-YZCQPTMI.cjs');
 
 
 
 
 
-var _chunkHY5YL3U5cjs = require('./chunk-HY5YL3U5.cjs');
+var _chunkQCUDVECIcjs = require('./chunk-QCUDVECI.cjs');
 
 
 
@@ -34,10 +34,10 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
-var _chunkMDBHZBW7cjs = require('./chunk-MDBHZBW7.cjs');
+var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -62,7 +62,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, _chunkEMCQGFXDcjs.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, _chunkMMOODW57cjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
     ] }, sectionIdx)) })
   ] });
 }
@@ -86,10 +86,10 @@ function OnboardingGuidesCatalogView({
   const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
   const activeSection = sectionValue || "all";
   const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
-  const guidesRes = _chunkXCIFHW4Ecjs.useSelfFetch.call(void 0, 
+  const guidesRes = _chunkXOYH2YQEcjs.useSelfFetch.call(void 0, 
     selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
   );
-  const sectionsRes = _chunkXCIFHW4Ecjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
+  const sectionsRes = _chunkXOYH2YQEcjs.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 : []))),
@@ -132,25 +132,25 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkNYSYSKSHcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkUFENARMNcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _chunkMXHJROXJcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
+    const cta = _chunkYZCQPTMIcjs.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, _chunkEMCQGFXDcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.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, 
-      _chunkNYSYSKSHcjs.DocSearchBar,
+      _chunkUFENARMNcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -162,7 +162,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     sections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMXHJROXJcjs.FilterPillRow,
+      _chunkYZCQPTMIcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -172,7 +172,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   if (selfFetch && guidesRes.data == null && isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuidesCatalogSkeleton, {});
@@ -204,7 +204,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunkMXHJROXJcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunkYZCQPTMIcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -214,51 +214,51 @@ function OnboardingGuideDetailView({
 }) {
   const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const captions = _chunkHY5YL3U5cjs.useCaptions.call(void 0, );
+  const captions = _chunkQCUDVECIcjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.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, _chunkYZCQPTMIcjs.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 } = _chunkXCIFHW4Ecjs.useSelfFetch.call(void 0, url, { initialData });
-  const { ref: videoWarmupRef } = _chunkHY5YL3U5cjs.useVideoWarmup.call(void 0, {
+  const { data: guide, isLoading, error, reload } = _chunkXOYH2YQEcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { ref: videoWarmupRef } = _chunkQCUDVECIcjs.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, _chunkMXHJROXJcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.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, _chunkBSEIEWM5cjs.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, _chunkBCQLAF5Rcjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
     );
   }
   const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", guide);
   const videoPoster = guide.main_video_thumbnail || guide.featured_image || guide.og_image_url || // `buildOgPlaceholderUrl` always returns a usable string (relative route at
   // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
-  _chunkMDBHZBW7cjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), guide.title, { aspect: "wide" });
+  _chunkRKV5B7EUcjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), guide.title, { aspect: "wide" });
   const defaultRenderRelatedCard = (g) => {
-    const cta = _chunkMXHJROXJcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
+    const cta = _chunkYZCQPTMIcjs.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, _chunkEMCQGFXDcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
   return renderShell(
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkMXHJROXJcjs.PageLayout,
+      _chunkYZCQPTMIcjs.PageLayout,
       {
         title: guide.title,
         titleSize: "h1",
         titleWrap: true,
         backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) },
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkEMCQGFXDcjs.EntityAuthorCard,
+            _chunkMMOODW57cjs.EntityAuthorCard,
             {
               author: guide.author,
               authorHref,
@@ -273,7 +273,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, 
-            _chunkHY5YL3U5cjs.EntityVideoSection,
+            _chunkQCUDVECIcjs.EntityVideoSection,
             {
               mainVideoUrl: guide.main_video_url,
               youtubeUrl: guide.youtube_url || void 0,
@@ -291,17 +291,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, 
-            _chunkHY5YL3U5cjs.VideoBitesStrip,
+            _chunkQCUDVECIcjs.VideoBitesStrip,
             {
               bites: _nullishCoalesce(guide.video_bites, () => ( [])),
               filterPublished: true,
               showTitle: false,
-              profile: _chunkEMCQGFXDcjs.toStripProfile.call(void 0, guide.author),
+              profile: _chunkMMOODW57cjs.toStripProfile.call(void 0, guide.author),
               href: `/onboarding-guides/${guide.slug}`
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkBSEIEWM5cjs.ArticleAuthorByline,
+            _chunkBCQLAF5Rcjs.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-DAW6TDZB.js → chunk-5VLKPPZW.js}

@@ -3,16 +3,16 @@ import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "./chunk-7632TNE7.js";
+} from "./chunk-TZAMUCLI.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav
-} from "./chunk-2NE3DNXY.js";
+} from "./chunk-OUAGKSNE.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-BOUPNYUV.js";
+} from "./chunk-D6NYUYMA.js";
 import {
   CategorySidebarSkeleton,
   DEFAULT_FOLDER_INDEX_FILE,
@@ -22,17 +22,17 @@ import {
   findDocNodeByPath,
   getDocAncestorNodeIds,
   stripFolderIndexFromPath
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-O23NLB2P.js";
 import {
   contentFetch
-} from "./chunk-Q76ZTHNV.js";
+} from "./chunk-MP2C3LJ4.js";
 import {
   HUB_HEADER_OFFSET_PX,
   apiErrorMessage,
   getScrollableAncestor,
   navigateSamePageHash,
   scrollElementIntoView
-} from "./chunk-64O4L7WN.js";
+} from "./chunk-WUJNYGO2.js";
 import {
   useRouter
 } from "./chunk-GY4IZG22.js";
@@ -106,13 +106,21 @@ function PersistentSidebar({ isLoading, children, className }) {
     {
       isLoading,
       disabledOpacity: 0.5,
-      className: cn("lg:sticky lg:top-20", className),
+      className: cn("content-lg:sticky content-lg:top-20", className),
       children
     }
   );
 }
 function PersistentMobileDropdown({ isLoading, children, className }) {
-  return /* @__PURE__ */ jsx(PersistentFilterControls, { isLoading, disabledOpacity: 0.7, className: cn("lg:hidden", className), children });
+  return /* @__PURE__ */ jsx(
+    PersistentFilterControls,
+    {
+      isLoading,
+      disabledOpacity: 0.7,
+      className: cn("content-lg:hidden", className),
+      children
+    }
+  );
 }
 
 // src/components/docs/doc-navigation-context.tsx
@@ -870,8 +878,8 @@ function DocViewerContent({
         ". Please try again later."
       ] })
     ] }) }),
-    !error && /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: [
-      /* @__PURE__ */ jsx3("div", { className: "w-full lg:w-[320px] lg:shrink-0", children: /* @__PURE__ */ jsx3("div", { className: "lg:sticky lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ jsx3(CategorySidebarSkeleton, {}) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    !error && /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col items-start gap-6 content-lg:flex-row content-lg:gap-10", children: [
+      /* @__PURE__ */ jsx3("div", { className: "w-full content-lg:w-[320px] content-lg:shrink-0", children: /* @__PURE__ */ jsx3("div", { className: "content-lg:sticky content-lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ jsx3(CategorySidebarSkeleton, {}) : /* @__PURE__ */ jsxs2(Fragment, { children: [
         /* @__PURE__ */ jsx3(PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ jsx3(
           MobileNavigationDropdown,
           {
@@ -884,7 +892,7 @@ function DocViewerContent({
             folderIndexFile
           }
         ) }),
-        /* @__PURE__ */ jsx3(PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ jsx3("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx3(PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ jsx3("div", { className: "hidden content-lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsx3("h3", { className: "font-semibold text-ods-text-secondary text-h5", children: sidebarLabel }),
           /* @__PURE__ */ jsx3(
             MultiLevelNavigation,
@@ -909,10 +917,10 @@ function DocViewerContent({
           // `isMarkdownContent` also suppresses the section-skeleton
           // bars during embed loads — the user-reported "skeleton
           // shouldn't be on file pages" bug.
-          isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "lg:grid-cols-[1fr_280px]" : ""} gap-8`,
+          isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "content-lg:grid-cols-[1fr_280px]" : ""} gap-8`,
           children: [
             /* @__PURE__ */ jsx3("div", { className: `w-full min-w-0 ${isMarkdownContent ? "mx-auto max-w-4xl" : ""}`, children: /* @__PURE__ */ jsx3("article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ jsx3("div", { className: "py-16 text-center", children: /* @__PURE__ */ jsx3("p", { className: "text-ods-text-secondary text-h4", children: resolvedEmptyText }) }) : renderedContent }) }),
-            isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ jsx3("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "sticky top-24", children: [
+            isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ jsx3("div", { className: "hidden content-lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "sticky top-24", children: [
               /* @__PURE__ */ jsx3("div", { className: "mb-5 h-[14px] w-28 animate-pulse rounded bg-ods-border" }),
               /* @__PURE__ */ jsx3("div", { className: "space-y-0", children: [130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => /* @__PURE__ */ jsx3(
                 "div",
@@ -923,7 +931,7 @@ function DocViewerContent({
                 i
               )) })
             ] }) }),
-            showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ jsx3("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "sticky top-24", children: [
+            showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ jsx3("div", { className: "hidden content-lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "sticky top-24", children: [
               /* @__PURE__ */ jsx3("h3", { className: "mb-4 font-semibold text-ods-text-secondary text-h5", children: "ON THIS PAGE" }),
               /* @__PURE__ */ jsx3(
                 StickySectionNav,
@@ -1010,12 +1018,18 @@ function EmbedSkeleton({ documentType } = {}) {
   }
   const buttonCount = documentType === "pdf" ? 2 : 1;
   return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 content-sm:flex-row content-sm:items-center content-sm:justify-between", children: [
       /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
         /* @__PURE__ */ jsx4("div", { className: "h-5 w-5 shrink-0 animate-pulse rounded bg-ods-border" }),
         /* @__PURE__ */ jsx4("div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-border" })
       ] }),
-      /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center gap-2 sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ jsx4("div", { className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border sm:w-32 sm:flex-initial" }, i)) })
+      /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ jsx4(
+        "div",
+        {
+          className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border content-sm:w-32 content-sm:flex-initial"
+        },
+        i
+      )) })
     ] }),
     /* @__PURE__ */ jsx4(
       "div",