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

package/dist/components/chat/model-display.js

@@ -4,7 +4,7 @@ import React from "react";
 import { cn } from "../../utils/cn.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "../hover-card.js";
 import { AnthropicLogoGreyIcon, GeminiLogoGreyIcon, OpenaiLogoGreyIcon } from "../icons-v2-generated/index.js";
-import { Skeleton } from "../ui/skeleton.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { useChatAppearance } from "./chat-appearance-context.js";
 import { CHAT_APPEARANCE } from "./types/chat.types.js";
 const getProviderIcon = (provider) => {
@@ -131,9 +131,9 @@ function BreakdownRow({
 ModelDisplay.displayName = "ModelDisplay";
 const ModelDisplaySkeleton = React.forwardRef(
   ({ className, showTokens = false, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, "aria-hidden": true, className: cn("flex items-center gap-1 text-h6", className), ...props, children: [
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-4 shrink-0 rounded-sm" }),
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
-    showTokens && /* @__PURE__ */ jsx(Skeleton, { className: "ml-auto h-3 w-32" })
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-4 shrink-0 rounded-sm" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-24" }),
+    showTokens && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "ml-auto h-3 w-32" })
   ] })
 );
 ModelDisplaySkeleton.displayName = "ModelDisplaySkeleton";

package/dist/components/chat/msp-organization-card-skeleton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
-import { Skeleton } from "../ui/skeleton.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 function MspOrganizationCardSkeleton({ className }) {
   return /* @__PURE__ */ jsxs(
     "div",
@@ -11,12 +11,12 @@ function MspOrganizationCardSkeleton({ className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "size-12 shrink-0 rounded-md" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-12 shrink-0 rounded-md" }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2 self-stretch", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-3/5 rounded-md" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/5 rounded-md" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/5 rounded-md" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-2/5 rounded-md" })
         ] }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "size-12 shrink-0 rounded-md" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-12 shrink-0 rounded-md" })
       ]
     }
   );

package/dist/components/chat/quick-action-chip.d.ts

@@ -124,9 +124,9 @@ export interface QuickActionChipSkeletonProps {
 }
 /**
  * Loading placeholder for {@link QuickActionChipButton} — renders the REAL
- * `Tag` (same height, padding, border, radius, icon box) with standard
- * skeleton pulse bars (identical animation + token as `ui/skeleton`) in the
- * icon/lozenge/label slots, so a skeleton chip is 1:1 with a loaded chip by
+ * `Tag` (same height, padding, border, radius, icon box) with `UnifiedSkeleton`
+ * bars (as spans, so they stay valid phrasing content inside the Tag's label
+ * span) in the icon/lozenge/label slots, so a skeleton chip is 1:1 with a loaded chip by
  * construction. Use anywhere quick actions stream in (chat empty states,
  * marketing walls, deck panels).
  */

package/dist/components/chat/quick-action-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quick-action-chip.d.ts","sourceRoot":"","sources":["../../../src/components/chat/quick-action-chip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"quick-action-chip.d.ts","sourceRoot":"","sources":["../../../src/components/chat/quick-action-chip.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/quick-action-chip.js

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement } from "react";
 import { cn } from "../../utils/cn.js";
 import { EntityIcon } from "../icon-display.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Tag } from "../ui/tag.js";
 const AGENT_ACCENTS = { fae: "pink", mingo: "cyan" };
 function getAgentAccent(slug) {
@@ -51,9 +52,6 @@ function composeChipLabel(label, lozenge) {
     label
   ] });
 }
-function ChipSkelBar({ className, style }) {
-  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("animate-pulse rounded-md bg-ods-border", className), style });
-}
 function QuickActionChipSkeleton({
   labelCh = 16,
   icon = true,
@@ -69,10 +67,18 @@ function QuickActionChipSkeleton({
       variant: "outline",
       size: question ? "sentence" : size,
       className: cn(question && "max-w-full", className),
-      icon: icon && !question ? /* @__PURE__ */ jsx(ChipSkelBar, { className: size === "large" ? "block size-5" : "block size-4" }) : void 0,
+      icon: icon && !question ? /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", "aria-hidden": true, className: size === "large" ? "block size-5" : "block size-4" }) : void 0,
       label: /* @__PURE__ */ jsxs(Fragment, { children: [
-        lozenge && /* @__PURE__ */ jsx(ChipSkelBar, { className: "mr-2 inline-block h-[16px] w-[26px] translate-y-[2px]" }),
-        /* @__PURE__ */ jsx(ChipSkelBar, { className: "inline-block h-[0.9em] translate-y-[0.08em]", style: { width: `${labelCh}ch` } })
+        lozenge && /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", "aria-hidden": true, className: "mr-2 inline-block h-[16px] w-[26px] translate-y-[2px]" }),
+        /* @__PURE__ */ jsx(
+          UnifiedSkeleton,
+          {
+            as: "span",
+            "aria-hidden": true,
+            className: "inline-block h-[0.9em] translate-y-[0.08em]",
+            width: `${labelCh}ch`
+          }
+        )
       ] })
     }
   );

package/dist/components/chat/utils/compact-card-classes.d.ts

@@ -19,12 +19,12 @@ export declare const COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full
 /** Loaded compact card outer frame for NON-INTERACTIVE state — span wrap
  *  used when `safeHref()` rejects the chat ref's url. */
 export declare const COMPACT_CARD_OUTER_STATIC = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline cursor-default";
-/** Skeleton outer frame — same dimensions as loaded, plus `animate-pulse`. */
-export declare const COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full animate-pulse items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
+/** Skeleton outer frame: same dimensions as loaded. Static; its placeholders are `UnifiedSkeleton`s. */
+export declare const COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
 /** 56×56 image slot — for cards with a cover image. */
 export declare const COMPACT_CARD_IMAGE_SLOT = "relative block shrink-0 self-start w-14 h-14 aspect-square overflow-hidden rounded-md bg-ods-bg";
-/** 56×56 placeholder slot for skeletons. */
-export declare const COMPACT_CARD_SKELETON_IMAGE_SLOT = "block h-14 w-14 aspect-square shrink-0 self-start rounded-md bg-ods-bg";
+/** 56×56 placeholder slot for skeletons: the box of a `UnifiedSkeleton as="span"`, which draws the surface. */
+export declare const COMPACT_CARD_SKELETON_IMAGE_SLOT = "block h-14 w-14 aspect-square shrink-0 self-start rounded-md";
 /** 56×56 icon slot — for cards without a cover image. */
 export declare const COMPACT_CARD_ICON_SLOT = "flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center rounded-md bg-ods-bg text-ods-accent";
 /** Text column wrapper — explicit 56px height with `flex flex-col`. */

package/dist/components/chat/utils/compact-card-classes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compact-card-classes.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/compact-card-classes.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH;;+DAE+D;AAC/D,eAAO,MAAM,kBAAkB,+JAC+H,CAAC;AAE/J;yDACyD;AACzD,eAAO,MAAM,yBAAyB,yHACkF,CAAC;AAEzH,8EAA8E;AAC9E,eAAO,MAAM,2BAA2B,2GACkE,CAAC;AAE3G,uDAAuD;AACvD,eAAO,MAAM,uBAAuB,oGAC+D,CAAC;AAEpG,4CAA4C;AAC5C,eAAO,MAAM,gCAAgC,2EAC6B,CAAC;AAE3E,yDAAyD;AACzD,eAAO,MAAM,sBAAsB,sHACkF,CAAC;AAEtH,uEAAuE;AACvE,eAAO,MAAM,qBAAqB,kDAAkD,CAAC;AAErF,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,kCAAkC,CAAC;AAEtE,2DAA2D;AAC3D,eAAO,MAAM,yBAAyB,kCAAkC,CAAC;AAEzE,6CAA6C;AAC7C,eAAO,MAAM,kBAAkB,mEAAmE,CAAC;AAEnG,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,6CAA6C,CAAC;AAEhF,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,gDAAgD,CAAC;AAElF,mDAAmD;AACnD,eAAO,MAAM,qBAAqB,sEAAsE,CAAC;AAEzG,oFAAoF;AACpF,eAAO,MAAM,uBAAuB,WAAM,CAAC;AAK3C;;gEAEgE;AAChE,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAmBtE"}
+{"version":3,"file":"compact-card-classes.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/compact-card-classes.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH;;+DAE+D;AAC/D,eAAO,MAAM,kBAAkB,+JAC+H,CAAC;AAE/J;yDACyD;AACzD,eAAO,MAAM,yBAAyB,yHACkF,CAAC;AAEzH,wGAAwG;AACxG,eAAO,MAAM,2BAA2B,6FACoD,CAAC;AAE7F,uDAAuD;AACvD,eAAO,MAAM,uBAAuB,oGAC+D,CAAC;AAEpG,+GAA+G;AAC/G,eAAO,MAAM,gCAAgC,iEAAiE,CAAC;AAE/G,yDAAyD;AACzD,eAAO,MAAM,sBAAsB,sHACkF,CAAC;AAEtH,uEAAuE;AACvE,eAAO,MAAM,qBAAqB,kDAAkD,CAAC;AAErF,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,kCAAkC,CAAC;AAEtE,2DAA2D;AAC3D,eAAO,MAAM,yBAAyB,kCAAkC,CAAC;AAEzE,6CAA6C;AAC7C,eAAO,MAAM,kBAAkB,mEAAmE,CAAC;AAEnG,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,6CAA6C,CAAC;AAEhF,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,gDAAgD,CAAC;AAElF,mDAAmD;AACnD,eAAO,MAAM,qBAAqB,sEAAsE,CAAC;AAEzG,oFAAoF;AACpF,eAAO,MAAM,uBAAuB,WAAM,CAAC;AAK3C;;gEAEgE;AAChE,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAmBtE"}

package/dist/components/chat/utils/compact-card-classes.js

@@ -2,9 +2,9 @@
 import { UNSAFE_URL_CHARS, isSameOriginPath } from "../../../utils/url-safety.js";
 const COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline transition-colors hover:border-ods-text-secondary/40";
 const COMPACT_CARD_OUTER_STATIC = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline cursor-default";
-const COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full animate-pulse items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
+const COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
 const COMPACT_CARD_IMAGE_SLOT = "relative block shrink-0 self-start w-14 h-14 aspect-square overflow-hidden rounded-md bg-ods-bg";
-const COMPACT_CARD_SKELETON_IMAGE_SLOT = "block h-14 w-14 aspect-square shrink-0 self-start rounded-md bg-ods-bg";
+const COMPACT_CARD_SKELETON_IMAGE_SLOT = "block h-14 w-14 aspect-square shrink-0 self-start rounded-md";
 const COMPACT_CARD_ICON_SLOT = "flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center rounded-md bg-ods-bg text-ods-accent";
 const COMPACT_CARD_TEXT_COL = "flex min-w-0 flex-1 flex-col gap-0.5 min-h-14";
 const COMPACT_CARD_TITLE_ROW = "flex items-center min-w-0 h-5";

package/dist/components/contact/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkJNBOQ7F2cjs = require('../../chunk-JNBOQ7F2.cjs');
-require('../../chunk-6XP6RNFD.cjs');
-require('../../chunk-HNLI4OU5.cjs');
+var _chunk7RCTOWBAcjs = require('../../chunk-7RCTOWBA.cjs');
+require('../../chunk-6KEJQR6L.cjs');
+require('../../chunk-C6LPOYDM.cjs');
 require('../../chunk-NTGIQP7O.cjs');
-require('../../chunk-U6XWGK53.cjs');
+require('../../chunk-ALPRQ3ZX.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 require('../../chunk-4FWURR3W.cjs');
@@ -13,14 +13,14 @@ require('../../chunk-LU7TD6QS.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-BBM2ICOY.cjs');
+require('../../chunk-3TELPOVH.cjs');
 require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-ZNUSYMH7.cjs');
-require('../../chunk-BBTSJYTR.cjs');
-require('../../chunk-PSIKUDUV.cjs');
+require('../../chunk-WZX26ODJ.cjs');
+require('../../chunk-V3UJ6NDR.cjs');
+require('../../chunk-LVO7FALW.cjs');
 require('../../chunk-3RFQPQ7Z.cjs');
 require('../../chunk-YRULLK7N.cjs');
-require('../../chunk-B27QEHYR.cjs');
+require('../../chunk-P6F6PHVK.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1817,8 +1817,8 @@ require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-YIRX6C7V.cjs');
-require('../../chunk-P7KTAXXE.cjs');
+require('../../chunk-XJ3J4UIS.cjs');
+require('../../chunk-OFO75R2O.cjs');
 require('../../chunk-QYLIHZKZ.cjs');
 require('../../chunk-63N4FN5V.cjs');
 require('../../chunk-L2IQESTQ.cjs');
@@ -1841,17 +1841,19 @@ require('../../chunk-HOTM4UM6.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
 require('../../chunk-HTRILBJD.cjs');
 require('../../chunk-K6VWTUCH.cjs');
-require('../../chunk-L2RMTGOK.cjs');
+require('../../chunk-MGF3FUKD.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
+require('../../chunk-UGCRLRCT.cjs');
 require('../../chunk-2QMBXGMQ.cjs');
 require('../../chunk-V45KLJQP.cjs');
 require('../../chunk-G7SBHMRR.cjs');
-require('../../chunk-AKTPO2DN.cjs');
+require('../../chunk-L4UI63K6.cjs');
 require('../../chunk-OF336YWG.cjs');
 require('../../chunk-3LU4UFPS.cjs');
-require('../../chunk-5M5C6UV4.cjs');
+require('../../chunk-RB6BSE3O.cjs');
+require('../../chunk-2YXOD2KL.cjs');
 require('../../chunk-3ATAYP36.cjs');
 
 
-exports.ContactForm = _chunkJNBOQ7F2cjs.ContactForm;
+exports.ContactForm = _chunk7RCTOWBAcjs.ContactForm;

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

@@ -45,7 +45,7 @@ interface ContentLoadingContainerProps {
  * ```tsx
  * <ContentLoadingContainer
  *   isLoading={isLoadingVendors}
- *   skeletonComponent={<CardSkeletonGrid variant="vendor" count={12} />}
+ *   skeletonComponent={<CardSkeletonGrid variant="vendor" count={12} region={false} />}
  *   minHeight="min-h-[800px]"
  * >
  *   <VendorGrid vendors={vendors} />

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

@@ -1 +1 @@
-{"version":3,"file":"content-loading-container.d.ts","sourceRoot":"","sources":["../../src/components/content-loading-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,4BAA4B;IACpC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,SAAoD,EACpD,cAAkB,EAClB,kBAAwB,GACzB,EAAE,4BAA4B,+BAsC9B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,OAAO;;;;;oCAMX,QAAQ,GAAG,MAAM;gCAIrB,QAAQ,GAAG,MAAM;EAYrD"}
+{"version":3,"file":"content-loading-container.d.ts","sourceRoot":"","sources":["../../src/components/content-loading-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,4BAA4B;IACpC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,SAAoD,EACpD,cAAkB,EAClB,kBAAwB,GACzB,EAAE,4BAA4B,+BAoC9B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,OAAO;;;;;oCAMX,QAAQ,GAAG,MAAM;gCAIrB,QAAQ,GAAG,MAAM;EAYrD"}

package/dist/components/content-loading-container.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../utils/cn.js";
+import { LoadingRegion } from "./loading/loading-region.js";
 function ContentLoadingContainer({
   isLoading,
   children,
@@ -17,20 +18,18 @@ function ContentLoadingContainer({
       style: {
         transitionDuration: `${transitionDuration}ms`
       },
-      role: "region",
-      "aria-label": isLoading ? "Loading content" : "Content loaded",
-      "aria-live": "polite",
       children: [
-        isLoading && /* @__PURE__ */ jsx(
-          "div",
+        isLoading && // The one announcement for this content: a `skeletonComponent` that has a region of its own
+        // takes `region={false}`.
+        /* @__PURE__ */ jsx(
+          LoadingRegion,
           {
+            label: "Loading content",
             className: "absolute inset-0 z-10 bg-ods-bg",
             style: {
               opacity: loadingOpacity,
               transition: `opacity ${transitionDuration}ms ease-in-out`
             },
-            role: "status",
-            "aria-label": "Loading content",
             children: skeletonComponent
           }
         ),

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;AAclG;;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,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,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

@@ -6,6 +6,7 @@ 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";
 import { PersistentSidebar, PersistentMobileDropdown } from "../persistent-filter-controls.js";
@@ -177,12 +178,12 @@ 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("div", { className: "mb-5 h-[14px] w-28 animate-pulse rounded bg-ods-border" }),
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-5 h-[14px] w-28 rounded" }),
               /* @__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",
                 {
                   className: `border-l-2 py-[13px] pl-3 ${i === 0 ? "border-ods-accent" : "border-transparent"}`,
-                  children: /* @__PURE__ */ jsx("div", { className: "h-[13px] animate-pulse rounded bg-ods-border", style: { width: w } })
+                  children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[13px] rounded", width: w })
                 },
                 i
               )) })

package/dist/components/docs/index.cjs

@@ -8,16 +8,16 @@
 
 
 
-var _chunkTRXCQADVcjs = require('../../chunk-TRXCQADV.cjs');
-require('../../chunk-4AZHFLOM.cjs');
+var _chunkAW6GP3JKcjs = require('../../chunk-AW6GP3JK.cjs');
+require('../../chunk-4O2KYY4K.cjs');
 
 
-var _chunkOZUJYBQ2cjs = require('../../chunk-OZUJYBQ2.cjs');
-require('../../chunk-GE4PCDNZ.cjs');
-require('../../chunk-6XP6RNFD.cjs');
-require('../../chunk-HNLI4OU5.cjs');
+var _chunkE3KFEOFAcjs = require('../../chunk-E3KFEOFA.cjs');
+require('../../chunk-BO6ZOAPB.cjs');
+require('../../chunk-6KEJQR6L.cjs');
+require('../../chunk-C6LPOYDM.cjs');
 require('../../chunk-NTGIQP7O.cjs');
-require('../../chunk-U6XWGK53.cjs');
+require('../../chunk-ALPRQ3ZX.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 require('../../chunk-4FWURR3W.cjs');
@@ -25,14 +25,14 @@ require('../../chunk-LU7TD6QS.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-BBM2ICOY.cjs');
+require('../../chunk-3TELPOVH.cjs');
 require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-ZNUSYMH7.cjs');
-require('../../chunk-BBTSJYTR.cjs');
-require('../../chunk-PSIKUDUV.cjs');
+require('../../chunk-WZX26ODJ.cjs');
+require('../../chunk-V3UJ6NDR.cjs');
+require('../../chunk-LVO7FALW.cjs');
 require('../../chunk-3RFQPQ7Z.cjs');
 require('../../chunk-YRULLK7N.cjs');
-require('../../chunk-B27QEHYR.cjs');
+require('../../chunk-P6F6PHVK.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1829,8 +1829,8 @@ require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-YIRX6C7V.cjs');
-require('../../chunk-P7KTAXXE.cjs');
+require('../../chunk-XJ3J4UIS.cjs');
+require('../../chunk-OFO75R2O.cjs');
 require('../../chunk-QYLIHZKZ.cjs');
 require('../../chunk-63N4FN5V.cjs');
 require('../../chunk-L2IQESTQ.cjs');
@@ -1853,16 +1853,18 @@ require('../../chunk-HOTM4UM6.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
 require('../../chunk-HTRILBJD.cjs');
 require('../../chunk-K6VWTUCH.cjs');
-require('../../chunk-L2RMTGOK.cjs');
+require('../../chunk-MGF3FUKD.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
+require('../../chunk-UGCRLRCT.cjs');
 require('../../chunk-2QMBXGMQ.cjs');
 require('../../chunk-V45KLJQP.cjs');
 require('../../chunk-G7SBHMRR.cjs');
-require('../../chunk-AKTPO2DN.cjs');
+require('../../chunk-L4UI63K6.cjs');
 require('../../chunk-OF336YWG.cjs');
 require('../../chunk-3LU4UFPS.cjs');
-require('../../chunk-5M5C6UV4.cjs');
+require('../../chunk-RB6BSE3O.cjs');
+require('../../chunk-2YXOD2KL.cjs');
 require('../../chunk-3ATAYP36.cjs');
 
 
@@ -1873,4 +1875,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.DocNavigationProvider = _chunkTRXCQADVcjs.DocNavigationProvider; exports.DocViewer = _chunkTRXCQADVcjs.DocViewer; exports.DocsHubPage = _chunkTRXCQADVcjs.DocsHubPage; exports.EmbedSkeleton = _chunkTRXCQADVcjs.EmbedSkeleton; exports.MarkdownSkeleton = _chunkTRXCQADVcjs.MarkdownSkeleton; exports.useDocNavigation = _chunkTRXCQADVcjs.useDocNavigation; exports.useDocumentTree = _chunkTRXCQADVcjs.useDocumentTree; exports.useScrollSpy = _chunkOZUJYBQ2cjs.useScrollSpy;
+exports.DocNavigationProvider = _chunkAW6GP3JKcjs.DocNavigationProvider; exports.DocViewer = _chunkAW6GP3JKcjs.DocViewer; exports.DocsHubPage = _chunkAW6GP3JKcjs.DocsHubPage; exports.EmbedSkeleton = _chunkAW6GP3JKcjs.EmbedSkeleton; exports.MarkdownSkeleton = _chunkAW6GP3JKcjs.MarkdownSkeleton; exports.useDocNavigation = _chunkAW6GP3JKcjs.useDocNavigation; exports.useDocumentTree = _chunkAW6GP3JKcjs.useDocumentTree; exports.useScrollSpy = _chunkE3KFEOFAcjs.useScrollSpy;

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

@@ -3,7 +3,10 @@
  * Used by `<DocsHubPage>` as the default for `markdown` (and unknown
  * document types). Embedders can override via `renderSkeleton`.
  */
-export declare function MarkdownSkeleton(): import("react").JSX.Element;
+export declare function MarkdownSkeleton({ region, }?: {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
+}): import("react").JSX.Element;
 /**
  * Embed-style skeleton — matches the iframe loading state for `pdf`,
  * `google_sheet`, `figma`, and `file` document types. Used by
@@ -15,17 +18,13 @@ export declare function MarkdownSkeleton(): import("react").JSX.Element;
  *   - `google_sheet`/`figma` → header with title + ONE button/toggle
  *   - `file`                 → centered FileDownloadCard-style box
  *   - undefined / others     → generic (1-button header)
- *
- * IMPORTANT: bars use `bg-ods-border` (NOT `bg-ods-skeleton`). The
- * `--ods-skeleton` token resolves to TRANSPARENT in this build, leaving
- * the skeleton box visually empty — the embed skeleton was the loudest
- * surface affected (a full-height iframe area showing nothing). Same fix
- * the chat-message-row skeleton already documents in its inline comment.
  */
 export interface EmbedSkeletonProps {
     /** When provided, the header layout matches the eventual viewer's
      *  button count + arrangement, so the layout doesn't shift on load. */
     documentType?: 'pdf' | 'google_sheet' | 'figma' | 'file' | string;
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
 }
-export declare function EmbedSkeleton({ documentType }?: EmbedSkeletonProps): import("react").JSX.Element;
+export declare function EmbedSkeleton({ documentType, region }?: EmbedSkeletonProps): import("react").JSX.Element;
 //# sourceMappingURL=skeletons.d.ts.map

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":"AAAA;;;;GAIG;AACH,wBAAgB,gBAAgB,gCAoD/B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,kBAAkB;IACjC;2EACuE;IACvE,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACnE;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,GAAE,kBAAuB,+BAoDtE"}
+{"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"}

package/dist/components/docs/skeletons.js

@@ -1,89 +1,90 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-function MarkdownSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-7", children: [
+import { EmbedLoadingSkeleton } from "../embeds/embed-iframe.js";
+import { LoadingRegion } from "../loading/loading-region.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+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("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-3/4 animate-pulse rounded bg-ods-border" })
+      /* @__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("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-5/6 animate-pulse rounded bg-ods-border" })
+      /* @__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("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-2/3 animate-pulse rounded bg-ods-border" })
+      /* @__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("div", { className: "h-[88px] animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-    /* @__PURE__ */ jsx("div", { className: "h-7 w-1/3 animate-pulse rounded bg-ods-border" }),
+    /* @__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("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-[72%] animate-pulse rounded bg-ods-border" })
+      /* @__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("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-[58%] animate-pulse rounded bg-ods-border" })
+      /* @__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("div", { className: "h-7 w-2/5 animate-pulse rounded bg-ods-border" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-7 w-2/5 rounded" }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-[90%] animate-pulse rounded bg-ods-border" })
+      /* @__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("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[16px] w-[70%] animate-pulse rounded bg-ods-border" })
+      /* @__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("div", { className: "h-[88px] animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[88px] rounded-lg border border-ods-border" })
   ] });
 }
-function EmbedSkeleton({ documentType } = {}) {
+function EmbedSkeleton({ documentType, region = true } = {}) {
   if (documentType === "file") {
-    return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center py-16", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md space-y-4 rounded-xl border border-ods-border bg-ods-card p-8 text-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "mx-auto h-16 w-16 animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "mx-auto h-5 w-2/3 animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "mx-auto h-4 w-1/2 animate-pulse rounded bg-ods-border" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-10 w-full animate-pulse rounded bg-ods-border" })
-    ] }) });
+    return /* @__PURE__ */ jsx(
+      LoadingRegion,
+      {
+        label: "Loading the document",
+        announce: region,
+        className: "flex flex-col items-center justify-center py-16",
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md space-y-4 rounded-xl border border-ods-border bg-ods-card p-8 text-center", children: [
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mx-auto h-16 w-16 rounded" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mx-auto h-5 w-2/3 rounded" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mx-auto h-4 w-1/2 rounded" })
+          ] }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-full rounded" })
+        ] })
+      }
+    );
   }
   const buttonCount = documentType === "pdf" ? 2 : 1;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+  return /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the document", announce: region, className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 content-sm:flex-row content-sm:items-center content-sm:justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-5 w-5 shrink-0 animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-5 shrink-0 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-2/3 rounded" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border content-sm:w-32 content-sm:flex-initial"
-        },
-        i
-      )) })
+      /* @__PURE__ */ jsx("div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-full flex-1 rounded content-sm:w-32 content-sm:flex-initial" }, i)) })
     ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "w-full animate-pulse rounded-lg border border-ods-border bg-ods-card",
-        style: { height: "calc(100vh - 250px)" }
-      }
-    )
+    /* @__PURE__ */ jsx(EmbedLoadingSkeleton, { region: false })
   ] });
 }
 export {