@flamingo-stack/openframe-frontend-core 0.0.221 → 0.0.222-snapshot.20260603194901

package/dist/components/index.js

@@ -6,7 +6,7 @@ import {
   UnifiedPagination,
   init_unified_pagination,
   unified_pagination_exports
-} from "../chunk-SRCEVQYA.js";
+} from "../chunk-B4H4IQGC.js";
 import {
   DetailPageSkeleton,
   DocSearchBar,
@@ -16,14 +16,14 @@ import {
   resolveSearchResultAction,
   useDocSearch,
   useSelfFetch
-} from "../chunk-FOOQFRJR.js";
+} from "../chunk-SKHXAVXG.js";
 import {
   DevCardRowContent,
   DevCardRowSkeleton,
   DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
-} from "../chunk-CPIX5AAR.js";
+} from "../chunk-YYZJH6VZ.js";
 import "../chunk-ORJREQ2W.js";
 import {
   AIEnrichButton,
@@ -681,7 +681,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-IS4IZC7N.js";
+} from "../chunk-ULWGSVQU.js";
 import {
   next_image_default
 } from "../chunk-LXC6P2EO.js";
@@ -1260,7 +1260,7 @@ var imageSizeMap = {
   xl: { width: 40, height: 40 }
 };
 var backgroundClasses = {
-  dark: "bg-[#161616] border border-ods-border",
+  dark: "bg-ods-bg border border-ods-border",
   light: "bg-ods-card border border-ods-border",
   white: "bg-white border border-[#E5E5E5]"
 };
@@ -1738,7 +1738,7 @@ function ContentLoadingContainer({
         isLoading && /* @__PURE__ */ jsx11(
           "div",
           {
-            className: "absolute inset-0 z-10 bg-[#161616]",
+            className: "absolute inset-0 z-10 bg-ods-bg",
             style: {
               opacity: loadingOpacity,
               transition: `opacity ${transitionDuration}ms ease-in-out`
@@ -2047,13 +2047,13 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
       return next;
     });
   };
-  return /* @__PURE__ */ jsx13("div", { className: "rounded-3xl border border-ods-border divide-y divide-[#3A3A3A] bg-ods-card overflow-hidden", children: items.map((item) => {
+  return /* @__PURE__ */ jsx13("div", { className: "rounded-3xl border border-ods-border divide-y divide-ods-border bg-ods-card overflow-hidden", children: items.map((item) => {
     const isOpen = openSet.has(item.id);
     const { ref, maxHeight } = useMeasuredHeight(isOpen);
     return /* @__PURE__ */ jsxs10(
       "div",
       {
-        className: cn("group transition-colors hover:bg-[#1E1E1E]", isOpen ? "bg-[#161616]" : "bg-transparent"),
+        className: cn("group transition-colors hover:bg-[#1E1E1E]", isOpen ? "bg-ods-bg" : "bg-transparent"),
         children: [
           /* @__PURE__ */ jsxs10(
             "div",
@@ -3268,7 +3268,7 @@ var MediaCarousel = memo(function MediaCarousel2({
       {
         ref: carouselRef,
         className: cn(
-          "relative bg-[#161616] border border-ods-border rounded-2xl overflow-hidden group w-full",
+          "relative bg-ods-bg border border-ods-border rounded-2xl overflow-hidden group w-full",
           getAspectRatioClass()
         ),
         onTouchStart,
@@ -3835,7 +3835,7 @@ function VendorTag({
   accentColor
 }) {
   const baseClasses = cn(
-    "flex items-center gap-1.5 bg-[#161616] border border-ods-border rounded whitespace-nowrap",
+    "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded whitespace-nowrap",
     size === "sm" ? "px-2 py-1" : "px-2.5 py-1.5"
   );
   const getTagContent = () => {
@@ -4207,7 +4207,7 @@ function CardSkeleton({
 function VendorCardContent({ showActions, showMetadata }) {
   return /* @__PURE__ */ jsxs26("div", { className: "p-4 gap-3 flex flex-col", children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-3 w-full", children: [
-      /* @__PURE__ */ jsx34("div", { className: "w-[60px] h-[60px] bg-[#161616] border border-ods-border rounded-lg p-2 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx34(MediaSkeleton.Avatar, { size: "sm", className: "w-11 h-11" }) }),
+      /* @__PURE__ */ jsx34("div", { className: "w-[60px] h-[60px] bg-ods-bg border border-ods-border rounded-lg p-2 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx34(MediaSkeleton.Avatar, { size: "sm", className: "w-11 h-11" }) }),
       /* @__PURE__ */ jsxs26("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
         /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-3/4" }),
         /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-1/2" })
@@ -4228,7 +4228,7 @@ function VendorCardContent({ showActions, showMetadata }) {
           /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-10" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx34("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1.5 bg-[#161616] border border-ods-border rounded px-2.5 py-1.5", children: [
+      /* @__PURE__ */ jsx34("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
         /* @__PURE__ */ jsx34("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
         /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" })
       ] }) })
@@ -4237,7 +4237,7 @@ function VendorCardContent({ showActions, showMetadata }) {
 }
 function BlogCardContent({ showActions, showMetadata }) {
   return /* @__PURE__ */ jsxs26(Fragment7, { children: [
-    /* @__PURE__ */ jsx34("div", { className: "blog-card-image-container relative w-full aspect-[1200/630] overflow-hidden bg-[#161616]", children: /* @__PURE__ */ jsx34(MediaSkeleton.CardImage, {}) }),
+    /* @__PURE__ */ jsx34("div", { className: "blog-card-image-container relative w-full aspect-[1200/630] overflow-hidden bg-ods-bg", children: /* @__PURE__ */ jsx34(MediaSkeleton.CardImage, {}) }),
     /* @__PURE__ */ jsxs26("div", { className: "p-4 flex flex-col flex-grow", children: [
       /* @__PURE__ */ jsx34("div", { className: "mb-3 flex items-center min-h-[50.4px] md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-1 w-full", children: [
         /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-full" }),
@@ -4500,7 +4500,7 @@ function ArticleLayoutSkeleton({ className }) {
   ] });
 }
 function VendorDetailLayoutSkeleton({ className }) {
-  return /* @__PURE__ */ jsx35("main", { className: cn("bg-[#161616] min-h-screen", className), children: /* @__PURE__ */ jsxs27("div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children: [
+  return /* @__PURE__ */ jsx35("main", { className: cn("bg-ods-bg min-h-screen", className), children: /* @__PURE__ */ jsxs27("div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children: [
     /* @__PURE__ */ jsx35(BreadcrumbSkeleton, { className: "mb-6" }),
     /* @__PURE__ */ jsxs27("div", { className: "flex flex-col lg:flex-row lg:gap-10", children: [
       /* @__PURE__ */ jsxs27("div", { className: "flex-1 min-w-0", children: [
@@ -4585,7 +4585,7 @@ function VendorDetailLayoutSkeleton({ className }) {
             /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6", children: [
               /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
               Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
-                /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-[#161616] border border-ods-border rounded flex-shrink-0 animate-pulse" }),
+                /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
                 /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
                   /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
                   /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
@@ -4595,7 +4595,7 @@ function VendorDetailLayoutSkeleton({ className }) {
             /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6", children: [
               /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
               Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
-                /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-[#161616] border border-ods-border rounded flex-shrink-0 animate-pulse" }),
+                /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
                 /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
                   /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
                   /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
@@ -4608,7 +4608,7 @@ function VendorDetailLayoutSkeleton({ className }) {
           /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
           /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
             /* @__PURE__ */ jsxs27("div", { className: "flex items-start gap-4", children: [
-              /* @__PURE__ */ jsx35("div", { className: "w-16 h-16 bg-[#161616] border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
+              /* @__PURE__ */ jsx35("div", { className: "w-16 h-16 bg-ods-bg border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
               /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
                 /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
                 /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
@@ -4630,7 +4630,7 @@ function VendorDetailLayoutSkeleton({ className }) {
         /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6 mb-20", children: [
           /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
           /* @__PURE__ */ jsx35("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs27("div", { className: "flex gap-3", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex-1 bg-[#161616] border border-ods-border rounded-lg overflow-hidden", children: [
+            /* @__PURE__ */ jsxs27("div", { className: "flex-1 bg-ods-bg border border-ods-border rounded-lg overflow-hidden", children: [
               /* @__PURE__ */ jsxs27("div", { className: "border-b border-ods-border p-3", children: [
                 /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8 mb-2" }),
                 /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-full" })
@@ -4738,12 +4738,12 @@ function SlackCommunitySkeleton() {
   return /* @__PURE__ */ jsx35(
     "section",
     {
-      className: "w-full bg-[#161616] px-4 md:px-20 lg:px-20 py-12 md:py-20",
+      className: "w-full bg-ods-bg px-4 md:px-20 lg:px-20 py-12 md:py-20",
       "aria-label": "Slack Community Loading",
       children: /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col gap-4 md:gap-6", children: [
         /* @__PURE__ */ jsx35("div", { className: "w-full", children: /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-12 lg:h-14 bg-[#2A2A2A] rounded-lg animate-pulse max-w-md" }) }),
         /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col lg:flex-row lg:justify-end lg:items-start gap-4 md:gap-6 min-w-0", children: [
-          /* @__PURE__ */ jsx35("div", { className: "w-full lg:w-[290px] lg:max-w-[290px] bg-[#161616] border border-ods-border rounded flex flex-col flex-shrink-0 overflow-hidden animate-pulse", children: /* @__PURE__ */ jsxs27("div", { className: "p-4 space-y-4", children: [
+          /* @__PURE__ */ jsx35("div", { className: "w-full lg:w-[290px] lg:max-w-[290px] bg-ods-bg border border-ods-border rounded flex flex-col flex-shrink-0 overflow-hidden animate-pulse", children: /* @__PURE__ */ jsxs27("div", { className: "p-4 space-y-4", children: [
             /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded w-24" }),
@@ -4773,14 +4773,14 @@ function SlackCommunitySkeleton() {
             ] }) })
           ] }) }),
           /* @__PURE__ */ jsxs27("div", { className: "flex-1 min-h-[450px] h-[450px] md:min-h-[500px] md:h-[500px] lg:min-h-[600px] lg:h-[600px] bg-ods-card border border-ods-border rounded-lg flex flex-col min-w-0 animate-pulse", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between p-4 md:p-6 border-b border-ods-border bg-[#161616] h-[56px] md:h-[60px] flex-shrink-0", children: [
+            /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between p-4 md:p-6 border-b border-ods-border bg-ods-bg h-[56px] md:h-[60px] flex-shrink-0", children: [
               /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx35("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-3 md:w-4" }),
                 /* @__PURE__ */ jsx35("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-24 md:w-32" })
               ] }),
               /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
             ] }),
-            /* @__PURE__ */ jsx35("div", { className: "flex-1 bg-[#161616] p-4 md:p-6 space-y-3 md:space-y-4 overflow-hidden min-h-[280px] md:min-h-[320px] lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 md:gap-3", children: [
+            /* @__PURE__ */ jsx35("div", { className: "flex-1 bg-ods-bg p-4 md:p-6 space-y-3 md:space-y-4 overflow-hidden min-h-[280px] md:min-h-[320px] lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 md:gap-3", children: [
               /* @__PURE__ */ jsx35("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
               /* @__PURE__ */ jsxs27("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 mb-1", children: [
@@ -5147,7 +5147,7 @@ function WizardLayoutSkeleton({ steps = 6, className }) {
 // src/components/loading/margin-report-skeleton.tsx
 import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 function MarginReportSkeleton({ animate = true, description, overlayContent }) {
-  return /* @__PURE__ */ jsxs34("main", { className: `bg-[#161616] ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+  return /* @__PURE__ */ jsxs34("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
     /* @__PURE__ */ jsxs34("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
       /* @__PURE__ */ jsxs34("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsx42("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
@@ -5184,7 +5184,7 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
             /* @__PURE__ */ jsx42("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx42("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs34("div", { className: "bg-[#161616] border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx42("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs34("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-3 min-w-0", children: [
             /* @__PURE__ */ jsx42("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
             /* @__PURE__ */ jsxs34("div", { className: "flex flex-col min-w-0", children: [
@@ -5223,9 +5223,9 @@ init_cn();
 import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx43("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs35("table", { className: "min-w-full divide-y divide-[#3A3A3A]", children: [
+  return /* @__PURE__ */ jsx43("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs35("table", { className: "min-w-full divide-y divide-ods-border", children: [
     /* @__PURE__ */ jsx43("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx43("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx43("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx43("tbody", { className: "divide-y divide-[#3A3A3A]", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx43("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx43("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx43("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
+    /* @__PURE__ */ jsx43("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx43("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx43("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx43("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
@@ -5241,7 +5241,7 @@ var sizeClasses2 = {
   xl: "w-16 h-16"
 };
 var backgroundClasses2 = {
-  dark: "bg-[#161616] border border-ods-border",
+  dark: "bg-ods-bg border border-ods-border",
   light: "bg-ods-card border border-ods-border",
   white: "bg-white border border-[#E5E5E5]"
 };
@@ -5319,7 +5319,7 @@ function OrganizationCardSkeleton({
               /* @__PURE__ */ jsx45(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx45("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-1.5 bg-[#161616] border border-ods-border rounded px-2.5 py-1.5", children: [
+          /* @__PURE__ */ jsx45("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
             /* @__PURE__ */ jsx45("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx45(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
             /* @__PURE__ */ jsx45(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
@@ -5372,7 +5372,7 @@ function DeviceCardSkeleton({ className }) {
       "aria-label": "Loading device card",
       children: [
         /* @__PURE__ */ jsxs37("div", { className: "flex gap-4 items-center px-4 py-3", children: [
-          /* @__PURE__ */ jsx46("div", { className: "w-8 h-8 bg-[#161616] border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx46("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx46("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx46("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
           /* @__PURE__ */ jsx46("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx46("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
           /* @__PURE__ */ jsx46("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
         ] }),