@cellarnode/ui 0.17.4 → 0.19.1

package/dist/offer/match-headline-bar.stories.js

@@ -0,0 +1,39 @@
+import { MatchHeadlineBar } from "./match-headline-bar";
+const meta = {
+    title: "Offer/MatchHeadlineBar",
+    component: MatchHeadlineBar,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Strong = {
+    args: {
+        state: "strong",
+        summary: "All requirements met",
+        count: 11,
+    },
+};
+export const Partial = {
+    args: {
+        state: "partial",
+        summary: "Price is 4% over the ceiling",
+        count: 11,
+    },
+};
+export const Miss = {
+    args: {
+        state: "miss",
+        summary: "Beverage subtype does not match",
+        count: 11,
+    },
+};
+export const Expanded = {
+    args: {
+        state: "partial",
+        summary: "Price is 4% over the ceiling",
+        count: 11,
+        expanded: true,
+        onToggleExpand: () => { },
+    },
+};
+//# sourceMappingURL=match-headline-bar.stories.js.map

package/dist/offer/match-headline-bar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-headline-bar.stories.js","sourceRoot":"","sources":["../../src/offer/match-headline-bar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACO,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,8BAA8B;QACvC,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,iCAAiC;QAC1C,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,8BAA8B;QACvC,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;KACzB;CACF,CAAC"}

package/dist/offer/match-preview.d.ts

@@ -0,0 +1,18 @@
+import type { MatchEvaluation, Perspective } from "./types";
+export interface MatchPreviewProps {
+    evaluation: MatchEvaluation;
+    /**
+     * Viewer perspective. Informational only — colour polarity for each
+     * criterion row comes from the criterion's `viewerAdvantage` field
+     * (blocker B3). Perspective frames the aria-live sentence: "Producer
+     * view: match now partial — price 4.7% over ceiling".
+     */
+    perspective?: Perspective;
+    className?: string;
+}
+/**
+ * Compact match surface that appears inside the counter composer and re-grades
+ * as the composer's numeric fields change. Announces changes via aria-live.
+ */
+export declare function MatchPreview({ evaluation, perspective, className }: MatchPreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=match-preview.d.ts.map

package/dist/offer/match-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-preview.d.ts","sourceRoot":"","sources":["../../src/offer/match-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA+BrF"}

package/dist/offer/match-preview.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { MatchHeadlineBar } from "./match-headline-bar";
+import { MatchGlyph } from "./match-glyph";
+/**
+ * Compact match surface that appears inside the counter composer and re-grades
+ * as the composer's numeric fields change. Announces changes via aria-live.
+ */
+export function MatchPreview({ evaluation, perspective, className }) {
+    const exceptions = evaluation.criteria.filter((c) => c.state === "partial" || c.state === "miss");
+    return (_jsxs("div", { role: "status", "aria-live": "polite", "aria-label": `${perspective ? `${perspective === "producer" ? "Producer" : "Importer"} view · ` : ""}Match now: ${evaluation.headline} — ${evaluation.headlineSummary}`, className: cn("space-y-2 rounded-xl border border-border/60 bg-card/70 p-3", className), children: [_jsx(MatchHeadlineBar, { state: evaluation.headline, summary: evaluation.headlineSummary, count: evaluation.criteria.length }), exceptions.length > 0 && (_jsx("ul", { className: "space-y-1.5", children: exceptions.map((c) => (_jsxs("li", { className: "flex items-start justify-between gap-2 text-xs/5", children: [_jsxs("span", { className: "min-w-0", children: [_jsxs("span", { className: "font-medium", children: [c.label, ":"] }), " ", c.reason ?? "—"] }), _jsx(MatchGlyph, { state: c.state })] }, c.id))) }))] }));
+}
+//# sourceMappingURL=match-preview.js.map

package/dist/offer/match-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-preview.js","sourceRoot":"","sources":["../../src/offer/match-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAqB;IACpF,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CACnD,CAAC;IACF,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,gBACN,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,UAAU,CAAC,QAAQ,MAAM,UAAU,CAAC,eAAe,EAAE,EACtK,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE,SAAS,CAAC,aAEvF,KAAC,gBAAgB,IACf,KAAK,EAAE,UAAU,CAAC,QAAQ,EAC1B,OAAO,EAAE,UAAU,CAAC,eAAe,EACnC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,GACjC,EACD,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,aAAI,SAAS,EAAC,aAAa,YACxB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,cAAe,SAAS,EAAC,kDAAkD,aACzE,gBAAM,SAAS,EAAC,SAAS,aACvB,gBAAM,SAAS,EAAC,aAAa,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,CAAC,CAAC,MAAM,IAAI,GAAG,IACX,EACP,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAI,KALvB,CAAC,CAAC,EAAE,CAMR,CACN,CAAC,GACC,CACN,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/offer/match-preview.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { MatchPreview } from "./match-preview";
+declare const meta: {
+    title: string;
+    component: typeof MatchPreview;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RegradeToPartial: Story;
+export declare const RegradeToMiss: Story;
+export declare const LiveDeltaChips: Story;
+export declare const RegradeOnEdit: Story;
+//# sourceMappingURL=match-preview.stories.d.ts.map

package/dist/offer/match-preview.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-preview.stories.d.ts","sourceRoot":"","sources":["../../src/offer/match-preview.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,QAAA,MAAM,IAAI;;;;;;;CAK2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+BnC,eAAO,MAAM,OAAO,EAAE,KAAwC,CAAC;AAC/D,eAAO,MAAM,gBAAgB,EAAE,KAAyC,CAAC;AACzE,eAAO,MAAM,aAAa,EAAE,KAAsC,CAAC;AASnE,eAAO,MAAM,cAAc,EAAE,KA2B5B,CAAC;AAmBF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC"}

package/dist/offer/match-preview.stories.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { MatchPreview } from "./match-preview";
+const meta = {
+    title: "Offer/MatchPreview",
+    component: MatchPreview,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+const strong = {
+    headline: "strong",
+    headlineSummary: "All requirements met",
+    criteria: [
+        { id: "price", label: "Price", state: "ok", offered: 4.1, required: 4.2, viewerAdvantage: "improved" },
+        { id: "volume", label: "Volume", state: "ok", offered: 20000, required: 20000, viewerAdvantage: "neutral" },
+    ],
+    freeTextFields: [],
+    hiddenReasons: [],
+};
+const partial = {
+    ...strong,
+    headline: "partial",
+    headlineSummary: "Price is 4.7% over ceiling",
+    criteria: [
+        { id: "price", label: "Price", state: "partial", offered: 4.4, required: 4.2, reason: "4.7% above ceiling", viewerAdvantage: "improved" },
+        strong.criteria[1],
+    ],
+};
+const miss = {
+    ...strong,
+    headline: "miss",
+    headlineSummary: "Volume under minimum",
+    criteria: [
+        strong.criteria[0],
+        { id: "volume", label: "Volume", state: "miss", offered: 5000, required: 20000, reason: "Below minimum acceptable volume", viewerAdvantage: "worsened" },
+    ],
+};
+export const Default = { args: { evaluation: strong } };
+export const RegradeToPartial = { args: { evaluation: partial } };
+export const RegradeToMiss = { args: { evaluation: miss } };
+// Spec §14.1 explicitly lists these as required stories. They were
+// omitted from the original plan; adding them here + in the
+// CounterSlideOver story list below.
+// Spec §7.2 "All numeric fields render a live delta chip (±value)". This
+// story shows the delta chip inline and asserts the chip's aria-label
+// reports the signed change.
+export const LiveDeltaChips = {
+    args: {
+        evaluation: {
+            ...strong,
+            headline: "partial",
+            headlineSummary: "Price is now +€0.30 vs round 1",
+            criteria: [
+                {
+                    id: "price",
+                    label: "Price",
+                    state: "partial",
+                    offered: 4.4,
+                    required: 4.2,
+                    reason: "+€0.30 vs round 1 (still within 5% ceiling)",
+                    viewerAdvantage: "improved",
+                },
+                strong.criteria[1],
+            ],
+        },
+    },
+    play: async ({ canvasElement }) => {
+        const { within } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        const status = canvas.getByRole("status");
+        await expect(status).toHaveTextContent(/\+€0\.30/);
+    },
+};
+function RegradeOnEditDemo() {
+    const [evaluation, setEvaluation] = useState(strong);
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx("button", { "data-testid": "set-strong", onClick: () => setEvaluation(strong), children: "Strong" }), _jsx("button", { "data-testid": "set-partial", onClick: () => setEvaluation(partial), children: "Partial" }), _jsx("button", { "data-testid": "set-miss", onClick: () => setEvaluation(miss), children: "Miss" })] }), _jsx(MatchPreview, { evaluation: evaluation })] }));
+}
+// Spec §6.8 "re-grades as the composer's numeric fields change". This
+// story provides a toggle between two evaluations to prove the
+// aria-live region updates when the evaluation prop changes.
+export const RegradeOnEdit = {
+    args: { evaluation: strong },
+    render: () => _jsx(RegradeOnEditDemo, {}),
+    play: async ({ canvasElement, step }) => {
+        const { within, userEvent } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        await step("initial state is strong", async () => {
+            await expect(canvas.getByRole("status")).toHaveTextContent(/strong/i);
+        });
+        await step("clicking Partial regrades the live region", async () => {
+            await userEvent.click(canvas.getByTestId("set-partial"));
+            await expect(canvas.getByRole("status")).toHaveTextContent(/partial/i);
+        });
+        await step("clicking Miss regrades to miss", async () => {
+            await userEvent.click(canvas.getByTestId("set-miss"));
+            await expect(canvas.getByRole("status")).toHaveTextContent(/miss/i);
+        });
+    },
+};
+//# sourceMappingURL=match-preview.stories.js.map

package/dist/offer/match-preview.stories.js.map

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

package/dist/offer/negotiation-section.d.ts

@@ -0,0 +1,11 @@
+import type { TimelineEventData, ViewerAdvantage, Perspective } from "./types";
+export interface NegotiationSectionProps {
+    events: TimelineEventData[];
+    viewerOrgId: string;
+    viewerRole?: Perspective;
+    viewerAdvantageFor?: (event: TimelineEventData) => ViewerAdvantage;
+    onOpenComposer?: () => void;
+    className?: string;
+}
+export declare function NegotiationSection({ events, viewerOrgId: _viewerOrgId, viewerRole: _viewerRole, viewerAdvantageFor, onOpenComposer, className, }: NegotiationSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=negotiation-section.d.ts.map

package/dist/offer/negotiation-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"negotiation-section.d.ts","sourceRoot":"","sources":["../../src/offer/negotiation-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EACf,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,eAAe,CAAC;IACnE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,WAAW,EACvB,kBAAkB,EAClB,cAAc,EACd,SAAS,GACV,EAAE,uBAAuB,2CAgLzB"}

package/dist/offer/negotiation-section.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { ArrowLeftRight } from "lucide-react";
+import { cn } from "../lib/utils";
+import { ShadcnButton as Button } from "../components/shadcn-button";
+import { useSafeVirtualizer } from "../chat/use-safe-virtualizer";
+import { TimelineEvent } from "./timeline-event";
+import { NewActivityPill } from "./new-activity-pill";
+export function NegotiationSection({ events, viewerOrgId: _viewerOrgId, viewerRole: _viewerRole, viewerAdvantageFor, onOpenComposer, className, }) {
+    const scrollRef = useRef(null);
+    const [newEventCount, setNewEventCount] = useState(0);
+    const [focusedIndex, setFocusedIndex] = useState(0);
+    const lastCountRef = useRef(events.length);
+    // Roving tabindex requires imperative .focus() on the new element after
+    // state updates; React only updates tabIndex, it does not move DOM focus.
+    // We keep a keyed ref map so the arrow-key effect can call .focus() on the
+    // newly-focused <li>.
+    const eventListRef = useRef(new Map());
+    // Track whether the last focus movement was driven by the keyboard (vs a
+    // mount / programmatic state change) so we only call .focus() when the user
+    // intentionally pressed Arrow keys. Otherwise we'd steal focus on mount.
+    const keyboardDrivenRef = useRef(false);
+    useEffect(() => {
+        if (events.length > lastCountRef.current) {
+            const el = scrollRef.current;
+            if (el) {
+                const nearBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 80;
+                if (!nearBottom) {
+                    setNewEventCount((c) => c + (events.length - lastCountRef.current));
+                }
+            }
+        }
+        lastCountRef.current = events.length;
+    }, [events.length]);
+    // Roving-tabindex focus driver. Runs after state commit so the newly-active
+    // element has already had tabIndex=0 applied, then we imperatively move DOM
+    // focus. Without this effect the arrow-key handler would only update
+    // tabIndex visibly — DOM focus would remain on the old element and screen
+    // readers would not announce the move.
+    useEffect(() => {
+        if (!keyboardDrivenRef.current)
+            return;
+        const el = eventListRef.current.get(focusedIndex);
+        el?.focus();
+        keyboardDrivenRef.current = false;
+    }, [focusedIndex]);
+    const shouldVirtualize = events.length > 50;
+    const virtualizer = useSafeVirtualizer({
+        count: events.length,
+        getScrollElement: () => scrollRef.current,
+        estimateSize: () => 96,
+        overscan: 5,
+        enabled: shouldVirtualize,
+    });
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            keyboardDrivenRef.current = true;
+            setFocusedIndex((i) => Math.min(i + 1, events.length - 1));
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            keyboardDrivenRef.current = true;
+            setFocusedIndex((i) => Math.max(i - 1, 0));
+        }
+        else if (e.key === "Home") {
+            e.preventDefault();
+            keyboardDrivenRef.current = true;
+            setFocusedIndex(0);
+        }
+        else if (e.key === "End") {
+            e.preventDefault();
+            keyboardDrivenRef.current = true;
+            setFocusedIndex(events.length - 1);
+        }
+    }, [events.length]);
+    const setEventRef = useCallback((index, node) => {
+        if (node)
+            eventListRef.current.set(index, node);
+        else
+            eventListRef.current.delete(index);
+    }, []);
+    return (_jsxs("section", { "aria-labelledby": "negotiation-heading", className: cn("rounded-2xl border border-border/60 bg-card p-4", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { id: "negotiation-heading", className: "text-xs/5 font-semibold uppercase tracking-wide text-muted-foreground", children: "Negotiation" }), onOpenComposer && (_jsxs(Button, { size: "sm", onClick: onOpenComposer, children: [_jsx(ArrowLeftRight, { "aria-hidden": true, className: "size-4" }), "Counter"] }))] }), _jsxs("div", { ref: scrollRef, className: "relative mt-3 max-h-[480px] overflow-y-auto", children: [events.length === 0 ? (_jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No activity yet." })) : shouldVirtualize ? (_jsx("ol", { role: "list", "aria-label": "Negotiation timeline", className: "relative", style: { height: virtualizer.getTotalSize() }, onKeyDown: handleKeyDown, children: virtualizer.getVirtualItems().map((row) => {
+                            const ev = events[row.index];
+                            return (_jsx("div", { ref: virtualizer.measureElement, "data-index": row.index, style: {
+                                    position: "absolute",
+                                    top: 0,
+                                    left: 0,
+                                    right: 0,
+                                    transform: `translateY(${row.start}px)`,
+                                }, children: _jsx(TimelineEvent, { ref: (node) => setEventRef(row.index, node), event: ev, viewerAdvantage: viewerAdvantageFor?.(ev) ?? "neutral", tabIndex: focusedIndex === row.index ? 0 : -1, onFocus: () => setFocusedIndex(row.index) }) }, ev.id));
+                        }) })) : (_jsx("ol", { role: "list", "aria-label": "Negotiation timeline", className: "space-y-2", onKeyDown: handleKeyDown, children: events.map((ev, i) => (_jsx(TimelineEvent, { ref: (node) => setEventRef(i, node), event: ev, viewerAdvantage: viewerAdvantageFor?.(ev) ?? "neutral", tabIndex: focusedIndex === i ? 0 : -1, onFocus: () => setFocusedIndex(i) }, ev.id))) })), newEventCount > 0 && (_jsx("div", { className: "pointer-events-none sticky bottom-2 flex justify-center", children: _jsx("div", { className: "pointer-events-auto", children: _jsx(NewActivityPill, { count: newEventCount, onClick: () => {
+                                    const el = scrollRef.current;
+                                    if (el)
+                                        el.scrollTop = el.scrollHeight;
+                                    setNewEventCount(0);
+                                } }) }) }))] })] }));
+}
+//# sourceMappingURL=negotiation-section.js.map

package/dist/offer/negotiation-section.js.map

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

package/dist/offer/negotiation-section.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NegotiationSection } from "./negotiation-section";
+declare const meta: {
+    title: string;
+    component: typeof NegotiationSection;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const ManyEvents: Story;
+export declare const MixedKinds: Story;
+export declare const ArrowKeyFocusMovement: Story;
+//# sourceMappingURL=negotiation-section.stories.d.ts.map

package/dist/offer/negotiation-section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"negotiation-section.stories.d.ts","sourceRoot":"","sources":["../../src/offer/negotiation-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,QAAA,MAAM,IAAI;;;;;;;CAKiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgCnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAC;AAMF,eAAO,MAAM,qBAAqB,EAAE,KAoCnC,CAAC"}

package/dist/offer/negotiation-section.stories.js

@@ -0,0 +1,156 @@
+import { NegotiationSection } from "./negotiation-section";
+const meta = {
+    title: "Offer/NegotiationSection",
+    component: NegotiationSection,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+const events = [
+    {
+        id: "e1",
+        kind: "propose",
+        createdAt: "2026-04-18T10:00:00Z",
+        actorOrgId: "org-prod",
+        actorRole: "producer",
+        round: 1,
+        terms: { price: 4.1, currency: "EUR", volume: 20000 },
+    },
+    {
+        id: "e2",
+        kind: "message",
+        createdAt: "2026-04-18T11:30:00Z",
+        actorOrgId: "org-imp",
+        actorRole: "importer",
+        content: "Can we see the certificates?",
+    },
+    {
+        id: "e3",
+        kind: "counter",
+        createdAt: "2026-04-19T09:15:00Z",
+        actorOrgId: "org-imp",
+        actorRole: "importer",
+        round: 2,
+        terms: { price: 3.95, currency: "EUR", volume: 20000 },
+        previousTerms: { price: 4.1, currency: "EUR", volume: 20000 },
+    },
+];
+export const Default = {
+    args: {
+        events,
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+};
+export const Empty = {
+    args: {
+        events: [],
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+};
+export const ManyEvents = {
+    args: {
+        events: Array.from({ length: 60 }, (_, i) => ({
+            id: `e-${i}`,
+            kind: i % 2 === 0 ? "message" : "counter",
+            createdAt: new Date(Date.UTC(2026, 3, 10, i)).toISOString(),
+            actorOrgId: i % 2 === 0 ? "org-imp" : "org-prod",
+            actorRole: i % 2 === 0 ? "importer" : "producer",
+            round: Math.floor(i / 10) + 1,
+            ...(i % 2 === 0
+                ? { content: `Message ${i}` }
+                : {
+                    terms: { price: 4 + i * 0.01, currency: "EUR", volume: 20000 },
+                }),
+        })),
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+};
+// Blocker B8 — virtualize at least one of each of the 8 TimelineEventKind
+// values so virtualization regressions surface. The ManyEvents story only
+// covered "message" + "counter"; this story covers all 8 kinds in the
+// virtualization layer (>50 events).
+export const MixedKinds = {
+    args: {
+        events: Array.from({ length: 64 }, (_, i) => {
+            const base = {
+                id: `e-${i}`,
+                createdAt: new Date(Date.UTC(2026, 3, 10, i)).toISOString(),
+                actorOrgId: i % 2 === 0 ? "org-prod" : "org-imp",
+                actorRole: (i % 2 === 0 ? "producer" : "importer"),
+                round: Math.floor(i / 8) + 1,
+            };
+            // Cycle through all 8 kinds so the virtualizer renders each one
+            const kind = ["propose", "counter", "accept", "decline", "withdraw", "expire", "message", "attachment"][i % 8];
+            switch (kind) {
+                case "propose":
+                case "counter":
+                    return {
+                        ...base,
+                        kind,
+                        terms: { price: 4 + i * 0.01, currency: "EUR", volume: 20000 },
+                        previousTerms: kind === "counter" ? { price: 4, currency: "EUR", volume: 20000 } : undefined,
+                    };
+                case "accept":
+                case "decline":
+                case "withdraw":
+                    return { ...base, kind, message: `Reason ${i}` };
+                case "expire":
+                    return { ...base, kind, expiredAt: base.createdAt };
+                case "message":
+                    return { ...base, kind, content: `Free-form message #${i}` };
+                case "attachment":
+                    return {
+                        ...base,
+                        kind,
+                        fileName: `file-${i}.pdf`,
+                        mimeType: "application/pdf",
+                        sizeBytes: 100_000 + i,
+                        source: ["chat", "round", "formal"][i % 3],
+                    };
+            }
+        }),
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+};
+// Blocker B1 — explicit assertion that ArrowUp / ArrowDown move DOM focus
+// (not just tabIndex). Without the useEffect on focusedIndex the previous
+// implementation left document.activeElement stuck on the mounted element.
+// Storybook play functions run under Vitest (via @storybook/addon-vitest).
+export const ArrowKeyFocusMovement = {
+    args: {
+        events,
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+    play: async ({ canvasElement, step }) => {
+        const { within, userEvent } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        await step("Focus the first timeline event", async () => {
+            const items = canvas.getAllByRole("listitem");
+            items[0].focus();
+            await expect(document.activeElement).toBe(items[0]);
+        });
+        await step("ArrowDown moves DOM focus to the next event", async () => {
+            await userEvent.keyboard("{ArrowDown}");
+            const items = canvas.getAllByRole("listitem");
+            // Assert DOM focus actually moved — not just aria-activedescendant
+            await expect(document.activeElement).toBe(items[1]);
+        });
+        await step("ArrowUp returns focus to the first event", async () => {
+            await userEvent.keyboard("{ArrowUp}");
+            const items = canvas.getAllByRole("listitem");
+            await expect(document.activeElement).toBe(items[0]);
+        });
+        await step("End jumps to the last event", async () => {
+            await userEvent.keyboard("{End}");
+            const items = canvas.getAllByRole("listitem");
+            await expect(document.activeElement).toBe(items[items.length - 1]);
+        });
+    },
+};
+//# sourceMappingURL=negotiation-section.stories.js.map

package/dist/offer/negotiation-section.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"negotiation-section.stories.js","sourceRoot":"","sources":["../../src/offer/negotiation-section.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,kBAAkB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACS,CAAC;AAE5C,eAAe,IAAI,CAAC;AAGpB,MAAM,MAAM,GAAwB;IAClC;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,sBAAsB;QACjC,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,UAAU;QACrB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;KACtD;IACD;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,sBAAsB;QACjC,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,8BAA8B;KACxC;IACD;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,sBAAsB;QACjC,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,UAAU;QACrB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;QACtD,aAAa,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;KAC9D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM;QACN,WAAW,EAAE,UAAU;QACvB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;KACzB;CACF,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,UAAU;QACvB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;KACzB;CACF,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YAC5C,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACzC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;YAC3D,UAAU,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;YAChD,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;YAChD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;YAC7B,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;gBACb,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,EAAE;gBAC7B,CAAC,CAAC;oBACE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;iBAC/D,CAAC;SACP,CAAC,CAAwB;QAC1B,WAAW,EAAE,UAAU;QACvB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;KACzB;CACF,CAAC;AAEF,0EAA0E;AAC1E,0EAA0E;AAC1E,sEAAsE;AACtE,qCAAqC;AACrC,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC1C,MAAM,IAAI,GAAG;gBACX,EAAE,EAAE,KAAK,CAAC,EAAE;gBACZ,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;gBAC3D,UAAU,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;gBAChD,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAA4B;gBAC7E,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;aAC7B,CAAC;YACF,gEAAgE;YAChE,MAAM,IAAI,GACR,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,CAC1F,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACT,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,SAAS,CAAC;gBACf,KAAK,SAAS;oBACZ,OAAO;wBACL,GAAG,IAAI;wBACP,IAAI;wBACJ,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;wBAC9D,aAAa,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS;qBACxE,CAAC;gBACzB,KAAK,QAAQ,CAAC;gBACd,KAAK,SAAS,CAAC;gBACf,KAAK,UAAU;oBACb,OAAO,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,EAAuB,CAAC;gBACxE,KAAK,QAAQ;oBACX,OAAO,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAuB,CAAC;gBAC3E,KAAK,SAAS;oBACZ,OAAO,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,sBAAsB,CAAC,EAAE,EAAuB,CAAC;gBACpF,KAAK,YAAY;oBACf,OAAO;wBACL,GAAG,IAAI;wBACP,IAAI;wBACJ,QAAQ,EAAE,QAAQ,CAAC,MAAM;wBACzB,QAAQ,EAAE,iBAAiB;wBAC3B,SAAS,EAAE,OAAO,GAAG,CAAC;wBACtB,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAgC;qBACrD,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;QACF,WAAW,EAAE,UAAU;QACvB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;KACzB;CACF,CAAC;AAEF,0EAA0E;AAC1E,0EAA0E;AAC1E,2EAA2E;AAC3E,2EAA2E;AAC3E,MAAM,CAAC,MAAM,qBAAqB,GAAU;IAC1C,IAAI,EAAE;QACJ,MAAM;QACN,WAAW,EAAE,UAAU;QACvB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;KACzB;IACD,IAAI,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE;QACtC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAErC,MAAM,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YACtD,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAC9C,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YACjB,MAAM,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;YACnE,MAAM,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;YACxC,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAC9C,mEAAmE;YACnE,MAAM,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;YAChE,MAAM,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;YACtC,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAC9C,MAAM,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;YACnD,MAAM,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClC,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAC9C,MAAM,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAC"}

package/dist/offer/new-activity-pill.d.ts

@@ -0,0 +1,7 @@
+export interface NewActivityPillProps {
+    count: number;
+    onClick: () => void;
+    className?: string;
+}
+export declare function NewActivityPill({ count, onClick, className }: NewActivityPillProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=new-activity-pill.d.ts.map

package/dist/offer/new-activity-pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-activity-pill.d.ts","sourceRoot":"","sources":["../../src/offer/new-activity-pill.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAgBlF"}

package/dist/offer/new-activity-pill.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDown } from "lucide-react";
+import { cn } from "../lib/utils";
+export function NewActivityPill({ count, onClick, className }) {
+    const display = count > 99 ? "99+" : count.toString();
+    return (_jsxs("button", { type: "button", onClick: onClick, "aria-label": `${count} new events — jump to timeline`, className: cn("inline-flex items-center gap-2 rounded-full border border-primary/30 bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-lg transition-opacity motion-safe:animate-in motion-safe:fade-in motion-reduce:transition-none", className), children: [_jsx(ArrowDown, { "aria-hidden": true, className: "size-4" }), display, " new event", count === 1 ? "" : "s", " \u00B7 jump to timeline"] }));
+}
+//# sourceMappingURL=new-activity-pill.js.map

package/dist/offer/new-activity-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-activity-pill.js","sourceRoot":"","sources":["../../src/offer/new-activity-pill.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAwB;IACjF,MAAM,OAAO,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACtD,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACJ,GAAG,KAAK,gCAAgC,EACpD,SAAS,EAAE,EAAE,CACX,6OAA6O,EAC7O,SAAS,CACV,aAED,KAAC,SAAS,yBAAa,SAAS,EAAC,QAAQ,GAAG,EAC3C,OAAO,gBAAY,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,gCACnC,CACV,CAAC;AACJ,CAAC"}

package/dist/offer/new-activity-pill.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NewActivityPill } from "./new-activity-pill";
+declare const meta: {
+    title: string;
+    component: typeof NewActivityPill;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Count1: Story;
+export declare const Count5: Story;
+export declare const Count99Plus: Story;
+export declare const ReducedMotion: Story;
+//# sourceMappingURL=new-activity-pill.stories.d.ts.map

package/dist/offer/new-activity-pill.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-activity-pill.stories.d.ts","sourceRoot":"","sources":["../../src/offer/new-activity-pill.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAA,MAAM,IAAI;;;;;;;CAK8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAAiD,CAAC;AACvE,eAAO,MAAM,MAAM,EAAE,KAAiD,CAAC;AACvE,eAAO,MAAM,WAAW,EAAE,KAAmD,CAAC;AAC9E,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}

package/dist/offer/new-activity-pill.stories.js

@@ -0,0 +1,22 @@
+import { NewActivityPill } from "./new-activity-pill";
+const meta = {
+    title: "Offer/NewActivityPill",
+    component: NewActivityPill,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Count1 = { args: { count: 1, onClick: () => { } } };
+export const Count5 = { args: { count: 5, onClick: () => { } } };
+export const Count99Plus = { args: { count: 132, onClick: () => { } } };
+export const ReducedMotion = {
+    args: { count: 3, onClick: () => { } },
+    parameters: {
+        docs: {
+            description: {
+                story: "Respects prefers-reduced-motion — no fade animation.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=new-activity-pill.stories.js.map

package/dist/offer/new-activity-pill.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-activity-pill.stories.js","sourceRoot":"","sources":["../../src/offer/new-activity-pill.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACI,CAAC;AAEzC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC;AACvE,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC;AACvE,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC;AAC9E,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;IACrC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,sDAAsD;aAC9D;SACF;KACF;CACF,CAAC"}