@cellarnode/ui 0.5.5 → 0.7.0

package/dist/profile/profile-cta.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+const variantStyles = {
+    primary: {
+        bg: "bg-linear-to-r from-primary to-primary/80",
+        text: "text-white",
+        button: "bg-white text-primary hover:bg-white/90",
+    },
+    success: {
+        bg: "bg-linear-to-r from-emerald-700 to-emerald-600",
+        text: "text-white",
+        button: "bg-white text-emerald-700 hover:bg-white/90",
+    },
+    muted: {
+        bg: "bg-muted/50 border border-border/60",
+        text: "text-foreground",
+        button: "bg-muted text-muted-foreground cursor-not-allowed",
+    },
+};
+export function ProfileCTA({ heading, description, buttonLabel, onAction, disabled, variant = "primary", className }) {
+    const styles = variantStyles[variant];
+    return (_jsxs("div", { className: cn("flex flex-col items-start justify-between gap-3 rounded-xl px-5 py-4 sm:flex-row sm:items-center", styles.bg, className), children: [_jsxs("div", { children: [_jsx("div", { className: cn("text-sm font-bold", styles.text), children: heading }), description && _jsx("div", { className: cn("mt-0.5 text-xs opacity-70", styles.text), children: description })] }), _jsx("button", { type: "button", onClick: onAction, disabled: disabled || variant === "muted", className: cn("shrink-0 rounded-lg px-5 py-2 text-xs font-bold transition-opacity", styles.button, (disabled || variant === "muted") && "opacity-60"), children: buttonLabel })] }));
+}
+//# sourceMappingURL=profile-cta.js.map

package/dist/profile/profile-cta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-cta.js","sourceRoot":"","sources":["../../src/profile/profile-cta.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAYlC,MAAM,aAAa,GAAkG;IACnH,OAAO,EAAE;QACP,EAAE,EAAE,2CAA2C;QAC/C,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,yCAAyC;KAClD;IACD,OAAO,EAAE;QACP,EAAE,EAAE,gDAAgD;QACpD,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,6CAA6C;KACtD;IACD,KAAK,EAAE;QACL,EAAE,EAAE,qCAAqC;QACzC,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,mDAAmD;KAC5D;CACF,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,EAAmB;IACnI,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAEtC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kGAAkG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,aAC1I,0BACE,cAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC,IAAI,CAAC,YAAG,OAAO,GAAO,EACpE,WAAW,IAAI,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,YAAG,WAAW,GAAO,IAC7F,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,IAAI,OAAO,KAAK,OAAO,EACzC,SAAS,EAAE,EAAE,CAAC,oEAAoE,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,OAAO,CAAC,IAAI,YAAY,CAAC,YAEpJ,WAAW,GACL,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/profile/profile-cta.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ProfileCTA } from "./profile-cta";
+declare const meta: {
+    title: string;
+    component: typeof ProfileCTA;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const RequestPartnership: Story;
+export declare const ActivePartner: Story;
+export declare const Pending: Story;
+export declare const SendOffer: Story;
+//# sourceMappingURL=profile-cta.stories.d.ts.map

package/dist/profile/profile-cta.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-cta.stories.d.ts","sourceRoot":"","sources":["../../src/profile/profile-cta.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}

package/dist/profile/profile-cta.stories.js

@@ -0,0 +1,21 @@
+import { ProfileCTA } from "./profile-cta";
+const meta = {
+    title: "Profile/ProfileCTA",
+    component: ProfileCTA,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const RequestPartnership = {
+    args: { heading: "Interested in partnering?", description: "Send a request to start the conversation", buttonLabel: "Request Partnership", onAction: () => alert("Request") },
+};
+export const ActivePartner = {
+    args: { heading: "Active partnership", description: "You are already partnered with this importer", buttonLabel: "Active Partner", onAction: () => { }, variant: "success" },
+};
+export const Pending = {
+    args: { heading: "Partnership requested", description: "Waiting for response", buttonLabel: "Request Pending", onAction: () => { }, variant: "muted" },
+};
+export const SendOffer = {
+    args: { heading: "Interested in their products?", description: "Send an offer to start a conversation", buttonLabel: "Send Offer", onAction: () => alert("Send") },
+};
+//# sourceMappingURL=profile-cta.stories.js.map

package/dist/profile/profile-cta.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-cta.stories.js","sourceRoot":"","sources":["../../src/profile/profile-cta.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE,EAAE,OAAO,EAAE,2BAA2B,EAAE,WAAW,EAAE,0CAA0C,EAAE,WAAW,EAAE,qBAAqB,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;CAC9K,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,8CAA8C,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;CAC5K,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,sBAAsB,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE;CACtJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE,OAAO,EAAE,+BAA+B,EAAE,WAAW,EAAE,uCAAuC,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;CACnK,CAAC"}

package/dist/profile/profile-hero.d.ts

@@ -0,0 +1,16 @@
+interface ProfileHeroBadge {
+    label: string;
+    variant: "recommended" | "partner" | "default";
+}
+interface ProfileHeroProps {
+    bannerUrl?: string;
+    avatarUrl?: string;
+    name: string;
+    subtitle?: string;
+    verified?: boolean;
+    badges?: ProfileHeroBadge[];
+    className?: string;
+}
+export declare function ProfileHero({ bannerUrl, avatarUrl, name, subtitle, verified, badges, className, }: ProfileHeroProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=profile-hero.d.ts.map

package/dist/profile/profile-hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-hero.d.ts","sourceRoot":"","sources":["../../src/profile/profile-hero.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;CAChD;AAED,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,gBAAgB,2CAoElB"}

package/dist/profile/profile-hero.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+const badgeStyles = {
+    recommended: "bg-amber-500/20 text-amber-100 border-amber-400/30",
+    partner: "bg-emerald-500/20 text-emerald-100 border-emerald-400/30",
+    default: "bg-white/15 text-white border-white/20",
+};
+function getInitials(name) {
+    return name
+        .split(/\s+/)
+        .slice(0, 2)
+        .map((w) => w[0])
+        .join("")
+        .toUpperCase();
+}
+export function ProfileHero({ bannerUrl, avatarUrl, name, subtitle, verified, badges, className, }) {
+    return (_jsxs("div", { className: cn("relative", className), children: [_jsxs("div", { className: "relative h-[120px] overflow-hidden rounded-t-2xl sm:h-[160px] md:h-[200px]", children: [bannerUrl ? (_jsx("img", { src: bannerUrl, alt: "", className: "size-full object-cover" })) : (_jsx("div", { className: "size-full bg-linear-to-br from-primary/80 via-primary to-primary/60" })), badges && badges.length > 0 && (_jsx("div", { className: "absolute right-3 top-3 flex gap-2", children: badges.map((badge) => (_jsx("span", { className: cn("rounded-full border px-2.5 py-0.5 text-[11px] font-semibold backdrop-blur-xs", badgeStyles[badge.variant]), children: badge.label }, badge.label))) }))] }), _jsx("div", { className: "relative px-5 pb-2 sm:px-6", children: _jsxs("div", { className: "-mt-7 flex items-end gap-3.5 sm:-mt-9", children: [_jsx("div", { className: "size-14 shrink-0 overflow-hidden rounded-xl border-[3px] border-background bg-background shadow-xs sm:size-[72px]", children: avatarUrl ? (_jsx("img", { src: avatarUrl, alt: name, className: "size-full object-cover" })) : (_jsx("div", { className: "flex size-full items-center justify-center bg-muted text-base font-bold text-muted-foreground sm:text-lg", children: getInitials(name) })) }), _jsxs("div", { className: "min-w-0 pb-1", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("h1", { className: "truncate text-lg font-bold text-foreground sm:text-xl", children: name }), verified && (_jsx("svg", { className: "size-4 shrink-0 text-blue-500 sm:size-5", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }) }))] }), subtitle && (_jsx("p", { className: "truncate text-xs text-muted-foreground sm:text-sm/6", children: subtitle }))] })] }) })] }));
+}
+//# sourceMappingURL=profile-hero.js.map

package/dist/profile/profile-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-hero.js","sourceRoot":"","sources":["../../src/profile/profile-hero.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAiBlC,MAAM,WAAW,GAAgD;IAC/D,WAAW,EAAE,oDAAoD;IACjE,OAAO,EAAE,0DAA0D;IACnE,OAAO,EAAE,wCAAwC;CAClD,CAAC;AAEF,SAAS,WAAW,CAAC,IAAY;IAC/B,OAAO,IAAI;SACR,KAAK,CAAC,KAAK,CAAC;SACZ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,IAAI,CAAC,EAAE,CAAC;SACR,WAAW,EAAE,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,GACQ;IACjB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aAEvC,eAAK,SAAS,EAAC,4EAA4E,aACxF,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAC,wBAAwB,GAAG,CAClE,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,qEAAqE,GAAG,CACxF,EACA,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,cAAK,SAAS,EAAC,mCAAmC,YAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,eAEE,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAC3B,YAEA,KAAK,CAAC,KAAK,IANP,KAAK,CAAC,KAAK,CAOX,CACR,CAAC,GACE,CACP,IACG,EAGN,cAAK,SAAS,EAAC,4BAA4B,YACzC,eAAK,SAAS,EAAC,uCAAuC,aACpD,cAAK,SAAS,EAAC,mHAAmH,YAC/H,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAC,wBAAwB,GAAG,CACtE,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,0GAA0G,YACtH,WAAW,CAAC,IAAI,CAAC,GACd,CACP,GACG,EACN,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,2BAA2B,aACxC,aAAI,SAAS,EAAC,uDAAuD,YAClE,IAAI,GACF,EACJ,QAAQ,IAAI,CACX,cACE,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,YAEnB,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wJAAwJ,EAC1J,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,IACG,EACL,QAAQ,IAAI,CACX,YAAG,SAAS,EAAC,qDAAqD,YAC/D,QAAQ,GACP,CACL,IACG,IACF,GACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/profile/profile-hero.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ProfileHero } from "./profile-hero";
+declare const meta: {
+    title: string;
+    component: typeof ProfileHero;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithBanner: Story;
+export declare const NoBanner: Story;
+export declare const NoAvatar: Story;
+//# sourceMappingURL=profile-hero.stories.d.ts.map

package/dist/profile/profile-hero.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-hero.stories.d.ts","sourceRoot":"","sources":["../../src/profile/profile-hero.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}

package/dist/profile/profile-hero.stories.js

@@ -0,0 +1,33 @@
+import { ProfileHero } from "./profile-hero";
+const meta = {
+    title: "Profile/ProfileHero",
+    component: ProfileHero,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const WithBanner = {
+    args: {
+        bannerUrl: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200&h=400&fit=crop",
+        name: "Tuscany Imports SRL",
+        subtitle: "Florence, Tuscany · Italy",
+        verified: true,
+        badges: [{ label: "Recommended", variant: "recommended" }],
+    },
+};
+export const NoBanner = {
+    args: {
+        name: "Nordic Spirits Import",
+        subtitle: "Stockholm · Sweden",
+        verified: true,
+    },
+};
+export const NoAvatar = {
+    args: {
+        name: "Atlantic Wine Traders",
+        subtitle: "Bordeaux · France",
+        verified: false,
+        badges: [{ label: "Active Partner", variant: "partner" }],
+    },
+};
+//# sourceMappingURL=profile-hero.stories.js.map

package/dist/profile/profile-hero.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-hero.stories.js","sourceRoot":"","sources":["../../src/profile/profile-hero.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACE,CAAC;AAErC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,SAAS,EAAE,oFAAoF;QAC/F,IAAI,EAAE,qBAAqB;QAC3B,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;KAC3D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,uBAAuB;QAC7B,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,uBAAuB;QAC7B,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;KAC1D;CACF,CAAC"}

package/dist/profile/stats-ribbon.d.ts

@@ -0,0 +1,11 @@
+interface Stat {
+    value: string | number;
+    label: string;
+}
+interface StatsRibbonProps {
+    stats: Stat[];
+    className?: string;
+}
+export declare function StatsRibbon({ stats, className }: StatsRibbonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=stats-ribbon.d.ts.map

package/dist/profile/stats-ribbon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats-ribbon.d.ts","sourceRoot":"","sources":["../../src/profile/stats-ribbon.tsx"],"names":[],"mappings":"AAGA,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,kDA8BjE"}

package/dist/profile/stats-ribbon.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+// IMPORTANT: Tailwind does not support dynamic class generation like grid-cols-${n}
+// Use a static map instead
+const gridColsMap = {
+    2: "grid-cols-2",
+    3: "grid-cols-2 sm:grid-cols-3",
+    4: "grid-cols-2 sm:grid-cols-4",
+    5: "grid-cols-2 sm:grid-cols-3 md:grid-cols-5",
+};
+export function StatsRibbon({ stats, className }) {
+    if (stats.length === 0)
+        return null;
+    return (_jsx("div", { className: cn("grid overflow-hidden rounded-xl border border-border/60 bg-card", gridColsMap[stats.length] ?? "grid-cols-2 sm:grid-cols-4", className), children: stats.map((stat, i) => (_jsxs("div", { className: cn("px-3 py-3 text-center sm:py-4", i < stats.length - 1 && "border-r border-border/60 max-sm:[&:nth-child(2n)]:border-r-0", i < stats.length - 2 && "max-sm:border-b max-sm:border-border/60"), children: [_jsx("div", { className: "text-lg font-extrabold text-foreground sm:text-xl", children: stat.value }), _jsx("div", { className: "mt-0.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: stat.label })] }, stat.label))) }));
+}
+//# sourceMappingURL=stats-ribbon.js.map

package/dist/profile/stats-ribbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats-ribbon.js","sourceRoot":"","sources":["../../src/profile/stats-ribbon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAYlC,oFAAoF;AACpF,2BAA2B;AAC3B,MAAM,WAAW,GAA2B;IAC1C,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,4BAA4B;IAC/B,CAAC,EAAE,4BAA4B;IAC/B,CAAC,EAAE,2CAA2C;CAC/C,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAoB;IAChE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,4BAA4B,EACzD,SAAS,CACV,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,+DAA+D,EACvF,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,yCAAyC,CAClE,aAED,cAAK,SAAS,EAAC,mDAAmD,YAC/D,IAAI,CAAC,KAAK,GACP,EACN,cAAK,SAAS,EAAC,iFAAiF,YAC7F,IAAI,CAAC,KAAK,GACP,KAZD,IAAI,CAAC,KAAK,CAaX,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/profile/stats-ribbon.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { StatsRibbon } from "./stats-ribbon";
+declare const meta: {
+    title: string;
+    component: typeof StatsRibbon;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ImporterStats: Story;
+export declare const ProducerStats: Story;
+//# sourceMappingURL=stats-ribbon.stories.d.ts.map

package/dist/profile/stats-ribbon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats-ribbon.stories.d.ts","sourceRoot":"","sources":["../../src/profile/stats-ribbon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC"}

package/dist/profile/stats-ribbon.stories.js

@@ -0,0 +1,28 @@
+import { StatsRibbon } from "./stats-ribbon";
+const meta = {
+    title: "Profile/StatsRibbon",
+    component: StatsRibbon,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const ImporterStats = {
+    args: {
+        stats: [
+            { value: 4, label: "Categories" },
+            { value: 6, label: "Markets" },
+            { value: 3, label: "Certificates" },
+            { value: "2019", label: "Since" },
+        ],
+    },
+};
+export const ProducerStats = {
+    args: {
+        stats: [
+            { value: 12, label: "Products" },
+            { value: 3, label: "Awards" },
+            { value: "2019", label: "Since" },
+        ],
+    },
+};
+//# sourceMappingURL=stats-ribbon.stories.js.map

package/dist/profile/stats-ribbon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats-ribbon.stories.js","sourceRoot":"","sources":["../../src/profile/stats-ribbon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACE,CAAC;AAErC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE;YACjC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE;YAC9B,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE;YACnC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;SAClC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;YAChC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;YAC7B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;SAClC;KACF;CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cellarnode/ui",
-  "version": "0.5.5",
+  "version": "0.7.0",
   "type": "module",
   "private": false,
   "description": "Shared UI components, theme tokens, and chat/offer primitives for CellarNode dashboards.",