@flamingo-stack/openframe-frontend-core 0.0.439 → 0.0.440

package/dist/{chunk-PBTY7AH5.js → chunk-YZJUHEPZ.js}

@@ -3,11 +3,11 @@ import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "./chunk-2ELBNZJ3.js";
+} from "./chunk-QAG357PE.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-7WM77CSW.js";
+} from "./chunk-JYI4R25Q.js";
 import {
   DEFAULT_FOLDER_INDEX_FILE,
   FigmaEmbed,
@@ -19,13 +19,13 @@ import {
   findDocNodeByPath,
   getDocAncestorNodeIds,
   stripFolderIndexFromPath
-} from "./chunk-NQQ4NLUT.js";
+} from "./chunk-ZQYFDYWV.js";
 import {
   HUB_HEADER_OFFSET_PX,
   contentFetch,
   navigateSamePageHash,
   scrollElementIntoView
-} from "./chunk-RVWC4P3H.js";
+} from "./chunk-2BTDPDME.js";
 import {
   useChatRuntime
 } from "./chunk-KFQXO7QB.js";
@@ -98,7 +98,7 @@ function PersistentFilterControls({
             className: "absolute top-2 right-2 z-10",
             role: "status",
             "aria-label": "Loading filters",
-            children: /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-ods-border border-t-[#FFC008] rounded-full animate-spin" })
+            children: /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-ods-border border-t-ods-accent rounded-full animate-spin" })
           }
         )
       ]
@@ -166,7 +166,7 @@ function UnifiedSkeleton({
   "aria-label": ariaLabel,
   ...props
 }) {
-  const baseClasses = "bg-[#2A2A2A]";
+  const baseClasses = "bg-ods-skeleton";
   const variantClasses = {
     default: "rounded-md",
     text: "rounded-sm",
@@ -432,9 +432,9 @@ function BlogCardContent({ showActions, showMetadata }) {
           /* @__PURE__ */ jsx3(MediaSkeleton.Avatar, { size: "sm" }),
           /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-16" })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 text-[#767676] shrink-0", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 text-ods-text-muted shrink-0", children: [
           /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-12" }),
-          /* @__PURE__ */ jsx3("div", { className: "w-1 h-1 bg-[#767676] rounded-full" }),
+          /* @__PURE__ */ jsx3("div", { className: "w-1 h-1 bg-ods-skeleton rounded-full" }),
           /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-16" })
         ] })
       ] }) })
@@ -519,7 +519,7 @@ function CardSkeletonGrid({
 // src/components/loading/page-layout-skeleton.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function AnnouncementBarSkeleton() {
-  return /* @__PURE__ */ jsx4("div", { className: "bg-[#2A2A2A] relative w-full animate-pulse", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-row items-center relative w-full", children: /* @__PURE__ */ jsxs3("div", { className: "box-border flex flex-row gap-4 md:gap-6 items-center justify-start pl-4 md:pl-6 pr-12 md:pr-16 py-3 md:py-4 relative w-full", children: [
+  return /* @__PURE__ */ jsx4("div", { className: "bg-ods-skeleton relative w-full animate-pulse", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-row items-center relative w-full", children: /* @__PURE__ */ jsxs3("div", { className: "box-border flex flex-row gap-4 md:gap-6 items-center justify-start pl-4 md:pl-6 pr-12 md:pr-16 py-3 md:py-4 relative w-full", children: [
     /* @__PURE__ */ jsx4("div", { className: "relative shrink-0 w-6 h-6 md:w-8 md:h-8 bg-ods-border rounded" }),
     /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0 space-y-1 md:space-y-2", children: [
       /* @__PURE__ */ jsx4("div", { className: "h-[14px] md:h-[18px] bg-ods-border rounded w-3/4 max-w-md" }),
@@ -684,17 +684,17 @@ function VendorDetailLayoutSkeleton({ className }) {
             /* @__PURE__ */ jsx4("div", { className: "w-20 h-20 bg-ods-card border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-12 md:h-16 lg:h-20 bg-[#2A2A2A] rounded animate-pulse w-80 max-w-full" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-5 md:h-6 bg-[#2A2A2A] rounded animate-pulse w-32" })
+                /* @__PURE__ */ jsx4("div", { className: "h-12 md:h-16 lg:h-20 bg-ods-skeleton rounded animate-pulse w-80 max-w-full" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-5 md:h-6 bg-ods-skeleton rounded animate-pulse w-32" })
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-16" })
+                /* @__PURE__ */ jsx4("div", { className: "h-8 bg-ods-skeleton rounded animate-pulse w-20" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-8 bg-ods-skeleton rounded animate-pulse w-16" })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsx4("div", { className: "w-full h-[300px] md:h-[400px] lg:h-[500px] bg-ods-card border border-ods-border rounded-lg animate-pulse mb-2" }),
-          /* @__PURE__ */ jsx4("div", { className: "text-center", children: /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-24 mx-auto" }) })
+          /* @__PURE__ */ jsx4("div", { className: "text-center", children: /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-24 mx-auto" }) })
         ] }),
         /* @__PURE__ */ jsx4("div", { className: "lg:hidden mb-10", children: /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsx4("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
@@ -704,17 +704,17 @@ function VendorDetailLayoutSkeleton({ className }) {
           ] }),
           /* @__PURE__ */ jsxs3("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
             /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
+              /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-ods-skeleton rounded animate-pulse" }),
               /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-20" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-12" })
               ] })
             ] }),
             /* @__PURE__ */ jsx4("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx4("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
+              /* @__PURE__ */ jsx4("div", { className: "w-6 h-6 bg-ods-skeleton rounded animate-pulse" }),
               /* @__PURE__ */ jsxs3("div", { className: "flex items-end gap-1", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-12" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded animate-pulse w-8" })
               ] })
             ] }, i)) })
           ] }),
@@ -725,116 +725,116 @@ function VendorDetailLayoutSkeleton({ className }) {
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-48" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-48" }),
           /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-48" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-48" }),
             /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx4("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-24" }, i)) })
           ] }),
           /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-52" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-52" }),
             /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx4("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-28" }, i)) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-64" }),
           /* @__PURE__ */ jsx4("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 md:p-8", children: /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
-            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
+            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-5/6" }),
+            /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-4/5" })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-72" }),
           /* @__PURE__ */ jsx4("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded flex-shrink-0 animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "w-12 h-12 bg-ods-skeleton rounded flex-shrink-0 animate-pulse" }),
             /* @__PURE__ */ jsxs3("div", { className: "flex-1 space-y-2", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
+              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-3/4" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse" })
             ] })
           ] }, i)) })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-80" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-80" }),
           /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-16" }),
               Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
                 /* @__PURE__ */ jsx4("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
                 /* @__PURE__ */ jsxs3("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-2/3" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse" })
                 ] })
               ] }, i))
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-16" }),
               Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
                 /* @__PURE__ */ jsx4("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
                 /* @__PURE__ */ jsxs3("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-5 bg-ods-skeleton rounded animate-pulse w-2/3" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse" })
                 ] })
               ] }, i))
             ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-72" }),
           /* @__PURE__ */ jsx4("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-4", children: [
               /* @__PURE__ */ jsx4("div", { className: "w-16 h-16 bg-ods-bg border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
               /* @__PURE__ */ jsxs3("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
+                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-3/4" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-1/2" })
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-20" })
+              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-20" })
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-5/6" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-4/5" })
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between pt-2 border-t border-ods-border", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-16" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-16" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-20" })
             ] })
           ] }, i)) }),
-          /* @__PURE__ */ jsx4("div", { className: "h-12 bg-[#2A2A2A] rounded-md animate-pulse" })
+          /* @__PURE__ */ jsx4("div", { className: "h-12 bg-ods-skeleton rounded-md animate-pulse" })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-10 bg-ods-skeleton rounded animate-pulse w-64" }),
           /* @__PURE__ */ jsx4("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex gap-3", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex-1 bg-ods-bg border border-ods-border rounded-lg overflow-hidden", children: [
               /* @__PURE__ */ jsxs3("div", { className: "border-b border-ods-border p-3", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8 mb-2" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-full" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded animate-pulse w-8 mb-2" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-full" })
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "p-3", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-16 mb-2" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded animate-pulse w-16 mb-2" }),
                 /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-full" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-3/4" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-1/2" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsx4("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx4("div", { className: "h-[120px] w-20 bg-[#2A2A2A] rounded-lg animate-pulse" }) })
+            /* @__PURE__ */ jsx4("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx4("div", { className: "h-[120px] w-20 bg-ods-skeleton rounded-lg animate-pulse" }) })
           ] }) }),
           /* @__PURE__ */ jsx4("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4", children: [
             /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3", children: [
-                /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded-lg animate-pulse" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
+                /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-ods-skeleton rounded-lg animate-pulse" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-20" })
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-12" })
             ] }) }),
             /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-2/3" }),
               /* @__PURE__ */ jsxs3("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/5" })
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-full" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-4/5" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-3/5" })
               ] })
             ] })
           ] }, i)) })
@@ -848,17 +848,17 @@ function VendorDetailLayoutSkeleton({ className }) {
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
           /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "w-8 h-8 bg-ods-skeleton rounded animate-pulse" }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-20" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-6 bg-ods-skeleton rounded animate-pulse w-12" })
             ] })
           ] }),
           /* @__PURE__ */ jsx4("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx4("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
+            /* @__PURE__ */ jsx4("div", { className: "w-6 h-6 bg-ods-skeleton rounded animate-pulse" }),
             /* @__PURE__ */ jsxs3("div", { className: "flex items-end gap-1", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
-              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
+              /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded animate-pulse w-12" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded animate-pulse w-8" })
             ] })
           ] }, i)) })
         ] }),
@@ -916,56 +916,56 @@ function SlackCommunitySkeleton() {
       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__ */ jsxs3("div", { className: "w-full flex flex-col gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsx4("div", { className: "w-full", children: /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-12 lg:h-14 bg-[#2A2A2A] rounded-lg animate-pulse max-w-md" }) }),
+        /* @__PURE__ */ jsx4("div", { className: "w-full", children: /* @__PURE__ */ jsx4("div", { className: "h-8 md:h-12 lg:h-14 bg-ods-skeleton rounded-lg animate-pulse max-w-md" }) }),
         /* @__PURE__ */ jsxs3("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__ */ jsx4("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__ */ jsxs3("div", { className: "p-4 space-y-4", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-[#2A2A2A] rounded w-24" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" })
+                /* @__PURE__ */ jsx4("div", { className: "h-4 bg-ods-skeleton rounded w-24" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-16" })
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-32" })
+              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-32" })
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 mb-2" }),
+              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-16 mb-2" }),
               Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 px-2 py-3 min-h-[48px]", children: [
-                /* @__PURE__ */ jsx4("div", { className: "w-4 h-4 bg-[#2A2A2A] rounded" }),
+                /* @__PURE__ */ jsx4("div", { className: "w-4 h-4 bg-ods-skeleton rounded" }),
                 /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-24 mb-1" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-2 bg-[#2A2A2A] rounded w-16" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-24 mb-1" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-2 bg-ods-skeleton rounded w-16" })
                 ] })
               ] }, i))
             ] }),
             /* @__PURE__ */ jsx4("div", { className: "border-t border-ods-border pt-3 mt-2", children: /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-16" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-8" })
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-20" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-20" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-8" })
               ] })
             ] }) })
           ] }) }),
           /* @__PURE__ */ jsxs3("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__ */ jsxs3("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__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-3 md:w-4" }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-24 md:w-32" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-ods-skeleton rounded w-3 md:w-4" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-ods-skeleton rounded w-24 md:w-32" })
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
+              /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-12 md:w-16" })
             ] }),
             /* @__PURE__ */ jsx4("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__ */ jsxs3("div", { className: "flex gap-2 md:gap-3", children: [
-              /* @__PURE__ */ jsx4("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
+              /* @__PURE__ */ jsx4("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-ods-skeleton rounded-lg flex-shrink-0" }),
               /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 mb-1", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 md:w-20" }),
-                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-16 md:w-20" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-3 bg-ods-skeleton rounded w-12 md:w-16" })
                 ] }),
-                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-full" })
+                /* @__PURE__ */ jsx4("div", { className: "h-3 md:h-4 bg-ods-skeleton rounded w-full" })
               ] })
             ] }, i)) }),
-            /* @__PURE__ */ jsx4("div", { className: "p-4 md:p-6 border-t border-ods-border bg-ods-card h-[72px] md:h-[80px] flex-shrink-0", children: /* @__PURE__ */ jsx4("div", { className: "flex items-end gap-3 justify-center md:justify-end", children: /* @__PURE__ */ jsx4("div", { className: "h-10 md:h-12 bg-[#2A2A2A] rounded-lg w-28 md:w-32" }) }) })
+            /* @__PURE__ */ jsx4("div", { className: "p-4 md:p-6 border-t border-ods-border bg-ods-card h-[72px] md:h-[80px] flex-shrink-0", children: /* @__PURE__ */ jsx4("div", { className: "flex items-end gap-3 justify-center md:justify-end", children: /* @__PURE__ */ jsx4("div", { className: "h-10 md:h-12 bg-ods-skeleton rounded-lg w-28 md:w-32" }) }) })
           ] })
         ] })
       ] })
@@ -1580,7 +1580,7 @@ function DocViewerContent({
       }
     ),
     error && /* @__PURE__ */ jsx6("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border bg-ods-card p-8 text-center max-w-md border-ods-border", children: [
-      /* @__PURE__ */ jsx6("h2", { className: "text-xl font-semibold text-ods-text-primary", children: "Error Loading Documents" }),
+      /* @__PURE__ */ jsx6("h2", { className: "text-h3 text-ods-text-primary", children: "Error Loading Documents" }),
       /* @__PURE__ */ jsxs4("p", { className: "mt-2 text-ods-text-secondary", children: [
         error,
         ". Please try again later."
@@ -1601,7 +1601,7 @@ function DocViewerContent({
           }
         ) }),
         /* @__PURE__ */ jsx6(PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx6("h3", { className: "text-[14px] font-['Azeret_Mono'] font-semibold uppercase text-ods-text-secondary tracking-[-0.02em] leading-[1.43em]", children: sidebarLabel }),
+          /* @__PURE__ */ jsx6("h3", { className: "text-h5 font-semibold text-ods-text-secondary", children: sidebarLabel }),
           /* @__PURE__ */ jsx6(
             MultiLevelNavigation,
             {
@@ -1627,7 +1627,7 @@ function DocViewerContent({
           // shouldn't be on file pages" bug.
           isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "lg:grid-cols-[1fr_280px]" : ""} gap-8`,
           children: [
-            /* @__PURE__ */ jsx6("div", { className: `w-full min-w-0 ${isMarkdownContent ? "max-w-4xl mx-auto" : ""}`, children: /* @__PURE__ */ jsx6("article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ jsx6("div", { className: "text-center py-16", children: /* @__PURE__ */ jsx6("p", { className: "text-xl text-ods-text-secondary", children: resolvedEmptyText }) }) : renderedContent }) }),
+            /* @__PURE__ */ jsx6("div", { className: `w-full min-w-0 ${isMarkdownContent ? "max-w-4xl mx-auto" : ""}`, children: /* @__PURE__ */ jsx6("article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ jsx6("div", { className: "text-center py-16", children: /* @__PURE__ */ jsx6("p", { className: "text-h4 text-ods-text-secondary", children: resolvedEmptyText }) }) : renderedContent }) }),
             isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "sticky top-24", children: [
               /* @__PURE__ */ jsx6("div", { className: "h-[14px] w-28 bg-ods-border rounded animate-pulse mb-5" }),
               /* @__PURE__ */ jsx6("div", { className: "space-y-0", children: [130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => /* @__PURE__ */ jsx6(
@@ -1646,7 +1646,7 @@ function DocViewerContent({
               )) })
             ] }) }),
             showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "sticky top-24", children: [
-              /* @__PURE__ */ jsx6("h3", { className: "text-[14px] font-['Azeret_Mono'] font-semibold uppercase text-ods-text-secondary tracking-[-0.02em] leading-[1.43em] mb-4", children: "ON THIS PAGE" }),
+              /* @__PURE__ */ jsx6("h3", { className: "text-h5 font-semibold text-ods-text-secondary mb-4", children: "ON THIS PAGE" }),
               /* @__PURE__ */ jsx6(
                 StickySectionNav,
                 {
@@ -1845,4 +1845,4 @@ export {
   EmbedSkeleton,
   DocsHubPage
 };
-//# sourceMappingURL=chunk-PBTY7AH5.js.map
+//# sourceMappingURL=chunk-YZJUHEPZ.js.map