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

package/dist/components/loading/organization-icon-skeleton.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { UnifiedSkeleton } from "./unified-skeleton.js";
-const sizeClasses = {
-  xs: "w-6 h-6",
-  sm: "w-8 h-8",
-  md: "w-10 h-10",
-  lg: "w-12 h-12",
-  l: "w-14 h-14",
-  xl: "w-16 h-16"
-};
-const backgroundClasses = {
-  dark: "bg-ods-bg border border-ods-border",
-  light: "bg-ods-card border border-ods-border",
-  white: "bg-white border border-[#E5E5E5]"
-};
-function OrganizationIconSkeleton({
-  size = "md",
-  className = "",
-  showBackground = true,
-  backgroundStyle = "dark"
-}) {
-  const containerClasses = cn(
-    sizeClasses[size],
-    "flex flex-shrink-0 items-center justify-center rounded-lg",
-    showBackground && backgroundClasses[backgroundStyle],
-    !showBackground && "overflow-hidden",
-    className
-  );
-  return /* @__PURE__ */ jsx("div", { className: containerClasses, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-1/2 w-1/2 rounded-sm" }) });
-}
-export {
-  OrganizationIconSkeleton
-};

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

@@ -1,45 +0,0 @@
-interface PageLayoutSkeletonProps {
-    className?: string;
-}
-/**
- * A whole loading state (a layout or a grid, not a piece of chrome): it announces itself once
- * (`LoadingRegion`). `region={false}` inside another loading region.
- */
-interface LoadingLayoutProps extends PageLayoutSkeletonProps {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-}
-/**
- * Header skeleton for a page that is still loading: logo, navigation and action placeholders
- */
-export declare function HeaderSkeleton(): import("react").JSX.Element;
-/**
- * Search container skeleton with filters
- */
-export declare function SearchContainerSkeleton({ className, showFilters, }: PageLayoutSkeletonProps & {
-    showFilters?: boolean;
-}): import("react").JSX.Element;
-/**
- * Category sidebar skeleton for filtering pages
- */
-export declare function CategorySidebarSkeleton({ className }: PageLayoutSkeletonProps): import("react").JSX.Element;
-/**
- * Breadcrumb navigation skeleton
- */
-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): import("react").JSX.Element;
-/**
- * Results header skeleton with count and sorting
- */
-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): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=page-layout-skeleton.d.ts.map

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

@@ -1 +0,0 @@
-{"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,124 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { CardSkeletonGrid } from "./card-skeleton.js";
-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]" }) }),
-    /* @__PURE__ */ jsx("nav", { className: "hidden min-w-0 flex-1 basis-1/3 items-center justify-center gap-2 content-md:flex", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "h-10 w-24" }),
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "h-10 w-24" }),
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "h-10 w-24" })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center justify-end gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "content-md:hidden", children: /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "h-10 w-10" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "hidden items-center gap-4 content-md:flex", children: [
-        /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "h-10 w-10" }),
-        /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "h-10 w-32" }),
-        /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "h-10 w-20" })
-      ] })
-    ] })
-  ] });
-}
-function SearchContainerSkeleton({
-  className,
-  showFilters = true
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className || ""), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 content-md:gap-4", children: [
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Input, { className: "flex-1" }),
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "w-32 content-md:w-40" })
-    ] }),
-    showFilters && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Chip, {}),
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Chip, { className: "w-24" }),
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Chip, { className: "w-16" }),
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Chip, { className: "w-20" })
-    ] })
-  ] });
-}
-function CategorySidebarSkeleton({ className }) {
-  const items = [
-    { type: "file", width: "w-20", hasBadge: false },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "folder", width: "w-20", hasBadge: true },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "folder", width: "w-16", hasBadge: true },
-    { type: "folder", width: "w-20", hasBadge: true },
-    { type: "folder", width: "w-28", hasBadge: true },
-    { type: "folder", width: "w-16", hasBadge: true },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "file", width: "w-28" },
-    { type: "file", width: "w-36" }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full content-lg:w-[320px]", className), children: [
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-4 h-[14px] w-24 rounded" }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "flex min-h-[50px] items-center justify-between rounded-lg border border-ods-border px-4 py-4",
-          index === 0 ? "bg-ods-accent/20" : "bg-ods-card"
-        ),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-4 shrink-0 rounded" }),
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex h-[18px] items-center gap-2", children: [
-            item.hasBadge && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
-            item.type === "folder" && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-4 rounded" })
-          ] })
-        ]
-      },
-      index
-    )) })
-  ] });
-}
-function BreadcrumbSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("mb-6 flex items-center space-x-1", className), children: [
-    /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-16" }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
-    /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-24" }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
-    /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-32" }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
-    /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-24" })
-  ] });
-}
-function BreadcrumbLinkSkeleton({ className }) {
-  return /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: cn("inline-block h-5 w-16", className) });
-}
-function ResultsHeaderSkeleton({ className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "mb-6 flex flex-col items-start justify-between gap-4 content-md:flex-row content-md:items-center",
-        className
-      ),
-      children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-48" }) })
-    }
-  );
-}
-function VendorGridSkeleton({ className, region = true }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx(
-    CardSkeletonGrid,
-    {
-      count: 12,
-      variant: "vendor",
-      region,
-      className: "grid-cols-1 content-md:grid-cols-2 content-lg:grid-cols-3"
-    }
-  ) });
-}
-export {
-  BreadcrumbLinkSkeleton,
-  BreadcrumbSkeleton,
-  CategorySidebarSkeleton,
-  HeaderSkeleton,
-  ResultsHeaderSkeleton,
-  SearchContainerSkeleton,
-  VendorGridSkeleton
-};

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

@@ -1,19 +0,0 @@
-export interface SettingsFormSkeletonProps {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-    /**
-     * How many fields each card holds, one entry per card, so the skeleton has the
-     * real shape of the screen behind it rather than a generic block.
-     */
-    cards?: number[];
-    className?: string;
-}
-/**
- * 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 +0,0 @@
-{"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"}

package/dist/components/loading/settings-form-skeleton.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { LoadingRegion } from "./loading-region.js";
-import { InteractiveSkeleton, TextSkeleton, UnifiedSkeleton } from "./unified-skeleton.js";
-function SettingsFormSkeleton({ region = true, cards = [2, 3, 2, 2], className }) {
-  return /* @__PURE__ */ jsxs(
-    LoadingRegion,
-    {
-      label: "Loading settings",
-      announce: region,
-      className: cn("space-y-[var(--spacing-system-lf)]", className),
-      children: [
-        cards.map((fields, cardIndex) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "space-y-[var(--spacing-system-lf)] rounded-lg border border-ods-border bg-ods-card p-[var(--spacing-system-lf)]",
-            children: [
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "mb-[var(--spacing-system-xsf)] w-32" }),
-                /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-full max-w-md" })
-              ] }),
-              Array.from({ length: fields }, (_, fieldIndex) => /* @__PURE__ */ jsxs("div", { className: "space-y-[var(--spacing-system-xsf)]", children: [
-                /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-40" }),
-                /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-full max-w-lg" }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-full rounded-md" })
-              ] }, `settings-field-${cardIndex}-${fieldIndex}`))
-            ]
-          },
-          `settings-card-${cardIndex}`
-        )),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-mf)]", children: [
-          /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "w-32" }),
-          /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-64" })
-        ] })
-      ]
-    }
-  );
-}
-export {
-  SettingsFormSkeleton
-};

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

@@ -1,9 +0,0 @@
-interface WizardLayoutSkeletonProps {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-    steps?: number;
-    className?: string;
-}
-export declare function WizardLayoutSkeleton({ region, steps, className }: WizardLayoutSkeletonProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=wizard-layout-skeleton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wizard-layout-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/wizard-layout-skeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,MAAa,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BAuBtG"}

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

@@ -1,21 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { LoadingRegion } from "./loading-region.js";
-import { UnifiedSkeleton, TextSkeleton } from "./unified-skeleton.js";
-function WizardLayoutSkeleton({ region = true, steps = 6, className }) {
-  return /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the wizard", announce: region, className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
-    /* @__PURE__ */ jsxs("div", { className: "max-w-2xl space-y-2", children: [
-      /* @__PURE__ */ jsx(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-1/2" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-10 flex justify-between", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
-    ] })
-  ] });
-}
-export {
-  WizardLayoutSkeleton
-};

package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.d.ts

@@ -1,21 +0,0 @@
-/** The catalog's layout, read by the loaded view and by its sections' skeleton, so the skeleton is the view's size. */
-export declare const CATALOG_VIEW_CLASS = "flex w-full flex-col gap-10";
-export declare const CATALOG_CONTROLS_CLASS = "space-y-4";
-export declare const CATALOG_SECTIONS_CLASS = "space-y-10";
-export declare const CATALOG_SECTION_CLASS = "space-y-4";
-export declare const CATALOG_SECTION_HEADING_CLASS = "flex items-center gap-2 text-ods-text-primary text-h3";
-export declare const CATALOG_SECTION_COUNT_CLASS = "inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 px-2 py-0.5 text-ods-text-secondary text-h6";
-export declare const CATALOG_LIST_CLASS = "flex flex-col gap-4";
-/**
- * Catalog cards the skeleton's section draws: a typical count, at every width. The catalog reads every guide (no
- * page, no limit), so there is no page size to draw. The section count is the data's too: the skeleton draws ONE
- * section, and every loaded section is a `data-loading-item`.
- */
-export declare const ONBOARDING_CATALOG_SKELETON_CARDS = 3;
-/**
- * The catalog's sections while the guides are read: ONE section of `ONBOARDING_CATALOG_SKELETON_CARDS` cards in the view's
- * own classes (its heading and count bars). The view draws it itself (`useLoadingScope() || loading`): its search bar
- * is real and its section pills draw their own skeleton.
- */
-export declare function OnboardingCatalogSectionsSkeleton(): import("react").JSX.Element;
-//# sourceMappingURL=onboarding-guides-catalog-skeleton.d.ts.map

package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"onboarding-guides-catalog-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx"],"names":[],"mappings":"AAKA,uHAAuH;AACvH,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAChE,eAAO,MAAM,sBAAsB,cAAc,CAAC;AAClD,eAAO,MAAM,sBAAsB,eAAe,CAAC;AACnD,eAAO,MAAM,qBAAqB,cAAc,CAAC;AACjD,eAAO,MAAM,6BAA6B,0DAA0D,CAAC;AACrG,eAAO,MAAM,2BAA2B,8HACqF,CAAC;AAC9H,eAAO,MAAM,kBAAkB,wBAAwB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD;;;;GAIG;AACH,wBAAgB,iCAAiC,gCAqBhD"}

package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { OnboardingGuideCardSkeleton } from "../chat/entity-cards/onboarding-guide-card.js";
-import { TextLineSkeleton } from "../loading/unified-skeleton.js";
-const CATALOG_VIEW_CLASS = "flex w-full flex-col gap-10";
-const CATALOG_CONTROLS_CLASS = "space-y-4";
-const CATALOG_SECTIONS_CLASS = "space-y-10";
-const CATALOG_SECTION_CLASS = "space-y-4";
-const CATALOG_SECTION_HEADING_CLASS = "flex items-center gap-2 text-ods-text-primary text-h3";
-const CATALOG_SECTION_COUNT_CLASS = "inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 px-2 py-0.5 text-ods-text-secondary text-h6";
-const CATALOG_LIST_CLASS = "flex flex-col gap-4";
-const ONBOARDING_CATALOG_SKELETON_CARDS = 3;
-function OnboardingCatalogSectionsSkeleton() {
-  return /* @__PURE__ */ jsx("div", { className: CATALOG_SECTIONS_CLASS, children: /* @__PURE__ */ jsxs("section", { className: CATALOG_SECTION_CLASS, "data-loading-item": true, children: [
-    /* @__PURE__ */ jsxs("h2", { className: CATALOG_SECTION_HEADING_CLASS, children: [
-      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }),
-      /* @__PURE__ */ jsx("span", { className: CATALOG_SECTION_COUNT_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-3" }) })
-    ] }),
-    /* @__PURE__ */ jsx("ul", { className: CATALOG_LIST_CLASS, children: Array.from({ length: ONBOARDING_CATALOG_SKELETON_CARDS }, (_, i) => (
-      // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
-      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(OnboardingGuideCardSkeleton, { size: "catalog" }) }, i)
-    )) })
-  ] }) });
-}
-export {
-  CATALOG_CONTROLS_CLASS,
-  CATALOG_LIST_CLASS,
-  CATALOG_SECTIONS_CLASS,
-  CATALOG_SECTION_CLASS,
-  CATALOG_SECTION_COUNT_CLASS,
-  CATALOG_SECTION_HEADING_CLASS,
-  CATALOG_VIEW_CLASS,
-  ONBOARDING_CATALOG_SKELETON_CARDS,
-  OnboardingCatalogSectionsSkeleton
-};

package/dist/components/profile/ProfileLoadingSkeleton.d.ts

@@ -1,8 +0,0 @@
-interface ProfileLoadingSkeletonProps {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-    className?: string;
-}
-export declare function ProfileLoadingSkeleton({ region, className }: ProfileLoadingSkeletonProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=ProfileLoadingSkeleton.d.ts.map

package/dist/components/profile/ProfileLoadingSkeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/profile/ProfileLoadingSkeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,2BAA2B;IACnC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,MAAa,EAAE,SAAS,EAAE,EAAE,2BAA2B,+BAoB/F"}

package/dist/components/profile/ProfileLoadingSkeleton.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { LoadingRegion } from "../loading/loading-region.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
-function ProfileLoadingSkeleton({ region = true, className }) {
-  return /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the profile", announce: region, className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-16 rounded-full" }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-32 rounded" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-24 rounded" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4", 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" })
-    ] })
-  ] });
-}
-export {
-  ProfileLoadingSkeleton
-};

package/dist/components/shared/detail-page-skeleton.d.ts

@@ -1,18 +0,0 @@
-export interface DetailPageSkeletonProps {
-    metadataColumns?: number;
-    showImageGallery?: boolean;
-    /** Render only the skeleton blocks, WITHOUT the self-contained page wrapper
-     *  — the caller supplies its own (e.g. `<PageShell>`) so the loading state
-     *  matches the loaded page's width, padding, and min-height. Default false
-     *  (self-contained `<PageLayout>` at the hub article width). */
-    bare?: boolean;
-    /** What is loading, read once by a screen reader. Default "Loading". */
-    label?: string;
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-}
-/**
- * @deprecated Render the detail page itself inside a `LoadingScope` (e.g. `ArticleDetailLayout` with its sections): each part draws its own skeleton. Kept so hosts on an older release keep compiling; nothing in the lib uses it.
- */
-export declare function DetailPageSkeleton({ metadataColumns, showImageGallery, bare, label, region, }?: DetailPageSkeletonProps): import("react").JSX.Element;
-//# sourceMappingURL=detail-page-skeleton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"detail-page-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/shared/detail-page-skeleton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;oEAGgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAYD;;GAEG;AAEH,wBAAgB,kBAAkB,CAAC,EACjC,eAAmB,EACnB,gBAAuB,EACvB,IAAY,EACZ,KAAiB,EACjB,MAAa,GACd,GAAE,uBAA4B,+BAgE9B"}

package/dist/components/shared/detail-page-skeleton.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { PageLayout } from "../layout/page-layout.js";
-import { LoadingRegion } from "../loading/loading-region.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
-const METADATA_COLUMNS_CLASS = {
-  1: "content-md:grid-cols-1",
-  2: "content-md:grid-cols-2",
-  3: "content-md:grid-cols-3",
-  4: "content-md:grid-cols-4",
-  5: "content-md:grid-cols-5",
-  6: "content-md:grid-cols-6"
-};
-function DetailPageSkeleton({
-  metadataColumns = 4,
-  showImageGallery = true,
-  bare = false,
-  label = "Loading",
-  region = true
-} = {}) {
-  const content = /* @__PURE__ */ jsxs(LoadingRegion, { label, announce: region, className: "space-y-6 content-md:space-y-10", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-full max-w-3xl rounded content-md:h-20" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-32 rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-28 rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-36 rounded" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `grid grid-cols-1 ${METADATA_COLUMNS_CLASS[metadataColumns] ?? METADATA_COLUMNS_CLASS[4]} w-full overflow-hidden rounded-md border border-ods-border`,
-        children: Array.from({ length: metadataColumns }).map((_, i) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "border-b border-ods-border bg-ods-card p-4 last:border-r-0 content-md:border-b-0 content-md:border-r",
-            children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-6 w-24 rounded" }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-20 rounded" })
-            ]
-          },
-          i
-        ))
-      }
-    ),
-    showImageGallery && /* @__PURE__ */ jsx("div", { className: "flex w-full gap-6 overflow-x-auto", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[200px] w-[240px] shrink-0 rounded-md border border-ods-border" }, i)) }),
-    !showImageGallery && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[2560/1366] w-full rounded-md" }),
-    [1, 2, 3].map((section) => /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-64 rounded" }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-full rounded" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-full rounded" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-4/5 rounded" })
-      ] })
-    ] }, section))
-  ] });
-  if (bare) return content;
-  return /* @__PURE__ */ jsx(
-    PageLayout,
-    {
-      showHeader: false,
-      className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 content-md:px-20 content-md:py-10",
-      children: content
-    }
-  );
-}
-export {
-  DetailPageSkeleton
-};

package/dist/components/shared/roadmap/roadmap-grid-skeleton.d.ts

@@ -1,30 +0,0 @@
-/**
- * RoadmapGridSkeleton: loading state for the `/roadmap` grid view. The grid
- * renders `RoadmapCard`, so each placeholder is that card's own loading box,
- * `RoadmapCardSkeleton`.
- */
-/**
- * The grid's box, read by `RoadmapGrid` and by its skeleton: one column, two from `content-md` when `columns` is 2,
- * and the desktop left margin that aligns it with the page hero's title. LITERAL class strings: an interpolated
- * `content-md:grid-cols-${n}` is invisible to Tailwind's scanner and is never generated.
- */
-export declare function roadmapGridClass(columns: 1 | 2, showLeftMargin: boolean): string;
-/**
- * Cards the grid's skeleton draws when its host states no count: a typical count. The roadmap lists every item it
- * holds (no page, no limit); a host that reads a known number of items passes it as `count`.
- */
-export declare const ROADMAP_GRID_SKELETON_CARDS = 4;
-export interface RoadmapGridSkeletonProps {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-    /** Skeleton cards: the number of items the host reads. Default `ROADMAP_GRID_SKELETON_CARDS`, a typical count. */
-    count?: number;
-    /** Show the desktop left margin (~120px) that aligns the grid with
-     *  the page hero's title block. Default `true`. Related-content rails
-     *  inside narrower surfaces (e.g. the release detail page) pass `false`. */
-    showLeftMargin?: boolean;
-    /** The grid's columns from `content-md` (`RoadmapGrid`'s `columns`). Default `2`. */
-    columns?: 1 | 2;
-}
-export declare function RoadmapGridSkeleton({ region, count, showLeftMargin, columns, }: RoadmapGridSkeletonProps): import("react").JSX.Element;
-//# sourceMappingURL=roadmap-grid-skeleton.d.ts.map

package/dist/components/shared/roadmap/roadmap-grid-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"roadmap-grid-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-grid-skeleton.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,GAAG,MAAM,CAIhF;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,MAAM,WAAW,wBAAwB;IACvC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kHAAkH;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;gFAE4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAa,EACb,KAAmC,EACnC,cAAqB,EACrB,OAAW,GACZ,EAAE,wBAAwB,+BAU1B"}

package/dist/components/shared/roadmap/roadmap-grid-skeleton.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { RoadmapCardSkeleton } from "../../chat/entity-cards/roadmap-card.js";
-import { LoadingRegion } from "../../loading/loading-region.js";
-function roadmapGridClass(columns, showLeftMargin) {
-  return `grid grid-cols-1 gap-6 ${columns === 2 ? "content-md:grid-cols-2" : ""} ${showLeftMargin ? "content-md:ml-[120px]" : ""}`;
-}
-const ROADMAP_GRID_SKELETON_CARDS = 4;
-function RoadmapGridSkeleton({
-  region = true,
-  count = ROADMAP_GRID_SKELETON_CARDS,
-  showLeftMargin = true,
-  columns = 2
-}) {
-  return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading the roadmap", announce: region, className: roadmapGridClass(columns, showLeftMargin), children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "min-w-0", "data-loading-item": true, children: /* @__PURE__ */ jsx(RoadmapCardSkeleton, {}) }, i)) });
-}
-export {
-  ROADMAP_GRID_SKELETON_CARDS,
-  RoadmapGridSkeleton,
-  roadmapGridClass
-};