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

package/dist/{chunk-HNLI4OU5.cjs → chunk-C6LPOYDM.cjs}

@@ -12,13 +12,13 @@ var _chunkLU7TD6QScjs = require('./chunk-LU7TD6QS.cjs');
 
 
 
-var _chunkPSIKUDUVcjs = require('./chunk-PSIKUDUV.cjs');
+var _chunkLVO7FALWcjs = require('./chunk-LVO7FALW.cjs');
 
 
 
 
 
-var _chunkB27QEHYRcjs = require('./chunk-B27QEHYR.cjs');
+var _chunkP6F6PHVKcjs = require('./chunk-P6F6PHVK.cjs');
 
 
 var _chunk4WI2CEC2cjs = require('./chunk-4WI2CEC2.cjs');
@@ -88,7 +88,7 @@ var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk5M5C6UV4cjs = require('./chunk-5M5C6UV4.cjs');
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -142,9 +142,9 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
       return next;
     });
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkB27QEHYRcjs.Tooltip, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP6F6PHVKcjs.Tooltip, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkB27QEHYRcjs.TooltipTrigger,
+      _chunkP6F6PHVKcjs.TooltipTrigger,
       {
         asChild: true,
         onPointerDown: (e) => {
@@ -162,7 +162,7 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
         children
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipContent, { side, className: "max-w-xs", children: content })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipContent, { side, className: "max-w-xs", children: content })
   ] }) });
 }
 
@@ -177,7 +177,7 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkPSIKUDUVcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkLVO7FALWcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
   const actionClass = "h-8 w-8 p-0 content-md:h-8 content-md:w-8";
   if (collapsed) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
@@ -193,7 +193,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPSIKUDUVcjs.TicketStatusTag,
+        _chunkLVO7FALWcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -206,7 +206,7 @@ function BoardColumnHeader({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLVO7FALWcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
@@ -264,7 +264,7 @@ function tintOnDark(hex) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkPSIKUDUVcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkLVO7FALWcjs.useCollapsible.call(void 0, { expanded });
   const isAdmin = pendingApproval.approvalType === "ADMIN";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -293,7 +293,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, className: "pt-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPSIKUDUVcjs.ApprovalBatchMessage,
+      _chunkLVO7FALWcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -485,7 +485,7 @@ function TicketCardBody({
         role: "img",
         "aria-label": `Owned by ${ticket.agent === "fae" ? "Fae" : "Mingo"}`,
         className: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-ods-border bg-ods-bg",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLVO7FALWcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
       }
     ),
     renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _19 => _19.assignees, 'optionalAccess', _20 => _20.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
@@ -515,8 +515,8 @@ function TicketCardBody({
       ] })
     ] }) : null
   ] }) : null;
-  const timestampLabel = ticket.createdAt ? _chunkPSIKUDUVcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkPSIKUDUVcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
+  const timestampLabel = ticket.createdAt ? _chunkLVO7FALWcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
+  const tooltipLabel = ticket.createdAt ? _chunkLVO7FALWcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
   const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
   const metaClass = "truncate text-ods-text-secondary text-h6";
   const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -543,9 +543,9 @@ function TicketCardBody({
       rightSection
     ] }),
     _optionalChain([ticket, 'access', _21 => _21.tags, 'optionalAccess', _22 => _22.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
-    metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkB27QEHYRcjs.Tooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipTrigger, { asChild: true, children: meta }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipContent, { children: tooltipLabel })
+    metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP6F6PHVKcjs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipTrigger, { asChild: true, children: meta }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipContent, { children: tooltipLabel })
     ] }) }) : meta),
     ticket.escalatedByUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-ods-open-yellow text-h6", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MGDY2AAcjs.UserCheckIcon, { className: "size-4 shrink-0" }),
@@ -806,20 +806,20 @@ var TicketCardSkeleton = _react.forwardRef.call(void 0,
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center text-h3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-4 w-3/4" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center text-h3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-3/4" }) }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-h6", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-3 w-1/2" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-4 shrink-0 rounded-sm" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-1/2" })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "size-4 rounded-sm" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "size-8 rounded-full" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-4 rounded-sm" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-8 rounded-full" })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 items-center gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-16 rounded-md" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-12 rounded-md" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-16 rounded-md" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-12 rounded-md" })
         ] })
       ]
     }

package/dist/{chunk-4MGZYY6U.cjs → chunk-CLAJIQ7E.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkU6XWGK53cjs = require('./chunk-U6XWGK53.cjs');
+var _chunkALPRQ3ZXcjs = require('./chunk-ALPRQ3ZX.cjs');
 
 
-var _chunkP7KTAXXEcjs = require('./chunk-P7KTAXXE.cjs');
+var _chunkOFO75R2Ocjs = require('./chunk-OFO75R2O.cjs');
 
 
 
@@ -17,9 +17,15 @@ var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
+var _chunkUGCRLRCTcjs = require('./chunk-UGCRLRCT.cjs');
+
+
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
+
+
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 
 // src/components/shared/detail-page-skeleton.tsx
@@ -27,14 +33,16 @@ var _jsxruntime = require('react/jsx-runtime');
 function DetailPageSkeleton({
   metadataColumns = 4,
   showImageGallery = true,
-  bare = false
+  bare = false,
+  label = "Loading",
+  region = true
 } = {}) {
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "animate-pulse space-y-6 content-md:space-y-10", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-full max-w-3xl rounded bg-ods-card content-md:h-20" }) }),
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUGCRLRCTcjs.LoadingRegion, { label, announce: region, className: "space-y-6 content-md:space-y-10", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-16 w-full max-w-3xl rounded content-md:h-20" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-wrap gap-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-32 rounded bg-ods-card" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-28 rounded bg-ods-card" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-36 rounded bg-ods-card" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-32 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-28 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-36 rounded" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -45,28 +53,28 @@ function DetailPageSkeleton({
           {
             className: "border-b border-ods-border bg-ods-card p-4 last:border-r-0 content-md:border-b-0 content-md:border-r",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-6 w-24 rounded bg-ods-border" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 rounded bg-ods-border" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "mb-2 h-6 w-24 rounded" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-20 rounded" })
             ]
           },
           i
         ))
       }
     ),
-    showImageGallery && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full gap-6 overflow-x-auto", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[200px] w-[240px] shrink-0 rounded-md border border-ods-border bg-ods-card" }, i)) }),
-    !showImageGallery && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[2560/1366] w-full rounded-md bg-ods-card" }),
+    showImageGallery && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full gap-6 overflow-x-auto", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[200px] w-[240px] shrink-0 rounded-md border border-ods-border" }, i)) }),
+    !showImageGallery && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "aspect-[2560/1366] w-full rounded-md" }),
     [1, 2, 3].map((section) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-64 rounded bg-ods-card" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-16 w-64 rounded" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-full rounded bg-ods-card" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-full rounded bg-ods-card" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-4/5 rounded bg-ods-card" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-full rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-full rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-4/5 rounded" })
       ] })
     ] }, section))
   ] });
   if (bare) return content;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkU6XWGK53cjs.PageLayout,
+    _chunkALPRQ3ZXcjs.PageLayout,
     {
       showHeader: false,
       className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 content-md:px-20 content-md:py-10",
@@ -95,7 +103,7 @@ function ArticleAuthorByline({
 }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   if (!author) return null;
-  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkP7KTAXXEcjs.getProxiedImageUrl.call(void 0, avatar, {
+  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkOFO75R2Ocjs.getProxiedImageUrl.call(void 0, avatar, {
     proxyPrefix: _optionalChain([runtime, 'optionalAccess', _2 => _2.endpoints, 'access', _3 => _3.imageProxyUrlPrefix]),
     skipDomains: _optionalChain([runtime, 'optionalAccess', _4 => _4.endpoints, 'access', _5 => _5.imageProxySkipDomains]),
     directHttps: true

package/dist/{chunk-EH3LOWGY.cjs → chunk-CNUZLOVA.cjs}

@@ -2,29 +2,29 @@
 
 
 
-var _chunk4MGZYY6Ucjs = require('./chunk-4MGZYY6U.cjs');
+var _chunkCLAJIQ7Ecjs = require('./chunk-CLAJIQ7E.cjs');
 
 
 
-var _chunkGE4PCDNZcjs = require('./chunk-GE4PCDNZ.cjs');
+var _chunkBO6ZOAPBcjs = require('./chunk-BO6ZOAPB.cjs');
 
 
 
 
 
 
-var _chunk6XP6RNFDcjs = require('./chunk-6XP6RNFD.cjs');
+var _chunk6KEJQR6Lcjs = require('./chunk-6KEJQR6L.cjs');
 
 
-var _chunkU6XWGK53cjs = require('./chunk-U6XWGK53.cjs');
+var _chunkALPRQ3ZXcjs = require('./chunk-ALPRQ3ZX.cjs');
 
 
-var _chunkZNUSYMH7cjs = require('./chunk-ZNUSYMH7.cjs');
+var _chunkWZX26ODJcjs = require('./chunk-WZX26ODJ.cjs');
 
 
 
 
-var _chunkBBTSJYTRcjs = require('./chunk-BBTSJYTR.cjs');
+var _chunkV3UJ6NDRcjs = require('./chunk-V3UJ6NDR.cjs');
 
 
 var _chunk3RFQPQ7Zcjs = require('./chunk-3RFQPQ7Z.cjs');
@@ -34,13 +34,13 @@ var _chunk3RFQPQ7Zcjs = require('./chunk-3RFQPQ7Z.cjs');
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
-var _chunkYIRX6C7Vcjs = require('./chunk-YIRX6C7V.cjs');
+var _chunkXJ3J4UIScjs = require('./chunk-XJ3J4UIS.cjs');
 
 
 
 
 
-var _chunkP7KTAXXEcjs = require('./chunk-P7KTAXXE.cjs');
+var _chunkOFO75R2Ocjs = require('./chunk-OFO75R2O.cjs');
 
 
 var _chunkI5MSCD57cjs = require('./chunk-I5MSCD57.cjs');
@@ -48,27 +48,35 @@ var _chunkI5MSCD57cjs = require('./chunk-I5MSCD57.cjs');
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
+
+var _chunkUGCRLRCTcjs = require('./chunk-UGCRLRCT.cjs');
+
+
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
+
 // src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
 var _lucidereact = require('lucide-react');
 var _react = require('react');
 
 // src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx
 var _jsxruntime = require('react/jsx-runtime');
-function OnboardingGuidesCatalogSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full animate-pulse flex-col gap-10", children: [
+function OnboardingGuidesCatalogSkeleton({
+  region = true
+} = {}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUGCRLRCTcjs.LoadingRegion, { label: "Loading onboarding guides", announce: region, className: "flex w-full flex-col gap-10", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-full rounded-md border border-ods-border bg-ods-card" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-12 w-full rounded-md" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-14 rounded bg-ods-border/60" }),
-        [0, 1, 2, 3].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-24 rounded-md border border-ods-border bg-ods-card" }, i))
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-14 rounded" }),
+        [0, 1, 2, 3].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 w-24 rounded-md" }, i))
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-10", children: [4, 3, 3].map((cardCount, sectionIdx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: "space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "flex items-center gap-2 tracking-[-0.36px] text-ods-text-primary text-h3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-6 w-40 rounded bg-ods-border/70" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-8 rounded-full bg-ods-text-secondary/20" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 tracking-[-0.36px] text-ods-text-primary text-h3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-40 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-8 rounded-full" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
     ] }, sectionIdx)) })
   ] });
 }
@@ -92,10 +100,10 @@ function OnboardingGuidesCatalogView({
   const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
   const activeSection = sectionValue || "all";
   const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
-  const guidesRes = _chunkYIRX6C7Vcjs.useSelfFetch.call(void 0, 
+  const guidesRes = _chunkXJ3J4UIScjs.useSelfFetch.call(void 0, 
     selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
   );
-  const sectionsRes = _chunkYIRX6C7Vcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
+  const sectionsRes = _chunkXJ3J4UIScjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
   const guides = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( [])), [initialGuides, _optionalChain([guidesRes, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.data])]);
   const sections = _react.useMemo.call(void 0, 
     () => _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : []))),
@@ -138,25 +146,25 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkGE4PCDNZcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkBO6ZOAPBcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _chunkZNUSYMH7cjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
+    const cta = _chunkWZX26ODJcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
       type: "onboarding_guide",
       slug: guide.slug,
       basePath,
       platforms: guide.onboarding_guide_platforms
     });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
   };
   const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
   const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGE4PCDNZcjs.DocSearchBar,
+      _chunkBO6ZOAPBcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -168,7 +176,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     sections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6XP6RNFDcjs.FilterPillRow,
+      _chunk6KEJQR6Lcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -178,7 +186,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6KEJQR6Lcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   if (selfFetch && guidesRes.data == null && isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuidesCatalogSkeleton, {});
@@ -210,7 +218,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunk6XP6RNFDcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunk6KEJQR6Lcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -220,23 +228,23 @@ function OnboardingGuideDetailView({
 }) {
   const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const captions = _chunkBBTSJYTRcjs.useCaptions.call(void 0, );
+  const captions = _chunkV3UJ6NDRcjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6KEJQR6Lcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
-  const { data: guide, isLoading, error, reload } = _chunkYIRX6C7Vcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { data: guide, isLoading, error, reload } = _chunkXJ3J4UIScjs.useSelfFetch.call(void 0, url, { initialData });
   const { ref: videoWarmupRef } = _chunk3RFQPQ7Zcjs.useVideoWarmup.call(void 0, {
     videoUrl: _optionalChain([guide, 'optionalAccess', _8 => _8.main_video_url]),
     supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _9 => _9.endpoints, 'access', _10 => _10.supabaseStorageOrigin])
   });
   if (error || !guide && !isLoading) {
-    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6KEJQR6Lcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
   }
   if (!guide) {
     return renderShell(
       // Match the loaded page's top offset (TitleBlock's
       // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MGZYY6Ucjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCLAJIQ7Ecjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
     );
   }
   const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", guide);
@@ -244,27 +252,27 @@ function OnboardingGuideDetailView({
   // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
   _chunkI5MSCD57cjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), guide.title, { aspect: "wide" });
   const defaultRenderRelatedCard = (g) => {
-    const cta = _chunkZNUSYMH7cjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
+    const cta = _chunkWZX26ODJcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
       type: "onboarding_guide",
       slug: g.slug,
       basePath,
       platforms: g.onboarding_guide_platforms
     });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
   return renderShell(
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkU6XWGK53cjs.PageLayout,
+      _chunkALPRQ3ZXcjs.PageLayout,
       {
         title: guide.title,
         titleSize: "h1",
         titleWrap: true,
         backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) },
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6KEJQR6Lcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkP7KTAXXEcjs.EntityAuthorCard,
+            _chunkOFO75R2Ocjs.EntityAuthorCard,
             {
               author: guide.author,
               authorHref,
@@ -279,7 +287,7 @@ function OnboardingGuideDetailView({
             }
           ),
           (guide.main_video_url || guide.youtube_url) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: videoWarmupRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkBBTSJYTRcjs.EntityVideoSection,
+            _chunkV3UJ6NDRcjs.EntityVideoSection,
             {
               mainVideoUrl: guide.main_video_url,
               youtubeUrl: guide.youtube_url || void 0,
@@ -296,17 +304,17 @@ function OnboardingGuideDetailView({
           ) }),
           guide.content && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: guide.content }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkBBTSJYTRcjs.VideoBitesStrip,
+            _chunkV3UJ6NDRcjs.VideoBitesStrip,
             {
               bites: _nullishCoalesce(guide.video_bites, () => ( [])),
               filterPublished: true,
               showTitle: false,
-              profile: _chunkP7KTAXXEcjs.toStripProfile.call(void 0, guide.author),
+              profile: _chunkOFO75R2Ocjs.toStripProfile.call(void 0, guide.author),
               href: `/onboarding-guides/${guide.slug}`
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4MGZYY6Ucjs.ArticleAuthorByline,
+            _chunkCLAJIQ7Ecjs.ArticleAuthorByline,
             {
               author: _nullishCoalesce(_optionalChain([guide, 'access', _13 => _13.author, 'optionalAccess', _14 => _14.full_name]), () => ( null)),
               avatar: _optionalChain([guide, 'access', _15 => _15.author, 'optionalAccess', _16 => _16.avatar_url]),

package/dist/{chunk-QPSQ5WLG.cjs → chunk-DGEB5GUZ.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkBEC43GHLcjs = require('./chunk-BEC43GHL.cjs');
+var _chunk34TWK3JEcjs = require('./chunk-34TWK3JE.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -116,7 +116,7 @@ function PersistentPaginationWrapper({
             },
             "aria-hidden": isPaginationDisabled,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBEC43GHLcjs.UnifiedPagination,
+              _chunk34TWK3JEcjs.UnifiedPagination,
               {
                 currentPage: displayCurrentPage,
                 totalPages: displayTotalPages,

package/dist/{chunk-OZUJYBQ2.cjs → chunk-E3KFEOFA.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkZNUSYMH7cjs = require('./chunk-ZNUSYMH7.cjs');
+var _chunkWZX26ODJcjs = require('./chunk-WZX26ODJ.cjs');
 
 
-var _chunkBBTSJYTRcjs = require('./chunk-BBTSJYTR.cjs');
+var _chunkV3UJ6NDRcjs = require('./chunk-V3UJ6NDR.cjs');
 
 
 
@@ -20,6 +20,9 @@ var _chunkCSJO7ZGNcjs = require('./chunk-CSJO7ZGN.cjs');
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
+
+
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 
 // src/components/navigation/sticky-section-nav.tsx
@@ -47,7 +50,7 @@ function HorizontalSectionNav({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { ref: navRef, "aria-label": label, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-14 items-stretch gap-6 bg-ods-bg", className), children: [
     brand && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden shrink-0 items-center gap-2.5 border-r border-ods-border pr-6 text-ods-text-primary text-h4 content-lg:flex", children: brand }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBBTSJYTRcjs.ScrollShadow,
+      _chunkV3UJ6NDRcjs.ScrollShadow,
       {
         axis: "horizontal",
         className: "min-w-0 flex-1",
@@ -332,7 +335,7 @@ function useScrollSpy(sections, options = {}) {
 // src/components/navigation/multi-level-navigation.tsx
 var _lucidereact = require('lucide-react');
 
-var DEFAULT_FOLDER_INDEX_FILE2 = _chunkZNUSYMH7cjs.DEFAULT_FOLDER_INDEX_FILE;
+var DEFAULT_FOLDER_INDEX_FILE2 = _chunkWZX26ODJcjs.DEFAULT_FOLDER_INDEX_FILE;
 function isNodeVisuallySelected(node, selectedPath, folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2) {
   const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();
   if (selectedPath === node.path) {
@@ -359,7 +362,7 @@ function MultiLevelNavigation({
   folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2
 }) {
   if (isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-2", className), children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg bg-ods-skeleton p-3" }, i)) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-2", className), children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-12 rounded-lg p-3" }, i)) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-2", className), role: "list", "aria-label": "Navigation list", children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     NavigationItem,
@@ -462,7 +465,7 @@ function MobileNavigationDropdown({
   folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2
 }) {
   if (isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 animate-pulse rounded-lg bg-ods-skeleton p-3" }, i)) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 rounded-lg p-3" }, i)) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-2", className), children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     MobileNavigationItem,