@flamingo-stack/openframe-frontend-core 0.0.740 → 0.0.741

package/dist/{chunk-SWR22DOZ.cjs → chunk-ZYOS7LVQ.cjs}

@@ -5,7 +5,7 @@ var _chunkHF7Z2E4Wcjs = require('./chunk-HF7Z2E4W.cjs');
 
 
 
-var _chunkUW3YXDC4cjs = require('./chunk-UW3YXDC4.cjs');
+var _chunkQEUGYHFBcjs = require('./chunk-QEUGYHFB.cjs');
 
 
 var _chunkWBANGORJcjs = require('./chunk-WBANGORJ.cjs');
@@ -27,7 +27,7 @@ var _chunkB3XBJCODcjs = require('./chunk-B3XBJCOD.cjs');
 
 
 
-var _chunkVC4IV3AYcjs = require('./chunk-VC4IV3AY.cjs');
+var _chunkIK2RJUEAcjs = require('./chunk-IK2RJUEA.cjs');
 
 
 var _chunkDSVNFRY5cjs = require('./chunk-DSVNFRY5.cjs');
@@ -184,10 +184,10 @@ function ProductReleasesView({
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex w-full flex-col gap-[40px]", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[600px] items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUW3YXDC4cjs.ListEmptyState,
+    _chunkQEUGYHFBcjs.ListEmptyState,
     {
       isFiltered: hasActiveFilters,
       filtered: {
@@ -282,7 +282,7 @@ function MediaGalleryStrip({ items, className }) {
 var _lucidereact = require('lucide-react');
 
 
-var DefaultMarkdownRenderer = _chunkVC4IV3AYcjs.RichMarkdownRenderer;
+var DefaultMarkdownRenderer = _chunkIK2RJUEAcjs.RichMarkdownRenderer;
 var DEFAULT_ENDPOINT2 = "/api/releases";
 function ReleaseDetailPage({
   authorHref,
@@ -301,7 +301,7 @@ function ReleaseDetailPage({
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const captions = _chunkBV5WZVOPcjs.useCaptions.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.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, _chunkIK2RJUEAcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const seed = initialData == null ? void 0 : initialData;
   const {
     data: release,
@@ -408,7 +408,7 @@ function ReleaseDetailPage({
         backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6 content-md:space-y-8", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.EntityTagBadges, { tags: release.product_release_tags }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.EntityTagBadges, { tags: release.product_release_tags }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-3 border-b border-ods-border bg-ods-card p-4 content-md:border-b-0 content-md:border-r", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: releaseType.toLocaleUpperCase() }),
@@ -470,7 +470,7 @@ function ReleaseDetailPage({
               ] })
             ] }) }) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVC4IV3AYcjs.ReleaseChangelogSection,
+              _chunkIK2RJUEAcjs.ReleaseChangelogSection,
               {
                 title: "Breaking Changes",
                 entries: breakingChanges || [],
@@ -481,7 +481,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVC4IV3AYcjs.ReleaseChangelogSection,
+              _chunkIK2RJUEAcjs.ReleaseChangelogSection,
               {
                 title: "Features Added",
                 entries: featuresAdded || [],
@@ -491,7 +491,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVC4IV3AYcjs.ReleaseChangelogSection,
+              _chunkIK2RJUEAcjs.ReleaseChangelogSection,
               {
                 title: "Bugs Fixed",
                 entries: bugFixed || [],
@@ -501,7 +501,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVC4IV3AYcjs.ReleaseChangelogSection,
+              _chunkIK2RJUEAcjs.ReleaseChangelogSection,
               {
                 title: "Improvements",
                 entries: improvements || [],
@@ -527,7 +527,7 @@ function ReleaseDetailPage({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Enhancements and Bug-fixes" }),
               (() => {
                 const deliveryCount = deliveryData ? deliveryData.completed.length + deliveryData.inProgress.length : 0;
-                return deliveryLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.FadePreview, { hiddenCount: deliveryCount - 1, collapsedHeight: 300, resetKey: deliveryCount, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: false }) }) });
+                return deliveryLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.FadePreview, { hiddenCount: deliveryCount - 1, collapsedHeight: 300, resetKey: deliveryCount, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: false }) }) });
               })()
             ] }),
             (_optionalChain([githubReleases, 'optionalAccess', _8 => _8.length]) || _optionalChain([knowledgeBaseLinks, 'optionalAccess', _9 => _9.length]) || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
@@ -897,7 +897,7 @@ function RoadmapGrid({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVC4IV3AYcjs.Accordion,
+    _chunkIK2RJUEAcjs.Accordion,
     {
       type: "multiple",
       value: expandedQuarters,
@@ -907,13 +907,13 @@ function RoadmapGrid({
         const itemCount = _optionalChain([itemsByQuarter, 'access', _18 => _18[quarter], 'optionalAccess', _19 => _19.length]) || 0;
         const isExpanded = expandedQuarters.includes(quarter);
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkVC4IV3AYcjs.AccordionItem,
+          _chunkIK2RJUEAcjs.AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "h3",
                   {
@@ -943,7 +943,7 @@ function RoadmapGrid({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -1019,7 +1019,7 @@ function RoadmapView({
   const items = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _20 => _20.items]), () => ( []));
   _chunkVA7OMDZOcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunkSA7LDEVJcjs.STICKY_HEADER_OFFSET_PX });
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridSkeleton, { showLeftMargin });
@@ -1072,7 +1072,7 @@ function DeliveryTable({ items, isLoading = false }) {
     // → `#delivery-<external_id>`; `useScrollToHash` in
     // `delivery-lists.tsx` finds the row by id and scrolls. The
     // outer wrapper here ONLY exists for the row separators.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUW3YXDC4cjs.DeliveryRow, { item, id: _chunkCWRVTQUOcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQEUGYHFBcjs.DeliveryRow, { item, id: _chunkCWRVTQUOcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
   )) }) });
 }
 
@@ -1149,11 +1149,11 @@ function DeliveryLists({
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[40px]", children: [
     !isLoading && !hasResults && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUW3YXDC4cjs.ListEmptyState,
+      _chunkQEUGYHFBcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1384,7 +1384,7 @@ function LegalDocumentPage({
   initialData = null,
   initialLastUpdatedLabel = null,
   apiEndpoint,
-  MarkdownRenderer = _chunkVC4IV3AYcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunkIK2RJUEAcjs.RichMarkdownRenderer,
   documentsEndpoint,
   backButton,
   faq,
@@ -1447,7 +1447,7 @@ function LegalDocumentPage({
     ] }) }) }) }) }),
     faqSlot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHYBMADYOcjs.FaqSection, { ..._chunkHYBMADYOcjs.pageFaqProps.call(void 0, faqSlot) })
   ] });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 

package/dist/{cloud-tenants-PVXDI5MU.cjs → cloud-tenants-MVJK52I2.cjs}

@@ -2,14 +2,14 @@
 "use client";
 
 
-var _chunkII4QMH26cjs = require('./chunk-II4QMH26.cjs');
+var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 
 
 
-var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
+var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunkVC4IV3AYcjs = require('./chunk-VC4IV3AY.cjs');
+var _chunkIK2RJUEAcjs = require('./chunk-IK2RJUEA.cjs');
 require('./chunk-O67V3HJR.cjs');
 require('./chunk-3HPB4H4C.cjs');
 require('./chunk-DSVNFRY5.cjs');
@@ -1880,35 +1880,35 @@ function buildCloudTenantsFixture(cast) {
       tenant(cast.organization("acme"), "MICROSOFT_365", {
         accessState: "WRITE_ENABLED",
         userCount: 212,
-        lastReadAt: _chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, 9)
+        lastReadAt: _chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, 9)
       }),
       tenant(cast.organization("northbridge"), "GOOGLE_WORKSPACE", {
         accessState: "WRITE_ENABLED",
         userCount: 48,
-        lastReadAt: _chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, 15)
+        lastReadAt: _chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, 15)
       }),
       tenant(cast.organization("harbor"), "GOOGLE_WORKSPACE", {
         accessState: "DISCONNECTED",
         userCount: 31,
-        lastReadAt: _chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, 26 * 60)
+        lastReadAt: _chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, 26 * 60)
       }),
       tenant(cast.organization("northbridge"), "MICROSOFT_365", {
         accessState: "WRITE_ENABLED",
         userCount: 52,
-        lastReadAt: _chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, 21)
+        lastReadAt: _chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, 21)
       }),
       tenant(cast.organization("acme"), "GOOGLE_WORKSPACE", {
         accessState: "WRITE_ENABLED",
         userCount: 18,
-        lastReadAt: _chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, 34)
+        lastReadAt: _chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, 34)
       }),
       tenant(cast.organization("harbor"), "MICROSOFT_365", {
         accessState: "WRITE_ENABLED",
         userCount: 29,
-        lastReadAt: _chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, 47)
+        lastReadAt: _chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, 47)
       })
     ],
-    now: new Date(_chunkKHXZFLINcjs.DEMO_NOW)
+    now: new Date(_chunkDKOLQPE7cjs.DEMO_NOW)
   };
 }
 
@@ -1916,9 +1916,9 @@ function buildCloudTenantsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var getHref = () => "#";
 function CloudTenantsScreen(_props) {
-  const cast = _chunkII4QMH26cjs.useProductDemoCast.call(void 0, );
+  const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => buildCloudTenantsFixture(cast), [cast]);
-  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
+  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-l)]", children: table });
 }
 

package/dist/components/case-studies/index.cjs

@@ -4,13 +4,13 @@
 var _chunkDTKGIG4Acjs = require('../../chunk-DTKGIG4A.cjs');
 
 
-var _chunkLLAC2UZ3cjs = require('../../chunk-LLAC2UZ3.cjs');
+var _chunkZJPDGVA6cjs = require('../../chunk-ZJPDGVA6.cjs');
 
 
 
 
 
-var _chunkVC4IV3AYcjs = require('../../chunk-VC4IV3AY.cjs');
+var _chunkIK2RJUEAcjs = require('../../chunk-IK2RJUEA.cjs');
 require('../../chunk-O67V3HJR.cjs');
 require('../../chunk-3HPB4H4C.cjs');
 require('../../chunk-DSVNFRY5.cjs');
@@ -1923,9 +1923,9 @@ function ShareExperienceSection({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-h2", children: howItWorksTitle }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: howItWorksBody })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVC4IV3AYcjs.BenefitCardGrid, { columns: 4, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIK2RJUEAcjs.BenefitCardGrid, { columns: 4, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVC4IV3AYcjs.BenefitCard,
+          _chunkIK2RJUEAcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJQLBIZMcjs.G2Icon, { color: "var(--social-g2)", size: 24 }) }),
             title: "G2",
@@ -1934,7 +1934,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVC4IV3AYcjs.BenefitCard,
+          _chunkIK2RJUEAcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA2VKPXOBcjs.CapterraIcon, { size: 24 }) }),
             title: "Capterra",
@@ -1943,7 +1943,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVC4IV3AYcjs.BenefitCard,
+          _chunkIK2RJUEAcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTLKSZG3Dcjs.TrustpilotIcon, { size: 24 }) }),
             title: "TrustPilot",
@@ -1952,7 +1952,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVC4IV3AYcjs.BenefitCard,
+          _chunkIK2RJUEAcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILYW6BQNcjs.GetappIcon, { size: 24 }) }),
             title: "GetApp",
@@ -1961,7 +1961,7 @@ function ShareExperienceSection({
           }
         )
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLAC2UZ3cjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJPDGVA6cjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
     ] }) })
   ] });
 }
@@ -1971,7 +1971,7 @@ function ShareExperienceSection({
 function EntityQuotesPanel({ quotes, className }) {
   if (!quotes || quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVC4IV3AYcjs.StackedRowsPanel,
+    _chunkIK2RJUEAcjs.StackedRowsPanel,
     {
       className,
       title: `${_chunkDTKGIG4Acjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
@@ -2015,7 +2015,7 @@ function QuoteCardsStrip({ quotes, className }) {
           onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
           className: "relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover",
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVC4IV3AYcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIK2RJUEAcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBV5WZVOPcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
           ]
         },

package/dist/components/contact/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkLLAC2UZ3cjs = require('../../chunk-LLAC2UZ3.cjs');
-require('../../chunk-VC4IV3AY.cjs');
+var _chunkZJPDGVA6cjs = require('../../chunk-ZJPDGVA6.cjs');
+require('../../chunk-IK2RJUEA.cjs');
 require('../../chunk-O67V3HJR.cjs');
 require('../../chunk-3HPB4H4C.cjs');
 require('../../chunk-DSVNFRY5.cjs');
@@ -1854,4 +1854,4 @@ require('../../chunk-5M5C6UV4.cjs');
 require('../../chunk-3ATAYP36.cjs');
 
 
-exports.ContactForm = _chunkLLAC2UZ3cjs.ContactForm;
+exports.ContactForm = _chunkZJPDGVA6cjs.ContactForm;

package/dist/components/docs/index.cjs

@@ -8,13 +8,13 @@
 
 
 
-var _chunk4RLGLB45cjs = require('../../chunk-4RLGLB45.cjs');
-require('../../chunk-3ZIQOYNX.cjs');
+var _chunkXJ36TEGEcjs = require('../../chunk-XJ36TEGE.cjs');
+require('../../chunk-4XL4YEZM.cjs');
 
 
 var _chunkEKGL5K5Kcjs = require('../../chunk-EKGL5K5K.cjs');
-require('../../chunk-BDA5F6RM.cjs');
-require('../../chunk-VC4IV3AY.cjs');
+require('../../chunk-YQ37ZCD2.cjs');
+require('../../chunk-IK2RJUEA.cjs');
 require('../../chunk-O67V3HJR.cjs');
 require('../../chunk-3HPB4H4C.cjs');
 require('../../chunk-DSVNFRY5.cjs');
@@ -1873,4 +1873,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.DocNavigationProvider = _chunk4RLGLB45cjs.DocNavigationProvider; exports.DocViewer = _chunk4RLGLB45cjs.DocViewer; exports.DocsHubPage = _chunk4RLGLB45cjs.DocsHubPage; exports.EmbedSkeleton = _chunk4RLGLB45cjs.EmbedSkeleton; exports.MarkdownSkeleton = _chunk4RLGLB45cjs.MarkdownSkeleton; exports.useDocNavigation = _chunk4RLGLB45cjs.useDocNavigation; exports.useDocumentTree = _chunk4RLGLB45cjs.useDocumentTree; exports.useScrollSpy = _chunkEKGL5K5Kcjs.useScrollSpy;
+exports.DocNavigationProvider = _chunkXJ36TEGEcjs.DocNavigationProvider; exports.DocViewer = _chunkXJ36TEGEcjs.DocViewer; exports.DocsHubPage = _chunkXJ36TEGEcjs.DocsHubPage; exports.EmbedSkeleton = _chunkXJ36TEGEcjs.EmbedSkeleton; exports.MarkdownSkeleton = _chunkXJ36TEGEcjs.MarkdownSkeleton; exports.useDocNavigation = _chunkXJ36TEGEcjs.useDocNavigation; exports.useDocumentTree = _chunkXJ36TEGEcjs.useDocumentTree; exports.useScrollSpy = _chunkEKGL5K5Kcjs.useScrollSpy;

package/dist/components/embeds/index.cjs

@@ -4,7 +4,7 @@ require('../../chunk-7SEARXQW.cjs');
 
 
 
-var _chunk3ZIQOYNXcjs = require('../../chunk-3ZIQOYNX.cjs');
+var _chunk4XL4YEZMcjs = require('../../chunk-4XL4YEZM.cjs');
 
 
 
@@ -25,7 +25,7 @@ var _chunk3ZIQOYNXcjs = require('../../chunk-3ZIQOYNX.cjs');
 
 
 
-var _chunkVC4IV3AYcjs = require('../../chunk-VC4IV3AY.cjs');
+var _chunkIK2RJUEAcjs = require('../../chunk-IK2RJUEA.cjs');
 require('../../chunk-O67V3HJR.cjs');
 require('../../chunk-3HPB4H4C.cjs');
 require('../../chunk-DSVNFRY5.cjs');
@@ -1898,4 +1898,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.ClaudeEmbed = _chunkVC4IV3AYcjs.ClaudeEmbed; exports.EMBED_SIZES = _chunkVC4IV3AYcjs.EMBED_SIZES; exports.EmbedContainer = _chunkVC4IV3AYcjs.EmbedContainer; exports.EmbedIframe = _chunkVC4IV3AYcjs.EmbedIframe; exports.EmbedViewerFrame = _chunkVC4IV3AYcjs.EmbedViewerFrame; exports.FigmaEmbed = _chunkVC4IV3AYcjs.FigmaEmbed; exports.FileDownloadCard = _chunk3ZIQOYNXcjs.FileDownloadCard; exports.GoogleSheetsViewer = _chunk3ZIQOYNXcjs.GoogleSheetsViewer; exports.LinkPreviewContainer = _chunkVC4IV3AYcjs.LinkPreviewContainer; exports.LinkedInContainer = _chunkVC4IV3AYcjs.LinkedInContainer; exports.LinkedInEmbedClient = _chunkVC4IV3AYcjs.LinkedInEmbedClient; exports.MarkdownImage = _chunkVC4IV3AYcjs.MarkdownImage; exports.OGLinkErrorBoundary = _chunkVC4IV3AYcjs.OGLinkErrorBoundary; exports.OGLinkPreview = _chunkVC4IV3AYcjs.OGLinkPreview; exports.PdfViewer = _chunk3ZIQOYNXcjs.PdfViewer; exports.RedditContainer = _chunkVC4IV3AYcjs.RedditContainer; exports.RedditEmbedClient = _chunkVC4IV3AYcjs.RedditEmbedClient; exports.RichMarkdownRuntimeProvider = _chunkVC4IV3AYcjs.RichMarkdownRuntimeProvider; exports.TwitterContainer = _chunkVC4IV3AYcjs.TwitterContainer; exports.TwitterEmbedClient = _chunkVC4IV3AYcjs.TwitterEmbedClient; exports.YouTubeContainer = _chunkVC4IV3AYcjs.YouTubeContainer; exports.useRichMarkdownRuntime = _chunkVC4IV3AYcjs.useRichMarkdownRuntime;
+exports.ClaudeEmbed = _chunkIK2RJUEAcjs.ClaudeEmbed; exports.EMBED_SIZES = _chunkIK2RJUEAcjs.EMBED_SIZES; exports.EmbedContainer = _chunkIK2RJUEAcjs.EmbedContainer; exports.EmbedIframe = _chunkIK2RJUEAcjs.EmbedIframe; exports.EmbedViewerFrame = _chunkIK2RJUEAcjs.EmbedViewerFrame; exports.FigmaEmbed = _chunkIK2RJUEAcjs.FigmaEmbed; exports.FileDownloadCard = _chunk4XL4YEZMcjs.FileDownloadCard; exports.GoogleSheetsViewer = _chunk4XL4YEZMcjs.GoogleSheetsViewer; exports.LinkPreviewContainer = _chunkIK2RJUEAcjs.LinkPreviewContainer; exports.LinkedInContainer = _chunkIK2RJUEAcjs.LinkedInContainer; exports.LinkedInEmbedClient = _chunkIK2RJUEAcjs.LinkedInEmbedClient; exports.MarkdownImage = _chunkIK2RJUEAcjs.MarkdownImage; exports.OGLinkErrorBoundary = _chunkIK2RJUEAcjs.OGLinkErrorBoundary; exports.OGLinkPreview = _chunkIK2RJUEAcjs.OGLinkPreview; exports.PdfViewer = _chunk4XL4YEZMcjs.PdfViewer; exports.RedditContainer = _chunkIK2RJUEAcjs.RedditContainer; exports.RedditEmbedClient = _chunkIK2RJUEAcjs.RedditEmbedClient; exports.RichMarkdownRuntimeProvider = _chunkIK2RJUEAcjs.RichMarkdownRuntimeProvider; exports.TwitterContainer = _chunkIK2RJUEAcjs.TwitterContainer; exports.TwitterEmbedClient = _chunkIK2RJUEAcjs.TwitterEmbedClient; exports.YouTubeContainer = _chunkIK2RJUEAcjs.YouTubeContainer; exports.useRichMarkdownRuntime = _chunkIK2RJUEAcjs.useRichMarkdownRuntime;

package/dist/components/faq/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkZLTCQKTDcjs = require('../../chunk-ZLTCQKTD.cjs');
+var _chunkI6UE6YVMcjs = require('../../chunk-I6UE6YVM.cjs');
 
 
 
 
 
 var _chunkHYBMADYOcjs = require('../../chunk-HYBMADYO.cjs');
-require('../../chunk-VC4IV3AY.cjs');
+require('../../chunk-IK2RJUEA.cjs');
 require('../../chunk-O67V3HJR.cjs');
 require('../../chunk-3HPB4H4C.cjs');
 require('../../chunk-DSVNFRY5.cjs');
@@ -1864,4 +1864,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.FaqAskCard = _chunkHYBMADYOcjs.FaqAskCard; exports.FaqDocumentPage = _chunkZLTCQKTDcjs.FaqDocumentPage; exports.FaqSection = _chunkHYBMADYOcjs.FaqSection; exports.PAGE_FAQ_SECTION_ID = _chunkHYBMADYOcjs.PAGE_FAQ_SECTION_ID; exports.pageFaqProps = _chunkHYBMADYOcjs.pageFaqProps;
+exports.FaqAskCard = _chunkHYBMADYOcjs.FaqAskCard; exports.FaqDocumentPage = _chunkI6UE6YVMcjs.FaqDocumentPage; exports.FaqSection = _chunkHYBMADYOcjs.FaqSection; exports.PAGE_FAQ_SECTION_ID = _chunkHYBMADYOcjs.PAGE_FAQ_SECTION_ID; exports.pageFaqProps = _chunkHYBMADYOcjs.pageFaqProps;

package/dist/components/features/capability-explorer.d.ts

@@ -70,9 +70,16 @@ export interface CapabilityExplorerProps {
 }
 /** The element id of a job's tab (never the job's own id: that is the host's anchor). */
 export declare const capabilityTabId: (id: string) => string;
-/** The box the explorer occupies while its data loads, at both layouts: the panel, or the carousel's card over its controls. */
-export declare function CapabilityExplorerSkeleton({ className }: {
+/**
+ * The explorer while its data loads, drawn as both layouts in their own boxes
+ * (the width decides which shows, by CSS, since it is not known yet): the list
+ * of jobs beside the panel with its copy, example, screen and footer, or the
+ * first card over the carousel's controls. Every box is the loaded one's, so
+ * nothing moves when the jobs arrive.
+ */
+export declare function CapabilityExplorerSkeleton({ className, count }: {
     className?: string;
+    count?: number;
 }): import("react").JSX.Element;
 /**
  * The jobs a product does, one at a time with its real screen.

package/dist/components/features/capability-explorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"capability-explorer.d.ts","sourceRoot":"","sources":["../../../src/components/features/capability-explorer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAUnE,0FAA0F;AAC1F,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,sBAAsB,CAAC;QACnC,SAAS,CAAC,EAAE,sBAAsB,CAAC;KACpC,GAAG,IAAI,CAAC;IACT,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,kGAAkG;AAClG,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,SAAS,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,SAAS,sBAAsB,EAAE,CAAC;IACzC,MAAM,EAAE,wBAAwB,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yFAAyF;IACzF,YAAY,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;IACzF,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,yFAAyF;AACzF,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,KAAG,MAAqB,CAAC;AA0EnE,gIAAgI;AAChI,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAO/E;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,SAAS,GACV,EAAE,uBAAuB,sCA6MzB"}
+{"version":3,"file":"capability-explorer.d.ts","sourceRoot":"","sources":["../../../src/components/features/capability-explorer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAUnE,0FAA0F;AAC1F,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,sBAAsB,CAAC;QACnC,SAAS,CAAC,EAAE,sBAAsB,CAAC;KACpC,GAAG,IAAI,CAAC;IACT,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,kGAAkG;AAClG,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,SAAS,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,SAAS,sBAAsB,EAAE,CAAC;IACzC,MAAM,EAAE,wBAAwB,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yFAAyF;IACzF,YAAY,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;IACzF,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,yFAAyF;AACzF,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,KAAG,MAAqB,CAAC;AA6HnE;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BA+E1G;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,SAAS,GACV,EAAE,uBAAuB,sCA6MzB"}

package/dist/components/features/capability-explorer.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useContentLgUp } from "../../hooks/ui/use-content-breakpoint.js";
 import { cn } from "../../utils/cn.js";
@@ -14,7 +14,6 @@ const PANEL_TOP_HEIGHT_CLASS = "h-[256px]";
 const PANEL_SCREEN_HEIGHT_CLASS = "h-[420px]";
 const PANEL_FOOTER_HEIGHT_CLASS = "h-[52px]";
 const CARD_HEIGHT_CLASS = "h-[700px]";
-const SKELETON_HEIGHT_CLASS = "h-[700px] content-lg:h-[824px]";
 const capabilityTabId = (id) => `${id}-tab`;
 function Highlights({ items, className }) {
   if (items.length === 0) return null;
@@ -66,10 +65,118 @@ function Example({
     }
   );
 }
-function CapabilityExplorerSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsx(Skeleton, { className: cn(SKELETON_HEIGHT_CLASS, "w-full") }),
-    /* @__PURE__ */ jsx(SnapCarouselControlsSkeleton, { className: "content-lg:hidden" })
+function LineBar({ line, width }) {
+  return /* @__PURE__ */ jsx("div", { className: line, children: /* @__PURE__ */ jsx("span", { className: cn("inline-block h-[0.7em] animate-pulse rounded bg-ods-border align-middle", width) }) });
+}
+function ExampleSkeleton({ className }) {
+  const turn = (first) => /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 gap-2.5", !first && "border-t border-ods-border pt-3"), children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "size-6 shrink-0 rounded-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+      /* @__PURE__ */ jsx(LineBar, { line: "text-h6", width: "w-28" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-h-[2lh] text-h4", children: [
+        /* @__PURE__ */ jsx(LineBar, { line: "text-h4", width: "w-full" }),
+        /* @__PURE__ */ jsx(LineBar, { line: "text-h4", width: "w-2/3" })
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex min-w-0 flex-col justify-center gap-3 overflow-hidden rounded-xl border border-ods-border bg-ods-bg px-[var(--spacing-system-mf)] py-[var(--spacing-system-sf)]",
+        className
+      ),
+      children: [
+        turn(true),
+        turn(false)
+      ]
+    }
+  );
+}
+function JobHeadSkeleton() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "size-9 shrink-0 rounded-lg" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx(LineBar, { line: "text-h4", width: "w-32" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsx(LineBar, { line: "text-h6", width: "w-40" }) })
+    ] })
+  ] });
+}
+function CapabilityExplorerSkeleton({ className, count = 8 }) {
+  return /* @__PURE__ */ jsxs("div", { className, "aria-hidden": true, children: [
+    /* @__PURE__ */ jsxs("div", { className: "content-lg:hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex gap-[var(--spacing-system-sf)] overflow-hidden", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex min-w-0 shrink-0 basis-[86%] flex-col gap-[var(--spacing-system-sf)] overflow-hidden rounded-xl border border-ods-border bg-ods-card p-[var(--spacing-system-mf)]",
+            CARD_HEIGHT_CLASS
+          ),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-3", children: /* @__PURE__ */ jsx(JobHeadSkeleton, {}) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-h-[3lh] text-h6", children: [
+              /* @__PURE__ */ jsx(LineBar, { line: "text-h6", width: "w-full" }),
+              /* @__PURE__ */ jsx(LineBar, { line: "text-h6", width: "w-5/6" })
+            ] }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-[300px] shrink-0 rounded-lg" }),
+            /* @__PURE__ */ jsx(ExampleSkeleton, { className: "shrink-0" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(SnapCarouselControlsSkeleton, {})
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "hidden grid-cols-[minmax(0,360px)_minmax(0,1fr)] gap-[var(--spacing-system-lf)] content-lg:grid",
+          PANEL_HEIGHT_CLASS
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-col gap-1 overflow-hidden", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex min-w-0 shrink-0 items-center gap-3.5 rounded-lg border px-3.5 py-3",
+                i === 0 ? "border-ods-border bg-ods-card" : "border-transparent"
+              ),
+              children: /* @__PURE__ */ jsx(JobHeadSkeleton, {})
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 min-w-0 flex-col gap-5 overflow-hidden rounded-xl border border-ods-border bg-ods-card px-8 py-7", children: [
+            /* @__PURE__ */ jsxs("div", { className: cn("grid shrink-0 grid-cols-[minmax(0,1fr)_minmax(0,380px)] gap-8", PANEL_TOP_HEIGHT_CLASS), children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col overflow-hidden", children: [
+                /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(LineBar, { line: "text-h2", width: "w-64" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "min-h-[3lh] text-h4", children: [
+                  /* @__PURE__ */ jsx(LineBar, { line: "text-h4", width: "w-full" }),
+                  /* @__PURE__ */ jsx(LineBar, { line: "text-h4", width: "w-4/5" })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "mt-auto grid grid-cols-1 gap-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx(Skeleton, { className: "size-4 shrink-0 rounded-full" }),
+                  /* @__PURE__ */ jsx(LineBar, { line: "text-h6", width: i === 1 ? "w-56" : "w-48" })
+                ] }, i)) })
+              ] }),
+              /* @__PURE__ */ jsx(ExampleSkeleton, {})
+            ] }),
+            /* @__PURE__ */ jsx(Skeleton, { className: cn("shrink-0 rounded-xl", PANEL_SCREEN_HEIGHT_CLASS) }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex min-w-0 shrink-0 items-center gap-[var(--spacing-system-sf)]",
+                  PANEL_FOOTER_HEIGHT_CLASS
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(LineBar, { line: "text-h5", width: "w-16" }),
+                  /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-36 rounded-md" })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
   ] });
 }
 function CapabilityExplorer({