@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

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;AAOvC,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;AAWD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAA4C,EAC5C,WAAW,GACZ,EAAE,sBAAsB,+BAqBxB;AAED,kHAAkH;AAClH,wBAAgB,yBAAyB,gCAoBxC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,gCAMjC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAa,EACb,IAAQ,GACT,EAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,+BAYA"}
+{"version":3,"file":"dev-card-row.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-card-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,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;IACvB,qGAAqG;IACrG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2FAA2F;IAC3F,CAAC,MAAM,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CACrC;AAWD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAsB9D"}

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

@@ -1,25 +1,19 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { TEXT_LINES_MIN } from "../../../styles/component-sizes.js";
-import { LoadingRegion } from "../../loading/loading-region.js";
 import { TextLineSkeleton } from "../../loading/unified-skeleton.js";
-import { useLoadingScope } from "../../ui/loading-scope.js";
-import { StatusBadgeSkeleton } from "../../ui/status-badge.js";
+import { loadingItemProps, useLoadingScope } from "../../ui/loading-scope.js";
+import { StatusBadge } from "../../ui/status-badge.js";
 const ROW_INNER_CLASS = "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]";
 const ROW_TEXT_COLUMN_CLASS = "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]";
 const ROW_TITLE_LINE_CLASS = `flex items-center text-h3 ${TEXT_LINES_MIN[1]}`;
 const ROW_SUBTITLE_LINE_CLASS = `flex items-center text-h5 ${TEXT_LINES_MIN[1]}`;
 const ROW_DESCRIPTION_LINE_CLASS = `flex items-center text-h4 ${TEXT_LINES_MIN[3]}`;
 const ROW_BADGES_CLASS = "flex flex-shrink-0 flex-col gap-2 self-start";
-function DevCardRowContent({
-  title,
-  subtitle,
-  description,
-  emptyDescription = "No description provided",
-  rightBadges
-}) {
-  if (useLoadingScope()) return /* @__PURE__ */ jsx(DevCardRowContentSkeleton, {});
-  return /* @__PURE__ */ jsxs("div", { className: ROW_INNER_CLASS, children: [
+function DevCardRowContent(props) {
+  const { title, subtitle, description, emptyDescription = "No description provided", rightBadges } = props;
+  if (useLoadingScope() || props.loading) return /* @__PURE__ */ jsx(DevCardRowContentSkeleton, { ...loadingItemProps(props) });
+  return /* @__PURE__ */ jsxs("div", { className: ROW_INNER_CLASS, ...loadingItemProps(props), children: [
     /* @__PURE__ */ jsxs("div", { className: ROW_TEXT_COLUMN_CLASS, children: [
       /* @__PURE__ */ jsx("div", { className: ROW_TITLE_LINE_CLASS, children: /* @__PURE__ */ jsx("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: title }) }),
       /* @__PURE__ */ jsx("div", { className: ROW_SUBTITLE_LINE_CLASS, children: /* @__PURE__ */ jsx("p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", children: subtitle }) }),
@@ -28,39 +22,16 @@ function DevCardRowContent({
     /* @__PURE__ */ jsx("div", { className: ROW_BADGES_CLASS, children: rightBadges })
   ] });
 }
-function DevCardRowContentSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: ROW_INNER_CLASS, "aria-hidden": true, children: [
+function DevCardRowContentSkeleton(props) {
+  return /* @__PURE__ */ jsxs("div", { className: ROW_INNER_CLASS, "aria-hidden": true, ...loadingItemProps(props), children: [
     /* @__PURE__ */ jsxs("div", { className: ROW_TEXT_COLUMN_CLASS, children: [
       /* @__PURE__ */ jsx("div", { className: ROW_TITLE_LINE_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-full" }) }),
       /* @__PURE__ */ jsx("div", { className: ROW_SUBTITLE_LINE_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h5", className: "w-1/2" }) }),
       /* @__PURE__ */ jsx("div", { className: ROW_DESCRIPTION_LINE_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: ROW_BADGES_CLASS, children: [
-      /* @__PURE__ */ jsx(StatusBadgeSkeleton, { variant: "card" }),
-      /* @__PURE__ */ jsx(StatusBadgeSkeleton, { variant: "card" })
-    ] })
+    /* @__PURE__ */ jsx("div", { className: ROW_BADGES_CLASS, children: /* @__PURE__ */ jsx(StatusBadge, { loading: true, text: "", variant: "card" }) })
   ] });
 }
-function DevCardRowSkeleton() {
-  return /* @__PURE__ */ jsx("div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ jsx(DevCardRowContentSkeleton, {}) });
-}
-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,
-  DevCardRowContentSkeleton,
-  DevCardRowSkeleton,
-  DevCardRowSkeletonList
+  DevCardRowContent
 };

package/dist/components/shared/dev-section/index.d.ts

@@ -1,4 +1,4 @@
 export { DevSectionView, type DevSectionViewProps } from './dev-section-view';
 export { DevSectionPage, type DevSectionPageProps } from './dev-section-page';
-export { DevCardRowContent, DevCardRowSkeleton, DevCardRowSkeletonList, type DevCardRowContentProps, } from './dev-card-row';
+export { DevCardRowContent, type DevCardRowContentProps } from './dev-card-row';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,KAAK,sBAAsB,GAC5B,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/shared/dev-section/index.js

@@ -1,14 +1,8 @@
 import { DevSectionView } from "./dev-section-view.js";
 import { DevSectionPage } from "./dev-section-page.js";
-import {
-  DevCardRowContent,
-  DevCardRowSkeleton,
-  DevCardRowSkeletonList
-} from "./dev-card-row.js";
+import { DevCardRowContent } from "./dev-card-row.js";
 export {
   DevCardRowContent,
-  DevCardRowSkeleton,
-  DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
 };

package/dist/components/shared/legal-document/index.d.ts

@@ -5,7 +5,7 @@
  * formerly-duplicated `PrivacyPolicyPage` + `TermsOfServicePage`
  * (95% identical, differing only in copy strings).
  */
-export { LegalDocumentPage, legalDocumentStampLabel, LegalDocumentSkeleton, LEGAL_DOCUMENT_SKELETON_SECTIONS, type LegalDocumentPageProps, type LegalDocumentMarkdownRendererProps, } from './legal-document-page';
+export { LegalDocumentPage, legalDocumentStampLabel, LEGAL_DOCUMENT_SKELETON_SECTIONS, type LegalDocumentPageProps, type LegalDocumentMarkdownRendererProps, } from './legal-document-page';
 export { useLegalDocs, type LegalDocument, type UseLegalDocsOptions, type UseLegalDocsReturn } from './use-legal-docs';
 export { useLegalDocuments, toLegalDocumentSummaries, type LegalDocumentSummary, type UseLegalDocumentsOptions, type UseLegalDocumentsReturn, } from './use-legal-documents';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/legal-document/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EACrB,gCAAgC,EAChC,KAAK,sBAAsB,EAC3B,KAAK,kCAAkC,GACxC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACvH,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/legal-document/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,gCAAgC,EAChC,KAAK,sBAAsB,EAC3B,KAAK,kCAAkC,GACxC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACvH,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC"}

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

@@ -1,7 +1,6 @@
 import {
   LegalDocumentPage,
   legalDocumentStampLabel,
-  LegalDocumentSkeleton,
   LEGAL_DOCUMENT_SKELETON_SECTIONS
 } from "./legal-document-page.js";
 import { useLegalDocs } from "./use-legal-docs.js";
@@ -12,7 +11,6 @@ import {
 export {
   LEGAL_DOCUMENT_SKELETON_SECTIONS,
   LegalDocumentPage,
-  LegalDocumentSkeleton,
   legalDocumentStampLabel,
   toLegalDocumentSummaries,
   useLegalDocs,

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

@@ -90,12 +90,5 @@ export declare function legalDocumentStampLabel(doc: Pick<LegalDocument, 'versio
  * document is drawn no further.
  */
 export declare const LEGAL_DOCUMENT_SKELETON_SECTIONS = 3;
-/**
- * A legal document's body while it is read: the rich renderer's own skeleton (`RichMarkdownRendererSkeleton`, the
- * `article` type the page renders with), opening with the document's own title row, then its first fold of sections.
- */
-export declare function LegalDocumentSkeleton({ sections }: {
-    sections?: number;
-}): import("react").JSX.Element;
 export declare function LegalDocumentPage({ docType, title: titleProp, fallbackDescription, contactEmail, errorContactPrompt, errorTitle: errorTitleProp, emptyStateMessage: emptyStateMessageProp, initialData, apiEndpoint, MarkdownRenderer, documentsEndpoint, backButton, faq, shell, }: LegalDocumentPageProps): import("react").JSX.Element;
 //# sourceMappingURL=legal-document-page.d.ts.map

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;AAMnF,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;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;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAElD;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAA2C,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,+BAM3G;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,WAAW,EACX,gBAAuC,EACvC,iBAAiB,EACjB,UAAU,EACV,GAAG,EACH,KAAY,GACb,EAAE,sBAAsB,+BA2FxB"}
+{"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;AAMnF,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;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;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAclD,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,WAAW,EACX,gBAAuC,EACvC,iBAAiB,EACjB,UAAU,EACV,GAAG,EACH,KAAY,GACb,EAAE,sBAAsB,+BA2FxB"}

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

@@ -8,7 +8,7 @@ import { LoadingRegion } from "../../loading/loading-region.js";
 import { PageShell, PageLayout } from "../../ui/index.js";
 import { DataSyncLine } from "../../ui/data-attribution.js";
 import { useLoadingScope } from "../../ui/loading-scope.js";
-import { RichMarkdownRenderer, RichMarkdownRendererSkeleton } from "../../ui/markdown/index.js";
+import { MarkdownEngine, RichMarkdownRenderer } from "../../ui/markdown/index.js";
 import { useLegalDocs } from "./use-legal-docs.js";
 import { useLegalDocuments } from "./use-legal-documents.js";
 function legalDocumentStampLabel(doc) {
@@ -20,7 +20,7 @@ function legalDocumentStampLabel(doc) {
 }
 const LEGAL_DOCUMENT_SKELETON_SECTIONS = 3;
 function LegalDocumentSkeleton({ sections = LEGAL_DOCUMENT_SKELETON_SECTIONS }) {
-  return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading the document", className: "w-full", children: /* @__PURE__ */ jsx(RichMarkdownRendererSkeleton, { title: true, sections }) });
+  return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading the document", className: "w-full", children: /* @__PURE__ */ jsx(MarkdownEngine, { loading: true, content: "", skeletonTitle: true, skeletonSections: sections, textSize: "article" }) });
 }
 function LegalDocumentPage({
   docType,
@@ -92,6 +92,5 @@ function LegalDocumentPage({
 export {
   LEGAL_DOCUMENT_SKELETON_SECTIONS,
   LegalDocumentPage,
-  LegalDocumentSkeleton,
   legalDocumentStampLabel
 };

package/dist/components/shared/media-gallery-strip.d.ts

@@ -22,9 +22,4 @@ export interface MediaGalleryStripProps {
  * pages (the release copy also had a raw-index lightbox bug this component fixes).
  */
 export declare function MediaGalleryStrip({ items, className }: MediaGalleryStripProps): import("react").JSX.Element | null;
-/** The media strip while it is read: `count` tiles of the strip's own 240×200 size. */
-export declare function MediaGalleryStripSkeleton({ count, className, }: {
-    count?: number;
-    className?: string;
-}): import("react").JSX.Element;
 //# sourceMappingURL=media-gallery-strip.d.ts.map

package/dist/components/shared/media-gallery-strip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-gallery-strip.d.ts","sourceRoot":"","sources":["../../../src/components/shared/media-gallery-strip.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,8EAA8E;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAWD,6FAA6F;AAC7F,eAAO,MAAM,kCAAkC,IAAI,CAAC;AAEpD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,sBAAsB,sCAgE7E;AAED,uFAAuF;AACvF,wBAAgB,yBAAyB,CAAC,EACxC,KAA0C,EAC1C,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BASA"}
+{"version":3,"file":"media-gallery-strip.d.ts","sourceRoot":"","sources":["../../../src/components/shared/media-gallery-strip.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,8EAA8E;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAeD,6FAA6F;AAC7F,eAAO,MAAM,kCAAkC,IAAI,CAAC;AAEpD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,sBAAsB,sCAoE7E"}

package/dist/components/shared/media-gallery-strip.js

@@ -5,14 +5,17 @@ import Image from "../../embed-shims/next-image.js";
 import { cn } from "../../utils/cn.js";
 import { Video } from "../features/video.js";
 import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { Button } from "../ui/button/index.js";
 import { ImageGalleryModal } from "../ui/image-gallery-modal.js";
-import { useLoadingScope } from "../ui/loading-scope.js";
+import { LoadingItems, useLoadingScope } from "../ui/loading-scope.js";
 function isGalleryImage(mediaType) {
   return mediaType !== "video" && mediaType !== "demo";
 }
 const STRIP_CLASS = "flex w-full gap-6 overflow-x-auto";
-const TILE_SIZE_CLASS = "shrink-0 w-[240px] h-[200px] rounded-md";
-const TILE_CLASS = `${TILE_SIZE_CLASS} overflow-hidden border border-ods-border bg-ods-bg transition-opacity`;
+const TILE_BOX_CLASS = "shrink-0 w-[240px] h-[200px]";
+const TILE_SIZE_CLASS = `${TILE_BOX_CLASS} rounded-md`;
+const TILE_FRAME_CLASS = "overflow-hidden rounded-md border border-ods-border bg-ods-bg";
+const TILE_CLASS = cn(TILE_SIZE_CLASS, TILE_FRAME_CLASS);
 const MEDIA_GALLERY_STRIP_SKELETON_COUNT = 4;
 function MediaGalleryStrip({ items, className }) {
   const [galleryOpen, setGalleryOpen] = useState(false);
@@ -25,16 +28,18 @@ function MediaGalleryStrip({ items, className }) {
     /* @__PURE__ */ jsx("div", { className: `${STRIP_CLASS} ${className ?? ""}`, children: items.map((mediaItem, index) => {
       if (isGalleryImage(mediaItem.media_type)) {
         return /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "card",
+            "data-loading-item": true,
             type: "button",
-            className: `${tileClass} cursor-pointer hover:opacity-80`,
+            className: TILE_BOX_CLASS,
             "aria-label": `Open ${mediaItem.title || `media ${index + 1}`} in gallery`,
             onClick: () => {
               setGalleryIndex(items.slice(0, index).filter((m) => isGalleryImage(m.media_type)).length);
               setGalleryOpen(true);
             },
-            children: /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx("span", { className: cn("block h-full w-full", TILE_FRAME_CLASS), children: /* @__PURE__ */ jsx(
               Image,
               {
                 src: mediaItem.media_url,
@@ -44,12 +49,12 @@ function MediaGalleryStrip({ items, className }) {
                 height: 200,
                 unoptimized: true
               }
-            )
+            ) })
           },
           mediaItem.id || index
         );
       }
-      return /* @__PURE__ */ jsx("div", { className: tileClass, children: /* @__PURE__ */ jsx(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
+      return /* @__PURE__ */ jsx("div", { className: tileClass, "data-loading-item": true, children: /* @__PURE__ */ jsx(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
     }) }),
     galleryImages.length > 0 && /* @__PURE__ */ jsx(
       ImageGalleryModal,
@@ -66,13 +71,9 @@ function MediaGalleryStripSkeleton({
   count = MEDIA_GALLERY_STRIP_SKELETON_COUNT,
   className
 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(STRIP_CLASS, "overflow-hidden", className), "aria-hidden": true, children: Array.from({ length: count }, (_, i) => (
-    // biome-ignore lint/suspicious/noArrayIndexKey: skeleton tiles never reorder
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: TILE_SIZE_CLASS }, i)
-  )) });
+  return /* @__PURE__ */ jsx("div", { className: cn(STRIP_CLASS, "overflow-hidden", className), "aria-hidden": true, children: /* @__PURE__ */ jsx(LoadingItems, { count, children: () => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: TILE_SIZE_CLASS, "data-loading-item": true }) }) });
 }
 export {
   MEDIA_GALLERY_STRIP_SKELETON_COUNT,
-  MediaGalleryStrip,
-  MediaGalleryStripSkeleton
+  MediaGalleryStrip
 };

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

@@ -24,5 +24,5 @@ export interface OnboardingWalkthroughProps {
      */
     isLoadingCompletion?: boolean;
 }
-export declare function OnboardingWalkthrough({ steps, title, renderDismissed, onDismiss, storageKey, className, spacing, completionStatus, isLoadingCompletion, }: OnboardingWalkthroughProps): React.JSX.Element | null;
+export declare function OnboardingWalkthrough({ steps, title, renderDismissed, onDismiss, storageKey, className, spacing, completionStatus, isLoadingCompletion: loadingCompletionGiven, }: OnboardingWalkthroughProps): React.JSX.Element | null;
 //# sourceMappingURL=onboarding-walkthrough.d.ts.map

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;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"}
+{"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;AAQvG,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,mBAAmB,EAAE,sBAA8B,GACpD,EAAE,0BAA0B,4BAsL5B"}

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

@@ -6,6 +6,7 @@ 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 { useLoadingScope } from "../../ui/loading-scope.js";
 import { OnboardingStepCard } from "./onboarding-step-card.js";
 function OnboardingWalkthrough({
   steps,
@@ -16,8 +17,9 @@ function OnboardingWalkthrough({
   className,
   spacing = "space-y-4",
   completionStatus,
-  isLoadingCompletion = false
+  isLoadingCompletion: loadingCompletionGiven = false
 }) {
+  const isLoadingCompletion = useLoadingScope() || loadingCompletionGiven;
   const {
     state,
     markComplete,

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

@@ -1,5 +1,4 @@
 export { ProductReleaseCard, type ProductReleaseCardProps } from './product-release-card';
-export { ProductReleaseCardSkeleton, type ProductReleaseCardSkeletonProps } from './product-release-card-skeleton';
 export { ProductReleasesView, type ProductReleasesViewProps, type ProductReleaseCardExtras, } from './product-releases-view';
 export { ReleaseDetailPage, type ReleaseDetailPageProps, type VideoDisplaySectionProps, type MarkdownRendererProps, } from './release-detail-page';
 export { type RoadmapItem } from '../../chat/types/entities/roadmap-item';

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,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAc1E,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,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,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,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAc1E,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -1,5 +1,4 @@
 import { ProductReleaseCard } from "./product-release-card.js";
-import { ProductReleaseCardSkeleton } from "./product-release-card-skeleton.js";
 import {
   ProductReleasesView
 } from "./product-releases-view.js";
@@ -8,7 +7,6 @@ import {
 } from "./release-detail-page.js";
 export {
   ProductReleaseCard,
-  ProductReleaseCardSkeleton,
   ProductReleasesView,
   ReleaseDetailPage
 };

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

@@ -2,9 +2,9 @@
 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 { EntityMetadataAuthorCellSkeleton } from "../../chat/entity-cards/entity-author-card.js";
+import { EntityMetadataAuthorCell } from "../../chat/entity-cards/entity-author-card.js";
 import { TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
-import { StatusBadgeSkeleton } from "../../ui/status-badge.js";
+import { StatusBadge } from "../../ui/status-badge.js";
 import {
   RELEASE_CARD_CELL_CLASS,
   RELEASE_CARD_CELL_DIVIDER_CLASS,
@@ -39,10 +39,10 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
       /* @__PURE__ */ jsx("div", { className: RELEASE_CARD_CHANGELOG_CLASS, children: /* @__PURE__ */ jsx("span", { "data-loading-item": true, className: "inline-flex", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }) }),
       /* @__PURE__ */ jsxs("div", { className: RELEASE_CARD_GRID_CLASS, children: [
         RELEASE_CARD_CELL_LABELS.map((label, i) => /* @__PURE__ */ jsx("div", { className: cn(RELEASE_CARD_CELL_CLASS, RELEASE_CARD_CELL_DIVIDER_CLASS), children: /* @__PURE__ */ jsxs("div", { className: RELEASE_CARD_CELL_STACK_CLASS, children: [
-          i === 0 ? /* @__PURE__ */ jsx(StatusBadgeSkeleton, { variant: "card", className: "justify-self-start" }) : /* @__PURE__ */ jsx("p", { className: "text-h4", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }),
+          i === 0 ? /* @__PURE__ */ jsx(StatusBadge, { loading: true, text: "", variant: "card", className: "justify-self-start" }) : /* @__PURE__ */ jsx("p", { className: "text-h4", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }),
           /* @__PURE__ */ jsx("p", { className: RELEASE_CARD_CELL_LABEL_CLASS, children: label })
         ] }) }, label)),
-        /* @__PURE__ */ jsx(EntityMetadataAuthorCellSkeleton, {})
+        /* @__PURE__ */ jsx(EntityMetadataAuthorCell, { loading: true })
       ] })
     ] });
   }

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

@@ -40,7 +40,7 @@ export interface ProductReleaseCardAnchorProps {
     rel?: 'noopener' | 'noopener noreferrer';
     onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
 }
-export interface ProductReleaseCardProps {
+export interface LoadedProductReleaseCardProps {
     /** Release title */
     title: string;
     /** Release summary/description */
@@ -69,8 +69,6 @@ export interface ProductReleaseCardProps {
     className?: string;
     /** Card density. Defaults to `'lg'` (the canonical large card). */
     size?: ProductReleaseCardSize;
-    /** The release is still being read: the card draws its own skeleton (also in a page's loading scope). */
-    loading?: boolean;
     /** Cover image URL. Falls back to a neutral `Package`-icon placeholder. */
     coverImage?: string | null;
     /** Drives the Play overlay on the cover. Caller sets `true` when the cover
@@ -103,5 +101,12 @@ export interface ProductReleaseCardProps {
         breaking: number;
     };
 }
-export declare function ProductReleaseCard({ title, summary, version, formattedDate, onClick, anchorProps, className, size, coverImage, hasVideoCover, releaseType, releaseStatus, releaseTypeBadgeColor, viewCount, author, changelogCounts, loading, }: ProductReleaseCardProps): React.JSX.Element;
+/** The release, or `loading` while the host reads it: the card then draws its own loading form (also in a scope). */
+export type ProductReleaseCardProps = (LoadedProductReleaseCardProps & {
+    loading?: boolean;
+}) | (Partial<LoadedProductReleaseCardProps> & {
+    loading: true;
+});
+/** One switch: while the release is read (a prop, or a page's loading scope) the card is its own loading form. */
+export declare function ProductReleaseCard(props: ProductReleaseCardProps): React.JSX.Element;
 //# sourceMappingURL=product-release-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"product-release-card.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/product-release-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,uBAAuB;IACtC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAC5C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,yGAAyG;IACzG,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;iDAC6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7D,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC3D;;+CAE2C;IAC3C,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACjE;kCAC8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;yDACqD;IACrD,MAAM,CAAC,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;QAC1B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1B,CAAC;IACF;sCACkC;IAClC,eAAe,CAAC,EAAE;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,OAAO,EACP,aAAa,EACb,OAAO,EACP,WAAW,EACX,SAAS,EACT,IAAW,EACX,UAAU,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,SAAS,EACT,MAAM,EACN,eAAe,EACf,OAAe,GAChB,EAAE,uBAAuB,qBA8XzB"}
+{"version":3,"file":"product-release-card.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/product-release-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,6BAA6B;IAC5C,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAC5C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAG9B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;iDAC6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7D,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC3D;;+CAE2C;IAC3C,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACjE;kCAC8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;yDACqD;IACrD,MAAM,CAAC,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;QAC1B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1B,CAAC;IACF;sCACkC;IAClC,eAAe,CAAC,EAAE;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,qHAAqH;AACrH,MAAM,MAAM,uBAAuB,GAC/B,CAAC,6BAA6B,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GACvD,CAAC,OAAO,CAAC,6BAA6B,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEjE,kHAAkH;AAClH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAKhE"}

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

@@ -34,7 +34,13 @@ import {
   RELEASE_CARD_VERSION_ROW_CLASS
 } from "./product-release-card-classes.js";
 import { ProductReleaseCardSkeleton } from "./product-release-card-skeleton.js";
-function ProductReleaseCard({
+function ProductReleaseCard(props) {
+  if (useLoadingScope() || props.loading) {
+    return /* @__PURE__ */ jsx(ProductReleaseCardSkeleton, { size: props.size ?? "lg", className: props.className });
+  }
+  return /* @__PURE__ */ jsx(LoadedProductReleaseCard, { ...props });
+}
+function LoadedProductReleaseCard({
   title,
   summary,
   version,
@@ -50,10 +56,8 @@ function ProductReleaseCard({
   releaseTypeBadgeColor,
   viewCount,
   author,
-  changelogCounts,
-  loading = false
+  changelogCounts
 }) {
-  if (useLoadingScope() || loading) return /* @__PURE__ */ jsx(ProductReleaseCardSkeleton, { size, className });
   if (size === "lg") {
     const totalChangelog = (changelogCounts?.features ?? 0) + (changelogCounts?.fixes ?? 0) + (changelogCounts?.improvements ?? 0) + (changelogCounts?.breaking ?? 0);
     const valueCells = [

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

@@ -1,16 +1,16 @@
 import type { ProductRelease, ProductReleaseListResponse } from '../../../types/product-release';
-import { type ProductReleaseCardProps } from './product-release-card';
+import { type LoadedProductReleaseCardProps } from './product-release-card';
 /** The `<ProductReleaseCard>` props the caller derives per release — the card's
  *  own data fields minus the ones this view supplies (title/summary/version/
  *  size/nav). `formattedDate` stays required so the spread satisfies the card. */
-export type ProductReleaseCardExtras = Omit<ProductReleaseCardProps, 'title' | 'summary' | 'version' | 'size' | 'anchorProps' | 'onClick' | 'className'>;
+export type ProductReleaseCardExtras = Omit<LoadedProductReleaseCardProps, 'title' | 'summary' | 'version' | 'size' | 'anchorProps' | 'onClick' | 'className'>;
 export interface ProductReleasesViewProps {
     /** GET endpoint for the releases list (the api route). The view appends
      *  `?limit&offset&<search>&<release_status>`. Default `/api/releases`. */
     endpoint?: string;
     /** Optional SSR hydrate for the first page — skips the initial client fetch. */
     initialData?: ProductReleaseListResponse;
-    /** Page size → fixed slot count + offset math. Default 5. */
+    /** Page size → fixed slot count + offset math. Default `PRODUCT_RELEASES_PAGE_SIZE`. */
     itemsPerPage?: number;
     /** Fallback detail-href prefix when `runtime.composeContentUrl` is not wired
      *  (single-platform embedders). Default `/releases`. */

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;AAejG,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAY1F;;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,+BAiH/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;AAejG,OAAO,EAAE,KAAK,6BAA6B,EAAsB,MAAM,wBAAwB,CAAC;AAehG;;kFAEkF;AAClF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,6BAA6B,EAC7B,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,wFAAwF;IACxF,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,YAAyC,EACzC,QAAsB,EACtB,cAA6C,EAC7C,cAAyC,EACzC,cAAyC,EACzC,YAAqC,EACrC,SAAS,GACV,GAAE,wBAA6B,+BAmH/B"}

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

@@ -15,10 +15,11 @@ import { usePageDataSync } from "../../layout/page-data-sync.js";
 import { ListEmptyState } from "../../list-empty-state.js";
 import { LoadingRegion } from "../../loading/loading-region.js";
 import { LoadError } from "../../ui/error-state.js";
-import { useLoadingScope } from "../../ui/loading-scope.js";
+import { LoadingItems, useLoadingScope } from "../../ui/loading-scope.js";
 import { UnifiedPagination } from "../../unified-pagination.js";
 import { ProductReleaseCard } from "./product-release-card.js";
 const DEFAULT_ENDPOINT = "/api/releases";
+const PRODUCT_RELEASES_PAGE_SIZE = 5;
 const PAGER_ROW_CLASS = "flex w-full justify-center";
 const DEFAULT_SEARCH_PARAM_KEY = DEV_SECTION_PARAM_KEYS.search;
 const DEFAULT_STATUS_PARAM_KEY = DEV_SECTION_PARAM_KEYS.releaseStatus;
@@ -62,7 +63,7 @@ function ReleaseRow({
 function ProductReleasesView({
   endpoint = DEFAULT_ENDPOINT,
   initialData,
-  itemsPerPage = 5,
+  itemsPerPage = PRODUCT_RELEASES_PAGE_SIZE,
   basePath = "/releases",
   buildCardProps = buildProductReleaseCardProps,
   searchParamKey = DEFAULT_SEARCH_PARAM_KEY,
@@ -124,21 +125,20 @@ function ProductReleasesView({
       empty: { title: "No releases available", description: "Check back soon for product updates!" }
     }
   ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading releases", announce: isLoading, 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: /* @__PURE__ */ jsx(LoadingItems, { count: itemsPerPage, children: (i) => {
       const release = releases[i];
-      const hasData = !!release;
       return /* @__PURE__ */ jsx(
         "div",
         {
-          style: { visibility: isLoading || hasData ? "visible" : "hidden" },
+          "data-loading-item": true,
+          style: { visibility: isLoading || release ? "visible" : "hidden" },
           children: !isLoading && release ? /* @__PURE__ */ jsx(ReleaseRow, { release, basePath, buildCardProps }) : (
             // Read, or a hidden slot past the page's last release: the card draws its own skeleton.
             /* @__PURE__ */ jsx(ProductReleaseCard, { loading: true, size: "lg", title: "", version: "", formattedDate: "" })
           )
-        },
-        release?.id ?? `slot-${i}`
+        }
       );
-    }) }),
+    } }) }),
     /* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-center content-md:mt-8", children: /* @__PURE__ */ jsx(
       UnifiedPagination,
       {

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

@@ -1 +1 @@
-{"version":3,"file":"release-detail-page.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/release-detail-page.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"release-detail-page.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/release-detail-page.tsx"],"names":[],"mappings":"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"}

package/dist/components/shared/product-release/release-detail-page.js

@@ -18,11 +18,11 @@ import {
 import { GithubClassicIcon } from "../../icons-v2-generated/brand-logos/github-classic-icon.js";
 import { PageShell } from "../../layout/article-detail-layout.js";
 import { PageLayout } from "../../layout/page-layout.js";
-import { LoadingRegion } from "../../loading/loading-region.js";
+import { LoadingFallback } from "../../loading/loading-fallback.js";
 import { TextLineSkeleton } from "../../loading/unified-skeleton.js";
 import { Card, CardContent } from "../../ui/card.js";
 import { FadePreview } from "../../ui/fade-preview.js";
-import { LoadingScope, useLoadingScope } from "../../ui/loading-scope.js";
+import { useLoadingScope } from "../../ui/loading-scope.js";
 import { RichMarkdownRenderer } from "../../ui/markdown/index.js";
 import { ReleaseChangelogSection } from "../../ui/release-changelog-section.js";
 import { MediaGalleryStrip } from "../media-gallery-strip.js";
@@ -406,9 +406,7 @@ function ReleaseDetailPage({
       ]
     }
   );
-  return renderShell(
-    loading ? /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading the release", announce: !scoped, children: /* @__PURE__ */ jsx(LoadingScope, { children: page }) }) : page
-  );
+  return renderShell(loading ? /* @__PURE__ */ jsx(LoadingFallback, { label: "Loading the release", children: page }) : page);
 }
 export {
   ReleaseDetailPage

package/dist/components/shared/roadmap/index.d.ts

@@ -13,7 +13,6 @@
  * it from one of the two existing paths.
  */
 export { RoadmapGrid, type RoadmapGridProps } from './roadmap-grid';
-export { RoadmapGridSkeleton, type RoadmapGridSkeletonProps } from './roadmap-grid-skeleton';
 export { useRoadmapVoting, type VoteState, type UseRoadmapVotingOptions } from './use-roadmap-voting';
 export { RoadmapView, type RoadmapViewProps } from './roadmap-view';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/shared/roadmap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAM7F,OAAO,EAAE,gBAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEtG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAMpE,OAAO,EAAE,gBAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEtG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/shared/roadmap/index.js

@@ -1,10 +1,8 @@
 import { RoadmapGrid } from "./roadmap-grid.js";
-import { RoadmapGridSkeleton } from "./roadmap-grid-skeleton.js";
 import { useRoadmapVoting } from "./use-roadmap-voting.js";
 import { RoadmapView } from "./roadmap-view.js";
 export {
   RoadmapGrid,
-  RoadmapGridSkeleton,
   RoadmapView,
   useRoadmapVoting
 };