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

package/dist/components/shared/delivery/delivery-table.js

@@ -2,21 +2,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { devSectionAnchorId } from "../../../utils/dev-sections/dev-section-param-keys.js";
 import { CONTENT_CARD_SKELETON_FRAME_CLASS } from "../../chat/entity-cards/content-card-frame.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { DeliveryRow } from "./delivery-row.js";
 function SkeletonRow() {
   return /* @__PURE__ */ jsx("div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx("div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }) }),
-      /* @__PURE__ */ jsx("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx("div", { className: "h-[20px] w-1/2 animate-pulse rounded bg-ods-border" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-full rounded" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-1/2 rounded" }) }),
       /* @__PURE__ */ jsx("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-[20px] w-2/3 animate-pulse rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-full rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-full rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-2/3 rounded" })
       ] }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 flex-col gap-2 self-start", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-[32px] w-[100px] animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[32px] w-[120px] animate-pulse rounded bg-ods-border" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded" })
     ] })
   ] }) });
 }

package/dist/components/shared/detail-page-skeleton.d.ts

@@ -6,6 +6,10 @@ export interface DetailPageSkeletonProps {
      *  matches the loaded page's width, padding, and min-height. Default false
      *  (self-contained `<PageLayout>` at the hub article width). */
     bare?: boolean;
+    /** What is loading, read once by a screen reader. Default "Loading". */
+    label?: string;
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
 }
-export declare function DetailPageSkeleton({ metadataColumns, showImageGallery, bare, }?: DetailPageSkeletonProps): import("react").JSX.Element;
+export declare function DetailPageSkeleton({ metadataColumns, showImageGallery, bare, label, region, }?: DetailPageSkeletonProps): import("react").JSX.Element;
 //# sourceMappingURL=detail-page-skeleton.d.ts.map

package/dist/components/shared/detail-page-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detail-page-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/shared/detail-page-skeleton.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;oEAGgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,eAAmB,EACnB,gBAAuB,EACvB,IAAY,GACb,GAAE,uBAA4B,+BAgE9B"}
+{"version":3,"file":"detail-page-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/shared/detail-page-skeleton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;oEAGgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,eAAmB,EACnB,gBAAuB,EACvB,IAAY,EACZ,KAAiB,EACjB,MAAa,GACd,GAAE,uBAA4B,+BAgE9B"}

package/dist/components/shared/detail-page-skeleton.js

@@ -1,17 +1,21 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PageLayout } from "../layout/page-layout.js";
+import { LoadingRegion } from "../loading/loading-region.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 function DetailPageSkeleton({
   metadataColumns = 4,
   showImageGallery = true,
-  bare = false
+  bare = false,
+  label = "Loading",
+  region = true
 } = {}) {
-  const content = /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-6 content-md:space-y-10", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ jsx("div", { className: "h-16 w-full max-w-3xl rounded bg-ods-card content-md:h-20" }) }),
+  const content = /* @__PURE__ */ jsxs(LoadingRegion, { label, announce: region, className: "space-y-6 content-md:space-y-10", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-full max-w-3xl rounded content-md:h-20" }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-32 rounded bg-ods-card" }),
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-28 rounded bg-ods-card" }),
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-36 rounded bg-ods-card" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-32 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-28 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-36 rounded" })
     ] }),
     /* @__PURE__ */ jsx(
       "div",
@@ -22,22 +26,22 @@ 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__ */ jsx("div", { className: "mb-2 h-6 w-24 rounded bg-ods-border" }),
-              /* @__PURE__ */ jsx("div", { className: "h-5 w-20 rounded bg-ods-border" })
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-6 w-24 rounded" }),
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-20 rounded" })
             ]
           },
           i
         ))
       }
     ),
-    showImageGallery && /* @__PURE__ */ jsx("div", { className: "flex w-full gap-6 overflow-x-auto", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx("div", { className: "h-[200px] w-[240px] shrink-0 rounded-md border border-ods-border bg-ods-card" }, i)) }),
-    !showImageGallery && /* @__PURE__ */ jsx("div", { className: "aspect-[2560/1366] w-full rounded-md bg-ods-card" }),
+    showImageGallery && /* @__PURE__ */ jsx("div", { className: "flex w-full gap-6 overflow-x-auto", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[200px] w-[240px] shrink-0 rounded-md border border-ods-border" }, i)) }),
+    !showImageGallery && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[2560/1366] w-full rounded-md" }),
     [1, 2, 3].map((section) => /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-16 w-64 rounded bg-ods-card" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-64 rounded" }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-6 w-full rounded bg-ods-card" }),
-        /* @__PURE__ */ jsx("div", { className: "h-6 w-full rounded bg-ods-card" }),
-        /* @__PURE__ */ jsx("div", { className: "h-6 w-4/5 rounded bg-ods-card" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-full rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-full rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-4/5 rounded" })
       ] })
     ] }, section))
   ] });

package/dist/components/shared/dev-section/dev-card-row.d.ts

@@ -47,7 +47,9 @@ export declare function DevCardRowSkeleton(): import("react").JSX.Element;
  * used by every list shell. Both delivery (`delivery-table.tsx`) and
  * tickets (`tickets-list.tsx`) mount this directly.
  */
-export declare function DevCardRowSkeletonList({ rows }: {
+export declare function DevCardRowSkeletonList({ region, rows, }: {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
     rows?: number;
 }): import("react").JSX.Element;
 //# sourceMappingURL=dev-card-row.d.ts.map

package/dist/components/shared/dev-section/dev-card-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-card-row.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-card-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB;uDACmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAA4C,EAC5C,WAAW,GACZ,EAAE,sBAAsB,+BAmBxB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,gCA0BjC;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,IAAQ,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQrE"}
+{"version":3,"file":"dev-card-row.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-card-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB;uDACmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAA4C,EAC5C,WAAW,GACZ,EAAE,sBAAsB,+BAmBxB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,gCA0BjC;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAa,EACb,IAAQ,GACT,EAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,+BAYA"}

package/dist/components/shared/dev-section/dev-card-row.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { LoadingRegion } from "../../loading/loading-region.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 function DevCardRowContent({
   title,
   subtitle,
@@ -19,22 +21,33 @@ function DevCardRowContent({
 function DevCardRowSkeleton() {
   return /* @__PURE__ */ jsx("div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx("div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }) }),
-      /* @__PURE__ */ jsx("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx("div", { className: "h-[20px] w-1/2 animate-pulse rounded bg-ods-border" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-full rounded" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-1/2 rounded" }) }),
       /* @__PURE__ */ jsx("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-[20px] w-2/3 animate-pulse rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-full rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-full rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[20px] w-2/3 rounded" })
       ] }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 flex-col gap-2 self-start", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-[32px] w-[100px] animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[32px] w-[120px] animate-pulse rounded bg-ods-border" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded" })
     ] })
   ] }) });
 }
-function DevCardRowSkeletonList({ rows = 5 }) {
-  return /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx(DevCardRowSkeleton, {}, i)) });
+function DevCardRowSkeletonList({
+  region = true,
+  rows = 5
+}) {
+  return /* @__PURE__ */ jsx(
+    LoadingRegion,
+    {
+      label: "Loading",
+      announce: region,
+      className: "w-full overflow-hidden rounded-[6px] border border-ods-border bg-ods-card",
+      children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx(DevCardRowSkeleton, {}, i))
+    }
+  );
 }
 export {
   DevCardRowContent,

package/dist/components/shared/legal-document/legal-document-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legal-document-page.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/legal-document/legal-document-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGnF,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGpE,MAAM,WAAW,kCAAkC;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC;;qDAEiD;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB;0EACsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;wEACoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;4DACwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,4EAA4E;IAC5E,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC;0DACsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,aAAa,CAAC,kCAAkC,CAAC,CAAC;IACrE;mEAC+D;IAC/D,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAC/C;;sCAEkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,GACvE,MAAM,GAAG,IAAI,CAMf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,mBAAwB,EACxB,YAAY,EACZ,kBAAyE,EACzE,UAAU,EAAE,cAAc,EAC1B,iBAAiB,EAAE,qBAAqB,EACxC,WAAkB,EAClB,uBAA8B,EAC9B,WAAW,EACX,gBAAuC,EACvC,iBAAiB,EACjB,UAAU,EACV,GAAG,EACH,KAAY,GACb,EAAE,sBAAsB,+BAkGxB"}
+{"version":3,"file":"legal-document-page.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/legal-document/legal-document-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAInF,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGpE,MAAM,WAAW,kCAAkC;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC;;qDAEiD;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB;0EACsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;wEACoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;4DACwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,4EAA4E;IAC5E,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC;0DACsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,aAAa,CAAC,kCAAkC,CAAC,CAAC;IACrE;mEAC+D;IAC/D,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAC/C;;sCAEkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,GACvE,MAAM,GAAG,IAAI,CAMf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,mBAAwB,EACxB,YAAY,EACZ,kBAAyE,EACzE,UAAU,EAAE,cAAc,EAC1B,iBAAiB,EAAE,qBAAqB,EACxC,WAAkB,EAClB,uBAA8B,EAC9B,WAAW,EACX,gBAAuC,EACvC,iBAAiB,EACjB,UAAU,EACV,GAAG,EACH,KAAY,GACb,EAAE,sBAAsB,+BAkGxB"}

package/dist/components/shared/legal-document/legal-document-page.js

@@ -4,6 +4,7 @@ import Link from "../../../embed-shims/next-link.js";
 import { useRouter } from "../../../embed-shims/next-navigation.js";
 import { formatLegalDate } from "../../../utils/format.js";
 import { FaqSection, pageFaqProps } from "../../faq/faq-section.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { PageShell, PageLayout } from "../../ui/index.js";
 import { RichMarkdownRenderer } from "../../ui/markdown/index.js";
 import { useLegalDocs } from "./use-legal-docs.js";
@@ -56,16 +57,16 @@ function LegalDocumentPage({
     /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx("article", { className: "space-y-2", children: isLoading ? (
       // Loading skeleton matching Knowledge Hub pattern
       /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-10 w-3/4 animate-pulse rounded-lg bg-ods-skeleton" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-3/4 rounded-lg" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-5/6 animate-pulse rounded bg-ods-skeleton" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-5/6 rounded" })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "h-32 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-32 rounded-lg border border-ods-border" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-4/5 animate-pulse rounded bg-ods-skeleton" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-4/5 rounded" })
         ] })
       ] })
     ) : error ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 text-center", children: [

package/dist/components/shared/onboarding/onboarding-step-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-step-card.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/onboarding/onboarding-step-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;QAChD,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,qBAgFzB"}
+{"version":3,"file":"onboarding-step-card.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/onboarding/onboarding-step-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;QAChD,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,qBAgFzB"}

package/dist/components/shared/onboarding/onboarding-step-card.js

@@ -2,6 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { cn } from "../../../utils/cn.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Button } from "../../ui/button/index.js";
 import { InteractiveCard } from "../../ui/interactive-card.js";
 import { StatusBadge } from "../../ui/status-badge.js";
@@ -52,8 +53,8 @@ function OnboardingStepCard({
             className: "flex w-full shrink-0 items-center justify-start gap-2 md:w-auto md:justify-end",
             onClick: (e) => e.stopPropagation(),
             children: isCheckingCompletion ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("div", { className: "h-[32px] w-[100px] animate-pulse rounded-[6px] bg-ods-border" }),
-              /* @__PURE__ */ jsx("div", { className: "h-[32px] w-[120px] animate-pulse rounded-[6px] bg-ods-border" })
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded-[6px]" }),
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded-[6px]" })
             ] }) : isCompleted ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
               /* @__PURE__ */ jsx(

package/dist/components/shared/onboarding/onboarding-walkthrough.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-walkthrough.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/onboarding/onboarding-walkthrough.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAMvG,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAqB,EACrB,eAAe,EACf,SAAS,EACT,UAAyC,EACzC,SAAS,EACT,OAAqB,EACrB,gBAAgB,EAChB,mBAA2B,GAC5B,EAAE,0BAA0B,4BAoL5B"}
+{"version":3,"file":"onboarding-walkthrough.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/onboarding/onboarding-walkthrough.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAOvG,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAqB,EACrB,eAAe,EACf,SAAS,EACT,UAAyC,EACzC,SAAS,EACT,OAAqB,EACrB,gBAAgB,EAChB,mBAA2B,GAC5B,EAAE,0BAA0B,4BAoL5B"}

package/dist/components/shared/onboarding/onboarding-walkthrough.js

@@ -4,6 +4,7 @@ import React, { useRef, useCallback } from "react";
 import { useOnboardingState } from "../../../hooks/ui/use-onboarding-state.js";
 import { cn } from "../../../utils/cn.js";
 import { accentSentenceMarks, SECTION_HEADING_CLASS } from "../../layout/page-heading.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Button } from "../../ui/button/index.js";
 import { OnboardingStepCard } from "./onboarding-step-card.js";
 function OnboardingWalkthrough({
@@ -110,7 +111,7 @@ function OnboardingWalkthrough({
   return /* @__PURE__ */ jsxs("div", { className: cn("w-full space-y-4", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start justify-between gap-3 md:flex-row md:items-center md:gap-0", children: [
       /* @__PURE__ */ jsx("h2", { className: SECTION_HEADING_CLASS, children: accentSentenceMarks(title) }),
-      isLoadingCompletion ? /* @__PURE__ */ jsx("div", { className: "h-[48px] w-full animate-pulse rounded-[6px] bg-ods-border md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ jsx(Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
+      isLoadingCompletion ? /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[48px] w-full rounded-[6px] md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ jsx(Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: cn(spacing), children: steps.map((step) => /* @__PURE__ */ jsx(
       OnboardingStepCard,

package/dist/components/shared/product-release/index.d.ts

@@ -3,5 +3,4 @@ export { ProductReleaseCardSkeleton, type ProductReleaseCardSkeletonProps } from
 export { ProductReleasesView, type ProductReleasesViewProps, type ProductReleaseCardExtras, } from './product-releases-view';
 export { ReleaseDetailPage, type ReleaseDetailPageProps, type VideoDisplaySectionProps, type MarkdownRendererProps, type RoadmapItem, } from './release-detail-page';
 export type { DeliveryResponse } from '../../../types/delivery';
-export { ReleaseDetailSkeleton } from './release-detail-skeleton';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/shared/product-release/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EAAE,0BAA0B,EAAE,KAAK,+BAA+B,EAAE,MAAM,iCAAiC,CAAC;AACnH,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,GAC9B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,WAAW,GACjB,MAAM,uBAAuB,CAAC;AAc/B,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EAAE,0BAA0B,EAAE,KAAK,+BAA+B,EAAE,MAAM,iCAAiC,CAAC;AACnH,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,GAC9B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,WAAW,GACjB,MAAM,uBAAuB,CAAC;AAc/B,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/shared/product-release/index.js

@@ -6,11 +6,9 @@ import {
 import {
   ReleaseDetailPage
 } from "./release-detail-page.js";
-import { ReleaseDetailSkeleton } from "./release-detail-skeleton.js";
 export {
   ProductReleaseCard,
   ProductReleaseCardSkeleton,
   ProductReleasesView,
-  ReleaseDetailPage,
-  ReleaseDetailSkeleton
+  ReleaseDetailPage
 };

package/dist/components/shared/product-release/product-release-card-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-release-card-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/product-release-card-skeleton.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,+BAA+B;IAC9C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;2EACuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,IAAW,EAAE,EAAE,+BAA+B,+BA+HrG"}
+{"version":3,"file":"product-release-card-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/product-release-card-skeleton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,+BAA+B;IAC9C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;2EACuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,IAAW,EAAE,EAAE,+BAA+B,+BA4HrG"}

package/dist/components/shared/product-release/product-release-card-skeleton.js

@@ -2,42 +2,43 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../utils/cn.js";
 import { CONTENT_CARD_SKELETON_FRAME_CLASS } from "../../chat/entity-cards/content-card-frame.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 function ProductReleaseCardSkeleton({ className, size = "lg" }) {
   if (size === "lg") {
-    return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6", "animate-pulse", className), children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6", className), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 content-md:flex-row content-md:gap-6", children: [
-        /* @__PURE__ */ jsx("div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border content-md:w-[256px]" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg content-md:w-[256px]" }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ jsx("div", { className: "h-7 w-20 rounded bg-ods-border" }) }),
+          /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-7 w-20 rounded" }) }),
           /* @__PURE__ */ jsxs("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 content-md:min-h-[72px]", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-[25px] w-3/4 rounded bg-ods-border content-md:h-[30px]" }),
-            /* @__PURE__ */ jsx("div", { className: "h-[25px] w-1/2 rounded bg-ods-border content-md:h-[30px]" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[25px] w-3/4 rounded content-md:h-[30px]" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[25px] w-1/2 rounded content-md:h-[30px]" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex min-h-[68px] flex-col justify-start gap-2 content-md:min-h-[78px]", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-full rounded bg-ods-border/70" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-11/12 rounded bg-ods-border/70" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-11/12 rounded" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-5/6 rounded" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx("div", { className: "h-5 w-2/3 rounded bg-ods-border/70" }) }),
+      /* @__PURE__ */ jsx("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-2/3 rounded" }) }),
       /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4", children: [
         [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
           "div",
           {
             className: "flex flex-col gap-3 border-b border-ods-border p-4 content-md:border-b-0 content-md:border-r",
             children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-7 w-24 rounded bg-ods-border" }),
-              /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-ods-border" })
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-7 w-24 rounded" }),
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded" })
             ] })
           },
           `cell-${i}`
         )),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-10 w-10 shrink-0 rounded-full bg-ods-border" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-            /* @__PURE__ */ jsx("div", { className: "h-4 w-1/2 rounded bg-ods-border" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-1/2 rounded" })
           ] })
         ] })
       ] })
@@ -48,19 +49,19 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
       "span",
       {
         className: cn(
-          "my-1.5 flex w-full animate-pulse items-start gap-3",
+          "my-1.5 flex w-full items-start gap-3",
           "rounded-lg border border-ods-border bg-ods-card p-2",
           className
         ),
         children: [
-          /* @__PURE__ */ jsx("span", { className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md bg-ods-bg" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md" }),
           /* @__PURE__ */ jsxs("span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
             /* @__PURE__ */ jsxs("span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }),
-              /* @__PURE__ */ jsx("span", { className: "h-4 w-12 shrink-0 rounded bg-ods-bg/70" })
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }),
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-12 shrink-0 rounded" })
             ] }),
-            /* @__PURE__ */ jsx("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx("span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) }),
-            /* @__PURE__ */ jsx("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+            /* @__PURE__ */ jsx("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) }),
+            /* @__PURE__ */ jsx("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
           ] })
         ]
       }

package/dist/components/shared/product-release/product-releases-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-releases-view.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/product-releases-view.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAYjG,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAU1F;;kFAEkF;AAClF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,uBAAuB,EACvB,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,CACnF,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC;8EAC0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,WAAW,CAAC,EAAE,0BAA0B,CAAC;IACzC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;4DACwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;2FAEuF;IACvF,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,wBAAwB,CAAC;IACvE;mEAC+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwDD,wBAAgB,mBAAmB,CAAC,EAClC,QAA2B,EAC3B,WAAW,EACX,YAAgB,EAChB,QAAsB,EACtB,cAA6C,EAC7C,cAAyC,EACzC,cAAyC,EACzC,YAAqC,EACrC,SAAS,GACV,GAAE,wBAA6B,+BA6G/B"}
+{"version":3,"file":"product-releases-view.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/product-releases-view.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAajG,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAU1F;;kFAEkF;AAClF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,uBAAuB,EACvB,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,CACnF,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC;8EAC0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,WAAW,CAAC,EAAE,0BAA0B,CAAC;IACzC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;4DACwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;2FAEuF;IACvF,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,wBAAwB,CAAC;IACvE;mEAC+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwDD,wBAAgB,mBAAmB,CAAC,EAClC,QAA2B,EAC3B,WAAW,EACX,YAAgB,EAChB,QAAsB,EACtB,cAA6C,EAC7C,cAAyC,EACzC,cAAyC,EACzC,YAAqC,EACrC,SAAS,GACV,GAAE,wBAA6B,+BA6G/B"}

package/dist/components/shared/product-release/product-releases-view.js

@@ -12,6 +12,7 @@ import { useEntityCardLink } from "../../chat/entity-cards/use-entity-card-link.
 import { isModifierClick } from "../../chat/utils/chat-nav-resolution.js";
 import { executeNavigationImperative } from "../../chat/utils/execute-navigation.js";
 import { ListEmptyState } from "../../list-empty-state.js";
+import { LoadingRegion } from "../../loading/loading-region.js";
 import { PersistentPaginationWrapper } from "../../persistent-pagination.js";
 import { LoadError } from "../../ui/error-state.js";
 import { ProductReleaseCard } from "./product-release-card.js";
@@ -114,7 +115,7 @@ function ProductReleasesView({
       empty: { title: "No releases available", description: "Check back soon for product updates!" }
     }
   ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
+    /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading releases", announce: isLoading, className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
       const release = releases[i];
       const hasData = !!release;
       return /* @__PURE__ */ jsx(

package/dist/components/shared/roadmap/roadmap-grid-skeleton.d.ts

@@ -1,18 +1,11 @@
 /**
- * RoadmapGridSkeleton — loading state for the `/roadmap` grid view.
- *
- * Pure JSX (no hooks, no events) — `'use client'` not strictly required
- * here; tsup's client-entry banner injects it automatically when this
- * file is bundled into the client output. We match the playbook's
- * skeleton-file convention (no directive when no hooks).
- *
- * NOTE: lib's `chat/entity-cards/roadmap-card.tsx` also exports a
- * `RoadmapCardSkeleton` — that one is the COMPACT 56px chat-card
- * variant. This file's internal card-skeleton (340px grid card)
- * intentionally stays file-internal to avoid the naming collision;
- * only `RoadmapGridSkeleton` is exported.
+ * RoadmapGridSkeleton: loading state for the `/roadmap` grid view. The grid
+ * renders `RoadmapCard`, so each placeholder is that card's own loading box,
+ * `RoadmapCardSkeleton`.
  */
 export interface RoadmapGridSkeletonProps {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
     /** Number of skeleton cards to show. Default 4. */
     count?: number;
     /** Show the desktop left margin (~120px) that aligns the grid with
@@ -20,5 +13,5 @@ export interface RoadmapGridSkeletonProps {
      *  inside narrower surfaces (e.g. the release detail page) pass `false`. */
     showLeftMargin?: boolean;
 }
-export declare function RoadmapGridSkeleton({ count, showLeftMargin }: RoadmapGridSkeletonProps): import("react").JSX.Element;
+export declare function RoadmapGridSkeleton({ region, count, showLeftMargin }: RoadmapGridSkeletonProps): import("react").JSX.Element;
 //# sourceMappingURL=roadmap-grid-skeleton.d.ts.map

package/dist/components/shared/roadmap/roadmap-grid-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roadmap-grid-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-grid-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AA2CH,MAAM,WAAW,wBAAwB;IACvC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;gFAE4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAS,EAAE,cAAqB,EAAE,EAAE,wBAAwB,+BAQjG"}
+{"version":3,"file":"roadmap-grid-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-grid-skeleton.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,MAAM,WAAW,wBAAwB;IACvC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;gFAE4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAa,EAAE,KAAS,EAAE,cAAqB,EAAE,EAAE,wBAAwB,+BAYhH"}

package/dist/components/shared/roadmap/roadmap-grid-skeleton.js

@@ -1,29 +1,17 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RoadmapCardSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-[340px] flex-col gap-[16px] rounded-[6px] border border-ods-border bg-ods-card p-[24px]", children: [
-    /* @__PURE__ */ jsx("div", { className: "absolute right-[24px] top-[24px]", children: /* @__PURE__ */ jsx("div", { className: "h-[20px] w-[80px] animate-pulse rounded bg-ods-border" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-[80px] w-[80px] flex-shrink-0 animate-pulse rounded-lg bg-ods-border" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex min-h-[48px] items-center", children: /* @__PURE__ */ jsx("div", { className: "h-[24px] w-full animate-pulse rounded bg-ods-border" }) }),
-        /* @__PURE__ */ jsx("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx("div", { className: "h-[14px] w-1/2 animate-pulse rounded bg-ods-border" }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsxs("div", { className: "w-full space-y-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-[24px] animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[24px] animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[24px] w-4/5 animate-pulse rounded bg-ods-border" })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-[48px] w-[120px] animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-[32px] w-[100px] animate-pulse rounded bg-ods-border" })
-    ] })
-  ] });
-}
-function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
-  return /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-6 content-md:grid-cols-2 ${showLeftMargin ? "content-md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(RoadmapCardSkeleton, {}, i)) });
+import { jsx } from "react/jsx-runtime";
+import { RoadmapCardSkeleton } from "../../chat/entity-cards/roadmap-card.js";
+import { LoadingRegion } from "../../loading/loading-region.js";
+function RoadmapGridSkeleton({ region = true, count = 4, showLeftMargin = true }) {
+  return /* @__PURE__ */ jsx(
+    LoadingRegion,
+    {
+      label: "Loading the roadmap",
+      announce: region,
+      className: `grid grid-cols-1 gap-6 content-md:grid-cols-2 ${showLeftMargin ? "content-md:ml-[120px]" : ""}`,
+      children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(RoadmapCardSkeleton, {}, i))
+    }
+  );
 }
 export {
   RoadmapGridSkeleton

package/dist/components/tickets/help-center-create-form.d.ts

@@ -56,6 +56,9 @@ export interface HelpCenterCreateFormProps {
  * the spacing rule fires identically — without them the whole stack
  * shifts up 24px on every page load.
  */
-export declare function HelpCenterCreateFormSkeleton(): import("react").JSX.Element;
+export declare function HelpCenterCreateFormSkeleton({ region, }?: {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
+}): import("react").JSX.Element;
 export declare function HelpCenterCreateForm({ actions, sessionName, sessionEmail, supportSystemDown, }: HelpCenterCreateFormProps): import("react").JSX.Element;
 //# sourceMappingURL=help-center-create-form.d.ts.map

package/dist/components/tickets/help-center-create-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"help-center-create-form.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/help-center-create-form.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAIzE,MAAM,WAAW,yBAAyB;IACxC;;;;;uEAKmE;IACnE,OAAO,EAAE,sBAAsB,CAAC;IAChC;;;;;;;;2EAQuE;IACvE,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB;;uDAEmD;IACnD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,4BAA4B,gCAoE3C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,WAAW,EACX,YAAY,EACZ,iBAAyB,GAC1B,EAAE,yBAAyB,+BA4E3B"}
+{"version":3,"file":"help-center-create-form.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/help-center-create-form.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAIzE,MAAM,WAAW,yBAAyB;IACxC;;;;;uEAKmE;IACnE,OAAO,EAAE,sBAAsB,CAAC;IAChC;;;;;;;;2EAQuE;IACvE,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB;;uDAEmD;IACnD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,MAAa,GACd,GAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CACb,+BAwEL;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,WAAW,EACX,YAAY,EACZ,iBAAyB,GAC1B,EAAE,yBAAyB,+BA4E3B"}