@cellarnode/ui 0.5.1 → 0.5.3

package/dist/notifications/utils.js

@@ -0,0 +1,81 @@
+import { formatDistanceToNow, isThisYear, format } from "date-fns";
+import { RECENT_THRESHOLD_MS, TYPE_TO_CATEGORY, CATEGORY_META } from "./constants";
+/**
+ * Format notification timestamp.
+ * <24h: relative ("2 min ago"), same year: "Mar 15", else: "Mar 15, 2025"
+ */
+export function formatNotificationTime(dateString) {
+    const date = new Date(dateString);
+    const diffMs = Date.now() - date.getTime();
+    if (diffMs < 24 * 60 * 60 * 1000) {
+        return formatDistanceToNow(date, { addSuffix: true });
+    }
+    if (isThisYear(date)) {
+        return format(date, "MMM d");
+    }
+    return format(date, "MMM d, yyyy");
+}
+/**
+ * Smart hybrid grouping:
+ * - "Recent" (last 24h) as flat chronological
+ * - Older items grouped by category
+ * Empty categories are excluded.
+ */
+export function groupNotifications(notifications, t) {
+    const now = Date.now();
+    const sorted = [...notifications].sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
+    const recent = [];
+    const categoryBuckets = {
+        recent: [],
+        offers: [],
+        matches: [],
+        opportunities: [],
+        partnerships: [],
+        system: [],
+    };
+    for (const n of sorted) {
+        const age = now - new Date(n.createdAt).getTime();
+        if (age < RECENT_THRESHOLD_MS) {
+            recent.push(n);
+        }
+        else {
+            const cat = TYPE_TO_CATEGORY[n.type] ?? "system";
+            categoryBuckets[cat].push(n);
+        }
+    }
+    const groups = [];
+    if (recent.length > 0) {
+        const meta = CATEGORY_META[0]; // "recent"
+        groups.push({
+            category: "recent",
+            label: t ? t(meta.labelKey, meta.label) : meta.label,
+            labelKey: meta.labelKey,
+            notifications: recent,
+        });
+    }
+    for (const meta of CATEGORY_META.slice(1)) {
+        const items = categoryBuckets[meta.category];
+        if (items.length > 0) {
+            groups.push({
+                category: meta.category,
+                label: t ? t(meta.labelKey, meta.label) : meta.label,
+                labelKey: meta.labelKey,
+                notifications: items,
+            });
+        }
+    }
+    return groups;
+}
+/**
+ * Client-side filter. "unread" returns flat list; category filters
+ * return only matching items; "all" returns everything.
+ */
+export function filterNotifications(notifications, filter) {
+    if (filter === "all")
+        return notifications;
+    if (filter === "unread")
+        return notifications.filter((n) => !n.isRead);
+    const categoryFilter = filter;
+    return notifications.filter((n) => TYPE_TO_CATEGORY[n.type] === categoryFilter);
+}
+//# sourceMappingURL=utils.js.map

package/dist/notifications/utils.js.map

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

package/dist/offer/index.d.ts

@@ -20,4 +20,10 @@ export { OpportunityRequirements } from "./opportunity-requirements";
 export type { OpportunityRequirementsProps } from "./opportunity-requirements";
 export { OrgBanner } from "./org-banner";
 export type { OrgBannerProps } from "./org-banner";
+export { OfferDetailShell } from "./offer-detail-shell";
+export type { OfferDetailShellProps } from "./offer-detail-shell";
+export { OfferDetailHeader } from "./offer-detail-header";
+export type { OfferDetailHeaderProps } from "./offer-detail-header";
+export { OfferDetailTabs } from "./offer-detail-tabs";
+export type { OfferDetailTabsProps, OfferTab } from "./offer-detail-tabs";
 //# sourceMappingURL=index.d.ts.map

package/dist/offer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/offer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/offer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/offer/index.js

@@ -9,4 +9,7 @@ export { CompositionList } from "./composition-list";
 export { ReviewsSummary } from "./reviews-summary";
 export { OpportunityRequirements } from "./opportunity-requirements";
 export { OrgBanner } from "./org-banner";
+export { OfferDetailShell } from "./offer-detail-shell";
+export { OfferDetailHeader } from "./offer-detail-header";
+export { OfferDetailTabs } from "./offer-detail-tabs";
 //# sourceMappingURL=index.js.map

package/dist/offer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/offer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/offer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/offer/offer-detail-header.d.ts

@@ -0,0 +1,12 @@
+export interface OfferDetailHeaderProps {
+    title: string;
+    subtitle?: string;
+    status: string;
+    updatedAt?: string | Date;
+    onBack: () => void;
+    actions?: React.ReactNode;
+    banner?: React.ReactNode;
+    t?: (key: string, fallback: string) => string;
+}
+export declare function OfferDetailHeader({ title, subtitle, status, updatedAt, onBack, actions, banner, t, }: OfferDetailHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=offer-detail-header.d.ts.map

package/dist/offer/offer-detail-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-header.d.ts","sourceRoot":"","sources":["../../src/offer/offer-detail-header.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,EACN,CAAgB,GACjB,EAAE,sBAAsB,2CAoDxB"}

package/dist/offer/offer-detail-header.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatDistanceToNow } from "date-fns";
+import { cn } from "../lib/utils";
+import { OfferStatusBadge } from "./offer-status-badge";
+export function OfferDetailHeader({ title, subtitle, status, updatedAt, onBack, actions, banner, t = (_k, f) => f, }) {
+    const timeAgo = updatedAt
+        ? formatDistanceToNow(new Date(updatedAt), { addSuffix: true })
+        : null;
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-4 border-b border-border/60 px-4 py-3 sm:px-6", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [_jsx("button", { onClick: onBack, className: cn("flex size-8 shrink-0 items-center justify-center rounded-lg border border-border/60", "text-muted-foreground transition-colors hover:bg-accent/30"), "aria-label": t("offerDetail.back", "Go back"), children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M10 12L6 8l4-4" }) }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "truncate text-base font-semibold text-foreground sm:text-lg", children: title }), subtitle && (_jsx("p", { className: "truncate text-sm text-muted-foreground", children: subtitle }))] })] }), _jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [_jsx(OfferStatusBadge, { status: status, t: t }), timeAgo && (_jsxs("span", { className: "hidden text-xs text-muted-foreground sm:block", children: [t("offerDetail.updated", "Updated"), " ", timeAgo] })), actions] })] }), banner] }));
+}
+//# sourceMappingURL=offer-detail-header.js.map

package/dist/offer/offer-detail-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-header.js","sourceRoot":"","sources":["../../src/offer/offer-detail-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAaxD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,EACN,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GACO;IACvB,MAAM,OAAO,GAAG,SAAS;QACvB,CAAC,CAAC,mBAAmB,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;QAC/D,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,0BACE,eAAK,SAAS,EAAC,qFAAqF,aAClG,eAAK,SAAS,EAAC,iCAAiC,aAC9C,iBACE,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,4DAA4D,CAC7D,gBACW,CAAC,CAAC,kBAAkB,EAAE,SAAS,CAAC,YAE5C,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,eAAM,CAAC,EAAC,gBAAgB,GAAG,GACvB,GACC,EACT,eAAK,SAAS,EAAC,SAAS,aACtB,aAAI,SAAS,EAAC,6DAA6D,YACxE,KAAK,GACH,EACJ,QAAQ,IAAI,CACX,YAAG,SAAS,EAAC,wCAAwC,YAAE,QAAQ,GAAK,CACrE,IACG,IACF,EACN,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,GAAI,EACzC,OAAO,IAAI,CACV,gBAAM,SAAS,EAAC,+CAA+C,aAC5D,CAAC,CAAC,qBAAqB,EAAE,SAAS,CAAC,OAAG,OAAO,IACzC,CACR,EACA,OAAO,IACJ,IACF,EACL,MAAM,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/offer/offer-detail-shell.d.ts

@@ -0,0 +1,12 @@
+export interface OfferDetailShellProps {
+    children: React.ReactNode;
+    chatPanel?: React.ReactNode;
+    header: React.ReactNode;
+    mobileView?: "details" | "chat";
+    onMobileViewChange?: (view: "details" | "chat") => void;
+    unreadCount?: number;
+    className?: string;
+    t?: (key: string, fallback: string) => string;
+}
+export declare function OfferDetailShell({ children, chatPanel, header, mobileView, onMobileViewChange, unreadCount, className, t, }: OfferDetailShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=offer-detail-shell.d.ts.map

package/dist/offer/offer-detail-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-shell.d.ts","sourceRoot":"","sources":["../../src/offer/offer-detail-shell.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAsB,EACtB,kBAAkB,EAClB,WAAe,EACf,SAAS,EACT,CAAgB,GACjB,EAAE,qBAAqB,2CAwCvB"}

package/dist/offer/offer-detail-shell.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+export function OfferDetailShell({ children, chatPanel, header, mobileView = "details", onMobileViewChange, unreadCount = 0, className, t = (_k, f) => f, }) {
+    return (_jsxs("div", { className: cn("flex flex-col overflow-hidden rounded-2xl border border-border/60 bg-card", className), children: [header, chatPanel && onMobileViewChange && (_jsx(MobileViewToggle, { value: mobileView, onChange: onMobileViewChange, unreadCount: unreadCount, t: t })), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsx("div", { className: cn("min-h-0 flex-1 overflow-y-auto", chatPanel && mobileView === "chat" && "hidden lg:block"), children: children }), chatPanel && (_jsx("div", { className: cn("min-h-0 w-full border-l border-border/60 lg:w-[380px] lg:shrink-0", mobileView === "details" && "hidden lg:flex lg:flex-col", mobileView === "chat" && "flex flex-col"), children: chatPanel }))] })] }));
+}
+function MobileViewToggle({ value, onChange, unreadCount, t, }) {
+    return (_jsxs("div", { className: "flex gap-0 border-b border-border/60 p-2 lg:hidden", children: [_jsx("button", { onClick: () => onChange("details"), className: cn("flex-1 rounded-lg px-3 py-1.5 text-center text-sm font-medium transition-colors", value === "details"
+                    ? "bg-primary/10 text-primary"
+                    : "text-muted-foreground hover:text-foreground"), children: t("offerDetail.details", "Details") }), _jsxs("button", { onClick: () => onChange("chat"), className: cn("flex-1 rounded-lg px-3 py-1.5 text-center text-sm font-medium transition-colors", value === "chat"
+                    ? "bg-primary/10 text-primary"
+                    : "text-muted-foreground hover:text-foreground"), children: [t("offerDetail.chat", "Chat"), unreadCount > 0 && (_jsx("span", { className: "ml-1.5 inline-flex size-5 items-center justify-center rounded-full bg-amber-500/20 text-[10px] font-bold text-amber-500", children: unreadCount > 99 ? "99+" : unreadCount }))] })] }));
+}
+//# sourceMappingURL=offer-detail-shell.js.map

package/dist/offer/offer-detail-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-shell.js","sourceRoot":"","sources":["../../src/offer/offer-detail-shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAalC,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,GAAG,SAAS,EACtB,kBAAkB,EAClB,WAAW,GAAG,CAAC,EACf,SAAS,EACT,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GACM;IACtB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,aAEA,MAAM,EACN,SAAS,IAAI,kBAAkB,IAAI,CAClC,KAAC,gBAAgB,IACf,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,WAAW,EAAE,WAAW,EACxB,CAAC,EAAE,CAAC,GACJ,CACH,EACD,eAAK,SAAS,EAAC,qBAAqB,aAClC,cACE,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,SAAS,IAAI,UAAU,KAAK,MAAM,IAAI,iBAAiB,CACxD,YAEA,QAAQ,GACL,EACL,SAAS,IAAI,CACZ,cACE,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,UAAU,KAAK,SAAS,IAAI,4BAA4B,EACxD,UAAU,KAAK,MAAM,IAAI,eAAe,CACzC,YAEA,SAAS,GACN,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,CAAC,GAMF;IACC,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aACjE,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAClC,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,KAAK,KAAK,SAAS;oBACjB,CAAC,CAAC,4BAA4B;oBAC9B,CAAC,CAAC,6CAA6C,CAClD,YAEA,CAAC,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAC7B,EACT,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC/B,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,KAAK,KAAK,MAAM;oBACd,CAAC,CAAC,4BAA4B;oBAC9B,CAAC,CAAC,6CAA6C,CAClD,aAEA,CAAC,CAAC,kBAAkB,EAAE,MAAM,CAAC,EAC7B,WAAW,GAAG,CAAC,IAAI,CAClB,eAAM,SAAS,EAAC,yHAAyH,YACtI,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,GAClC,CACR,IACM,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/offer/offer-detail-tabs.d.ts

@@ -0,0 +1,14 @@
+export interface OfferTab {
+    id: string;
+    label: string;
+    content: React.ReactNode;
+    badge?: number;
+}
+export interface OfferDetailTabsProps {
+    tabs: OfferTab[];
+    activeTab: string;
+    onTabChange: (tabId: string) => void;
+    className?: string;
+}
+export declare function OfferDetailTabs({ tabs, activeTab, onTabChange, className, }: OfferDetailTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=offer-detail-tabs.d.ts.map

package/dist/offer/offer-detail-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-tabs.d.ts","sourceRoot":"","sources":["../../src/offer/offer-detail-tabs.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,2CAuCtB"}

package/dist/offer/offer-detail-tabs.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+export function OfferDetailTabs({ tabs, activeTab, onTabChange, className, }) {
+    const active = tabs.find((t) => t.id === activeTab) ?? tabs[0];
+    return (_jsxs("div", { className: className, children: [_jsx("div", { className: "flex gap-0 overflow-x-auto border-b border-border/60 px-4 sm:px-6", role: "tablist", children: tabs.map((tab) => (_jsxs("button", { role: "tab", "aria-selected": tab.id === activeTab, onClick: () => onTabChange(tab.id), className: cn("relative shrink-0 px-3 py-2.5 text-sm font-medium transition-colors", tab.id === activeTab
+                        ? "text-primary"
+                        : "text-muted-foreground hover:text-foreground"), children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [tab.label, tab.badge != null && tab.badge > 0 && (_jsx("span", { className: "inline-flex size-5 items-center justify-center rounded-full bg-primary/10 text-[10px] font-bold text-primary", children: tab.badge }))] }), tab.id === activeTab && (_jsx("span", { className: "absolute inset-x-0 -bottom-px h-0.5 bg-primary" }))] }, tab.id))) }), _jsx("div", { className: "p-4 sm:p-6", children: active?.content })] }));
+}
+//# sourceMappingURL=offer-detail-tabs.js.map

package/dist/offer/offer-detail-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-tabs.js","sourceRoot":"","sources":["../../src/offer/offer-detail-tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,SAAS,GACY;IACrB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,cACE,SAAS,EAAC,mEAAmE,EAC7E,IAAI,EAAC,SAAS,YAEb,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,kBAEE,IAAI,EAAC,KAAK,mBACK,GAAG,CAAC,EAAE,KAAK,SAAS,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAClC,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,GAAG,CAAC,EAAE,KAAK,SAAS;wBAClB,CAAC,CAAC,cAAc;wBAChB,CAAC,CAAC,6CAA6C,CAClD,aAED,gBAAM,SAAS,EAAC,2BAA2B,aACxC,GAAG,CAAC,KAAK,EACT,GAAG,CAAC,KAAK,IAAI,IAAI,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,CACrC,eAAM,SAAS,EAAC,8GAA8G,YAC3H,GAAG,CAAC,KAAK,GACL,CACR,IACI,EACN,GAAG,CAAC,EAAE,KAAK,SAAS,IAAI,CACvB,eAAM,SAAS,EAAC,gDAAgD,GAAG,CACpE,KArBI,GAAG,CAAC,EAAE,CAsBJ,CACV,CAAC,GACE,EACN,cAAK,SAAS,EAAC,YAAY,YAAE,MAAM,EAAE,OAAO,GAAO,IAC/C,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cellarnode/ui",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "type": "module",
   "private": false,
   "description": "Shared UI components, theme tokens, and chat/offer primitives for CellarNode dashboards.",
@@ -58,6 +58,10 @@
     "./opportunities": {
       "types": "./dist/opportunities/index.d.ts",
       "default": "./dist/opportunities/index.js"
+    },
+    "./notifications": {
+      "types": "./dist/notifications/index.d.ts",
+      "default": "./dist/notifications/index.js"
     }
   },
   "files": [

package/src/theme/tokens.css

@@ -76,6 +76,8 @@
   --animate-fade-in: fade-in 0.24s ease-out forwards;
   --animate-fade-in-up: fade-in-up 0.48s ease-out forwards;
   --animate-slide-up: slide-up 0.24s ease-out forwards;
+  --animate-chat-pulse: chat-pulse 2s ease-in-out infinite;
+  --animate-notify-bump: notify-bump 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
 }
 
 @keyframes accordion-down {
@@ -474,6 +476,33 @@
   }
 }
 
+@keyframes chat-pulse {
+  0%, 100% {
+    box-shadow: 0 0 0 0 oklch(0.7 0.17 162 / 0.35);
+  }
+  50% {
+    box-shadow: 0 0 0 10px oklch(0.7 0.17 162 / 0);
+  }
+}
+
+@keyframes notify-bump {
+  0%, 100% {
+    transform: scale(1) rotate(0deg);
+  }
+  15% {
+    transform: scale(1.1) rotate(-5deg);
+  }
+  30% {
+    transform: scale(1.1) rotate(5deg);
+  }
+  50% {
+    transform: scale(1.04) rotate(-2deg);
+  }
+  70% {
+    transform: scale(1) rotate(0deg);
+  }
+}
+
 @keyframes dash-trace {
   to {
     stroke-dashoffset: -20;