@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/components/index.d.ts

@@ -55,9 +55,8 @@ export * from './shared/dev-section';
 export * from './shared/roadmap';
 export * from './shared/delivery';
 export * from './shared/legal-document';
-export { DetailPageSkeleton, type DetailPageSkeletonProps } from './shared/detail-page-skeleton';
-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 { ArticleAuthorByline, type ArticleAuthorBylineProps } from './shared/article-author-byline';
+export { MediaGalleryStrip, 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';

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,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"}
+{"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;AAKxC,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAKpG,OAAO,EACL,iBAAiB,EACjB,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

@@ -54,14 +54,9 @@ export * from "./shared/dev-section/index.js";
 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,
-  ArticleAuthorBylineSkeleton
-} from "./shared/article-author-byline.js";
+import { ArticleAuthorByline } 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";
@@ -71,13 +66,10 @@ 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

@@ -62,10 +62,6 @@ export declare const InteractivePresets: {
      * Card with hover and click interactions
      */
     Card: React.ForwardRefExoticComponent<Omit<InteractiveWrapperProps, "interactive"> & React.RefAttributes<HTMLDivElement>>;
-    /**
-     * Button-like interactive element
-     */
-    Button: React.ForwardRefExoticComponent<Omit<InteractiveWrapperProps, "as" | "interactive"> & React.RefAttributes<HTMLButtonElement>>;
     /**
      * Navigation item with subtle interactions
      */

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;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,6FAkH9B,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,6FAkH9B,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;;IAgBH;;OAEG;;IAgBH;;OAEG;;IAoBH;;OAEG;;kBAC2F,OAAO;;CAkCtG,CAAC"}

package/dist/components/interactive-wrapper.js

@@ -147,26 +147,6 @@ const InteractivePresets = {
       ...props
     }
   )),
-  /**
-   * Button-like interactive element
-   */
-  Button: forwardRef((props, ref) => /* @__PURE__ */ jsx(
-    InteractiveWrapper,
-    {
-      ref,
-      as: "button",
-      interactive: {
-        enableAnimations: true,
-        enableColorShifts: true,
-        enableAccessibilityEnhancements: true,
-        enableHapticFeedback: true,
-        animations: true
-      },
-      className: cn("rounded-md bg-ods-accent px-4 py-2 font-medium text-ods-text-on-accent", props.className),
-      role: "button",
-      ...props
-    }
-  )),
   /**
    * Navigation item with subtle interactions
    */
@@ -248,7 +228,6 @@ const InteractivePresets = {
   )
 };
 InteractivePresets.Card.displayName = "InteractiveCard";
-InteractivePresets.Button.displayName = "InteractiveButton";
 InteractivePresets.NavItem.displayName = "InteractiveNavItem";
 InteractivePresets.Input.displayName = "InteractiveInput";
 InteractivePresets.Toggle.displayName = "InteractiveToggle";

package/dist/components/layout/back-button.d.ts

@@ -8,8 +8,11 @@ export interface BackButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLBut
      */
     href?: string;
 }
-/** The footprint of a `BackButton`, for a loading skeleton that must not move the page. */
-export declare const BACK_BUTTON_SKELETON_CLASS = "h-12 w-40 rounded-md";
+/**
+ * The footprint of a `BackButton`, for a loading skeleton that must not move the page: the `default` button's height
+ * (44px, 48px from md), and a typical label's width.
+ */
+export declare const BACK_BUTTON_SKELETON_CLASS = "h-11 w-40 rounded-md md:h-12";
 /**
  * THE back navigation of a page: the chevron and its label, above the title.
  * Every detail page renders this one (through `PageLayout`'s `backButton` or

package/dist/components/layout/back-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"back-button.d.ts","sourceRoot":"","sources":["../../../src/components/layout/back-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAUD,2FAA2F;AAC3F,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AAEjE;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAc,EAAE,SAAS,EAAE,IAAe,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAqCzG;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"back-button.d.ts","sourceRoot":"","sources":["../../../src/components/layout/back-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAKD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,iCAAiC,CAAC;AAEzE;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAc,EAAE,SAAS,EAAE,IAAe,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAmCzG;AAED,eAAe,UAAU,CAAC"}

package/dist/components/layout/back-button.js

@@ -3,14 +3,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "../../embed-shims/next-link.js";
 import { cn } from "../../utils/cn.js";
 import { Chevron02LeftIcon } from "../icons-v2-generated/arrows/chevron-02-left-icon.js";
-const BACK_BUTTON_CLASS = cn(
-  "group inline-flex items-center justify-center self-start rounded-md",
-  "gap-[var(--spacing-system-xsf)] py-[var(--spacing-system-sf)]",
-  "text-ods-text-secondary hover:text-ods-text-primary",
-  "transition-colors duration-200",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus"
-);
-const BACK_BUTTON_SKELETON_CLASS = "h-12 w-40 rounded-md";
+import { Button } from "../ui/button/index.js";
+const BACK_BUTTON_LAYOUT_CLASS = "self-start";
+const BACK_BUTTON_SKELETON_CLASS = "h-11 w-40 rounded-md md:h-12";
 function BackButton({ label = "Back", className, type = "button", href, ...props }) {
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Chevron02LeftIcon, { className: "size-6 shrink-0" }),
@@ -29,17 +24,9 @@ function BackButton({ label = "Back", className, type = "button", href, ...props
       value: _value,
       ...shared
     } = props;
-    return /* @__PURE__ */ jsx(
-      Link,
-      {
-        ...shared,
-        href,
-        className: cn(BACK_BUTTON_CLASS, className),
-        children: content
-      }
-    );
+    return /* @__PURE__ */ jsx(Button, { asChild: true, variant: "link", noPaddingX: true, className: cn(BACK_BUTTON_LAYOUT_CLASS, className), children: /* @__PURE__ */ jsx(Link, { ...shared, href, children: content }) });
   }
-  return /* @__PURE__ */ jsx("button", { type, className: cn(BACK_BUTTON_CLASS, className), ...props, children: content });
+  return /* @__PURE__ */ jsx(Button, { variant: "link", noPaddingX: true, type, className: cn(BACK_BUTTON_LAYOUT_CLASS, className), ...props, children: content });
 }
 var back_button_default = BackButton;
 export {

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

@@ -1,8 +1,8 @@
 import type React from 'react';
+import type { DataTableFilters } from '../ui/data-table/types';
 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';
 export interface ListPageLayoutProps {
     title: string;
     headerActions?: React.ReactNode;
@@ -16,8 +16,8 @@ export interface ListPageLayoutProps {
     padding?: 'none' | 'sm' | 'md' | 'lg';
     background?: 'default' | 'card' | 'transparent';
     mobileFilterGroups?: FilterGroup[];
-    onMobileFilterChange?: (filters: TableFilters) => void;
-    currentMobileFilters?: TableFilters;
+    onMobileFilterChange?: (filters: DataTableFilters) => void;
+    currentMobileFilters?: DataTableFilters;
     mobileSortConfig?: SortConfig;
     onMobileSort?: (column: string, direction: SortDirection) => void;
     mobileFilterTitle?: string;

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,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"}
+{"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;AAM/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,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;AAGxE,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,gBAAgB,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,gBAAgB,CAAC;IACxC,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,qBA2FrB;AAED,2EAA2E;AAC3E,eAAe,cAAc,CAAC"}

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

@@ -68,6 +68,7 @@ function ListPageLayout({
               /* @__PURE__ */ jsx(
                 Input,
                 {
+                  userValue: true,
                   placeholder: searchPlaceholder,
                   onChange: (e) => setLocalSearchValue(e.target.value),
                   value: localSearchValue,

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

@@ -107,14 +107,6 @@ 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. */

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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAMxE,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qCAAqC;IACrC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAGD,UAAU,0BAA0B;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAC;IACrE;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,GAAG,0BAA0B,CAAC;AAkBvF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAOtD;AA4QD,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,GAAI,OAAO,IAAI,CAAC,0BAA0B,EAAE,SAAS,CAAC,sBAEnF,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB,GAAI,OAAO,IAAI,CAAC,0BAA0B,EAAE,SAAS,CAAC,sBAErF,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,GAAI,OAAO,IAAI,CAAC,0BAA0B,EAAE,SAAS,CAAC,sBAEnF,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,GAAI,OAAO,IAAI,CAAC,0BAA0B,EAAE,SAAS,CAAC,sBAEtF,CAAC;AAEF,2EAA2E;AAC3E,eAAe,aAAa,CAAC"}

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

@@ -202,7 +202,5 @@ export {
   FormPageContainer,
   ListPageContainer,
   PageContainer,
-  PageContainerSubtitleSkeleton,
-  PageContainerTitleSkeleton,
   page_container_default as default
 };

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

@@ -117,6 +117,16 @@ export interface SectionHeadingProps {
     tone?: HeadingAccentTone;
     /** Extra classes on the outer row. */
     className?: string;
+    /**
+     * The title and intro are read data still being read: the heading draws its own loading form (the eyebrow and the
+     * action for real, a bar at the heading's type step, `intro` lines at the intro's). `true` draws the title alone;
+     * an object also says how many intro lines the loaded heading has and the title bar's width. The heading renders on
+     * the server and cannot read a loading scope: a host passes its own switch (`useLoadingScope() || loading`).
+     */
+    loading?: boolean | {
+        intro?: boolean | 1 | 2 | 3;
+        titleWidth?: string;
+    };
 }
 /**
  * THE eyebrow: the small label over a heading (Azeret Mono, uppercase, in the accent).
@@ -135,25 +145,5 @@ export declare function SectionEyebrow({ children, platform, tone, className, }:
  * Every section on every site composes this, so a change to the layout lands
  * 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;
+export declare function SectionHeading({ eyebrow, title, punctuation, intro, action, level, presentational, platform, tone, className, loading, }: SectionHeadingProps): 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":"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"}
+{"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

@@ -101,8 +101,25 @@ function SectionHeading({
   presentational = false,
   platform,
   tone = "accent",
-  className
+  className,
+  loading
 }) {
+  if (loading) {
+    const shape = loading === true ? {} : loading;
+    return /* @__PURE__ */ jsx(
+      SectionHeadingSkeleton,
+      {
+        level,
+        eyebrow,
+        titleWidth: shape.titleWidth,
+        intro: shape.intro,
+        action,
+        platform,
+        tone,
+        className
+      }
+    );
+  }
   const accentClassName = headingAccentClass(platform, tone);
   const layout = SECTION_HEADING_LAYOUT[level];
   const Tag = presentational ? "div" : level === "page" ? "h1" : "h2";
@@ -183,7 +200,6 @@ export {
   SECTION_HEADING_CLASS,
   SectionEyebrow,
   SectionHeading,
-  SectionHeadingSkeleton,
   accentSentenceMarks,
   headingAccentClass
 };

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

@@ -1,17 +1,6 @@
-export { SearchContainerSkeleton, CategorySidebarSkeleton, BreadcrumbSkeleton, BreadcrumbLinkSkeleton, ResultsHeaderSkeleton, VendorGridSkeleton, } from './page-layout-skeleton';
-export { CardSkeleton, CardSkeletonGrid } from './card-skeleton';
 export { UnifiedSkeleton, TextSkeleton, TextLineSkeleton, MediaSkeleton, InteractiveSkeleton, } from './unified-skeleton';
 export { ContentLoadingContainer, useContentLoading } from '../content-loading-container';
-export { ProfileLoadingSkeleton } from '../profile/ProfileLoadingSkeleton';
-export { CategoryCardSkeleton } from './category-card-skeleton';
-export { MspProfileFormSkeleton } from './msp-profile-form-skeleton';
-export { SettingsFormSkeleton, type SettingsFormSkeletonProps } from './settings-form-skeleton';
-export { CategoryVendorSelectorSkeleton } from './category-vendor-selector-skeleton';
-export { BlogCardGridSkeleton, SlackCommunitySkeleton } from './deprecated-layout-skeletons';
-export { WizardLayoutSkeleton } from './wizard-layout-skeleton';
 export { LoadingRegion, type LoadingRegionProps } from './loading-region';
-export { MarginReportSkeleton } from './margin-report-skeleton';
-export { OrganizationIconSkeleton } from './organization-icon-skeleton';
-export { OrganizationCardSkeleton, OrganizationCardSkeletonGrid } from './organization-card-skeleton';
-export { DeviceCardSkeleton, DeviceCardSkeletonGrid } from './device-card-skeleton';
+export { LoadingStatus } from '../ui/loading-scope';
+export { LoadingFallback, LoadingSuspense } from './loading-fallback';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loading/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGjE,OAAO,EACL,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAE3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAChG,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAE7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAOhE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AACtG,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loading/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAO1F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/loading/index.js

@@ -1,12 +1,3 @@
-import {
-  SearchContainerSkeleton,
-  CategorySidebarSkeleton,
-  BreadcrumbSkeleton,
-  BreadcrumbLinkSkeleton,
-  ResultsHeaderSkeleton,
-  VendorGridSkeleton
-} from "./page-layout-skeleton.js";
-import { CardSkeleton, CardSkeletonGrid } from "./card-skeleton.js";
 import {
   UnifiedSkeleton,
   TextSkeleton,
@@ -15,47 +6,19 @@ import {
   InteractiveSkeleton
 } from "./unified-skeleton.js";
 import { ContentLoadingContainer, useContentLoading } from "../content-loading-container.js";
-import { ProfileLoadingSkeleton } from "../profile/ProfileLoadingSkeleton.js";
-import { CategoryCardSkeleton } from "./category-card-skeleton.js";
-import { MspProfileFormSkeleton } from "./msp-profile-form-skeleton.js";
-import { SettingsFormSkeleton } from "./settings-form-skeleton.js";
-import { CategoryVendorSelectorSkeleton } from "./category-vendor-selector-skeleton.js";
-import { BlogCardGridSkeleton, SlackCommunitySkeleton } from "./deprecated-layout-skeletons.js";
-import { WizardLayoutSkeleton } from "./wizard-layout-skeleton.js";
 import { LoadingRegion } from "./loading-region.js";
-import { MarginReportSkeleton } from "./margin-report-skeleton.js";
-import { OrganizationIconSkeleton } from "./organization-icon-skeleton.js";
-import { OrganizationCardSkeleton, OrganizationCardSkeletonGrid } from "./organization-card-skeleton.js";
-import { DeviceCardSkeleton, DeviceCardSkeletonGrid } from "./device-card-skeleton.js";
+import { LoadingStatus } from "../ui/loading-scope.js";
+import { LoadingFallback, LoadingSuspense } from "./loading-fallback.js";
 export {
-  BlogCardGridSkeleton,
-  BreadcrumbLinkSkeleton,
-  BreadcrumbSkeleton,
-  CardSkeleton,
-  CardSkeletonGrid,
-  CategoryCardSkeleton,
-  CategorySidebarSkeleton,
-  CategoryVendorSelectorSkeleton,
   ContentLoadingContainer,
-  DeviceCardSkeleton,
-  DeviceCardSkeletonGrid,
   InteractiveSkeleton,
+  LoadingFallback,
   LoadingRegion,
-  MarginReportSkeleton,
+  LoadingStatus,
+  LoadingSuspense,
   MediaSkeleton,
-  MspProfileFormSkeleton,
-  OrganizationCardSkeleton,
-  OrganizationCardSkeletonGrid,
-  OrganizationIconSkeleton,
-  ProfileLoadingSkeleton,
-  ResultsHeaderSkeleton,
-  SearchContainerSkeleton,
-  SettingsFormSkeleton,
-  SlackCommunitySkeleton,
   TextLineSkeleton,
   TextSkeleton,
   UnifiedSkeleton,
-  VendorGridSkeleton,
-  WizardLayoutSkeleton,
   useContentLoading
 };

package/dist/components/loading/loading-fallback.d.ts

@@ -0,0 +1,46 @@
+import { type ElementType, type ReactNode } from 'react';
+/**
+ * A Suspense fallback drawn by the components themselves: the SAME component the boundary waits on, rendered in a
+ * `LoadingScope`, where it draws its own skeleton and reads nothing. A page never picks a component's
+ * `<Name>Skeleton`:
+ *
+ *   <Suspense fallback={<LoadingFallback><Dashboard /></LoadingFallback>}><Dashboard /></Suspense>
+ *
+ * ONE element: the scope's own (`LoadingScope` with `as`, `className`): busy, inert and hidden from assistive
+ * technology, adding no wrapper a flex parent would lay out. The status that announces it once sits beside it
+ * (visually hidden, outside the hidden region, so it is still read), and is left out inside an outer scope, which has
+ * already said it. `status={false}` leaves the status out: an inline part (a chip, a mention in a sentence) whose
+ * loading the surrounding region already announces, or that is too small to announce.
+ */
+export declare function LoadingFallback({ label, status, as, className, children, }: {
+    label?: string;
+    /** Announce the loading state (default). `false`: an inline part, announced by its region or not at all. */
+    status?: boolean;
+    /** The region's element (a `contents` box keeps a flex parent's layout, e.g. inside a modal). */
+    as?: ElementType;
+    className?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The one Suspense boundary whose fallback is its own children in a loading scope: what every screen wrote out as
+ * `<Suspense fallback={<LoadingFallback label={…}>{x}</LoadingFallback>}>{x}</Suspense>`, with the child twice.
+ *
+ *   <LoadingSuspense label="Loading the tenants"><TenantList /></LoadingSuspense>
+ *   <LoadingSuspense label="Loading the script" fallback={<ScriptView script={null} />}><ScriptReader /></LoadingSuspense>
+ *   <LoadingSuspense status={false} as="span"><MentionChip id={id} /></LoadingSuspense>
+ */
+export declare function LoadingSuspense({ label, status, as, className, fallback, children, }: {
+    label?: string;
+    /** `false`: no announcement (an inline part); see `LoadingFallback`. */
+    status?: boolean;
+    as?: ElementType;
+    className?: string;
+    /**
+     * What the boundary draws while its children suspend, when that is not the children themselves (a reader whose view
+     * is a separate component: `fallback={<ThingView thing={null} />}`). Drawn in the same loading scope. Default: the
+     * children.
+     */
+    fallback?: ReactNode;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=loading-fallback.d.ts.map

package/dist/components/loading/loading-fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-fallback.d.ts","sourceRoot":"","sources":["../../../src/components/loading/loading-fallback.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnE;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAA0B,EAC1B,MAAa,EACb,EAAE,EACF,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4GAA4G;IAC5G,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iGAAiG;IACjG,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAMA;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,EAAE,EACF,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAYA"}

package/dist/components/loading/loading-fallback.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { AnnouncedLoadingScope } from "../ui/loading-scope.js";
+function LoadingFallback({
+  label = "Loading the page",
+  status = true,
+  as,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(AnnouncedLoadingScope, { label, status, as, className, children });
+}
+function LoadingSuspense({
+  label,
+  status,
+  as,
+  className,
+  fallback,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx(LoadingFallback, { label, status, as, className, children: fallback ?? children }),
+      children
+    }
+  );
+}
+export {
+  LoadingFallback,
+  LoadingSuspense
+};

package/dist/components/loading/loading-region.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-region.d.ts","sourceRoot":"","sources":["../../../src/components/loading/loading-region.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrE,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yHAAyH;IACzH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAiB,EACjB,EAAE,EAAE,GAAW,EACf,QAAQ,EAAE,aAAoB,EAC9B,MAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAgBpB"}
+{"version":3,"file":"loading-region.d.ts","sourceRoot":"","sources":["../../../src/components/loading/loading-region.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrE,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yHAAyH;IACzH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAiB,EACjB,EAAE,EAAE,GAAW,EACf,QAAQ,EAAE,aAAoB,EAC9B,MAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAYpB"}

package/dist/components/loading/loading-region.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useLoadingScope } from "../ui/loading-scope.js";
+import { LoadingStatus, useLoadingScope } from "../ui/loading-scope.js";
 function LoadingRegion({
   label = "Loading",
   as: Tag = "div",
@@ -13,7 +13,7 @@ function LoadingRegion({
   const inScope = useLoadingScope();
   const announce = announceGiven && !inScope;
   return /* @__PURE__ */ jsxs(Tag, { "aria-busy": announce ? "true" : void 0, className, ...props, children: [
-    announce && status && /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: label }),
+    announce && status && /* @__PURE__ */ jsx(LoadingStatus, { label }),
     children
   ] });
 }

package/dist/components/log-severity-dot.d.ts

@@ -1,5 +1,3 @@
 import { type LogSeverityDotProps } from '../types/logs.types';
-/** The dot while its log is read: the dot's own box, the dot a circle of the dot's size. */
-export declare function LogSeverityDotSkeleton({ size, className }: Pick<LogSeverityDotProps, 'size' | 'className'>): import("react").JSX.Element;
 export declare const LogSeverityDot: import("react").ForwardRefExoticComponent<LogSeverityDotProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=log-severity-dot.d.ts.map

package/dist/components/log-severity-dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-severity-dot.d.ts","sourceRoot":"","sources":["../../src/components/log-severity-dot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA4C,MAAM,qBAAqB,CAAC;AASzG,4FAA4F;AAC5F,wBAAgB,sBAAsB,CAAC,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,WAAW,CAAC,+BAMjH;AAED,eAAO,MAAM,cAAc,gHAe1B,CAAC"}
+{"version":3,"file":"log-severity-dot.d.ts","sourceRoot":"","sources":["../../src/components/log-severity-dot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAA4C,MAAM,qBAAqB,CAAC;AAmBzG,eAAO,MAAM,cAAc,gHAiB1B,CAAC"}

package/dist/components/log-severity-dot.js

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { LOG_SEVERITY_COLORS, LOG_SEVERITY_LABELS } from "../types/logs.types.js";
 import { cn } from "../utils/cn.js";
 import { UnifiedSkeleton } from "./loading/unified-skeleton.js";
+import { useLoadingScope } from "./ui/loading-scope.js";
 const SEVERITY_BOX_CLASS = { sm: "w-4 h-4", md: "w-6 h-6", lg: "w-8 h-8" };
 const SEVERITY_DOT_CLASS = { sm: "w-2 h-2", md: "w-3 h-3", lg: "w-4 h-4" };
 const SEVERITY_FRAME_CLASS = "relative flex shrink-0 items-center justify-center";
@@ -11,7 +12,8 @@ function LogSeverityDotSkeleton({ size = "md", className }) {
   return /* @__PURE__ */ jsx("span", { className: cn(SEVERITY_FRAME_CLASS, SEVERITY_BOX_CLASS[size], className), "aria-hidden": true, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "circular", className: SEVERITY_DOT_CLASS[size] }) });
 }
 const LogSeverityDot = forwardRef(
-  ({ severity, size = "md", className }, ref) => {
+  ({ severity, size = "md", className, loading }, ref) => {
+    if (useLoadingScope() || loading || !severity) return /* @__PURE__ */ jsx(LogSeverityDotSkeleton, { size, className });
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -31,6 +33,5 @@ const LogSeverityDot = forwardRef(
 );
 LogSeverityDot.displayName = "LogSeverityDot";
 export {
-  LogSeverityDot,
-  LogSeverityDotSkeleton
+  LogSeverityDot
 };

package/dist/components/logs-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logs-list.d.ts","sourceRoot":"","sources":["../../src/components/logs-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,qBAAqB,CAAC;AAoFnE,eAAO,MAAM,QAAQ,0GA2EpB,CAAC"}
+{"version":3,"file":"logs-list.d.ts","sourceRoot":"","sources":["../../src/components/logs-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,qBAAqB,CAAC;AAqFnE,eAAO,MAAM,QAAQ,0GAwEpB,CAAC"}