@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/components/comment-thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comment-thread.d.ts","sourceRoot":"","sources":["../../src/components/comment-thread.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAItE,0FAA0F;AAC1F,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IACvF,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1D,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAC;IACrD,0FAA0F;IAC1F,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,gBAAkC,EAClC,OAAe,EACf,QAAQ,EACR,aAAa,GACd,EAAE,kBAAkB,sCAsBpB;AAoFD,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA8B5G"}
+{"version":3,"file":"comment-thread.d.ts","sourceRoot":"","sources":["../../src/components/comment-thread.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAoC,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAM3F;;;GAGG;AACH,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAS/C,0FAA0F;AAC1F,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IACvF,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1D,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAC;IACrD,0FAA0F;IAC1F,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,gBAAkC,EAClC,OAAe,EACf,QAAQ,EACR,aAAa,GACd,EAAE,kBAAkB,sCAyBpB;AAmFD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAqC,EACrC,QAAsB,EACtB,SAAgB,EAChB,KAAa,GACd,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2GAA2G;IAC3G,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,+BAaA;AAED,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA6C5G;AAoBD;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAS,EACT,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAaA"}

package/dist/components/comment-thread.js

@@ -2,9 +2,17 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
 import { useState } from "react";
-import { CommentCard } from "./comment-card.js";
+import { CommentCard, CommentCardSkeleton } from "./comment-card.js";
 import { CommentComposer } from "./comment-composer.js";
+import { TextLineSkeleton } from "./loading/unified-skeleton.js";
 import { Button } from "./ui/button/index.js";
+import { useLoadingScope } from "./ui/loading-scope.js";
+const COMMENT_THREAD_SKELETON_COUNT = 3;
+const COMMENT_THREAD_LIST = "flex flex-col gap-[var(--spacing-system-sf)]";
+const COMMENT_THREAD_ACTIONS = "ml-auto flex flex-wrap gap-[var(--spacing-system-xsf)]";
+const COMMENTS_BLOCK = "space-y-[var(--spacing-system-sf)]";
+const COMMENTS_BLOCK_HEADER = "px-0 text-ods-text-secondary hover:text-ods-text-primary";
+const commentsBlockChevron = (open) => `h-4 w-4 transition-transform ${open ? "rotate-180" : ""}`;
 function CommentThread({
   comments,
   emptyLabel,
@@ -17,10 +25,13 @@ function CommentThread({
   leadWith,
   onViewProduct
 }) {
+  if (useLoadingScope()) {
+    return /* @__PURE__ */ jsx(CommentThreadSkeleton, { count: COMMENT_THREAD_SKELETON_COUNT, leadWith, reply: Boolean(onReply) });
+  }
   if (comments.length === 0) {
     return emptyLabel ? /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: emptyLabel }) : null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: comments.map((comment) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: COMMENT_THREAD_LIST, children: comments.map((comment) => /* @__PURE__ */ jsx(
     CommentThreadRow,
     {
       comment,
@@ -36,6 +47,9 @@ function CommentThread({
     comment.id
   )) });
 }
+function ReplyButton({ onClick, disabled }) {
+  return /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "small-legacy", onClick, disabled, children: "Reply" });
+}
 function CommentThreadRow({
   comment,
   onReply,
@@ -57,18 +71,8 @@ function CommentThreadRow({
       " ",
       replies.length === 1 ? "reply" : "replies"
     ] }) : null,
-    onReply || actions ? /* @__PURE__ */ jsxs("span", { className: "ml-auto flex flex-wrap gap-[var(--spacing-system-xsf)]", children: [
-      onReply ? /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "small-legacy",
-          onClick: () => setReplyOpen((open) => !open),
-          disabled: pending,
-          children: "Reply"
-        }
-      ) : null,
+    onReply || actions ? /* @__PURE__ */ jsxs("span", { className: COMMENT_THREAD_ACTIONS, children: [
+      onReply ? /* @__PURE__ */ jsx(ReplyButton, { onClick: () => setReplyOpen((open) => !open), disabled: pending }) : null,
       actions
     ] }) : null
   ] });
@@ -112,23 +116,42 @@ function CommentThreadRow({
     }
   );
 }
+function CommentThreadSkeleton({
+  count = COMMENT_THREAD_SKELETON_COUNT,
+  leadWith = "commenter",
+  showTitle = true,
+  reply = false
+}) {
+  const footer = reply ? /* @__PURE__ */ jsx("span", { className: COMMENT_THREAD_ACTIONS, children: /* @__PURE__ */ jsx(ReplyButton, {}) }) : void 0;
+  return /* @__PURE__ */ jsx("div", { className: COMMENT_THREAD_LIST, "aria-hidden": "true", inert: true, children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(CommentCardSkeleton, { leadWith, showTitle, showDelete: false, footer }, i)) });
+}
 function CommentsBlock({ title, summary, defaultOpen = false, children, composer }) {
+  const loading = useLoadingScope();
   const [open, setOpen] = useState(defaultOpen);
   const [seenDefaultOpen, setSeenDefaultOpen] = useState(defaultOpen);
   if (defaultOpen !== seenDefaultOpen) {
     setSeenDefaultOpen(defaultOpen);
     if (defaultOpen) setOpen(true);
   }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-[var(--spacing-system-sf)]", children: [
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: COMMENTS_BLOCK, children: [
+      /* @__PURE__ */ jsx(CommentsBlockHeader, { title, open }),
+      open ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        children,
+        composer
+      ] }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: COMMENTS_BLOCK, children: [
     /* @__PURE__ */ jsx(
       Button,
       {
         type: "button",
         variant: "transparent",
         size: "small-legacy",
-        className: "px-0 text-ods-text-secondary hover:text-ods-text-primary",
+        className: COMMENTS_BLOCK_HEADER,
         onClick: () => setOpen((value) => !value),
-        rightIcon: /* @__PURE__ */ jsx(ChevronDown, { className: `h-4 w-4 transition-transform ${open ? "rotate-180" : ""}` }),
+        rightIcon: /* @__PURE__ */ jsx(ChevronDown, { className: commentsBlockChevron(open) }),
         children: `${title} \xB7 ${summary}`
       }
     ),
@@ -138,7 +161,42 @@ function CommentsBlock({ title, summary, defaultOpen = false, children, composer
     ] }) : null
   ] });
 }
+function CommentsBlockHeader({ title, open }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "transparent",
+      size: "small-legacy",
+      className: COMMENTS_BLOCK_HEADER,
+      rightIcon: /* @__PURE__ */ jsx(ChevronDown, { className: commentsBlockChevron(open) }),
+      tabIndex: -1,
+      "aria-hidden": true,
+      children: [
+        `${title} \xB7 `,
+        /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "h6", className: "inline-block w-20 align-middle" })
+      ]
+    }
+  );
+}
+function CommentsBlockSkeleton({
+  title,
+  count = 0,
+  composer = false,
+  leadWith,
+  showTitle
+}) {
+  const open = count > 0 || composer;
+  return /* @__PURE__ */ jsxs("div", { className: COMMENTS_BLOCK, "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx(CommentsBlockHeader, { title, open }),
+    count > 0 && /* @__PURE__ */ jsx(CommentThreadSkeleton, { count, leadWith, showTitle }),
+    composer && /* @__PURE__ */ jsx("div", { inert: true, children: /* @__PURE__ */ jsx(CommentComposer, { onSubmit: () => false }) })
+  ] });
+}
 export {
+  COMMENT_THREAD_SKELETON_COUNT,
   CommentThread,
-  CommentsBlock
+  CommentThreadSkeleton,
+  CommentsBlock,
+  CommentsBlockSkeleton
 };

package/dist/components/contact/index.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunk7GUWPGB4cjs = require('../../chunk-7GUWPGB4.cjs');
-require('../../chunk-VL6IXTAI.cjs');
-require('../../chunk-ZCU2PYCW.cjs');
-require('../../chunk-GY2JESOC.cjs');
-require('../../chunk-2IFCRPNP.cjs');
+var _chunkNJMZ3N7Qcjs = require('../../chunk-NJMZ3N7Q.cjs');
+require('../../chunk-VRDHAR3X.cjs');
+require('../../chunk-MPTMT773.cjs');
+require('../../chunk-RB7VLVMD.cjs');
+require('../../chunk-ZV45VS6K.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-XCH7SPGI.cjs');
-require('../../chunk-FQSXZC2K.cjs');
+require('../../chunk-XVFM6SJA.cjs');
+require('../../chunk-2JRSYWFP.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-RO72PRQI.cjs');
-require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-T5FRANE6.cjs');
-require('../../chunk-74ALTXXC.cjs');
-require('../../chunk-BIA77I6B.cjs');
-require('../../chunk-3RFQPQ7Z.cjs');
-require('../../chunk-GZKWF6NH.cjs');
-require('../../chunk-EFTUFJS2.cjs');
+require('../../chunk-ZRDMGMY7.cjs');
+require('../../chunk-C42WIUH6.cjs');
+require('../../chunk-7VI7TOGI.cjs');
+require('../../chunk-YL6ZB2SR.cjs');
+require('../../chunk-GTONIRJU.cjs');
+require('../../chunk-RNLRS4ID.cjs');
+require('../../chunk-XZ6DKGT4.cjs');
+require('../../chunk-LELS4XMX.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1809,20 +1809,20 @@ require('../../chunk-LMBYZITR.cjs');
 require('../../chunk-TMVC7S2R.cjs');
 require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
-require('../../chunk-NET74KSQ.cjs');
-require('../../chunk-3RYIF4OW.cjs');
-require('../../chunk-SVP6DJFL.cjs');
+require('../../chunk-TZ4GKUO2.cjs');
+require('../../chunk-XXJL5GY3.cjs');
+require('../../chunk-57B5RUYD.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-NS64LMVE.cjs');
-require('../../chunk-22XAPV6N.cjs');
-require('../../chunk-OJJ4RL2T.cjs');
-require('../../chunk-63N4FN5V.cjs');
-require('../../chunk-M7YZGRAV.cjs');
-require('../../chunk-EQZXJUYV.cjs');
+require('../../chunk-FZB4RMRK.cjs');
+require('../../chunk-DGNBXZXT.cjs');
+require('../../chunk-R3JX4MXD.cjs');
+require('../../chunk-SETFUCZA.cjs');
+require('../../chunk-AAECWUNV.cjs');
+require('../../chunk-JTSUAHDL.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -1831,29 +1831,25 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-I5MSCD57.cjs');
+require('../../chunk-3LW5TD54.cjs');
 require('../../chunk-ASMNNSUQ.cjs');
 require('../../chunk-CW3ML76U.cjs');
-require('../../chunk-MWLD6NXV.cjs');
-require('../../chunk-R3TWQ3ZJ.cjs');
+require('../../chunk-VFZFCRAL.cjs');
+require('../../chunk-5P4TDV7V.cjs');
 require('../../chunk-DGFDBPO7.cjs');
-require('../../chunk-HOTM4UM6.cjs');
+require('../../chunk-E76ONBKF.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
-require('../../chunk-HTRILBJD.cjs');
-require('../../chunk-K6VWTUCH.cjs');
-require('../../chunk-AKK3EO37.cjs');
+require('../../chunk-YXDHVHB2.cjs');
+require('../../chunk-FL2RMEDX.cjs');
+require('../../chunk-XIFEZ2JT.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
-require('../../chunk-NO5UJLLQ.cjs');
-require('../../chunk-2QMBXGMQ.cjs');
+require('../../chunk-WEANWBJH.cjs');
+require('../../chunk-XFRBEXQN.cjs');
+require('../../chunk-TF5D5MNO.cjs');
 require('../../chunk-V45KLJQP.cjs');
+require('../../chunk-65VVJSQZ.cjs');
 require('../../chunk-KHKPLOU4.cjs');
-require('../../chunk-L4UI63K6.cjs');
-require('../../chunk-OF336YWG.cjs');
-require('../../chunk-3LU4UFPS.cjs');
-require('../../chunk-RB6BSE3O.cjs');
-require('../../chunk-H3RYUTND.cjs');
-require('../../chunk-3ATAYP36.cjs');
 
 
-exports.ContactForm = _chunk7GUWPGB4cjs.ContactForm;
+exports.ContactForm = _chunkNJMZ3N7Qcjs.ContactForm;

package/dist/components/content-loading-container.d.ts

@@ -61,7 +61,7 @@ export declare function useContentLoading(isLoading: boolean): {
         'aria-busy': boolean;
         'data-loading': boolean;
     };
-    getSkeletonCount: (contentType: "vendor" | "blog") => 12 | 6;
+    getSkeletonCount: (contentType: "vendor" | "blog") => 6 | 12;
     getMinHeight: (contentType: "vendor" | "blog") => "min-h-[300px] content-md:min-h-[800px]" | "min-h-[400px] content-md:min-h-[900px]";
 };
 export {};

package/dist/components/docs/doc-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"doc-viewer.d.ts","sourceRoot":"","sources":["../../../src/components/docs/doc-viewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAgBlG;;4EAE4E;AAC5E,eAAO,MAAM,0BAA0B;;;;;;;;;CAS7B,CAAC;AAEX,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,EAAE,WAAW,CAAC;IAEtB;;;;OAIG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IAErF;;;;OAIG;IACH,cAAc,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAE3E;;;;OAIG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;sDAGkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;uCAImC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;yEAEqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,0BAA0B,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;oEAEgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8FAA8F;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;iFAE6E;IAC7E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;uDAKmD;IACnD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAElB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;4FAEwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;0BAIsB;IACtB,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;CACxD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAE9C"}
+{"version":3,"file":"doc-viewer.d.ts","sourceRoot":"","sources":["../../../src/components/docs/doc-viewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAelG;;4EAE4E;AAC5E,eAAO,MAAM,0BAA0B;;;;;;;;;CAS7B,CAAC;AAEX,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,EAAE,WAAW,CAAC;IAEtB;;;;OAIG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IAErF;;;;OAIG;IACH,cAAc,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAE3E;;;;OAIG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;sDAGkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;uCAImC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;yEAEqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,0BAA0B,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;oEAEgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8FAA8F;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;iFAE6E;IAC7E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;uDAKmD;IACnD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAElB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;4FAEwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;0BAIsB;IACtB,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;CACxD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAE9C"}

package/dist/components/docs/doc-viewer.js

@@ -1,11 +1,10 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useRouter } from "../../embed-shims/next-navigation.js";
 import { findDocNodeByPath } from "../../utils/doc-tree-nav.js";
 import { PageShell } from "../layout/article-detail-layout.js";
 import { PageLayout } from "../layout/page-layout.js";
-import { CategorySidebarSkeleton } from "../loading/page-layout-skeleton.js";
 import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { MultiLevelNavigation, MobileNavigationDropdown } from "../navigation/multi-level-navigation.js";
 import { StickySectionNav } from "../navigation/sticky-section-nav.js";
@@ -29,6 +28,8 @@ const DEFAULT_DOC_VIEWER_PALETTE = {
 function DocViewer(props) {
   return /* @__PURE__ */ jsx(DocViewerContent, { ...props });
 }
+const ON_THIS_PAGE_LABEL = "ON THIS PAGE";
+const ON_THIS_PAGE_HEADING_CLASS = "mb-4 font-semibold text-ods-text-secondary text-h5";
 function DocViewerContent({
   sourceId,
   renderContent,
@@ -118,7 +119,7 @@ function DocViewerContent({
   const defaultEmptyText = structure.length > 0 ? "Select a document from the sidebar to view" : "No documents yet. Add content from the admin panel.";
   const resolvedEmptyText = emptyStateText || defaultEmptyText;
   const inner = /* @__PURE__ */ jsx("div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ jsx(PageLayout, { title, subtitle, titleSize: "h1", titleWrap: true, backButton: backCfg ?? void 0, children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-10", children: [
-    synced && /* @__PURE__ */ jsx(DataSyncLine, { sync: content?.sync, loading: isLoadingContent && !content }),
+    synced && /* @__PURE__ */ jsx(DataSyncLine, { sync: content?.sync, loading: !content && (isLoadingContent || isLoadingStructure) }),
     showAIChat && /* @__PURE__ */ jsx(
       DocSearchBar,
       {
@@ -139,7 +140,7 @@ function DocViewerContent({
       ] })
     ] }) }),
     !error && /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start gap-6 content-lg:flex-row content-lg:gap-10", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-full content-lg:w-[320px] content-lg:shrink-0", children: /* @__PURE__ */ jsx("div", { className: "content-lg:sticky content-lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ jsx(CategorySidebarSkeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "w-full content-lg:w-[320px] content-lg:shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "content-lg:sticky content-lg:top-20", children: [
         /* @__PURE__ */ jsx(PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ jsx(
           MobileNavigationDropdown,
           {
@@ -148,7 +149,7 @@ function DocViewerContent({
             expandedNodes,
             onNodeClick: selectNode,
             onToggleExpand: toggleNode,
-            isLoading: false,
+            isLoading: isLoadingStructure,
             folderIndexFile
           }
         ) }),
@@ -162,12 +163,12 @@ function DocViewerContent({
               expandedNodes,
               onNodeClick: selectNode,
               onToggleExpand: toggleNode,
-              isLoading: false,
+              isLoading: isLoadingStructure,
               folderIndexFile
             }
           )
         ] }) }) })
-      ] }) }) }),
+      ] }) }),
       /* @__PURE__ */ jsx("div", { className: "w-full min-w-0 flex-1", children: /* @__PURE__ */ jsxs(
         "div",
         {
@@ -181,7 +182,7 @@ function DocViewerContent({
           children: [
             /* @__PURE__ */ jsx("div", { className: `w-full min-w-0 ${isMarkdownContent ? "mx-auto max-w-4xl" : ""}`, children: /* @__PURE__ */ jsx("article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ jsx("div", { className: "py-16 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h4", children: resolvedEmptyText }) }) : renderedContent }) }),
             isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ jsx("div", { className: "hidden content-lg:block", children: /* @__PURE__ */ jsxs("div", { className: "sticky top-24", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-5 h-[14px] w-28 rounded" }),
+              /* @__PURE__ */ jsx("h3", { className: ON_THIS_PAGE_HEADING_CLASS, children: ON_THIS_PAGE_LABEL }),
               /* @__PURE__ */ jsx("div", { className: "space-y-0", children: [130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -192,7 +193,7 @@ function DocViewerContent({
               )) })
             ] }) }),
             showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ jsx("div", { className: "hidden content-lg:block", children: /* @__PURE__ */ jsxs("div", { className: "sticky top-24", children: [
-              /* @__PURE__ */ jsx("h3", { className: "mb-4 font-semibold text-ods-text-secondary text-h5", children: "ON THIS PAGE" }),
+              /* @__PURE__ */ jsx("h3", { className: ON_THIS_PAGE_HEADING_CLASS, children: ON_THIS_PAGE_LABEL }),
               /* @__PURE__ */ jsx(
                 StickySectionNav,
                 {

package/dist/components/docs/index.cjs

@@ -8,31 +8,31 @@
 
 
 
-var _chunkJJ2S6C5Ucjs = require('../../chunk-JJ2S6C5U.cjs');
-require('../../chunk-XFNWHCRM.cjs');
+var _chunkUW7UWUZUcjs = require('../../chunk-UW7UWUZU.cjs');
+require('../../chunk-WO3XO27C.cjs');
 
 
-var _chunkNJS7FQRWcjs = require('../../chunk-NJS7FQRW.cjs');
-require('../../chunk-5AV5R5RC.cjs');
-require('../../chunk-VL6IXTAI.cjs');
-require('../../chunk-ZCU2PYCW.cjs');
-require('../../chunk-GY2JESOC.cjs');
-require('../../chunk-2IFCRPNP.cjs');
+var _chunkVYYLYZUCcjs = require('../../chunk-VYYLYZUC.cjs');
+require('../../chunk-7XFVUUVZ.cjs');
+require('../../chunk-VRDHAR3X.cjs');
+require('../../chunk-MPTMT773.cjs');
+require('../../chunk-RB7VLVMD.cjs');
+require('../../chunk-ZV45VS6K.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-XCH7SPGI.cjs');
-require('../../chunk-FQSXZC2K.cjs');
+require('../../chunk-XVFM6SJA.cjs');
+require('../../chunk-2JRSYWFP.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-RO72PRQI.cjs');
-require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-T5FRANE6.cjs');
-require('../../chunk-74ALTXXC.cjs');
-require('../../chunk-BIA77I6B.cjs');
-require('../../chunk-3RFQPQ7Z.cjs');
-require('../../chunk-GZKWF6NH.cjs');
-require('../../chunk-EFTUFJS2.cjs');
+require('../../chunk-ZRDMGMY7.cjs');
+require('../../chunk-C42WIUH6.cjs');
+require('../../chunk-7VI7TOGI.cjs');
+require('../../chunk-YL6ZB2SR.cjs');
+require('../../chunk-GTONIRJU.cjs');
+require('../../chunk-RNLRS4ID.cjs');
+require('../../chunk-XZ6DKGT4.cjs');
+require('../../chunk-LELS4XMX.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1821,20 +1821,20 @@ require('../../chunk-LMBYZITR.cjs');
 require('../../chunk-TMVC7S2R.cjs');
 require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
-require('../../chunk-NET74KSQ.cjs');
-require('../../chunk-3RYIF4OW.cjs');
-require('../../chunk-SVP6DJFL.cjs');
+require('../../chunk-TZ4GKUO2.cjs');
+require('../../chunk-XXJL5GY3.cjs');
+require('../../chunk-57B5RUYD.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-NS64LMVE.cjs');
-require('../../chunk-22XAPV6N.cjs');
-require('../../chunk-OJJ4RL2T.cjs');
-require('../../chunk-63N4FN5V.cjs');
-require('../../chunk-M7YZGRAV.cjs');
-require('../../chunk-EQZXJUYV.cjs');
+require('../../chunk-FZB4RMRK.cjs');
+require('../../chunk-DGNBXZXT.cjs');
+require('../../chunk-R3JX4MXD.cjs');
+require('../../chunk-SETFUCZA.cjs');
+require('../../chunk-AAECWUNV.cjs');
+require('../../chunk-JTSUAHDL.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -1843,29 +1843,25 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-I5MSCD57.cjs');
+require('../../chunk-3LW5TD54.cjs');
 require('../../chunk-ASMNNSUQ.cjs');
 require('../../chunk-CW3ML76U.cjs');
-require('../../chunk-MWLD6NXV.cjs');
-require('../../chunk-R3TWQ3ZJ.cjs');
+require('../../chunk-VFZFCRAL.cjs');
+require('../../chunk-5P4TDV7V.cjs');
 require('../../chunk-DGFDBPO7.cjs');
-require('../../chunk-HOTM4UM6.cjs');
+require('../../chunk-E76ONBKF.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
-require('../../chunk-HTRILBJD.cjs');
-require('../../chunk-K6VWTUCH.cjs');
-require('../../chunk-AKK3EO37.cjs');
+require('../../chunk-YXDHVHB2.cjs');
+require('../../chunk-FL2RMEDX.cjs');
+require('../../chunk-XIFEZ2JT.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
-require('../../chunk-NO5UJLLQ.cjs');
-require('../../chunk-2QMBXGMQ.cjs');
+require('../../chunk-WEANWBJH.cjs');
+require('../../chunk-XFRBEXQN.cjs');
+require('../../chunk-TF5D5MNO.cjs');
 require('../../chunk-V45KLJQP.cjs');
+require('../../chunk-65VVJSQZ.cjs');
 require('../../chunk-KHKPLOU4.cjs');
-require('../../chunk-L4UI63K6.cjs');
-require('../../chunk-OF336YWG.cjs');
-require('../../chunk-3LU4UFPS.cjs');
-require('../../chunk-RB6BSE3O.cjs');
-require('../../chunk-H3RYUTND.cjs');
-require('../../chunk-3ATAYP36.cjs');
 
 
 
@@ -1875,4 +1871,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.DocNavigationProvider = _chunkJJ2S6C5Ucjs.DocNavigationProvider; exports.DocViewer = _chunkJJ2S6C5Ucjs.DocViewer; exports.DocsHubPage = _chunkJJ2S6C5Ucjs.DocsHubPage; exports.EmbedSkeleton = _chunkJJ2S6C5Ucjs.EmbedSkeleton; exports.MarkdownSkeleton = _chunkJJ2S6C5Ucjs.MarkdownSkeleton; exports.useDocNavigation = _chunkJJ2S6C5Ucjs.useDocNavigation; exports.useDocumentTree = _chunkJJ2S6C5Ucjs.useDocumentTree; exports.useScrollSpy = _chunkNJS7FQRWcjs.useScrollSpy;
+exports.DocNavigationProvider = _chunkUW7UWUZUcjs.DocNavigationProvider; exports.DocViewer = _chunkUW7UWUZUcjs.DocViewer; exports.DocsHubPage = _chunkUW7UWUZUcjs.DocsHubPage; exports.EmbedSkeleton = _chunkUW7UWUZUcjs.EmbedSkeleton; exports.MarkdownSkeleton = _chunkUW7UWUZUcjs.MarkdownSkeleton; exports.useDocNavigation = _chunkUW7UWUZUcjs.useDocNavigation; exports.useDocumentTree = _chunkUW7UWUZUcjs.useDocumentTree; exports.useScrollSpy = _chunkVYYLYZUCcjs.useScrollSpy;

package/dist/components/docs/skeletons.d.ts

@@ -1,8 +1,3 @@
-/**
- * Text-style skeleton — matches a rendered markdown article layout.
- * Used by `<DocsHubPage>` as the default for `markdown` (and unknown
- * document types). Embedders can override via `renderSkeleton`.
- */
 export declare function MarkdownSkeleton({ region, }?: {
     /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
     region?: boolean;

package/dist/components/docs/skeletons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeletons.d.ts","sourceRoot":"","sources":["../../../src/components/docs/skeletons.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAa,GACd,GAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CACb,+BAoDL;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC;2EACuE;IACvE,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClE,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,MAAa,EAAE,GAAE,kBAAuB,+BAiDrF"}
+{"version":3,"file":"skeletons.d.ts","sourceRoot":"","sources":["../../../src/components/docs/skeletons.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,gBAAgB,CAAC,EAC/B,MAAa,GACd,GAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CACb,+BAqBL;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC;2EACuE;IACvE,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClE,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,MAAa,EAAE,GAAE,kBAAuB,+BAiDrF"}

package/dist/components/docs/skeletons.js

@@ -1,60 +1,40 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
 import { EmbedLoadingSkeleton } from "../embeds/embed-iframe.js";
 import { LoadingRegion } from "../loading/loading-region.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { MARKDOWN_H2_CLASS, MARKDOWN_PARAGRAPH_CLASS } from "../ui/markdown/base-components.js";
+import { MARKDOWN_RENDERER_CLASS } from "../ui/markdown/engine.js";
+import { TEXT_SIZE_PRESETS } from "../ui/markdown/text-size.js";
+const MARKDOWN_SKELETON_BLOCKS = [
+  { kind: "p", lines: 4 },
+  { kind: "p", lines: 4 },
+  { kind: "p", lines: 5 },
+  { kind: "h2" },
+  { kind: "p", lines: 4 },
+  { kind: "p", lines: 5 },
+  { kind: "h2" },
+  { kind: "p", lines: 3 },
+  { kind: "p", lines: 4 }
+];
+const MARKDOWN_SKELETON_H2_CLASS = cn(MARKDOWN_H2_CLASS, TEXT_SIZE_PRESETS.default.h2);
+const MARKDOWN_SKELETON_P_CLASS = cn(MARKDOWN_PARAGRAPH_CLASS, TEXT_SIZE_PRESETS.default.p);
 function MarkdownSkeleton({
   region = true
 } = {}) {
-  return /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the document", announce: region, className: "mt-6 space-y-7", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-3/4 rounded" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-5/6 rounded" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-2/3 rounded" })
-    ] }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[88px] rounded-lg border border-ods-border" }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-7 w-1/3 rounded" }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-[72%] rounded" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-[58%] rounded" })
-    ] }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-7 w-2/5 rounded" }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-[90%] rounded" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[16px] w-[70%] rounded" })
-    ] }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[88px] rounded-lg border border-ods-border" })
-  ] });
+  return (
+    // The renderer's root class, and its box (no margin of its own, like the rendered body): the document's first fold.
+    /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading the document", announce: region, className: MARKDOWN_RENDERER_CLASS, children: MARKDOWN_SKELETON_BLOCKS.map(
+      (block, i) => block.kind === "h2" ? (
+        // biome-ignore lint/suspicious/noArrayIndexKey: skeleton blocks never reorder
+        /* @__PURE__ */ jsx("h2", { className: MARKDOWN_SKELETON_H2_CLASS, "aria-hidden": true, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/3" }) }, i)
+      ) : (
+        // biome-ignore lint/suspicious/noArrayIndexKey: skeleton blocks never reorder
+        /* @__PURE__ */ jsx("p", { className: MARKDOWN_SKELETON_P_CLASS, "aria-hidden": true, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", lines: block.lines, className: "w-full" }) }, i)
+      )
+    ) })
+  );
 }
 function EmbedSkeleton({ documentType, region = true } = {}) {
   if (documentType === "file") {

package/dist/components/docs/use-document-tree.d.ts

@@ -37,5 +37,4 @@ export declare function useDocumentTree(config: UseDocumentTreeConfig, initialPa
     refetch: () => Promise<void>;
     setExpandedNodes: import("react").Dispatch<import("react").SetStateAction<Set<string>>>;
 };
-export type { DocNode, DocContent };
 //# sourceMappingURL=use-document-tree.d.ts.map

package/dist/components/docs/use-document-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-document-tree.d.ts","sourceRoot":"","sources":["../../../src/components/docs/use-document-tree.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAgB,MAAM,wBAAwB,CAAC;AA6LhF,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iDAAiD;IACjD,eAAe,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,qBAAqB,EAAE,WAAW,CAAC,EAAE,MAAM;;;;;;;;;yBAgVzC,MAAM;uBAiBrC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;0BAgCnD,MAAM,YAAY;QAAE,YAAY,CAAC,EAAE,OAAO,CAAC;QAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE;;;EAoJlF;AAED,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"use-document-tree.d.ts","sourceRoot":"","sources":["../../../src/components/docs/use-document-tree.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAgB,MAAM,wBAAwB,CAAC;AA8LhF,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iDAAiD;IACjD,eAAe,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,qBAAqB,EAAE,WAAW,CAAC,EAAE,MAAM;;;;;;;;;yBAqVzC,MAAM;uBAiBrC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;0BAgCnD,MAAM,YAAY;QAAE,YAAY,CAAC,EAAE,OAAO,CAAC;QAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE;;;EAoJlF"}