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

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

@@ -1,4 +1,3 @@
-import type React from 'react';
 interface PageLayoutSkeletonProps {
     className?: string;
 }
@@ -10,80 +9,37 @@ interface LoadingLayoutProps extends PageLayoutSkeletonProps {
     /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
     region?: boolean;
 }
-/**
- * Announcement bar skeleton that matches the AnnouncementBar component
- */
-export declare function AnnouncementBarSkeleton(): React.JSX.Element;
 /**
  * Header skeleton for a page that is still loading: logo, navigation and action placeholders
  */
-export declare function HeaderSkeleton(): React.JSX.Element;
-/**
- * Hero section skeleton for static content areas
- */
-export declare function HeroSkeleton(): React.JSX.Element;
+export declare function HeaderSkeleton(): import("react").JSX.Element;
 /**
  * Search container skeleton with filters
  */
 export declare function SearchContainerSkeleton({ className, showFilters, }: PageLayoutSkeletonProps & {
     showFilters?: boolean;
-}): React.JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Category sidebar skeleton for filtering pages
  */
-export declare function CategorySidebarSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element;
+export declare function CategorySidebarSkeleton({ className }: PageLayoutSkeletonProps): import("react").JSX.Element;
 /**
  * Breadcrumb navigation skeleton
  */
-export declare function BreadcrumbSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element;
+export declare function BreadcrumbSkeleton({ className }: PageLayoutSkeletonProps): import("react").JSX.Element;
 /**
  * ONE breadcrumb link while it loads: a bar the height of the link's line
  * (`text-h6`), for a trail whose links stream in one by one.
  */
-export declare function BreadcrumbLinkSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element;
+export declare function BreadcrumbLinkSkeleton({ className }: PageLayoutSkeletonProps): import("react").JSX.Element;
 /**
  * Results header skeleton with count and sorting
  */
-export declare function ResultsHeaderSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element;
-/**
- * Two-column layout skeleton (sidebar + main content)
- */
-export declare function TwoColumnLayoutSkeleton({ className, sidebarContent, mainContent, sidebarPosition, region, }: LoadingLayoutProps & {
-    sidebarContent?: React.ReactNode;
-    mainContent?: React.ReactNode;
-    sidebarPosition?: 'left' | 'right';
-}): React.JSX.Element;
-/**
- * Article/blog post layout skeleton
- */
-export declare function ArticleLayoutSkeleton({ className, region }: LoadingLayoutProps): React.JSX.Element;
-/**
- * Vendor Detail Layout Skeleton - Complete vendor detail page structure
- * Matches the refactored vendor detail page with proper platform colors and responsive layout
- */
-export declare function VendorDetailLayoutSkeleton({ className, region }: LoadingLayoutProps): React.JSX.Element;
-/**
- * Stats/features section skeleton for homepage
- */
-export declare function StatsSectionSkeleton({ className, columns }: PageLayoutSkeletonProps & {
-    columns?: number;
-}): React.JSX.Element;
-/**
- * Blog Card Grid Skeleton - Always displays exactly 4 blog card skeletons
- * Used for consistent blog page layout with predictable height
- */
-export declare function BlogCardGridSkeleton({ className, region }: LoadingLayoutProps): React.JSX.Element;
+export declare function ResultsHeaderSkeleton({ className }: PageLayoutSkeletonProps): import("react").JSX.Element;
 /**
  * Vendor Grid Skeleton - Always displays exactly 12 vendor card skeletons
  * Used for consistent vendor page layout with predictable height
  */
-export declare function VendorGridSkeleton({ className, region }: LoadingLayoutProps): React.JSX.Element;
-/**
- * Slack Community Section Skeleton
- * Matches SlackCommunity component structure with title, channel list, and chat interface
- */
-export declare function SlackCommunitySkeleton({ region }?: {
-    region?: boolean;
-}): React.JSX.Element;
+export declare function VendorGridSkeleton({ className, region }: LoadingLayoutProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=page-layout-skeleton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-layout-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/page-layout-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,UAAU,kBAAmB,SAAQ,uBAAuB;IAC1D,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,sBAoBtC;AAED;;GAEG;AACH,wBAAgB,cAAc,sBAiC7B;AAED;;GAEG;AACH,wBAAgB,YAAY,sBAqB3B;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,WAAkB,GACnB,EAAE,uBAAuB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,qBAoBrD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,qBA4C7E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,qBAYxE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,qBAE5E;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,qBAc3E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,cAAc,EACd,WAAW,EACX,eAAwB,EACxB,MAAa,GACd,EAAE,kBAAkB,GAAG;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACpC,qBA4BA;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,MAAa,EAAE,EAAE,kBAAkB,qBA6DrF;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,MAAa,EAAE,EAAE,kBAAkB,qBAwU1F;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAW,EAAE,EAAE,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,qBAwB9G;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,MAAa,EAAE,EAAE,kBAAkB,qBAMpF;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,MAAa,EAAE,EAAE,kBAAkB,qBAWlF;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,MAAa,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,qBAiGlF"}
+{"version":3,"file":"page-layout-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/page-layout-skeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,UAAU,kBAAmB,SAAQ,uBAAuB;IAC1D,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,cAAc,gCAiC7B;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,WAAkB,GACnB,EAAE,uBAAuB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,+BAoBrD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA4C7E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAYxE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAE5E;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAc3E;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,MAAa,EAAE,EAAE,kBAAkB,+BAWlF"}

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

@@ -1,19 +1,8 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { CardSkeletonGrid } from "./card-skeleton.js";
-import { LoadingRegion } from "./loading-region.js";
-import { UnifiedSkeleton, TextSkeleton, MediaSkeleton, InteractiveSkeleton } from "./unified-skeleton.js";
-function AnnouncementBarSkeleton() {
-  return /* @__PURE__ */ jsx("div", { className: "relative w-full bg-ods-card", children: /* @__PURE__ */ jsx("div", { className: "relative flex w-full flex-row items-center", children: /* @__PURE__ */ jsxs("div", { className: "relative box-border flex w-full flex-row items-center justify-start gap-4 py-3 pl-4 pr-12 content-md:gap-6 content-md:py-4 content-md:pl-6 content-md:pr-16", children: [
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "relative h-6 w-6 shrink-0 rounded content-md:h-8 content-md:w-8" }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1 content-md:space-y-2", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[14px] w-3/4 max-w-md rounded content-md:h-[18px]" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "hidden h-[12px] w-full max-w-lg rounded content-md:block content-md:h-[18px]" })
-    ] }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "absolute right-2 top-2 h-6 w-6 rounded" })
-  ] }) }) });
-}
+import { UnifiedSkeleton, TextSkeleton, InteractiveSkeleton } from "./unified-skeleton.js";
 function HeaderSkeleton() {
   return /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-40 flex w-full items-center justify-between border-b border-ods-border bg-ods-card bg-ods-card/95 px-4 py-3 backdrop-blur-sm content-md:px-[80px] content-md:py-[12px]", children: [
     /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center justify-start", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[26px] w-[110px] rounded content-md:h-8 content-md:w-[137px]" }) }),
@@ -32,25 +21,6 @@ function HeaderSkeleton() {
     ] })
   ] });
 }
-function HeroSkeleton() {
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: "flex w-full flex-col items-center justify-center px-4 py-12 text-center content-md:px-8 content-md:py-20",
-      style: {
-        background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
-      },
-      children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Heading, { className: "mb-4 h-12 w-full max-w-4xl content-md:mb-6 content-md:h-20 content-lg:h-24" }),
-        /* @__PURE__ */ jsxs("div", { className: "mb-8 w-full max-w-4xl space-y-3 px-2 content-md:mb-10", children: [
-          /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "h-5 content-md:h-7" }),
-          /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "mx-auto h-5 w-3/4 content-md:h-7" })
-        ] }),
-        /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "h-12 w-full content-md:w-64" })
-      ]
-    }
-  );
-}
 function SearchContainerSkeleton({
   className,
   showFilters = true
@@ -132,312 +102,6 @@ function ResultsHeaderSkeleton({ className }) {
     }
   );
 }
-function TwoColumnLayoutSkeleton({
-  className,
-  sidebarContent,
-  mainContent,
-  sidebarPosition = "left",
-  region = true
-}) {
-  const sidebar = sidebarContent || /* @__PURE__ */ jsx(CategorySidebarSkeleton, {});
-  const main = mainContent || /* @__PURE__ */ jsx(CardSkeletonGrid, { count: 6, region: false });
-  return /* @__PURE__ */ jsx(
-    LoadingRegion,
-    {
-      label: "Loading",
-      announce: region,
-      className: cn(
-        "grid grid-cols-1 gap-6 content-lg:grid-cols-[320px_1fr] content-lg:gap-8",
-        sidebarPosition === "right" && "content-lg:grid-cols-[1fr_320px]",
-        className
-      ),
-      children: sidebarPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("aside", { className: "order-2 content-lg:order-1", children: sidebar }),
-        /* @__PURE__ */ jsx("main", { className: "order-1 content-lg:order-2", children: main })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("main", { className: "order-1", children: main }),
-        /* @__PURE__ */ jsx("aside", { className: "order-2", children: sidebar })
-      ] })
-    }
-  );
-}
-function ArticleLayoutSkeleton({ className, region = true }) {
-  return /* @__PURE__ */ jsxs(
-    LoadingRegion,
-    {
-      label: "Loading the article",
-      as: "article",
-      announce: region,
-      className: cn("mx-auto max-w-4xl", className),
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "mb-8 space-y-4 content-md:mb-12 content-md:space-y-6", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx(InteractiveSkeleton.Chip, {}),
-            /* @__PURE__ */ jsx(InteractiveSkeleton.Chip, { className: "w-16" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx(TextSkeleton.Heading, { className: "w-full" }),
-            /* @__PURE__ */ jsx(TextSkeleton.Heading, { className: "w-3/4" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 border-t border-ods-divider pt-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(MediaSkeleton.Avatar, { size: "sm" }),
-              /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-24" })
-            ] }),
-            /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-20" }),
-            /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-16" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "mb-8 content-md:mb-12", children: /* @__PURE__ */ jsx(MediaSkeleton.CardImage, { className: "h-64 w-full content-md:h-96" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "prose prose-invert max-w-none space-y-6", children: [
-          Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-full" }),
-            /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-full" }),
-            /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-5/6" }),
-            /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-3/4" })
-          ] }, index)),
-          /* @__PURE__ */ jsxs("div", { className: "py-4", children: [
-            /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "mb-4 w-2/3" }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-full" }),
-              /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-4/5" })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function VendorDetailLayoutSkeleton({ className, region = true }) {
-  return /* @__PURE__ */ jsx(
-    LoadingRegion,
-    {
-      label: "Loading the vendor",
-      as: "main",
-      announce: region,
-      className: cn("min-h-screen bg-ods-bg", className),
-      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-[1920px] px-6 py-6 content-md:px-20 content-md:py-10", children: [
-        /* @__PURE__ */ jsx(BreadcrumbSkeleton, { className: "mb-6" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col content-lg:flex-row content-lg:gap-10", children: [
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs("div", { className: "mb-10", children: [
-              /* @__PURE__ */ jsxs("div", { className: "mb-6 flex gap-6", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-20 w-20 flex-shrink-0 rounded-lg border border-ods-border" }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-80 max-w-full rounded content-md:h-16 content-lg:h-20" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-32 rounded content-md:h-6" })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-20 rounded" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-16 rounded" })
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-[300px] w-full rounded-lg border border-ods-border content-md:h-[400px] content-lg:h-[500px]" }),
-              /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mx-auto h-4 w-24 rounded" }) })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "mb-10 content-lg:hidden", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-ods-border", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 rounded" }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-20 rounded" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-12 rounded" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "space-y-3 p-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-6 rounded" }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-12 rounded" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-8 rounded" })
-                  ] })
-                ] }, i)) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-20 flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-48 rounded content-md:h-10" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-48 rounded" }),
-                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-24 rounded-lg border border-ods-border" }, i)) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-52 rounded" }),
-                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-28 rounded-lg border border-ods-border" }, i)) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-20 flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-64 rounded content-md:h-10" }),
-              /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-ods-border bg-ods-card p-6 content-md:p-8", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 rounded" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 rounded" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-5/6 rounded" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-4/5 rounded" })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-20 flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-72 rounded content-md:h-10" }),
-              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 content-md:grid-cols-2 content-lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 flex-shrink-0 rounded" }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 rounded" })
-                ] })
-              ] }, i)) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-20 flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-80 rounded content-md:h-10" }),
-              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 content-lg:grid-cols-2", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-16 rounded" }),
-                  Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 flex-shrink-0 rounded border border-ods-border" }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-2/3 rounded" }),
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 rounded" })
-                    ] })
-                  ] }, i))
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-16 rounded" }),
-                  Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 flex-shrink-0 rounded border border-ods-border" }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-2/3 rounded" }),
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 rounded" })
-                    ] })
-                  ] }, i))
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-20 flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-72 rounded content-md:h-10" }),
-              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 content-md:grid-cols-2 content-lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "space-y-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-16 flex-shrink-0 rounded-lg border border-ods-border" }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-3/4 rounded" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-1/2 rounded" })
-                  ] }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-20 rounded" })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 rounded" }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-5/6 rounded" }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-4/5 rounded" })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-ods-border pt-2", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded" }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-20 rounded" })
-                ] })
-              ] }, i)) }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-md" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-20 flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-64 rounded content-md:h-10" }),
-              /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-hidden rounded-lg border border-ods-border bg-ods-bg", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "border-b border-ods-border p-3", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-3 w-8 rounded" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-full rounded" })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-3 w-16 rounded" }),
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded" }),
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-1/2 rounded" })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[120px] w-20 rounded-lg" }) })
-              ] }) }),
-              /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ods-border bg-ods-card p-4", children: [
-                /* @__PURE__ */ jsx("div", { className: "mb-3 flex flex-col gap-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-ods-border bg-ods-card px-3 py-2", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 rounded-lg" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-20 rounded" })
-                  ] }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-12 rounded" })
-                ] }) }),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-2/3 rounded" }),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-4/5 rounded" }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/5 rounded" })
-                  ] })
-                ] })
-              ] }, i)) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "hidden w-[290px] flex-shrink-0 content-lg:block", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-ods-border", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 rounded" }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-20 rounded" }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-12 rounded" })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "space-y-3 p-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-6 rounded" }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-12 rounded" }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-8 rounded" })
-                ] })
-              ] }, i)) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 rounded-lg border border-ods-border" })
-            ] })
-          ] }) })
-        ] })
-      ] })
-    }
-  );
-}
-function StatsSectionSkeleton({ className, columns = 3 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "mb-12 grid gap-6 content-md:mb-16",
-        columns === 3 && "grid-cols-1 content-md:grid-cols-3",
-        columns === 4 && "grid-cols-1 content-md:grid-cols-2 content-lg:grid-cols-4",
-        className
-      ),
-      children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "lg" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "w-3/4" }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-3/4" })
-        ] })
-      ] }) }, i))
-    }
-  );
-}
-function BlogCardGridSkeleton({ className, region = true }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx(CardSkeletonGrid, { count: 4, variant: "blog", region, className: "grid-cols-1 content-md:grid-cols-2" }) });
-}
 function VendorGridSkeleton({ className, region = true }) {
   return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx(
     CardSkeletonGrid,
@@ -449,85 +113,12 @@ function VendorGridSkeleton({ className, region = true }) {
     }
   ) });
 }
-function SlackCommunitySkeleton({ region = true } = {}) {
-  return /* @__PURE__ */ jsx(
-    LoadingRegion,
-    {
-      label: "Loading the Slack community",
-      as: "section",
-      announce: region,
-      className: "w-full bg-ods-bg px-4 py-12 content-md:px-20 content-md:py-20 content-lg:px-20",
-      children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4 content-md:gap-6", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 max-w-md rounded-lg content-md:h-12 content-lg:h-14" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 flex-col gap-4 content-md:gap-6 content-lg:flex-row content-lg:items-start content-lg:justify-end", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex w-full flex-shrink-0 flex-col overflow-hidden rounded border border-ods-border bg-ods-bg content-lg:w-[290px] content-lg:max-w-[290px]", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-24 rounded" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-16 rounded" })
-              ] }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-32 rounded" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-3 w-16 rounded" }),
-              Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-[48px] items-center gap-2 px-2 py-3", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-4 rounded" }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-1 h-3 w-24 rounded" }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-2 w-16 rounded" })
-                ] })
-              ] }, i))
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "mt-2 border-t border-ods-border pt-3", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-16 rounded" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-8 rounded" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-20 rounded" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-8 rounded" })
-              ] })
-            ] }) })
-          ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex h-[450px] min-h-[450px] min-w-0 flex-1 flex-col rounded-lg border border-ods-border bg-ods-card content-md:h-[500px] content-md:min-h-[500px] content-lg:h-[600px] content-lg:min-h-[600px]", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex h-[56px] flex-shrink-0 items-center justify-between border-b border-ods-border bg-ods-bg p-4 content-md:h-[60px] content-md:p-6", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-3 rounded content-md:h-4 content-md:w-4" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-24 rounded content-md:h-4 content-md:w-32" })
-              ] }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-12 rounded content-md:w-16" })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "min-h-[280px] flex-1 space-y-3 overflow-hidden bg-ods-bg p-4 content-md:min-h-[320px] content-md:space-y-4 content-md:p-6 content-lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 content-md:gap-3", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-10 flex-shrink-0 rounded-lg content-md:h-12 content-md:w-12" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-16 rounded content-md:w-20" }),
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-12 rounded content-md:w-16" })
-                ] }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full rounded content-md:h-4" })
-              ] })
-            ] }, i)) }),
-            /* @__PURE__ */ jsx("div", { className: "h-[72px] flex-shrink-0 border-t border-ods-border bg-ods-card p-4 content-md:h-[80px] content-md:p-6", children: /* @__PURE__ */ jsx("div", { className: "flex items-end justify-center gap-3 content-md:justify-end", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-28 rounded-lg content-md:h-12 content-md:w-32" }) }) })
-          ] })
-        ] })
-      ] })
-    }
-  );
-}
 export {
-  AnnouncementBarSkeleton,
-  ArticleLayoutSkeleton,
-  BlogCardGridSkeleton,
   BreadcrumbLinkSkeleton,
   BreadcrumbSkeleton,
   CategorySidebarSkeleton,
   HeaderSkeleton,
-  HeroSkeleton,
   ResultsHeaderSkeleton,
   SearchContainerSkeleton,
-  SlackCommunitySkeleton,
-  StatsSectionSkeleton,
-  TwoColumnLayoutSkeleton,
-  VendorDetailLayoutSkeleton,
   VendorGridSkeleton
 };

package/dist/components/loading/settings-form-skeleton.d.ts

@@ -12,6 +12,8 @@ export interface SettingsFormSkeletonProps {
  * A settings FORM while it loads: cards of labelled controls (a title and a
  * line, then label, help line and control per field), and the save row under
  * them.
+ *
+ * @deprecated Render the settings form itself inside a `LoadingScope`: its cards and fields draw their own skeletons. Kept so hosts on an older release keep compiling; nothing in the lib uses it.
  */
 export declare function SettingsFormSkeleton({ region, cards, className }: SettingsFormSkeletonProps): import("react").JSX.Element;
 //# sourceMappingURL=settings-form-skeleton.d.ts.map

package/dist/components/loading/settings-form-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-form-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/settings-form-skeleton.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,MAAa,EAAE,KAAoB,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BA+BjH"}
+{"version":3,"file":"settings-form-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/settings-form-skeleton.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AAEH,wBAAgB,oBAAoB,CAAC,EAAE,MAAa,EAAE,KAAoB,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BA+BjH"}