@cellarnode/ui 0.17.3 → 0.17.4

package/dist/hooks/use-animated-number.d.ts

@@ -0,0 +1,6 @@
+export interface UseAnimatedNumberOptions {
+    durationMs?: number;
+    easing?: (t: number) => number;
+}
+export declare function useAnimatedNumber(target: number, options?: UseAnimatedNumberOptions): number;
+//# sourceMappingURL=use-animated-number.d.ts.map

package/dist/hooks/use-animated-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-animated-number.d.ts","sourceRoot":"","sources":["../../src/hooks/use-animated-number.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAChC;AAWD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,wBAA6B,GAAG,MAAM,CA4ChG"}

package/dist/hooks/use-animated-number.js

@@ -0,0 +1,56 @@
+import * as React from "react";
+function easeOutCubic(t) {
+    return 1 - Math.pow(1 - t, 3);
+}
+function prefersReducedMotion() {
+    if (typeof window === "undefined" || !window.matchMedia)
+        return false;
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+export function useAnimatedNumber(target, options = {}) {
+    const { durationMs = 800, easing = easeOutCubic } = options;
+    const reducedMotion = prefersReducedMotion();
+    const [display, setDisplay] = React.useState(() => (reducedMotion ? target : 0));
+    const rafRef = React.useRef(null);
+    const startRef = React.useRef(null);
+    // Pin the latest easing + current display in refs so the animation effect can
+    // depend only on the "restart" inputs (target, durationMs) without stale closures
+    // or re-triggering the animation every frame.
+    const easingRef = React.useRef(easing);
+    const displayRef = React.useRef(display);
+    React.useEffect(() => {
+        easingRef.current = easing;
+    }, [easing]);
+    React.useEffect(() => {
+        displayRef.current = display;
+    }, [display]);
+    React.useEffect(() => {
+        if (reducedMotion)
+            return; // display is kept in sync via the derived return below
+        startRef.current = { from: displayRef.current, to: target, startedAt: performance.now() };
+        const tick = (now) => {
+            const start = startRef.current;
+            if (!start)
+                return;
+            const elapsed = now - start.startedAt;
+            const t = Math.min(1, elapsed / durationMs);
+            const eased = easingRef.current(t);
+            const next = Math.round(start.from + (start.to - start.from) * eased);
+            setDisplay(next);
+            if (t < 1) {
+                rafRef.current = requestAnimationFrame(tick);
+            }
+            else {
+                setDisplay(start.to);
+                rafRef.current = null;
+            }
+        };
+        rafRef.current = requestAnimationFrame(tick);
+        return () => {
+            if (rafRef.current !== null)
+                cancelAnimationFrame(rafRef.current);
+        };
+    }, [target, durationMs, reducedMotion]);
+    return reducedMotion ? target : display;
+}
+//# sourceMappingURL=use-animated-number.js.map

package/dist/hooks/use-animated-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-animated-number.js","sourceRoot":"","sources":["../../src/hooks/use-animated-number.ts"],"names":[],"mappings":"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"}

package/dist/notifications/notification-badge.stories.d.ts

@@ -0,0 +1,42 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NotificationBadge } from "./notification-badge";
+declare const meta: {
+    title: string;
+    component: typeof NotificationBadge;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        count: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+        maxCount: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
+        count: number;
+        maxCount?: number | undefined;
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+    args: {
+        count: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Zero: Story;
+export declare const Single: Story;
+export declare const OverMax: Story;
+export declare const CustomMaxCount: Story;
+//# sourceMappingURL=notification-badge.stories.d.ts.map

package/dist/notifications/notification-badge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-badge.stories.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-badge.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC"}

package/dist/notifications/notification-badge.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NotificationBadge } from "./notification-badge";
+const meta = {
+    title: "Notifications/NotificationBadge",
+    component: NotificationBadge,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+    argTypes: {
+        count: { control: { type: "number", min: 0, max: 250 } },
+        maxCount: { control: { type: "number", min: 1, max: 999 } },
+    },
+    decorators: [
+        (Story) => (_jsxs("div", { className: "relative inline-flex size-9 items-center justify-center rounded-full bg-muted", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Bell" }), _jsx(Story, {})] })),
+    ],
+    args: {
+        count: 3,
+    },
+};
+export default meta;
+export const Default = {};
+export const Zero = {
+    args: {
+        count: 0,
+    },
+};
+export const Single = {
+    args: {
+        count: 1,
+    },
+};
+export const OverMax = {
+    args: {
+        count: 128,
+    },
+};
+export const CustomMaxCount = {
+    args: {
+        count: 500,
+        maxCount: 9,
+    },
+};
+//# sourceMappingURL=notification-badge.stories.js.map

package/dist/notifications/notification-badge.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-badge.stories.js","sourceRoot":"","sources":["../../src/notifications/notification-badge.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;QACxD,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;KAC5D;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,eAAK,SAAS,EAAC,+EAA+E,aAC5F,eAAM,SAAS,EAAC,+BAA+B,qBAAY,EAC3D,KAAC,KAAK,KAAG,IACL,CACP;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;KACT;CACuC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC"}

package/dist/notifications/notification-empty-state.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NotificationEmptyState } from "./notification-empty-state";
+declare const meta: {
+    title: string;
+    component: typeof NotificationEmptyState;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomCopy: Story;
+export declare const FilteredUnread: Story;
+//# sourceMappingURL=notification-empty-state.stories.d.ts.map

package/dist/notifications/notification-empty-state.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-empty-state.stories.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-empty-state.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,QAAA,MAAM,IAAI;;;;;;;CAKqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC"}

package/dist/notifications/notification-empty-state.stories.js

@@ -0,0 +1,22 @@
+import { NotificationEmptyState } from "./notification-empty-state";
+const meta = {
+    title: "Notifications/NotificationEmptyState",
+    component: NotificationEmptyState,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Default = {};
+export const CustomCopy = {
+    args: {
+        title: "Nothing new right now",
+        description: "We'll ping you when something happens.",
+    },
+};
+export const FilteredUnread = {
+    args: {
+        title: "No unread notifications",
+        description: "Switch the filter to see your history.",
+    },
+};
+//# sourceMappingURL=notification-empty-state.stories.js.map

package/dist/notifications/notification-empty-state.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-empty-state.stories.js","sourceRoot":"","sources":["../../src/notifications/notification-empty-state.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,sBAAsB;IACjC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACa,CAAC;AAEhD,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,wCAAwC;KACtD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,KAAK,EAAE,yBAAyB;QAChC,WAAW,EAAE,wCAAwC;KACtD;CACF,CAAC"}

package/dist/notifications/notification-item.stories.d.ts

@@ -0,0 +1,41 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NotificationItem } from "./notification-item";
+import type { Notification } from "./types";
+declare const meta: {
+    title: string;
+    component: typeof NotificationItem;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        notification: Notification;
+        href: string;
+        onMarkRead: () => void;
+        onDismiss: () => void;
+        onNavigate: () => void;
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
+        notification: Notification;
+        onMarkRead?: ((id: string) => void) | undefined;
+        onDismiss?: ((id: string) => void) | undefined;
+        onNavigate?: ((href: string) => void) | undefined;
+        href?: string | undefined;
+        index?: number | undefined;
+        compact?: boolean | undefined;
+        ctaLabel?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Read: Story;
+export declare const Compact: Story;
+export declare const OfferStatusUpdate: Story;
+export declare const PartnershipApproved: Story;
+export declare const PartnershipDeclined: Story;
+export declare const TenderClosingSoon: Story;
+export declare const GlobalAnnouncement: Story;
+export declare const WithoutDismissButton: Story;
+export declare const NoCtaNoHref: Story;
+//# sourceMappingURL=notification-item.stories.d.ts.map

package/dist/notifications/notification-item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-item.stories.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-item.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiB5C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAmB+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAY/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

package/dist/notifications/notification-item.stories.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NotificationItem } from "./notification-item";
+// Five minutes ago — renders as relative time
+const recent = () => new Date(Date.now() - 5 * 60 * 1000).toISOString();
+const baseMatch = {
+    id: "n-match-1",
+    type: "match",
+    title: "New match found",
+    message: "Your 2021 Grenache is a 94% match for Nordic Wines & Spirits' Q3 tender.",
+    isRead: false,
+    isDismissed: false,
+    createdAt: recent(),
+    data: { matchId: "match-1" },
+};
+const meta = {
+    title: "Notifications/NotificationItem",
+    component: NotificationItem,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+    args: {
+        notification: baseMatch,
+        href: "/matches/match-1",
+        onMarkRead: () => { },
+        onDismiss: () => { },
+        onNavigate: () => { },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "max-w-md", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {};
+export const Read = {
+    args: {
+        notification: { ...baseMatch, isRead: true },
+    },
+};
+export const Compact = {
+    args: {
+        compact: true,
+    },
+};
+export const OfferStatusUpdate = {
+    args: {
+        notification: {
+            ...baseMatch,
+            id: "n-offer-1",
+            type: "offer_status_update",
+            title: "Counter-offer received",
+            message: "Cantina Sant'Andrea proposed EUR 14.20 / bottle on tender T-4821.",
+        },
+        href: "/offers/offer-1",
+    },
+};
+export const PartnershipApproved = {
+    args: {
+        notification: {
+            ...baseMatch,
+            id: "n-partner-1",
+            type: "partnership_approved",
+            title: "Partnership approved",
+            message: "Vinoteca Global is now your approved importer partner for Italy.",
+        },
+        href: "/organisation/partnerships",
+    },
+};
+export const PartnershipDeclined = {
+    args: {
+        notification: {
+            ...baseMatch,
+            id: "n-partner-2",
+            type: "partnership_declined",
+            title: "Partnership declined",
+            message: "Your request to partner with Northern Cellars was declined.",
+        },
+    },
+};
+export const TenderClosingSoon = {
+    args: {
+        notification: {
+            ...baseMatch,
+            id: "n-tender-1",
+            type: "tender_close",
+            title: "Tender closing soon",
+            message: "Systembolaget Organic Red closes in 48 hours.",
+        },
+    },
+};
+export const GlobalAnnouncement = {
+    args: {
+        notification: {
+            ...baseMatch,
+            id: "n-news-1",
+            type: "global_announcement",
+            title: "Platform update",
+            message: "New AI matching engine rolled out to all producer accounts.",
+        },
+    },
+};
+export const WithoutDismissButton = {
+    args: {
+        onDismiss: undefined,
+    },
+};
+export const NoCtaNoHref = {
+    args: {
+        href: undefined,
+    },
+};
+//# sourceMappingURL=notification-item.stories.js.map

package/dist/notifications/notification-item.stories.js.map

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

package/dist/notifications/notification-list.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NotificationList } from "./notification-list";
+import type { Notification } from "./types";
+declare const meta: {
+    title: string;
+    component: typeof NotificationList;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: React.ComponentType) => import("react/jsx-runtime").JSX.Element)[];
+    args: {
+        notifications: Notification[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const Loading: Story;
+export declare const WithFilters: Story;
+export declare const WithGroups: Story;
+export declare const Compact: Story;
+export declare const WithLoadMore: Story;
+//# sourceMappingURL=notification-list.stories.d.ts.map

package/dist/notifications/notification-list.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-list.stories.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-list.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,SAAS,CAAC;AAgHhE,QAAA,MAAM,IAAI;;;;;;;yBAnBoB,KAAK,CAAC,aAAa;;;;CA4BR,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC"}

package/dist/notifications/notification-list.stories.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { NotificationList } from "./notification-list";
+import { NotificationProvider } from "./notification-provider";
+// ---------------------------------------------------------------------------
+// Mock data
+// ---------------------------------------------------------------------------
+const hoursAgo = (h) => new Date(Date.now() - h * 60 * 60 * 1000).toISOString();
+const daysAgo = (d) => new Date(Date.now() - d * 24 * 60 * 60 * 1000).toISOString();
+const mockNotifications = [
+    {
+        id: "n1",
+        type: "match",
+        title: "New match: Grenache 2021",
+        message: "94% match on Systembolaget Q3 tender",
+        isRead: false,
+        isDismissed: false,
+        createdAt: hoursAgo(1),
+        data: { matchId: "match-1" },
+    },
+    {
+        id: "n2",
+        type: "offer_status_update",
+        title: "Counter-offer received",
+        message: "Cantina Sant'Andrea proposed EUR 14.20 / bottle",
+        isRead: false,
+        isDismissed: false,
+        createdAt: hoursAgo(3),
+        data: { offerId: "offer-1" },
+    },
+    {
+        id: "n3",
+        type: "partnership_request",
+        title: "Partnership request",
+        message: "Vinoteca Global wants to partner with you",
+        isRead: true,
+        isDismissed: false,
+        createdAt: hoursAgo(8),
+        data: { partnershipId: "p-1" },
+    },
+    {
+        id: "n4",
+        type: "tender_new",
+        title: "New tender published",
+        message: "Alko Finland - Organic Red Wines",
+        isRead: true,
+        isDismissed: false,
+        createdAt: daysAgo(2),
+        data: { tenderId: "tender-1" },
+    },
+    {
+        id: "n5",
+        type: "partnership_approved",
+        title: "Partnership approved",
+        message: "Northern Cellars is now your approved partner",
+        isRead: true,
+        isDismissed: false,
+        createdAt: daysAgo(3),
+    },
+    {
+        id: "n6",
+        type: "global_announcement",
+        title: "Platform update",
+        message: "New AI matching engine available",
+        isRead: true,
+        isDismissed: false,
+        createdAt: daysAgo(5),
+    },
+];
+// ---------------------------------------------------------------------------
+// Provider setup
+// ---------------------------------------------------------------------------
+const mockConfig = {
+    api: {
+        list: async () => ({ notifications: [], hasMore: false }),
+        unreadCount: async () => ({ count: 0 }),
+        markRead: async () => { },
+        markAllRead: async () => { },
+        dismiss: async () => { },
+    },
+    resolveRoute: (type, data) => {
+        if (type === "match" && data?.matchId)
+            return `/matches/${data.matchId}`;
+        if (type === "offer_status_update" && data?.offerId)
+            return `/offers/${data.offerId}`;
+        if (type === "tender_new" && data?.tenderId)
+            return `/opportunities/${data.tenderId}`;
+        return "#";
+    },
+};
+const withProviders = (Story) => {
+    const qc = new QueryClient({
+        defaultOptions: { queries: { retry: false } },
+    });
+    return (_jsx(QueryClientProvider, { client: qc, children: _jsx(NotificationProvider, { config: mockConfig, children: _jsx("div", { className: "max-w-xl", children: _jsx(Story, {}) }) }) }));
+};
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
+const meta = {
+    title: "Notifications/NotificationList",
+    component: NotificationList,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+    decorators: [withProviders],
+    args: {
+        notifications: mockNotifications,
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = {};
+export const Empty = {
+    args: {
+        notifications: [],
+    },
+};
+export const Loading = {
+    args: {
+        isLoading: true,
+    },
+};
+export const WithFilters = {
+    args: {
+        showFilters: true,
+    },
+};
+export const WithGroups = {
+    args: {
+        showGroups: true,
+        showFilters: true,
+    },
+};
+export const Compact = {
+    args: {
+        compact: true,
+        maxItems: 5,
+    },
+};
+export const WithLoadMore = {
+    args: {
+        hasMore: true,
+        onLoadMore: () => { },
+    },
+};
+//# sourceMappingURL=notification-list.stories.js.map

package/dist/notifications/notification-list.stories.js.map

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

package/dist/notifications/notification-page.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NotificationPage } from "./notification-page";
+declare const meta: {
+    title: string;
+    component: typeof NotificationPage;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        onNavigate: () => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const AllRead: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=notification-page.stories.d.ts.map

package/dist/notifications/notification-page.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-page.stories.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-page.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAoIvD,QAAA,MAAM,IAAI;;;;;;;;;;CAQ+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}