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

package/dist/components/index.d.ts

@@ -56,9 +56,12 @@ export * from './shared/roadmap';
 export * from './shared/delivery';
 export * from './shared/legal-document';
 export { DetailPageSkeleton, type DetailPageSkeletonProps } from './shared/detail-page-skeleton';
-export { ArticleAuthorByline, type ArticleAuthorBylineProps } from './shared/article-author-byline';
-export { MediaGalleryStrip, type MediaGalleryStripItem, type MediaGalleryStripProps, } from './shared/media-gallery-strip';
+export { ArticleAuthorByline, ArticleAuthorBylineSkeleton, type ArticleAuthorBylineProps, } from './shared/article-author-byline';
+export { MediaGalleryStrip, MediaGalleryStripSkeleton, MEDIA_GALLERY_STRIP_SKELETON_COUNT, type MediaGalleryStripItem, type MediaGalleryStripProps, } from './shared/media-gallery-strip';
 export { AuthorDetailView, type AuthorDetailViewProps } from './authors/author-detail-view';
 export { EntityIcon, type EntityIconValue } from './icon-display';
 export { NamedIcon, PlatformMark, type IconRef } from './chat/utils/icon-loading';
+export { AGENT_IDENTITIES_API_PATH } from '../hooks/use-agent-identities';
+export type { AgentIdentityIcon, AgentIdentityIcons } from '../hooks/use-agent-identities';
+export type { SocialIconLink } from '../utils/social-platforms';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAGA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,MAAM,CAAC;AAGrB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAQhC,cAAc,OAAO,CAAC;AACtB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AAKjC,YAAY,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACpE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,WAAW,CAAC;AAG1B,cAAc,aAAa,CAAC;AAG5B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,QAAQ,CAAC;AAGvB,cAAc,qBAAqB,CAAC;AAKpC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,yBAAyB,CAAC;AAGxC,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAKjG,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAKpG,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK5F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAGA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,MAAM,CAAC;AAGrB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAQhC,cAAc,OAAO,CAAC;AACtB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AAKjC,YAAY,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACpE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,WAAW,CAAC;AAG1B,cAAc,aAAa,CAAC;AAG5B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,QAAQ,CAAC;AAGvB,cAAc,qBAAqB,CAAC;AAKpC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,yBAAyB,CAAC;AAGxC,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAKjG,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,gCAAgC,CAAC;AAKxC,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,kCAAkC,EAClC,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK5F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC3F,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/index.js

@@ -55,19 +55,29 @@ export * from "./shared/roadmap/index.js";
 export * from "./shared/delivery/index.js";
 export * from "./shared/legal-document/index.js";
 import { DetailPageSkeleton } from "./shared/detail-page-skeleton.js";
-import { ArticleAuthorByline } from "./shared/article-author-byline.js";
 import {
-  MediaGalleryStrip
+  ArticleAuthorByline,
+  ArticleAuthorBylineSkeleton
+} from "./shared/article-author-byline.js";
+import {
+  MediaGalleryStrip,
+  MediaGalleryStripSkeleton,
+  MEDIA_GALLERY_STRIP_SKELETON_COUNT
 } from "./shared/media-gallery-strip.js";
 import { AuthorDetailView } from "./authors/author-detail-view.js";
 import { EntityIcon } from "./icon-display.js";
 import { NamedIcon, PlatformMark } from "./chat/utils/icon-loading.js";
+import { AGENT_IDENTITIES_API_PATH } from "../hooks/use-agent-identities.js";
 export {
+  AGENT_IDENTITIES_API_PATH,
   ArticleAuthorByline,
+  ArticleAuthorBylineSkeleton,
   AuthorDetailView,
   DetailPageSkeleton,
   EntityIcon,
+  MEDIA_GALLERY_STRIP_SKELETON_COUNT,
   MediaGalleryStrip,
+  MediaGalleryStripSkeleton,
   NamedIcon,
   PlatformMark
 };

package/dist/components/interactive-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactive-wrapper.d.ts","sourceRoot":"","sources":["../../src/components/interactive-wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAG5F,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IAEvC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,kBAAkB,6FA+G9B,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;;IAgBH;;OAEG;;IAkBH;;OAEG;;IAgBH;;OAEG;;IAoBH;;OAEG;;kBAC2F,OAAO;;CAkCtG,CAAC"}
+{"version":3,"file":"interactive-wrapper.d.ts","sourceRoot":"","sources":["../../src/components/interactive-wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAI5F,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IAEvC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,kBAAkB,6FA+G9B,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;;IAgBH;;OAEG;;IAkBH;;OAEG;;IAgBH;;OAEG;;IAoBH;;OAEG;;kBAC2F,OAAO;;CAkCtG,CAAC"}

package/dist/components/interactive-wrapper.js

@@ -3,6 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
 import { useInteractiveState } from "../hooks/use-interactive-state.js";
 import { cn } from "../utils/cn.js";
+import { LIVE_PULSE_CLASS } from "./ui/skeleton-surface.js";
 const InteractiveWrapper = forwardRef(
   ({
     // Accepted so `Interactive.Card` / `.Button` / `.NavItem` keep their
@@ -89,7 +90,7 @@ const InteractiveWrapper = forwardRef(
       /* Ripple Effect */
       showRipple && ripplePosition ? /* @__PURE__ */ jsx(RippleEffect, { x: ripplePosition.x, y: ripplePosition.y, color: rippleColor }, "ripple") : null,
       /* Loading Overlay */
-      loading ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 animate-pulse bg-current opacity-10" }, "loading") : null
+      loading ? /* @__PURE__ */ jsx("div", { className: cn("pointer-events-none absolute inset-0 bg-current opacity-10", LIVE_PULSE_CLASS) }, "loading") : null
     );
   }
 );

package/dist/components/layout/list-page-layout.d.ts

@@ -1,7 +1,8 @@
 import type React from 'react';
-import { type FilterGroup, type SortConfig, type SortDirection } from '../ui/filter-modal';
+import { type FilterGroup } from '../ui/filter-modal';
+import type { PageActionButton } from '../ui/page-actions';
+import type { SortConfig, SortDirection } from '../ui/sort-column-item';
 import type { TableFilters } from '../ui/table/types';
-import { type PageActionButton } from './page-container';
 export interface ListPageLayoutProps {
     title: string;
     headerActions?: React.ReactNode;
@@ -82,7 +83,6 @@ export interface ListPageLayoutProps {
  * ```
  */
 export declare function ListPageLayout({ title, headerActions, actions, searchPlaceholder, searchValue, onSearch, children, error, className, padding, background, mobileFilterGroups, onMobileFilterChange, currentMobileFilters, mobileSortConfig, onMobileSort, mobileFilterTitle, stickyHeader, }: ListPageLayoutProps): React.JSX.Element;
-export type { PageActionButton } from './page-container';
 /** @deprecated Use `PageLayout` from `'../layout/page-layout'` instead. */
 export default ListPageLayout;
 //# sourceMappingURL=list-page-layout.d.ts.map

package/dist/components/layout/list-page-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-page-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/list-page-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAe,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAqB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC;IAChD,kBAAkB,CAAC,EAAE,WAAW,EAAE,CAAC;IACnC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACvD,oBAAoB,CAAC,EAAE,YAAY,CAAC;IACpC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAc,EACd,UAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,YAAoB,GACrB,EAAE,mBAAmB,qBA0FrB;AAGD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,2EAA2E;AAC3E,eAAe,cAAc,CAAC"}
+{"version":3,"file":"list-page-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/list-page-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC;IAChD,kBAAkB,CAAC,EAAE,WAAW,EAAE,CAAC;IACnC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACvD,oBAAoB,CAAC,EAAE,YAAY,CAAC;IACpC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAc,EACd,UAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,YAAoB,GACrB,EAAE,mBAAmB,qBA0FrB;AAED,2EAA2E;AAC3E,eAAe,cAAc,CAAC"}

package/dist/components/layout/page-container.d.ts

@@ -107,6 +107,14 @@ export type PageContainerProps = LegacyPageContainerProps | AdvancedPageContaine
  * </PageContainer>
  */
 export declare function PageContainer(props: PageContainerProps): React.JSX.Element;
+/** A page title that is read, while it is: one bar of the title's line, at its type step. */
+export declare function PageContainerTitleSkeleton({ className }: {
+    className?: string;
+}): React.JSX.Element;
+/** A page subtitle that is read, while it is: one bar of the subtitle's line. */
+export declare function PageContainerSubtitleSkeleton({ className }: {
+    className?: string;
+}): React.JSX.Element;
 /** @deprecated Use `PageLayout` from `'../layout/page-layout'` instead. */
 export declare const ListPageContainer: (props: Omit<AdvancedPageContainerProps, "variant">) => React.JSX.Element;
 /** @deprecated Use `PageLayout` from `'../layout/page-layout'` instead. */
@@ -115,7 +123,6 @@ export declare const DetailPageContainer: (props: Omit<AdvancedPageContainerProp
 export declare const FormPageContainer: (props: Omit<AdvancedPageContainerProps, "variant">) => React.JSX.Element;
 /** @deprecated Use `PageLayout` from `'../layout/page-layout'` instead. */
 export declare const ContentPageContainer: (props: Omit<AdvancedPageContainerProps, "variant">) => React.JSX.Element;
-export type { PageActionButton } from '../ui/page-actions';
 /** @deprecated Use `PageLayout` from `'../layout/page-layout'` instead. */
 export default PageContainer;
 //# sourceMappingURL=page-container.d.ts.map

package/dist/components/layout/page-container.d.ts.map

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

package/dist/components/layout/page-container.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { PageActions } from "../ui/page-actions.js";
 import { BackButton } from "./back-button.js";
 import { accentSentenceMarks } from "./page-heading.js";
@@ -9,8 +11,9 @@ function isAdvancedProps(props) {
   return "variant" in props || "title" in props || "subtitle" in props || "backButton" in props || "headerActions" in props || "headerContent" in props || "showHeader" in props || "contentClassName" in props || "actions" in props || "actionsVariant" in props;
 }
 function PageContainer(props) {
+  const inScope = useLoadingScope();
   if (isAdvancedProps(props)) {
-    return renderAdvancedPageContainer(props);
+    return renderAdvancedPageContainer(props, inScope);
   } else {
     return renderLegacyPageContainer(props);
   }
@@ -32,6 +35,14 @@ function renderLegacyPageContainer({
   }
   return /* @__PURE__ */ jsx(Component, { className: "w-full", id, children: /* @__PURE__ */ jsx("div", { className: cn(maxWidth, contentPadding, "mx-auto", backgroundClassName, className), style: backgroundStyle, children }) });
 }
+const PAGE_CONTAINER_TITLE_CLASS = "text-ods-text-primary text-h2";
+const PAGE_CONTAINER_SUBTITLE_CLASS = "text-ods-text-secondary text-h6";
+function PageContainerTitleSkeleton({ className }) {
+  return /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h2", className: cn("w-64 max-w-full", className) });
+}
+function PageContainerSubtitleSkeleton({ className }) {
+  return /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: cn("w-80 max-w-full", className) });
+}
 function renderAdvancedPageContainer({
   children,
   variant = "content",
@@ -48,7 +59,9 @@ function renderAdvancedPageContainer({
   className,
   contentClassName,
   showHeader = true
-}) {
+}, inScope = false) {
+  const titleNode = title ? /* @__PURE__ */ jsx(PageTitle, { className: PAGE_CONTAINER_TITLE_CLASS, children: accentSentenceMarks(title) }) : inScope && title === "" ? /* @__PURE__ */ jsx(PageContainerTitleSkeleton, {}) : null;
+  const subtitleNode = subtitle ? /* @__PURE__ */ jsx("div", { className: PAGE_CONTAINER_SUBTITLE_CLASS, children: subtitle }) : inScope && subtitle === "" ? /* @__PURE__ */ jsx(PageContainerSubtitleSkeleton, {}) : null;
   const getActionsVariant = () => {
     if (actionsVariant) return actionsVariant;
     if (variant === "list") return "icon-buttons";
@@ -86,8 +99,8 @@ function renderAdvancedPageContainer({
               className: "hidden content-md:inline-flex"
             }
           ),
-          title && /* @__PURE__ */ jsx(PageTitle, { className: "text-ods-text-primary text-h2", children: accentSentenceMarks(title) }),
-          subtitle && /* @__PURE__ */ jsx("div", { className: "text-ods-text-secondary text-h6", children: subtitle })
+          titleNode,
+          subtitleNode
         ] }),
         (headerActions || actions) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
           headerActions,
@@ -106,8 +119,8 @@ function renderAdvancedPageContainer({
               className: "hidden content-md:inline-flex"
             }
           ),
-          title && /* @__PURE__ */ jsx(PageTitle, { className: "text-ods-text-primary text-h2", children: accentSentenceMarks(title) }),
-          subtitle && /* @__PURE__ */ jsx("div", { className: "text-ods-text-secondary text-h6", children: subtitle })
+          titleNode,
+          subtitleNode
         ] }),
         (headerActions || actions) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
           headerActions,
@@ -126,7 +139,7 @@ function renderAdvancedPageContainer({
               className: "hidden content-md:inline-flex"
             }
           ),
-          title && /* @__PURE__ */ jsx(PageTitle, { className: "text-ods-text-primary text-h2", children: accentSentenceMarks(title) })
+          titleNode
         ] }),
         (headerActions || actions) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-4", children: [
           headerActions,
@@ -135,9 +148,9 @@ function renderAdvancedPageContainer({
       ] });
     }
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 content-md:flex-col content-md:items-start content-md:justify-start content-lg:flex-row content-lg:items-center content-lg:justify-between", children: [
-      (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-        title && /* @__PURE__ */ jsx(PageTitle, { className: "text-ods-text-primary text-h2", children: accentSentenceMarks(title) }),
-        subtitle && /* @__PURE__ */ jsx("div", { className: "text-ods-text-secondary text-h6", children: subtitle })
+      (titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        titleNode,
+        subtitleNode
       ] }),
       (headerActions || actions) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
         headerActions,
@@ -189,5 +202,7 @@ export {
   FormPageContainer,
   ListPageContainer,
   PageContainer,
+  PageContainerSubtitleSkeleton,
+  PageContainerTitleSkeleton,
   page_container_default as default
 };

package/dist/components/layout/page-data-sync.d.ts

@@ -1,6 +1,12 @@
 import { type ReactNode } from 'react';
 import type { DataSync } from '../../types/data-sync';
-export declare function PageDataSyncProvider({ children }: {
+export declare function PageDataSyncProvider({ stated, children, }: {
+    /**
+     * The page's records are mirrored from another system, so its list states a sync and the row holds its line's
+     * skeleton while it loads. `false`: the host authors the records; nothing is drawn while loading, and a line a host
+     * states anyway is an optional part (`data-loading-optional`). Default `true`.
+     */
+    stated?: boolean;
     children: ReactNode;
 }): import("react").JSX.Element;
 /**

package/dist/components/layout/page-data-sync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-data-sync.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-data-sync.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAChG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAyBtD,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAIzE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,sCAIvE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAW5F"}
+{"version":3,"file":"page-data-sync.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-data-sync.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAChG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAgCtD,wBAAgB,oBAAoB,CAAC,EACnC,MAAa,EACb,QAAQ,GACT,EAAE;IACD;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAWA;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,sCAcvE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAW5F"}

package/dist/components/layout/page-data-sync.js

@@ -4,15 +4,24 @@ import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { DataSyncLine } from "../ui/data-attribution.js";
 const PageDataSyncContext = createContext(null);
 const EMPTY = { sync: null, loading: false };
-function PageDataSyncProvider({ children }) {
-  const [state, report] = useState(EMPTY);
-  const value = useMemo(() => ({ state, report }), [state]);
+const NOT_REPORTED = { sync: null, loading: true };
+function PageDataSyncProvider({
+  stated = true,
+  children
+}) {
+  const [state, report] = useState(stated ? NOT_REPORTED : EMPTY);
+  useEffect(() => {
+    const timer = setTimeout(() => report((prev) => prev === NOT_REPORTED ? EMPTY : prev), 0);
+    return () => clearTimeout(timer);
+  }, []);
+  const value = useMemo(() => ({ state, report, stated }), [state, stated]);
   return /* @__PURE__ */ jsx(PageDataSyncContext.Provider, { value, children });
 }
 function PageDataSyncRow({ inline = false }) {
   const context = useContext(PageDataSyncContext);
   if (!context) return null;
-  return /* @__PURE__ */ jsx(DataSyncLine, { sync: context.state.sync, loading: context.state.loading, inline });
+  const line = /* @__PURE__ */ jsx(DataSyncLine, { sync: context.state.sync, loading: context.state.loading, stated: context.stated, inline });
+  return context.stated ? line : /* @__PURE__ */ jsx("div", { className: "contents", "data-loading-optional": "", children: line });
 }
 function usePageDataSync(sync, loading) {
   const context = useContext(PageDataSyncContext);

package/dist/components/layout/page-heading.d.ts

@@ -118,6 +118,17 @@ export interface SectionHeadingProps {
     /** Extra classes on the outer row. */
     className?: string;
 }
+/**
+ * THE eyebrow: the small label over a heading (Azeret Mono, uppercase, in the accent).
+ * `SectionHeading` draws it, and so does any heading that is not a `SectionHeading`
+ * (a call-to-action band's label), so a change to the eyebrow lands everywhere.
+ */
+export declare function SectionEyebrow({ children, platform, tone, className, }: {
+    children: ReactNode;
+    platform?: string | null;
+    tone?: HeadingAccentTone;
+    className?: string;
+}): import("react").JSX.Element;
 /**
  * THE heading block of a page section or hero: an eyebrow, the heading with its
  * accent punctuation, an intro, and an optional action at the end of the row.
@@ -125,4 +136,24 @@ export interface SectionHeadingProps {
  * everywhere at once.
  */
 export declare function SectionHeading({ eyebrow, title, punctuation, intro, action, level, presentational, platform, tone, className, }: SectionHeadingProps): import("react").JSX.Element;
+export interface SectionHeadingSkeletonProps {
+    level?: 'page' | 'section';
+    /** The eyebrow: static copy, drawn as it is. */
+    eyebrow?: ReactNode;
+    /** The title bar's width (a width class). Default `w-2/3`. */
+    titleWidth?: string;
+    /** The intro's lines: `true` is two. Omitted: no intro. */
+    intro?: boolean | 1 | 2 | 3;
+    /** Something at the far end of the row, drawn as given. */
+    action?: ReactNode;
+    platform?: string | null;
+    tone?: HeadingAccentTone;
+    className?: string;
+}
+/**
+ * A heading whose title and intro are read data (a category's name and description), while they are read: the same
+ * stack, the eyebrow for real, a one-line bar at the heading's type step and a bar per intro line at the intro's.
+ * No heading element is drawn: the loaded heading is the page's one.
+ */
+export declare function SectionHeadingSkeleton({ level, eyebrow, titleWidth, intro, action, platform, tone, className, }: SectionHeadingSkeletonProps): import("react").JSX.Element;
 //# sourceMappingURL=page-heading.d.ts.map

package/dist/components/layout/page-heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-heading.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5G;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,kCAAkC,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,kCAAkC,CAAC;AAKrE,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,EAAE,EAAE,GAAU,EACd,WAAW,EACX,SAAS,EACT,oBAAoB,GACrB,EAAE,gBAAgB,+BAalB;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAiB3D;AAMD;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEvD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,iBAA4B,GAAG,MAAM,CAIvG;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EACxB,IAAI,GAAE,iBAA4B,GACjC,SAAS,CAEX;AAkDD,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wHAAwH;IACxH,KAAK,EAAE,SAAS,CAAC;IACjB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,mFAAmF;IACnF,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAiB,EACjB,KAAK,EACL,MAAM,EACN,KAAiB,EACjB,cAAsB,EACtB,QAAQ,EACR,IAAe,EACf,SAAS,GACV,EAAE,mBAAmB,+BA8CrB"}
+{"version":3,"file":"page-heading.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-heading.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/page-heading.js

@@ -2,6 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Children, Fragment as Fragment2, cloneElement, isValidElement } from "react";
 import { getPlatformBrandClasses } from "../../utils/platform-identity.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
 const PAGE_HEADING_CLASS = "text-h1 text-ods-text-primary";
 const SECTION_HEADING_CLASS = "text-h2 text-ods-text-primary";
 const DESCRIPTION_CLASS = "mt-6 max-w-[640px] font-body text-[16px] content-md:text-[18px] leading-[24px] content-md:leading-[28px] text-ods-text-secondary";
@@ -82,6 +83,14 @@ const SECTION_HEADING_LAYOUT = {
     intro: "text-h4 text-ods-text-secondary"
   }
 };
+function SectionEyebrow({
+  children,
+  platform,
+  tone = "accent",
+  className
+}) {
+  return /* @__PURE__ */ jsx("span", { className: ["text-h5", headingAccentClass(platform, tone), className].filter(Boolean).join(" "), children });
+}
 function SectionHeading({
   eyebrow,
   title,
@@ -97,7 +106,7 @@ function SectionHeading({
   const accentClassName = headingAccentClass(platform, tone);
   const layout = SECTION_HEADING_LAYOUT[level];
   const Tag = presentational ? "div" : level === "page" ? "h1" : "h2";
-  const eyebrowNode = eyebrow ? /* @__PURE__ */ jsx("span", { className: `text-h5 ${accentClassName}`, children: eyebrow }) : null;
+  const eyebrowNode = eyebrow ? /* @__PURE__ */ jsx(SectionEyebrow, { platform, tone, children: eyebrow }) : null;
   const headingText = /* @__PURE__ */ jsxs(Fragment, { children: [
     accentSentenceMarks(title, platform, tone),
     punctuation ? /* @__PURE__ */ jsx("span", { className: accentClassName, children: punctuation }) : null
@@ -128,12 +137,46 @@ function SectionHeading({
     }
   );
 }
+function SectionHeadingSkeleton({
+  level = "section",
+  eyebrow,
+  titleWidth = "w-2/3",
+  intro,
+  action,
+  platform,
+  tone = "accent",
+  className
+}) {
+  const layout = SECTION_HEADING_LAYOUT[level];
+  const introLines = intro === true ? 2 : intro || 0;
+  const stack = /* @__PURE__ */ jsxs("div", { className: layout.stack, "aria-hidden": true, children: [
+    eyebrow ? /* @__PURE__ */ jsx(SectionEyebrow, { platform, tone, children: eyebrow }) : null,
+    /* @__PURE__ */ jsx("div", { className: layout.heading, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", className: titleWidth }) }),
+    introLines > 0 ? /* @__PURE__ */ jsx("div", { className: layout.intro, children: Array.from({ length: introLines }, (_, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: skeleton lines never reorder
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", className: i === introLines - 1 && introLines > 1 ? "w-2/3" : "w-full" }, i)
+    )) }) : null
+  ] });
+  if (!action) return className ? /* @__PURE__ */ jsx("div", { className, children: stack }) : stack;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex flex-wrap items-end justify-between gap-[var(--spacing-system-mf)]${className ? ` ${className}` : ""}`,
+      children: [
+        stack,
+        action
+      ]
+    }
+  );
+}
 export {
   HeadingLines,
   PAGE_HEADING_CLASS,
   PageHeading,
   SECTION_HEADING_CLASS,
+  SectionEyebrow,
   SectionHeading,
+  SectionHeadingSkeleton,
   accentSentenceMarks,
   headingAccentClass
 };

package/dist/components/layout/page-layout.d.ts

@@ -1,6 +1,7 @@
 import type React from 'react';
 import type { ActionsMenuGroup } from '../ui/actions-menu';
 import type { PageActionButton } from '../ui/page-actions';
+import { type TitleSkeletonLines } from './title-block';
 export interface PageLayoutProps {
     children: React.ReactNode;
     title?: string;
@@ -41,15 +42,14 @@ export interface PageLayoutProps {
      *  ellipsis clamp (forwarded to `TitleBlock`). For content detail pages whose h1 is CMS
      *  data of arbitrary length. Additive + default-preserving. */
     titleWrap?: boolean;
+    /** With `titleWrap`, the loading title's lines per breakpoint (forwarded to `TitleBlock`). */
+    titleSkeletonLines?: TitleSkeletonLines;
 }
 /**
  * Page layout container with consistent spacing, header, and actions.
  *
  * Uses `--spacing-system-l` as the gap between sections.
  */
-export declare function PageLayout({ children, title, subtitle, image, backButton, actions, actionsVariant, menuActions, selector, headerVariant, className, contentClassName, showHeader, titleSize, titleAdornment, loading, loadingActions, subtitleRow, titleWrap, }: PageLayoutProps): React.JSX.Element;
-export type { PageActionButton } from '../ui/page-actions';
-export { TitleBlock, TITLE_BLOCK_MIN_HEIGHT } from './title-block';
-export type { TitleBlockProps } from './title-block';
+export declare function PageLayout({ children, title, subtitle, image, backButton, actions, actionsVariant, menuActions, selector, headerVariant, className, contentClassName, showHeader, titleSize, titleAdornment, loading, loadingActions, subtitleRow, titleWrap, titleSkeletonLines, }: PageLayoutProps): React.JSX.Element;
 export default PageLayout;
 //# sourceMappingURL=page-layout.d.ts.map

package/dist/components/layout/page-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-layout.tsx"],"names":[],"mappings":"AA8CA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACrD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAC;IACrE,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2FAA2F;IAC3F,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;oEACgE;IAChE,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,wGAAwG;IACxG,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;iGAC6F;IAC7F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;2EAEuE;IACvE,WAAW,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,QAAQ,CAAC;IACtD;;mEAE+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,UAAiB,EACjB,SAAS,EACT,cAAc,EACd,OAAO,EACP,cAAc,EACd,WAAW,EACX,SAAS,GACV,EAAE,eAAe,qBAsCjB;AAED,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-layout.tsx"],"names":[],"mappings":"AA8CA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAc,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACrD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAC;IACrE,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2FAA2F;IAC3F,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;oEACgE;IAChE,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,wGAAwG;IACxG,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;iGAC6F;IAC7F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;2EAEuE;IACvE,WAAW,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,QAAQ,CAAC;IACtD;;mEAE+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8FAA8F;IAC9F,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,UAAiB,EACjB,SAAS,EACT,cAAc,EACd,OAAO,EACP,cAAc,EACd,WAAW,EACX,SAAS,EACT,kBAAkB,GACnB,EAAE,eAAe,qBAuCjB;AACD,eAAe,UAAU,CAAC"}

package/dist/components/layout/page-layout.js

@@ -21,7 +21,8 @@ function PageLayout({
   loading,
   loadingActions,
   subtitleRow,
-  titleWrap
+  titleWrap,
+  titleSkeletonLines
 }) {
   const hasActions = actions && actions.length > 0;
   const needsBottomPadding = hasActions && actionsVariant === "primary-buttons";
@@ -44,7 +45,8 @@ function PageLayout({
         loading,
         loadingActions,
         subtitleRow,
-        titleWrap
+        titleWrap,
+        titleSkeletonLines
       }
     ),
     /* @__PURE__ */ jsx(
@@ -60,11 +62,8 @@ function PageLayout({
     )
   ] });
 }
-import { TitleBlock as TitleBlock2, TITLE_BLOCK_MIN_HEIGHT } from "./title-block.js";
 var page_layout_default = PageLayout;
 export {
   PageLayout,
-  TITLE_BLOCK_MIN_HEIGHT,
-  TitleBlock2 as TitleBlock,
   page_layout_default as default
 };

package/dist/components/layout/title-block.d.ts

@@ -71,7 +71,18 @@ export interface TitleBlockProps {
      *  ellipsis clamp. For content detail pages whose h1 is CMS data of arbitrary length.
      *  Additive + default-preserving: omit it and every existing caller is byte-identical. */
     titleWrap?: boolean;
+    /**
+     * With `titleWrap`: the lines a typical title of the page takes per breakpoint, drawn by the loading title (a
+     * record's title is read; a long one growing past them is a settle). Absent: one bar.
+     */
+    titleSkeletonLines?: TitleSkeletonLines;
+}
+/** Lines a wrapping title's skeleton draws: on a phone, from `content-md`, from `content-lg`. */
+export interface TitleSkeletonLines {
+    phone: number;
+    md: number;
+    lg: number;
 }
-export declare function TitleBlock({ title, subtitle, image, backButton, actions, actionsVariant, menuActions, selector, variant, className, titleSize, titleAdornment, loading, loadingActions, subtitleRow, titleWrap, }: TitleBlockProps): React.JSX.Element;
+export declare function TitleBlock({ title, subtitle, image, backButton, actions, actionsVariant, menuActions, selector, variant, className, titleSize, titleAdornment, loading, loadingActions, subtitleRow, titleWrap, titleSkeletonLines, }: TitleBlockProps): React.JSX.Element;
 export default TitleBlock;
 //# sourceMappingURL=title-block.d.ts.map

package/dist/components/layout/title-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title-block.d.ts","sourceRoot":"","sources":["../../../src/components/layout/title-block.tsx"],"names":[],"mappings":"AAmFA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAIxE;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,iCAAiC,CAAC;AAErE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACrD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAC;IACrE,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;gCAE4B;IAC5B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB;8FAC0F;IAC1F,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;8FAE0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;;;;;;OAcG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,QAAQ,CAAC;IACtD;;8FAE0F;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4BD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,OAAiB,EACjB,SAAS,EACT,SAAgB,EAChB,cAAc,EACd,OAAO,EACP,cAAc,EACd,WAAwB,EACxB,SAAiB,GAClB,EAAE,eAAe,qBA+JjB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"title-block.d.ts","sourceRoot":"","sources":["../../../src/components/layout/title-block.tsx"],"names":[],"mappings":"AAyFA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAIxE;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,iCAAiC,CAAC;AAErE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACrD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAC;IACrE,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;gCAE4B;IAC5B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB;8FAC0F;IAC1F,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;8FAE0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;;;;;;OAcG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,QAAQ,CAAC;IACtD;;8FAE0F;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED,iGAAiG;AACjG,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AA4BD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,OAAiB,EACjB,SAAS,EACT,SAAgB,EAChB,cAAc,EACd,OAAO,EACP,cAAc,EACd,WAAwB,EACxB,SAAiB,EACjB,kBAAkB,GACnB,EAAE,eAAe,qBAkMjB;AAED,eAAe,UAAU,CAAC"}