@cellarnode/ui 0.17.3 → 0.17.4

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":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,MAAM,OAAO,GAAoB;IAC/B,EAAE,EAAE,UAAU;IACd,QAAQ,EAAE,aAAa;IACvB,WAAW,EAAE,uBAAuB;IACpC,SAAS,EAAE,eAAe;IAC1B,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE;QACb,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE;QAClC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE;QACxC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE;KACnD;IACD,QAAQ,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC;IAC1C,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,sBAAsB;IACjC,IAAI,EAAE,CAAC,UAAU,CAAC;CAC2B,CAAC;AAChD,eAAe,IAAI,CAAC;AAGpB,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,UAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,cAAK,SAAS,EAAC,aAAa,uDAA6C,EAAE;IAClI,EAAE,EAAE,EAAE,UAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,cAAK,SAAS,EAAC,aAAa,iDAAuC,EAAE;CAC7H,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,UAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,cAAK,SAAS,EAAC,aAAa,wCAA8B,EAAE;CACpH,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,GAAG;QAC9C,SAAS,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,GAAI;QACpD,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,+BAAwB;QACnH,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE;QAC3C,SAAS,EAAE,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG;QACvC,SAAS,EAAE,KAAC,eAAe,IAAC,KAAK,EAAE,CAAC,GAAI;QACxC,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,gCAAyB;QACpH,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAU;IAC/C,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC7C,SAAS,EAAE,KAAC,UAAU,IAAC,MAAM,EAAC,QAAQ,GAAG;QACzC,SAAS,EAAE,KAAC,eAAe,IAAC,KAAK,EAAE,CAAC,GAAI;QACxC,aAAa,EAAE,iBAAQ,SAAS,EAAC,wDAAwD,uBAAgB;QACzG,YAAY,EAAE,IAAI;QAClB,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE;QAC1F,SAAS,EAAE,KAAC,UAAU,IAAC,MAAM,EAAC,SAAS,GAAG;QAC1C,SAAS,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,GAAI;QAC3G,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,0BAAmB;QAC9G,YAAY,EAAE,IAAI;QAClB,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;QAC5C,SAAS,EAAE,KAAC,UAAU,IAAC,MAAM,EAAC,OAAO,GAAG;QACxC,SAAS,EAAE,IAAI;QACf,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,6BAAsB;QACjH,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,GAAG;QAC9C,SAAS,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,GAAI;QACpD,aAAa,EAAE,iBAAQ,SAAS,EAAC,gEAAgE,2BAAoB;QACrH,YAAY,EAAE,IAAI;QAClB,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,GAAG;QAC9C,SAAS,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,GAAI;QACpD,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,+BAAwB;QACnH,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,GAAG;QAC9C,SAAS,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,GAAI;QACpD,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,UAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,cAAK,SAAS,EAAC,aAAa,iCAAuB,EAAE,CAAC;KACrH;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,OAAO,EAAE,WAAW,EAAE,mGAAmG,EAAE;QAC7I,SAAS,EAAE,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,GAAG;QAC9C,SAAS,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,GAAI;QACpD,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,oBAAa;QACxG,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC3C,SAAS,EAAE,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,GAAG;QAC9C,SAAS,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI;QACxC,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,oBAAa;QACxG,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE;QAC3C,SAAS,EAAE,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG;QACvC,SAAS,EAAE,KAAC,eAAe,IAAC,KAAK,EAAE,CAAC,GAAI;QACxC,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,4BAAqB;QAChH,IAAI,EAAE,YAAY;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAwB;IAClD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,gBAAgB,cACf,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,sBAAsB,CAAC,QAAQ,KAAG,EACnC,KAAC,sBAAsB,CAAC,QAAQ,KAAG,EACnC,KAAC,sBAAsB,CAAC,QAAQ,KAAG,IAC/B,GACW,CACpB;CACF,CAAC"}

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":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAsBlC,2FAA2F;AAC3F,SAAS,8BAA8B,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAA0C;IACtG,OAAO,CACL,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,YAC3B,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3C,KAAC,sBAAsB,CAAC,QAAQ,MAAM,CAAC,CAAI,CAC5C,CAAC,GACE,GACW,CACpB,CAAC;AACJ,CAAC;AAED,SAAS,0BAA0B,CAAC,EAClC,aAAa,EACb,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,WAAW,EAAE,UAAU,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,EACX,aAAa,GAAG,CAAC,EACjB,SAAS,GACmB;IAC5B,MAAM,oBAAoB,GAAG,gBAAgB,EAAE,CAAC;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,kBAAkB,IAAI,EAAE,CAAC,CAAC;IAC3F,MAAM,YAAY,GAAG,UAAU,KAAK,SAAS,CAAC;IAC9C,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAE,UAAuB,CAAC,CAAC,CAAC,YAAY,CAAC;IAExE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,IAAc,EAAE,EAAE;QACjB,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,YAAY,EAAE,mBAAmB,CAAC,CACpC,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,EAAU,EAAE,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACrC,IAAI,MAAM,EAAE,CAAC;YACX,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC9C,CAAC;aAAM,IAAI,aAAa,EAAE,CAAC;YACzB,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,CAAC,GAAG,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,CAAC,CACvC,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,8BAA8B,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACxF,CAAC;IAED,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,4BAAG,UAAU,GAAI,CAClB,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,IACpB,IAAI,EAAE,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,EACnC,KAAK,EAAC,0BAA0B,GAChC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,qCACsB,YAAY,IAAI,SAAS,EAC7C,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAE/C,YACE,IAAI,EAAC,yBAAyB,EAC9B,SAAS,EAAC,2KAA2K,sCAGnL,EACJ,KAAC,WAAW,cACT,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;oBAChC,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBAC7C,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBAC5C,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IAET,MAAM,EAAE,CAAC,oBAAoB,EAC7B,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAChE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAChE,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,gCACvF,WAAW,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YAEvE,UAAU,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,IAP3C,GAAG,CAAC,EAAE,CAQA,CACd,CAAC;gBACJ,CAAC,CAAC,GACU,EACd,eAAM,EAAE,EAAC,wBAAwB,EAAC,QAAQ,EAAE,CAAC,CAAC,GAAI,IAC9C,CACP,CAAC;AACJ,CAAC;AAMD,MAAM,CAAC,MAAM,sBAAsB,GAAG,0BAA6D,CAAC;AACpG,sBAAsB,CAAC,QAAQ,GAAG,8BAA8B,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("./opportunity-stacked-list").OpportunityStackedListComponent;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Loaded: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const Refetching: Story;
+export declare const AccordionMode: Story;
+export declare const MultiExpandMode: Story;
+export declare const Highlighted: Story;
+//# sourceMappingURL=opportunity-stacked-list.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-stacked-list.stories.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-stacked-list.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;AA4BnC,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAgF,CAAC;AACvG,eAAO,MAAM,KAAK,EAAE,KAA+D,CAAC;AACpF,eAAO,MAAM,UAAU,EAAE,KAAyD,CAAC;AACnF,eAAO,MAAM,aAAa,EAAE,KAA0D,CAAC;AACvF,eAAO,MAAM,eAAe,EAAE,KAAmG,CAAC;AAClI,eAAO,MAAM,WAAW,EAAE,KAA2D,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OpportunityStackedList } from "./opportunity-stacked-list";
+import { OpportunityStackedCard } from "./opportunity-stacked-card";
+import { ChannelBadge } from "./opportunity-channel-badge";
+import { CountdownPill } from "../components/countdown-pill";
+const meta = {
+    title: "Opportunities/OpportunityStackedList",
+    component: OpportunityStackedList,
+    tags: ["autodocs"],
+};
+export default meta;
+const makeOpp = (i) => ({
+    id: `opp-${i}`,
+    tenderId: `t-${i}`,
+    productName: `Product ${i}`,
+    buyerName: `Buyer ${i}`,
+    countryCode: ["SE", "NO", "FI", "DK"][i % 4],
+    subtitleFacts: [
+        { type: "text", text: "Monopoly" },
+        { type: "count", value: 1000 * (i + 1), suffix: "bottles" },
+    ],
+    deadline: new Date(Date.now() + (i + 1) * 86400_000),
+    status: "open",
+});
+const renderCard = (opp, ctx) => (_jsx(OpportunityStackedCard, { opportunity: opp, leftBadge: _jsx(ChannelBadge, { channel: "monopoly" }), metaRight: _jsx(CountdownPill, { date: opp.deadline }), primaryAction: _jsx("button", { className: "rounded-sm bg-emerald-700 px-3 py-1.5 text-xs text-white", children: "Add" }), tabs: [{ id: "overview", label: "Overview", content: _jsx("div", { className: "p-2", children: "overview body" }) }], expanded: ctx.isExpanded, onExpandChange: ctx.onToggleExpand }));
+export const Loaded = {
+    args: {
+        opportunities: [0, 1, 2, 3, 4].map(makeOpp),
+        renderCard,
+    },
+};
+export const Loading = { args: { opportunities: [], renderCard: () => null, isLoading: true } };
+export const Empty = { args: { opportunities: [], renderCard: () => null } };
+export const Refetching = { args: { ...Loaded.args, isRefetching: true } };
+export const AccordionMode = { args: { ...Loaded.args, accordionMode: true } };
+export const MultiExpandMode = { args: { ...Loaded.args, accordionMode: false, defaultExpandedIds: ["opp-0", "opp-2"] } };
+export const Highlighted = { args: { ...Loaded.args, highlightId: "opp-2" } };
+//# sourceMappingURL=opportunity-stacked-list.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-stacked-list.stories.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-stacked-list.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,sBAAsB;IACjC,IAAI,EAAE,CAAC,UAAU,CAAC;CAC2B,CAAC;AAChD,eAAe,IAAI,CAAC;AAGpB,MAAM,OAAO,GAAG,CAAC,CAAS,EAAmB,EAAE,CAAC,CAAC;IAC/C,EAAE,EAAE,OAAO,CAAC,EAAE;IACd,QAAQ,EAAE,KAAK,CAAC,EAAE;IAClB,WAAW,EAAE,WAAW,CAAC,EAAE;IAC3B,SAAS,EAAE,SAAS,CAAC,EAAE;IACvB,WAAW,EAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAW,CAAC,CAAC,GAAG,CAAC,CAAC;IACvD,aAAa,EAAE;QACb,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE;QAClC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE;KAC5D;IACD,QAAQ,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACpD,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,GAAoB,EAAE,GAAwD,EAAE,EAAE,CAAC,CACrG,KAAC,sBAAsB,IACrB,WAAW,EAAE,GAAG,EAChB,SAAS,EAAE,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,GAAG,EAC9C,SAAS,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,GAAG,CAAC,QAAQ,GAAI,EAChD,aAAa,EAAE,iBAAQ,SAAS,EAAC,0DAA0D,oBAAa,EACxG,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,cAAK,SAAS,EAAC,KAAK,8BAAoB,EAAE,CAAC,EAChG,QAAQ,EAAE,GAAG,CAAC,UAAU,EACxB,cAAc,EAAE,GAAG,CAAC,cAAc,GAClC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;QAC3C,UAAU;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC;AACvG,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;AACpF,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,GAAG,MAAM,CAAC,IAAK,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,CAAC;AACnF,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,GAAG,MAAM,CAAC,IAAK,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,CAAC;AACvF,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,GAAG,MAAM,CAAC,IAAK,EAAE,aAAa,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC;AAClI,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,GAAG,MAAM,CAAC,IAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC"}

package/dist/opportunities/section-field.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface SectionFieldProps {
+    label: string;
+    value?: React.ReactNode;
+    className?: string;
+}
+export declare function SectionField({ label, value, className }: SectionFieldProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=section-field.d.ts.map

package/dist/opportunities/section-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-field.d.ts","sourceRoot":"","sources":["../../src/opportunities/section-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,kDAS1E"}

package/dist/opportunities/section-field.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+export function SectionField({ label, value, className }) {
+    const isEmpty = value == null || value === "" || (Array.isArray(value) && value.length === 0);
+    if (isEmpty)
+        return null;
+    return (_jsxs("div", { className: cn("min-w-0", className), children: [_jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: label }), _jsx("dd", { className: "mt-1 text-sm text-foreground break-words", children: value })] }));
+}
+//# sourceMappingURL=section-field.js.map

package/dist/opportunities/section-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-field.js","sourceRoot":"","sources":["../../src/opportunities/section-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAqB;IACzE,MAAM,OAAO,GAAG,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAC9F,IAAI,OAAO;QAAE,OAAO,IAAI,CAAC;IACzB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aACtC,aAAI,SAAS,EAAC,mEAAmE,YAAE,KAAK,GAAM,EAC9F,aAAI,SAAS,EAAC,0CAA0C,YAAE,KAAK,GAAM,IACjE,CACP,CAAC;AACJ,CAAC"}

package/dist/opportunities/section-field.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { SectionField } from "./section-field";
+declare const meta: {
+    title: string;
+    component: typeof SectionField;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Multiline: Story;
+export declare const EmptyCollapses: Story;
+//# sourceMappingURL=section-field.stories.d.ts.map

package/dist/opportunities/section-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-field.stories.d.ts","sourceRoot":"","sources":["../../src/opportunities/section-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI;;;;CAI2B,CAAC;AACtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAA8D,CAAC;AACrF,eAAO,MAAM,SAAS,EAAE,KAAkH,CAAC;AAC3I,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC"}

package/dist/opportunities/section-field.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SectionField } from "./section-field";
+const meta = {
+    title: "Opportunities/SectionField",
+    component: SectionField,
+    tags: ["autodocs"],
+};
+export default meta;
+export const Default = { args: { label: "Volume", value: "12,000 bottles" } };
+export const Multiline = { args: { label: "Notes", value: "Producers must supply SGS certification plus import-duty clearance." } };
+export const EmptyCollapses = {
+    args: { label: "placeholder", value: null },
+    render: () => (_jsxs("div", { children: [_jsx(SectionField, { label: "Empty \u2014 should not render", value: null }), _jsx("span", { children: "(nothing above this line)" })] })),
+};
+//# sourceMappingURL=section-field.stories.js.map

package/dist/opportunities/section-field.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-field.stories.js","sourceRoot":"","sources":["../../src/opportunities/section-field.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;CACiB,CAAC;AACtC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC;AACrF,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,qEAAqE,EAAE,EAAE,CAAC;AAC3I,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE;IAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,0BACE,KAAC,YAAY,IAAC,KAAK,EAAC,gCAA2B,EAAC,KAAK,EAAE,IAAI,GAAI,EAC/D,uDAAsC,IAClC,CACP;CACF,CAAC"}

package/dist/opportunities/two-column-section.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface TwoColumnSectionProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function TwoColumnSection({ icon, title, description, children, className }: TwoColumnSectionProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=two-column-section.d.ts.map

package/dist/opportunities/two-column-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-column-section.d.ts","sourceRoot":"","sources":["../../src/opportunities/two-column-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,kDA6BxG"}

package/dist/opportunities/two-column-section.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const ContentContext = React.createContext({ hasContent: false });
+export function TwoColumnSection({ icon, title, description, children, className }) {
+    const [hasContent, setHasContent] = React.useState(true);
+    const dlRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        if (dlRef.current) {
+            // Check if the dl has any actual DOM nodes as children (not just empty text nodes)
+            const hasActualContent = Array.from(dlRef.current.children).length > 0;
+            setHasContent(hasActualContent);
+        }
+    });
+    // If nothing rendered, return null
+    if (!hasContent) {
+        return null;
+    }
+    return (_jsxs("section", { className: cn("grid grid-cols-1 gap-6 border-b border-border py-6 last:border-0 md:grid-cols-[220px_1fr]", className), children: [_jsxs("header", { className: "flex flex-col gap-2", children: [icon ? _jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: icon }) : null, _jsx("h4", { className: "text-sm font-semibold text-foreground", children: title }), description ? _jsx("p", { className: "text-xs text-muted-foreground", children: description }) : null] }), _jsx("dl", { ref: dlRef, className: "grid grid-cols-1 gap-x-6 gap-y-4 md:grid-cols-3", children: children })] }));
+}
+//# sourceMappingURL=two-column-section.js.map

package/dist/opportunities/two-column-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-column-section.js","sourceRoot":"","sources":["../../src/opportunities/two-column-section.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAA0B,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AAE3F,MAAM,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAyB;IACvG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,mFAAmF;YACnF,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YACvE,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,mCAAmC;IACnC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,2FAA2F,EAAE,SAAS,CAAC,aAC5H,kBAAQ,SAAS,EAAC,qBAAqB,aACpC,IAAI,CAAC,CAAC,CAAC,oCAAkB,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChF,aAAI,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAM,EACjE,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IAC7E,EACT,aAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,iDAAiD,YACxE,QAAQ,GACN,IACG,CACX,CAAC;AACJ,CAAC"}

package/dist/opportunities/two-column-section.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { TwoColumnSection } from "./two-column-section";
+declare const meta: {
+    title: string;
+    component: typeof TwoColumnSection;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllFieldsEmptyCollapsesEntirely: Story;
+//# sourceMappingURL=two-column-section.stories.d.ts.map

package/dist/opportunities/two-column-section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-column-section.stories.d.ts","sourceRoot":"","sources":["../../src/opportunities/two-column-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,QAAA,MAAM,IAAI;;;;CAI+B,CAAC;AAC1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KAW7C,CAAC"}

package/dist/opportunities/two-column-section.stories.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClipboardList } from "lucide-react";
+import { TwoColumnSection } from "./two-column-section";
+import { SectionField } from "./section-field";
+const meta = {
+    title: "Opportunities/TwoColumnSection",
+    component: TwoColumnSection,
+    tags: ["autodocs"],
+};
+export default meta;
+export const Default = {
+    args: {
+        icon: _jsx(ClipboardList, { className: "size-5" }),
+        title: "Product requirements",
+        description: "Key spec fields producers should match.",
+        children: (_jsxs(_Fragment, { children: [_jsx(SectionField, { label: "Category", value: "Sparkling wine" }), _jsx(SectionField, { label: "Volume", value: "12,000 bottles" }), _jsx(SectionField, { label: "Packaging", value: "Glass 750ml" }), _jsx(SectionField, { label: "Launch quarter", value: "Q2 2026" })] })),
+    },
+};
+export const AllFieldsEmptyCollapsesEntirely = {
+    args: {
+        icon: _jsx(ClipboardList, { className: "size-5" }),
+        title: "Should not render",
+        children: (_jsxs(_Fragment, { children: [_jsx(SectionField, { label: "A", value: null }), _jsx(SectionField, { label: "B", value: "" })] })),
+    },
+};
+//# sourceMappingURL=two-column-section.stories.js.map

package/dist/opportunities/two-column-section.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-column-section.stories.js","sourceRoot":"","sources":["../../src/opportunities/two-column-section.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;CACqB,CAAC;AAC1C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,GAAG;QAC1C,KAAK,EAAE,sBAAsB;QAC7B,WAAW,EAAE,yCAAyC;QACtD,QAAQ,EAAE,CACR,8BACE,KAAC,YAAY,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,GAAG,EACxD,KAAC,YAAY,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,gBAAgB,GAAG,EACtD,KAAC,YAAY,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,GAAG,EACtD,KAAC,YAAY,IAAC,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAC,SAAS,GAAG,IACtD,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAU;IACpD,IAAI,EAAE;QACJ,IAAI,EAAE,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,GAAG;QAC1C,KAAK,EAAE,mBAAmB;QAC1B,QAAQ,EAAE,CACR,8BACE,KAAC,YAAY,IAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,GAAI,EACvC,KAAC,YAAY,IAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,EAAE,GAAG,IAClC,CACJ;KACF;CACF,CAAC"}

package/dist/opportunities/types.d.ts

@@ -0,0 +1,76 @@
+import type * as React from "react";
+/** Opportunity lifecycle states as understood by the shared view layer.
+ *  The importer dashboard uses all four; the producer market page only sees "open". */
+export type OpportunityLifecycleStatus = "draft" | "open" | "closed" | "expired";
+/** A fact rendered in the card's subtitle row. `count` variants tween via useAnimatedNumber. */
+export type SubtitleFact = {
+    type: "text";
+    text: string;
+} | {
+    type: "count";
+    value: number;
+    suffix: string;
+};
+/** Channel type (producer-market perspective) — monopoly buyer, private importer, open market. */
+export type OpportunityChannelType = "monopoly" | "importer" | "open";
+/** Minimum shape the shared card + list require. Dashboards ship a tiny adapter
+ *  from their native response shape to this type. Producer/importer specifics live in slots. */
+export interface OpportunityView {
+    id: string;
+    tenderId: string;
+    productName: string;
+    buyerName: string;
+    countryCode: string;
+    subtitleFacts: SubtitleFact[];
+    deadline: Date | null;
+    status: OpportunityLifecycleStatus;
+}
+/** Tab identifier — closed union so consumers can't invent stray ids. */
+export type OpportunityTabId = "overview" | "timeline" | "compliance" | "buyer";
+export interface OpportunityTab {
+    id: OpportunityTabId;
+    label: string;
+    content: React.ReactNode;
+    hidden?: boolean;
+}
+/** Filter bar configuration (discriminated union for advanced drawer fields). */
+export interface ChipFilterConfig {
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+        count?: number;
+    }[];
+    multi?: boolean;
+}
+export type AdvancedFilterConfig = {
+    kind: "select";
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    multi?: boolean;
+} | {
+    kind: "dateRange";
+    key: string;
+    label: string;
+    min?: Date;
+    max?: Date;
+} | {
+    kind: "numberRange";
+    key: string;
+    label: string;
+    min: number;
+    max: number;
+    step: number;
+    format?: (n: number) => string;
+};
+export interface SortOption {
+    key: string;
+    label: string;
+    direction?: "asc" | "desc";
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/opportunities/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/opportunities/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;uFACuF;AACvF,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjF,gGAAgG;AAChG,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,kGAAkG;AAClG,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtE;gGACgG;AAChG,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,0BAA0B,CAAC;CACpC;AAED,yEAAyE;AACzE,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;AAEhF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,gBAAgB,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iFAAiF;AACjF,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,MAAM,oBAAoB,GAC5B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,GAC5G;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,IAAI,CAAC;IAAC,GAAG,CAAC,EAAE,IAAI,CAAA;CAAE,GACzE;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,CAAC;AAEhI,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CAC5B"}

package/dist/opportunities/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/opportunities/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/opportunities/types.ts"],"names":[],"mappings":""}

package/dist/org/invite-member-dialog.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { InviteMemberDialog } from "./invite-member-dialog";
+declare const meta: {
+    title: string;
+    component: typeof InviteMemberDialog;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        open: true;
+        onClose: () => void;
+        onInvite: (email: string) => Promise<{
+            message: string;
+        }>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Pending: Story;
+export declare const InviteFails: Story;
+export declare const Closed: Story;
+//# sourceMappingURL=invite-member-dialog.stories.d.ts.map

package/dist/org/invite-member-dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invite-member-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/org/invite-member-dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;0BAQkB,MAAM;;;;CAIS,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}