@flamingo-stack/openframe-frontend-core 0.0.748 → 0.0.749

package/dist/{chunk-P7KTAXXE.cjs → chunk-OFO75R2O.cjs}

@@ -71,6 +71,9 @@ var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
+
+
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 
 // src/components/ui/card.tsx
@@ -1768,7 +1771,7 @@ function AdminContentCard({
   const imageBgColor = _chunkI5MSCD57cjs.useImageEdgeColor.call(void 0, displayUrl || null, "transparent");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "flex h-full flex-col", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative aspect-[3/2] w-full shrink-0 overflow-hidden", style: { backgroundColor: imageBgColor }, children: displayUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      !imageLoaded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 animate-pulse bg-ods-border/20" }),
+      !imageLoaded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "absolute inset-0 h-full rounded-none" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkHOTM4UM6cjs.next_image_default,
         {
@@ -2293,40 +2296,40 @@ function ProductReleaseCard({
 
 function ProductReleaseCardSkeleton({ className, size = "lg" }) {
   if (size === "lg") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6", "animate-pulse", className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6", className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 content-md:flex-row content-md:gap-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border content-md:w-[256px]" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg content-md:w-[256px]" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-7 w-20 rounded bg-ods-border" }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-7 w-20 rounded" }) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 content-md:min-h-[72px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[25px] w-3/4 rounded bg-ods-border content-md:h-[30px]" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[25px] w-1/2 rounded bg-ods-border content-md:h-[30px]" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[25px] w-3/4 rounded content-md:h-[30px]" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[25px] w-1/2 rounded content-md:h-[30px]" })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-[68px] flex-col justify-start gap-2 content-md:min-h-[78px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-border/70" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-11/12 rounded bg-ods-border/70" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-11/12 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-5/6 rounded" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-2/3 rounded bg-ods-border/70" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-2/3 rounded" }) }),
       /* @__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: [
         [0, 1, 2].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
             className: "flex flex-col gap-3 border-b border-ods-border p-4 content-md:border-b-0 content-md:border-r",
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-7 w-24 rounded bg-ods-border" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-16 rounded bg-ods-border" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-7 w-24 rounded" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-16 rounded" })
             ] })
           },
           `cell-${i}`
         )),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 p-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-10 shrink-0 rounded-full bg-ods-border" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-1/2 rounded bg-ods-border" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-1/2 rounded" })
           ] })
         ] })
       ] })
@@ -2337,19 +2340,19 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
       "span",
       {
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
-          "my-1.5 flex w-full animate-pulse items-start gap-3",
+          "my-1.5 flex w-full items-start gap-3",
           "rounded-lg border border-ods-border bg-ods-card p-2",
           className
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md bg-ods-bg" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-12 shrink-0 rounded bg-ods-bg/70" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-12 shrink-0 rounded" })
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
           ] })
         ]
       }
@@ -2422,9 +2425,9 @@ function isSameOriginPath(candidate) {
 // src/components/chat/utils/compact-card-classes.ts
 var COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline transition-colors hover:border-ods-text-secondary/40";
 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 animate-pulse items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
+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 h-14 w-14 aspect-square shrink-0 self-start rounded-md bg-ods-bg";
+var COMPACT_CARD_SKELETON_IMAGE_SLOT = "block h-14 w-14 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";
@@ -2486,24 +2489,24 @@ function useEntityCardPlaceholder({
 function BlogCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "group flex h-full animate-pulse flex-col"), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[1200/630] bg-ods-border" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "group flex h-full flex-col"), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "aspect-[1200/630]" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col space-y-3 p-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-1/2 rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-4/5 rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-1/2 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-4/5 rounded" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 rounded-full bg-ods-border" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-24 rounded bg-ods-border" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-24 rounded" })
       ] })
     ] })
   ] });
@@ -2702,42 +2705,42 @@ function CaseStudyPersonRow({ study }) {
 }
 function CaseStudyCardSkeleton({ size = "default" }) {
   if (size === "result") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK, "animate-pulse"), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[60px] shrink-0 items-center gap-3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-2/3 rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-1/2 rounded bg-ods-border" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
         ] })
       ] }),
       /* @__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, "div", { className: "h-10 w-1/3 rounded bg-ods-border" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 rounded bg-ods-border" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 w-1/3 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-3/4 rounded" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-2/3 rounded bg-ods-border" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }) })
     ] });
   }
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-1/2 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/2 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex animate-pulse flex-col gap-6 p-6"), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[1200/630] w-full rounded-sm bg-ods-border" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-6 p-6"), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "aspect-[1200/630] w-full rounded-sm" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[72px] flex-col gap-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-1/2 rounded bg-ods-border" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-1/2 rounded" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[60px] items-center gap-3", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-2/3 rounded bg-ods-border" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-1/2 rounded bg-ods-border" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
       ] })
     ] })
   ] });
@@ -2928,30 +2931,30 @@ function CaseStudyCard({
 function CustomerInterviewCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex animate-pulse flex-col gap-6 p-6"), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[1200/630] w-full rounded-sm bg-ods-border" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-6 p-6"), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "aspect-[1200/630] w-full rounded-sm" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-1/2 rounded bg-ods-border" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-1/2 rounded" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-5/6 rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-4/5 rounded bg-ods-border" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-5/6 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-4/5 rounded" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex h-[60px] items-center gap-3", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-2/3 rounded bg-ods-border" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-1/2 rounded bg-ods-border" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
       ] })
     ] })
   ] });
@@ -3097,24 +3100,24 @@ function formatInvestorUpdatePeriod(start, end, options) {
 function InvestorUpdateCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: 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: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-1/2 rounded bg-ods-bg" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-8 shrink-0 rounded bg-ods-bg/70" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-1/2 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-8 shrink-0 rounded" })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `h-full animate-pulse ${CONTENT_CARD_SKELETON_FRAME_CLASS}`, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[1200/630] bg-ods-border" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `h-full ${CONTENT_CARD_SKELETON_FRAME_CLASS}`, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "aspect-[1200/630]" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3 p-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-4/5 rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-1/3 rounded bg-ods-border" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-4/5 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-1/3 rounded" })
     ] })
   ] });
 }
@@ -3225,17 +3228,17 @@ var HORIZONTAL_SIZE_TOKENS = {
 };
 function OnboardingGuideCardSkeleton({ size = "default" }) {
   if (size === "catalog") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex animate-pulse flex-col gap-4 p-6"), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6"), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border md:w-[256px]" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg md:w-[256px]" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[25px] w-3/4 rounded bg-ods-border md:h-[30px]" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[25px] w-1/2 rounded bg-ods-border md:h-[30px]" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[25px] w-3/4 rounded md:h-[30px]" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[25px] w-1/2 rounded md:h-[30px]" })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-[46px] flex-col justify-start gap-2 md:min-h-[52px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-border/70" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-5/6 rounded" })
           ] })
         ] })
       ] }),
@@ -3245,17 +3248,17 @@ function OnboardingGuideCardSkeleton({ size = "default" }) {
           {
             className: "flex flex-col gap-3 border-b border-ods-border p-4 md:border-b-0 md:border-r",
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-32 rounded bg-ods-border" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-20 rounded bg-ods-border" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-20 rounded" })
             ] })
           },
           `cell-${i}`
         )),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 p-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-10 shrink-0 rounded-full bg-ods-border" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 rounded bg-ods-border" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-1/2 rounded bg-ods-border" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-3/4 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
           ] })
         ] })
       ] })
@@ -3263,30 +3266,24 @@ function OnboardingGuideCardSkeleton({ size = "default" }) {
   }
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
     ] });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "span",
-    {
-      className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding} animate-pulse`,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-4 w-2/3 rounded bg-ods-bg" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-3 w-1/3 rounded bg-ods-bg/70" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-3 w-full rounded bg-ods-bg/40" })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding}`, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-4 w-2/3 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-1/3 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-full rounded" })
+    ] })
+  ] });
 }
 function OnboardingGuideCard({
   guide,
@@ -3553,53 +3550,50 @@ function TaskTypeIcon({ customItemId, className = "h-5 w-5" }) {
 function RoadmapCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block aspect-square h-12 w-12 shrink-0 self-start rounded-md border border-ods-border bg-ods-bg p-1.5" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk2YXOD2KLcjs.UnifiedSkeleton,
+        {
+          as: "span",
+          className: "block aspect-square h-12 w-12 shrink-0 self-start rounded-md border border-ods-border p-1.5"
+        }
+      ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-1/2 rounded bg-ods-bg" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-12 shrink-0 rounded bg-ods-bg/70" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-1/2 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-12 shrink-0 rounded" })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${COMPACT_CARD_META_ROW_BOX} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-2/5 flex-1 rounded bg-ods-bg/60" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-10 shrink-0 rounded bg-ods-bg/40" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-6 w-14 shrink-0 rounded-full bg-ods-bg/40" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 flex-1 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-10 shrink-0 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-6 w-14 shrink-0 rounded-full" })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-5/6 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-5/6 rounded" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        CONTENT_CARD_SKELETON_FRAME_CLASS,
-        "flex h-full animate-pulse flex-col gap-4 p-[var(--spacing-system-lf)]"
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-16 flex-shrink-0 rounded-lg bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-1/2 rounded bg-ods-border" })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-16 rounded bg-ods-border" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-5/6 rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-4/5 rounded bg-ods-border" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-32 rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-14 rounded-full bg-ods-border" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-20 rounded bg-ods-border" })
-          ] })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex h-full flex-col gap-4 p-[var(--spacing-system-lf)]"), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-16 w-16 flex-shrink-0 rounded-lg" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-16 rounded" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-5/6 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-4/5 rounded" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-12 w-32 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-14 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-20 rounded" })
+      ] })
+    ] })
+  ] });
 }
 function assigneePeople(assignees) {
   return (_nullishCoalesce(assignees, () => ( []))).map((a) => ({
@@ -3856,59 +3850,59 @@ function ProgramCardSkeleton({
   tags = false
 }) {
   if (size === "row") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FRAME, EDITORIAL_ROW_GRID, "animate-pulse"), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_ROW_THUMB, "bg-ods-border/20") }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FRAME, EDITORIAL_ROW_GRID), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: EDITORIAL_ROW_THUMB }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_ROW_TEXT, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[2lh] w-full rounded bg-ods-border text-h3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[1lh] w-40 rounded bg-ods-border" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[2lh] w-full rounded bg-ods-border text-h6" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h6" })
       ] })
     ] });
   }
   if (size === "feature") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FRAME, "flex animate-pulse flex-col"), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "bg-ods-border/20") }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FRAME, "flex flex-col"), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "rounded-none") }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_FEATURE_BODY, children: [
-        eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[1lh] w-28 rounded bg-ods-border text-h5" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[2lh] w-full rounded bg-ods-border text-h3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[1lh] w-40 rounded bg-ods-border" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[3lh] w-full rounded bg-ods-border text-h4" }),
+        eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-28 rounded text-h5" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[3lh] w-full rounded text-h4" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_PERSON_ROW, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-8 w-8 shrink-0 rounded-full bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[1lh] w-40 rounded bg-ods-border text-h6" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-8 w-8 shrink-0 rounded-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded text-h6" })
         ] })
       ] })
     ] });
   }
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, DEFAULT_BODY, "animate-pulse"), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, DEFAULT_BODY), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_HEADER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${DEFAULT_COVER_FRAME} bg-ods-border` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: DEFAULT_COVER_FRAME }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_TEXT, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TITLE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[2lh] w-3/4 rounded bg-ods-border" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TITLE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-3/4 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_META_ROW, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[1lh] w-32 rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[1lh] w-40 rounded bg-ods-border" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-32 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-[3lh] w-full rounded bg-ods-border" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-[3lh] w-full rounded" }) }),
         tags && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_TAG_ROW, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-8 w-24 rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block h-8 w-24 rounded bg-ods-border" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-8 w-24 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "block h-8 w-24 rounded" })
         ] })
       ] })
     ] }),
-    media > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_GALLERY_ROW, children: Array.from({ length: media }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${DEFAULT_GALLERY_THUMB} bg-ods-border` }, i)) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-11 w-40 rounded bg-ods-border md:h-12" }) })
+    media > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_GALLERY_ROW, children: Array.from({ length: media }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: DEFAULT_GALLERY_THUMB }, i)) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-11 w-40 rounded md:h-12" }) })
   ] });
 }
 function getHosts(hosts) {