@cellarnode/ui 0.17.4 → 0.19.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cellarnode/ui",
-  "version": "0.17.4",
+  "version": "0.19.1",
   "type": "module",
   "private": false,
   "description": "Shared UI components, theme tokens, and chat/offer primitives for CellarNode dashboards.",
@@ -23,6 +23,7 @@
       "default": "./dist/index.js"
     },
     "./theme/tokens.css": "./src/theme/tokens.css",
+    "./offer/offer-document.print.css": "./src/offer/offer-document.print.css",
     "./chat": {
       "types": "./dist/chat/index.d.ts",
       "default": "./dist/chat/index.js"
@@ -66,6 +67,10 @@
       "types": "./dist/opportunities/index.d.ts",
       "default": "./dist/opportunities/index.js"
     },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "default": "./dist/hooks/index.js"
+    },
     "./notifications": {
       "types": "./dist/notifications/index.d.ts",
       "default": "./dist/notifications/index.js"
@@ -77,7 +82,8 @@
   },
   "files": [
     "dist",
-    "src/theme/tokens.css"
+    "src/theme/tokens.css",
+    "src/offer/offer-document.print.css"
   ],
   "scripts": {
     "build": "tsc",
@@ -152,6 +158,7 @@
   "dependencies": {
     "@headlessui/react": "^2.2.9",
     "@heroicons/react": "^2.2.0",
+    "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -180,7 +187,8 @@
     "tailwind-merge": "^2.6.1",
     "topojson-client": "^3.1.0",
     "vaul": "^1.1.2",
-    "world-atlas": "^2.0.2"
+    "world-atlas": "^2.0.2",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@dnd-kit/dom": "^0.3.2",
@@ -225,6 +233,7 @@
     "three": "^0.183.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.57.2",
-    "vitest": "^4.1.2"
+    "vitest": "^4.1.2",
+    "vitest-axe": "^0.1.0"
   }
 }

package/src/offer/offer-document.print.css

@@ -0,0 +1,72 @@
+/* ui/src/offer/offer-document.print.css */
+
+@media print {
+  /* Hide interactive / non-document chrome */
+  [data-offer-rail],
+  [data-offer-composer],
+  [data-offer-activity-pill],
+  [data-offer-action-dock],
+  [data-offer-nav-chrome],
+  [aria-label="Export offer as PDF"],
+  button[aria-label^="Close "],
+  nav,
+  header[role="banner"] {
+    display: none !important;
+  }
+
+  /* Force all collapsible sections open */
+  [data-offer-section] {
+    display: block !important;
+  }
+  [data-offer-section-body] {
+    display: block !important;
+    max-height: none !important;
+    overflow: visible !important;
+  }
+  [data-offer-section] [aria-expanded="false"] + * {
+    display: block !important;
+  }
+
+  /* Unfix sticky Facts Card so it flows with content */
+  [data-offer-facts-card] {
+    position: static !important;
+    box-shadow: none !important;
+    break-inside: avoid;
+  }
+
+  /* Serif typography — matches contract-style documents */
+  body,
+  [data-offer-document] {
+    font-family: Georgia, "Times New Roman", Times, serif !important;
+    color: #000 !important;
+    background: #fff !important;
+  }
+
+  /* Section break hints — avoid splitting cards across pages */
+  [data-offer-section],
+  [data-offer-timeline-event] {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+
+  /* Link URLs surfaced after the anchor text */
+  a[href]::after {
+    content: " (" attr(href) ")";
+    font-size: 0.75rem;
+    color: #444;
+  }
+  a[href^="#"]::after,
+  a[href^="javascript:"]::after {
+    content: "";
+  }
+
+  /* Print footer — injected via running element */
+  @page {
+    margin: 18mm 15mm 22mm 15mm;
+    @bottom-center {
+      content: "CellarNode — confidential — printed from offer " attr(data-offer-id) " · " attr(data-printed-at);
+      font-size: 9pt;
+      color: #555;
+    }
+  }
+}