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

package/dist/components/help-center-pages/trust-center-page.d.ts

@@ -4,8 +4,8 @@
  * ONE page, not tabs (2026 trust-center practice: buyers skim and Ctrl-F, and a
  * questionnaire needs a deep link per section): hero with the monitoring status
  * (with the page's PDF as a quiet link at its end) and the Request access action, then anchored sections in reading order
- * (`TRUST_CENTER_SECTIONS`: AI & data use → compliance → controls → documents →
- * subprocessors → FAQ → questions) with a sticky section rail on desktop
+ * (`TRUST_CENTER_SECTIONS`: compliance → controls → documents → subprocessors →
+ * AI & data use → contact → FAQ) with a sticky section rail on desktop
  * (`StickySectionNav` + `useScrollSpy`, the vendor-page / DocViewer pattern).
  * Built ONLY from existing lib components (see `trust-center-sections.tsx`); the
  * chrome is the canonical `PageShell` + frozen `PageLayout`.
@@ -22,10 +22,15 @@
  * revalidation. Before hydration the status is NEUTRAL (never a claim that
  * flips). The subtitle is the brand-neutral `TRUST_CENTER_TAGLINE` unless the
  * host overrides it.
+ *
+ * LOADING: the page is its own loading state. While the projection is read (or in a host's loading scope) it renders
+ * the SAME view over an empty projection (`EMPTY_TRUST_CENTER`) inside a `LoadingScope`, every section shown: each
+ * section's component draws its own skeleton, static copy (headings, leads, Contact, the rail) is real.
  */
 import { type ReactNode } from 'react';
 import { type TrustCenterPublic } from '../../types/trust-center';
-import { type FaqSectionProps } from '../faq/faq-section';
+import { type FaqSectionProps, type FaqSkeletonShape } from '../faq/faq-section';
+import { type TrustCenterPanelId, type TrustPanelRows } from './trust-center-sections';
 export interface TrustCenterPageProps {
     /** GET endpoint for the public projection. Default `TRUST_CENTER_API_PATH`. */
     endpoint?: string;
@@ -58,15 +63,22 @@ export interface TrustCenterPageProps {
      * them twice; the monitoring status stays.
      */
     attribution?: boolean;
+    /** The FAQ's loading state, group by group (the FAQ's `skeletonShape`). */
+    faqSkeletonShape?: FaqSkeletonShape;
+    /**
+     * Rows each panel's loading state draws, for a host whose lists are curated (it knows their lengths: the frameworks
+     * it is audited against). Absent: the layout's fold, the rows one screen holds.
+     */
+    panelSkeletonRows?: Partial<Record<TrustCenterPanelId, TrustPanelRows>>;
 }
-export declare function TrustCenterPage({ endpoint, initialData, shell, backButton, title, subtitle, ask, beforeFaq, attribution, }: TrustCenterPageProps): import("react").JSX.Element;
+export declare function TrustCenterPage({ endpoint, initialData, shell, backButton, title, subtitle, ask, beforeFaq, attribution, faqSkeletonShape, panelSkeletonRows, }: TrustCenterPageProps): import("react").JSX.Element;
 /**
- * The whole page while a host loads the data itself (the hub's admin preview):
- * the SAME chrome and the same body skeleton `TrustCenterPage` shows while it
- * self-fetches. Pass the chrome props the page will get.
+ * @deprecated Render `<TrustCenterPage>` inside a `LoadingScope`: the page draws its own loading state (this is what
+ * it does). Kept so hosts on an older release keep compiling; nothing in the lib uses it. `region` is ignored: the
+ * page announces its own loading state.
  */
-export declare function TrustCenterPageSkeleton({ shell, backButton, title, subtitle, region, }: Pick<TrustCenterPageProps, 'shell' | 'backButton' | 'title' | 'subtitle'> & {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+export declare function TrustCenterPageSkeleton({ region: _region, ...chrome }: Pick<TrustCenterPageProps, 'shell' | 'backButton' | 'title' | 'subtitle'> & {
+    /** Ignored: the page announces its own loading state. */
     region?: boolean;
 }): import("react").JSX.Element;
 //# sourceMappingURL=trust-center-page.d.ts.map

package/dist/components/help-center-pages/trust-center-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trust-center-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlF,OAAO,EAUL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAyBtE,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qHAAqH;IACrH,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA0CD,wBAAgB,eAAe,CAAC,EAC9B,QAAgC,EAChC,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,EAC/B,GAAG,EACH,SAAS,EACT,WAAkB,GACnB,EAAE,oBAAoB,+BAsLtB;AAuCD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,EAC/B,MAAa,GACd,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BAMA"}
+{"version":3,"file":"trust-center-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlF,OAAO,EAWL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAW7F,OAAO,EAYL,KAAK,kBAAkB,EACvB,KAAK,cAAc,EAEpB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qHAAqH;IACrH,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC;CACzE;AA8DD,wBAAgB,eAAe,CAAC,EAC9B,QAAgC,EAChC,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,EAC/B,GAAG,EACH,SAAS,EACT,WAAkB,EAClB,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,oBAAoB,+BAqNtB;AAED;;;;GAIG;AAEH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EAAE,OAAO,EACf,GAAG,MAAM,EACV,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BAMA"}

package/dist/components/help-center-pages/trust-center-page.js

@@ -9,6 +9,7 @@ import {
   TRUST_CENTER_API_PATH,
   TRUST_CENTER_CACHE_SECONDS,
   TRUST_CENTER_TAGLINE,
+  TRUST_CENTER_SECTIONS,
   TRUST_CENTER_TITLE,
   trustCenterMonitoringStatus,
   trustCenterDocumentUrl,
@@ -20,11 +21,13 @@ import { useScrollSpy } from "../docs/use-scroll-spy.js";
 import { FaqSection } from "../faq/faq-section.js";
 import { PageShell } from "../layout/article-detail-layout.js";
 import { PageLayout } from "../layout/page-layout.js";
+import { LoadingRegion } from "../loading/loading-region.js";
 import { StickySectionNav } from "../navigation/sticky-section-nav.js";
 import { DataAttribution } from "../ui/data-attribution.js";
 import { DownloadButton } from "../ui/download-button.js";
 import { EntityImage } from "../ui/entity-image.js";
 import { LoadError } from "../ui/error-state.js";
+import { LoadingScope, useLoadingScope } from "../ui/loading-scope.js";
 import { StatusIndicator } from "../ui/status-indicator.js";
 import {
   AiSection,
@@ -38,7 +41,6 @@ import {
   TRUST_SECTIONS_COLUMN_CLASS,
   TRUST_SECTION_LEADS,
   TRUST_STATUS_ROW_CLASS,
-  TrustCenterSkeleton,
   TrustSection
 } from "./trust-center-sections.js";
 function controlsSeed(data) {
@@ -51,6 +53,21 @@ function controlsSeed(data) {
     total: data.controlDomains.reduce((sum, domain) => sum + domain.controls.length, 0)
   };
 }
+const EMPTY_TRUST_CENTER = {
+  frameworks: [],
+  controlDomains: [],
+  policies: [],
+  documents: [],
+  subprocessors: [],
+  aiPractices: [],
+  faqs: [],
+  checkedAt: null,
+  syncedAt: null,
+  monitoredWindowMs: 0,
+  connected: true,
+  dataSource: { name: "", logoUrl: null },
+  documentRequestCategory: ""
+};
 const MONITORING_CLOCK_TICK_MS = 6e4;
 function monitoringStatus(data, hydrated, nowMs) {
   if (data.connected && !hydrated) return { status: "missing", label: "Checking monitoring status" };
@@ -65,8 +82,11 @@ function TrustCenterPage({
   subtitle = TRUST_CENTER_TAGLINE,
   ask,
   beforeFaq,
-  attribution = true
+  attribution = true,
+  faqSkeletonShape,
+  panelSkeletonRows
 }) {
+  const scoped = useLoadingScope();
   const { data, isLoading, error, reload } = useSelfFetch(endpoint, {
     initialData,
     revalidateOnVisibleAfterMs: TRUST_CENTER_CACHE_SECONDS * 1e3
@@ -86,27 +106,32 @@ function TrustCenterPage({
     open: false,
     documentTitle: null
   });
-  const sections = useMemo(() => data ? visibleTrustCenterSections(data) : [], [data]);
+  const loading = scoped || !data && isLoading && !error;
+  const view = loading ? EMPTY_TRUST_CENTER : data;
+  const sections = useMemo(
+    () => loading ? [...TRUST_CENTER_SECTIONS] : data ? visibleTrustCenterSections(data) : [],
+    [loading, data]
+  );
   const { activeSection, handleSectionClick } = useScrollSpy(sections, {
     syncHash: true,
     headerOffset: STICKY_HEADER_OFFSET_PX
   });
-  useScrollToHash(sections.length > 0 ? sections.map((section) => section.id).join("|") : null, {
+  useScrollToHash(!loading && sections.length > 0 ? sections.map((section) => section.id).join("|") : null, {
     headerOffset: STICKY_HEADER_OFFSET_PX
   });
   const openRequest = useCallback((documentTitle) => setRequest({ open: true, documentTitle }), []);
   const closeRequest = useCallback(() => setRequest((current) => ({ ...current, open: false })), []);
-  const hasGatedDocuments = data?.documents.some((document) => document.access === "request") ?? false;
+  const hasGatedDocuments = view?.documents.some((document) => document.access === "request") ?? false;
   const actions = hasGatedDocuments ? [{ label: "Request access", variant: "accent", onClick: () => openRequest(null) }] : void 0;
   const download = /* @__PURE__ */ jsx(DownloadButton, { label: "Download PDF", href: trustCenterPdfUrl(endpoint) });
   const views = {
     ai: {
       lead: TRUST_SECTION_LEADS.ai,
-      render: (d) => /* @__PURE__ */ jsx(AiSection, { practices: d.aiPractices })
+      render: (d) => /* @__PURE__ */ jsx(AiSection, { practices: d.aiPractices, skeletonRows: panelSkeletonRows?.ai })
     },
     compliance: {
       lead: TRUST_SECTION_LEADS.compliance,
-      render: (d) => /* @__PURE__ */ jsx(ComplianceSection, { frameworks: d.frameworks })
+      render: (d) => /* @__PURE__ */ jsx(ComplianceSection, { frameworks: d.frameworks, skeletonRows: panelSkeletonRows?.compliance })
     },
     controls: {
       lead: TRUST_SECTION_LEADS.controls,
@@ -119,83 +144,100 @@ function TrustCenterPage({
         {
           documents: d.documents,
           documentUrl: (document) => trustCenterDocumentUrl(endpoint, document),
-          onRequest: openRequest
+          onRequest: openRequest,
+          skeletonRows: panelSkeletonRows?.documents
         }
       )
     },
     subprocessors: {
       lead: TRUST_SECTION_LEADS.subprocessors,
-      render: (d) => /* @__PURE__ */ jsx(SubprocessorsSection, { subprocessors: d.subprocessors })
+      render: (d) => /* @__PURE__ */ jsx(SubprocessorsSection, { subprocessors: d.subprocessors, skeletonRows: panelSkeletonRows?.subprocessors })
+    },
+    // The FAQ's skeleton props shape only its loading state (in the scope it draws its own skeleton).
+    faq: {
+      render: (d) => /* @__PURE__ */ jsx(FaqSection, { initialFaqs: d.faqs, heading: null, ask, skeletonShape: faqSkeletonShape })
     },
-    faq: { render: (d) => /* @__PURE__ */ jsx(FaqSection, { initialFaqs: d.faqs, heading: null, ask }) },
     contact: { render: () => /* @__PURE__ */ jsx(ContactSection, { onContact: () => openRequest(null) }) }
   };
   const faqSection = sections.find((section) => section.id === "faq");
   const faqLast = Boolean(beforeFaq) && Boolean(faqSection);
   const columnSections = faqLast ? sections.filter((section) => section.id !== "faq") : sections;
+  const inLoadingScope = (node, label) => loading ? /* @__PURE__ */ jsx(LoadingRegion, { label, announce: !scoped, className: "contents", children: /* @__PURE__ */ jsx(LoadingScope, { className: "contents", children: node }) }) : node;
   let body;
-  if (error && !data) {
+  if (!loading && error && !data) {
     body = /* @__PURE__ */ jsx(LoadError, { message: "Could not load the trust center", onRetry: reload });
-  } else if (!data) {
-    body = isLoading ? /* @__PURE__ */ jsx(TrustCenterSkeleton, {}) : null;
+  } else if (!view) {
+    body = null;
   } else {
-    const status = monitoringStatus(data, hydrated, nowMs);
-    body = /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: TRUST_STATUS_ROW_CLASS, children: [
-        /* @__PURE__ */ jsx(StatusIndicator, { status: status.status, label: status.label }),
-        data.connected && attribution ? /* @__PURE__ */ jsx(
-          DataAttribution,
-          {
-            icon: data.dataSource.logoUrl ? /* @__PURE__ */ jsx(
-              EntityImage,
-              {
-                src: data.dataSource.logoUrl,
-                alt: data.dataSource.name,
-                fallbackText: data.dataSource.name,
-                sizeClassName: "size-4"
-              }
-            ) : void 0,
-            source: data.dataSource.name,
-            lastUpdated: data.syncedAt,
-            action: download
-          }
-        ) : attribution ? download : null
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: TRUST_BODY_GRID_CLASS, children: [
-        /* @__PURE__ */ jsx("div", { className: TRUST_SECTIONS_COLUMN_CLASS, children: columnSections.map((section) => {
-          const view = views[section.id];
-          return /* @__PURE__ */ jsx(TrustSection, { id: section.id, title: section.label, lead: view.lead, children: view.render(data) }, section.id);
-        }) }),
-        /* @__PURE__ */ jsx("aside", { className: "hidden content-lg:block", "aria-label": "Trust center sections", children: /* @__PURE__ */ jsx("div", { className: "sticky", style: { top: STICKY_HEADER_OFFSET_PX }, children: /* @__PURE__ */ jsx(
-          StickySectionNav,
+    const status = monitoringStatus(view, hydrated, nowMs);
+    body = inLoadingScope(
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: TRUST_STATUS_ROW_CLASS, children: [
+          /* @__PURE__ */ jsx(StatusIndicator, { status: status.status, label: status.label }),
+          view.connected && attribution ? /* @__PURE__ */ jsx(
+            DataAttribution,
+            {
+              icon: view.dataSource.logoUrl ? /* @__PURE__ */ jsx(
+                EntityImage,
+                {
+                  src: view.dataSource.logoUrl,
+                  alt: view.dataSource.name,
+                  fallbackText: view.dataSource.name,
+                  sizeClassName: "size-4"
+                }
+              ) : void 0,
+              source: view.dataSource.name,
+              lastUpdated: view.syncedAt,
+              action: download
+            }
+          ) : attribution ? download : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: TRUST_BODY_GRID_CLASS, children: [
+          /* @__PURE__ */ jsx("div", { className: TRUST_SECTIONS_COLUMN_CLASS, children: columnSections.map((section) => {
+            const sectionView = views[section.id];
+            return /* @__PURE__ */ jsx(TrustSection, { id: section.id, title: section.label, lead: sectionView.lead, children: sectionView.render(view) }, section.id);
+          }) }),
+          /* @__PURE__ */ jsx("aside", { className: "hidden content-lg:block", "aria-label": "Trust center sections", children: /* @__PURE__ */ jsx("div", { className: "sticky", style: { top: STICKY_HEADER_OFFSET_PX }, children: /* @__PURE__ */ jsx(
+            StickySectionNav,
+            {
+              sections: sections.map((section) => ({ id: section.id, label: section.label })),
+              activeSection,
+              onSectionClick: handleSectionClick
+            }
+          ) }) })
+        ] }),
+        loading ? null : /* @__PURE__ */ jsx(
+          DocumentRequestModal,
           {
-            sections: sections.map((section) => ({ id: section.id, label: section.label })),
-            activeSection,
-            onSectionClick: handleSectionClick
+            open: request.open,
+            documentTitle: request.documentTitle,
+            category: view.documentRequestCategory,
+            onClose: closeRequest
           }
-        ) }) })
+        )
       ] }),
-      /* @__PURE__ */ jsx(
-        DocumentRequestModal,
-        {
-          open: request.open,
-          documentTitle: request.documentTitle,
-          category: data.documentRequestCategory,
-          onClose: closeRequest
-        }
-      )
-    ] });
+      "Loading the trust center"
+    );
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(TrustCenterChrome, { shell, title, subtitle, backButton, actions, children: body }),
     beforeFaq,
-    faqLast && faqSection && data ? (
+    faqLast && faqSection && view ? (
       // The page's own content box at its FULL width (no section-rail column): a closing FAQ takes the
       // same space the FAQ block takes at the foot of every other page.
-      /* @__PURE__ */ jsx("div", { className: shell ? "bg-ods-bg" : void 0, children: /* @__PURE__ */ jsx("div", { className: shell ? "page-shell-content mx-auto max-w-[1920px]" : "page-shell-content", children: /* @__PURE__ */ jsx(TrustSection, { id: faqSection.id, title: faqSection.label, lead: views.faq.lead, children: views.faq.render(data) }) }) })
+      inLoadingScope(
+        /* @__PURE__ */ jsx("div", { className: shell ? "bg-ods-bg" : void 0, children: /* @__PURE__ */ jsx("div", { className: shell ? "page-shell-content mx-auto max-w-[1920px]" : "page-shell-content", children: /* @__PURE__ */ jsx(TrustSection, { id: faqSection.id, title: faqSection.label, lead: views.faq.lead, children: views.faq.render(view) }) }) }),
+        "Loading the FAQ"
+      )
     ) : null
   ] });
 }
+function TrustCenterPageSkeleton({
+  region: _region,
+  ...chrome
+}) {
+  return /* @__PURE__ */ jsx(LoadingScope, { children: /* @__PURE__ */ jsx(TrustCenterPage, { ...chrome }) });
+}
 function TrustCenterChrome({
   shell,
   title,
@@ -221,15 +263,6 @@ function TrustCenterChrome({
   );
   return shell ? /* @__PURE__ */ jsx(PageShell, { children: inner }) : /* @__PURE__ */ jsx("div", { className: "page-shell-content", children: inner });
 }
-function TrustCenterPageSkeleton({
-  shell = true,
-  backButton = false,
-  title = TRUST_CENTER_TITLE,
-  subtitle = TRUST_CENTER_TAGLINE,
-  region = true
-}) {
-  return /* @__PURE__ */ jsx(TrustCenterChrome, { shell, title, subtitle, backButton, children: /* @__PURE__ */ jsx(TrustCenterSkeleton, { region }) });
-}
 export {
   TrustCenterPage,
   TrustCenterPageSkeleton

package/dist/components/help-center-pages/trust-center-sections.d.ts

@@ -35,8 +35,10 @@ export declare function TrustSection({ id, title, lead, children, }: {
  * in Vanta's order: the question as the row title, the answer beneath. The
  * first is the commitment (success shield). The page's ONE row style.
  */
-export declare function AiSection({ practices }: {
+export declare function AiSection({ practices, skeletonRows, }: {
     practices: TrustCenterAiPractice[];
+    /** Rows the loading state draws (`TrustPanelRows`). Absent: the layout's fold. */
+    skeletonRows?: TrustPanelRows;
 }): import("react").JSX.Element;
 /**
  * One row per framework, in the Vanta Trust Center's order: its name, its
@@ -44,8 +46,10 @@ export declare function AiSection({ practices }: {
  * "Planned" — never a certification claim, which Vanta's API does
  * not hold.
  */
-export declare function ComplianceSection({ frameworks }: {
+export declare function ComplianceSection({ frameworks, skeletonRows, }: {
     frameworks: TrustCenterFramework[];
+    /** Rows the loading state draws (`TrustPanelRows`): a host whose frameworks are a curated list passes its length. */
+    skeletonRows?: TrustPanelRows;
 }): import("react").JSX.Element;
 /**
  * Controls — 100% SERVER-driven. Every tab switch and every (debounced) search
@@ -63,8 +67,10 @@ export declare function ControlsSection({ endpoint, seed }: {
     endpoint: string;
     seed: TrustCenterControlsPage;
 }): import("react").JSX.Element;
-export declare function DocumentsSection({ documents, documentUrl, onRequest, }: {
+export declare function DocumentsSection({ documents, documentUrl, onRequest, skeletonRows, }: {
     documents: TrustCenterDocument[];
+    /** Rows the loading state draws (`TrustPanelRows`). Absent: the layout's fold. */
+    skeletonRows?: TrustPanelRows;
     /** Where a public document opens (`trustCenterDocumentUrl`); `null` → offer a request instead. */
     documentUrl: (document: TrustCenterDocument) => string | null;
     /** Open the ONE access request, optionally for a named document. */
@@ -82,8 +88,10 @@ export declare function DocumentRequestModal({ open, documentTitle, category, on
     documentTitle: string | null;
     onClose: () => void;
 }): import("react").JSX.Element;
-export declare function SubprocessorsSection({ subprocessors }: {
+export declare function SubprocessorsSection({ subprocessors, skeletonRows, }: {
     subprocessors: TrustCenterSubprocessor[];
+    /** Rows the loading state draws (`TrustPanelRows`). Absent: the layout's fold. */
+    skeletonRows?: TrustPanelRows;
 }): import("react").JSX.Element;
 /**
  * Security & compliance questions, routed through the page's ONE request flow
@@ -94,14 +102,11 @@ export declare function SubprocessorsSection({ subprocessors }: {
 export declare function ContactSection({ onContact }: {
     onContact: () => void;
 }): import("react").JSX.Element;
-/**
- * The page BODY while the trust center loads: built on the loaded body's own
- * layout classes and the real section headings and panels, so nothing moves when
- * the content replaces it. The status row, then Compliance, Controls and
- * Documents (what fills the first screens), beside the section rail.
- */
-export declare function TrustCenterSkeleton({ region, }?: {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-}): import("react").JSX.Element;
+/** The panels whose rows `TrustPanelSkeleton` draws (Controls, Contact and the FAQ draw their own). */
+export type TrustCenterPanelId = 'compliance' | 'documents' | 'subprocessors' | 'ai';
+/** Rows a panel's skeleton draws: one count, or one per breakpoint. */
+export type TrustPanelRows = number | {
+    phone: number;
+    wide: number;
+};
 //# sourceMappingURL=trust-center-sections.d.ts.map

package/dist/components/help-center-pages/trust-center-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trust-center-sections.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-sections.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAOL,KAAK,qBAAqB,EAE1B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,0BAA0B,CAAC;AAmClC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,yHACqF,CAAC;AACzH,eAAO,MAAM,qBAAqB,+FAC4D,CAAC;AAC/F,eAAO,MAAM,2BAA2B,0DAA0D,CAAC;AAEnG,qGAAqG;AACrG,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAM7E,CAAC;AAWF,yEAAyE;AACzE,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAkBA;AAMD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;CAAE,+BAkB9E;AAMD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,oBAAoB,EAAE,CAAA;CAAE,+BA0BvF;AAkED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,uBAAuB,CAAA;CAAE,+BAkFtG;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE;IACD,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,kGAAkG;IAClG,WAAW,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9D,oEAAoE;IACpE,SAAS,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,+BA0CA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,6GAA6G;IAC7G,QAAQ,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAiCA;AA8BD,wBAAgB,oBAAoB,CAAC,EAAE,aAAa,EAAE,EAAE;IAAE,aAAa,EAAE,uBAAuB,EAAE,CAAA;CAAE,+BA4BnG;AAMD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,IAAI,CAAA;CAAE,+BA8BtE;AAoGD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAa,GACd,GAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CACb,+BAmCL"}
+{"version":3,"file":"trust-center-sections.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-sections.tsx"],"names":[],"mappings":"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"}