@flamingo-stack/openframe-frontend-core 0.0.847 → 0.0.849

package/dist/{chunk-BIOSHDXQ.cjs → chunk-MDLT6D46.cjs}

@@ -20,7 +20,7 @@ var _chunkX432Y6RMcjs = require('./chunk-X432Y6RM.cjs');
 
 
 
-var _chunkPZNWIJRZcjs = require('./chunk-PZNWIJRZ.cjs');
+var _chunkTIVPOVIMcjs = require('./chunk-TIVPOVIM.cjs');
 
 
 
@@ -34,7 +34,7 @@ var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
 
 
 
-var _chunk3V5JWG27cjs = require('./chunk-3V5JWG27.cjs');
+var _chunkGG466XFQcjs = require('./chunk-GG466XFQ.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -46,7 +46,7 @@ var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
 
-var _chunk3TOWCFIKcjs = require('./chunk-3TOWCFIK.cjs');
+var _chunkPMUCEUFQcjs = require('./chunk-PMUCEUFQ.cjs');
 
 
 var _chunkFCZAUK4Dcjs = require('./chunk-FCZAUK4D.cjs');
@@ -152,7 +152,7 @@ var PosterBox = _react.forwardRef.call(void 0, function PosterBoxView({ poster,
       className: _chunk63A4GZMBcjs.cn.call(void 0, "relative overflow-hidden", className),
       style: fill ? { width: "100%", height: "100%" } : void 0,
       children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3V5JWG27cjs.next_image_default,
+        _chunkGG466XFQcjs.next_image_default,
         {
           src: poster,
           alt: "",
@@ -276,7 +276,7 @@ function resolveKind(props, url) {
   return isYouTubeUrl(url) ? "youtube" : "file";
 }
 function VideoSkeleton({ layout = "native", className }) {
-  return wrapWithLayout(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { variant: "rectangular", className: _chunk63A4GZMBcjs.cn.call(void 0, "h-full w-full", className) }), layout);
+  return wrapWithLayout(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { variant: "rectangular", className: _chunk63A4GZMBcjs.cn.call(void 0, "h-full w-full", className) }), layout);
 }
 function wrapWithLayout(inner, layout) {
   switch (layout) {
@@ -501,7 +501,7 @@ function YouTubeFacadeInner({
               height: 720,
               loading: "lazy",
               onError: handlePosterError,
-              ..._chunk3V5JWG27cjs.fetchPriorityProp.call(void 0, priority),
+              ..._chunkGG466XFQcjs.fetchPriorityProp.call(void 0, priority),
               decoding: priority ? "sync" : "async",
               className: "absolute inset-0 h-full w-full object-cover"
             }
@@ -564,7 +564,7 @@ function VideoHoverPreviewSurface({
   const facadeSkipped = preload === "none" && !posterSrc;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunk63A4GZMBcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     posterSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3V5JWG27cjs.next_image_default,
+      _chunkGG466XFQcjs.next_image_default,
       {
         src: posterSrc,
         alt: "",
@@ -622,7 +622,7 @@ function EntityIcon({
   const held = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, );
   if (held) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3TOWCFIKcjs.UnifiedSkeleton,
+      _chunkPMUCEUFQcjs.UnifiedSkeleton,
       {
         as: "span",
         width: size,
@@ -633,7 +633,7 @@ function EntityIcon({
   }
   if (!_optionalChain([icon, 'optionalAccess', _21 => _21.url]) && _optionalChain([identity, 'optionalAccess', _22 => _22.url])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3V5JWG27cjs.next_image_default,
+      _chunkGG466XFQcjs.next_image_default,
       {
         src: identity.url,
         alt: "",
@@ -646,7 +646,7 @@ function EntityIcon({
   }
   if (_optionalChain([icon, 'optionalAccess', _23 => _23.url])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3V5JWG27cjs.next_image_default,
+      _chunkGG466XFQcjs.next_image_default,
       {
         src: icon.url,
         alt: "",
@@ -734,7 +734,7 @@ var COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg bo
 var COMPACT_CARD_OUTER_STATIC = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline cursor-default";
 var COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
 var COMPACT_CARD_IMAGE_SLOT = "relative block shrink-0 self-start w-14 h-14 aspect-square overflow-hidden rounded-md bg-ods-bg";
-var COMPACT_CARD_SKELETON_IMAGE_SLOT = `block ${_chunk3TOWCFIKcjs.TILE_SIZE.thumb} ${_chunk3TOWCFIKcjs.MEDIA_ASPECT.square} shrink-0 self-start rounded-md`;
+var COMPACT_CARD_SKELETON_IMAGE_SLOT = `block ${_chunkPMUCEUFQcjs.TILE_SIZE.thumb} ${_chunkPMUCEUFQcjs.MEDIA_ASPECT.square} shrink-0 self-start rounded-md`;
 var COMPACT_CARD_ICON_SLOT = "flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center rounded-md bg-ods-bg text-ods-accent";
 var COMPACT_CARD_TEXT_COL = "flex min-w-0 flex-1 flex-col gap-0.5 min-h-14";
 var COMPACT_CARD_TITLE_ROW = "flex items-center min-w-0 h-5";
@@ -825,7 +825,7 @@ function generationTierFromLabel(label) {
 }
 function StatusBadgeSkeleton({ variant, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3TOWCFIKcjs.UnifiedSkeleton,
+    _chunkPMUCEUFQcjs.UnifiedSkeleton,
     {
       as: "span",
       className: _chunk63A4GZMBcjs.cn.call(void 0, 
@@ -888,18 +888,18 @@ function CompactCardSkeleton({
   className
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, COMPACT_CARD_SKELETON_OUTER, className), "aria-hidden": true, children: [
-    slot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { as: "span", className: _nullishCoalesce(slotClassName, () => ( COMPACT_CARD_SKELETON_IMAGE_SLOT)) }),
+    slot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { as: "span", className: _nullishCoalesce(slotClassName, () => ( COMPACT_CARD_SKELETON_IMAGE_SLOT)) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: titleBadges.length > 0 ? COMPACT_CARD_TITLE_WRAP_ROW : COMPACT_CARD_TITLE_ROW, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { as: "span", type: "inherit", className: _chunk63A4GZMBcjs.cn.call(void 0, COMPACT_CARD_TITLE_TYPE, titleWidth) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { as: "span", type: "inherit", className: _chunk63A4GZMBcjs.cn.call(void 0, COMPACT_CARD_TITLE_TYPE, titleWidth) }),
         titleBadges.map((width, i) => (
           // The compact cards' title badges are `StatusBadge variant="button"` stamps: their own skeleton.
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadge, { loading: true, text: "", variant: "button", className: _chunk63A4GZMBcjs.cn.call(void 0, "shrink-0", width) }, i)
         ))
       ] }),
       rows.map(
-        (row, i) => (_nullishCoalesce(row.lines, () => ( 1))) > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { as: "span", type: "h6", lines: row.lines, className: row.width }, i) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, COMPACT_CARD_META_ROW_BOX, row.after ? "gap-2" : void 0), children: [
-          row.width && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { as: "span", type: "h6", className: row.width }),
+        (row, i) => (_nullishCoalesce(row.lines, () => ( 1))) > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { as: "span", type: "h6", lines: row.lines, className: row.width }, i) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, COMPACT_CARD_META_ROW_BOX, row.after ? "gap-2" : void 0), children: [
+          row.width && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { as: "span", type: "h6", className: row.width }),
           row.after
         ] }, i)
       )
@@ -914,8 +914,8 @@ function ActivityRowSkeleton({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, "flex min-w-0 items-center gap-3", className), children: [
     lead,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
-    trailingWidths.map((width, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, "h-3 shrink-0 rounded", width) }, i))
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
+    trailingWidths.map((width, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, "h-3 shrink-0 rounded", width) }, i))
   ] });
 }
 
@@ -969,7 +969,7 @@ function EntityPortraitCard({
       setMeasured({ src, isWide: img.naturalWidth / img.naturalHeight >= MIN_WIDE_RATIO });
     }
   };
-  const edgeColor = _chunkPZNWIJRZcjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
+  const edgeColor = _chunkTIVPOVIMcjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
   if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel, className });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk63A4GZMBcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk63A4GZMBcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, PORTRAIT_BODY), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -978,7 +978,7 @@ function EntityPortraitCard({
         className: _chunk63A4GZMBcjs.cn.call(void 0, PORTRAIT_MEDIA, "bg-ods-bg transition-colors duration-300"),
         style: isWide === false ? { backgroundColor: edgeColor } : void 0,
         children: src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3V5JWG27cjs.next_image_default,
+          _chunkGG466XFQcjs.next_image_default,
           {
             src,
             alt: imageAlt,
@@ -1010,13 +1010,13 @@ function EntityPortraitCard({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: person && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
         person.avatarUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3V5JWG27cjs.next_image_default,
+          _chunkGG466XFQcjs.next_image_default,
           {
             src: person.avatarUrl,
             alt: person.name,
             className: "h-12 w-12 rounded-full border border-ods-border bg-ods-bg object-cover",
-            width: _chunk3TOWCFIKcjs.AVATAR_SIZE_PX.lg,
-            height: _chunk3TOWCFIKcjs.AVATAR_SIZE_PX.lg,
+            width: _chunkPMUCEUFQcjs.AVATAR_SIZE_PX.lg,
+            height: _chunkPMUCEUFQcjs.AVATAR_SIZE_PX.lg,
             unoptimized: true
           }
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h4", children: person.name.charAt(0).toUpperCase() }) }),
@@ -1026,13 +1026,13 @@ function EntityPortraitCard({
             "data-loading-optional": true,
             className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg",
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk3V5JWG27cjs.next_image_default,
+              _chunkGG466XFQcjs.next_image_default,
               {
                 src: person.iconOverlayUrl,
                 alt: "",
                 className: "h-full w-full object-cover",
-                width: _chunk3TOWCFIKcjs.AVATAR_SIZE_PX.xs,
-                height: _chunk3TOWCFIKcjs.AVATAR_SIZE_PX.xs,
+                width: _chunkPMUCEUFQcjs.AVATAR_SIZE_PX.xs,
+                height: _chunkPMUCEUFQcjs.AVATAR_SIZE_PX.xs,
                 unoptimized: true
               }
             )
@@ -1048,7 +1048,7 @@ function EntityPortraitCard({
 }
 function EntityPortraitCardSkeleton({ typeLabel, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk63A4GZMBcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, PORTRAIT_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, PORTRAIT_MEDIA, "rounded-sm") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, PORTRAIT_MEDIA, "rounded-sm") }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_TITLE_ZONE, children: [
       typeLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         StatusBadge,
@@ -1061,13 +1061,13 @@ function EntityPortraitCardSkeleton({ typeLabel, className }) {
           className: "self-start"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h4", lines: typeLabel ? 2 : 3, className: _chunk63A4GZMBcjs.cn.call(void 0, "w-full", PORTRAIT_TITLE_LEADING) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h4", lines: typeLabel ? 2 : 3, className: _chunk63A4GZMBcjs.cn.call(void 0, "w-full", PORTRAIT_TITLE_LEADING) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, PORTRAIT_PERSON_TEXT, "gap-0"), children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-32" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-32" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
       ] })
     ] }) })
   ] }) });
@@ -1079,11 +1079,11 @@ function useEntityCardLink({ href, targetPlatform, target, rel }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (target !== void 0 || rel !== void 0) {
-      const safeRel = _nullishCoalesce(rel, () => ( (target === "_blank" ? _chunkPZNWIJRZcjs.newTabRel.call(void 0, href, targetPlatform) : void 0)));
+      const safeRel = _nullishCoalesce(rel, () => ( (target === "_blank" ? _chunkTIVPOVIMcjs.newTabRel.call(void 0, href, targetPlatform) : void 0)));
       return { target, rel: safeRel };
     }
-    const resolved = _chunkPZNWIJRZcjs.navLinkTarget.call(void 0, runtime, href, targetPlatform);
-    const attrs = _chunkPZNWIJRZcjs.newTabAnchorAttrs.call(void 0, resolved.isNewTab, resolved.href, targetPlatform);
+    const resolved = _chunkTIVPOVIMcjs.navLinkTarget.call(void 0, runtime, href, targetPlatform);
+    const attrs = _chunkTIVPOVIMcjs.newTabAnchorAttrs.call(void 0, resolved.isNewTab, resolved.href, targetPlatform);
     return { target: attrs.target, rel: attrs.rel };
   }, [target, rel, href, targetPlatform, runtime]);
 }
@@ -1095,7 +1095,7 @@ function useEntityCardPlaceholder({
   siteName = "",
   aspect = "wide"
 }) {
-  const derived = _chunkPZNWIJRZcjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
+  const derived = _chunkTIVPOVIMcjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
   return placeholderUrl !== void 0 ? placeholderUrl : derived;
 }
 
@@ -1105,17 +1105,17 @@ var CASE_STUDY_RESULT_STACK = "flex h-full flex-col gap-5 p-6";
 var CASE_STUDY_RESULT_METRIC_BOX = "flex h-[112px] shrink-0 flex-col justify-start gap-1 overflow-hidden";
 var CASE_STUDY_RESULT_FOOTER_BOX = "mt-auto flex h-[60px] shrink-0 items-center justify-between gap-3 border-t border-ods-border pt-4";
 var CASE_STUDY_DEFAULT_BODY = "flex flex-col gap-6 p-6";
-var CASE_STUDY_COVER = `relative ${_chunk3TOWCFIKcjs.MEDIA_ASPECT.og} w-full shrink-0 overflow-hidden rounded-sm`;
+var CASE_STUDY_COVER = `relative ${_chunkPMUCEUFQcjs.MEDIA_ASPECT.og} w-full shrink-0 overflow-hidden rounded-sm`;
 var CASE_STUDY_TITLE_ZONE = "flex h-[72px] shrink-0 items-center";
 var CASE_STUDY_PERSON_ZONE = "flex h-[60px] shrink-0 items-center";
 var CASE_STUDY_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
 var CASE_STUDY_PERSON_TEXT = "min-w-0 flex-1";
 var CASE_STUDY_MENU_FRAME = "group/card group flex min-w-0 flex-col gap-[var(--spacing-system-sf)] rounded-xl border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)] text-ods-text-primary transition-colors hover:bg-ods-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent";
 var CASE_STUDY_MENU_SKELETON_FRAME = "flex min-w-0 flex-col gap-[var(--spacing-system-sf)] rounded-xl border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)]";
-var CASE_STUDY_MENU_MEDIA = `relative block ${_chunk3TOWCFIKcjs.MEDIA_ASPECT.video} w-full shrink-0 overflow-hidden rounded-md`;
+var CASE_STUDY_MENU_MEDIA = `relative block ${_chunkPMUCEUFQcjs.MEDIA_ASPECT.video} w-full shrink-0 overflow-hidden rounded-md`;
 var CASE_STUDY_MENU_MSP_ROW = "flex items-center gap-[var(--spacing-system-xsf)] text-ods-text-secondary text-h6";
 var MSP_ICON_PX = 20;
-var MSP_ICON_CLASS = `${_chunk3TOWCFIKcjs.ICON_SIZE.md} shrink-0 rounded`;
+var MSP_ICON_CLASS = `${_chunkPMUCEUFQcjs.ICON_SIZE.md} shrink-0 rounded`;
 var CASE_STUDY_TYPE_LABEL = "Case Study";
 function headlineMetric(study) {
   const metric = _optionalChain([study, 'access', _29 => _29.metrics, 'optionalAccess', _30 => _30[0]]);
@@ -1125,24 +1125,24 @@ function CaseStudyPersonRow({ study }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
       _optionalChain([study, 'access', _32 => _32.user, 'optionalAccess', _33 => _33.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3V5JWG27cjs.next_image_default,
+        _chunkGG466XFQcjs.next_image_default,
         {
           src: study.user.avatar_url,
           alt: _optionalChain([study, 'access', _34 => _34.user, 'optionalAccess', _35 => _35.full_name]) || "User",
           className: "h-12 w-12 rounded-full border border-ods-border bg-ods-bg object-cover",
-          width: _chunk3TOWCFIKcjs.AVATAR_SIZE_PX.lg,
-          height: _chunk3TOWCFIKcjs.AVATAR_SIZE_PX.lg,
+          width: _chunkPMUCEUFQcjs.AVATAR_SIZE_PX.lg,
+          height: _chunkPMUCEUFQcjs.AVATAR_SIZE_PX.lg,
           unoptimized: true
         }
       ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h4", children: (_optionalChain([study, 'access', _36 => _36.user, 'optionalAccess', _37 => _37.full_name]) || "A").charAt(0).toUpperCase() }) }),
       _optionalChain([study, 'access', _38 => _38.msp, 'optionalAccess', _39 => _39.icon_url]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3V5JWG27cjs.next_image_default,
+        _chunkGG466XFQcjs.next_image_default,
         {
           src: study.msp.icon_url,
           alt: study.msp.name || "MSP",
           className: "h-full w-full object-cover",
-          width: _chunk3TOWCFIKcjs.AVATAR_SIZE_PX.xs,
-          height: _chunk3TOWCFIKcjs.AVATAR_SIZE_PX.xs,
+          width: _chunkPMUCEUFQcjs.AVATAR_SIZE_PX.xs,
+          height: _chunkPMUCEUFQcjs.AVATAR_SIZE_PX.xs,
           unoptimized: true
         }
       ) })
@@ -1161,10 +1161,10 @@ function CaseStudyPersonRow({ study }) {
 }
 function CaseStudyPersonRowSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_TEXT, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-2/3" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-2/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" })
     ] })
   ] }) });
 }
@@ -1190,33 +1190,33 @@ function CaseStudyCardSkeleton({
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK, className), "aria-hidden": true, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-result-skeleton-metric", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h1", className: "w-1/3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-3/4" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h1", className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-3/4" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-2/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-2/3" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-ods-accent text-h6", children: "Read" })
       ] })
     ] });
   }
   if (size === "menu") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, CASE_STUDY_MENU_SKELETON_FRAME, className), "aria-hidden": true, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: CASE_STUDY_MENU_MEDIA }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: CASE_STUDY_MENU_MEDIA }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_MENU_MSP_ROW, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: MSP_ICON_CLASS }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-28" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: MSP_ICON_CLASS }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-28" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-3/4" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "mt-auto w-28" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-3/4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "mt-auto w-28" })
     ] });
   }
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { rows: [{ width: "w-1/2" }, { width: "w-11/12" }], className });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk63A4GZMBcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, CASE_STUDY_COVER, "rounded-sm") }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, CASE_STUDY_COVER, "rounded-sm") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {})
   ] }) });
 }
@@ -1264,7 +1264,7 @@ function LoadedCaseStudyCard({
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk63A4GZMBcjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3V5JWG27cjs.next_image_default,
+        _chunkGG466XFQcjs.next_image_default,
         {
           src: coverImage,
           alt: `${_optionalChain([study, 'access', _46 => _46.msp, 'optionalAccess', _47 => _47.name]) || study.title} cover`,
@@ -1317,7 +1317,7 @@ function LoadedCaseStudyCard({
             )
           ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
             (_nullishCoalesce(poster, () => ( placeholderUrl))) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk3V5JWG27cjs.next_image_default,
+              _chunkGG466XFQcjs.next_image_default,
               {
                 src: _nullishCoalesce(_nullishCoalesce(poster, () => ( placeholderUrl)), () => ( "")),
                 alt: "",
@@ -1387,7 +1387,7 @@ function LoadedCaseStudyCard({
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk63A4GZMBcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk63A4GZMBcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, CASE_STUDY_COVER, "bg-ods-bg"), children: coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3V5JWG27cjs.next_image_default,
+      _chunkGG466XFQcjs.next_image_default,
       {
         src: coverImage,
         alt: _optionalChain([study, 'access', _68 => _68.msp, 'optionalAccess', _69 => _69.name]) || study.title,

package/dist/{chunk-3TOWCFIK.cjs → chunk-PMUCEUFQ.cjs}

@@ -181,7 +181,19 @@ function TextLinesByBreakpointSkeleton({
         type,
         as,
         lines: lines.lg,
-        className: _chunk63A4GZMBcjs.cn.call(void 0, "hidden w-full content-lg:flex", className)
+        className: _chunk63A4GZMBcjs.cn.call(void 0, 
+          lines.xl === void 0 ? "hidden w-full content-lg:flex" : "hidden w-full content-lg:flex content-xl:hidden",
+          className
+        )
+      }
+    ),
+    lines.xl === void 0 ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      TextLineSkeleton,
+      {
+        type,
+        as,
+        lines: lines.xl,
+        className: _chunk63A4GZMBcjs.cn.call(void 0, "hidden w-full content-xl:flex", className)
       }
     )
   ] });