@cellarnode/ui 0.16.8 → 0.17.1

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/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/detail-page-skeleton.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { DetailPageSkeleton } from "./detail-page-skeleton";
+declare const meta: {
+    title: string;
+    component: typeof DetailPageSkeleton;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+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/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/list-item-skeleton.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type SkeletonTier } from "../skeleton/stagger";
+export interface ListItemSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    count?: number;
+    variant?: "row" | "card";
+    tier?: SkeletonTier;
+}
+export declare function ListItemSkeleton({ count, variant, tier, className, ...rest }: ListItemSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=list-item-skeleton.d.ts.map

package/dist/components/list-item-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-skeleton.d.ts","sourceRoot":"","sources":["../../src/components/list-item-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE5E,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAS,EACT,OAAe,EACf,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA4BvB"}

package/dist/components/list-item-skeleton.js

@@ -0,0 +1,13 @@
+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 ListItemSkeleton({ count = 1, variant = "row", tier, className, ...rest }) {
+    const ctx = useSkeletonContext();
+    const resolvedTier = tier ?? (ctx.hasProvider ? ctx.tier : "data");
+    const itemClass = variant === "card"
+        ? "flex items-center gap-3 rounded-xl border border-border/60 bg-card p-4"
+        : "flex items-center gap-3 rounded-lg bg-card/60 p-3";
+    return (_jsx("div", { className: cn("flex flex-col gap-3", className), ...rest, children: Array.from({ length: count }).map((_, i) => (_jsxs("div", { "data-skeleton-row": "", className: itemClass, children: [_jsx(Skeleton, { tier: resolvedTier, className: "size-10 shrink-0 rounded-full" }), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsx(Skeleton, { tier: resolvedTier, className: "h-3 w-32" }), _jsx(Skeleton, { tier: resolvedTier, className: "h-3 w-48 max-w-full" })] }), _jsx(Skeleton, { tier: resolvedTier, className: "h-6 w-20 shrink-0 rounded-md" })] }, i))) }));
+}
+//# sourceMappingURL=list-item-skeleton.js.map

package/dist/components/list-item-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-skeleton.js","sourceRoot":"","sources":["../../src/components/list-item-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,gBAAgB,CAAC,EAC/B,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACe;IACtB,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,MAAM,SAAS,GACb,OAAO,KAAK,MAAM;QAChB,CAAC,CAAC,wEAAwE;QAC1E,CAAC,CAAC,mDAAmD,CAAC;IAE1D,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,IAAI,YAC3D,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3C,oCAGoB,EAAE,EACpB,SAAS,EAAE,SAAS,aAEpB,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,+BAA+B,GAAG,EAC1E,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,UAAU,GAAG,EACrD,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,qBAAqB,GAAG,IAC5D,EACN,KAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,8BAA8B,GAAG,KATpE,CAAC,CAUF,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/list-item-skeleton.stories.d.ts

@@ -0,0 +1,27 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ListItemSkeleton } from "./list-item-skeleton";
+declare const meta: {
+    title: string;
+    component: typeof ListItemSkeleton;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        tier: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AsCards: Story;
+export declare const Many: Story;
+export declare const InHeroProvider: Story;
+//# sourceMappingURL=list-item-skeleton.stories.d.ts.map

package/dist/components/list-item-skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-skeleton.stories.d.ts","sourceRoot":"","sources":["../../src/components/list-item-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;;;;;;;;;;;;;;;;;CAS+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAA8B,CAAC;AACrD,eAAO,MAAM,OAAO,EAAE,KAA+C,CAAC;AACtE,eAAO,MAAM,IAAI,EAAE,KAA8B,CAAC;AAClD,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}

package/dist/components/list-item-skeleton.stories.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItemSkeleton } from "./list-item-skeleton";
+import { SkeletonProvider } from "../skeleton/provider";
+const meta = {
+    title: "Components/ListItemSkeleton",
+    component: ListItemSkeleton,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+    argTypes: {
+        variant: { control: "select", options: ["row", "card"] },
+        tier: { control: "select", options: ["hero", "data", "inline"] },
+    },
+};
+export default meta;
+export const Default = { args: { count: 3 } };
+export const AsCards = { args: { count: 3, variant: "card" } };
+export const Many = { args: { count: 8 } };
+export const InHeroProvider = {
+    render: () => (_jsx(SkeletonProvider, { tier: "hero", children: _jsx(ListItemSkeleton, { count: 3 }) })),
+};
+//# sourceMappingURL=list-item-skeleton.stories.js.map

package/dist/components/list-item-skeleton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-skeleton.stories.js","sourceRoot":"","sources":["../../src/components/list-item-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,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE;QACxD,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,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC;AACtE,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;AAClD,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,YAC3B,KAAC,gBAAgB,IAAC,KAAK,EAAE,CAAC,GAAI,GACb,CACpB;CACF,CAAC"}

package/dist/components/opportunity-brief.d.ts

@@ -1,6 +1,41 @@
 export interface OpportunityBriefChip {
     label: string;
 }
+/**
+ * Rich, optional opportunity fields. When provided via `OpportunityBriefProps.detail`,
+ * the banner renders additional compact sections (description, HS code, certificate
+ * requirements, price range, vintage requirement, packaging/closure chips).
+ *
+ * All fields are optional — absent fields are silently skipped (no empty labels).
+ * This is the shape producers/importers can derive from either the live
+ * `GET /opportunities/:id` response or an offer's frozen `opportunitySnapshot`.
+ */
+export interface OpportunityBriefDetail {
+    /** Full opportunity description — will be clamped to 2 lines. */
+    description?: string | null;
+    /** 4-digit HS heading (e.g. "2208"). */
+    hsHeading?: string | null;
+    /** HS subheadings (e.g. "2208.30") — shown as comma-joined small text. */
+    hsSubheadings?: Array<{
+        code: string;
+        description?: string | null;
+    }> | null;
+    /** Certificate requirements — rendered as a chip row when non-empty. */
+    certificateRequirements?: string[] | null;
+    /** Min/max unit price range. */
+    priceRange?: {
+        min?: number | null;
+        max?: number | null;
+    } | null;
+    /** Currency code for price range (e.g. "EUR", "USD"). */
+    currency?: string | null;
+    /** Vintage requirement — e.g. "NV" or "2020+". */
+    vintageRequirement?: string | null;
+    /** Packaging (e.g. "bottle"). Rendered as a chip when present and not already in `chips`. */
+    packaging?: string | null;
+    /** Closure (e.g. "cork"). Rendered as a chip when present. */
+    closure?: string | null;
+}
 export interface OpportunityBriefProps {
     /** Title shown bold. */
     name: string;
@@ -8,6 +43,14 @@ export interface OpportunityBriefProps {
     buyerName?: string | null;
     /** Pills (category, subtype, country, volume, deadline). Display order = props order. */
     chips: OpportunityBriefChip[];
+    /**
+     * Optional rich opportunity detail. When provided, enriches the banner with
+     * description, HS code, certificate chips, price range, vintage requirement,
+     * and packaging/closure chips. Absent fields are silently skipped.
+     *
+     * When omitted, the banner renders exactly as before (slim-shape compat).
+     */
+    detail?: OpportunityBriefDetail | null;
     /** Eyebrow label above the name. @default "Looking for" */
     eyebrow?: string;
     className?: string;
@@ -19,5 +62,5 @@ export interface OpportunityBriefProps {
  *
  * Intentionally visual-only — all interaction happens on the host container.
  */
-export declare function OpportunityBrief({ name, buyerName, chips, eyebrow, className, }: OpportunityBriefProps): import("react/jsx-runtime").JSX.Element;
+export declare function OpportunityBrief({ name, buyerName, chips, detail, eyebrow, className, }: OpportunityBriefProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=opportunity-brief.d.ts.map

package/dist/components/opportunity-brief.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"opportunity-brief.d.ts","sourceRoot":"","sources":["../../src/components/opportunity-brief.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,yFAAyF;IACzF,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,OAAuB,EACvB,SAAS,GACV,EAAE,qBAAqB,2CA6BvB"}
+{"version":3,"file":"opportunity-brief.d.ts","sourceRoot":"","sources":["../../src/components/opportunity-brief.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,sBAAsB;IACrC,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IAC5E,wEAAwE;IACxE,uBAAuB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1C,gCAAgC;IAChC,UAAU,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IACjE,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,yFAAyF;IACzF,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IACvC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAuB,EACvB,SAAS,GACV,EAAE,qBAAqB,2CAmGvB"}