@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/components/case-studies/entity-quotes-panel.js

@@ -1,13 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ENTITY_QUOTES_TITLE } from "../../types/video-processing.js";
-import { TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { StackedRowsPanel } from "../ui/index.js";
 import { useLoadingScope } from "../ui/loading-scope.js";
 const QUOTE_CLASS = "flex flex-col gap-[var(--spacing-system-xxs)]";
 const QUOTE_TEXT_CLASS = "text-ods-text-primary text-h4";
 const QUOTE_SPEAKER_CLASS = "text-ods-text-secondary text-h4";
-const QUOTES_SKELETON_ROWS = 3;
 function EntityQuotesPanel({ quotes, className }) {
   if (useLoadingScope()) return null;
   if (!quotes || quotes.length === 0) return null;
@@ -39,28 +37,6 @@ function EntityQuotesPanel({ quotes, className }) {
     ) })
   );
 }
-function EntityQuotesPanelSkeleton({ className }) {
-  return /* @__PURE__ */ jsx(
-    StackedRowsPanel,
-    {
-      className,
-      title: ENTITY_QUOTES_TITLE,
-      rows: Array.from({ length: QUOTES_SKELETON_ROWS }, (_, i) => ({
-        id: `skeleton-${i}`,
-        columns: [
-          {
-            key: "quote",
-            content: /* @__PURE__ */ jsxs("div", { className: QUOTE_CLASS, "aria-hidden": true, children: [
-              /* @__PURE__ */ jsx("p", { className: QUOTE_TEXT_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", lines: 2, className: "w-full" }) }),
-              /* @__PURE__ */ jsx("p", { className: QUOTE_SPEAKER_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }) })
-            ] })
-          }
-        ]
-      }))
-    }
-  );
-}
 export {
-  EntityQuotesPanel,
-  EntityQuotesPanelSkeleton
+  EntityQuotesPanel
 };

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

@@ -4,35 +4,33 @@
 var _chunkDTKGIG4Acjs = require('../../chunk-DTKGIG4A.cjs');
 
 
-var _chunkG2N7INFTcjs = require('../../chunk-G2N7INFT.cjs');
+var _chunk5PBWAF2Dcjs = require('../../chunk-5PBWAF2D.cjs');
 
 
 
 
 
-
-var _chunkHXLOCZMGcjs = require('../../chunk-HXLOCZMG.cjs');
-require('../../chunk-KLTUTZBO.cjs');
-require('../../chunk-R6BKQKIF.cjs');
-require('../../chunk-SIDDZZKL.cjs');
+var _chunkODZ5XGWAcjs = require('../../chunk-ODZ5XGWA.cjs');
+require('../../chunk-YEJWNHD3.cjs');
+require('../../chunk-4XDYSGRL.cjs');
+require('../../chunk-UONQCE5N.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-5PK22JP7.cjs');
+require('../../chunk-ZV6RQNXE.cjs');
 require('../../chunk-VXAKQRV7.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-WCSWWVPF.cjs');
-require('../../chunk-C42WIUH6.cjs');
-require('../../chunk-S3YDUX2I.cjs');
+require('../../chunk-SMEX3BWO.cjs');
+require('../../chunk-HLZUBJPL.cjs');
 
 
 
-var _chunkTZP7PSPGcjs = require('../../chunk-TZP7PSPG.cjs');
-require('../../chunk-LBGAHB6X.cjs');
-require('../../chunk-KKAY6GPU.cjs');
-require('../../chunk-XEYL6AFZ.cjs');
-require('../../chunk-LELS4XMX.cjs');
+var _chunkFWJ5YECNcjs = require('../../chunk-FWJ5YECN.cjs');
+require('../../chunk-T7SDYBST.cjs');
+require('../../chunk-QD7SKYCQ.cjs');
+require('../../chunk-AKCBLZAO.cjs');
+require('../../chunk-VZKAAXU3.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1831,26 +1829,26 @@ require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
 
 
-var _chunkJB2SEF6Qcjs = require('../../chunk-JB2SEF6Q.cjs');
+var _chunk3IHGS44Wcjs = require('../../chunk-3IHGS44W.cjs');
 require('../../chunk-OJZBZH56.cjs');
-require('../../chunk-64KBI5MI.cjs');
+require('../../chunk-2OYKOHFK.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-LGNJTSKB.cjs');
+require('../../chunk-JHDPEYZH.cjs');
 
 
 
-var _chunkCGQ7CL62cjs = require('../../chunk-CGQ7CL62.cjs');
+var _chunkOHXB6HUXcjs = require('../../chunk-OHXB6HUX.cjs');
 
 
-var _chunkMQPTOJMFcjs = require('../../chunk-MQPTOJMF.cjs');
-require('../../chunk-3ZLPYEL5.cjs');
-require('../../chunk-SETFUCZA.cjs');
-require('../../chunk-BEMGJDXI.cjs');
-require('../../chunk-BNUZKBNV.cjs');
+var _chunkJQWYXC2Ecjs = require('../../chunk-JQWYXC2E.cjs');
+require('../../chunk-Q7HXTF2C.cjs');
+require('../../chunk-HTSRCFXP.cjs');
+require('../../chunk-RYIWADIB.cjs');
+require('../../chunk-AFJEUBDS.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -1859,38 +1857,36 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-3LW5TD54.cjs');
+require('../../chunk-DJTPDK3W.cjs');
 require('../../chunk-7PNRXJX2.cjs');
 require('../../chunk-NTPX5GXI.cjs');
 require('../../chunk-AQXKXZWB.cjs');
 require('../../chunk-V4FXUIMH.cjs');
 require('../../chunk-SZHDXXMK.cjs');
-require('../../chunk-TUAATMUE.cjs');
+require('../../chunk-IYU2ZH2J.cjs');
 require('../../chunk-5GJM7VRR.cjs');
-require('../../chunk-E76ONBKF.cjs');
+require('../../chunk-3VINTJPE.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
-require('../../chunk-YXDHVHB2.cjs');
-require('../../chunk-FL2RMEDX.cjs');
-require('../../chunk-XIFEZ2JT.cjs');
+require('../../chunk-KWV23THO.cjs');
+require('../../chunk-T4ZVKEDP.cjs');
+require('../../chunk-L4XOCV7S.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
 
 
-var _chunkWEANWBJHcjs = require('../../chunk-WEANWBJH.cjs');
+var _chunk63OCO2G5cjs = require('../../chunk-63OCO2G5.cjs');
+require('../../chunk-YNDH72VU.cjs');
+require('../../chunk-CDBFQVPA.cjs');
 
 
 
-var _chunkXFRBEXQNcjs = require('../../chunk-XFRBEXQN.cjs');
-require('../../chunk-TF5D5MNO.cjs');
+var _chunkN6YCOBLKcjs = require('../../chunk-N6YCOBLK.cjs');
 require('../../chunk-V45KLJQP.cjs');
-
-
-var _chunk65VVJSQZcjs = require('../../chunk-65VVJSQZ.cjs');
 require('../../chunk-KHKPLOU4.cjs');
 
 // src/components/case-studies/share-experience-section.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var DEFAULT_TITLE = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCGQ7CL62cjs.HeadingLines, { children: [
+var DEFAULT_TITLE = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOHXB6HUXcjs.HeadingLines, { children: [
   "Share Your Experience",
   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     "with Fellow MSPs",
@@ -1915,7 +1911,7 @@ var DEFAULT_CONTACT_FORM_PROPS = {
   buttonVariant: "outline",
   buttonClassName: "w-full",
   successToastMessage: "Thank you! We'll reach out to schedule your case study.",
-  rescue: _chunkJB2SEF6Qcjs.RESCUE_FORMS.caseStudyPitch
+  rescue: _chunk3IHGS44Wcjs.RESCUE_FORMS.caseStudyPitch
 };
 function ShareExperienceSection({
   title = DEFAULT_TITLE,
@@ -1927,7 +1923,7 @@ function ShareExperienceSection({
 } = {}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: `flex flex-col gap-10${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-ods-text-primary", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h1", children: _chunkCGQ7CL62cjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h1", children: _chunkOHXB6HUXcjs.accentSentenceMarks.call(void 0, title) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-6 max-w-[765px] text-h4", children: subtitle })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md border border-ods-border bg-ods-bg p-10", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-10", children: [
@@ -1935,9 +1931,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, _chunkHXLOCZMGcjs.BenefitCardGrid, { columns: 4, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODZ5XGWAcjs.BenefitCardGrid, { columns: 4, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHXLOCZMGcjs.BenefitCard,
+          _chunkODZ5XGWAcjs.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",
@@ -1946,7 +1942,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHXLOCZMGcjs.BenefitCard,
+          _chunkODZ5XGWAcjs.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",
@@ -1955,7 +1951,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHXLOCZMGcjs.BenefitCard,
+          _chunkODZ5XGWAcjs.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",
@@ -1964,7 +1960,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHXLOCZMGcjs.BenefitCard,
+          _chunkODZ5XGWAcjs.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",
@@ -1973,7 +1969,7 @@ function ShareExperienceSection({
           }
         )
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2N7INFTcjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5PBWAF2Dcjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
     ] }) })
   ] });
 }
@@ -1983,15 +1979,14 @@ function ShareExperienceSection({
 var QUOTE_CLASS = "flex flex-col gap-[var(--spacing-system-xxs)]";
 var QUOTE_TEXT_CLASS = "text-ods-text-primary text-h4";
 var QUOTE_SPEAKER_CLASS = "text-ods-text-secondary text-h4";
-var QUOTES_SKELETON_ROWS = 3;
 function EntityQuotesPanel({ quotes, className }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return null;
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, )) return null;
   if (!quotes || quotes.length === 0) return null;
   return (
     // Optional per record, so the loading state draws none: the gate leaves the loaded panel out of its comparison.
     // A plain block around the one panel, so the parent's spacing applies to it as it did to the panel.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-loading-optional": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHXLOCZMGcjs.StackedRowsPanel,
+      _chunkODZ5XGWAcjs.StackedRowsPanel,
       {
         className,
         title: `${_chunkDTKGIG4Acjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
@@ -2015,53 +2010,33 @@ function EntityQuotesPanel({ quotes, className }) {
     ) })
   );
 }
-function EntityQuotesPanelSkeleton({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHXLOCZMGcjs.StackedRowsPanel,
-    {
-      className,
-      title: _chunkDTKGIG4Acjs.ENTITY_QUOTES_TITLE,
-      rows: Array.from({ length: QUOTES_SKELETON_ROWS }, (_, i) => ({
-        id: `skeleton-${i}`,
-        columns: [
-          {
-            key: "quote",
-            content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: QUOTE_CLASS, "aria-hidden": true, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: QUOTE_TEXT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 2, className: "w-full" }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: QUOTE_SPEAKER_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }) })
-            ] })
-          }
-        ]
-      }))
-    }
-  );
-}
 
 // src/components/case-studies/quote-cards-strip.tsx
 
 var QUOTE_CARD_CLASS = "relative p-[var(--spacing-system-sf)]";
-function QuoteCardTile({ quote, decorative, className, ...props }) {
+function QuoteCardTile({ quote, decorative, className, loading, ...props }) {
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loading || !quote) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteCardTileSkeleton, { className });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkMQPTOJMFcjs.Card,
+    _chunkJQWYXC2Ecjs.Card,
     {
       variant: "panel",
       "aria-hidden": decorative || void 0,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, QUOTE_CARD_CLASS, "hover:border-ods-border-hover", className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, QUOTE_CARD_CLASS, "hover:border-ods-border-hover", className),
       ...props,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWJ5YECNcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative })
       ]
     }
   );
 }
 function QuoteCardTileSkeleton({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.Card, { variant: "panel", className: _chunk65VVJSQZcjs.cn.call(void 0, QUOTE_CARD_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading a customer story", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.PersonCellSkeleton, { size: "lg" }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.Card, { variant: "panel", className: _chunkN6YCOBLKcjs.cn.call(void 0, QUOTE_CARD_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63OCO2G5cjs.LoadingRegion, { label: "Loading a customer story", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.PersonCell, { loading: true, size: "lg" }) }) });
 }
 var QUOTE_STRIP_SKELETON_CARDS = 4;
 function QuoteCardsStripSkeleton({ count, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTZP7PSPGcjs.CardsStrip,
+    _chunkFWJ5YECNcjs.CardsStrip,
     {
       className,
       showTitle: false,
@@ -2069,18 +2044,18 @@ function QuoteCardsStripSkeleton({ count, className }) {
       autoScroll: false,
       items: Array.from({ length: count }, (_, index) => ({ key: `quote-${index}` })),
       itemKey: (item) => item.key,
-      renderCard: (_item, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteCardTileSkeleton, { className: "shrink-0" }, ctx.cardKey)
+      renderCard: (_item, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteCardTile, { loading: true, className: "shrink-0" }, ctx.cardKey)
     }
   );
 }
-function QuoteCardsStrip({ quotes, loading = false, skeletonCount, fold, className }) {
-  const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+function QuoteCardsStrip({ quotes, loading = false, skeletonCount, className }) {
+  const scoped = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   if (scoped && quotes.length === 0 || loading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteCardsStripSkeleton, { count: _nullishCoalesce(_nullishCoalesce(skeletonCount, () => ( fold)), () => ( QUOTE_STRIP_SKELETON_CARDS)), className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteCardsStripSkeleton, { count: _nullishCoalesce(skeletonCount, () => ( QUOTE_STRIP_SKELETON_CARDS)), className });
   }
   if (quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTZP7PSPGcjs.CardsStrip,
+    _chunkFWJ5YECNcjs.CardsStrip,
     {
       className,
       showTitle: false,
@@ -2106,6 +2081,4 @@ function QuoteCardsStrip({ quotes, loading = false, skeletonCount, fold, classNa
 
 
 
-
-
-exports.EntityQuotesPanel = EntityQuotesPanel; exports.EntityQuotesPanelSkeleton = EntityQuotesPanelSkeleton; exports.QuoteCardTile = QuoteCardTile; exports.QuoteCardTileSkeleton = QuoteCardTileSkeleton; exports.QuoteCardsStrip = QuoteCardsStrip; exports.ShareExperienceSection = ShareExperienceSection;
+exports.EntityQuotesPanel = EntityQuotesPanel; exports.QuoteCardTile = QuoteCardTile; exports.QuoteCardsStrip = QuoteCardsStrip; exports.ShareExperienceSection = ShareExperienceSection;

package/dist/components/case-studies/index.d.ts

@@ -1,4 +1,4 @@
 export { ShareExperienceSection, type ShareExperienceSectionProps } from './share-experience-section';
-export { EntityQuotesPanel, EntityQuotesPanelSkeleton, type EntityQuotesPanelProps } from './entity-quotes-panel';
-export { QuoteCardTile, QuoteCardTileSkeleton, QuoteCardsStrip, type QuoteCard, type QuoteCardTileProps, type QuoteCardsStripProps, } from './quote-cards-strip';
+export { EntityQuotesPanel, type EntityQuotesPanelProps } from './entity-quotes-panel';
+export { QuoteCardTile, QuoteCardsStrip, type QuoteCard, type QuoteCardTileProps, type QuoteCardsStripProps, } from './quote-cards-strip';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/case-studies/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/case-studies/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,KAAK,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACtG,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAClH,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,eAAe,EACf,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,GAC1B,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/case-studies/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,KAAK,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACtG,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,EACL,aAAa,EACb,eAAe,EACf,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,GAC1B,MAAM,qBAAqB,CAAC"}

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

@@ -1,15 +1,12 @@
 import { ShareExperienceSection } from "./share-experience-section.js";
-import { EntityQuotesPanel, EntityQuotesPanelSkeleton } from "./entity-quotes-panel.js";
+import { EntityQuotesPanel } from "./entity-quotes-panel.js";
 import {
   QuoteCardTile,
-  QuoteCardTileSkeleton,
   QuoteCardsStrip
 } from "./quote-cards-strip.js";
 export {
   EntityQuotesPanel,
-  EntityQuotesPanelSkeleton,
   QuoteCardTile,
-  QuoteCardTileSkeleton,
   QuoteCardsStrip,
   ShareExperienceSection
 };

package/dist/components/case-studies/quote-cards-strip.d.ts

@@ -10,21 +10,24 @@ export interface QuoteCard {
     /** The case study the quote comes from. */
     href: string;
 }
-export interface QuoteCardTileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    quote: QuoteCard;
+interface QuoteCardTileOptions extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /** The strip's loop clone: it keeps the click but stays out of the a11y tree. */
     decorative?: boolean;
 }
+/** The quote, or `loading` while it is read: the card then draws its own loading form (also in a loading scope). */
+export type QuoteCardTileProps = QuoteCardTileOptions & ({
+    quote: QuoteCard;
+    loading?: boolean;
+} | {
+    quote?: undefined;
+    loading: true;
+});
 /**
  * ONE customer quote card: the line as the person's name, who said it beneath,
  * their logo, and the whole card opening the case study it comes from. The
  * strip draws one per quote; a page that shows a single story draws one alone.
  */
-export declare function QuoteCardTile({ quote, decorative, className, ...props }: QuoteCardTileProps): import("react").JSX.Element;
-/** One quote card while it loads: the same card and the person cell's own skeleton. */
-export declare function QuoteCardTileSkeleton({ className }: {
-    className?: string;
-}): import("react").JSX.Element;
+export declare function QuoteCardTile({ quote, decorative, className, loading, ...props }: QuoteCardTileProps): import("react").JSX.Element;
 export interface QuoteCardsStripProps {
     quotes: readonly QuoteCard[];
     /** The quotes are being read (the host's query runs): the strip draws its own skeleton. A page's loading scope does too. */
@@ -34,7 +37,7 @@ export interface QuoteCardsStripProps {
      * `QUOTE_STRIP_SKELETON_CARDS`, a typical count for a host that states none.
      */
     skeletonCount?: number;
-    /** @deprecated Use `skeletonCount`. */
+    /** @deprecated Ignored: the skeleton draws `skeletonCount` (a list draws its full count, never a fold). */
     fold?: number;
     className?: string;
 }
@@ -45,5 +48,6 @@ export interface QuoteCardsStripProps {
  * keeps the click but stays out of the a11y tree. While its quotes are read (a page's loading scope with none handed
  * over, or `loading`) it is its own skeleton; read and empty, it renders nothing.
  */
-export declare function QuoteCardsStrip({ quotes, loading, skeletonCount, fold, className }: QuoteCardsStripProps): import("react").JSX.Element | null;
+export declare function QuoteCardsStrip({ quotes, loading, skeletonCount, className }: QuoteCardsStripProps): import("react").JSX.Element | null;
+export {};
 //# sourceMappingURL=quote-cards-strip.d.ts.map

package/dist/components/case-studies/quote-cards-strip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quote-cards-strip.d.ts","sourceRoot":"","sources":["../../../src/components/case-studies/quote-cards-strip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,+FAA+F;AAC/F,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,EAAE,SAAS,CAAC;IACjB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAY3F;AAED,uFAAuF;AACvF,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ1E;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,4HAA4H;IAC5H,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,oBAAoB,sCA2BhH"}
+{"version":3,"file":"quote-cards-strip.d.ts","sourceRoot":"","sources":["../../../src/components/case-studies/quote-cards-strip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,+FAA+F;AAC/F,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,oHAAoH;AACpH,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GACnD,CAAC;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAInF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAcpG;AAaD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,4HAA4H;IAC5H,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2GAA2G;IAC3G,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,oBAAoB,sCAyB1G"}

package/dist/components/case-studies/quote-cards-strip.js

@@ -6,9 +6,10 @@ import { CardsStrip } from "../features/cards-strip.js";
 import { LoadingRegion } from "../loading/loading-region.js";
 import { Card } from "../ui/card.js";
 import { useLoadingScope } from "../ui/loading-scope.js";
-import { PersonCell, PersonCellSkeleton } from "../ui/people-cell.js";
+import { PersonCell } from "../ui/people-cell.js";
 const QUOTE_CARD_CLASS = "relative p-[var(--spacing-system-sf)]";
-function QuoteCardTile({ quote, decorative, className, ...props }) {
+function QuoteCardTile({ quote, decorative, className, loading, ...props }) {
+  if (useLoadingScope() || loading || !quote) return /* @__PURE__ */ jsx(QuoteCardTileSkeleton, { className });
   return /* @__PURE__ */ jsxs(
     Card,
     {
@@ -24,7 +25,7 @@ function QuoteCardTile({ quote, decorative, className, ...props }) {
   );
 }
 function QuoteCardTileSkeleton({ className }) {
-  return /* @__PURE__ */ jsx(Card, { variant: "panel", className: cn(QUOTE_CARD_CLASS, className), children: /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading a customer story", children: /* @__PURE__ */ jsx(PersonCellSkeleton, { size: "lg" }) }) });
+  return /* @__PURE__ */ jsx(Card, { variant: "panel", className: cn(QUOTE_CARD_CLASS, className), children: /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading a customer story", children: /* @__PURE__ */ jsx(PersonCell, { loading: true, size: "lg" }) }) });
 }
 const QUOTE_STRIP_SKELETON_CARDS = 4;
 function QuoteCardsStripSkeleton({ count, className }) {
@@ -37,14 +38,14 @@ function QuoteCardsStripSkeleton({ count, className }) {
       autoScroll: false,
       items: Array.from({ length: count }, (_, index) => ({ key: `quote-${index}` })),
       itemKey: (item) => item.key,
-      renderCard: (_item, ctx) => /* @__PURE__ */ jsx(QuoteCardTileSkeleton, { className: "shrink-0" }, ctx.cardKey)
+      renderCard: (_item, ctx) => /* @__PURE__ */ jsx(QuoteCardTile, { loading: true, className: "shrink-0" }, ctx.cardKey)
     }
   );
 }
-function QuoteCardsStrip({ quotes, loading = false, skeletonCount, fold, className }) {
+function QuoteCardsStrip({ quotes, loading = false, skeletonCount, className }) {
   const scoped = useLoadingScope();
   if (scoped && quotes.length === 0 || loading) {
-    return /* @__PURE__ */ jsx(QuoteCardsStripSkeleton, { count: skeletonCount ?? fold ?? QUOTE_STRIP_SKELETON_CARDS, className });
+    return /* @__PURE__ */ jsx(QuoteCardsStripSkeleton, { count: skeletonCount ?? QUOTE_STRIP_SKELETON_CARDS, className });
   }
   if (quotes.length === 0) return null;
   return /* @__PURE__ */ jsx(
@@ -71,6 +72,5 @@ function QuoteCardsStrip({ quotes, loading = false, skeletonCount, fold, classNa
 }
 export {
   QuoteCardTile,
-  QuoteCardTileSkeleton,
   QuoteCardsStrip
 };

package/dist/components/categories-cart.d.ts

@@ -5,13 +5,4 @@ import type { RealCategoryCardProps } from '../types/category';
  */
 export declare const CATEGORIES_CART_SKELETON_VENDORS = 14;
 export declare function CategoriesCart({ category, vendors, vendorCount, subcategoryCount, isLoading, vendorLimit, className, }: RealCategoryCardProps): import("react").JSX.Element;
-/**
- * A category card while its category is read: the card's frame, the vendor strip as icon boxes, a bar for the name,
- * the counts line and two description lines, and the arrow box as it is. Not a link: there is no category yet.
- */
-export declare function CategoriesCartSkeleton({ vendors, className, }: {
-    /** Vendor icons to draw: the vendors the host reads per category. Default `CATEGORIES_CART_SKELETON_VENDORS`. */
-    vendors?: number;
-    className?: string;
-}): import("react").JSX.Element;
 //# sourceMappingURL=categories-cart.d.ts.map

package/dist/components/categories-cart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"categories-cart.d.ts","sourceRoot":"","sources":["../../src/components/categories-cart.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAqB/D;;;GAGG;AACH,eAAO,MAAM,gCAAgC,KAAK,CAAC;AAanD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAY,EACZ,WAAe,EACf,gBAAoB,EACpB,SAAiB,EACjB,WAAW,EACX,SAAc,GACf,EAAE,qBAAqB,+BA6CvB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAA0C,EAC1C,SAAS,GACV,EAAE;IACD,iHAAiH;IACjH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4BA"}
+{"version":3,"file":"categories-cart.d.ts","sourceRoot":"","sources":["../../src/components/categories-cart.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAuB/D;;;GAGG;AACH,eAAO,MAAM,gCAAgC,KAAK,CAAC;AAanD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAY,EACZ,WAAe,EACf,gBAAoB,EACpB,SAAiB,EACjB,WAAW,EACX,SAAc,GACf,EAAE,qBAAqB,+BAmDvB"}

package/dist/components/categories-cart.js

@@ -5,13 +5,14 @@ import Link from "../embed-shims/next-link.js";
 import { ICON_SIZE } from "../styles/component-sizes.js";
 import { cn } from "../utils/cn.js";
 import { TextLineSkeleton } from "./loading/unified-skeleton.js";
-import { useLoadingScope } from "./ui/loading-scope.js";
-import { VendorIcon, VendorIconSkeleton } from "./vendor-icon.js";
+import { LoadingItems, useLoadingScope } from "./ui/loading-scope.js";
+import { VendorIcon } from "./vendor-icon.js";
 const CARD_SHELL_CLASS = "group relative block rounded-lg border border-ods-border bg-ods-card p-3 pb-4 md:p-4 md:pb-6";
 const CARD_STACK_CLASS = "flex flex-col gap-4 md:gap-6";
 const ICON_STRIP_CLASS = "relative h-8 w-full overflow-hidden md:h-10";
 const ICON_ROW_CLASS = "flex w-full gap-2 md:gap-3";
 const VENDOR_ICON_SIZE = "md";
+const EMPTY_VENDOR = { title: "" };
 const VENDOR_ICON_CLASS = "overflow-hidden rounded opacity-60 grayscale filter";
 const INFO_STACK_CLASS = "grid grid-cols-1 gap-2";
 const TITLE_STACK_CLASS = "grid grid-cols-1 gap-1";
@@ -42,7 +43,16 @@ function CategoriesCart({
       className: cn(CARD_SHELL_CLASS, "transition-colors hover:border-ods-accent", className),
       children: /* @__PURE__ */ jsxs("div", { className: CARD_STACK_CLASS, children: [
         /* @__PURE__ */ jsxs("div", { className: ICON_STRIP_CLASS, children: [
-          /* @__PURE__ */ jsx("div", { className: ICON_ROW_CLASS, children: vendors.map((vendor) => /* @__PURE__ */ jsx(VendorIcon, { vendor, size: VENDOR_ICON_SIZE, className: VENDOR_ICON_CLASS }, vendor.id)) }),
+          /* @__PURE__ */ jsx("div", { className: ICON_ROW_CLASS, children: vendors.map((vendor) => /* @__PURE__ */ jsx(
+            VendorIcon,
+            {
+              "data-loading-item": true,
+              vendor,
+              size: VENDOR_ICON_SIZE,
+              className: VENDOR_ICON_CLASS
+            },
+            vendor.id
+          )) }),
           /* @__PURE__ */ jsx(StripFades, {})
         ] }),
         /* @__PURE__ */ jsxs("div", { className: INFO_STACK_CLASS, children: [
@@ -77,10 +87,16 @@ function CategoriesCartSkeleton({
 }) {
   return /* @__PURE__ */ jsx("div", { className: cn(CARD_SHELL_CLASS, className), "aria-hidden": true, children: /* @__PURE__ */ jsxs("div", { className: CARD_STACK_CLASS, children: [
     /* @__PURE__ */ jsxs("div", { className: ICON_STRIP_CLASS, children: [
-      /* @__PURE__ */ jsx("div", { className: ICON_ROW_CLASS, children: Array.from({ length: vendors }, (_, index) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: skeleton icons never reorder
-        /* @__PURE__ */ jsx(VendorIconSkeleton, { size: VENDOR_ICON_SIZE, className: "rounded" }, index)
-      )) }),
+      /* @__PURE__ */ jsx("div", { className: ICON_ROW_CLASS, children: /* @__PURE__ */ jsx(LoadingItems, { count: vendors, children: () => /* @__PURE__ */ jsx(
+        VendorIcon,
+        {
+          "data-loading-item": true,
+          loading: true,
+          vendor: EMPTY_VENDOR,
+          size: VENDOR_ICON_SIZE,
+          className: "rounded"
+        }
+      ) }) }),
       /* @__PURE__ */ jsx(StripFades, {})
     ] }),
     /* @__PURE__ */ jsxs("div", { className: INFO_STACK_CLASS, children: [
@@ -97,6 +113,5 @@ function CategoriesCartSkeleton({
 }
 export {
   CATEGORIES_CART_SKELETON_VENDORS,
-  CategoriesCart,
-  CategoriesCartSkeleton
+  CategoriesCart
 };

package/dist/components/category-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category-card.d.ts","sourceRoot":"","sources":["../../src/components/category-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,KAAU,EAAE,EAAE,iBAAiB,qBA8B7G"}
+{"version":3,"file":"category-card.d.ts","sourceRoot":"","sources":["../../src/components/category-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2D/B,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,KAAU,EAAE,EAAE,iBAAiB,qBAuC7G"}