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

package/dist/components/loading/category-vendor-selector-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"category-vendor-selector-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/category-vendor-selector-skeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,mCAAmC;IAC3C,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AAEH,wBAAgB,8BAA8B,CAAC,EAC7C,MAAa,EACb,aAAiB,EACjB,SAAS,GACV,EAAE,mCAAmC,+BA8BrC"}

package/dist/components/loading/category-vendor-selector-skeleton.js

@@ -1,32 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { LoadingRegion } from "./loading-region.js";
-import { TextSkeleton, UnifiedSkeleton } from "./unified-skeleton.js";
-function CategoryVendorSelectorSkeleton({
-  region = true,
-  subcategories = 3,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    LoadingRegion,
-    {
-      label: "Loading categories",
-      announce: region,
-      className: cn("rounded-lg border border-ods-border bg-ods-card p-6", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-6 max-w-xl space-y-2", children: [
-          /* @__PURE__ */ jsx(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-3/4" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 content-md:grid-cols-3", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
-        ] }, idx)) })
-      ]
-    }
-  );
-}
-export {
-  CategoryVendorSelectorSkeleton
-};

package/dist/components/loading/deprecated-layout-skeletons.d.ts

@@ -1,25 +0,0 @@
-interface LoadingLayoutProps {
-    className?: string;
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-}
-/**
- * @deprecated Draw the blog list itself: its cards draw their own skeletons in a `LoadingScope`. Kept so hosts on an
- * older release keep compiling.
- *
- * 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): import("react").JSX.Element;
-/**
- * @deprecated The Slack community section is the host's own component, which draws its own skeleton. Kept so hosts
- * on an older release keep compiling.
- *
- * Slack Community Section Skeleton
- * Matches SlackCommunity component structure with title, channel list, and chat interface
- */
-export declare function SlackCommunitySkeleton({ region }?: {
-    region?: boolean;
-}): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=deprecated-layout-skeletons.d.ts.map

package/dist/components/loading/deprecated-layout-skeletons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"deprecated-layout-skeletons.d.ts","sourceRoot":"","sources":["../../../src/components/loading/deprecated-layout-skeletons.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;GAMG;AAEH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,MAAa,EAAE,EAAE,kBAAkB,+BAMpF;AAED;;;;;;GAMG;AAEH,wBAAgB,sBAAsB,CAAC,EAAE,MAAa,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,+BAiGlF"}

package/dist/components/loading/deprecated-layout-skeletons.js

@@ -1,78 +0,0 @@
-"use client";
-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 } from "./unified-skeleton.js";
-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 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 {
-  BlogCardGridSkeleton,
-  SlackCommunitySkeleton
-};

package/dist/components/loading/device-card-skeleton.d.ts

@@ -1,40 +0,0 @@
-export interface DeviceCardSkeletonProps {
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    /** Hold `DeviceCard`'s "more" button (its `actions.moreButton`). Default `true`. */
-    moreButton?: boolean;
-    /**
-     * Hold the box of `DeviceCard`'s `actions.detailsButton.component` with these size classes
-     * (e.g. `'h-12 w-[88px]'`). Omit when the card has no details button.
-     */
-    detailsButtonClassName?: string;
-}
-/**
- * DeviceCardSkeleton: the loading box of `DeviceCard` (`ui/device-card.tsx`), box for box:
- * the same container classes, then
- * - Row 1: the bordered device-icon box, the OS icon and name line (`text-h4`) over the
- *   organization line (`text-h6`), the bordered "more" button (`moreButton`) and/or the details
- *   button's box (`detailsButtonClassName`);
- * - Row 2: the status tag (`Tag`'s `h-8`) and the "Last seen" line (`text-h6`).
- *
- * The loaded card replaces it with no movement.
- */
-export declare function DeviceCardSkeleton({ className, moreButton, detailsButtonClassName }: DeviceCardSkeletonProps): import("react").JSX.Element;
-/**
- * DeviceCardSkeletonGrid - Grid of device card skeletons
- *
- * Matches DevicesGrid layout with responsive columns:
- * - Mobile: 1 column
- * - Tablet (md): 2 columns
- * - Desktop (lg): 3 columns
- * - Large (xl): 4 columns
- */
-export declare function DeviceCardSkeletonGrid({ region, count, className, }: {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-    count?: number;
-    className?: string;
-}): import("react").JSX.Element;
-//# sourceMappingURL=device-card-skeleton.d.ts.map

package/dist/components/loading/device-card-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"device-card-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/device-card-skeleton.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,UAAiB,EAAE,sBAAsB,EAAE,EAAE,uBAAuB,+BAuCnH;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAa,EACb,KAAU,EACV,SAAS,GACV,EAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAYA"}

package/dist/components/loading/device-card-skeleton.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { LoadingRegion } from "./loading-region.js";
-import { TextLineSkeleton, UnifiedSkeleton } from "./unified-skeleton.js";
-function DeviceCardSkeleton({ className, moreButton = true, detailsButtonClassName }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "overflow-clip rounded-[6px] border border-ods-border bg-ods-card",
-        "flex flex-col gap-4 p-4",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-center rounded-[6px] border border-ods-border p-2", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-4 rounded" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-h4", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-4 shrink-0 rounded" }),
-              /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", className: "w-3/4" })
-            ] }),
-            /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/2" })
-          ] }),
-          moreButton && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-center rounded-[6px] border border-ods-border p-3", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-6 rounded" }) }),
-          detailsButtonClassName && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn("shrink-0 rounded-[6px]", detailsButtonClassName) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2", children: [
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-20 shrink-0 rounded-md" }),
-          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 text-h6", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", className: "w-40 max-w-full" }) })
-        ] })
-      ]
-    }
-  );
-}
-function DeviceCardSkeletonGrid({
-  region = true,
-  count = 12,
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    LoadingRegion,
-    {
-      label: "Loading devices",
-      announce: region,
-      className: cn("grid grid-cols-1 gap-4 content-md:grid-cols-2 content-lg:grid-cols-4", className),
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx(DeviceCardSkeleton, {}, index))
-    }
-  );
-}
-export {
-  DeviceCardSkeleton,
-  DeviceCardSkeletonGrid
-};

package/dist/components/loading/margin-report-skeleton.d.ts

@@ -1,14 +0,0 @@
-import type React from 'react';
-interface MarginReportSkeletonProps {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-    /** Enable pulse animation (default: true) */
-    animate?: boolean;
-    /** Optional explanation text shown above overlay content */
-    description?: React.ReactNode;
-    /** Optional React node displayed over skeleton (button, loader, etc.) */
-    overlayContent?: React.ReactNode;
-}
-export declare function MarginReportSkeleton({ region, animate, description, overlayContent, }: MarginReportSkeletonProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=margin-report-skeleton.d.ts.map

package/dist/components/loading/margin-report-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"margin-report-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/margin-report-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,yBAAyB;IACjC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yEAAyE;IACzE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,MAAa,EACb,OAAc,EACd,WAAW,EACX,cAAc,GACf,EAAE,yBAAyB,qBAoI3B"}

package/dist/components/loading/margin-report-skeleton.js

@@ -1,99 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { LoadingRegion } from "./loading-region.js";
-import { UnifiedSkeleton } from "./unified-skeleton.js";
-function MarginReportSkeleton({
-  region = true,
-  animate = true,
-  description,
-  overlayContent
-}) {
-  return /* @__PURE__ */ jsxs(
-    LoadingRegion,
-    {
-      label: "Loading the report",
-      as: "main",
-      announce: region && !overlayContent,
-      className: "relative min-h-screen bg-ods-bg",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-[1920px] space-y-10 px-6 py-6 content-md:px-20 content-md:py-10", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-72 rounded", animate }),
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-80 rounded", animate })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 content-md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-32 rounded border border-ods-border", animate }, i)) }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 content-md:grid-cols-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-14 w-14 rounded-lg", animate }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded", animate }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/2 rounded", animate })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-10 rounded-lg", animate }),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-32 rounded", animate }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-20 rounded", animate })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-36 rounded", animate })
-              ] }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mt-4 h-4 w-40 rounded", animate })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 content-md:grid-cols-2", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-40 rounded", animate }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-20 rounded", animate }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-10 rounded", animate })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "flex items-center justify-between rounded-lg border border-ods-border bg-ods-bg px-4 py-3",
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 flex-shrink-0 rounded-lg", animate }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-32 rounded", animate }),
-                      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mt-1 hidden h-3 w-24 rounded content-md:block", animate })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 items-center gap-1", children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded", animate }),
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-8 rounded", animate })
-                  ] })
-                ]
-              },
-              j
-            )) })
-          ] }, idx)) }),
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-60 rounded", animate }),
-          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 content-md:grid-cols-2 content-lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-48 rounded border border-ods-border", animate }, i)) }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-6 rounded-3xl border border-ods-border p-8", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-6", children: [
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-72 rounded", animate }),
-                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded", animate })
-              ] }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 shrink-0 rounded-md", animate })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 content-md:grid-cols-2 content-lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-32 rounded border border-ods-border", animate }, i)) })
-          ] })
-        ] }),
-        overlayContent && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 rounded-lg bg-ods-card/80", children: /* @__PURE__ */ jsxs("div", { className: "pointer-events-auto fixed left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-4 px-4 text-center", children: [
-          description && /* @__PURE__ */ jsx("h3", { children: description }),
-          overlayContent
-        ] }) })
-      ]
-    }
-  );
-}
-export {
-  MarginReportSkeleton
-};

package/dist/components/loading/msp-profile-form-skeleton.d.ts

@@ -1,28 +0,0 @@
-interface SkeletonProps {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-    className?: string;
-    /**
-     * Number of input fields to render on the right column (defaults to 4).
-     */
-    fields?: number;
-}
-/**
- * MspProfileFormSkeleton
- * -----------------------------------------------------------------------------
- * Loading state for the <MspProfileForm /> component used in the Share-Your-Stack
- * wizard (and any other area that re-uses the form).
- *
- * Design Notes:
- * – Two-column grid matching the live component (logo upload on the left,
- *   text / numeric inputs on the right).
- * – Left column: square/circular media skeleton to represent logo uploader.
- * – Right column: label + input pair per field.
- * – Mobile (<768px) collapses to one column via grid existing classes.
- * – Uses UnifiedSkeleton system to stay consistent with global loading design.
- *
- * @deprecated Render the form itself inside a `LoadingScope`: its fields draw their own skeletons. Kept so hosts on an older release keep compiling; nothing in the lib uses it.
- */
-export declare function MspProfileFormSkeleton({ region, className, fields }: SkeletonProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=msp-profile-form-skeleton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"msp-profile-form-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/msp-profile-form-skeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;GAeG;AAEH,wBAAgB,sBAAsB,CAAC,EAAE,MAAa,EAAE,SAAS,EAAE,MAAU,EAAE,EAAE,aAAa,+BA2B7F"}

package/dist/components/loading/msp-profile-form-skeleton.js

@@ -1,28 +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, InteractiveSkeleton } from "./unified-skeleton.js";
-function MspProfileFormSkeleton({ region = true, className, fields = 4 }) {
-  return /* @__PURE__ */ jsxs(
-    LoadingRegion,
-    {
-      label: "Loading the MSP profile",
-      announce: region,
-      className: cn("grid grid-cols-1 items-stretch gap-6 content-md:grid-cols-2", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col space-y-2", children: [
-          /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx("div", { className: "min-h-[180px] flex-1 content-md:min-h-full", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-full w-full rounded-lg" }) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-          /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx(InteractiveSkeleton.Input, {})
-        ] }, idx)) })
-      ]
-    }
-  );
-}
-export {
-  MspProfileFormSkeleton
-};

package/dist/components/loading/organization-card-skeleton.d.ts

@@ -1,51 +0,0 @@
-/** The card's corner radius, read by `OrganizationCard` and by its skeleton here. */
-export declare const ORGANIZATION_CARD_RADIUS_CLASS = "rounded-[6px]";
-/** The card's layout, read by `OrganizationCard` and by its skeleton here, so the skeleton is the card's size. */
-export declare const ORGANIZATION_CARD_LAYOUT_CLASS = "relative flex w-full flex-col gap-3 overflow-clip p-4";
-export declare const ORGANIZATION_CARD_SURFACE_CLASS = "border border-ods-border bg-ods-card";
-export declare const ORGANIZATION_CARD_HEADER_CLASS = "flex w-full items-start gap-3";
-export declare const ORGANIZATION_CARD_TEXT_CLASS = "flex min-w-0 flex-1 flex-col justify-center py-2";
-export declare const ORGANIZATION_CARD_DESCRIPTION_CLASS = "h-12 w-full overflow-hidden";
-export declare const ORGANIZATION_CARD_FOOTER_CLASS = "flex w-full min-w-0 items-center justify-between gap-2";
-export declare const ORGANIZATION_CARD_STATS_CLASS = "flex min-w-0 flex-shrink items-center gap-3 content-md:gap-4";
-export declare const ORGANIZATION_CARD_STAT_CLASS = "flex flex-shrink-0 items-center gap-1";
-export interface OrganizationCardSkeletonProps {
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    /**
-     * Show footer stats area
-     */
-    showFooter?: boolean;
-    /**
-     * Show description area
-     */
-    showDescription?: boolean;
-    /** Optional tailwind classes to override the card container background & border */
-    containerClassName?: string;
-}
-/**
- * OrganizationCard while its organization is read: the card's own layout constants (frame, header, description
- * box, footer), so it is the card's size by construction. The logo is `EntityImageSkeleton`, the name and its
- * second line `text-h3` and `text-h6` bars, the description two `text-h4` lines, the footer two stats.
- */
-export declare function OrganizationCardSkeleton({ className, containerClassName, showFooter, showDescription, }: OrganizationCardSkeletonProps): import("react").JSX.Element;
-/**
- * OrganizationCardSkeletonGrid - Grid of organization card skeletons
- *
- * Matches responsive grid layout:
- * - Mobile: 1 column
- * - Tablet (md): 2 columns
- * - Desktop (xl): 3 columns
- */
-export declare function OrganizationCardSkeletonGrid({ region, count, className, containerClassName, showFooter, showDescription, }: {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-    count?: number;
-    className?: string;
-    containerClassName?: string;
-    showFooter?: boolean;
-    showDescription?: boolean;
-}): import("react").JSX.Element;
-//# sourceMappingURL=organization-card-skeleton.d.ts.map

package/dist/components/loading/organization-card-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"organization-card-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/organization-card-skeleton.tsx"],"names":[],"mappings":"AAKA,qFAAqF;AACrF,eAAO,MAAM,8BAA8B,kBAAkB,CAAC;AAC9D,kHAAkH;AAClH,eAAO,MAAM,8BAA8B,0DAA0D,CAAC;AACtG,eAAO,MAAM,+BAA+B,yCAAyC,CAAC;AACtF,eAAO,MAAM,8BAA8B,kCAAkC,CAAC;AAC9E,eAAO,MAAM,4BAA4B,qDAAqD,CAAC;AAC/F,eAAO,MAAM,mCAAmC,gCAAgC,CAAC;AACjF,eAAO,MAAM,8BAA8B,2DAA2D,CAAC;AACvG,eAAO,MAAM,6BAA6B,iEAAiE,CAAC;AAC5G,eAAO,MAAM,4BAA4B,0CAA0C,CAAC;AAEpF,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAKD;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,kBAAkB,EAClB,UAAiB,EACjB,eAAsB,GACvB,EAAE,6BAA6B,+BAqC/B;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,MAAa,EACb,KAAU,EACV,SAAS,EACT,kBAAkB,EAClB,UAAiB,EACjB,eAAsB,GACvB,EAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,+BAiBA"}

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

@@ -1,88 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { EntityImageSkeleton } from "../ui/entity-image.js";
-import { LoadingRegion } from "./loading-region.js";
-import { MediaSkeleton, TextLineSkeleton } from "./unified-skeleton.js";
-const ORGANIZATION_CARD_RADIUS_CLASS = "rounded-[6px]";
-const ORGANIZATION_CARD_LAYOUT_CLASS = "relative flex w-full flex-col gap-3 overflow-clip p-4";
-const ORGANIZATION_CARD_SURFACE_CLASS = "border border-ods-border bg-ods-card";
-const ORGANIZATION_CARD_HEADER_CLASS = "flex w-full items-start gap-3";
-const ORGANIZATION_CARD_TEXT_CLASS = "flex min-w-0 flex-1 flex-col justify-center py-2";
-const ORGANIZATION_CARD_DESCRIPTION_CLASS = "h-12 w-full overflow-hidden";
-const ORGANIZATION_CARD_FOOTER_CLASS = "flex w-full min-w-0 items-center justify-between gap-2";
-const ORGANIZATION_CARD_STATS_CLASS = "flex min-w-0 flex-shrink items-center gap-3 content-md:gap-4";
-const ORGANIZATION_CARD_STAT_CLASS = "flex flex-shrink-0 items-center gap-1";
-const ORGANIZATION_CARD_SKELETON_STAT_WIDTHS = ["w-16", "w-20"];
-function OrganizationCardSkeleton({
-  className,
-  containerClassName,
-  showFooter = true,
-  showDescription = true
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        ORGANIZATION_CARD_LAYOUT_CLASS,
-        containerClassName || ORGANIZATION_CARD_SURFACE_CLASS,
-        ORGANIZATION_CARD_RADIUS_CLASS,
-        className
-      ),
-      "aria-hidden": true,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: ORGANIZATION_CARD_HEADER_CLASS, children: [
-          /* @__PURE__ */ jsx(EntityImageSkeleton, {}),
-          /* @__PURE__ */ jsxs("div", { className: ORGANIZATION_CARD_TEXT_CLASS, children: [
-            /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-3/4" }),
-            /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/2" })
-          ] })
-        ] }),
-        showDescription && /* @__PURE__ */ jsx("div", { className: ORGANIZATION_CARD_DESCRIPTION_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", lines: 2, className: "w-full" }) }),
-        showFooter && /* @__PURE__ */ jsx("div", { className: ORGANIZATION_CARD_FOOTER_CLASS, children: /* @__PURE__ */ jsx("div", { className: ORGANIZATION_CARD_STATS_CLASS, children: ORGANIZATION_CARD_SKELETON_STAT_WIDTHS.map((width) => /* @__PURE__ */ jsxs("div", { className: ORGANIZATION_CARD_STAT_CLASS, children: [
-          /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }),
-          /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: width })
-        ] }, width)) }) })
-      ]
-    }
-  );
-}
-function OrganizationCardSkeletonGrid({
-  region = true,
-  count = 12,
-  className,
-  containerClassName,
-  showFooter = true,
-  showDescription = true
-}) {
-  return /* @__PURE__ */ jsx(
-    LoadingRegion,
-    {
-      label: "Loading organizations",
-      announce: region,
-      className: cn("grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6 content-lg:grid-cols-3", className),
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx(
-        OrganizationCardSkeleton,
-        {
-          containerClassName,
-          showFooter,
-          showDescription
-        },
-        index
-      ))
-    }
-  );
-}
-export {
-  ORGANIZATION_CARD_DESCRIPTION_CLASS,
-  ORGANIZATION_CARD_FOOTER_CLASS,
-  ORGANIZATION_CARD_HEADER_CLASS,
-  ORGANIZATION_CARD_LAYOUT_CLASS,
-  ORGANIZATION_CARD_RADIUS_CLASS,
-  ORGANIZATION_CARD_STATS_CLASS,
-  ORGANIZATION_CARD_STAT_CLASS,
-  ORGANIZATION_CARD_SURFACE_CLASS,
-  ORGANIZATION_CARD_TEXT_CLASS,
-  OrganizationCardSkeleton,
-  OrganizationCardSkeletonGrid
-};

package/dist/components/loading/organization-icon-skeleton.d.ts

@@ -1,49 +0,0 @@
-export interface OrganizationIconSkeletonProps {
-    /**
-     * Size variant (matches OrganizationIcon/VendorIcon sizes)
-     * - xs: 24px (w-6 h-6)
-     * - sm: 32px (w-8 h-8) - for devices table
-     * - md: 40px (w-10 h-10) - for organizations table, dashboard (default)
-     * - lg: 48px (w-12 h-12)
-     * - l: 56px (w-14 h-14)
-     * - xl: 64px (w-16 h-16) - for detail views
-     */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'l' | 'xl';
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    /**
-     * Show background container (default: true)
-     */
-    showBackground?: boolean;
-    /**
-     * Background style variant (default: 'dark')
-     */
-    backgroundStyle?: 'dark' | 'light' | 'white';
-}
-/**
- * OrganizationIconSkeleton - Loading skeleton for OrganizationIcon
- *
- * Matches VendorIcon styling exactly for 100% visual parity.
- * Matches the exact dimensions of OrganizationIcon to prevent layout jumps.
- * Use this in loading states before organization data is available.
- *
- * Usage:
- *
- * ```typescript
- * // In table skeleton (matches current usage)
- * <OrganizationIconSkeleton size="md" />
- *
- * // In device card skeleton
- * <OrganizationIconSkeleton size="sm" />
- *
- * // In detail view skeleton
- * <OrganizationIconSkeleton size="xl" />
- *
- * // Without background
- * <OrganizationIconSkeleton size="sm" showBackground={false} />
- * ```
- */
-export declare function OrganizationIconSkeleton({ size, className, showBackground, backgroundStyle, }: OrganizationIconSkeletonProps): import("react").JSX.Element;
-//# sourceMappingURL=organization-icon-skeleton.d.ts.map

package/dist/components/loading/organization-icon-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"organization-icon-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/organization-icon-skeleton.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,6BAA6B;IAC5C;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;CAC9C;AAuBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,IAAW,EACX,SAAc,EACd,cAAqB,EACrB,eAAwB,GACzB,EAAE,6BAA6B,+BAc/B"}