@cellarnode/ui 0.16.9 → 0.17.3

package/dist/components/card-grid-skeleton.stories.d.ts

@@ -0,0 +1,35 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CardGridSkeleton } from "./card-grid-skeleton";
+declare const meta: {
+    title: string;
+    component: typeof CardGridSkeleton;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        cols: {
+            control: {
+                type: "select";
+            };
+            options: number[];
+        };
+        count: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+        tier: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TwoColumn: Story;
+export declare const HeroInProvider: Story;
+//# sourceMappingURL=card-grid-skeleton.stories.d.ts.map

package/dist/components/card-grid-skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-grid-skeleton.stories.d.ts","sourceRoot":"","sources":["../../src/components/card-grid-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAU+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAuC,CAAC;AAC9D,eAAO,MAAM,SAAS,EAAE,KAAuC,CAAC;AAChE,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}

package/dist/components/card-grid-skeleton.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardGridSkeleton } from "./card-grid-skeleton";
+import { SkeletonProvider } from "../skeleton/provider";
+const meta = {
+    title: "Components/CardGridSkeleton",
+    component: CardGridSkeleton,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+    argTypes: {
+        cols: { control: { type: "select" }, options: [1, 2, 3, 4] },
+        count: { control: { type: "number", min: 1, max: 16 } },
+        tier: { control: "select", options: ["hero", "data", "inline"] },
+    },
+};
+export default meta;
+export const Default = { args: { cols: 3, count: 6 } };
+export const TwoColumn = { args: { cols: 2, count: 4 } };
+export const HeroInProvider = {
+    args: { cols: 3, count: 6 },
+    render: () => (_jsx(SkeletonProvider, { tier: "hero", children: _jsx(CardGridSkeleton, { cols: 3, count: 6, tier: "hero" }) })),
+};
+//# sourceMappingURL=card-grid-skeleton.stories.js.map

package/dist/components/card-grid-skeleton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-grid-skeleton.stories.js","sourceRoot":"","sources":["../../src/components/card-grid-skeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;QAC5D,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QACvD,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE;KACjE;CACsC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;AAC9D,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;AAChE,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,YAC3B,KAAC,gBAAgB,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,GAAG,GAClC,CACpB;CACF,CAAC"}

package/dist/components/card.js

@@ -7,10 +7,10 @@ function CardHeader({ className, ref, ...props }) {
     return _jsx("div", { ref: ref, className: cn("flex flex-col space-y-3 p-8", className), ...props });
 }
 function CardTitle({ className, ref, ...props }) {
-    return _jsx("h3", { ref: ref, className: cn("text-xl font-medium leading-none tracking-tight", className), ...props });
+    return _jsx("h3", { ref: ref, className: cn("text-xl/none font-medium tracking-tight", className), ...props });
 }
 function CardDescription({ className, ref, ...props }) {
-    return _jsx("p", { ref: ref, className: cn("text-sm text-muted-foreground leading-relaxed", className), ...props });
+    return _jsx("p", { ref: ref, className: cn("text-sm/relaxed text-muted-foreground", className), ...props });
 }
 function CardContent({ className, ref, ...props }) {
     return _jsx("div", { ref: ref, className: cn("p-8 pt-0", className), ...props });

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8E;IACpH,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClI,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8E;IAC1H,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC/F,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAwF;IACnI,OAAO,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0F;IAC3I,OAAO,YAAG,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC/G,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8E;IAC3H,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8E;IAC1H,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC9F,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8E;IACpH,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClI,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8E;IAC1H,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC/F,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAwF;IACnI,OAAO,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC1G,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0F;IAC3I,OAAO,YAAG,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACvG,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8E;IAC3H,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8E;IAC1H,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC9F,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/celebration-pulse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"celebration-pulse.d.ts","sourceRoot":"","sources":["../../src/components/celebration-pulse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAc,EACd,aAAmC,EACnC,aAAwD,EACxD,SAAS,GACV,EAAE,qBAAqB,2CAevB"}
+{"version":3,"file":"celebration-pulse.d.ts","sourceRoot":"","sources":["../../src/components/celebration-pulse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAc,EACd,aAAmC,EACnC,aAAsF,EACtF,SAAS,GACV,EAAE,qBAAqB,2CAevB"}

package/dist/components/celebration-pulse.js

@@ -9,7 +9,7 @@ import { useCelebrationPulse } from "../hooks/use-celebration-pulse";
  * Respects `prefers-reduced-motion`: in reduced-motion mode the wrapper
  * renders the child without any animation classes.
  */
-export function CelebrationPulse({ children, duration = 500, ringClassName = "ring-amber-300/50", glowClassName = "shadow-[0_0_24px_rgba(34,197,94,0.25)]", className, }) {
+export function CelebrationPulse({ children, duration = 500, ringClassName = "ring-amber-300/50", glowClassName = "shadow-[0_0_24px_color-mix(in_oklab,var(--success)_25%,transparent)]", className, }) {
     const isPulsing = useCelebrationPulse(duration);
     return (_jsx("div", { className: cn("rounded-lg transition-all duration-500 ease-out", isPulsing && `ring-4 ${ringClassName}`, isPulsing && glowClassName, className), children: children }));
 }

package/dist/components/celebration-pulse.js.map

@@ -1 +1 @@
-{"version":3,"file":"celebration-pulse.js","sourceRoot":"","sources":["../../src/components/celebration-pulse.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAarE;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,aAAa,GAAG,mBAAmB,EACnC,aAAa,GAAG,wCAAwC,EACxD,SAAS,GACa;IACtB,MAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAEhD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,SAAS,IAAI,UAAU,aAAa,EAAE,EACtC,SAAS,IAAI,aAAa,EAC1B,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"celebration-pulse.js","sourceRoot":"","sources":["../../src/components/celebration-pulse.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAarE;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,aAAa,GAAG,mBAAmB,EACnC,aAAa,GAAG,sEAAsE,EACtF,SAAS,GACa;IACtB,MAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAEhD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,SAAS,IAAI,UAAU,aAAa,EAAE,EACtC,SAAS,IAAI,aAAa,EAC1B,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/dashboard-stats-grid.d.ts

@@ -13,6 +13,7 @@ export interface DashboardStatItem {
 export interface DashboardStatsGridProps {
     stats: DashboardStatItem[];
     isLoading?: boolean;
+    isRefetching?: boolean;
     /** Shown in trend context: "vs last {period}" */
     period?: string;
     /** Render a router-agnostic link wrapper. Receives href + children + className. */
@@ -25,5 +26,14 @@ export interface DashboardStatsGridProps {
     /** Default true — set false to disable entrance animations */
     animate?: boolean;
 }
-export declare function DashboardStatsGrid({ stats, isLoading, period, renderLink, className, animate, }: DashboardStatsGridProps): import("react/jsx-runtime").JSX.Element;
+export interface DashboardStatsGridSkeletonProps {
+    count?: number;
+    className?: string;
+}
+declare function DashboardStatsGridSkeleton({ count, className, }: DashboardStatsGridSkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare function DashboardStatsGridBase({ stats, isLoading, isRefetching, period, renderLink, className, animate, }: DashboardStatsGridProps): import("react/jsx-runtime").JSX.Element;
+export declare const DashboardStatsGrid: typeof DashboardStatsGridBase & {
+    Skeleton: typeof DashboardStatsGridSkeleton;
+};
+export {};
 //# sourceMappingURL=dashboard-stats-grid.d.ts.map

package/dist/components/dashboard-stats-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-stats-grid.d.ts","sourceRoot":"","sources":["../../src/components/dashboard-stats-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwND,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAiB,EACjB,MAAM,EACN,UAAU,EACV,SAAS,EACT,OAAc,GACf,EAAE,uBAAuB,2CAazB"}
+{"version":3,"file":"dashboard-stats-grid.d.ts","sourceRoot":"","sources":["../../src/components/dashboard-stats-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgND,MAAM,WAAW,+BAA+B;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,0BAA0B,CAAC,EAClC,KAAS,EACT,SAAS,GACV,EAAE,+BAA+B,2CAWjC;AAMD,iBAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,SAAiB,EACjB,YAAoB,EACpB,MAAM,EACN,UAAU,EACV,SAAS,EACT,OAAc,GACf,EAAE,uBAAuB,2CAoBzB;AAED,eAAO,MAAM,kBAAkB;;CAE7B,CAAC"}

package/dist/components/dashboard-stats-grid.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { motion } from "motion/react";
 import { cn } from "../lib/utils";
-import { Skeleton } from "./skeleton";
+import { StatCard } from "./stat-card";
+import { SkeletonGroup } from "../skeleton/provider";
 // =============================================================================
 // REDUCED MOTION DETECTION
 // =============================================================================
@@ -27,12 +28,6 @@ function TrendPill({ value, previousValue, period }) {
                     ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
                     : "bg-red-500/10 text-red-600 dark:text-red-400"), children: [isPositive ? _jsx(TrendingUpIcon, {}) : _jsx(TrendingDownIcon, {}), Math.abs(percentChange).toFixed(0), "%"] }), period && (_jsxs("span", { className: "text-[11px] text-muted-foreground", children: ["vs last ", period] }))] }));
 }
-// =============================================================================
-// SKELETON CARD
-// =============================================================================
-function SkeletonCard() {
-    return _jsx(Skeleton, { className: "h-36 rounded-2xl" });
-}
 function StatGridCard({ stat, period, renderLink }) {
     const isClickable = Boolean(stat.href && renderLink);
     const cardContent = (_jsxs("div", { className: cn("group flex h-full flex-col justify-between rounded-2xl border border-border/60 bg-card p-5", "transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md", isClickable && "cursor-pointer hover:bg-accent/30", stat.hero && "border-l-[3px] border-l-primary bg-primary/[0.03]"), children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "grid gap-1.5", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: stat.label }), _jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("p", { className: cn("tabular-nums font-bold tracking-tight text-foreground", stat.hero ? "text-3xl" : "text-2xl"), children: stat.value.toLocaleString() }), _jsx(TrendPill, { value: stat.value, previousValue: stat.previousValue, period: period })] })] }), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [stat.icon && (_jsx("div", { className: "tone-icon tone-brand shrink-0 rounded-xl p-2.5 transition-colors duration-200 group-hover:bg-primary group-hover:text-primary-foreground", children: stat.icon })), isClickable && (_jsx("span", { className: "text-muted-foreground/40 transition-transform group-hover:translate-x-1", children: "\u2192" }))] })] }), stat.description && (_jsx("p", { className: "mt-5 text-sm/5 text-muted-foreground", children: stat.description }))] }));
@@ -51,13 +46,25 @@ function AnimatedCard({ index, animate, children }) {
     }
     return (_jsx(motion.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: index * 0.06 }, children: children }));
 }
+function DashboardStatsGridSkeleton({ count = 4, className, }) {
+    return (_jsx(SkeletonGroup, { children: _jsx("div", { className: cn("grid gap-4 md:grid-cols-2 xl:grid-cols-4", className), children: Array.from({ length: count }).map((_, i) => (
+            // eslint-disable-next-line @eslint-react/no-array-index-key
+            _jsx(StatCard.Skeleton, {}, i))) }) }));
+}
 // =============================================================================
 // MAIN COMPONENT
 // =============================================================================
-export function DashboardStatsGrid({ stats, isLoading = false, period, renderLink, className, animate = true, }) {
-    return (_jsx("div", { className: cn("grid gap-4 md:grid-cols-2 xl:grid-cols-4", className), children: isLoading
-            ? /* eslint-disable-next-line @eslint-react/no-array-index-key -- identical placeholders, no stable identity */
-                Array.from({ length: 4 }).map((_, i) => _jsx(SkeletonCard, {}, i))
-            : stats.map((stat, index) => (_jsx(AnimatedCard, { index: index, animate: animate, children: _jsx(StatGridCard, { stat: stat, period: period, renderLink: renderLink }) }, stat.id))) }));
+function DashboardStatsGridBase({ stats, isLoading = false, isRefetching = false, period, renderLink, className, animate = true, }) {
+    if (isLoading) {
+        return _jsx(DashboardStatsGridSkeleton, { className: className });
+    }
+    const grid = (_jsx("div", { className: cn("grid gap-4 md:grid-cols-2 xl:grid-cols-4", className), children: stats.map((stat, index) => (_jsx(AnimatedCard, { index: index, animate: animate, children: _jsx(StatGridCard, { stat: stat, period: period, renderLink: renderLink }) }, stat.id))) }));
+    if (isRefetching) {
+        return _jsx("div", { "data-refetch-pulse": "", children: grid });
+    }
+    return grid;
 }
+export const DashboardStatsGrid = Object.assign(DashboardStatsGridBase, {
+    Skeleton: DashboardStatsGridSkeleton,
+});
 //# sourceMappingURL=dashboard-stats-grid.js.map

package/dist/components/dashboard-stats-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-stats-grid.js","sourceRoot":"","sources":["../../src/components/dashboard-stats-grid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dashboard-stats-grid.js","sourceRoot":"","sources":["../../src/components/dashboard-stats-grid.tsx"],"names":[],"mappings":"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"}

package/dist/components/dashboard-stats-grid.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: (({ stats, isLoading, isRefetching, period, renderLink, className, animate, }: import("./dashboard-stats-grid").DashboardStatsGridProps) => import("react/jsx-runtime").JSX.Element) & {
+        Skeleton: ({ count, className, }: import("./dashboard-stats-grid").DashboardStatsGridSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Refetching: Story;
+export declare const SkeletonInProvider: Story;
+export declare const SkeletonStandalone: Story;
+//# sourceMappingURL=dashboard-stats-grid.stories.d.ts.map

package/dist/components/dashboard-stats-grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-stats-grid.stories.d.ts","sourceRoot":"","sources":["../../src/components/dashboard-stats-grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,QAAA,MAAM,IAAI;;;;;;;;;CAKiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAGhC,CAAC"}

package/dist/components/dashboard-stats-grid.stories.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DashboardStatsGrid } from "./dashboard-stats-grid";
+import { SkeletonProvider } from "../skeleton/provider";
+const demoStats = [
+    { id: "tenders", label: "Active Tenders", value: 42, previousValue: 38 },
+    { id: "offers", label: "Offers Sent", value: 112, previousValue: 95 },
+    { id: "wins", label: "Wins", value: 7, previousValue: 9 },
+    { id: "markets", label: "Markets", value: 5, previousValue: 5, hero: true },
+];
+const meta = {
+    title: "Components/DashboardStatsGrid",
+    component: DashboardStatsGrid,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Default = {
+    args: { stats: demoStats, period: "week" },
+};
+export const Loading = {
+    args: { stats: [], isLoading: true },
+};
+export const Refetching = {
+    args: { stats: demoStats, isRefetching: true, period: "week" },
+};
+export const SkeletonInProvider = {
+    args: { stats: [] },
+    render: () => (_jsx(SkeletonProvider, { tier: "hero", stagger: 120, children: _jsx(DashboardStatsGrid.Skeleton, {}) })),
+};
+export const SkeletonStandalone = {
+    args: { stats: [] },
+    render: () => _jsx(DashboardStatsGrid.Skeleton, { count: 3 }),
+};
+//# sourceMappingURL=dashboard-stats-grid.stories.js.map

package/dist/components/dashboard-stats-grid.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-stats-grid.stories.js","sourceRoot":"","sources":["../../src/components/dashboard-stats-grid.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;IACxE,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,EAAE,EAAE;IACrE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE;IACzD,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;CAC5E,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAkB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACS,CAAC;AAE5C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,YACxC,KAAC,kBAAkB,CAAC,QAAQ,KAAG,GACd,CACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,GAAI;CACxD,CAAC"}

package/dist/components/data-table-skeleton.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type SkeletonTier } from "../skeleton/stagger";
+export interface DataTableSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    columns: number;
+    rows: number;
+    tier?: SkeletonTier;
+}
+export declare function DataTableSkeleton({ columns, rows, tier, className, ...rest }: DataTableSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data-table-skeleton.d.ts.map

package/dist/components/data-table-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-skeleton.d.ts","sourceRoot":"","sources":["../../src/components/data-table-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE5E,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,sBAAsB,2CAqCxB"}

package/dist/components/data-table-skeleton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { Skeleton } from "./skeleton";
+import { useSkeletonContext } from "../skeleton/stagger";
+export function DataTableSkeleton({ columns, rows, tier, className, ...rest }) {
+    const ctx = useSkeletonContext();
+    const resolvedTier = tier ?? (ctx.hasProvider ? ctx.tier : "data");
+    return (_jsxs("div", { className: cn("w-full overflow-hidden rounded-xl border border-border/60 bg-card", className), ...rest, children: [_jsx("div", { className: "grid gap-3 border-b border-border/60 bg-muted/30 px-4 py-3", style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }, children: Array.from({ length: columns }).map((_, i) => (
+                // eslint-disable-next-line @eslint-react/no-array-index-key
+                _jsx(Skeleton, { tier: resolvedTier, className: "h-3 w-24" }, `h-${i}`))) }), Array.from({ length: rows }).map((_, r) => (_jsx("div", { "data-skeleton-row": "", className: "grid gap-3 border-b border-border/30 px-4 py-4 last:border-b-0", style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }, children: Array.from({ length: columns }).map((_, c) => (
+                // eslint-disable-next-line @eslint-react/no-array-index-key
+                _jsx(Skeleton, { tier: resolvedTier, className: "h-4 w-full max-w-[180px]" }, `${r}-${c}`))) }, r)))] }));
+}
+//# sourceMappingURL=data-table-skeleton.js.map

package/dist/components/data-table-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-skeleton.js","sourceRoot":"","sources":["../../src/components/data-table-skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAqB,MAAM,qBAAqB,CAAC;AAQ5E,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACgB;IACvB,MAAM,GAAG,GAAG,kBAAkB,EAAE,CAAC;IACjC,MAAM,YAAY,GAAiB,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEjF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,mEAAmE,EAAE,SAAS,CAAC,KACzF,IAAI,aAGR,cACE,SAAS,EAAC,4DAA4D,EACtE,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,OAAO,mBAAmB,EAAE,YAEnE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC7C,4DAA4D;gBAC5D,KAAC,QAAQ,IAAgB,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,UAAU,IAAlD,KAAK,CAAC,EAAE,CAA6C,CACrE,CAAC,GACE,EAGL,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,mCAGoB,EAAE,EACpB,SAAS,EAAC,gEAAgE,EAC1E,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,OAAO,mBAAmB,EAAE,YAEnE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC7C,4DAA4D;gBAC5D,KAAC,QAAQ,IAAmB,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,0BAA0B,IAArE,GAAG,CAAC,IAAI,CAAC,EAAE,CAA6D,CACxF,CAAC,IARG,CAAC,CASF,CACP,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/data-table-skeleton.stories.d.ts

@@ -0,0 +1,36 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { DataTableSkeleton } from "./data-table-skeleton";
+declare const meta: {
+    title: string;
+    component: typeof DataTableSkeleton;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        columns: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+        rows: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+        tier: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const InProvider: Story;
+//# sourceMappingURL=data-table-skeleton.stories.d.ts.map

package/dist/components/data-table-skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-skeleton.stories.d.ts","sourceRoot":"","sources":["../../src/components/data-table-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAyC,CAAC;AAChE,eAAO,MAAM,KAAK,EAAE,KAAyC,CAAC;AAC9D,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC"}

package/dist/components/data-table-skeleton.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataTableSkeleton } from "./data-table-skeleton";
+import { SkeletonProvider } from "../skeleton/provider";
+const meta = {
+    title: "Components/DataTableSkeleton",
+    component: DataTableSkeleton,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+    argTypes: {
+        columns: { control: { type: "number", min: 1, max: 12 } },
+        rows: { control: { type: "number", min: 1, max: 40 } },
+        tier: { control: "select", options: ["hero", "data", "inline"] },
+    },
+};
+export default meta;
+export const Default = { args: { columns: 5, rows: 8 } };
+export const Small = { args: { columns: 3, rows: 4 } };
+export const InProvider = {
+    args: { columns: 5, rows: 6 },
+    render: () => (_jsx(SkeletonProvider, { tier: "data", children: _jsx(DataTableSkeleton, { columns: 5, rows: 6 }) })),
+};
+//# sourceMappingURL=data-table-skeleton.stories.js.map

package/dist/components/data-table-skeleton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-skeleton.stories.js","sourceRoot":"","sources":["../../src/components/data-table-skeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QACzD,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QACtD,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE;KACjE;CACuC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;AAChE,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;AAC9D,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,YAC3B,KAAC,iBAAiB,IAAC,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,GACzB,CACpB;CACF,CAAC"}

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type SkeletonTier } from "../skeleton/stagger";
+export interface DetailPageSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    tier?: SkeletonTier;
+}
+/**
+ * Generic detail-page skeleton: title, meta row, two-column body.
+ * Replaces local DetailSkeleton() functions in producer/importer detail pages.
+ */
+export declare function DetailPageSkeleton({ tier, className, ...rest }: DetailPageSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=detail-page-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-page-skeleton.d.ts","sourceRoot":"","sources":["../../src/components/detail-page-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE5E,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAgCzB"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { Skeleton } from "./skeleton";
+import { useSkeletonContext } from "../skeleton/stagger";
+/**
+ * Generic detail-page skeleton: title, meta row, two-column body.
+ * Replaces local DetailSkeleton() functions in producer/importer detail pages.
+ */
+export function DetailPageSkeleton({ tier, className, ...rest }) {
+    const ctx = useSkeletonContext();
+    const resolvedTier = tier ?? (ctx.hasProvider ? ctx.tier : "hero");
+    return (_jsxs("div", { className: cn("flex flex-col gap-6", className), ...rest, children: [_jsx(Skeleton, { tier: resolvedTier, className: "h-8 w-80 max-w-full" }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx(Skeleton, { tier: resolvedTier, className: "h-6 w-24 rounded-full" }), _jsx(Skeleton, { tier: resolvedTier, className: "h-6 w-32 rounded-full" }), _jsx(Skeleton, { tier: resolvedTier, className: "h-6 w-20 rounded-full" })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-[2fr_1fr]", children: [_jsxs("div", { className: "flex flex-col gap-4 rounded-2xl border border-border/60 bg-card p-6", children: [_jsx(Skeleton, { tier: resolvedTier, className: "h-5 w-40" }), _jsx(Skeleton, { tier: resolvedTier, className: "h-4 w-full" }), _jsx(Skeleton, { tier: resolvedTier, className: "h-4 w-full" }), _jsx(Skeleton, { tier: resolvedTier, className: "h-4 w-3/4" }), _jsx(Skeleton, { tier: resolvedTier, className: "mt-2 h-40 w-full rounded-xl" })] }), _jsxs("div", { className: "flex flex-col gap-4 rounded-2xl border border-border/60 bg-card p-6", children: [_jsx(Skeleton, { tier: resolvedTier, className: "h-5 w-28" }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Skeleton, { tier: resolvedTier, className: "h-4 w-full" }), _jsx(Skeleton, { tier: resolvedTier, className: "h-4 w-full" }), _jsx(Skeleton, { tier: resolvedTier, className: "h-4 w-2/3" })] }), _jsx(Skeleton, { tier: resolvedTier, className: "mt-auto h-10 w-full rounded-lg" })] })] })] }));
+}
+//# sourceMappingURL=detail-page-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-page-skeleton.js","sourceRoot":"","sources":["../../src/components/detail-page-skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAqB,MAAM,qBAAqB,CAAC;AAM5E;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACiB;IACxB,MAAM,GAAG,GAAG,kBAAkB,EAAE,CAAC;IACjC,MAAM,YAAY,GAAiB,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEjF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,IAAI,aAC5D,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,qBAAqB,GAAG,EAChE,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,uBAAuB,GAAG,EAClE,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,uBAAuB,GAAG,EAClE,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,uBAAuB,GAAG,IAC9D,EACN,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAK,SAAS,EAAC,qEAAqE,aAClF,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,UAAU,GAAG,EACrD,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,YAAY,GAAG,EACvD,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,YAAY,GAAG,EACvD,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,WAAW,GAAG,EACtD,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,6BAA6B,GAAG,IACpE,EACN,eAAK,SAAS,EAAC,qEAAqE,aAClF,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,UAAU,GAAG,EACrD,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,YAAY,GAAG,EACvD,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,YAAY,GAAG,EACvD,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,WAAW,GAAG,IAClD,EACN,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,gCAAgC,GAAG,IACvE,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/{kanban-card.stories.d.ts → detail-page-skeleton.stories.d.ts}

@@ -1,8 +1,8 @@
 import type { StoryObj } from "@storybook/react-vite";
-import { KanbanCard } from "./kanban-card";
+import { DetailPageSkeleton } from "./detail-page-skeleton";
 declare const meta: {
     title: string;
-    component: typeof KanbanCard;
+    component: typeof DetailPageSkeleton;
     tags: string[];
     parameters: {
         layout: string;
@@ -11,6 +11,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithRichContent: Story;
-export declare const NoClickHandler: Story;
-//# sourceMappingURL=kanban-card.stories.d.ts.map
+export declare const InProvider: Story;
+//# sourceMappingURL=detail-page-skeleton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-page-skeleton.stories.d.ts","sourceRoot":"","sources":["../../src/components/detail-page-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;CAKiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DetailPageSkeleton } from "./detail-page-skeleton";
+import { SkeletonProvider } from "../skeleton/provider";
+const meta = {
+    title: "Components/DetailPageSkeleton",
+    component: DetailPageSkeleton,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Default = {};
+export const InProvider = {
+    render: () => (_jsx(SkeletonProvider, { tier: "hero", children: _jsx(DetailPageSkeleton, {}) })),
+};
+//# sourceMappingURL=detail-page-skeleton.stories.js.map

package/dist/components/detail-page-skeleton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-page-skeleton.stories.js","sourceRoot":"","sources":["../../src/components/detail-page-skeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAkB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACS,CAAC;AAE5C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,YAC3B,KAAC,kBAAkB,KAAG,GACL,CACpB;CACF,CAAC"}

package/dist/components/drawer.js

@@ -17,7 +17,7 @@ DrawerHeader.displayName = "DrawerHeader";
 const DrawerFooter = ({ className, ...props }) => (_jsx("div", { className: cn("mt-auto flex flex-col gap-2 p-4 pb-[calc(1rem+env(safe-area-inset-bottom))]", className), ...props }));
 DrawerFooter.displayName = "DrawerFooter";
 function DrawerTitle({ className, ref, ...props }) {
-    return (_jsx(DrawerPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+    return (_jsx(DrawerPrimitive.Title, { ref: ref, className: cn("text-lg/none font-semibold tracking-tight", className), ...props }));
 }
 function DrawerDescription({ className, ref, ...props }) {
     return (_jsx(DrawerPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props }));

package/dist/components/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,MAAM,GAAG,CAAC,EACd,qBAAqB,GAAG,IAAI,EAC5B,GAAG,KAAK,EAC0C,EAAE,EAAE,CAAC,CACvD,KAAC,eAAe,CAAC,IAAI,IACnB,qBAAqB,EAAE,qBAAqB,KACxC,KAAK,GACT,CACH,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC;AAE9C,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AAE5C,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAE1C,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wHAAwH,EACxH,SAAS,CACV,KACG,KAAK,aAGT,cAAK,SAAS,EAAC,wDAAwD,GAAG,EACzE,QAAQ,IACe,IACb,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,cACE,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KACjE,KAAK,GACT,CACH,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,cACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,WAAW,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,MAAM,GAAG,CAAC,EACd,qBAAqB,GAAG,IAAI,EAC5B,GAAG,KAAK,EAC0C,EAAE,EAAE,CAAC,CACvD,KAAC,eAAe,CAAC,IAAI,IACnB,qBAAqB,EAAE,qBAAqB,KACxC,KAAK,GACT,CACH,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC;AAE9C,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AAE5C,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAE1C,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wHAAwH,EACxH,SAAS,CACV,KACG,KAAK,aAGT,cAAK,SAAS,EAAC,wDAAwD,GAAG,EACzE,QAAQ,IACe,IACb,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,cACE,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KACjE,KAAK,GACT,CACH,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,cACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,WAAW,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

package/dist/components/extraction-phase-stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extraction-phase-stepper.d.ts","sourceRoot":"","sources":["../../src/components/extraction-phase-stepper.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CA+CxE"}
+{"version":3,"file":"extraction-phase-stepper.d.ts","sourceRoot":"","sources":["../../src/components/extraction-phase-stepper.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAgDxE"}

package/dist/components/extraction-phase-stepper.js

@@ -10,14 +10,15 @@ export function ExtractionPhaseStepper(props) {
     const { steps, currentPhaseKey, reviewCount, className } = props;
     const visible = steps.filter((s) => !s.conditional || s.visible);
     const currentIdx = visible.findIndex((s) => s.key === currentPhaseKey);
-    const [lastReviewCount, setLastReviewCount] = React.useState(reviewCount ?? 0);
+    const lastReviewCountRef = React.useRef(reviewCount ?? 0);
     const announceRef = React.useRef(null);
     React.useEffect(() => {
-        if ((reviewCount ?? 0) > lastReviewCount && announceRef.current) {
+        const next = reviewCount ?? 0;
+        if (next > lastReviewCountRef.current && announceRef.current) {
             announceRef.current.textContent = `${reviewCount} products need your review`;
         }
-        setLastReviewCount(reviewCount ?? 0);
-    }, [reviewCount, lastReviewCount]);
+        lastReviewCountRef.current = next;
+    }, [reviewCount]);
     return (_jsxs("ol", { role: "list", "aria-label": "Extraction progress", className: cn("flex flex-wrap gap-2", className), children: [visible.map((s, i) => {
                 const state = i < currentIdx ? "done" : i === currentIdx ? "current" : "pending";
                 return (_jsx("li", { "aria-current": state === "current" ? "step" : undefined, className: cn("rounded px-3 py-1 text-xs font-semibold", state === "done" && "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-100", state === "current" && "bg-indigo-600 text-white dark:bg-indigo-500", state === "pending" && "bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400"), children: s.label }, s.key));

package/dist/components/extraction-phase-stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"extraction-phase-stepper.js","sourceRoot":"","sources":["../../src/components/extraction-phase-stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,eAAe,CAAC,CAAC;IAEvE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,GAAG,eAAe,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YAChE,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,WAAW,4BAA4B,CAAC;QAC/E,CAAC;QACD,kBAAkB,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,cACE,IAAI,EAAC,MAAM,gBACA,qBAAqB,EAChC,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAE/C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpB,MAAM,KAAK,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;gBACjF,OAAO,CACL,6BAEgB,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtD,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,KAAK,KAAK,MAAM,IAAI,8EAA8E,EAClG,KAAK,KAAK,SAAS,IAAI,6CAA6C,EACpE,KAAK,KAAK,SAAS,IAAI,+DAA+D,CACvF,YAEA,CAAC,CAAC,KAAK,IATH,CAAC,CAAC,GAAG,CAUP,CACN,CAAC;YACJ,CAAC,CAAC,EACF,eACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAC,SAAS,eACT,QAAQ,iBACN,MAAM,GAClB,IACC,CACN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"extraction-phase-stepper.js","sourceRoot":"","sources":["../../src/components/extraction-phase-stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,eAAe,CAAC,CAAC;IAEvE,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,IAAI,GAAG,WAAW,IAAI,CAAC,CAAC;QAC9B,IAAI,IAAI,GAAG,kBAAkB,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YAC7D,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,WAAW,4BAA4B,CAAC;QAC/E,CAAC;QACD,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;IACpC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,cACE,IAAI,EAAC,MAAM,gBACA,qBAAqB,EAChC,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAE/C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpB,MAAM,KAAK,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;gBACjF,OAAO,CACL,6BAEgB,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtD,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,KAAK,KAAK,MAAM,IAAI,8EAA8E,EAClG,KAAK,KAAK,SAAS,IAAI,6CAA6C,EACpE,KAAK,KAAK,SAAS,IAAI,+DAA+D,CACvF,YAEA,CAAC,CAAC,KAAK,IATH,CAAC,CAAC,GAAG,CAUP,CACN,CAAC;YACJ,CAAC,CAAC,EACF,eACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAC,SAAS,eACT,QAAQ,iBACN,MAAM,GAClB,IACC,CACN,CAAC;AACJ,CAAC"}

package/dist/components/journey-card.js

@@ -24,9 +24,9 @@ export function JourneyCard({ productImage, productInitials, title, subtitle, mo
                             background: "color-mix(in oklab, white 94%, var(--primary) 6%)",
                             border: "1.5px dashed color-mix(in oklab, var(--primary) 30%, white)",
                             color: "color-mix(in oklab, var(--primary) 60%, var(--muted-foreground))",
-                        }, "aria-hidden": "true", children: "+" })), _jsxs("div", { className: "min-w-0 flex-1 pt-0.5", children: [_jsxs("div", { className: "mb-[3px] flex items-center gap-1.5", children: [_jsx("div", { className: "min-w-0 flex-1 truncate font-display text-[13px] font-semibold leading-tight tracking-tight text-foreground", children: title }), modified && (_jsx("span", { title: "Modified for this offer", "aria-label": "Modified for this offer", className: "size-[7px] shrink-0 rounded-full bg-[var(--accent-secondary)] shadow-[0_0_0_3px_color-mix(in_oklab,var(--accent-secondary)_15%,transparent)]" })), activityDot && !modified && (_jsx("span", { title: "Recent activity", "aria-label": "Recent activity", className: "size-[7px] shrink-0 rounded-full bg-[var(--primary)] shadow-[0_0_0_3px_color-mix(in_oklab,var(--primary)_15%,transparent)]" })), titleIcon && (_jsx("span", { className: "shrink-0 text-[var(--accent-secondary)]", children: titleIcon })), typeof matchScore === "number" && (_jsxs("span", { className: cn("shrink-0 rounded-md px-1.5 py-[1px] text-[10px] font-semibold tabular-nums", matchScore >= 80
+                        }, "aria-hidden": "true", children: "+" })), _jsxs("div", { className: "min-w-0 flex-1 pt-0.5", children: [_jsxs("div", { className: "mb-[3px] flex items-center gap-1.5", children: [_jsx("div", { className: "min-w-0 flex-1 truncate font-display text-[13px]/tight font-semibold tracking-tight text-foreground", children: title }), modified && (_jsx("span", { title: "Modified for this offer", "aria-label": "Modified for this offer", className: "size-[7px] shrink-0 rounded-full bg-[var(--accent-secondary)] shadow-[0_0_0_3px_color-mix(in_oklab,var(--accent-secondary)_15%,transparent)]" })), activityDot && !modified && (_jsx("span", { title: "Recent activity", "aria-label": "Recent activity", className: "size-[7px] shrink-0 rounded-full bg-[var(--primary)] shadow-[0_0_0_3px_color-mix(in_oklab,var(--primary)_15%,transparent)]" })), titleIcon && (_jsx("span", { className: "shrink-0 text-[var(--accent-secondary)]", children: titleIcon })), typeof matchScore === "number" && (_jsxs("span", { className: cn("shrink-0 rounded-md px-1.5 py-[1px] text-[10px] font-semibold tabular-nums", matchScore >= 80
                                             ? "bg-[color-mix(in_oklab,var(--primary)_10%,transparent)] text-[color-mix(in_oklab,black_30%,var(--primary)_70%)]"
-                                            : "bg-[color-mix(in_oklab,var(--primary)_6%,transparent)] text-[var(--muted-foreground)]"), children: [matchScore, "%"] }))] }), subtitle && (_jsx("div", { className: "truncate text-[11.5px] leading-snug text-[var(--muted-foreground)]", children: subtitle }))] })] }), typeof progress === "number" && (_jsx("div", { className: "mt-[10px] h-1 overflow-hidden rounded-full bg-[color-mix(in_oklab,var(--primary)_8%,transparent)]", role: "progressbar", "aria-valuenow": Math.round(progress * 100), "aria-valuemin": 0, "aria-valuemax": 100, children: _jsx("div", { className: "h-full transition-[width] duration-[var(--duration-hero)] ease-[var(--ease-emphasized)]", style: {
+                                            : "bg-[color-mix(in_oklab,var(--primary)_6%,transparent)] text-[var(--muted-foreground)]"), children: [matchScore, "%"] }))] }), subtitle && (_jsx("div", { className: "truncate text-[11.5px]/snug text-[var(--muted-foreground)]", children: subtitle }))] })] }), typeof progress === "number" && (_jsx("div", { className: "mt-[10px] h-1 overflow-hidden rounded-full bg-[color-mix(in_oklab,var(--primary)_8%,transparent)]", role: "progressbar", "aria-valuenow": Math.round(progress * 100), "aria-valuemin": 0, "aria-valuemax": 100, children: _jsx("div", { className: "h-full transition-[width] duration-[var(--duration-hero)] ease-[var(--ease-emphasized)]", style: {
                         width: `${Math.max(0, Math.min(1, progress)) * 100}%`,
                         background: "linear-gradient(90deg, var(--primary), color-mix(in oklab, var(--primary) 70%, var(--accent-secondary)))",
                     } }) })), ((participants && participants.length > 0) || metaRight || actionsSlot) && (_jsx("div", { className: "mx-0 my-[10px] h-px bg-linear-to-r from-transparent via-[color-mix(in_oklab,var(--primary)_15%,transparent)] to-transparent" })), ((participants && participants.length > 0) || metaRight || actionsSlot) && (_jsxs("div", { className: "flex items-center gap-2", children: [participants && participants.length > 0 ? (_jsx(AvatarStack, { orgs: participants, size: "sm" })) : (_jsx("span", {})), _jsx("span", { className: "flex-1" }), metaRight && (_jsx("span", { className: cn("text-right font-display text-xs tabular-nums tracking-tight", metaRightTone === "success" &&