@cellarnode/ui 0.3.2 → 0.5.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"profile.stories.d.ts","sourceRoot":"","sources":["../../src/profile/profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EACL,YAAY,EAMb,MAAM,WAAW,CAAC;AAwJnB,QAAA,MAAM,IAAI;;;;;;;CAK2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}

package/dist/profile/profile.stories.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ProfileShell, ProfileCard, ProfileDetailRow, ProfileInfoGrid, ProfileInfoItem, ProfileActions, } from "./profile";
+// Simple inline SVG icons for the story
+function GlobeIcon() {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "size-4", "aria-hidden": true, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })] }));
+}
+function MapPinIcon() {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "size-4", "aria-hidden": true, children: [_jsx("path", { d: "M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }));
+}
+function PhoneIcon() {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "size-4", "aria-hidden": true, children: _jsx("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.93 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.88 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z" }) }));
+}
+// ─── Composed story component ──────────────────────────────────────────────────
+function WineProducerProfile() {
+    return (_jsxs(ProfileShell, { title: "Organisation Profile", subtitle: "Manage your winery's public information and contact details.", children: [_jsx(ProfileCard, { title: "About", description: "Information visible to importers browsing the marketplace.", children: _jsxs(ProfileInfoGrid, { children: [_jsx(ProfileInfoItem, { label: "Organisation Name", children: "Ch\u00E2teau Bellevue" }), _jsx(ProfileInfoItem, { label: "Founded", children: "1842" }), _jsx(ProfileInfoItem, { label: "Appellation", children: "Saint-\u00C9milion Grand Cru" }), _jsx(ProfileInfoItem, { label: "Vineyard Size", children: "32 hectares" }), _jsx(ProfileInfoItem, { label: "Annual Production", children: "180,000 bottles" }), _jsx(ProfileInfoItem, { label: "Primary Varietals", children: "Merlot, Cabernet Franc" }), _jsx(ProfileInfoItem, { label: "Description", colSpan: "full", children: "A family-owned estate on the limestone plateau of Saint-\u00C9milion, producing structured Merlot-dominant blends aged in French oak barriques. Certified organic since 2019." })] }) }), _jsx(ProfileCard, { title: "Contact & Location", description: "Primary contact details for trade enquiries.", footer: _jsx("p", { className: "text-xs text-muted-foreground", children: "Last updated 14 March 2026" }), children: _jsxs("dl", { className: "divide-y divide-border/40", children: [_jsx(ProfileDetailRow, { icon: _jsx(MapPinIcon, {}), label: "Address", value: "1 Chemin Bellevue, 33330 Saint-\u00C9milion, France" }), _jsx(ProfileDetailRow, { icon: _jsx(PhoneIcon, {}), label: "Phone", value: "+33 5 57 24 72 18" }), _jsx(ProfileDetailRow, { icon: _jsx(GlobeIcon, {}), label: "Website", value: _jsx("a", { href: "https://chateaubellevue.fr", className: "text-primary underline underline-offset-2", children: "chateaubellevue.fr" }) })] }) }), _jsxs(ProfileActions, { children: [_jsx("button", { type: "button", className: "rounded-md bg-primary px-4 py-2 text-sm font-semibold text-white hover:bg-primary/90", children: "Save changes" }), _jsx("button", { type: "button", className: "rounded-md border border-border px-4 py-2 text-sm font-semibold text-foreground hover:bg-muted", children: "Cancel" })] })] }));
+}
+// ─── Meta ─────────────────────────────────────────────────────────────────────
+const meta = {
+    title: "Profile/ProfilePage",
+    component: ProfileShell,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Default = {
+    args: { title: "Organisation Profile", children: null },
+    render: () => _jsx(WineProducerProfile, {}),
+};
+export const MinimalCard = {
+    args: { title: "Basic Info", children: null },
+    render: () => (_jsx(ProfileCard, { title: "Basic Info", description: "A simple profile card.", children: _jsxs(ProfileInfoGrid, { children: [_jsx(ProfileInfoItem, { label: "Name", children: "Jane Doe" }), _jsx(ProfileInfoItem, { label: "Role", children: "Account Manager" })] }) })),
+};
+//# sourceMappingURL=profile.stories.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cellarnode/ui",
-  "version": "0.3.2",
+  "version": "0.5.0",
   "type": "module",
   "private": false,
   "description": "Shared UI components, theme tokens, and chat/offer primitives for CellarNode dashboards.",
@@ -80,9 +80,11 @@
     "@tanstack/react-table": "^8.0.0",
     "i18n-iso-countries": ">=7.0.0",
     "motion": "^12.0.0",
+    "r3f-globe": ">=1.6.0",
+    "@react-three/fiber": ">=9.0.0",
+    "@react-three/offscreen": ">=0.0.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-globe.gl": ">=2.37.0",
     "three": ">=0.170.0",
     "topojson-client": ">=3.0.0",
     "world-atlas": ">=2.0.0"
@@ -103,7 +105,13 @@
     "motion": {
       "optional": true
     },
-    "react-globe.gl": {
+    "r3f-globe": {
+      "optional": true
+    },
+    "@react-three/fiber": {
+      "optional": true
+    },
+    "@react-three/offscreen": {
       "optional": true
     },
     "three": {
@@ -156,6 +164,10 @@
     "@dnd-kit/dom": "^0.3.2",
     "@dnd-kit/react": "^0.3.2",
     "@eslint-react/eslint-plugin": "^3.0.0",
+    "@react-three/drei": "^10.7.7",
+    "@react-three/fiber": "^9.5.0",
+    "@react-three/offscreen": "^0.0.8",
+    "@react-three/postprocessing": "^3.0.4",
     "@eslint/js": "^10.0.1",
     "@storybook/addon-a11y": "^10.3.3",
     "@storybook/addon-docs": "^10.3.3",
@@ -179,7 +191,8 @@
     "i18n-iso-countries": "^7.14.0",
     "motion": "^12.38.0",
     "playwright": "^1.58.2",
-    "react-globe.gl": "^2.37.0",
+    "postprocessing": "^6.39.0",
+    "r3f-globe": "^1.6.0",
     "storybook": "^10.3.3",
     "tailwindcss": "^4.2.2",
     "three": "^0.182.0",