@cellarnode/ui 0.17.3 → 0.17.4

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { describe, it, expect } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { TwoColumnSection } from "../two-column-section";
+import { SectionField } from "../section-field";
+describe("TwoColumnSection", () => {
+    it("renders section when at least one SectionField has a value", () => {
+        render(_jsxs(TwoColumnSection, { title: "Product requirements", children: [_jsx(SectionField, { label: "Category", value: "Sparkling wine" }), _jsx(SectionField, { label: "Empty", value: null })] }));
+        expect(screen.getByRole("heading", { name: /product requirements/i })).toBeInTheDocument();
+        expect(screen.getByText("Sparkling wine")).toBeInTheDocument();
+    });
+    it("returns null when every child renders null", () => {
+        const { container } = render(_jsxs(TwoColumnSection, { title: "Should not render", children: [_jsx(SectionField, { label: "A", value: null }), _jsx(SectionField, { label: "B", value: "" })] }));
+        expect(container.firstChild).toBeNull();
+    });
+    it("renders description when provided", () => {
+        render(_jsx(TwoColumnSection, { title: "Title", description: "Some description text", children: _jsx(SectionField, { label: "X", value: "y" }) }));
+        expect(screen.getByText(/some description text/i)).toBeInTheDocument();
+    });
+    it("renders icon with aria-hidden wrapper", () => {
+        const { container } = render(_jsx(TwoColumnSection, { title: "Title", icon: _jsx("svg", { "data-testid": "icon" }), children: _jsx(SectionField, { label: "X", value: "y" }) }));
+        expect(container.querySelector("[aria-hidden]")).toBeTruthy();
+    });
+});
+//# sourceMappingURL=two-column-section.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"two-column-section.test.js","sourceRoot":"","sources":["../../../src/opportunities/__tests__/two-column-section.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACpE,MAAM,CACJ,MAAC,gBAAgB,IAAC,KAAK,EAAC,sBAAsB,aAC5C,KAAC,YAAY,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,GAAG,EACxD,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,GAAI,IAC1B,CACpB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3F,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,MAAC,gBAAgB,IAAC,KAAK,EAAC,mBAAmB,aACzC,KAAC,YAAY,IAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,GAAI,EACvC,KAAC,YAAY,IAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,EAAE,GAAG,IAClB,CACpB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CACJ,KAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,uBAAuB,YACjE,KAAC,YAAY,IAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,GAAG,GACnB,CACpB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,6BAAiB,MAAM,GAAG,YAC9D,KAAC,YAAY,IAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,GAAG,GACnB,CACpB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/opportunities/opportunity-channel-badge.d.ts

@@ -0,0 +1,7 @@
+import type { OpportunityChannelType } from "./types";
+export interface ChannelBadgeProps {
+    channel: OpportunityChannelType;
+    className?: string;
+}
+export declare function ChannelBadge({ channel, className }: ChannelBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=opportunity-channel-badge.d.ts.map

package/dist/opportunities/opportunity-channel-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-channel-badge.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-channel-badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAQrE"}

package/dist/opportunities/opportunity-channel-badge.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Store, User, Globe2 } from "lucide-react";
+import { cn } from "../lib/utils";
+const variants = {
+    monopoly: { label: "Monopoly", Icon: Store, classes: "bg-violet-50 text-violet-800 ring-1 ring-inset ring-violet-200" },
+    importer: { label: "Importer", Icon: User, classes: "bg-sky-50 text-sky-800 ring-1 ring-inset ring-sky-200" },
+    open: { label: "Open Market", Icon: Globe2, classes: "bg-slate-100 text-slate-700 ring-1 ring-inset ring-slate-200" },
+};
+export function ChannelBadge({ channel, className }) {
+    const { label, Icon, classes } = variants[channel];
+    return (_jsxs("span", { "data-channel": channel, className: cn("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", classes, className), children: [_jsx(Icon, { "aria-hidden": true, className: "size-3.5" }), label] }));
+}
+//# sourceMappingURL=opportunity-channel-badge.js.map

package/dist/opportunities/opportunity-channel-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-channel-badge.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-channel-badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,QAAQ,GAAmJ;IAC/J,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAO,IAAI,EAAE,KAAK,EAAG,OAAO,EAAE,gEAAgE,EAAE;IAC7H,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAO,IAAI,EAAE,IAAI,EAAI,OAAO,EAAE,uDAAuD,EAAE;IACpH,IAAI,EAAM,EAAE,KAAK,EAAE,aAAa,EAAI,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,8DAA8D,EAAE;CAC5H,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAqB;IACpE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnD,OAAO,CACL,gCAAoB,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,iFAAiF,EAAE,OAAO,EAAE,SAAS,CAAC,aAC/I,KAAC,IAAI,yBAAa,SAAS,EAAC,UAAU,GAAG,EACxC,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/opportunities/opportunity-channel-badge.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ChannelBadge } from "./opportunity-channel-badge";
+declare const meta: {
+    title: string;
+    component: typeof ChannelBadge;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Monopoly: Story;
+export declare const Importer: Story;
+export declare const OpenMarket: Story;
+//# sourceMappingURL=opportunity-channel-badge.stories.d.ts.map

package/dist/opportunities/opportunity-channel-badge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-channel-badge.stories.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-channel-badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,QAAA,MAAM,IAAI;;;;CAI2B,CAAC;AACtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAAyC,CAAC;AACjE,eAAO,MAAM,QAAQ,EAAE,KAAyC,CAAC;AACjE,eAAO,MAAM,UAAU,EAAE,KAAqC,CAAC"}

package/dist/opportunities/opportunity-channel-badge.stories.js

@@ -0,0 +1,11 @@
+import { ChannelBadge } from "./opportunity-channel-badge";
+const meta = {
+    title: "Opportunities/ChannelBadge",
+    component: ChannelBadge,
+    tags: ["autodocs"],
+};
+export default meta;
+export const Monopoly = { args: { channel: "monopoly" } };
+export const Importer = { args: { channel: "importer" } };
+export const OpenMarket = { args: { channel: "open" } };
+//# sourceMappingURL=opportunity-channel-badge.stories.js.map

package/dist/opportunities/opportunity-channel-badge.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-channel-badge.stories.js","sourceRoot":"","sources":["../../src/opportunities/opportunity-channel-badge.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,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,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;AACjE,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;AACjE,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC"}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { OpportunityTab } from "./types";
+export interface OpportunityDetailPanelProps {
+    tabs: OpportunityTab[];
+    defaultTabId?: string;
+    className?: string;
+}
+declare const OpportunityDetailPanelWithSkeleton: React.FC<OpportunityDetailPanelProps> & {
+    Skeleton: React.FC;
+};
+export { OpportunityDetailPanelWithSkeleton as OpportunityDetailPanel };
+export type { OpportunityDetailPanelProps as OpportunityDetailPanelComponentProps };
+//# sourceMappingURL=opportunity-detail-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-detail-panel.d.ts","sourceRoot":"","sources":["../../src/opportunities/opportunity-detail-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkED,QAAA,MAAM,kCAAkC,EAA6B,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,GAAG;IAC3G,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;CACpB,CAAC;AAGF,OAAO,EAAE,kCAAkC,IAAI,sBAAsB,EAAE,CAAC;AACxE,YAAY,EAAE,2BAA2B,IAAI,oCAAoC,EAAE,CAAC"}

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":"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"}

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"}