@cellarnode/ui 0.17.1 → 0.17.4

package/dist/opportunities/opportunity-detail-panel.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Tabs from "@radix-ui/react-tabs";
+import { cn } from "../lib/utils";
+import { useCascadeIndex } from "../skeleton/stagger";
+function OpportunityDetailPanel({ tabs, defaultTabId, className }) {
+    const visible = tabs.filter(t => !t.hidden);
+    if (visible.length === 0)
+        return null;
+    const initial = defaultTabId && visible.some(t => t.id === defaultTabId) ? defaultTabId : visible[0].id;
+    return (_jsxs(Tabs.Root, { defaultValue: initial, activationMode: "manual", className: cn("flex flex-col gap-4", className), children: [_jsx(Tabs.List, { "aria-label": "Opportunity detail sections", className: "flex flex-wrap gap-1 border-b border-border", children: visible.map(t => (_jsx(Tabs.Trigger, { value: t.id, className: cn("rounded-t-md px-3 py-2 text-sm font-medium text-muted-foreground ring-inset", "hover:text-foreground", "data-[state=active]:bg-accent data-[state=active]:text-foreground data-[state=active]:shadow-xs", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-emerald-500"), children: t.label }, t.id))) }), visible.map(t => (_jsx(Tabs.Content, { value: t.id, forceMount: true, className: "data-[state=inactive]:hidden focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-emerald-500", "data-panel-id": t.id, children: t.content }, t.id)))] }));
+}
+function DetailPanelSkeleton() {
+    const i = useCascadeIndex();
+    return (_jsxs("div", { "data-skeleton": true, "data-tier": "data", style: { "--skeleton-delay": `${i * 120}ms` }, className: "flex flex-col gap-4", children: [_jsx("div", { className: "flex gap-1 border-b border-border", children: [0, 1, 2, 3].map(k => (_jsx("div", { className: "h-8 w-24 rounded-sm bg-muted/60" }, k))) }), _jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [_jsx("div", { className: "h-24 rounded-sm bg-muted/40" }), _jsx("div", { className: "h-24 rounded-sm bg-muted/40" })] })] }));
+}
+const OpportunityDetailPanelWithSkeleton = OpportunityDetailPanel;
+OpportunityDetailPanelWithSkeleton.Skeleton = DetailPanelSkeleton;
+export { OpportunityDetailPanelWithSkeleton as OpportunityDetailPanel };
+//# sourceMappingURL=opportunity-detail-panel.js.map

package/dist/opportunities/opportunity-detail-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-detail-panel.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-detail-panel.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAStD,SAAS,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAA+B;IAC5F,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtC,MAAM,OAAO,GAAG,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExG,OAAO,CACL,MAAC,IAAI,CAAC,IAAI,IAAC,YAAY,EAAE,OAAO,EAAE,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACvG,KAAC,IAAI,CAAC,IAAI,kBACG,6BAA6B,EACxC,SAAS,EAAC,6CAA6C,YAEtD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAChB,KAAC,IAAI,CAAC,OAAO,IAEX,KAAK,EAAE,CAAC,CAAC,EAAE,EACX,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,uBAAuB,EACvB,iGAAiG,EACjG,kFAAkF,CACnF,YAEA,CAAC,CAAC,KAAK,IATH,CAAC,CAAC,EAAE,CAUI,CAChB,CAAC,GACQ,EACX,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAChB,KAAC,IAAI,CAAC,OAAO,IAEX,KAAK,EAAE,CAAC,CAAC,EAAE,EACX,UAAU,QACV,SAAS,EAAC,+GAA+G,mBAC1G,CAAC,CAAC,EAAE,YAElB,CAAC,CAAC,OAAO,IANL,CAAC,CAAC,EAAE,CAOI,CAChB,CAAC,IACQ,CACb,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB;IAC1B,MAAM,CAAC,GAAG,eAAe,EAAE,CAAC;IAC5B,OAAO,CACL,mDAEY,MAAM,EAChB,KAAK,EAAE,EAAE,kBAAkB,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,EAAyB,EACpE,SAAS,EAAC,qBAAqB,aAE/B,cAAK,SAAS,EAAC,mCAAmC,YAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACrB,cAAa,SAAS,EAAC,iCAAiC,IAA9C,CAAC,CAAgD,CAC5D,CAAC,GACE,EACN,eAAK,SAAS,EAAC,uCAAuC,aACpD,cAAK,SAAS,EAAC,6BAA6B,GAAG,EAC/C,cAAK,SAAS,EAAC,6BAA6B,GAAG,IAC3C,IACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,kCAAkC,GAAG,sBAE1C,CAAC;AACF,kCAAkC,CAAC,QAAQ,GAAG,mBAAmB,CAAC;AAElE,OAAO,EAAE,kCAAkC,IAAI,sBAAsB,EAAE,CAAC"}

package/dist/opportunities/opportunity-detail-panel.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./opportunity-detail-panel").OpportunityDetailPanelProps> & {
+        Skeleton: React.FC;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FourTabs: Story;
+export declare const ImporterTabsHidden: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=opportunity-detail-panel.stories.d.ts.map

package/dist/opportunities/opportunity-detail-panel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-detail-panel.stories.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-detail-panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI;;;;;;CAIqC,CAAC;AAChD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KA+CtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC"}

package/dist/opportunities/opportunity-detail-panel.stories.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClipboardList, CalendarClock, ShieldCheck, Building2 } from "lucide-react";
+import { OpportunityDetailPanel } from "./opportunity-detail-panel";
+import { TwoColumnSection } from "./two-column-section";
+import { SectionField } from "./section-field";
+import { SkeletonProvider } from "../skeleton/provider";
+const meta = {
+    title: "Opportunities/DetailPanel",
+    component: OpportunityDetailPanel,
+    tags: ["autodocs"],
+};
+export default meta;
+export const FourTabs = {
+    args: {
+        tabs: [
+            {
+                id: "overview",
+                label: "Overview",
+                content: (_jsxs(TwoColumnSection, { icon: _jsx(ClipboardList, { className: "size-5" }), title: "Product requirements", children: [_jsx(SectionField, { label: "Category", value: "Sparkling wine" }), _jsx(SectionField, { label: "Volume", value: "12,000 bottles" }), _jsx(SectionField, { label: "Launch quarter", value: "Q2 2026" })] })),
+            },
+            {
+                id: "timeline",
+                label: "Timeline",
+                content: (_jsxs(TwoColumnSection, { icon: _jsx(CalendarClock, { className: "size-5" }), title: "Key dates", children: [_jsx(SectionField, { label: "Submission deadline", value: "2026-05-01" }), _jsx(SectionField, { label: "Sample deadline", value: "2026-05-10" }), _jsx(SectionField, { label: "Launch date", value: "2026-07-01" })] })),
+            },
+            {
+                id: "compliance",
+                label: "Compliance",
+                content: (_jsxs(TwoColumnSection, { icon: _jsx(ShieldCheck, { className: "size-5" }), title: "Certifications", children: [_jsx(SectionField, { label: "Organic", value: "Required" }), _jsx(SectionField, { label: "Sustainable", value: "Preferred" })] })),
+            },
+            {
+                id: "buyer",
+                label: "Buyer",
+                content: (_jsxs(TwoColumnSection, { icon: _jsx(Building2, { className: "size-5" }), title: "Buyer context", children: [_jsx(SectionField, { label: "Buyer", value: "Systembolaget" }), _jsx(SectionField, { label: "Contact", value: "procurement@systembolaget.se" })] })),
+            },
+        ],
+    },
+};
+export const ImporterTabsHidden = {
+    args: {
+        tabs: [
+            { id: "overview", label: "Overview", content: _jsx("div", { className: "p-4", children: "overview body" }) },
+            { id: "timeline", label: "Timeline", content: _jsx("div", { className: "p-4", children: "timeline body" }) },
+            { id: "compliance", label: "Compliance", content: _jsx("div", {}), hidden: true },
+            { id: "buyer", label: "Buyer", content: _jsx("div", {}), hidden: true },
+        ],
+    },
+};
+export const LoadingSkeleton = {
+    args: { tabs: [] },
+    render: () => (_jsx(SkeletonProvider, { tier: "data", children: _jsx(OpportunityDetailPanel.Skeleton, {}) })),
+};
+//# sourceMappingURL=opportunity-detail-panel.stories.js.map

package/dist/opportunities/opportunity-detail-panel.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-detail-panel.stories.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-detail-panel.stories.tsx"],"names":[],"mappings":"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"}

package/dist/opportunities/opportunity-empty-state.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface OpportunityEmptyStateProps {
+    icon?: React.ReactNode;
+    title: string;
+    body?: React.ReactNode;
+    action?: React.ReactNode;
+    className?: string;
+}
+export declare function OpportunityEmptyState({ icon, title, body, action, className }: OpportunityEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=opportunity-empty-state.d.ts.map

package/dist/opportunities/opportunity-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-empty-state.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CASzG"}

package/dist/opportunities/opportunity-empty-state.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+export function OpportunityEmptyState({ icon, title, body, action, className }) {
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-3 rounded-lg border border-dashed border-border px-6 py-10 text-center", className), children: [icon ? _jsx("div", { "aria-hidden": true, className: "text-muted-foreground", children: icon }) : null, _jsx("h3", { className: "text-base font-semibold text-foreground", children: title }), body ? _jsx("div", { className: "max-w-md text-sm text-muted-foreground", children: body }) : null, action ? _jsx("div", { className: "mt-2", children: action }) : null] }));
+}
+//# sourceMappingURL=opportunity-empty-state.js.map

package/dist/opportunities/opportunity-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-empty-state.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-empty-state.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,MAAM,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAA8B;IACxG,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,sHAAsH,EAAE,SAAS,CAAC,aAClJ,IAAI,CAAC,CAAC,CAAC,mCAAiB,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAC9E,aAAI,SAAS,EAAC,yCAAyC,YAAE,KAAK,GAAM,EACnE,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,wCAAwC,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAClF,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACjD,CACP,CAAC;AACJ,CAAC"}

package/dist/opportunities/opportunity-empty-state.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OpportunityEmptyState } from "./opportunity-empty-state";
+declare const meta: {
+    title: string;
+    component: typeof OpportunityEmptyState;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const NoMatches: Story;
+export declare const NoDrafts: Story;
+export declare const Minimal: Story;
+//# sourceMappingURL=opportunity-empty-state.stories.d.ts.map

package/dist/opportunities/opportunity-empty-state.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-empty-state.stories.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-empty-state.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,QAAA,MAAM,IAAI;;;;CAIoC,CAAC;AAC/C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAA+Q,CAAC;AACxS,eAAO,MAAM,QAAQ,EAAE,KAAwQ,CAAC;AAChS,eAAO,MAAM,OAAO,EAAE,KAA+C,CAAC"}

package/dist/opportunities/opportunity-empty-state.stories.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Inbox, FileText } from "lucide-react";
+import { OpportunityEmptyState } from "./opportunity-empty-state";
+const meta = {
+    title: "Opportunities/EmptyState",
+    component: OpportunityEmptyState,
+    tags: ["autodocs"],
+};
+export default meta;
+export const NoMatches = { args: { icon: _jsx(Inbox, { className: "size-10" }), title: "No opportunities match these filters", body: "Try clearing filters or broadening the category.", action: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-sm text-white", children: "Clear filters" }) } };
+export const NoDrafts = { args: { icon: _jsx(FileText, { className: "size-10" }), title: "No drafts in progress", body: "Kick off a new procurement round to get started.", action: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-sm text-white", children: "Create opportunity" }) } };
+export const Minimal = { args: { title: "Nothing here yet" } };
+//# sourceMappingURL=opportunity-empty-state.stories.js.map

package/dist/opportunities/opportunity-empty-state.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-empty-state.stories.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-empty-state.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,qBAAqB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;CAC0B,CAAC;AAC/C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,EAAE,KAAK,EAAE,sCAAsC,EAAE,IAAI,EAAE,kDAAkD,EAAE,MAAM,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,8BAAuB,EAAE,EAAE,CAAC;AACxS,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,kDAAkD,EAAE,MAAM,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,mCAA4B,EAAE,EAAE,CAAC;AAChS,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,CAAC"}

package/dist/opportunities/opportunity-offers-count-chip.d.ts

@@ -0,0 +1,6 @@
+export interface OffersCountChipProps {
+    count: number;
+    className?: string;
+}
+export declare function OffersCountChip({ count, className }: OffersCountChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=opportunity-offers-count-chip.d.ts.map

package/dist/opportunities/opportunity-offers-count-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-offers-count-chip.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-offers-count-chip.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAgBzE"}

package/dist/opportunities/opportunity-offers-count-chip.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Inbox } from "lucide-react";
+import { cn } from "../lib/utils";
+export function OffersCountChip({ count, className }) {
+    const label = count === 0 ? "No offers yet" : `${count} offer${count === 1 ? "" : "s"} received`;
+    return (_jsxs("span", { role: "status", "aria-label": label, className: cn("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", count > 0 ? "bg-emerald-50 text-emerald-800" : "bg-slate-100 text-slate-600", className), children: [_jsx(Inbox, { "aria-hidden": true, className: "size-3" }), count] }));
+}
+//# sourceMappingURL=opportunity-offers-count-chip.js.map

package/dist/opportunities/opportunity-offers-count-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-offers-count-chip.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-offers-count-chip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAOlC,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAwB;IACxE,MAAM,KAAK,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;IACjG,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,6BAA6B,EAC5E,SAAS,CACV,aAED,KAAC,KAAK,yBAAa,SAAS,EAAC,QAAQ,GAAG,EACvC,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/opportunities/opportunity-offers-count-chip.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OffersCountChip } from "./opportunity-offers-count-chip";
+declare const meta: {
+    title: string;
+    component: typeof OffersCountChip;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Zero: Story;
+export declare const One: Story;
+export declare const Many: Story;
+//# sourceMappingURL=opportunity-offers-count-chip.stories.d.ts.map

package/dist/opportunities/opportunity-offers-count-chip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-offers-count-chip.stories.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-offers-count-chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,QAAA,MAAM,IAAI;;;;CAI8B,CAAC;AACzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAA8B,CAAC;AAClD,eAAO,MAAM,GAAG,EAAE,KAA8B,CAAC;AACjD,eAAO,MAAM,IAAI,EAAE,KAA8B,CAAC"}

package/dist/opportunities/opportunity-offers-count-chip.stories.js

@@ -0,0 +1,11 @@
+import { OffersCountChip } from "./opportunity-offers-count-chip";
+const meta = {
+    title: "Opportunities/OffersCountChip",
+    component: OffersCountChip,
+    tags: ["autodocs"],
+};
+export default meta;
+export const Zero = { args: { count: 0 } };
+export const One = { args: { count: 1 } };
+export const Many = { args: { count: 7 } };
+//# sourceMappingURL=opportunity-offers-count-chip.stories.js.map

package/dist/opportunities/opportunity-offers-count-chip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-offers-count-chip.stories.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-offers-count-chip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;CACoB,CAAC;AACzC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;AAClD,MAAM,CAAC,MAAM,GAAG,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;AACjD,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC"}

package/dist/opportunities/opportunity-stacked-card.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { OpportunityView, OpportunityTab } from "./types";
+export interface OpportunityStackedCardProps {
+    opportunity: OpportunityView;
+    leftBadge: React.ReactNode;
+    metaRight: React.ReactNode;
+    primaryAction: React.ReactNode;
+    actionsMenu?: React.ReactNode;
+    tabs: OpportunityTab[];
+    expanded?: boolean;
+    onExpandChange?: (next: boolean) => void;
+    deEmphasized?: boolean;
+    readOnly?: boolean;
+    className?: string;
+}
+export type OpportunityStackedCardComponent = React.FC<OpportunityStackedCardProps> & {
+    Skeleton: React.FC;
+};
+export declare const OpportunityStackedCard: OpportunityStackedCardComponent;
+//# sourceMappingURL=opportunity-stacked-card.d.ts.map

package/dist/opportunities/opportunity-stacked-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-stacked-card.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-stacked-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAgB,MAAM,SAAS,CAAC;AAU7E,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CAGpB;AAeD,MAAM,MAAM,+BAA+B,GAAG,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,GAAG;IACpF,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;CACpB,CAAC;AAwIF,eAAO,MAAM,sBAAsB,EAAiC,+BAA+B,CAAC"}

package/dist/opportunities/opportunity-stacked-card.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown } from "lucide-react";
+import { CountryFlag } from "../components/country-flag";
+import { useAnimatedNumber } from "../hooks/use-animated-number";
+import { cn } from "../lib/utils";
+import { useCascadeIndex } from "../skeleton/stagger";
+import { OpportunityDetailPanel } from "./opportunity-detail-panel";
+// Stable keys for subtitle facts — keeps order-sensitivity (same index ⇒ same slot)
+// but encodes content so React can still detect swaps without index-only keying.
+function subtitleFactKey(fact, index) {
+    return fact.type === "text"
+        ? `t:${index}:${fact.text}`
+        : `c:${index}:${fact.value}:${fact.suffix}`;
+}
+// NOTE (rules-of-hooks): always call useAnimatedNumber — never behind a conditional return.
+// For text facts we still call the hook with 0 and ignore the result.
+function SubtitleFactView({ fact }) {
+    const countValue = fact.type === "count" ? fact.value : 0;
+    const display = useAnimatedNumber(countValue, { durationMs: 800 });
+    if (fact.type === "text")
+        return _jsx("span", { children: fact.text });
+    return (_jsxs("span", { "data-opportunity-number-counter": true, children: [display.toLocaleString(), " ", fact.suffix] }));
+}
+function OpportunityStackedCardBase(props) {
+    const { opportunity, leftBadge, metaRight, primaryAction, actionsMenu, tabs, expanded: controlled, onExpandChange, deEmphasized = false, readOnly = false, className, } = props;
+    const [uncontrolled, setUncontrolled] = React.useState(false);
+    const isControlled = controlled !== undefined;
+    const isExpanded = isControlled ? controlled : uncontrolled;
+    const setExpanded = (next) => {
+        if (!isControlled)
+            setUncontrolled(next);
+        onExpandChange?.(next);
+    };
+    const panelId = `row-${opportunity.id}-panel`;
+    const titleId = `row-${opportunity.id}-title`;
+    const triggerDisabled = readOnly || tabs.length === 0;
+    return (_jsxs("article", { "data-opportunity-row": true, "data-status": opportunity.status, "data-de-emphasized": deEmphasized || undefined, "data-read-only": readOnly || undefined, className: cn("group relative flex flex-col gap-3 rounded-lg border border-border bg-card px-4 py-3 transition-[transform,box-shadow,border-color] duration-200", 
+        // De-emphasis preserves primary-action contrast: dim bg + mute title/subtitle via descendant selectors only.
+        "[&[data-de-emphasized='true']]:bg-muted/30", "[&[data-de-emphasized='true']_h3]:text-muted-foreground", "[&[data-de-emphasized='true']_p]:text-muted-foreground/80", !readOnly && "hover:-translate-y-0.5 hover:shadow-md hover:border-emerald-300", className), children: [_jsxs("div", { className: "flex items-center gap-3 w-full", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [leftBadge, _jsx(CountryFlag, { code: opportunity.countryCode })] }), triggerDisabled ? (_jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("h3", { id: titleId, className: "truncate text-sm font-semibold text-foreground", children: [opportunity.buyerName, " \u00B7 ", opportunity.productName] }), _jsx("p", { className: "mt-1 flex flex-wrap items-center gap-x-1 truncate text-xs text-muted-foreground", children: opportunity.subtitleFacts.map((f, i) => (_jsxs(React.Fragment, { children: [i > 0 ? _jsx("span", { "aria-hidden": true, children: "\u00B7" }) : null, _jsx(SubtitleFactView, { fact: f })] }, subtitleFactKey(f, i)))) })] })) : (_jsxs("button", { type: "button", "aria-expanded": isExpanded, "aria-controls": panelId, onClick: () => setExpanded(!isExpanded), className: cn("group/trigger flex-1 min-w-0 text-left rounded-sm", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-emerald-500"), children: [_jsxs("span", { className: "sr-only", children: [isExpanded ? "Collapse" : "Expand", " details for "] }), _jsxs("h3", { id: titleId, className: "truncate text-sm font-semibold text-foreground", children: [opportunity.buyerName, " \u00B7 ", opportunity.productName] }), _jsx("p", { className: "mt-1 flex flex-wrap items-center gap-x-1 truncate text-xs text-muted-foreground", children: opportunity.subtitleFacts.map((f, i) => (_jsxs(React.Fragment, { children: [i > 0 ? _jsx("span", { "aria-hidden": true, children: "\u00B7" }) : null, _jsx(SubtitleFactView, { fact: f })] }, subtitleFactKey(f, i)))) }), _jsx(ChevronDown, { "aria-hidden": true, "data-expanded": isExpanded || undefined, className: "absolute right-4 top-1/2 -translate-y-1/2 size-4 text-muted-foreground transition-transform duration-200 data-[expanded]:rotate-180 md:hidden" })] })), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [metaRight, primaryAction, actionsMenu] })] }), isExpanded ? (_jsx("div", { id: panelId, role: "region", "aria-labelledby": titleId, className: "w-full border-t border-border pt-4", children: _jsx(OpportunityDetailPanel, { tabs: tabs }) })) : null] }));
+}
+function OpportunityStackedCardSkeleton() {
+    const i = useCascadeIndex();
+    return (_jsxs("div", { "data-skeleton": true, "data-tier": "data", style: { "--skeleton-delay": `${i * 120}ms` }, className: "flex items-center gap-3 rounded-lg border border-border bg-card px-4 py-3", children: [_jsx("div", { className: "size-6 rounded-sm bg-muted/50" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { className: "h-3 w-1/2 rounded-sm bg-muted/60" }), _jsx("div", { className: "h-2 w-1/3 rounded-sm bg-muted/40" })] }), _jsx("div", { className: "h-8 w-24 rounded-sm bg-muted/50" })] }));
+}
+export const OpportunityStackedCard = OpportunityStackedCardBase;
+OpportunityStackedCard.Skeleton = OpportunityStackedCardSkeleton;
+//# sourceMappingURL=opportunity-stacked-card.js.map

package/dist/opportunities/opportunity-stacked-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-stacked-card.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-stacked-card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGpE,oFAAoF;AACpF,iFAAiF;AACjF,SAAS,eAAe,CAAC,IAAkB,EAAE,KAAa;IACxD,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM;QACzB,CAAC,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;QAC3B,CAAC,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;AAChD,CAAC;AAkBD,4FAA4F;AAC5F,sEAAsE;AACtE,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAA0B;IACxD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,iBAAiB,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;IACnE,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,yBAAO,IAAI,CAAC,IAAI,GAAQ,CAAC;IAC1D,OAAO,CACL,oEACG,OAAO,CAAC,cAAc,EAAE,OAAG,IAAI,CAAC,MAAM,IAClC,CACR,CAAC;AACJ,CAAC;AAMD,SAAS,0BAA0B,CAAC,KAAkC;IACpE,MAAM,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,aAAa,EACb,WAAW,EACX,IAAI,EACJ,QAAQ,EAAE,UAAU,EACpB,cAAc,EACd,YAAY,GAAG,KAAK,EACpB,QAAQ,GAAG,KAAK,EAChB,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,UAAU,KAAK,SAAS,CAAC;IAC9C,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IAC5D,MAAM,WAAW,GAAG,CAAC,IAAa,EAAE,EAAE;QACpC,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,WAAW,CAAC,EAAE,QAAQ,CAAC;IAC9C,MAAM,OAAO,GAAG,OAAO,WAAW,CAAC,EAAE,QAAQ,CAAC;IAC9C,MAAM,eAAe,GAAG,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,gEAEe,WAAW,CAAC,MAAM,wBACX,YAAY,IAAI,SAAS,oBAC7B,QAAQ,IAAI,SAAS,EACrC,SAAS,EAAE,EAAE,CACX,kJAAkJ;QAClJ,6GAA6G;QAC7G,4CAA4C,EAC5C,yDAAyD,EACzD,2DAA2D,EAC3D,CAAC,QAAQ,IAAI,iEAAiE,EAC9E,SAAS,CACV,aAED,eAAK,SAAS,EAAC,gCAAgC,aAC7C,eAAK,SAAS,EAAC,kCAAkC,aAC9C,SAAS,EACV,KAAC,WAAW,IAAC,IAAI,EAAE,WAAW,CAAC,WAAW,GAAI,IAC1C,EAEL,eAAe,CAAC,CAAC,CAAC,CACjB,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,gDAAgD,aACxE,WAAW,CAAC,SAAS,cAAK,WAAW,CAAC,WAAW,IAC/C,EACL,YAAG,SAAS,EAAC,iFAAiF,YAC3F,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,MAAC,KAAK,CAAC,QAAQ,eACZ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,yDAA0B,CAAC,CAAC,CAAC,IAAI,EAC1C,KAAC,gBAAgB,IAAC,IAAI,EAAE,CAAC,GAAI,KAFV,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAGzB,CAClB,CAAC,GACA,IACA,CACP,CAAC,CAAC,CAAC,CACF,kBACE,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,EACvC,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,kFAAkF,CACnF,aAED,gBAAM,SAAS,EAAC,SAAS,aAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,qBAAqB,EAClF,cAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,gDAAgD,aACxE,WAAW,CAAC,SAAS,cAAK,WAAW,CAAC,WAAW,IAC/C,EACL,YAAG,SAAS,EAAC,iFAAiF,YAC3F,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,MAAC,KAAK,CAAC,QAAQ,eACZ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,yDAA0B,CAAC,CAAC,CAAC,IAAI,EAC1C,KAAC,gBAAgB,IAAC,IAAI,EAAE,CAAC,GAAI,KAFV,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAGzB,CAClB,CAAC,GACA,EACJ,KAAC,WAAW,0CAEK,UAAU,IAAI,SAAS,EACtC,SAAS,EAAC,+IAA+I,GACzJ,IACK,CACV,EAED,eAAK,SAAS,EAAC,kCAAkC,aAC9C,SAAS,EACT,aAAa,EACb,WAAW,IACR,IACF,EAEL,UAAU,CAAC,CAAC,CAAC,CACZ,cACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,QAAQ,qBACI,OAAO,EACxB,SAAS,EAAC,oCAAoC,YAE9C,KAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,GAAI,GAClC,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC;AAED,SAAS,8BAA8B;IACrC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAC;IAC5B,OAAO,CACL,mDAEY,MAAM,EAChB,KAAK,EAAE,EAAE,kBAAkB,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,EAAyB,EACpE,SAAS,EAAC,2EAA2E,aAErF,cAAK,SAAS,EAAC,+BAA+B,GAAG,EACjD,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,kCAAkC,GAAG,EACpD,cAAK,SAAS,EAAC,kCAAkC,GAAG,IAChD,EACN,cAAK,SAAS,EAAC,iCAAiC,GAAG,IAC/C,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,0BAA6D,CAAC;AACpG,sBAAsB,CAAC,QAAQ,GAAG,8BAA8B,CAAC"}

package/dist/opportunities/opportunity-stacked-card.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj, StoryFn } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("./opportunity-stacked-card").OpportunityStackedCardComponent;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Producer: Story;
+export declare const ImporterOpen: Story;
+export declare const ImporterClosedDeEmphasized: Story;
+export declare const ImporterExpired: Story;
+export declare const ImporterDraft: Story;
+export declare const InJourney: Story;
+export declare const Expanded: Story;
+export declare const ReadOnlyPreview: Story;
+export declare const LongTitleTruncation: Story;
+export declare const NoDeadline: Story;
+export declare const ZeroOffersCount: Story;
+export declare const LoadingSkeleton: {
+    render: StoryFn;
+};
+//# sourceMappingURL=opportunity-stacked-card.stories.d.ts.map

package/dist/opportunities/opportunity-stacked-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-stacked-card.stories.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-stacked-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAwBrE,QAAA,MAAM,IAAI;;;;CAIqC,CAAC;AAChD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAWnC,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KASxC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CAU9C,CAAC"}

package/dist/opportunities/opportunity-stacked-card.stories.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OpportunityStackedCard } from "./opportunity-stacked-card";
+import { SkeletonProvider } from "../skeleton/provider";
+import { StatusPill } from "../components/status-pill";
+import { CountdownPill } from "../components/countdown-pill";
+import { ChannelBadge } from "./opportunity-channel-badge";
+import { OffersCountChip } from "./opportunity-offers-count-chip";
+const baseOpp = {
+    id: "opp-demo",
+    tenderId: "tender-demo",
+    productName: "Organic Prosecco DOCG",
+    buyerName: "Systembolaget",
+    countryCode: "SE",
+    subtitleFacts: [
+        { type: "text", text: "Monopoly" },
+        { type: "text", text: "Launch Q2 2026" },
+        { type: "count", value: 12000, suffix: "bottles" },
+    ],
+    deadline: new Date("2026-05-01T12:00:00Z"),
+    status: "open",
+};
+const meta = {
+    title: "Opportunities/OpportunityStackedCard",
+    component: OpportunityStackedCard,
+    tags: ["autodocs"],
+};
+export default meta;
+const producerTabs = [
+    { id: "overview", label: "Overview", content: _jsx("div", { className: "p-2 text-sm", children: "Overview content for this opportunity." }) },
+    { id: "timeline", label: "Timeline", content: _jsx("div", { className: "p-2 text-sm", children: "Submission deadline: 2026-05-01." }) },
+];
+const importerTabs = [
+    { id: "overview", label: "Overview", content: _jsx("div", { className: "p-2 text-sm", children: "Importer-side overview." }) },
+];
+export const Producer = {
+    args: {
+        opportunity: baseOpp,
+        leftBadge: _jsx(ChannelBadge, { channel: "monopoly" }),
+        metaRight: _jsx(CountdownPill, { date: baseOpp.deadline }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "Add to Journey" }),
+        tabs: producerTabs,
+    },
+};
+export const ImporterOpen = {
+    args: {
+        opportunity: { ...baseOpp, status: "open" },
+        leftBadge: _jsx(StatusPill, { status: "open" }),
+        metaRight: _jsx(OffersCountChip, { count: 7 }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "View offers (7)" }),
+        tabs: importerTabs,
+    },
+};
+export const ImporterClosedDeEmphasized = {
+    args: {
+        opportunity: { ...baseOpp, status: "closed" },
+        leftBadge: _jsx(StatusPill, { status: "closed" }),
+        metaRight: _jsx(OffersCountChip, { count: 3 }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-slate-700 px-3 py-1.5 text-xs text-white", children: "Reopen" }),
+        deEmphasized: true,
+        tabs: importerTabs,
+    },
+};
+export const ImporterExpired = {
+    args: {
+        opportunity: { ...baseOpp, status: "expired", deadline: new Date("2026-04-10T12:00:00Z") },
+        leftBadge: _jsx(StatusPill, { status: "expired" }),
+        metaRight: _jsx(CountdownPill, { date: new Date("2026-04-10T12:00:00Z"), now: new Date("2026-04-21T12:00:00Z") }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "Republish" }),
+        deEmphasized: true,
+        tabs: importerTabs,
+    },
+};
+export const ImporterDraft = {
+    args: {
+        opportunity: { ...baseOpp, status: "draft" },
+        leftBadge: _jsx(StatusPill, { status: "draft" }),
+        metaRight: null,
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "Resume draft" }),
+        tabs: importerTabs,
+    },
+};
+export const InJourney = {
+    args: {
+        opportunity: baseOpp,
+        leftBadge: _jsx(ChannelBadge, { channel: "monopoly" }),
+        metaRight: _jsx(CountdownPill, { date: baseOpp.deadline }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-100 px-3 py-1.5 text-xs text-emerald-800", children: "In Journey" }),
+        deEmphasized: true,
+        tabs: producerTabs,
+    },
+};
+export const Expanded = {
+    args: {
+        opportunity: baseOpp,
+        leftBadge: _jsx(ChannelBadge, { channel: "monopoly" }),
+        metaRight: _jsx(CountdownPill, { date: baseOpp.deadline }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "Add to Journey" }),
+        tabs: producerTabs,
+        expanded: true,
+        onExpandChange: () => { },
+    },
+};
+export const ReadOnlyPreview = {
+    args: {
+        opportunity: baseOpp,
+        leftBadge: _jsx(ChannelBadge, { channel: "monopoly" }),
+        metaRight: _jsx(CountdownPill, { date: baseOpp.deadline }),
+        primaryAction: null,
+        readOnly: true,
+        tabs: [{ id: "overview", label: "Overview", content: _jsx("div", { className: "p-2 text-sm", children: "review-mode body" }) }],
+    },
+};
+export const LongTitleTruncation = {
+    args: {
+        opportunity: { ...baseOpp, productName: "Single-Vineyard Estate-Bottled Grand Reserve Chardonnay 2020 with Oak Ageing and Terroir Emphasis" },
+        leftBadge: _jsx(ChannelBadge, { channel: "monopoly" }),
+        metaRight: _jsx(CountdownPill, { date: baseOpp.deadline }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "Add" }),
+        tabs: producerTabs,
+    },
+};
+export const NoDeadline = {
+    args: {
+        opportunity: { ...baseOpp, deadline: null },
+        leftBadge: _jsx(ChannelBadge, { channel: "monopoly" }),
+        metaRight: _jsx(CountdownPill, { date: null }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "Add" }),
+        tabs: producerTabs,
+    },
+};
+export const ZeroOffersCount = {
+    args: {
+        opportunity: { ...baseOpp, status: "open" },
+        leftBadge: _jsx(StatusPill, { status: "open" }),
+        metaRight: _jsx(OffersCountChip, { count: 0 }),
+        primaryAction: _jsx("button", { className: "rounded-md bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "View offers" }),
+        tabs: importerTabs,
+    },
+};
+export const LoadingSkeleton = {
+    render: () => (_jsx(SkeletonProvider, { children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(OpportunityStackedCard.Skeleton, {}), _jsx(OpportunityStackedCard.Skeleton, {}), _jsx(OpportunityStackedCard.Skeleton, {})] }) })),
+};
+//# sourceMappingURL=opportunity-stacked-card.stories.js.map

package/dist/opportunities/opportunity-stacked-card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-stacked-card.stories.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-stacked-card.stories.tsx"],"names":[],"mappings":"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"}

package/dist/opportunities/opportunity-stacked-list.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import type { OpportunityView } from "./types";
+export interface RenderCardContext {
+    isExpanded: boolean;
+    onToggleExpand: () => void;
+}
+export interface OpportunityStackedListProps {
+    opportunities: OpportunityView[];
+    renderCard: (opp: OpportunityView, ctx: RenderCardContext) => React.ReactNode;
+    isLoading?: boolean;
+    isRefetching?: boolean;
+    emptyState?: React.ReactNode;
+    accordionMode?: boolean;
+    expandedIds?: string[];
+    defaultExpandedIds?: string[];
+    onExpandedIdsChange?: (next: string[]) => void;
+    highlightId?: string;
+    skeletonCount?: number;
+    className?: string;
+}
+export type OpportunityStackedListComponent = React.FC<OpportunityStackedListProps> & {
+    Skeleton: React.FC<{
+        count?: number;
+        className?: string;
+    }>;
+};
+export declare const OpportunityStackedList: OpportunityStackedListComponent;
+//# sourceMappingURL=opportunity-stacked-list.d.ts.map

package/dist/opportunities/opportunity-stacked-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-stacked-list.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-stacked-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,2BAA2B;IAC1C,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,GAAG,EAAE,eAAe,EAAE,GAAG,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyGD,MAAM,MAAM,+BAA+B,GAAG,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,GAAG;IACpF,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAiC,+BAA+B,CAAC"}

package/dist/opportunities/opportunity-stacked-list.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { LayoutGroup, motion, useReducedMotion } from "motion/react";
+import { Inbox } from "lucide-react";
+import { SkeletonProvider } from "../skeleton/provider";
+import { OpportunityStackedCard } from "./opportunity-stacked-card";
+import { OpportunityEmptyState } from "./opportunity-empty-state";
+import { cn } from "../lib/utils";
+// Skeleton compound — wraps in SkeletonProvider so each card-skeleton gets a cascade index
+function OpportunityStackedListSkeleton({ count = 6, className }) {
+    return (_jsx(SkeletonProvider, { tier: "data", children: _jsx("div", { className: cn("flex flex-col gap-2", className), children: Array.from({ length: count }).map((_, i) => (_jsx(OpportunityStackedCard.Skeleton, {}, i))) }) }));
+}
+function OpportunityStackedListBase({ opportunities, renderCard, isLoading = false, isRefetching = false, emptyState, accordionMode = false, expandedIds: controlled, defaultExpandedIds, onExpandedIdsChange, highlightId, skeletonCount = 6, className, }) {
+    const prefersReducedMotion = useReducedMotion();
+    const [uncontrolled, setUncontrolled] = React.useState(defaultExpandedIds ?? []);
+    const isControlled = controlled !== undefined;
+    const expanded = isControlled ? controlled : uncontrolled;
+    const setExpanded = React.useCallback((next) => {
+        if (!isControlled)
+            setUncontrolled(next);
+        onExpandedIdsChange?.(next);
+    }, [isControlled, onExpandedIdsChange]);
+    const toggle = React.useCallback((id) => {
+        const isOpen = expanded.includes(id);
+        if (isOpen) {
+            setExpanded(expanded.filter(x => x !== id));
+        }
+        else if (accordionMode) {
+            setExpanded([id]);
+        }
+        else {
+            setExpanded([...expanded, id]);
+        }
+    }, [expanded, accordionMode, setExpanded]);
+    if (isLoading) {
+        return _jsx(OpportunityStackedListSkeleton, { count: skeletonCount, className: className });
+    }
+    if (opportunities.length === 0) {
+        return emptyState ? (_jsx(_Fragment, { children: emptyState })) : (_jsx(OpportunityEmptyState, { icon: _jsx(Inbox, { className: "size-10" }), title: "No opportunities to show" }));
+    }
+    return (_jsxs("div", { "data-refetch-pulse": isRefetching || undefined, className: cn("flex flex-col gap-2", className), children: [_jsx("a", { href: "#opportunities-list-end", className: "sr-only focus:not-sr-only focus:absolute focus:left-2 focus:top-2 focus:z-10 focus:rounded-md focus:bg-emerald-700 focus:px-3 focus:py-1.5 focus:text-sm focus:text-white", children: "Skip opportunity list" }), _jsx(LayoutGroup, { children: opportunities.map((opp, index) => {
+                    const isExpanded = expanded.includes(opp.id);
+                    const onToggleExpand = () => toggle(opp.id);
+                    return (_jsx(motion.div, { layout: !prefersReducedMotion, initial: prefersReducedMotion ? undefined : { opacity: 0, y: 8 }, animate: prefersReducedMotion ? undefined : { opacity: 1, y: 0 }, transition: prefersReducedMotion ? undefined : { type: "spring", stiffness: 260, damping: 22, delay: index * 0.12 }, "data-opportunity-highlight": highlightId === opp.id ? "pulse" : undefined, children: renderCard(opp, { isExpanded, onToggleExpand }) }, opp.id));
+                }) }), _jsx("span", { id: "opportunities-list-end", tabIndex: -1 })] }));
+}
+export const OpportunityStackedList = OpportunityStackedListBase;
+OpportunityStackedList.Skeleton = OpportunityStackedListSkeleton;
+//# sourceMappingURL=opportunity-stacked-list.js.map

package/dist/opportunities/opportunity-stacked-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-stacked-list.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-stacked-list.tsx"],"names":[],"mappings":"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"}